.cl-navglass{--cl-nav-tint: 195, 156, 242;--cl-nav-tint-opacity: .3;--cl-nav-blur: 25px;--cl-nav-text: #ffffff;--cl-nav-hover-bg: #ffffff;--cl-nav-hover-text: #3b0183;--cl-nav-gap: 64px;--cl-nav-mobile-circle: 45px;--cl-nav-mobile-solid-opacity: .8;--cl-nav-mobile-icon: #3b0183;--cl-nav-z: 40;display:block;font-family:var(--font-body-family, "Instrument Sans", sans-serif)}.cl-navglass--overlay{position:relative;height:0;overflow:visible;z-index:var(--cl-nav-z)}.cl-navglass:not(.cl-navglass--overlay){position:relative;z-index:var(--cl-nav-z);padding-bottom:calc(var(--cl-nav-offset-desktop, 0px) + 8px)}.cl-navglass:not(.cl-navglass--overlay).is-stuck{padding-top:var(--cl-nav-stuck-pad, 0px)}@media screen and (max-width:999px){.cl-navglass:not(.cl-navglass--overlay){padding-bottom:calc(var(--cl-nav-offset-mobile, 8px) + 8px)}}.cl-navglass__bar{position:relative;z-index:var(--cl-nav-z);display:flex;align-items:center;justify-content:center;gap:clamp(16px,3.5vw,var(--cl-nav-gap));width:100%;max-width:1440px;margin-inline:auto;top:var(--cl-nav-offset-desktop, 0px);padding:9px clamp(16px,2vw,24px);transition:transform .35s ease,padding .35s ease}@media screen and (min-width:1000px){.cl-navglass.is-stuck .cl-navglass__bar{position:fixed;top:0;left:0;right:0;transform:none;max-width:none;padding:9px calc(max((100% - 1440px) / 2,0px) + clamp(16px,2vw,24px));justify-content:space-between;background:rgba(var(--cl-nav-stuck-tint, 32, 11, 37),var(--cl-nav-stuck-opacity, .78));-webkit-backdrop-filter:blur(var(--cl-nav-blur)) saturate(1.4);backdrop-filter:blur(var(--cl-nav-blur)) saturate(1.4);border-bottom:1px solid rgba(255,255,255,.12);border-radius:0 0 28px 28px;box-shadow:0 16px 48px #0c001a59;animation:cl-navglass-drop .35s ease}.cl-navglass.is-stuck .cl-navglass__pill{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border-color:transparent;box-shadow:none}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.cl-navglass.is-stuck .cl-navglass__bar{background:rgba(var(--cl-nav-stuck-tint, 32, 11, 37),.97)}}}@keyframes cl-navglass-drop{0%{transform:translateY(-110%)}to{transform:translateY(0)}}.cl-navglass__logo{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:clamp(52px,5.5vw,var(--cl-nav-logo-width, 73px))}.cl-navglass__logo img,.cl-navglass__logo svg{width:100%;height:auto;display:block}.cl-navglass__logo-text{color:var(--cl-nav-text);font-weight:700;font-size:1.8rem;text-decoration:none}.cl-navglass__pill{display:flex;align-items:center;gap:clamp(2px,.6vw,8px);padding:clamp(8px,1vw,12px) clamp(14px,1.7vw,24px);border-radius:999px;min-width:0;background:rgba(var(--cl-nav-tint),var(--cl-nav-tint-opacity));-webkit-backdrop-filter:blur(var(--cl-nav-blur)) saturate(1.4);backdrop-filter:blur(var(--cl-nav-blur)) saturate(1.4);border:1px solid rgba(255,255,255,.14);box-shadow:0 8px 32px #0c001a1f}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.cl-navglass__pill{background:rgba(var(--cl-nav-tint),.85)}}.cl-navglass__menu{list-style:none;margin:0;position:relative}.cl-navglass__dd{display:block}.cl-navglass__dd>details{position:static}.cl-navglass__dd>details>summary{list-style:none;cursor:pointer}.cl-navglass__dd>details>summary::-webkit-details-marker{display:none}.cl-navglass__item{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px clamp(12px,1.4vw,20px);border-radius:999px;background:transparent;border:0;color:var(--cl-nav-text);font-family:inherit;font-size:clamp(12px,.91vw + 2.9px,16px);font-weight:600;line-height:normal;white-space:nowrap;text-decoration:none;cursor:pointer;transition:background .2s ease,color .2s ease}.cl-navglass__item .cl-navglass__icon{width:15px;height:15px;flex-shrink:0}.cl-navglass__item .cl-navglass__icon svg{width:100%;height:100%;display:block}.cl-navglass__item:hover{background:var(--cl-nav-hover-bg);color:var(--cl-nav-hover-text)}.cl-navglass__item--active,.cl-navglass__item--active:hover,.cl-navglass__dd>details[open]>summary.cl-navglass__item,.cl-navglass__dd>details[open]>summary.cl-navglass__item:hover{background:#c8f566;color:#3b0183}.cl-navglass__dd>details[open] .cl-navglass__item .cl-navglass__caret{transform:rotate(180deg)}.cl-navglass__caret{transition:transform .2s ease;display:inline-flex}.cl-navglass__mega{position:absolute;top:calc(100% + 10px);left:-1px;width:max-content;max-width:calc(100% + 2px);min-width:340px;padding:20px;border-radius:28px;background:#16071ad9;-webkit-backdrop-filter:blur(calc(var(--cl-nav-blur) * 2)) saturate(1.4);backdrop-filter:blur(calc(var(--cl-nav-blur) * 2)) saturate(1.4);border:1px solid rgba(255,255,255,.14);box-shadow:0 24px 64px #0c001a59;display:grid;grid-template-columns:1fr auto;gap:24px;z-index:calc(var(--cl-nav-z) + 1);animation:cl-navglass-fade .25s ease}.cl-navglass__mega--list{min-width:260px}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.cl-navglass__mega{background:#16071af7}}@keyframes cl-navglass-fade{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.cl-navglass__mega-cols{display:flex;flex-wrap:wrap;gap:24px 32px;align-content:start;align-items:flex-start;justify-content:center}.cl-navglass__mega-col{display:flex;flex-direction:column;align-items:center;text-align:center}.cl-navglass__mega-title{display:inline-flex;align-items:center;justify-content:center;color:var(--cl-nav-text);font-size:13px;font-weight:700;line-height:1.3;text-decoration:none;text-align:center;white-space:normal;max-width:180px;margin-bottom:10px;padding:6px 14px;border-radius:999px;border:1px solid transparent;transition:color .15s ease,border-color .15s ease}.cl-navglass__mega-title:hover{color:#c8f566;border-color:#ffffffd9}.cl-navglass__mega-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px;align-items:flex-start}.cl-navglass__mega-col .cl-navglass__mega-list{align-items:center}.cl-navglass__mega-list--pillars{display:grid;grid-auto-flow:column;grid-template-rows:repeat(6,auto);gap:2px 20px;justify-content:center;align-items:start}.cl-navglass__mega-list--pillars li{display:flex;justify-content:flex-start}.cl-navglass__mega-list a{display:inline-flex;align-items:center;color:#fff;font-size:13px;font-weight:500;line-height:1.3;text-decoration:none;text-align:center;white-space:normal;max-width:180px;padding:5px 12px;border-radius:999px;border:1px solid transparent;transition:color .15s ease,border-color .15s ease}.cl-navglass__mega-list a:hover{color:#c8f566;border-color:#ffffffd9}.cl-navglass__mega-list--titles a{font-weight:700}.cl-navglass__mega-list a.cl-navglass__mega-accent,.cl-navglass__mega-title.cl-navglass__mega-accent{color:#c8f566}.cl-navglass__mega-list a.cl-navglass__mega-accent:hover,.cl-navglass__mega-title.cl-navglass__mega-accent:hover{color:#fff;border-color:#ffffffd9}.cl-navglass__mega-promos{display:flex;gap:16px}.cl-navglass__mega-promo{display:flex;flex-direction:column;gap:8px;width:200px;text-decoration:none}.cl-navglass__mega-promo img{width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:16px}.cl-navglass__mega-promo-heading{color:var(--cl-nav-text);font-size:13px;font-weight:700}.cl-navglass__mega-promo-text{color:#ffffffb3;font-size:12px}.cl-navglass__icon-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 20px;border-radius:999px;background:transparent;border:0;color:var(--cl-nav-text);cursor:pointer;position:relative;transition:background .2s ease,color .2s ease}.cl-navglass__icon-btn svg{width:var(--cl-nav-icon, 15px);height:var(--cl-nav-icon, 15px);display:block}.cl-navglass__icon-btn:hover{background:var(--cl-nav-hover-bg);color:var(--cl-nav-hover-text)}.cl-navglass__cart{position:relative}.cl-navglass__cart a{display:inline-flex;align-items:center;justify-content:center;color:inherit;text-decoration:none;padding:0;background:transparent}.cl-navglass__cart svg{width:calc(var(--cl-nav-icon, 15px) + 1px);height:var(--cl-nav-icon, 15px);display:block}.cl-navglass__cart .header__cart,.cl-navglass__cart .header__cart--page{display:contents}.cl-navglass__cart .cart-count-bubble{position:absolute;top:-4px;right:10px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:#c8f566;color:#200b25;font-size:10px;font-weight:700;line-height:1;display:flex;align-items:center;justify-content:center}@media screen and (min-width:1000px)and (max-width:1279px){.cl-navglass__bar{gap:clamp(10px,1.5vw,24px)}.cl-navglass__menu{flex:1 1 auto;flex-wrap:wrap;justify-content:center;row-gap:2px}.cl-navglass__actions{flex-shrink:0}}@media screen and (min-width:1280px)and (max-width:1439px){.cl-navglass--many .cl-navglass__bar{gap:clamp(12px,1.8vw,32px)}.cl-navglass--many .cl-navglass__menu{flex:1 1 auto;flex-wrap:wrap;justify-content:center;row-gap:2px}.cl-navglass--many .cl-navglass__actions{flex-shrink:0}}@media screen and (min-width:1440px){.cl-navglass--many .cl-navglass__item{padding:8px clamp(10px,1vw,16px);font-size:14px}}.cl-navglass__search,.cl-navglass .cl-navglass__search.header__search-inner{position:fixed!important;top:calc(var(--cl-nav-offset-desktop, 12px) + 84px)!important;bottom:auto!important;left:50%!important;right:auto!important;transform:translate(-50%)!important;scale:none!important;clip-path:none!important;z-index:calc(var(--cl-nav-z) + 20)!important;width:min(680px,calc(100vw - 32px))!important;height:auto!important;max-height:none!important;min-height:0!important;margin:0!important;display:none;overflow:visible!important;opacity:1!important;visibility:visible!important;transition:none!important;animation:none;padding:10px!important;border-radius:999px!important;background:#200b25b8!important;-webkit-backdrop-filter:blur(30px) saturate(1.4)!important;backdrop-filter:blur(30px) saturate(1.4)!important;border:1px solid rgba(255,255,255,.18)!important;box-shadow:0 24px 64px #0c001a66!important}.cl-navglass__search:before,.cl-navglass__search:after{content:none!important}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.cl-navglass__search{background:#200b25f7}}.cl-navglass__search.header__search-inner--open,.cl-navglass .cl-navglass__search.header__search-inner--open{display:block!important;animation:cl-navglass-fade-in .2s ease}.cl-navglass__search .cl-navglass__search-form{position:static!important;width:100%!important;height:auto!important;transform:none!important;padding:0!important;background:transparent!important}.cl-navglass__search .cl-navglass__search-input{position:static!important;width:auto!important;height:auto!important;transform:none!important;box-shadow:none!important}@keyframes cl-navglass-fade-in{0%{opacity:0;transform:translate(-50%) translateY(-6px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.cl-navglass__search-form{display:flex;align-items:center;gap:8px;margin:0}.cl-navglass__search-input{flex:1;min-width:0;background:#ffffff1f;border:0;border-radius:999px;padding:12px 20px;color:#fff;font-family:inherit;font-size:15px;outline:none}.cl-navglass__search-input::placeholder{color:#ffffff8c}.cl-navglass__search-input:focus-visible{outline:2px solid #c8f566;outline-offset:1px}.cl-navglass__search-btn{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:42px;height:42px;border-radius:999px;border:0;background:#ffffff1f;color:#fff;cursor:pointer;transition:background .2s ease,color .2s ease}.cl-navglass__search-btn:hover{background:#fff;color:#3b0183}.cl-navglass__search-btn svg{width:16px;height:16px}.cl-navglass__search-btn--submit{background:#c8f566;color:#3b0183}@media screen and (max-width:999px){.cl-navglass__search,.cl-navglass .cl-navglass__search.header__search-inner{top:0!important;left:-9999px!important;transform:none!important;width:320px!important;opacity:0!important;pointer-events:none!important}}.snize-ac-results{margin-top:8px!important;background:#16071aeb!important;-webkit-backdrop-filter:blur(30px) saturate(1.4)!important;backdrop-filter:blur(30px) saturate(1.4)!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:24px!important;box-shadow:0 24px 64px #0c001a66!important;overflow:hidden!important;color:#fff!important;font-family:var(--font-body-family, "Instrument Sans", sans-serif)!important}.snize-ac-results a{color:#fff!important}.snize-ac-results a:hover{color:#c8f566!important}body:has(.cl-navglass__search.header__search-inner--open) .snize-ac-results{width:min(680px,calc(100vw - 32px))!important;left:50%!important;right:auto!important;transform:translate(-50%)!important}@media screen and (max-width:999px){.snize-ac-results,.snize-ac-results-mobile{background-color:#350d3f!important;height:auto!important;max-height:calc(100vh - 120px)!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch}@supports (max-height: 100svh){.snize-ac-results,.snize-ac-results-mobile{max-height:calc(100svh - 120px)!important}}}.cl-navglass__drawer-sub a.cl-navglass__mega-accent{color:#c8f566}.cl-navglass__drawer-sub a.cl-navglass__mega-accent:hover{color:#fff}.cl-navglass__bar--mobile{display:none}@media screen and (max-width:999px){.cl-navglass__bar{display:none}.cl-navglass__bar--mobile{position:relative;z-index:var(--cl-nav-z);display:flex;align-items:center;justify-content:space-between;top:var(--cl-nav-offset-mobile, 8px);margin:0 16px;padding:8px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.3);background:rgba(var(--cl-nav-tint-m, 255, 255, 255),var(--cl-nav-tint-m-opacity, .22));-webkit-backdrop-filter:blur(var(--cl-nav-blur-m, var(--cl-nav-blur))) saturate(1.3);backdrop-filter:blur(var(--cl-nav-blur-m, var(--cl-nav-blur))) saturate(1.3);box-shadow:0 6px 24px #0c001a24;transition:transform .35s ease}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.cl-navglass__bar--mobile{background:rgba(var(--cl-nav-tint-m, 255, 255, 255),.85)}}.cl-navglass.is-stuck .cl-navglass__bar--mobile{position:fixed;top:var(--cl-nav-offset-mobile, 8px);left:16px;right:16px;margin:0;animation:cl-navglass-drop-m .35s ease}@keyframes cl-navglass-drop-m{0%{transform:translateY(-130%)}to{transform:translateY(0)}}.cl-navglass__mcircle{display:flex;align-items:center;justify-content:center;width:var(--cl-nav-mobile-circle);height:var(--cl-nav-mobile-circle);flex-shrink:0;border-radius:999px;border:0;background:transparent;padding:0;cursor:pointer}.cl-navglass__mcircle-inner{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:999px;background:rgba(255,255,255,var(--cl-nav-mobile-solid-opacity));color:var(--cl-nav-mobile-icon);position:relative}.cl-navglass__mcircle-inner svg{width:var(--cl-nav-icon-m, 15px);height:var(--cl-nav-icon-m, 15px);display:block}.cl-navglass__logo--mobile{width:var(--cl-nav-logo-width-mobile, 65px)}}@media screen and (max-width:380px){.cl-navglass__bar--mobile{margin-inline:10px;padding:6px 10px}.cl-navglass.is-stuck .cl-navglass__bar--mobile{left:10px;right:10px}}.cl-navglass__drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:calc(var(--cl-nav-z) + 10);display:flex}.cl-navglass__drawer[hidden]{display:none}.cl-navglass__drawer-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0c001a8c;border:0;padding:0;cursor:pointer}.cl-navglass__drawer-panel{position:relative;width:min(340px,88vw);height:100%;overflow-y:auto;padding:24px 20px 40px;background:rgba(var(--cl-nav-tint),.24);-webkit-backdrop-filter:blur(40px) saturate(1.5);backdrop-filter:blur(40px) saturate(1.5);border-right:1px solid rgba(255,255,255,.14);display:flex;flex-direction:column;gap:24px;transform:translate(-100%);animation:cl-navglass-slide .3s ease forwards}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.cl-navglass__drawer-panel{background:#200b25f7}}@keyframes cl-navglass-slide{to{transform:translate(0)}}.cl-navglass__drawer-head{display:flex;align-items:center;justify-content:space-between}.cl-navglass__drawer-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:999px;background:#ffffff1f;border:0;color:#fff;cursor:pointer}.cl-navglass__drawer-close svg{width:16px;height:16px}.cl-navglass__drawer-nav{display:flex;flex-direction:column;gap:4px}.cl-navglass__drawer-link,.cl-navglass__drawer-nav summary{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 16px;border-radius:16px;color:#fff;font-size:15px;font-weight:600;text-decoration:none;cursor:pointer;list-style:none}.cl-navglass__drawer-nav summary::-webkit-details-marker{display:none}.cl-navglass__drawer-link:hover,.cl-navglass__drawer-nav summary:hover{background:#ffffff1a}.cl-navglass__drawer-nav details[open]>summary .cl-navglass__caret{transform:rotate(180deg)}.cl-navglass__drawer-nav summary .cl-navglass__caret svg{width:14px;height:14px}.cl-navglass__drawer-sub{display:flex;flex-direction:column;gap:2px;padding:4px 0 8px 16px}.cl-navglass__drawer-sub a{padding:8px 16px;border-radius:12px;color:#ffffffc7;font-size:14px;font-weight:500;text-decoration:none}.cl-navglass__drawer-sub a:hover{color:#fff;background:#ffffff14}.cl-navglass__drawer-footer{margin-top:auto;display:flex;flex-direction:column;gap:8px;border-top:1px solid rgba(255,255,255,.14);padding-top:16px}body.cl-navglass-drawer-open{overflow:hidden}.cl-navglass :focus-visible{outline:2px solid #c8f566;outline-offset:2px}@media(prefers-reduced-motion:reduce){.cl-navglass__bar,.cl-navglass__mega,.cl-navglass__drawer-panel{animation:none;transition:none}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/cl-navbar-glass.css.map */