.collection-spotlight{display:flex;width:100%;gap:var(--cs-gap, 2px)}.collection-spotlight__panel{position:relative;display:block;flex:1 1 0;min-width:0;height:var(--cs-height-desktop, 640px);overflow:hidden;color:#fff;text-decoration:none;background-color:#111}.collection-spotlight__image,.collection-spotlight__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.25,.1,.25,1)}.collection-spotlight__placeholder{display:flex;align-items:center;justify-content:center;background:#d8d8d8}.collection-spotlight__placeholder-svg{width:60%;height:60%;opacity:.6}.collection-spotlight__panel:hover .collection-spotlight__image{transform:scale(1.04)}.collection-spotlight__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,var(--cs-overlay, .55)),rgba(0,0,0,calc(var(--cs-overlay, .55) * .35)) 35%,#0000 65%);pointer-events:none}.collection-spotlight__content{position:absolute;left:24px;bottom:24px;right:76px;display:flex;flex-direction:column;align-items:flex-start;gap:10px}.collection-spotlight__badge{display:inline-flex;align-items:center;padding:5px 14px;border-radius:999px;background:#fff;color:#111;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.collection-spotlight__icon{display:flex;align-items:center;height:18px;color:#fff}.collection-spotlight__icon svg{width:22px;height:16px}.collection-spotlight__title{font-size:26px;font-weight:800;letter-spacing:.01em;text-transform:uppercase;line-height:1.1}.collection-spotlight__subtext{font-size:11px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;line-height:1.5;opacity:.9}.collection-spotlight__arrow{position:absolute;right:20px;bottom:20px;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:999px;background:#fffffff2;color:#111;transition:background .25s ease,transform .25s ease}.collection-spotlight__arrow svg{width:18px;height:18px}.collection-spotlight__panel:hover .collection-spotlight__arrow{background:#fff;transform:scale(1.08)}@media screen and (max-width:749px){.collection-spotlight{flex-direction:column}.collection-spotlight__panel{height:var(--cs-height-mobile, 420px)}.collection-spotlight__content{left:18px;right:64px;bottom:18px}.collection-spotlight__title{font-size:22px}}
/*# sourceMappingURL=/cdn/shop/t/43/assets/collection-spotlight.css.map */