.color-selector-banner{padding:5rem 7.8125rem 3.75rem}.color-selector-banner__inner{max-width:100%;padding-top:0;padding-bottom:0}.color-selector-banner__title-wrap{display:flex;justify-content:center;text-align:center}.color-selector-banner__title{margin:0;color:inherit;padding-bottom:.2rem;display:flex;flex-direction:row;gap:.875rem;align-items:center;justify-content:center}@media screen and (max-width:749px){.color-selector-banner__title{flex-direction:column;gap:0rem}}.color-selector-banner__title-part--1{color:var(--csb-title-color-1, currentColor);padding:0;margin:0}.color-selector-banner__title-part--2{color:var(--csb-title-color-2, currentColor);padding:0;margin:0}[data-banner-stagger-reveal] .banner-stagger-reveal{opacity:0;transition:opacity .4s cubic-bezier(.49,.025,.685,1),transform .7s cubic-bezier(.49,.025,.685,1);will-change:opacity,transform}[data-banner-stagger-reveal] .color-selector-banner__title.banner-stagger-reveal{transform:translateY(1.6rem)}@media screen and (min-width:1025px){[data-banner-stagger-reveal] .color-selector-banner__swatch-group.banner-stagger-reveal{transform:translateY(calc(-50% + 1.6rem))}}@media screen and (max-width:1024px){[data-banner-stagger-reveal] .color-selector-banner__swatch-group.banner-stagger-reveal{transform:translateY(1.6rem)}}[data-banner-stagger-reveal] .banner-stagger-reveal.is-visible{opacity:1;transition-delay:.2s}[data-banner-stagger-reveal] .color-selector-banner__title.banner-stagger-reveal.is-visible{transform:translateY(0)}@media screen and (min-width:1025px){[data-banner-stagger-reveal] .color-selector-banner__swatch-group.banner-stagger-reveal.is-visible{transform:translateY(-50%)}}@media screen and (max-width:1024px){[data-banner-stagger-reveal] .color-selector-banner__swatch-group.banner-stagger-reveal.is-visible{transform:translateY(0)}}.color-selector-banner__media-area{position:relative;width:100%;border-radius:.75rem}.color-selector-banner__images{position:relative;width:100%;max-width:100%;border-radius:.75rem;overflow:hidden;min-height:44.6875rem;isolation:isolate}.color-selector-banner__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;z-index:0;pointer-events:none;transition:none}.color-selector-banner__image.is-active{opacity:1;z-index:1;pointer-events:auto}.color-selector-banner__image-el,.color-selector-banner__placeholder{display:block;width:100%;height:100%;max-width:100%;min-height:100%;object-fit:cover;object-position:center}.color-selector-banner__swatch-group{position:absolute;left:0;top:50%;transform:translateY(-50%);z-index:2;display:flex;flex-direction:column;align-items:flex-start}.color-selector-banner__swatches{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:flex-start;gap:.625rem;padding:.625rem;border-radius:3.125rem;background-color:rgba(var(--black-90))}.color-selector-banner__swatch{display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;padding:0;margin:0;cursor:pointer;color:inherit;text-align:left}.color-selector-banner__selected-label{color:rgb(var(--white-100));position:absolute;left:0;top:0;transform:translate(var(--csb-label-x, 2.5rem),var(--csb-label-y, 0));white-space:nowrap;pointer-events:none}.color-selector-banner__swatch-dot{width:1.875rem;height:1.875rem;display:block;transition:transform .2s ease}.color-selector-banner__swatch-fill{fill:var(--csb-swatch-color)}.color-selector-banner__swatch-stroke{fill:none;stroke:rgb(var(--white-100, 255, 255, 255));stroke-width:0;transition:stroke-width .2s ease}.color-selector-banner__swatch.is-active .color-selector-banner__swatch-dot{transform:scale(1.04)}.color-selector-banner__swatch.is-active .color-selector-banner__swatch-stroke{stroke-width:1.5}.color-selector-banner__swatch:focus-visible{outline:.125rem solid rgba(var(--color-foreground),.7);outline-offset:.25rem;border-radius:.25rem}@media screen and (max-width:1024px){.color-selector-banner{padding-left:2rem;padding-right:2rem}.color-selector-banner__media-area{display:flex;flex-direction:column;gap:1.5rem}.color-selector-banner__images{order:1;width:100%}.color-selector-banner__image-el,.color-selector-banner__placeholder{height:100%;object-fit:cover}.color-selector-banner__swatch-group{position:static;transform:none;order:2;width:100%;max-width:none;align-items:center}.color-selector-banner__swatches{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:1.25rem;flex-shrink:0;align-items:center}.color-selector-banner__selected-label{position:static;transform:none;text-align:center;width:100%;font-size:.875rem;margin-top:.5rem}}@media screen and (max-width:749px){.color-selector-banner__title-wrap{padding-left:13rem;padding-right:13rem}}@media screen and (max-width:749px){.color-selector-banner{padding:3.75rem 0rem}.color-selector-banner__title-wrap{padding-left:4rem;padding-right:4rem}.color-selector-banner__media-area{gap:0}.color-selector-banner__images{display:block;align-items:stretch;justify-content:flex-start}.color-selector-banner__image-el,.color-selector-banner__placeholder{width:100%;height:100%;min-height:100%;object-fit:cover;object-position:center}.color-selector-banner__swatch-group{margin-top:1.25rem}.color-selector-banner__selected-label{margin-top:.9375rem}}@media screen and (max-width:391px){.color-selector-banner__title-wrap{padding-left:2.5rem;padding-right:2.5rem}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-color-selector-banner.css.map */