.header{position:fixed;z-index:100;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:var(--size-20);font-size:var(--size-14);background-image:linear-gradient(to bottom,var(--background-50),var(--background-0));animation:var(--fade-in);animation-duration:var(--time-1600);animation-delay:var(--time-1600)}.shown .header{animation-play-state:running}@media (min-width:45rem){.header{padding:var(--size-30) var(--size-40)}}.header__left{display:none;flex:1 1;align-items:center;justify-content:flex-start;gap:var(--size-30)}@media (min-width:75rem){.header__left{display:flex;flex:1 1}}.header__center{margin:0 auto;width:auto;height:var(--size-12);transform-origin:0 center;transition:height var(--time-fast) var(--ease-out-cubic),transform var(--time-slow) var(--ease-out-cubic)}.header__center--login{transform:translateY(10rem)}.header__center--checkout{transform:translateY(4rem)}.header__center svg{height:100%;display:block}.header__center a{display:contents}.header__center--login{height:var(--size-24)}.header__center--login svg{height:100%}@media (min-width:45rem){.header__center{height:var(--size-24)}}.header__right{flex:1 1;display:flex;align-items:center;justify-content:flex-end;gap:var(--size-20)}.header__link{color:var(--foreground-50);text-transform:uppercase;display:inline-block}.header__link:focus{color:var(--foregrou-80)}@media (hover:hover) and (pointer:fine){.header__link:hover{color:var(--foregrou-80)}}.header__link--active{color:var(--foreground);font-weight:700;border-bottom:1px solid var(--foreground)}.header__open-menu{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--size-4);cursor:pointer;width:var(--size-40);height:var(--size-40);background-color:transparent;border:none;outline:none;color:var(--foreground)}@media (min-width:75rem){.header__open-menu{display:none}}.header__btn{display:inline-flex;align-items:center;justify-content:center;padding:0 var(--size-12);background-color:transparent;color:var(--foreground);font-size:var(--size-14);line-height:1;text-transform:uppercase;height:var(--size-32);gap:var(--size-8);position:relative;border:none;outline:none;cursor:pointer}.header__btn--profile{display:none}@media (min-width:45rem){.header__btn{padding:0 var(--size-24)}}.header__btn{display:none}.header__btn--back{display:inline-flex}@media (min-width:75rem){.header__btn{display:inline-flex}.header__btn--profile{display:inline-flex;padding:0;width:var(--size-32);height:var(--size-32)}}.header__btn .icon,.header__btn span{display:none}@media (min-width:45rem){.header__btn .icon,.header__btn span{display:block}}.header__btn:focus .icon{transform:translateX(var(--size-4))}@media (hover:hover) and (pointer:fine){.header__btn:not(.header__btn--profile):hover .icon{transform:translateX(var(--size-4))}}.header__menu{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--background-50);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:var(--size-40);padding:var(--size-120);z-index:100;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);overflow:hidden;visibility:hidden;opacity:0;transition:visibility 0s var(--time-medium),opacity var(--time-medium) var(--ease-out-cubic),-webkit-backdrop-filter var(--time-medium) var(--ease-out-cubic);transition:visibility 0s var(--time-medium),backdrop-filter var(--time-medium) var(--ease-out-cubic),opacity var(--time-medium) var(--ease-out-cubic);transition:visibility 0s var(--time-medium),backdrop-filter var(--time-medium) var(--ease-out-cubic),opacity var(--time-medium) var(--ease-out-cubic),-webkit-backdrop-filter var(--time-medium) var(--ease-out-cubic)}@media (min-width:75rem){.header__menu{display:none}}.header__menu--open{visibility:visible;opacity:1;transform:translateY(0);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:visibility 0s,opacity var(--time-medium) var(--ease-out-cubic),-webkit-backdrop-filter var(--time-medium) var(--ease-out-cubic);transition:visibility 0s,backdrop-filter var(--time-medium) var(--ease-out-cubic),opacity var(--time-medium) var(--ease-out-cubic);transition:visibility 0s,backdrop-filter var(--time-medium) var(--ease-out-cubic),opacity var(--time-medium) var(--ease-out-cubic),-webkit-backdrop-filter var(--time-medium) var(--ease-out-cubic)}.header__menu>*{opacity:0;transform:translateY(40px)}.header__menu--open>*{opacity:1;transform:translateY(0);transition:transform var(--time-medium) var(--ease-out-cubic),opacity var(--time-medium) var(--ease-out-cubic)}.header__menu--open>:first-child{transition-delay:0s}.header__menu--open>:nth-child(2){transition-delay:.1s}.header__menu--open>:nth-child(3){transition-delay:.2s}.header__menu--open>:nth-child(4){transition-delay:.3s}.header__menu--open>:nth-child(5){transition-delay:.4s}.header__mobile-link{color:var(--foreground);text-transform:uppercase;font-size:var(--size-14);line-height:var(--size-40);font-weight:400}.header__close-menu{width:var(--size-40);height:var(--size-40);background-color:transparent;border:none;outline:none;color:var(--foreground)}.loader-logo{position:fixed;z-index:999;top:50%;left:50%;transform:translate(-50%,-250%);height:var(--size-24)}.loader-logo>svg{display:block;height:100%}.loader-btn{position:fixed;z-index:999;top:50%;left:50%;transform:translate(-50%,-75%)}.loader-btn button{position:relative;background:none;border:none;outline:none;color:var(--foreground);font-size:var(--size-14);text-transform:uppercase;font-weight:500;display:flex;align-items:center;justify-content:center;height:var(--size-32);width:210px;margin:0 auto;cursor:pointer}.loader-btn button:hover{color:var(--background);font-weight:700}.loader-btn button:hover svg path{fill:var(--foreground)}.audio-control{gap:var(--size-6)}.audio-control,.audio-control__button{display:flex;align-items:center;justify-content:center}.audio-control__button{position:relative;background-color:transparent;border:none;outline:none;cursor:pointer;color:var(--foreground)}.audio-control__button:before{background-color:var(--background);transform:rotate(40deg) translate(-3px,1px)}.audio-control__button:after,.audio-control__button:before{content:"";display:block;width:var(--size-2);height:130%;position:absolute}.audio-control__button:after{background-color:var(--foreground);transform:rotate(40deg) translate(-1px,1px)}.audio-control__button--playing:after,.audio-control__button--playing:before{display:none}.audio-control__eq{display:flex;align-items:flex-end;justify-content:center;width:var(--size-1);height:var(--size-20);background-color:var(--foreground-50)}.audio-control__eq-value{display:block;width:var(--size-2);height:0;background-color:var(--foreground)}.footer{position:fixed;left:0;right:0;bottom:0;padding:var(--size-20);display:flex;align-items:center;justify-content:space-between;font-size:var(--size-14);color:var(--foreground-50);animation:var(--fade-in);animation-duration:var(--time-1600);animation-delay:var(--time-1600)}.shown .footer{animation-play-state:running}@media (min-width:45rem){.footer{padding:var(--size-40)}}.footer__left{justify-content:flex-start;gap:var(--size-30)}.footer__left,.footer__right{flex:1 1;display:flex;align-items:center}.footer__right{justify-content:flex-end;gap:var(--size-16);text-transform:uppercase;font-size:var(--size-10)}@media (min-width:60rem){.footer__right{font-size:var(--size-16)}}.footer__copyright{display:none}@media (min-width:60rem){.footer__copyright{display:block}}.footer__chevron{display:none}@media (min-width:45rem){.footer__chevron{display:block}}.footer__mouse{width:var(--size-10);height:var(--size-20);border:1px solid var(--foreground-50);border-radius:var(--size-6);display:flex;align-items:center;justify-content:center}@keyframes mouse-scroll{0%{transform:translateY(calc(-1 * var(--size-4)));height:var(--size-4)}12.5%{height:var(--size-8)}25%{height:var(--size-6)}37.5%{transform:translateY(var(--size-4));height:var(--size-4)}50%{transform:translateY(var(--size-4));height:var(--size-4)}62.5%{transform:translateY(var(--size-2));height:var(--size-8)}75%{height:var(--size-6)}87.5%{transform:translateY(calc(-1 * var(--size-4)));height:var(--size-4)}to{transform:translateY(calc(-1 * var(--size-4)));height:var(--size-4)}}.footer__scroll{width:var(--size-4);height:var(--size-4);border-radius:var(--size-2);background-color:var(--foreground);animation:mouse-scroll 2s linear infinite}