.shop-the-look-tabs{display:flex;flex-direction:column;gap:var(--space-24);width:100%;padding:var(--space-56) 0;background-color:var(--color-blush-20)}.template-product-suit .shop-the-look-tabs{background-color:var(--color-sage-40)}@media(min-width:600px){.shop-the-look-tabs{flex-direction:row;gap:var(--space-32);padding:var(--space-56) var(--space-16)}
}@media(min-width:768px){.shop-the-look-tabs{padding:var(--space-56) var(--space-24)}}@media(min-width:1024px){.shop-the-look-tabs{gap:var(--space-64);padding:var(--space-56) var(--space-64)}}.shop-the-look-tabs__media{position:relative;width:100%;aspect-ratio:1/1}@media(min-width:600px){.shop-the-look-tabs__media{flex:0 0 50%;max-width:50%}
}@media(min-width:1024px){.shop-the-look-tabs__media{flex:0 0 45%;max-width:45%}}.shop-the-look-tabs__media-image{position:absolute;inset:0;width:100%;height:100%;padding:0 var(--space-16)}@media(min-width:600px){.shop-the-look-tabs__media-image{padding:0}}.shop-the-look-tabs__image{width:100%;height:100%}.shop-the-look-tabs__content{display:flex;flex-direction:column;gap:var(--space-24);width:100%;min-width:0}
@media(min-width:1024px){.shop-the-look-tabs__content{flex:1 1 auto;justify-content:center}}.shop-the-look-tabs__tab-component{display:flex;flex-direction:column;gap:var(--space-24);width:100%;min-width:0}.shop-the-look-tabs__tab-list{gap:var(--space-32);padding:0 var(--space-16)}@media(min-width:600px){.shop-the-look-tabs__tab-list{padding:0}
}.shop-the-look-tabs__tab{padding-bottom:var(--space-2);border:0;border-bottom:1px solid transparent;background:transparent;color:var(--color-soft-black-50);cursor:pointer;transition:color var(--transition-small),border-color var(--transition-small)}.shop-the-look-tabs__tab[aria-selected=true]{color:var(--color-soft-black);border-bottom-color:var(--color-soft-black)}
.shop-the-look-tabs__tab:focus-visible{outline:1px solid var(--color-soft-black);outline-offset:2px}.shop-the-look-tabs__panel{width:100%}.shop-the-look-tabs__body{position:relative;width:100%}.shop-the-look-tabs__container{width:100%;overflow:hidden;max-width:100%;align-self:start;position:relative;padding-inline:var(--space-16)}
@media(min-width:600px){.shop-the-look-tabs__container{padding-inline:0}}.shop-the-look-tabs__slides{display:flex;align-items:stretch}.shop-the-look-tabs__slide{flex-shrink:0;width:85%}@media(min-width:768px){.shop-the-look-tabs__slide{width:auto}}.shop-the-look-tabs__nav{display:none}@media(min-width:1024px){.shop-the-look-tabs__nav{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding-inline:var(--space-8);pointer-events:none}
}.shop-the-look-tabs__nav:has(.swiper-button-lock){display:none}.shop-the-look-tabs__navigation{display:flex;align-items:center;justify-content:center;width:var(--space-32);height:var(--space-32);padding:0;border:1px solid var(--color-lavender-65);border-radius:50%;background:var(--color-black-5);cursor:pointer;pointer-events:auto;transition:border-color var(--transition-small)}
.shop-the-look-tabs__navigation:hover,.shop-the-look-tabs__navigation:focus-visible{border-color:var(--color-soft-black)}.shop-the-look-tabs__navigation.swiper-button-disabled{opacity:.3;cursor:not-allowed}@media(prefers-reduced-motion:reduce){.shop-the-look-tabs__tab,.shop-the-look-tabs__navigation{transition:none}
}