html:has(.quas-section-nav){scroll-padding-top:var(--quas-anchor-offset, 0px)}@media(prefers-reduced-motion:reduce){html:has(.quas-section-nav){scroll-behavior:auto}}.quas-section-nav-slot{display:block;margin-top:var(--s-8)}.quas-section-nav{--quas-nav-tuck: 28px;--quas-nav-ease: var(--ease-drawer);--quas-nav-glide: var(--ease-swap);position:relative;padding:6px;border-radius:0 0 26px 26px;background:var(--quas-walnut);color:var(--color-ink-on-dark)}.quas-section-nav-band{margin-top:-1px}.quas-section-nav__inner{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;gap:var(--s-5);margin:0 auto}.quas-section-nav__title,.quas-section-nav__cta{display:none}.quas-section-nav__scroller{display:flex;overflow-x:auto;scrollbar-width:none}.quas-section-nav__scroller::-webkit-scrollbar{display:none}.quas-section-nav__rail{position:relative;display:grid;margin-inline:auto}.quas-section-nav__links{display:flex;grid-area:1 / 1;gap:var(--s-1);margin:0;padding:0;list-style:none}.quas-section-nav__links li{flex:0 0 auto}.quas-section-nav__links a,.quas-section-nav__links span{position:relative;display:inline-flex;align-items:center;min-height:44px;padding:0 var(--s-4);border-radius:var(--r-pill);color:var(--color-ink-on-dark-muted);font-size:var(--t-caption);font-weight:var(--w-nav);text-decoration:none;white-space:nowrap;transition:color var(--d-fast) var(--ease-out)}@property --quas-nav-l{syntax: "<length>"; inherits: false; initial-value: 0px;}@property --quas-nav-r{syntax: "<length>"; inherits: false; initial-value: 0px;}.quas-section-nav__links--lit{--quas-nav-lead: .3s;--quas-nav-trail: .48s;z-index:1;border-radius:var(--r-pill);background:var(--quas-terracotta-dark);pointer-events:none;opacity:0;clip-path:inset(0 var(--quas-nav-r) 0 var(--quas-nav-l) round 999px);transition:--quas-nav-r var(--quas-nav-lead) var(--quas-nav-ease),--quas-nav-l var(--quas-nav-trail) var(--quas-nav-ease),opacity .2s var(--ease-out)}.quas-section-nav.is-back .quas-section-nav__links--lit{transition:--quas-nav-l var(--quas-nav-lead) var(--quas-nav-ease),--quas-nav-r var(--quas-nav-trail) var(--quas-nav-ease),opacity .2s var(--ease-out)}.quas-section-nav__links--lit span{color:var(--quas-cream)}.quas-section-nav.has-current .quas-section-nav__links--lit{opacity:1}.quas-section-nav.is-placing .quas-section-nav__links--lit{transition:opacity .2s var(--ease-out)}.quas-section-nav__links a:focus-visible{outline:var(--focus-ring-width) solid var(--quas-cream);outline-offset:-4px;box-shadow:none}@media(hover:hover)and (pointer:fine){.quas-section-nav__links a:hover{color:var(--quas-cream)}}.quas-section-nav__progress{display:none}.quas-section-nav.is-stuck{position:fixed;z-index:7;top:calc(var(--quas-nav-dock-top, 0px) - var(--quas-nav-tuck));left:var(--quas-nav-dock-left, 0px);width:var(--quas-nav-dock-width, 100%);padding:calc(var(--quas-nav-tuck) + 6px) 6px 6px;border-radius:0 0 26px 26px;box-shadow:0 14px 30px -18px rgba(var(--quas-walnut-deep-rgb) / .55);animation:quas-section-nav-drop .56s var(--quas-nav-ease) both}@keyframes quas-section-nav-drop{0%{clip-path:inset(0 0 100% 0 round 0 0 26px 26px);transform:translate3d(0,-18px,0)}to{clip-path:inset(0 0 -40px 0 round 0 0 26px 26px);transform:none}}.quas-section-nav.is-stuck .quas-section-nav__links li{animation:quas-section-nav-link-in .42s var(--quas-nav-ease) both;animation-delay:calc(.14s + var(--i, 0) * 40ms)}@keyframes quas-section-nav-link-in{0%{opacity:0;transform:translate3d(0,-10px,0)}}.quas-section-nav.is-stuck .quas-section-nav__progress{position:absolute;right:26px;bottom:0;left:26px;display:block;height:2px;border-radius:2px;background:var(--quas-terracotta);transform:scaleX(0);transform-origin:left center;transition:transform .14s var(--ease-out)}@media screen and (min-width:750px){.quas-section-nav.is-stuck{left:calc(var(--quas-nav-dock-left, 0px) + 24px);width:calc(var(--quas-nav-dock-width, 100%) - 48px)}}@media screen and (min-width:990px){.quas-section-nav.is-stuck{padding-inline:var(--s-6) 6px}.quas-section-nav.is-stuck .quas-section-nav__inner{grid-template-columns:auto minmax(0,1fr) auto}.quas-section-nav.is-stuck .quas-section-nav__title{display:flex;align-items:baseline;gap:var(--s-3);min-width:0;margin:0;animation:quas-section-nav-link-in .42s var(--quas-nav-ease) .1s both}.quas-section-nav__name{overflow:hidden;color:var(--quas-cream);font-family:var(--quas-font-display);font-size:var(--t-button-lg);font-variation-settings:var(--quas-fr-h3);font-weight:var(--w-h3);text-overflow:ellipsis;white-space:nowrap}.quas-section-nav__price{display:none;color:var(--color-ink-on-dark-muted);font-size:var(--t-caption);font-variant-numeric:tabular-nums;white-space:nowrap}.quas-section-nav.is-stuck .quas-section-nav__cta{display:inline-flex;text-decoration:none;align-items:center;justify-self:end;min-height:44px;padding:0 var(--s-5);border:0;border-radius:var(--r-pill);background:var(--quas-cream);color:var(--quas-walnut);font:inherit;font-size:var(--t-caption);font-weight:var(--w-button);cursor:pointer;animation:quas-section-nav-link-in .42s var(--quas-nav-ease) .18s both;transition:background-color var(--d-fast) var(--ease-out),transform var(--d-fast) var(--ease-out)}.quas-section-nav__cta:active:not(:disabled){transform:scale(.97)}.quas-section-nav__cta:disabled{opacity:.6;cursor:not-allowed}.quas-section-nav__cta:focus-visible{outline:var(--focus-ring-width) solid var(--quas-cream);outline-offset:2px;box-shadow:none}}@media screen and (min-width:1280px){.quas-section-nav__price{display:inline}}@media screen and (min-width:990px)and (hover:hover)and (pointer:fine){.quas-section-nav__cta:hover:not(:disabled){background:var(--quas-ginger)}}@media screen and (max-width:989px){.quas-section-nav-slot{margin-top:var(--s-7)}.quas-section-nav__links a,.quas-section-nav__links span{min-height:40px;padding:0 var(--s-3)}}@media screen and (max-width:749px){.quas-section-nav{border-radius:0 0 20px 20px}.quas-section-nav.is-stuck{padding:calc(var(--quas-nav-tuck) + 4px) 4px 6px;border-radius:0 0 20px 20px}.quas-section-nav.is-stuck .quas-section-nav__progress{right:20px;left:20px}.quas-section-nav__scroller{-webkit-mask-image:linear-gradient(90deg,transparent,#000 12px,#000 calc(100% - 12px),transparent);mask-image:linear-gradient(90deg,transparent,#000 12px,#000 calc(100% - 12px),transparent)}}@media(prefers-reduced-motion:reduce){.quas-section-nav.is-stuck,.quas-section-nav.is-stuck .quas-section-nav__links li,.quas-section-nav.is-stuck .quas-section-nav__title,.quas-section-nav.is-stuck .quas-section-nav__cta{animation:none}.quas-section-nav__links--lit,.quas-section-nav.is-back .quas-section-nav__links--lit{transition:opacity .16s linear}.quas-section-nav.is-stuck .quas-section-nav__progress{transition:none}}.quas-section-nav-band{position:relative;z-index:2}.quas-section-nav-band .quas-section__inner{padding-block:0 var(--s-7)}.quas-section-nav-band .quas-section-nav-slot{margin-top:0}.quas-section-nav-band.quas-surface--tint .quas-section__inner{padding-bottom:var(--s-3)}.quas-section-nav-slot{position:relative;z-index:3;height:0}.quas-section-nav-band .quas-section__inner,.quas-section-nav-band.quas-surface--tint .quas-section__inner{padding:0}.quas-section-nav-band{margin-top:0;background:transparent}.quas-picker-container:has(>.quas-section-nav-slot){padding-bottom:0}.shopify-section:has(.quas-section-nav-band)+.shopify-section .quas-recognition>.quas-section__inner{padding-top:calc(56px + var(--s-7))}
/*# sourceMappingURL=/cdn/shop/t/9/assets/quas-section-nav.css.map */