@font-face{font-family:SunpuraNav;src:url(sunpura-neue-campton-regular.otf) format("opentype");font-weight:400;font-display:swap}@font-face{font-family:SunpuraNav;src:url(sunpura-neue-campton-semibold.otf) format("opentype");font-weight:600;font-display:swap}@property --sp-n-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}.sp-pnav{display:block;padding:6px 16px 8px;font-family:SunpuraNav,var(--font-body-family, Arial),sans-serif;--sp-n-ease: cubic-bezier(.16, 1, .3, 1)}.sp-pnav *{box-sizing:border-box}.sp-pnav[hidden],.sp-pnav [hidden]{display:none!important}.sp-pnav__bar{display:flex;align-items:center;gap:8px;max-width:var(--sp-n-width, 1240px);min-height:62px;margin:auto;padding:7px 9px;border:1px solid rgba(17,24,39,.08);border-radius:20px;background:#ffffffc7;backdrop-filter:blur(18px) saturate(145%);-webkit-backdrop-filter:blur(18px) saturate(145%);box-shadow:inset 0 1px #ffffffeb,inset 0 -1px #29292906}.sp-pnav__viewport{flex:1;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;scroll-behavior:auto;scroll-padding:4px}.sp-pnav__viewport::-webkit-scrollbar{display:none}.sp-pnav__track{position:relative;display:flex;align-items:stretch;gap:6px;width:max-content;min-width:100%;padding:3px;isolation:isolate}.sp-pnav .sp-pnav__link{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:12px;flex:0 0 auto;min-height:42px;padding:0 15px;border:1px solid transparent;border-radius:999px;background:transparent;text-decoration:none;font-family:inherit;font-size:var(--sp-n-size, 14px);font-weight:600;line-height:1.2;letter-spacing:-.01em;color:var(--sp-n-text, #667085);white-space:nowrap;transform:none;box-shadow:none}.sp-pnav__track .sp-pnav__link[aria-current=location]{color:var(--sp-n-active, #292929);background:transparent}.sp-pnav__indicator{position:absolute;z-index:0;left:0;top:3px;width:var(--sp-n-indicator-width, 0px);height:var(--sp-n-indicator-height, 42px);transform:translate(var(--sp-n-indicator-x, 0px));border:0;border-radius:999px;background:transparent;box-shadow:none;transition:transform .62s var(--sp-n-ease),width .62s var(--sp-n-ease),height .25s var(--sp-n-ease);pointer-events:none}.sp-pnav__indicator:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;padding:1px;border-radius:inherit;background:conic-gradient(from var(--sp-n-angle),#00e676 0deg,#00d9a6 90deg,#0a84ff 180deg,#2f9cff 270deg,#00e676 360deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;animation:sp-nav-border 4.8s linear infinite;pointer-events:none}.sp-pnav[data-in-view=false] .sp-pnav__indicator:before{animation-play-state:paused}.sp-pnav__indicator.is-instant{transition:none}.sp-pnav__step{display:grid;place-items:center;flex:0 0 36px;width:36px;height:42px;padding:0;border:0;border-radius:999px;background:transparent;color:#292929;cursor:pointer}.sp-pnav__step:disabled{opacity:.25;cursor:default}.sp-pnav__step svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6}.sp-pnav__buy-slot{flex:0 0 auto;max-width:32%;padding-left:6px;border-left:1px solid #dfe3e1}.sp-pnav .sp-pnav__buy-slot .sp-pnav__link,.sp-pnav .sp-pnav__buy-slot .sp-pnav__link[aria-current=location]{min-height:42px;padding:6px 9px 6px 18px;border:1px solid #292929;border-radius:999px;background:#292929;color:#fff;white-space:normal;max-width:100%;box-shadow:none}.sp-pnav .sp-pnav__buy-slot .sp-pnav__link[aria-current=location]{color:#fff;background:#292929;border-color:#292929}.sp-pnav__link>span:first-child{overflow-wrap:anywhere}.sp-pnav__arrow{position:relative;flex:0 0 30px;width:30px;height:30px;border:1px solid #626866;border-radius:50%;overflow:hidden}.sp-pnav__arrow svg{position:absolute;top:6px;right:6px;bottom:6px;left:6px;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;transition:transform .5s cubic-bezier(.34,1.56,.64,1),opacity .4s var(--sp-n-ease)}.sp-pnav__arrow svg+svg{transform:translate(-12px,12px);opacity:0}.sp-pnav__track .sp-pnav__arrow{display:none}.sp-pnav a:focus-visible,.sp-pnav button:focus-visible{outline:2px solid #0a84ff;outline-offset:-2px}.sp-pnav__buy-slot .sp-pnav__link:focus-visible .sp-pnav__arrow svg:first-child{transform:translate(12px,-12px);opacity:0}.sp-pnav__buy-slot .sp-pnav__link:focus-visible .sp-pnav__arrow svg+svg{transform:none;opacity:1}@keyframes sp-nav-border{to{--sp-n-angle: 360deg}}@media(hover:hover){.sp-pnav__track .sp-pnav__link:hover{color:var(--sp-n-hover, #292929)}.sp-pnav__step:not(:disabled):hover{background:#ecefed}.sp-pnav .sp-pnav__buy-slot .sp-pnav__link:hover{background:#292929;color:#fff;border-color:#292929}.sp-pnav__buy-slot .sp-pnav__link:hover .sp-pnav__arrow svg:first-child{transform:translate(12px,-12px);opacity:0}.sp-pnav__buy-slot .sp-pnav__link:hover .sp-pnav__arrow svg+svg{transform:none;opacity:1}}@media(max-width:749px){.sp-pnav{padding:4px 8px 6px}.sp-pnav__bar{gap:5px;min-height:58px;padding:5px;border-radius:14px}.sp-pnav__step{display:none}.sp-pnav .sp-pnav__link{min-height:40px;padding:0 12px;font-size:var(--sp-n-mobile-size, 13px)}.sp-pnav__track .sp-pnav__link{max-width:calc(100vw - 158px);white-space:normal;text-align:center}.sp-pnav__buy-slot{max-width:40%;padding-left:5px}.sp-pnav .sp-pnav__buy-slot .sp-pnav__link,.sp-pnav .sp-pnav__buy-slot .sp-pnav__link[aria-current=location]{min-height:42px;padding:0 13px;background:#292929;color:#fff;border-color:#292929}.sp-pnav__buy-slot .sp-pnav__arrow{display:none}.sp-pnav__viewport{scrollbar-width:thin;scrollbar-color:#c8cfcb transparent}.sp-pnav__viewport::-webkit-scrollbar{display:block;height:2px}.sp-pnav__viewport::-webkit-scrollbar-thumb{background:#c8cfcb;border-radius:2px}}@media(prefers-reduced-motion:reduce){.sp-pnav__indicator{transition:none}.sp-pnav__indicator:before{animation:none}.sp-pnav__arrow svg{transition:none}}.sp-pnav[data-motion=false] .sp-pnav__indicator{transition:none}.sp-pnav[data-motion=false] .sp-pnav__indicator:before{animation:none}.sp-pnav[data-motion=false] .sp-pnav__arrow svg{transition:none}@media(forced-colors:active){.sp-pnav__indicator:before{padding:0;background:transparent;-webkit-mask:none;mask:none;border:1px solid Highlight}.sp-pnav .sp-pnav__buy-slot .sp-pnav__link,.sp-pnav .sp-pnav__buy-slot .sp-pnav__link[aria-current=location],.sp-pnav__arrow{border-color:ButtonText}}body.overflow-hidden-drawer .shopify-section:has(>.sp-pnav),body.overflow-hidden-mobile .shopify-section:has(>.sp-pnav),body.overflow-hidden-tablet .shopify-section:has(>.sp-pnav){visibility:hidden;pointer-events:none}
/*# sourceMappingURL=/cdn/shop/t/64/assets/sunpura-s2400-anchor-nav.css.map */