.product-selector{padding:1.8rem 2.8rem 2rem;border-bottom:.1rem solid rgb(var(--color-border));background:rgba(var(--color-background),.28)}@media(min-width:750px){.product-selector+.product,.product-selector+.main-product-desktop-section-wrapper .product{margin-top:2.4rem}}.product-selector__header{display:flex;align-items:baseline;justify-content:center;margin-bottom:1.4rem;color:rgb(var(--color-foreground-secondary));font-family:JetBrains Mono Local,JetBrains Mono,monospace;font-size:.95rem;line-height:1.3;letter-spacing:.14em;text-transform:uppercase}.product-selector__list{display:flex;align-items:flex-start;justify-content:center;gap:1.9rem;padding:.4rem .1rem .2rem;overflow-x:auto;scrollbar-width:none}.product-selector__list::-webkit-scrollbar{display:none}.product-selector__item{position:relative;flex:0 0 7.8rem;color:inherit;text-align:center;text-decoration:none}.product-selector__index{position:absolute;z-index:2;top:-.3rem;left:.3rem;color:rgb(var(--color-foreground-secondary));font-family:var(--font-body-family);font-size:.8rem;letter-spacing:.05em;transition:color var(--duration-default)}.product-selector__ring{display:grid;width:6.4rem;height:6.4rem;margin:0 auto;padding:.4rem;place-items:center;overflow:hidden;border:.1rem solid rgb(var(--color-border));border-radius:50%;transition:background-color var(--duration-default),border-color var(--duration-default),transform var(--duration-default)}.product-selector__ring img,.product-selector__ring svg{display:block;width:100%;height:100%;aspect-ratio:1 / 1;border-radius:50%;object-fit:cover;object-position:center;filter:saturate(.55) contrast(.98);transition:filter var(--duration-default)}.product-selector__name{display:block;margin-top:.9rem;overflow:hidden;color:rgb(var(--color-foreground-secondary));font-family:var(--font-body-family);font-size:.9rem;line-height:1.2;letter-spacing:.08em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;transition:color var(--duration-default)}.product-selector__item:hover .product-selector__ring,.product-selector__item:focus-visible .product-selector__ring{border-color:var(--product-accent);transform:translateY(-.2rem)}.product-selector__item:hover .product-selector__ring img,.product-selector__item:focus-visible .product-selector__ring img,.product-selector__item.is-active .product-selector__ring img{filter:saturate(1)}.product-selector__item.is-active .product-selector__index{color:var(--product-accent)}.product-selector__item.is-active .product-selector__ring{border-color:var(--product-accent);background-color:var(--product-accent-soft)}.product-selector__item.is-active .product-selector__name{color:rgb(var(--color-foreground))}.product-selector__item.is-active .product-selector__name:before{content:"";display:inline-block;width:.5rem;height:.5rem;margin-right:.6rem;border-radius:50%;background:var(--product-accent);vertical-align:.1rem}.section-heading__heading.h1 .section-heading__heading-italic{color:var(--product-accent)}.button--primary:after,.customer .button--primary:after{background-color:var(--product-accent)}.button--primary:not([disabled]):not([aria-disabled=true]):hover,.customer .button--primary:not([disabled]):not([aria-disabled=true]):hover{color:var(--product-accent-contrast)}[id^=MainProduct-] .product-form__submit.button--tertiary:after{background-color:var(--product-accent)}[id^=MainProduct-] .product-form__submit.button--tertiary:not([disabled]):not([aria-disabled=true]):hover{color:var(--product-accent-contrast);border-color:var(--product-accent)}@media screen and (max-width:749px){.product-selector+.product,.product-selector+.main-product-desktop-section-wrapper+.main-product-mobile-section-wrapper{margin-top:16px}.product-selector{padding-right:1.8rem;padding-left:1.8rem}.product-selector__list{justify-content:flex-start;gap:1.4rem}.product-selector__item{flex-basis:calc(23.5294% - 1.3176rem)}.product-selector__ring{width:min(5.8rem,calc(100% + .6rem));height:auto;aspect-ratio:1}}@media(prefers-reduced-motion:reduce){.product-selector__ring,.product-selector__ring img,.product-selector__ring svg{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/90/assets/section-product-selector.css.map */
