@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap";:root{font-family:Space Grotesk,sans-serif;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;--text-color: #011b0f;--text-name: #011b0f;--text-color-coins: #f0f0f0;--bg-color: #f0f0f0;--bg-navbar: #022213;--bg-navbar-icon-hover: #011b0f;--bg-search: #011b0f;--bg-profile: #011b0f;--bg-profile-name: #b0ec69;--bg-ranking: #011b0f;--bg-ranking-item: #022213;--bg-list: #032917;--bg-list-item: #022213;--bg-list-item-hover: #033f28;--bg-list-item-hover-icon: #b0ec69;--bg-list-stats: #011b0f;--bg-chart: #022213;--bg-chart-item: #b0ec69;--bg-buttons: #b0ec69;--bg-gradient-top: #b0ec6999;--bg-gradient-bottom: #0222131a;--bg-buttons-hover: #b0ec69;--text-number-chart: #b0ec69;--bg-buttons-container: #011b0f}.dark{--text-color: #b0004a;--text-name: #f0f0f0;--text-color-coins: #f0f0f0;--bg-color: #1a1a1a;--bg-navbar: #d80059;--bg-navbar-icon-hover: #b0004a;--bg-search: #b0004a;--bg-profile: #b0004a;--bg-profile-name: #d80059;--bg-ranking: #b0004a;--bg-ranking-item: #d80059;--bg-list: #8a003b;--bg-list-item: #d80059;--bg-list-item-hover: #500a27;--bg-list-item-hover-icon: #ffa7c9;--bg-list-stats: #b0004a;--bg-chart: #d80059;--bg-chart-item: #ffa7c9;--bg-buttons: #ffa7c9;--bg-gradient-top: #ffa7c980;--bg-gradient-bottom: #8a003b40;--bg-buttons-hover: #dc5aac;--text-number-chart: #ffa7c9;--bg-buttons-container: #b0004a}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;padding:0;box-sizing:border-box;background-color:var(--bg-color);transition:background-color .3s}form[data-v-c666f4d6]{display:flex;align-items:center;justify-content:flex-end;gap:clamp(10px,3vw,30px);width:100%;background-color:var(--bg-search);padding:clamp(10px,2vw,20px);transition:background-color .3s}input[data-v-c666f4d6]{display:block;width:clamp(300px,50%,700px);height:clamp(18px,3vw,75px);background-color:#f0f0f0;color:var(--text-color);border-radius:15px;font-size:clamp(12px,2vw,16px);border:none;padding-left:clamp(10px,2vw,20px)}input[data-v-c666f4d6]:focus{outline:none}input[data-v-c666f4d6]::placeholder{color:var(--text-color);font-size:clamp(12px,2vw,16px)}.btn[data-v-c666f4d6]{border:none;position:absolute;width:clamp(18px,3vw,45px);height:clamp(18px,3vw,45px);cursor:pointer;background-color:transparent;margin-right:clamp(10px,2vw,20px)}.btn img[data-v-c666f4d6]{width:100%;height:100%}.btn[data-v-c666f4d6]:hover{filter:drop-shadow(0 0 10px var(--bg-buttons-hover))}@media (width <= 480px){input[data-v-c666f4d6]{height:35px}}.container[data-v-5715d448]{margin-right:6%}li[data-v-5715d448]{list-style:none}.navbar-vertical[data-v-5715d448]{display:flex;flex-direction:column;justify-content:space-between;height:100dvh;padding:clamp(10px,2vw,20px) clamp(5px,1vw,10px) clamp(25px,5vw,50px) clamp(5px,1vw,10px);width:clamp(50px,100%,85px);background-color:var(--bg-navbar);color:var(--text-color-coins);transition:width .5s ease,background-color .3s ease-in-out}.navbar-vertical__extend[data-v-5715d448]{width:clamp(150px,20vw,300px);max-width:300px;padding:clamp(10px,2vw,20px) clamp(5px,1vw,10px) clamp(25px,5vw,50px) clamp(5px,1vw,10px);box-shadow:2px 0 5px #00000080;transition:width .5s ease,background-color .3s ease-in-out}.navbar-vertical__item[data-v-5715d448],.navbar-vertical__dark-mode-container[data-v-5715d448]{display:flex;align-items:center;justify-content:start;gap:clamp(5px,1.5vw,15px)}.navbar-vertical__menu-container[data-v-5715d448]{display:flex;flex-direction:column;gap:clamp(10px,3vw,30px)}.navbar-vertical__item--menu[data-v-5715d448],.navbar-vertical__item--profile[data-v-5715d448],.navbar-vertical__item--wallet[data-v-5715d448],.navbar-vertical__item--communities[data-v-5715d448],.navbar-vertical__item--notifications[data-v-5715d448],.navbar-vertical__dark-mode-container[data-v-5715d448]{padding:clamp(5px,1.5vw,10px);border-radius:5px;transition:background-color .3s ease-in-out}.navbar-vertical__list[data-v-5715d448]{display:flex;flex-direction:column;gap:clamp(10px,3vw,25px)}.navbar-vertical__item:hover[data-v-5715d448],.navbar-vertical__dark-mode-container:hover[data-v-5715d448],.navbar-vertical__item:hover img[data-v-5715d448],.navbar-vertical__dark-mode-container:hover img[data-v-5715d448],.navbar-vertical__item:hover button[data-v-5715d448],.navbar-vertical__dark-mode-container:hover button[data-v-5715d448]{background-color:var(--bg-navbar-icon-hover)}.navbar-vertical__item-text[data-v-5715d448]{font-size:clamp(14px,2vw,28px)}.navbar-vertical__button[data-v-5715d448],.navbar-vertical__menu-button[data-v-5715d448],.navbar-vertical__dark-mode-button[data-v-5715d448]{display:flex;align-items:center;gap:clamp(5px,1.5vw,15px);width:100%;border:none;background-color:var(--bg-navbar);cursor:pointer;transition:background-color .3s ease-in-out}button>img[data-v-5715d448]{width:clamp(18px,3vw,45px);height:clamp(18px,3vw,45px)}.cryptoChart__container[data-v-f2c546d7]{width:clamp(300px,60vw,875px);height:clamp(200px,40vh,355px);border-radius:35px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:15px 30px;background-color:var(--bg-chart);transition:background-color .3s;position:relative}.grafico[data-v-f2c546d7]{width:100%;height:100%;padding-top:15px;display:flex;align-items:center}canvas[data-v-f2c546d7]{width:100%!important;height:100%!important;max-width:100%;max-height:100%}.buttons__position[data-v-f2c546d7]{position:absolute;right:0;top:0;background-color:var(--bg-buttons-container);transition:background-color .3s;border-radius:0 35px 0 65px;width:50%;height:25%}.buttons__container[data-v-f2c546d7]{padding:20px 30px;display:flex;flex-direction:row;justify-content:flex-end;gap:25px;width:100%;height:100%}.btn[data-v-f2c546d7]{font-size:24px;width:75px;height:38px;background-color:var(--bg-buttons);color:var(--text-color);border:none;border-radius:50px;cursor:pointer}.btn[data-v-f2c546d7]:hover{background-color:var(--bg-buttons-hover)}.btn__all[data-v-f2c546d7]{cursor:not-allowed;background-color:#6a6a6a;color:#f0f0f0}.btn__all[data-v-f2c546d7]:hover{background-color:#6a6a6a}.btn__all[data-v-f2c546d7]:disabled{opacity:.8}@media (max-width: 1024px){.buttons__position[data-v-f2c546d7]{width:60%}.buttons__container[data-v-f2c546d7]{padding:10px 15px;gap:10px;align-items:center}.btn[data-v-f2c546d7]{width:20%;font-size:1rem}}@media (max-width: 768px){.grafico[data-v-f2c546d7]{height:80%}.cryptoChart__container[data-v-f2c546d7]{justify-content:flex-end;padding:10px 15px}.buttons__position[data-v-f2c546d7]{width:100%;border-radius:25px 25px 0 0}.buttons__container[data-v-f2c546d7]{gap:20px;justify-content:center}.btn[data-v-f2c546d7]{width:20%}}@media (width <= 480px){.cryptoChart__container[data-v-f2c546d7]{width:100%}}.user-profile[data-v-b73c093b]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:35px;width:clamp(250px,40%,335px);height:clamp(200px,40vh,355px);border-radius:35px;background-color:var(--bg-profile);transition:background-color .3s}.user-profile__image[data-v-b73c093b]{width:clamp(65px,20vw,130px);height:clamp(65px,20vw,130px)}.user-profile__image img[data-v-b73c093b]{width:100%;height:100%;border-radius:100%;object-fit:cover}.user-profile__info[data-v-b73c093b]{display:flex;flex-direction:column;align-items:center;gap:20px}.user-profile__name[data-v-b73c093b]{display:flex;align-items:center;justify-content:center;width:clamp(130px,75%,200px);height:clamp(20px,25%,40px);border-radius:clamp(25px,5vw,50px);background-color:var(--bg-profile-name)}.user-profile__name h3[data-v-b73c093b]{font-size:clamp(1.2rem,3vw,1.6rem);color:var(--text-name)}.social-links__list[data-v-b73c093b]{display:flex;flex-direction:row;list-style:none;gap:18px}.social-links__item[data-v-b73c093b]{height:clamp(45px,5vw,60px);width:clamp(45px,5vw,60px)}.social-links__image[data-v-b73c093b],.social-links__image img[data-v-b73c093b]{width:100%;height:100%}@media (width <= 480px){.user-profile[data-v-b73c093b]{flex-direction:row;justify-content:center;align-items:center;width:100%;height:200px;gap:40px}.user-profile__image[data-v-b73c093b]{width:100px;height:100px}.user-profile__info[data-v-b73c093b]{flex-direction:column;align-items:flex-start;gap:25px}}@media (width > 1280px){.user-profile[data-v-b73c093b]{flex-direction:row;justify-content:center;align-items:center;width:clamp(300px,40%,500px);gap:40px}.user-profile__info[data-v-b73c093b]{flex-direction:column;align-items:flex-start;gap:25px}}.crypto-list[data-v-2796b37a]{width:clamp(300px,60vw,875px);height:clamp(200px,40vh,355px);background-color:var(--bg-list);overflow-y:scroll;scrollbar-color:var(--bg-list-item-hover-icon) var(--bg-list);border-radius:35px 0 0 35px;display:flex;flex-direction:column;justify-content:flex-start;gap:15px;transition:background-color .3s}.crypto-list__item[data-v-2796b37a]:hover{background-color:var(--bg-list-item-hover)}.crypto-list__item[data-v-2796b37a]{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;min-height:100px;width:100%;border-radius:25px;background-color:var(--bg-list-item)}.crypto-list__item-header[data-v-2796b37a]{display:flex;flex-direction:row;align-items:center;width:100%;height:100%;gap:15px;padding:clamp(10px,1vw,15px) clamp(20px,1vw,25px)}.crypto-list__item-image[data-v-2796b37a]{height:clamp(1rem,5vw,4rem);width:clamp(1rem,5vw,4rem)}.crypto-list__item-info[data-v-2796b37a]{display:flex;flex-direction:column;align-items:start;gap:5px}.crypto-list__item-stats[data-v-2796b37a]{display:flex;flex-direction:row;align-items:center;justify-content:end;background-color:var(--bg-list-stats);border-radius:0 0 0 65px;width:100%;height:100%;padding:15px 25px;gap:15px}.crypto-list__item-percentage[data-v-2796b37a]{display:flex;flex-direction:row;align-items:center;gap:5px}h3[data-v-2796b37a]{color:var(--text-color-coins);font-size:clamp(1.1rem,2vw,1.7rem)}p[data-v-2796b37a]{font-size:clamp(.8rem,2vw,1.3rem)}.crypto-list__item-percentage-value[data-v-2796b37a]{font-size:clamp(1.5rem,2vw,1.7rem)}.crypto-list__item-options-icon[data-v-2796b37a]{cursor:pointer;height:clamp(1rem,5vw,4rem);width:clamp(1rem,5vw,4rem);border:none;background:transparent}.crypto-list__item-options-icon img[data-v-2796b37a]{width:100%;height:100%}.crypto-list__item-options-icon[data-v-2796b37a]:hover{filter:drop-shadow(0 0 1px var(--bg-list-item-hover-icon))}.crypto-list__item-percentage.positive p[data-v-2796b37a]{color:#4caf50}.crypto-list__item-percentage.negative p[data-v-2796b37a]{color:#f44336}@media (width > 1200px){.crypto-list__item-stats[data-v-2796b37a]{gap:45px}}@media (width <= 480px){.crypto-list[data-v-2796b37a]{width:100%}.crypto-list__item-image[data-v-2796b37a]{height:45px;width:45px}.crypto-list__item-options-icon[data-v-2796b37a]{height:45px;width:45px;background-size:45px 45px}}.crypto-ranking[data-v-bcd8ab70]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;width:clamp(250px,40%,335px);height:clamp(200px,40vh,355px);background-color:var(--bg-ranking);transition:background-color .3s;border-radius:35px;padding:20px 0}.crypto-ranking__item[data-v-bcd8ab70]{width:90%;height:100%;border-radius:25px;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;padding-left:clamp(16px,2vw,18px);gap:8px;background-color:var(--bg-ranking-item);position:relative}.crypto-ranking__position[data-v-bcd8ab70]{position:absolute;top:0;right:0;font-size:clamp(1.2rem,5vw,1.6rem);width:clamp(15%,5vw,25%);height:clamp(20%,5vw,30%);border-radius:8px 25px 0;background-color:#f0f0f0;color:var(--text-color);display:flex;align-items:center;justify-content:center}.crypto-ranking__position>span[data-v-bcd8ab70]{font-size:clamp(1rem,5vw,1.6rem)}.crypto-ranking__image[data-v-bcd8ab70]{height:clamp(1rem,5vw,4rem);width:clamp(1rem,5vw,4rem)}.crypto-ranking__details[data-v-bcd8ab70]{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px}.crypto-ranking__name>h2[data-v-bcd8ab70]{font-size:clamp(1rem,5vw,1.2rem)}.crypto-ranking__market-cap>p[data-v-bcd8ab70]{font-size:clamp(.8rem,5vw,.9rem)}li[data-v-bcd8ab70]{list-style:none}@media (width > 1280px){.crypto-ranking[data-v-bcd8ab70]{width:clamp(300px,40%,500px);flex-direction:row}.crypto-ranking__item[data-v-bcd8ab70]{flex-direction:column;align-items:start;justify-content:center;padding:0 clamp(16px,2vw,18px);gap:45px}.crypto-ranking__name[data-v-bcd8ab70]{word-wrap:normal}}@media (width<= 480px){.crypto-ranking[data-v-bcd8ab70],.crypto-ranking__item[data-v-bcd8ab70]{width:100%}.crypto-ranking__image[data-v-bcd8ab70]{height:45px;width:45px}}.grid-container[data-v-27969307]{display:grid;grid-template-areas:"verticalNavbar searchBar" "verticalNavbar main-content";grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;height:100vh;gap:0;transition:ease-in-out .3s}.verticalNavbar[data-v-27969307]{grid-area:verticalNavbar;margin:0}.verticalNavbar1[data-v-27969307]{position:absolute;z-index:2}.searchBar[data-v-27969307]{grid-area:searchBar;margin:0}.main-content[data-v-27969307]{grid-area:main-content;gap:20px;padding:15px;display:flex;flex-direction:column}.left-section[data-v-27969307],.right-section[data-v-27969307]{display:flex;flex-direction:row;justify-content:space-between;gap:20px}.cryptoChart[data-v-27969307],.userProfile[data-v-27969307],.cryptoList[data-v-27969307],.cryptoRanking[data-v-27969307]{padding:15px;margin:0}@media (width >= 768px){.left-section[data-v-27969307],.right-section[data-v-27969307]{width:100%;justify-content:center}.main-content[data-v-27969307]{align-items:center;justify-content:center}}@media (width <= 480px){.verticalNavbar[data-v-27969307],.verticalNavbar1[data-v-27969307]{display:none}.left-section[data-v-27969307],.right-section[data-v-27969307]{flex-direction:column}.left-section[data-v-27969307]{flex-direction:column-reverse}}