@property --empiric-fade-l{syntax: "<length>"; inherits: false; initial-value: 0px;}@property --empiric-fade-r{syntax: "<length>"; inherits: false; initial-value: 0px;}variant-selects{--empiric-pill-h: 3.6rem;--empiric-pill-gap: .6rem;--empiric-row-bleed: .4rem;--empiric-row-pad: .5rem;--empiric-row-new: 1.5rem;--empiric-row-fade: 4.8rem}@media screen and (max-width:749px){variant-selects{--empiric-row-bleed: 1.5rem;--empiric-row-fade: 3.2rem}}variant-selects .product-form__input.product-form__input--pill input[type=radio]+label{display:inline-flex;align-items:center;justify-content:center;min-width:4.4rem;height:var(--empiric-pill-h);min-height:var(--empiric-pill-h);padding:0 1.3rem;margin:.5rem var(--empiric-pill-gap) 0 0;font-size:1.3rem;letter-spacing:.03em;line-height:1;white-space:nowrap}variant-selects .product-form__input.product-form__input--pill{max-width:none}variant-selects .product-form__input.empiric-color-option{width:100%;min-width:0;min-inline-size:0;max-width:none}.empiric-color-row{position:relative;margin:0 calc(var(--empiric-row-bleed) * -1)}.empiric-color-row__track{--empiric-fade-l: 0px;--empiric-fade-r: 0px;position:relative;display:flex;flex-wrap:nowrap;align-items:center;gap:var(--empiric-pill-gap);padding:var(--empiric-row-pad) 0 var(--empiric-row-pad) var(--empiric-row-bleed);overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;contain:inline-size;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 var(--empiric-fade-l),#000 calc(100% - var(--empiric-fade-r)),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 var(--empiric-fade-l),#000 calc(100% - var(--empiric-fade-r)),transparent 100%);transition:--empiric-fade-l .2s ease,--empiric-fade-r .2s ease}.empiric-color-row__track::-webkit-scrollbar{display:none}.empiric-color-row__track:after{content:"";flex:0 0 max(0px,calc(var(--empiric-row-bleed) - var(--empiric-pill-gap)));align-self:stretch}.empiric-color-row--has-new .empiric-color-row__track{padding-top:var(--empiric-row-new)}.empiric-color-row.is-scrollable .empiric-color-row__track{--empiric-fade-r: var(--empiric-row-fade)}.empiric-color-row.is-scrollable:not(.at-start) .empiric-color-row__track{--empiric-fade-l: var(--empiric-row-fade)}.empiric-color-row.is-scrollable.at-end .empiric-color-row__track{--empiric-fade-r: 0px}.empiric-color-row__item{position:relative;display:flex;flex:0 0 auto}variant-selects .empiric-color-option.product-form__input--pill .empiric-color-row__item>input[type=radio]+label{margin:0;-webkit-user-select:none;user-select:none}variant-selects .empiric-color-option.product-form__input--pill .empiric-color-row__item>input[type=radio]+label:after{content:"";position:absolute;top:-.4rem;right:calc(var(--empiric-pill-gap) / -2);bottom:-.4rem;left:calc(var(--empiric-pill-gap) / -2)}.empiric-color-row.is-dragging .empiric-color-row__track,.empiric-color-row.is-dragging .empiric-color-row__track label{cursor:grabbing}variant-selects .empiric-color-option.product-form__input--pill .empiric-color-row__item label .empiric-new-tag{position:absolute;left:50%;bottom:100%;transform:translate(-50%);display:block;margin:0 0 .4rem;padding:0 0 0 .12em;border-radius:0;background:none;color:#c8102e;font-family:var(--empiric-font-body, inherit);font-size:.9rem;font-weight:700;letter-spacing:.12em;line-height:1;text-transform:uppercase;text-decoration:none;white-space:nowrap;pointer-events:none}.empiric-color-row__nudge{display:none}@media(hover:hover)and (pointer:fine){.empiric-color-row.is-scrollable .empiric-color-row__nudge{position:absolute;bottom:calc(var(--empiric-row-pad) + (var(--empiric-pill-h) - 3rem) / 2);z-index:2;display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;margin:0;padding:0;border:1px solid rgba(var(--color-foreground),.18);border-radius:50%;background:rgb(var(--color-background));color:rgb(var(--color-foreground));box-shadow:0 .2rem .6rem rgba(var(--color-foreground),.08);cursor:pointer;transition:border-color .15s ease}.empiric-color-row.is-scrollable .empiric-color-row__nudge:hover{border-color:rgb(var(--color-foreground))}.empiric-color-row__nudge--prev{left:0}.empiric-color-row__nudge--next{right:0}.empiric-color-row.is-scrollable.at-start .empiric-color-row__nudge--prev,.empiric-color-row.is-scrollable.at-end .empiric-color-row__nudge--next{display:none}}.empiric-color-row__nudge svg{display:block;width:.8rem;height:1.4rem}.empiric-color-row__nudge--prev svg{transform:scaleX(-1)}.product__info-wrapper{--empiric-gap-price: .4rem;--empiric-gap-rating: .4rem;--empiric-gap-picker: .8rem}@media screen and (min-width:750px){.product__info-wrapper{--empiric-gap-price: .6rem;--empiric-gap-rating: .6rem;--empiric-gap-picker: 1rem}}.product__info-wrapper .product__info-container>.product__title{margin-bottom:0}.product__info-wrapper .product__info-container>[id^=price-]{margin-top:var(--empiric-gap-price)!important}.product__info-wrapper .product__info-container>div:has(>form.installment):not(:has(shopify-payment-terms)){margin-top:0!important}.product__info-wrapper .product__info-container>.empiric-rating-link{display:flex!important;width:fit-content;max-width:100%;margin-top:var(--empiric-gap-rating)!important}.product__info-wrapper .product__info-container>.empiric-rating-link .rating-wrapper{margin:0;line-height:1}.product__info-wrapper .product__info-container>.empiric-store-rating{display:flex;width:fit-content;max-width:100%;margin:var(--empiric-gap-rating) 0 0!important;line-height:1}.product__info-wrapper .product__info-container .rating-wrapper .rating-text,.product__info-wrapper .product__info-container .rating-wrapper .rating-count{line-height:1}.product__info-wrapper .product__info-container>variant-selects{margin-top:var(--empiric-gap-picker)!important}.empiric-color-row--two-line{--empiric-pill-h: 4.6rem}variant-selects .empiric-color-option.product-form__input--pill .empiric-color-row__item>input[type=radio]+label.empiric-pill--two-line{flex-direction:column;gap:.3rem;padding:0 1.4rem;line-height:1.1}.empiric-pill__main,.empiric-pill__sub{display:block}.empiric-pill__sub{font-size:1rem;letter-spacing:.04em;opacity:.7}@media(prefers-reduced-motion:reduce){.empiric-color-row__track{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/86/assets/empiric-color-row.css.map */