.variant-exploration{overflow:hidden;background-color:rgb(var(--color-background));background-image:var(--gradient-background);color:rgb(var(--color-foreground));box-sizing:border-box}.variant-exploration .page-width{height:auto}.variant-exploration__shell{display:block}.variant-exploration__layout{display:grid;gap:2rem;height:auto;min-height:0;grid-template-rows:auto auto}.variant-exploration__supporting-media-wrap{min-width:0;width:100%}.variant-exploration__supporting-media{position:relative;width:100%;height:100%;min-height:0;aspect-ratio:.84;background:transparent}.variant-exploration__supporting-media-frame{position:relative;width:100%;height:100%;min-height:0;overflow:hidden;border-radius:var(--variant-exploration-radius)}.variant-exploration__supporting-image,.variant-exploration__supporting-placeholder{display:block;width:100%;height:100%;object-fit:cover}.variant-exploration__card{position:relative;display:flex;flex-direction:column;align-items:center;gap:2rem;width:100%;min-width:0;padding:calc(var(--variant-exploration-mobile-image-offset) + 2.4rem) 2rem 2.4rem;border-radius:var(--variant-exploration-radius);background:linear-gradient(180deg,rgba(var(--color-background),0),rgba(var(--color-background),.5));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);text-align:center}.variant-exploration__copy{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;gap:18px;max-width:28rem}.variant-exploration__subtitle,.variant-exploration__subtitle>*,.variant-exploration__subtitle p,.variant-exploration__heading,.variant-exploration__heading>*,.variant-exploration__heading p,.variant-exploration__selected-name{margin:0}.variant-exploration__heading{color:rgb(var(--color-foreground))}.variant-exploration__selected-media{position:absolute;top:0;left:50%;z-index:2;display:flex;align-items:center;justify-content:center;width:var(--variant-exploration-mobile-image-width);max-width:calc(100% - 4rem);transform:translate(-50%,-50%);pointer-events:none}.variant-exploration__selected-image{display:block;width:auto;max-width:100%;height:min(18rem,28vh);object-fit:contain;transition:opacity .22s ease,transform .26s ease}.variant-exploration__controls{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%}.variant-exploration__swatches{width:100%}.variant-exploration__swatch-list{display:flex;flex-wrap:nowrap;justify-content:center;gap:1rem;margin:0;padding:0}.variant-exploration__swatch-item{margin:0}.variant-exploration__swatch-button{position:relative;display:inline-flex;align-items:center;justify-content:center;width:6.6rem;height:6.6rem;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer;transition:box-shadow var(--transition-base),background-color var(--transition-base),transform var(--transition-base)}.variant-exploration__swatch-button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:.8px solid transparent;border-radius:50%;background:transparent;transition:border-color var(--transition-base),background-color var(--transition-base),box-shadow var(--transition-base)}.variant-exploration__swatch-button:hover:before{box-shadow:0 2.41px 11.2px #36060617}.variant-exploration__swatch-button.is-selected:before{border-color:rgba(var(--color-background),.95);background:rgba(var(--color-background),.18)}.variant-exploration__swatch-button:focus-visible{outline:0;box-shadow:0 0 0 .2rem rgb(var(--color-background)),0 0 0 .35rem rgba(var(--color-foreground),.35)}.variant-exploration__swatch-image{position:relative;z-index:1;display:block;width:5.6rem;height:5.6rem;border-radius:50%;border:1.5px solid rgba(255,255,255,.5);object-fit:cover}.variant-exploration__selected-meta{display:flex;flex-direction:column;align-items:center;gap:.8rem}.variant-exploration__selected-dot{width:var(--variant-exploration-dot-size);height:var(--variant-exploration-dot-size);border-radius:50%;background:rgb(var(--color-foreground))}.variant-exploration__selected-name{font-size:1.4rem;color:rgb(var(--color-foreground));transition:opacity .18s ease,transform .22s ease}.variant-exploration__selected-image.is-transitioning,.variant-exploration__selected-name.is-transitioning{opacity:.35;transform:translateY(.8rem)}.variant-exploration__empty-state{padding:2rem;border-radius:var(--variant-exploration-radius);background:rgba(var(--color-foreground),.06);color:rgb(var(--color-foreground));text-align:center}@media screen and (min-width:990px){.variant-exploration{height:100vh;min-height:0}.variant-exploration .page-width{height:var(--variant-exploration-inner-height)}.variant-exploration__layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:none;align-items:stretch;column-gap:5.5rem;height:var(--variant-exploration-inner-height)}.variant-exploration__supporting-media-wrap{grid-column:2;grid-row:1;box-sizing:border-box;align-self:stretch;height:var(--variant-exploration-inner-height);min-height:0}.variant-exploration__card{grid-column:1;grid-row:1;align-self:center;justify-self:center;justify-content:center;gap:0;width:min(100%,41.5rem);max-width:41.5rem;padding:3.6rem 3.2rem 5rem}.variant-exploration__supporting-media{height:var(--variant-exploration-inner-height);min-height:0;aspect-ratio:auto}.variant-exploration__supporting-media-frame{height:var(--variant-exploration-inner-height);min-height:0}.variant-exploration__supporting-image,.variant-exploration__supporting-placeholder{width:100%;height:100%;object-fit:cover;object-position:center center}.variant-exploration__selected-media{position:relative;top:auto;left:auto;display:flex;justify-content:center;width:100%;max-width:none;transform:none}.variant-exploration__selected-image{width:auto;max-width:min(100%,26rem);height:min(30vh,40rem);max-height:40rem}.variant-exploration__copy{gap:18px;max-width:35vw;margin-bottom:40px}.variant-exploration__selected-media{margin-bottom:1.6rem}.variant-exploration__swatch-list{gap:1.6rem}.variant-exploration__selected-meta{gap:.6rem}}@media screen and (max-width:749px){.variant-exploration{min-height:0;overflow:visible}.variant-exploration__layout{gap:0}.variant-exploration__supporting-media-wrap{grid-row:1;min-height:0}.variant-exploration__card{grid-row:2;min-height:0;justify-content:flex-start;padding:calc(var(--variant-exploration-mobile-image-offset) + 2rem) 2rem 2rem;border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:var(--variant-exploration-radius);border-bottom-right-radius:var(--variant-exploration-radius)}.variant-exploration__selected-media{transform:translate(-50%,-64%)}.variant-exploration__selected-image{height:min(25rem,40vh)}.variant-exploration__supporting-media,.variant-exploration__supporting-media-frame{height:100%;min-height:0}.variant-exploration__copy{max-width:24rem}.variant-exploration__heading.h1,.variant-exploration__heading.h2{max-width:25rem}}@media(prefers-reduced-motion:reduce){.variant-exploration__swatch-button,.variant-exploration__swatch-button:before,.variant-exploration__selected-image,.variant-exploration__selected-name{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-variant-exploration.css.map */