#header-group:has(.sky-header){display:contents}.sky-header-section{position:sticky;top:0;z-index:40}@media(min-width:768px){.sky-header-section:has(.sky-header--transparent){height:0}}.sky-header{display:block}.sky-header__bar{position:relative;color:rgb(var(--sky-black));background:rgb(var(--sky-bg));transition:box-shadow .3s ease}.sky-header.is-scrolled .sky-header__bar{box-shadow:0 2px 8px -2px #0000001a}@media(max-width:767px){.sky-header__bar{transition:background-color .5s var(--sky-ease-nav)}.sky-header__bar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:0;background:#0000004d;backdrop-filter:blur(44px);-webkit-backdrop-filter:blur(44px);transition:opacity .5s var(--sky-ease-nav);pointer-events:none}.sky-header.is-scrolled .sky-header__bar{background:transparent;box-shadow:none}.sky-header.is-scrolled .sky-header__bar:before{opacity:1}}@media(min-width:1025px){.sky-header--border .sky-header__bar{border-bottom:1px solid rgb(204 207 208 / .21)}}@media(min-width:768px){.sky-header--transparent .sky-header__bar{position:absolute;inset:0 0 auto;color:rgb(var(--sky-white));background:transparent;border-bottom:1px solid rgb(255 255 255 / .2)}.sky-header--transparent .sky-header__bar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:0;background:#0000004d;backdrop-filter:blur(44px);-webkit-backdrop-filter:blur(44px);transition:opacity .5s var(--sky-ease-nav)}.sky-header--transparent.is-scrolled .sky-header__bar{box-shadow:none;border-bottom-color:transparent}.sky-header--transparent.is-scrolled .sky-header__bar:before{opacity:1}}.sky-header__grid{display:grid;grid-template-columns:24px auto minmax(0,1fr) 24px;align-items:center;column-gap:10px;padding-block:10px;min-height:65px}@media(min-width:768px){.sky-header__grid{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);column-gap:20px;min-height:75px}}.sky-header__left,.sky-header__right{display:flex;align-items:center;gap:10px}.sky-header__right{justify-content:flex-end}@media(max-width:767px){.sky-header .sky-icon-btn{width:24px;height:24px;background:transparent;overflow:visible}.sky-header .sky-icon-btn__track{transform:none}.sky-header .sky-icon-btn__track>span{width:24px;height:24px}.sky-header .sky-icon-btn__track>span+span{display:none}.sky-header__menu-btn svg{width:16px;height:16px}}.sky-header__menu-btn svg{width:16px;height:16px}.sky-header__cart{overflow:visible}.sky-header__cart-clip{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden}.sky-header__cart-icon{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.sky-header__cart .cart-bubble{--cart-bubble-background: rgb(201 12 44);--cart-bubble-text: rgb(255 255 255);position:absolute;top:2px;right:2px;width:16px;height:16px;font-size:10px}@media(max-width:767px){.sky-header__cart .cart-bubble{top:-4px;right:-6px}}.sky-header__logo{display:flex;justify-content:flex-start}@media(min-width:768px){.sky-header__logo{justify-content:center}}.sky-header__logo-heading{margin:0;font-size:inherit;line-height:1}.sky-header__logo-link{position:relative;display:flex}.sky-header__logo-link:has(img){width:var(--sky-logo-width-mobile)}@media(min-width:768px){.sky-header__logo-link:has(img){width:var(--sky-logo-width)}}.sky-header__logo-img{width:100%;height:auto}.sky-header__logo-img--inverse{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0}@media(min-width:768px){.sky-header--transparent .sky-header__logo-img--default{opacity:0}.sky-header--transparent .sky-header__logo-img--inverse{opacity:1}}.sky-header__logo-text{display:block;max-width:40vw;overflow:hidden;text-overflow:ellipsis;font-family:var(--sky-font-heading);font-weight:500;font-size:26px;line-height:1;letter-spacing:1px;text-transform:uppercase;white-space:nowrap}@media(min-width:768px){.sky-header__logo-text{font-size:40px}}.sky-header__search-field{position:relative;display:flex;margin:0}.sky-header__search-field input{width:100%;height:45px;padding:9px 40px 9px 15px;border:1px solid rgb(221 221 221);border-radius:var(--sky-radius-button);background:rgb(var(--sky-white));color:rgb(var(--sky-black));font:inherit;font-size:16px;outline:none;-webkit-appearance:none;appearance:none}.sky-header__search-field input::placeholder{font-size:12px;color:rgb(var(--sky-text) / .7)}.sky-header__search-field button{position:absolute;right:5px;top:50%;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;transform:translateY(-50%)}.sky-header__search-field svg{width:20px;height:20px}.sky-menu-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;color:#353535}.sky-menu-drawer[hidden]{display:none}.sky-menu-drawer__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0006;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);opacity:0;transition:opacity .5s ease}.sky-menu-drawer.is-open .sky-menu-drawer__backdrop{opacity:1}.sky-menu-drawer__panel,.sky-menu-drawer__aside{position:absolute;bottom:0;display:flex;flex-direction:column;border-radius:30px 30px 0 0;transform:translateY(100%);transition:transform .6s var(--sky-ease-nav);outline:none}.sky-menu-drawer.is-open .sky-menu-drawer__panel{transform:none}.sky-menu-drawer__panel{left:0;right:0;height:calc(100% - 80px);background:rgb(var(--sky-bg-alt));overflow:hidden}@media(min-width:768px){.sky-menu-drawer__panel{left:40px;right:auto;width:460px;height:calc(100% - 100px)}}.sky-menu-drawer__handle{display:block;width:70px;height:4px;margin:10px auto 0;border-radius:4px;background:#00000040;flex-shrink:0}.sky-menu-drawer__head{display:flex;align-items:center;justify-content:space-between;padding:25px 30px}.sky-menu-drawer__logo{display:flex;width:100px;color:rgb(var(--sky-black))}.sky-menu-drawer__logo img{width:100%;height:auto}.sky-menu-drawer__close{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;background:rgb(var(--sky-white));color:rgb(var(--sky-black));transition:transform .4s var(--sky-ease)}.sky-menu-drawer__close:hover{transform:rotate(90deg)}.sky-menu-drawer__close svg{width:16px;height:16px}.sky-menu-drawer__body{flex:1;overflow-y:auto;padding:20px;overscroll-behavior:contain}@media(min-width:768px){.sky-menu-drawer__body{padding:50px 110px 40px 30px}}.sky-menu-drawer__label{margin:0 0 15px;font-size:13px;color:#353535cc}.sky-menu-drawer__menu{display:grid;gap:6px}@media(min-width:768px){.sky-menu-drawer__menu{gap:4px}}.sky-menu-drawer__menu li{display:flex;align-items:center;justify-content:space-between}.sky-menu-drawer__menu a{font-size:26px;font-weight:500;line-height:1.5;color:rgb(var(--sky-black));opacity:0;transform:translateY(20px);transition:all .6s cubic-bezier(.52,-.01,.17,.74)}.sky-menu-drawer.is-open .sky-menu-drawer__menu a{opacity:1;transform:none;transition-delay:var(--d, 0s)}.sky-menu-drawer__cards>li,.sky-menu-drawer__aside-cards>li{transform:translateY(100px);transition:transform .5s var(--sky-ease)}.sky-menu-drawer.is-open :is(.sky-menu-drawer__cards,.sky-menu-drawer__aside-cards)>li{transform:none;transition-delay:var(--d, 0s)}@media(min-width:768px){.sky-menu-drawer__menu a{font-size:24px;line-height:1.6}}.sky-menu-drawer__expand{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:rgb(var(--sky-white));color:rgb(var(--sky-black))}@media(min-width:768px){.sky-menu-drawer__expand{background:transparent}}.sky-menu-drawer__expand svg{width:12px;height:12px}.sky-menu-drawer__popular{margin-top:50px}.sky-menu-drawer__popular ul{display:grid;gap:12px}.sky-menu-drawer__popular-card{display:grid;grid-template-columns:54px 1fr 12px;align-items:center;gap:16px;padding:8px 20px 8px 8px;border:1px solid rgb(0 0 0 / .1);border-radius:var(--sky-radius-block);font-size:15px;color:rgb(var(--sky-black))}@media(hover:hover)and (pointer:fine){.sky-menu-drawer__popular-card:hover{box-shadow:0 0 6px 1px #00000026}}.sky-menu-drawer__popular-thumb{width:54px;height:54px;border-radius:6px}.sky-menu-drawer__popular-card svg{width:10px;height:10px}.sky-menu-drawer__foot{flex-shrink:0;padding:20px 0 20px 20px;border-top:1px solid rgb(0 0 0 / .1)}.sky-menu-drawer__cards{display:flex;gap:15px;overflow-x:auto;padding-right:20px;scrollbar-width:none}.sky-menu-drawer__cards li{flex:0 0 265px}.sky-menu-drawer__cards .sky-menu-card__media{aspect-ratio:265 / 200}.sky-menu-drawer__actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:20px;padding-right:20px}.sky-menu-drawer__account{min-height:44px;padding-inline:20px;font-size:11px;text-transform:uppercase}.sky-menu-card{position:relative;display:block;border-radius:var(--sky-radius-block);overflow:hidden;color:rgb(var(--sky-white))}.sky-menu-card__media{display:block;aspect-ratio:4 / 3}.sky-menu-card__title{position:absolute;top:20px;left:20px;right:20px;font-size:20px;color:rgb(var(--sky-white));text-shadow:0 1px 8px rgb(0 0 0 / .2)}@media(max-width:767px){.sky-menu-card__title{font-size:16px}}.sky-menu-drawer__aside:not(:has(.is-active)){display:none}.sky-menu-drawer__aside{left:0;right:0;height:calc(100% - 80px);background:rgb(var(--sky-white));z-index:2}@media(max-width:767px){.sky-menu-drawer__aside{background:rgb(var(--sky-bg-alt))}.sky-menu-drawer.is-open .sky-menu-drawer__aside.is-mobile-open{transform:none}.sky-menu-drawer__aside [data-sky-aside-default]{display:none!important}}@media(min-width:768px){.sky-menu-drawer__aside{left:420px;right:auto;width:400px;height:calc(100% - 210px);transition-delay:.08s}.sky-menu-drawer.is-open .sky-menu-drawer__aside{transform:none}}.sky-menu-drawer__aside-view{display:none;flex:1;overflow-y:auto;padding:20px;overscroll-behavior:contain;scrollbar-width:none}.sky-menu-drawer__aside-view.is-active{display:block;animation:sky-fade-up .5s var(--sky-ease)}.sky-menu-drawer__aside-cards{display:grid;gap:20px}.sky-menu-drawer__aside-cards .sky-menu-card__media{aspect-ratio:360 / 270}.sky-menu-drawer__submenu{display:grid;gap:14px}@media(min-width:768px){.sky-menu-drawer__submenu{padding:10px}}.sky-menu-drawer__submenu>li>a{font-size:22px;color:rgb(var(--sky-black))}.sky-menu-drawer__submenu ul{display:grid;gap:6px;margin-top:8px}.sky-menu-drawer__submenu ul a{font-size:14px;color:#353535cc}.sky-menu-drawer__submenu a:hover{color:rgb(var(--sky-accent))}.sky-menu-drawer__back{display:flex;align-items:center;gap:10px;margin-bottom:20px;font-family:var(--sky-font-heading);font-size:20px;font-weight:600;color:rgb(var(--sky-black))}.sky-menu-drawer__back svg{width:14px;height:14px}
/*# sourceMappingURL=/cdn/shop/t/2/assets/sky-header.css.map */