:root{--spx-nav-bg: #ffffff;--spx-nav-ink: #141414;--spx-nav-mute: #6b6b6b;--spx-nav-line: rgba(20, 20, 20, .1);--spx-nav-soft: #f7f5f5;--spx-nav-ease: cubic-bezier(.22, 1, .36, 1);--spx-nav-ease-in: cubic-bezier(.55, 0, .75, .2);--spx-nav-time: .55s}.sf-logo{position:relative;isolation:isolate}.sf-logo{--spx-shine-cycle: 14s}.spx-shine{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;display:block;overflow:hidden;-webkit-mask:var(--spx-logo-mask) center / 100% 100% no-repeat;mask:var(--spx-logo-mask) center / 100% 100% no-repeat}.spx-shine:before{content:"";position:absolute;top:0;bottom:0;left:0;width:100%;background:linear-gradient(100deg,transparent 0 14%,var(--spx-shine-band, rgba(120, 120, 120, .42)) 50%,transparent 86% 100%);transform:translate3d(-100%,0,0);will-change:transform;animation:spx-shine var(--spx-shine-cycle) linear infinite}.sf-logo.is-dark-logo .spx-shine:before{background:linear-gradient(100deg,transparent 0 14%,rgba(255,255,255,.5) 50%,transparent 86% 100%)}@keyframes spx-shine{0%{transform:translate3d(-100%,0,0);animation-timing-function:linear}14.29%{transform:translate3d(-100%,0,0);animation-timing-function:cubic-bezier(.37,0,.63,1)}50%{transform:translate3d(100%,0,0);animation-timing-function:linear}64.29%{transform:translate3d(100%,0,0);animation-timing-function:cubic-bezier(.37,0,.63,1)}to{transform:translate3d(-100%,0,0)}}@media(min-width:1200px){.spx-nav-on .sf-dropdown__panel{display:none!important}.spx-nav-on>.sf-dropdown>summary>span[aria-hidden]{display:none}.spx-nav-on>a,.spx-nav-on>.sf-dropdown>summary{position:relative;padding:12px 0;transition:opacity .35s var(--spx-nav-ease)}.spx-nav-on>a:after,.spx-nav-on>.sf-dropdown>summary:after{content:"";position:absolute;left:0;right:0;bottom:5px;height:1.5px;background:currentColor;transform:scaleX(0);transform-origin:right center;transition:transform .45s var(--spx-nav-ease)}.spx-nav-on>a:hover:after,.spx-nav-on>a:focus-visible:after,.spx-nav-on>a[aria-current=page]:after,.spx-nav-on>.sf-dropdown>summary:hover:after,.spx-nav-on>.sf-dropdown>summary:focus-visible:after,.spx-nav-on>.sf-dropdown.is-active>summary:after{transform:scaleX(1);transform-origin:left center}.spx-nav-on:has(>:hover)>:not(:hover),.spx-nav-on.has-active>:not(.is-active){opacity:.5}.spx-nav-on:has(>:hover)>:not(:hover)>summary,.spx-nav-on.has-active>:not(.is-active)>summary{opacity:1}html body .sf-header.spx-mega-open:not(.is-scrolled){background:var(--sf-header-bg, #171717)}html body .sf-header.spx-mega-open:not(.is-scrolled) .sf-nav{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}}.spx-mega{display:none}@media(min-width:1200px){.spx-mega{display:block;position:absolute;left:0;right:0;top:100%;height:var(--spx-mega-h, 0px);overflow:hidden;background:var(--spx-nav-bg);color:var(--spx-nav-ink);font-family:Inter,system-ui,sans-serif;white-space:normal;text-align:left;clip-path:inset(0 0 100% 0);visibility:hidden;box-shadow:0 28px 40px -28px #00000047;transition:clip-path .45s var(--spx-nav-ease),visibility 0s linear .45s}.spx-mega.is-open{clip-path:inset(0 0 0 0);visibility:visible;transition:clip-path .55s var(--spx-nav-ease),height .45s var(--spx-nav-ease),visibility 0s}.spx-mega__pane{position:absolute;top:0;left:0;right:0;display:flex;align-items:flex-start;gap:clamp(48px,6vw,110px);padding:40px var(--spx-gutter, 26px) 52px;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility 0s linear .2s}.spx-mega__pane.is-active{opacity:1;visibility:visible;transition:opacity .35s var(--spx-nav-ease) .06s,visibility 0s}.spx-mega__intro{flex:0 0 clamp(200px,18vw,280px)}.spx-mega__title{margin:0 0 14px;font-size:32px;line-height:1.05;font-weight:700;letter-spacing:-.03em}.spx-mega__all{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:inherit;text-decoration:none}.spx-mega__all svg{width:14px;height:14px;transition:transform .4s var(--spx-nav-ease)}.spx-mega__all:hover svg,.spx-mega__all:focus-visible svg{transform:translate(4px)}.spx-mega__cols{display:flex;gap:clamp(40px,5vw,88px);flex-wrap:wrap}.spx-mega__col{list-style:none;margin:0;padding:0;min-width:150px}.spx-mega__head{margin:0 0 10px;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--spx-nav-mute)}.spx-mega__head a{color:inherit;text-decoration:none}.spx-mega__link{display:inline-block;padding:7px 0;font-size:16px;line-height:1.3;font-weight:500;color:inherit;text-decoration:none;background:linear-gradient(currentColor,currentColor) 0 calc(100% - 4px) / 0 1px no-repeat;transition:background-size .4s var(--spx-nav-ease),opacity .3s}.spx-mega__link:hover,.spx-mega__link:focus-visible,.spx-mega__all:hover span,.spx-mega__all:focus-visible span{background-size:100% 1px}.spx-mega__all span{background:linear-gradient(currentColor,currentColor) 0 100% / 0 1px no-repeat;transition:background-size .4s var(--spx-nav-ease);padding-bottom:2px}.spx-mega__cols:has(.spx-mega__link:hover) .spx-mega__link:not(:hover){opacity:.55}.spx-mega [aria-disabled=true]{opacity:.4;cursor:default}.spx-mega__promo{margin-left:auto;display:flex;flex:none;width:440px;height:236px}.spx-mega__promo[hidden]{display:none}.spx-ring{--r: 150px;--w: 150px;--h: 196px;position:relative;width:440px;height:236px;perspective:900px;perspective-origin:50% 45%;opacity:0;transition:opacity .6s cubic-bezier(.22,1,.36,1);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 16%,#000 84%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 16%,#000 84%,transparent 100%)}.spx-ring__track{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;animation:spx-ring var(--spx-ring-time, 16s) linear infinite}.spx-ring.is-ready{opacity:1}.spx-ring:hover .spx-ring__track,.spx-ring:focus-within .spx-ring__track,.spx-mega__pane:not(.is-active) .spx-ring__track{animation-play-state:paused}@keyframes spx-ring{0%{transform:translateZ(calc(var(--r) * -1)) rotateY(0)}to{transform:translateZ(calc(var(--r) * -1)) rotateY(-360deg)}}.spx-ring__item{position:absolute;left:50%;top:50%;width:var(--w);height:var(--h);margin:calc(var(--h) / -2) 0 0 calc(var(--w) / -2);border-radius:6px;overflow:hidden;background:#181818;color:#fff;text-decoration:none;transform:rotateY(calc(var(--k) * 360deg / var(--n))) translateZ(var(--r));-webkit-backface-visibility:hidden;backface-visibility:hidden;box-shadow:0 10px 24px #0000002e}.spx-ring__item img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.spx-ring__item:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000 40%,#000000b8)}.spx-mega .spx-ring__item,.spx-mega .spx-ring__item span{color:#fff!important}.spx-ring__copy{position:absolute;left:12px;right:12px;bottom:12px;z-index:1;display:grid;gap:4px}.spx-ring__eyebrow{font-size:9px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;opacity:.85}.spx-ring__title{font-size:15px;line-height:1.1;font-weight:700;letter-spacing:-.02em}.spx-ring__item:focus-visible{outline:2px solid #141414;outline-offset:3px}.spx-mega__pane [data-i]{opacity:0;transform:translate3d(0,8px,0)}.spx-mega__pane.is-play [data-i]{opacity:1;transform:none;transition:opacity .45s var(--spx-nav-ease),transform .55s var(--spx-nav-ease);transition-delay:calc(var(--i, 0) * 28ms + 60ms)}.spx-mega-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:#14141452;opacity:0;transition:opacity .45s var(--spx-nav-ease)}.spx-mega-open .spx-mega-scrim{opacity:1;pointer-events:auto}}html.spx-nd-lock{overflow:hidden}html.spx-nd-lock #ShopifyChat,html.spx-nd-lock inbox-online-store-chat,html.spx-nd-lock #shopify-chat{opacity:0!important;visibility:hidden!important;pointer-events:none!important}.spx-nd{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;visibility:hidden;pointer-events:none;font-family:Inter,system-ui,sans-serif;color:var(--spx-nav-ink);transition:visibility 0s linear var(--spx-nav-time)}.spx-nd.is-open{visibility:visible;pointer-events:auto;transition-delay:0s}.spx-nd__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#14141461;opacity:0;transition:opacity .45s var(--spx-nav-ease)}.spx-nd.is-open .spx-nd__scrim{opacity:1}.spx-nd__sheet{position:absolute;top:0;right:0;bottom:0;width:100%;max-width:460px;display:flex;flex-direction:column;background:var(--spx-nav-bg);transform:translate3d(100%,0,0);transition:transform .42s var(--spx-nav-ease-in);box-shadow:-20px 0 40px #0000001f}.spx-nd.is-open .spx-nd__sheet{transform:none;transition:transform var(--spx-nav-time) var(--spx-nav-ease)}.spx-nd__top{position:relative;flex:none;height:var(--sf-header-mobile-height, 64px);min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 12px 0 24px;border-bottom:1px solid var(--spx-nav-line)}.spx-nd__brand,.spx-nd__back{position:absolute;left:24px;top:50%;transition:opacity .35s var(--spx-nav-ease),transform .45s var(--spx-nav-ease),visibility 0s}.spx-nd__brand{transform:translateY(-50%);display:flex}.spx-nd__brand img{display:block;width:auto;height:17px}.spx-nd__back{transform:translate(12px,-50%);opacity:0;visibility:hidden;display:inline-flex;align-items:center;gap:6px;padding:10px 10px 10px 0;margin:0;background:none;border:0;color:inherit;cursor:pointer;font:600 15px/1 Inter,system-ui,sans-serif;letter-spacing:-.01em}.spx-nd__back svg{width:18px;height:18px;transition:transform .35s var(--spx-nav-ease)}.spx-nd__back:hover svg{transform:translate(-3px)}.spx-nd.is-sub .spx-nd__brand{opacity:0;transform:translate(-12px,-50%);visibility:hidden;transition-delay:0s,0s,.35s}.spx-nd.is-sub .spx-nd__back{opacity:1;transform:translateY(-50%);visibility:visible}.spx-nd__close{margin-left:auto;width:44px;height:44px;display:grid;place-items:center;background:none;border:0;border-radius:50%;color:inherit;cursor:pointer;transition:background-color .3s,transform .45s var(--spx-nav-ease)}.spx-nd__close:hover{background:var(--spx-nav-soft);transform:rotate(90deg)}.spx-nd__close svg{width:22px;height:22px}.spx-nd__viewport{position:relative;flex:1;overflow:hidden}.spx-nd__panel{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:18px 24px calc(40px + env(safe-area-inset-bottom));background:var(--spx-nav-bg);transition:transform .5s var(--spx-nav-ease),opacity .4s var(--spx-nav-ease),visibility 0s}.spx-nd__panel--root{transform:none}.spx-nd.is-sub .spx-nd__panel--root{transform:translate3d(-24%,0,0);opacity:0;visibility:hidden;transition:transform .5s var(--spx-nav-ease),opacity .35s var(--spx-nav-ease),visibility 0s linear .5s}.spx-nd__panel--sub{transform:translate3d(100%,0,0);visibility:hidden;transition:transform .45s var(--spx-nav-ease),visibility 0s linear .45s}.spx-nd__panel--sub.is-active{transform:none;visibility:visible;transition:transform .5s var(--spx-nav-ease),visibility 0s}.spx-nd__list{list-style:none;margin:0;padding:0}.spx-nd__item{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;margin:0;padding:11px 0;background:none;border:0;text-align:left;cursor:pointer;color:inherit;text-decoration:none;font:700 28px/1.12 Inter,system-ui,sans-serif;letter-spacing:-.03em;-webkit-tap-highlight-color:transparent}.spx-nd__item>span{transition:transform .45s var(--spx-nav-ease)}.spx-nd__item svg{flex:none;width:20px;height:20px;color:var(--spx-nav-mute);transition:transform .45s var(--spx-nav-ease),color .3s}.spx-nd__item:active>span{opacity:.55}@media(hover:hover){.spx-nd__item:hover>span{transform:translate(6px)}.spx-nd__item:hover svg{transform:translate(4px);color:var(--spx-nav-ink)}.spx-nd__list:has(.spx-nd__item:hover) .spx-nd__item:not(:hover){opacity:.5}}.spx-nd__item{transition:opacity .3s}.spx-nd__item[aria-current=page]>span{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}.spx-nd__meta{list-style:none;margin:26px 0 0;padding:22px 0 0;border-top:1px solid var(--spx-nav-line)}.spx-nd__meta a,.spx-nd__meta button{display:flex;align-items:center;gap:14px;width:100%;padding:11px 0;margin:0;background:none;border:0;color:inherit;cursor:pointer;text-align:left;text-decoration:none;font:500 15px/1.2 Inter,system-ui,sans-serif;letter-spacing:-.005em}.spx-nd__meta svg{flex:none;width:20px;height:20px}.spx-nd__meta a>span,.spx-nd__meta button>span{background:linear-gradient(currentColor,currentColor) 0 100% / 0 1px no-repeat;transition:background-size .4s var(--spx-nav-ease);padding-bottom:2px}.spx-nd__meta a:hover>span,.spx-nd__meta button:hover>span{background-size:100% 1px}.spx-nd__title{margin:6px 0;font:700 34px/1.05 Inter,system-ui,sans-serif;letter-spacing:-.035em}.spx-nd__all{display:inline-flex;align-items:center;gap:8px;margin:0 0 18px;padding:6px 0;color:inherit;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px;font:600 15px/1.2 Inter,system-ui,sans-serif}.spx-nd__all svg{width:15px;height:15px;transition:transform .4s var(--spx-nav-ease)}.spx-nd__all:hover svg{transform:translate(4px)}.spx-nd__sublist{list-style:none;margin:0;padding:12px 0 0;border-top:1px solid var(--spx-nav-line)}.spx-nd__link{display:flex;align-items:center;justify-content:space-between;padding:12px 0;color:inherit;text-decoration:none;font:500 20px/1.25 Inter,system-ui,sans-serif;letter-spacing:-.02em;transition:opacity .3s}.spx-nd__link>span{transition:transform .45s var(--spx-nav-ease)}@media(hover:hover){.spx-nd__link:hover>span{transform:translate(6px)}.spx-nd__sublist:has(.spx-nd__link:hover) .spx-nd__link:not(:hover){opacity:.5}}.spx-nd__group{padding:14px 0 6px}.spx-nd__group-title{margin:0 0 4px;font:600 12px/1.2 Inter,system-ui,sans-serif;letter-spacing:.05em;text-transform:uppercase;color:var(--spx-nav-mute)}.spx-nd__group .spx-nd__link{font-size:17px;padding:9px 0}.spx-nd [aria-disabled=true]{opacity:.4;cursor:default}.spx-nd__panel [data-i]{opacity:0;transform:translate3d(0,14px,0)}.spx-nd__panel.is-play [data-i]{opacity:1;transform:none;transition:opacity .5s var(--spx-nav-ease),transform .6s var(--spx-nav-ease);transition-delay:calc(var(--i, 0) * 32ms + .11s)}@media(min-width:750px){.spx-nd__item{font-size:30px}}@media(prefers-reduced-motion:reduce){.spx-nd *,.spx-nd,.spx-mega,.spx-mega *,.spx-mega-scrim,.spx-nav-on>*{transition-duration:.01ms!important;transition-delay:0s!important}.spx-nd__panel [data-i],.spx-mega__pane [data-i]{opacity:1!important;transform:none!important}.spx-ring__track{animation:none}.spx-shine:before{animation:none;opacity:0}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/spotec-nav.css.map */