@charset "UTF-8";.navigation-menu{display:flex;align-items:center;justify-content:space-evenly;width:100%;justify-content:space-between;flex-direction:row;padding:20px;position:relative}.menu__list{display:flex;gap:40px;font-family:DM Sans,serif;list-style-type:none}.menu__icon{display:none;cursor:pointer}.menu__icon span{display:block;width:30px;height:3px;margin:6px 0;transition:all .4s ease}.logo-container{display:flex;align-items:center;justify-content:center;padding:0 10px}.logo-text{font-size:clamp(1rem,.75rem + 1.25vw,1.875rem)}@media (max-width: 1023px){.menu__icon{display:block;z-index:25}.menu__list{position:fixed;top:0;right:-100%;width:100%;height:100vh;background-color:#371a45;display:flex;gap:10vh;flex-direction:column;transition:right .3s ease;z-index:20;padding:20px;justify-content:center}.menu__list.active{right:0}}@media (max-width: 525px){.navigation-menu{align-items:start}.logo-container{flex-direction:column}.logo-img{max-width:150px;opacity:1}}*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth}::-webkit-scrollbar{display:none}html,body{margin:0;padding:0;height:100%;overflow-x:hidden;overflow-y:scroll;scrollbar-width:none}.container{display:flex;width:100%;align-items:center;flex-direction:column;gap:2vh;min-height:100vh;padding:0 5px;font-family:DM Sans,serif}.container__section-header{display:flex;align-items:center;align-self:center;margin-left:2vw}.container__section-header img{max-width:120px}@media (max-width: 525px){.container__section-header{flex-direction:column}}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}li{display:flex;justify-content:center;align-items:center;list-style:none}p{font-family:DM Sans,serif}h1{font-family:"Noto Serif",serif}button{display:flex;padding:10px;cursor:pointer;font-family:DM Sans,serif;background-color:transparent;border:none;border-radius:5px;transition:background-color .3s ease,transform .2s ease}button:hover{background-color:#371a45}button:focus{outline:2px solid #371a45}.theme-light{--color-primary: #371a45;--color-secondary: #d7d7db;--font-color: #000000;--button-color: #fff;--nav-color: #fff;--nav-link-color: #371a45;--nav-link-hover-color: #fc7e00;--nav-link-active-color: #fcaf23;--top-container-bg-color: #371a45;--heading-color: #371a45;--burger-span: #371a45;--button-favorite-text-color: #371a45;--externe-link-color: #371a45}.theme-dark{--color-primary: #2aea33;--color-secondary: #242627;--font-color: #ffffff;--nav-color: #2a2c2d;--button-color: #fff;--button-favorite-text-color: #fcaf23;--nav-link-color: #fff;--nav-link-hover-color: #fc7e00;--nav-link-active-color: #fcaf23;--top-container-bg-color: #371a45;--heading-color: #ffffff;--burger-span: #ffffff;--externe-link-color: #ff9c44}.container{background:var(--color-secondary)}.container h1,h3{color:var(--externe-link-color);font-family:sans-serif}.main-page-button{border:0;padding:20px 30px;color:var(--button-color);font-size:20px;text-transform:uppercase;background:var(--externe-link-color);cursor:pointer}.navigation-menu{background-color:var(--nav-color)}.navigation-link{color:var(--nav-link-color);text-decoration:none;font-size:1.2rem;text-transform:uppercase}.navigation-link:hover{color:var(--nav-link-hover-color)}@media (max-width: 1023px){.navigation-link{color:#d7d7db}}.active{color:var(--nav-link-active-color)}.logo-text{color:var(--externe-link-color);font-family:"Noto Serif",serif}.top-five-container{background-color:var(--top-container-bg-color)}p{color:var(--font-color)}.container-left-section h1{color:var(--heading-color)}.switch{position:relative;display:inline-block;width:60px;height:34px}.switch input{width:0;height:0;opacity:0}.switch .slider{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#ccc;transition:.4s;cursor:pointer}.switch .slider.round{border-radius:34px}.switch .slider.round:before{border-radius:50%}.switch .slider:before{content:"";position:absolute;top:0;bottom:0;left:0;width:40px;height:40px;margin:auto;border:1px solid white;box-shadow:0 0 15px #2020203d;background:#2f2e2e url(https://i.ibb.co/FxzBYR9/night.png) no-repeat center;transition:.4s}.switch input:checked+.slider{background-color:#c77811}.switch input:checked+.slider:before{border:1px solid black;background:#fff url(https://i.ibb.co/7JfqXxB/sunny.png) no-repeat center;transform:translate(24px)}.switch input:focus+.slider{box-shadow:0 0 1px #2196f3}.burger-span{background-color:var(--nav-link-active-color)}.select-container{width:100%;border-radius:5px;box-shadow:0 4px 6px #0000001a;background-color:var(--color-secondary)}.select-label{color:var(--font-color);font-family:sans-serif}.select-input{border:1px solid var(--color-primary);border-radius:5px;padding:10px;color:var(--font-color);font-size:16px;background-color:var(--color-secondary);transition:border-color .3s ease}.select-input:hover{border-color:var(--color-primary)}.select-input:focus{border-color:var(--color-primary);box-shadow:0 0 5px var(--color-primary)}.select-menu{max-height:300px;overflow-y:auto;color:var(--font-color);background-color:var(--color-secondary)}.select-menu-item{display:flex;justify-content:space-between;padding:10px;font-size:14px}.select-menu-item:hover{color:var(--button-color);background-color:var(--color-primary)}.sorting-controls__label{color:var(--font-color)}.sorting-controls__button{background-color:transparent;color:var(--burger-span);cursor:pointer}.crypto-item button{color:var(--button-favorite-text-color)}.select-button{background-color:var(--externe-link-color);max-width:120px;padding:18px 20px;text-transform:uppercase}.exchange-card{border:1px solid var(--externe-link-color)}.exchange-card h3,.exchange-card p a{color:var(--externe-link-color)}.top-five-container{display:flex;justify-content:center;align-items:center;min-width:100vw;min-height:40px;gap:15px;padding:5px 10px 5px 20px;text-align:center}.top-five-container h4{color:#fff}@media (max-width: 956px){.top-five-container{padding:10px;flex-direction:column;gap:15px}}.top-five-list{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:15px}@media (max-width: 456px){.top-five-list{padding:10px;flex-direction:column;gap:5px}}.top-five-item{display:flex;align-items:center;font-family:DM Sans,serif;gap:5px;flex-wrap:wrap;font-size:14px}.top-five-item p,.top-five-item h4{color:#fff}.top-five-trend-icon{max-width:30px;height:auto}.inner-container{display:flex;align-items:center;justify-content:center;max-width:1200px;margin:0 auto}@media (max-width: 980px){.inner-container{flex-direction:column}}.inner-container h1{max-width:100%}.inner-container img{display:block;width:100%;max-width:600px;height:auto}@media (max-width: 600px){.inner-container img{max-width:420px}}@media (max-width: 374px){.inner-container img{max-width:380px}}.container-left-section{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:10px;gap:15px;max-width:100%}@media (max-width: 980px){.container-left-section{max-width:90%}}.container-left-section h1{font-size:clamp(1.5625rem,1.2054rem + 1.7857vw,2.8125rem);margin-left:200px;display:flex;width:110%}.container-left-section p{display:flex;width:110%;text-align:justify;font-size:clamp(1rem,.8214rem + .8929vw,1.625rem);margin-left:200px}@media (max-width: 980px){.container-left-section h1{max-width:90%;margin-left:0;text-align:center}.container-left-section p{max-width:90%;margin-left:0;padding:10px}}.top-cryptos-container{display:flex;align-items:center;justify-content:center;gap:20px;padding:10px;max-width:100vw;flex-wrap:wrap}.crypto-item{display:flex;flex-direction:column;border:1px solid transparent;border-radius:10px;min-width:330px;min-height:330px;padding:10px}.crypto-item__heading{display:flex;flex-direction:row;justify-content:space-between;align-items:center;min-height:80px}.crypto-item h3{max-width:230px}.crypto-item p{display:flex;align-items:center}.crypto-item button{background-color:transparent;border:none;display:flex;align-items:center;gap:10px;max-width:120px;font-weight:700;cursor:pointer}.crypto-item button img{max-width:50px}.crypto-item.bullish-trend{background-color:#1b6f1b25;box-shadow:0 4px 8px #0f03}.crypto-item.bearish-trend{background-color:#d043432f;box-shadow:0 4px 8px #f003}.crypto-item.going-up{border:1px solid green}.crypto-item.going-down{border:1px solid red}.trend-image{max-width:100px;align-self:flex-end;margin-top:-50px}.tooltip-btn{position:relative;background:none;border:none;cursor:pointer}.tooltip-text{visibility:hidden;opacity:0;position:absolute;top:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:5px 10px;border-radius:5px;font-size:12px;white-space:nowrap;transition:opacity .3s ease,visibility .3s ease;z-index:1}.tooltip-btn:hover .tooltip-text{visibility:visible;opacity:1}.sorting-controls{display:flex;justify-content:center;justify-content:flex-start;align-items:center;min-width:90vw;gap:20px}.sorting-controls__label{font-size:20px;font-family:var("DM Sans", serif)}.sorting-controls__select{padding:10px;cursor:pointer;border-radius:10px}.sorting-controls__select__option{font-family:var("DM Sans", serif)}.sorting-controls__button{display:flex;align-items:center;gap:10px;min-width:100px;text-transform:uppercase;text-align:center;border:none}.sorting-controls__select-container{display:flex;align-items:center;gap:10px}.sorting-controls__img{max-width:40px}@media (max-width: 525px){.sorting-controls{align-items:center;justify-content:center}}.container__selector-section{display:flex;gap:3vw}@media (max-width: 830px){.container__selector-section{flex-direction:column}}.select-wrapper{display:flex;align-items:center}.select-button:disabled{color:#666;background-color:#ccc;cursor:not-allowed}.select-button{border:none;border-radius:10px;color:#fff}.crypto-data ul{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;width:100%;gap:10px}@media (max-width: 525px){.select-wrapper{flex-direction:column}}.exchange-card{display:flex;flex-direction:column;align-items:flex-start;padding:10px;border-radius:10px;gap:5px;min-width:330px;min-height:330px}.exchange-card p a{display:flex;align-items:center;justify-content:center;text-decoration:none;font-weight:700}.exchange-card p a img{max-width:40px}