.sd{position:relative;overflow:hidden;container-type:inline-size;background:#d9d4cb;color:#fff;font-family:var(--font);line-height:1.1;text-align:left;-webkit-user-select:none;user-select:none;--sd-ring: var(--brand, oklch(.488 .217 264))}.sd--portrait{aspect-ratio:1080 / 1350}.sd--story{aspect-ratio:1080 / 1920}.sd__photo{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover}.sd:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgb(20 14 10 / .28),transparent 30%,transparent 52%,rgb(20 14 10 / .72))}.sd>:not(img){z-index:1}.sd__logo{position:absolute;top:6.5cqw;left:7cqw;font-family:var(--font-display);font-size:7cqw;letter-spacing:.04em}.sd__badge{position:absolute;top:6.4cqw;right:7cqw;padding:1.6cqw 3.2cqw;border-radius:99px;background:#fff;color:#1b1712;font-size:3.4cqw;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.sd__copy{position:absolute;right:7cqw;bottom:8cqw;left:7cqw;display:grid;justify-items:start;gap:3cqw}.sd--story .sd__copy{bottom:14cqw;gap:4cqw}.sd__product{position:relative;font-family:var(--font-display);font-size:12.5cqw;letter-spacing:-.03em;line-height:.98}.sd--story .sd__product{font-size:15cqw}.sd__details{display:flex;align-items:center;gap:2.4cqw;font-size:4.6cqw}.sd__details b{font-weight:650}.sd__swatch{flex:none;width:4.6cqw;height:4.6cqw;border-radius:50%;box-shadow:0 0 0 .5cqw #ffffffd9}.sd__selected{position:absolute;inset:-1.4cqw -1.8cqw;border:1.5px solid var(--sd-ring);pointer-events:none}.sd__selected i{position:absolute;width:7px;height:7px;border:1.5px solid var(--sd-ring);background:#fff;translate:-50% -50%}