.collection-device-navigation{--collection-device-navigation-bg: var(--dark-background);--collection-device-navigation-line: var(--dark-line);--collection-device-navigation-option-width: clamp(7.2rem, calc((100vw - 18rem)/8) , 11.6rem);--collection-device-navigation-option-ratio: 8 / 9;--collection-device-navigation-gap: 1.2rem;position:sticky;top:var(--site-sticky-offset, var(--header-height, 0px));z-index:2;width:100%;margin:0;background:var(--collection-device-navigation-bg);border-top:1px solid var(--collection-device-navigation-line);border-bottom:1px solid var(--collection-device-navigation-line);transition:box-shadow .2s ease,padding .2s ease}.collection-device-navigation.is-compact{--collection-device-navigation-option-width: clamp(6rem, calc((100vw - 24rem)/8) , 8.6rem);--collection-device-navigation-gap: .9rem;box-shadow:0 5px 1rem #01001e1a}.collection-device-navigation__sentinel{position:absolute;inset:0 auto auto 0;width:1px;height:1px;pointer-events:none}.collection-device-navigation__shell{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:stretch;gap:0;padding-top:1rem;padding-bottom:1rem}.collection-device-navigation.is-compact .collection-device-navigation__shell{padding-top:.45rem;padding-bottom:.45rem}.collection-device-navigation:not(.has-overflow) .collection-device-navigation__shell{grid-template-columns:minmax(0,1fr)}.collection-device-navigation__viewport{min-width:0;width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-inline:contain;scroll-padding-inline:.8rem;-webkit-overflow-scrolling:touch}.collection-device-navigation__viewport::-webkit-scrollbar{display:none}.collection-device-navigation__track{display:flex;width:max-content;min-width:100%;align-items:flex-start;justify-content:center;gap:var(--collection-device-navigation-gap);padding:0;scroll-snap-type:x proximity}.collection-device-navigation__option{position:relative;display:grid;grid-template-rows:auto auto auto;align-content:start;justify-items:center;flex:0 0 var(--collection-device-navigation-option-width);width:var(--collection-device-navigation-option-width);min-width:var(--collection-device-navigation-option-width);margin:0;padding:0 0 .7rem;overflow:visible;border:0;border-bottom:1px solid transparent;border-radius:0;background:transparent;color:rgb(var(--color-foreground));text-align:center;text-decoration:none;cursor:pointer;scroll-snap-align:center;transition:border-color .18s ease,opacity .18s ease}.collection-device-navigation__option:hover,.collection-device-navigation__option:focus-visible,.collection-device-navigation__option.is-selected,.collection-device-navigation__option[aria-current=page]{border-bottom-color:rgb(var(--color-foreground))}.collection-device-navigation__option:focus-visible{outline:1px solid rgb(var(--color-foreground));outline-offset:2px}.collection-device-navigation__media{position:relative;display:grid;place-items:start center;width:100%;height:auto;min-height:0;aspect-ratio:var(--collection-device-navigation-option-ratio);overflow:visible;background:transparent}.collection-device-navigation__image{display:block;width:100%;height:100%;max-width:none;max-height:none;margin-inline:auto;object-fit:contain;object-position:top center}.collection-device-navigation__option--apple .collection-device-navigation__image{width:calc(100% * var(--device-size-scale, 1));transform-origin:top center}.collection-device-navigation__title{display:block;min-width:0;margin-top:.35rem;font-family:var(--theme-sticky-nav-font, var(--font-body-family));font-size:clamp(1rem,.7vw,1.15rem);font-weight:600;line-height:1.15;letter-spacing:.035em;text-transform:uppercase;white-space:nowrap}.collection-device-navigation__meta{display:block;min-width:0;margin-top:.25rem;color:rgba(var(--color-foreground),.58);font-size:1rem;line-height:1.15;white-space:nowrap}.collection-device-navigation.is-compact .collection-device-navigation__title{margin-top:.2rem;font-size:clamp(.82rem,.62vw,1rem)}.collection-device-navigation.is-compact .collection-device-navigation__meta{display:none}.collection-device-navigation__arrow{display:flex;width:4rem;min-width:4rem;align-items:center;justify-content:center;padding:0;border:0;background:transparent;color:rgb(var(--color-foreground));cursor:pointer}.collection-device-navigation__arrow[hidden]{display:none}.collection-device-navigation__arrow svg{width:1.3rem;height:auto}.collection-device-navigation__arrow--previous svg{transform:rotate(90deg)}.collection-device-navigation__arrow--next svg{transform:rotate(-90deg)}@media screen and (max-width:989px){.collection-device-navigation{--collection-device-navigation-option-width: clamp(6.2rem, calc((100vw - 5rem)/8) , 7.2rem);--collection-device-navigation-gap: .8rem}.collection-device-navigation.is-compact{--collection-device-navigation-option-width: clamp(6rem, calc((100vw - 8rem)/8) , 6.8rem);--collection-device-navigation-gap: .75rem}.collection-device-navigation__shell,.collection-device-navigation:not(.has-overflow) .collection-device-navigation__shell{display:block;padding:.65rem var(--page-width-mobile, 1.5rem) .75rem}.collection-device-navigation.is-compact .collection-device-navigation__shell{padding-top:.35rem;padding-bottom:.45rem}.collection-device-navigation__track{gap:var(--collection-device-navigation-gap)}.collection-device-navigation__arrow{display:none}.collection-device-navigation__title{margin-top:.15rem;font-size:clamp(.82rem,1.35vw,1rem)}.collection-device-navigation.is-compact .collection-device-navigation__title{font-size:clamp(.76rem,1.2vw,.9rem)}.collection-device-navigation__meta{display:none}}@media screen and (max-width:767px){.collection-device-navigation{--collection-device-navigation-option-width: clamp(6rem, calc((100vw - 3rem) / 6.15), 6.8rem)}.collection-device-navigation.is-compact{--collection-device-navigation-option-width: clamp(5.8rem, calc((100vw - 3rem)/6.4) , 6.2rem)}.collection-device-navigation__title{font-size:clamp(.78rem,2.25vw,.9rem)}.collection-device-navigation.is-compact .collection-device-navigation__title{font-size:clamp(.72rem,2vw,.82rem)}}
/*# sourceMappingURL=/cdn/shop/t/535/assets/collection-device-navigation.css.map */