.collection-spotlight{display:block;overflow:hidden}.collection-spotlight__area{position:relative;display:flex;flex-direction:row;align-items:stretch;width:100%;min-height:var(--csp-min-height, max(600px, 60vh))}.collection-spotlight__images{position:relative;width:50%;flex:0 0 50%;overflow:hidden;min-height:100%}.collection-spotlight__images[data-mobile-ar-auto]{min-height:100%}.collection-spotlight__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .5s ease;pointer-events:none}.collection-spotlight__image--default{z-index:0;transition:none}.collection-spotlight__images--show-default .collection-spotlight__image--default{opacity:1}.collection-spotlight__image--default.collection-spotlight__image--fade-in{transition:opacity .5s ease}.collection-spotlight__image[data-slide-image]{z-index:1}.collection-spotlight__image--active{opacity:1;pointer-events:auto}.collection-spotlight__image .media{width:100%;height:100%;overflow:hidden;border-radius:0}.collection-spotlight__image .media img,.collection-spotlight__image .media svg{width:100%;height:100%;object-fit:cover;border-radius:0}.collection-spotlight__content{display:flex;align-items:center;justify-content:center;width:50%;flex:0 0 50%;padding:4.8rem 3.2rem}.collection-spotlight__content-inner{display:flex;flex-direction:column;align-items:center;gap:3.2rem;width:100%;text-align:center}.collection-spotlight__heading-wrap{width:100%;max-width:32.6rem}.collection-spotlight__heading{margin:0;text-align:center}.collection-spotlight__heading p{margin:0}.collection-spotlight__icons{display:grid;grid-template-columns:repeat(2,1fr);width:100%;max-width:30rem;padding-block:1.6rem}.collection-spotlight__icon{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1 / 1;padding:0;margin:0;border:none;background:none;cursor:pointer;color:#171717;opacity:.4;transition:opacity .35s ease}.collection-spotlight__icon--active{opacity:1}.collection-spotlight__icon:hover,.collection-spotlight__icon:focus-visible{opacity:1}.collection-spotlight__icon svg{width:100%;height:100%;display:block}.collection-spotlight__icon-media{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.collection-spotlight__icon-media img{width:100%;height:100%;object-fit:contain;display:block}.collection-spotlight__icon-placeholder{display:block;width:100%;aspect-ratio:1 / 1;border-radius:50%;background-color:#d9d9d9}.collection-spotlight__text-slides{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;width:100%;max-width:32.6rem}.collection-spotlight__text-slide{grid-area:1 / 1;display:flex;flex-direction:column;align-items:center;gap:1.6rem;opacity:0;transition:opacity .5s ease;pointer-events:none;z-index:0}.collection-spotlight__text-slide--active{opacity:1;pointer-events:auto;z-index:1}.collection-spotlight__title{margin:0;color:rgb(var(--color-font-primary));font-size:var(--font-size-body-md);font-weight:500;line-height:var(--line-height-body-md);letter-spacing:var(--letter-spacing-body-md);text-align:center}.collection-spotlight__description{margin:0;color:rgb(var(--color-font-secondary));font-size:var(--font-size-body-md);font-weight:400;line-height:var(--line-height-body-md);letter-spacing:var(--letter-spacing-body-md);text-align:center}@media screen and (max-width:1080px){.collection-spotlight__area{flex-direction:column;min-height:0}.collection-spotlight__images{width:100%;flex:none;min-height:0;aspect-ratio:var(--csp-images-tablet-aspect, 1 / 1)}.collection-spotlight__images[data-mobile-ar-auto]{aspect-ratio:unset;min-height:50svh}.collection-spotlight__content{width:100%;flex:none;padding-block:4.8rem;padding-inline:3.2rem}.collection-spotlight__icons{display:flex;flex-direction:row;max-width:48rem;padding-block:0}.collection-spotlight__icon{width:25%}}@media screen and (max-width:758px){.collection-spotlight__images{aspect-ratio:var(--csp-images-mobile-aspect, 1 / 1)}.collection-spotlight__content{padding-inline:1.6rem}.collection-spotlight__icons{padding-left:3.2rem;padding-right:3.2rem}}
/*# sourceMappingURL=/cdn/shop/t/122/assets/section-collection-spotlight.css.map */