.diptych-carousel-tabs{--diptych-carousel-tabs-ratio:392 / 640;--diptych-carousel-tabs-product-width:59%;--diptych-carousel-tabs-background:var(--color-cream-100);grid-template-columns:repeat(var(--grid-columns), 1fr);gap:0 var(--grid-gutter);grid-auto-flow:row;width:100%;margin-inline:auto;display:grid}@media screen and (width>=64rem){.diptych-carousel-tabs{max-width:var(--container-max-width);min-block-size:100vh}}.diptych-carousel-tabs .wrapper{grid-column:span var(--grid-columns);gap:var(--grid-gutter);display:grid}@media screen and (width>=64rem){.diptych-carousel-tabs .wrapper{grid-template-columns:repeat(2,1fr)}}.diptych-carousel-tabs__media{min-width:0;position:relative;overflow:clip}@media screen and (width<=63.9375rem){.diptych-carousel-tabs__media{aspect-ratio:var(--diptych-carousel-tabs-ratio)}}.diptych-carousel-tabs__media-item{opacity:0;visibility:hidden;transition:opacity var(--animation-base), visibility var(--animation-base);position:absolute;inset:0}.diptych-carousel-tabs__media-item.is-active{opacity:1;visibility:visible}.diptych-carousel-tabs__video .video__preview__play{display:none}.diptych-carousel-tabs__content{min-width:0;padding-block:var(--space-600);padding-inline:var(--grid-margin);background-color:var(--diptych-carousel-tabs-background);gap:var(--space-1600);flex-direction:column;display:flex;position:relative}.diptych-carousel-tabs__tablist{gap:var(--space-150);scroll-snap-type:x proximity;scrollbar-width:none;display:flex;position:relative;overflow-x:auto}.diptych-carousel-tabs__tablist::-webkit-scrollbar{display:none}.diptych-carousel-tabs__tab{padding-block:var(--space-150);padding-inline:var(--space-200);border-radius:var(--radius-1);color:var(--color-content-default);white-space:nowrap;background-color:var(--color-cream-0);scroll-snap-align:center;transition:background-color var(--animation-base), color var(--animation-base);flex:none}.diptych-carousel-tabs__tab.is-active{color:var(--color-content-inverse);background-color:var(--color-background-primary)}.diptych-carousel-tabs__tab:focus-visible{outline:var(--border-width-2) solid var(--color-border-focus);outline-offset:calc(var(--border-width-2) * -1)}.diptych-carousel-tabs--tabs-center .diptych-carousel-tabs__tab:first-child{margin-inline-start:auto}.diptych-carousel-tabs--tabs-center .diptych-carousel-tabs__tab:last-child{margin-inline-end:auto}.diptych-carousel-tabs__panels{display:grid}@media screen and (width>=64rem){.diptych-carousel-tabs__panels{inline-size:50%}}.diptych-carousel-tabs__panel{align-items:flex-start;gap:var(--space-900);opacity:0;visibility:hidden;transition:opacity var(--animation-base), visibility var(--animation-base);flex-direction:column;grid-area:1/1;display:flex}.diptych-carousel-tabs__panel.is-active{opacity:1;visibility:visible}.diptych-carousel-tabs__text{color:var(--color-content-default)}.diptych-carousel-tabs__content .diptych-carousel-tabs__link{--link-color:var(--color-content-default);--link-color-hover:var(--color-content-default)}.diptych-carousel-tabs__carousel{flex:1;align-items:stretch;min-block-size:0}.diptych-carousel-tabs__slide{grid-template-rows:minmax(0, 1fr) var(--space-300);justify-items:center;gap:var(--space-800);display:grid}.diptych-carousel-tabs__product-link{block-size:100%;min-block-size:0;inline-size:100%;display:block}@media screen and (width>=64rem){.diptych-carousel-tabs__product-link{inline-size:var(--diptych-carousel-tabs-product-width)}}.diptych-carousel-tabs__product-image img{object-fit:contain}.diptych-carousel-tabs__colors{--swatch-item-width:var(--space-800);--swatch-item-height:var(--space-300);display:flex}.diptych-carousel-tabs__colors .swatch-item{border-radius:var(--radius-0);transition:none}.diptych-carousel-tabs__swatch{display:flex;position:relative}.diptych-carousel-tabs__swatch:after{content:"";inset-block:calc(var(--space-150) * -1);position:absolute;inset-inline:0}.diptych-carousel-tabs__swatch:focus-visible{outline:var(--border-width-2) solid var(--color-border-focus);outline-offset:var(--border-width-2)}.diptych-carousel-tabs__nav{display:none}@media screen and (width>=64rem){.diptych-carousel-tabs__nav{inset-block-start:50%;inset-inline:var(--space-900);pointer-events:none;justify-content:space-between;display:flex;position:absolute;translate:0 -50%}}.diptych-carousel-tabs__nav-button{color:var(--color-content-default);pointer-events:all;transition:color var(--animation-base);display:flex;position:relative}.diptych-carousel-tabs__nav-button:after{content:"";inset:calc(var(--space-300) * -1);position:absolute}.diptych-carousel-tabs__nav-button:disabled{color:var(--color-cream-500)}.diptych-carousel-tabs__nav-button:focus-visible{outline:var(--border-width-2) solid var(--color-border-focus);outline-offset:var(--space-100)}.diptych-carousel-tabs__nav-button--prev{transform:scaleX(-1)}.diptych-carousel-tabs--editorial .diptych-carousel-tabs__media:after{content:"";background-image:linear-gradient(-90deg, transparent 66%, color-mix(in srgb, var(--color-ui-900) 30%, transparent) 100%);pointer-events:none;position:absolute;inset:0}.diptych-carousel-tabs--product{--diptych-carousel-tabs-background:var(--color-cream-200)}.diptych-carousel-tabs--product .diptych-carousel-tabs__content{padding-block:var(--space-800);gap:var(--space-800)}@media screen and (width<=63.9375rem){.diptych-carousel-tabs--product .diptych-carousel-tabs__content{aspect-ratio:var(--diptych-carousel-tabs-ratio)}}@media screen and (width>=64rem){.diptych-carousel-tabs--product .diptych-carousel-tabs__content{padding-block:var(--space-1000)}.diptych-carousel-tabs--reverse .diptych-carousel-tabs__media{order:2}}