.variant-tagline{display:block}.variant-tagline__item{margin:0}.shade-list__item{align-items:center}.shade-list__item--selectable{cursor:pointer;border-radius:var(--rounded-sm, 4px);transition:opacity .15s ease}.shade-list__item--selectable:hover{opacity:.7}.shade-list__item--selectable:focus-visible{outline:1px solid currentColor;outline-offset:2px}.shade-list__swatch{flex:0 0 auto}.shade-list__item.is-active .color-swatch{border-color:currentColor}.shade-list__text{line-height:1.3}.shade-preview__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.shade-preview__heading{margin:0}.shade-preview__swatches{display:flex;flex-wrap:wrap;gap:.625rem}.shade-preview__swatch{--swatch-offset: 2px;--swatch-size: 2.125rem;--swatch-border-size: 1px;width:var(--swatch-size);height:var(--swatch-size);padding:var(--swatch-offset);border:var(--swatch-border-size) solid transparent;background:content-box var(--swatch-background, #cccccc) no-repeat center / cover;border-radius:50%;cursor:pointer}.shade-preview.is-engaged .shade-preview__swatch.is-active{border-color:currentColor}.shade-preview__viewport{position:relative}.shade-preview__row{display:flex;gap:var(--shade-preview-gap, 1.5rem);scroll-snap-type:x mandatory;scroll-padding-inline:var(--container-gutter, 1.5rem);align-items:start;padding-block:2rem;margin-block-start:-1.15rem;padding-inline:var(--container-gutter, 1.5rem);margin-inline:calc(-1 * var(--container-gutter, 1.5rem))}.shade-preview__panel{margin:0;flex:0 0 calc((100% - (var(--shade-preview-cols, 2) - 1) * var(--shade-preview-gap, 1.5rem)) / var(--shade-preview-cols, 2));scroll-snap-align:start;transition:transform .35s ease}@media(max-width:699px){.shade-preview__panel{flex-basis:calc((100% - (var(--shade-preview-cols-mobile, 1) - 1) * var(--shade-preview-gap, 1.5rem)) / var(--shade-preview-cols-mobile, 1))}}.shade-preview__slide{margin:0}.shade-preview__image{display:block;width:100%;height:auto;aspect-ratio:var(--shade-preview-image-ratio, 3 / 4);max-height:var(--shade-preview-image-max-height, 70vh);object-fit:cover;transition:box-shadow .35s ease}.shade-preview.is-engaged .shade-preview__panel.is-active{position:relative;z-index:2;transform:scale(1.03)}.shade-preview.is-engaged .shade-preview__panel.is-active .shade-preview__image{box-shadow:0 .75rem 2rem #0000002e}@media(prefers-reduced-motion:reduce){.shade-preview__panel{transition:none}.shade-preview.is-engaged .shade-preview__panel.is-active{transform:none}}.shade-preview__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:1}.shade-preview__arrow--prev{inset-inline-start:.5rem}.shade-preview__arrow--next{inset-inline-end:.5rem}.shade-preview__arrow button[disabled],.shade-preview__arrow button[aria-disabled=true]{opacity:0;pointer-events:none}.shade-preview__caption{display:flex;align-items:center;gap:.375rem;margin-top:.75rem;font-size:.8125rem}.shade-preview__caption-swatch{flex:0 0 auto;--swatch-offset: 2px;--swatch-size: 2.125rem;--swatch-border-size: 1px;width:var(--swatch-size);height:var(--swatch-size);min-width:var(--swatch-size);padding:var(--swatch-offset);border:var(--swatch-border-size) solid transparent;background:content-box var(--swatch-background, #cccccc) no-repeat center / cover;border-radius:50%}.shade-preview__caption-text{min-width:0}.shade-preview__label{display:block;text-transform:uppercase;line-height:1.35}.shade-preview__sublabel{display:block;line-height:1.35}
/*# sourceMappingURL=/cdn/shop/t/4/assets/variant-shade.css.map */