.home-shop-outfit{padding-top:clamp(1.4rem,3.6vw,2.4rem);padding-bottom:clamp(1.4rem,3.6vw,2.4rem)}.home-shop-outfit__layout{display:grid}.home-shop-outfit__stage{position:relative;border-radius:calc(16px * var(--corner-scale, 0));overflow:hidden;border:1px solid var(--color-border);background:#efeae6}.home-shop-outfit__image,.home-shop-outfit__placeholder{display:block;width:100%;aspect-ratio:16 / 9}.home-shop-outfit__image{object-fit:cover}.home-shop-outfit__placeholder{background:linear-gradient(140deg,#f1ece8,#dfd4ce)}.home-shop-outfit__pin{position:absolute;left:var(--hotspot-x-desktop, 50%);top:var(--hotspot-y-desktop, 50%);width:1.8rem;height:1.8rem;margin:-.9rem 0 0 -.9rem;border:0;border-radius:999px;background:#ffffffeb;box-shadow:0 0 0 1px #1113,0 8px 16px #00000029;cursor:pointer;z-index:3;transform:translateZ(0);transition:transform .18s ease}.home-shop-outfit__pin:before,.home-shop-outfit__pin:after{content:"";position:absolute;border-radius:999px}.home-shop-outfit__pin:before{top:.44rem;right:.44rem;bottom:.44rem;left:.44rem;background:#111;transition:transform .18s ease}.home-shop-outfit__pin:after{top:-.35rem;right:-.35rem;bottom:-.35rem;left:-.35rem;border:1px solid rgba(255,255,255,.7);opacity:0;transition:opacity .18s ease}.home-shop-outfit__pin.is-active:before,.home-shop-outfit__pin:hover:before{transform:scale(.78)}.home-shop-outfit__pin.is-active:after,.home-shop-outfit__pin:hover:after{opacity:1}.home-shop-outfit__pin:hover{transform:translateZ(0) scale(1.04)}.home-shop-outfit__pin.is-active{animation:shopOutfitPinPop .22s cubic-bezier(.22,1,.36,1) both}.home-shop-outfit__pin.is-active:after{opacity:1;animation:shopOutfitPinPulse 1.8s ease-out infinite}.home-shop-outfit__card-stack{position:absolute;left:1rem;right:1rem;bottom:clamp(.8rem,2vw,1.5rem);z-index:4}.home-shop-outfit__card{max-width:400px;display:grid;grid-template-columns:130px 1fr;gap:.8rem;align-items:center;position:relative;border-radius:8px;background:#f4f4f4fa;border:1px solid rgba(17,17,17,.16);box-shadow:0 14px 28px #00000024;padding:.62rem}.home-shop-outfit__card.is-active{animation:shopOutfitCardIn .22s cubic-bezier(.22,1,.36,1) both;will-change:transform,opacity}.home-shop-outfit__card[hidden]{display:none}.home-shop-outfit__card-close{position:absolute;top:.4rem;right:.4rem;width:1.65rem;height:1.65rem;display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:999px;background:#11111114;color:#111;cursor:pointer;line-height:0;font-size:0}.home-shop-outfit__card-close:hover{background:#11111124}.home-shop-outfit__card-close:before,.home-shop-outfit__card-close:after{content:"";position:absolute;left:50%;top:50%;width:.82rem;height:2px;background:currentColor;transform-origin:center}.home-shop-outfit__card-close:before{transform:translate(-50%,-50%) rotate(45deg)}.home-shop-outfit__card-close:after{transform:translate(-50%,-50%) rotate(-45deg)}.home-shop-outfit__card-close span{display:none}.home-shop-outfit__card-media{display:block;border-radius:8px;overflow:hidden;background:#f5f5f5}.home-shop-outfit__card-media img{display:block;width:100%;height:100%;max-height:138px;object-fit:cover}.home-shop-outfit__card-title{margin:0;padding-right:2rem;font-size:clamp(.95rem,1.2vw,1.15rem);font-weight:700;line-height:1.15;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.home-shop-outfit__card-title a{color:inherit;text-decoration:none}.home-shop-outfit__card-content{display:flex;flex-direction:column;align-items:flex-start;min-height:100%}.home-shop-outfit__card-price,.home-shop-outfit__card-label{margin:.3rem 0 0}.home-shop-outfit__card-price{font-size:clamp(1.2rem,1.65vw,1.45rem);font-weight:600}.home-shop-outfit__card-label{font-size:.83rem;color:var(--color-muted)}.home-shop-outfit__swatches{display:flex;align-items:center;gap:.32rem;margin:.42rem 0 0;padding:0;list-style:none}.home-shop-outfit__swatch-item{display:inline-flex}.home-shop-outfit__swatch{display:inline-block;width:.95rem;height:.95rem;border-radius:999px;border:1px solid rgba(17,17,17,.28);background-size:cover;background-position:center}.home-shop-outfit__swatch-more{display:inline-flex;align-items:center;justify-content:center;min-width:.95rem;height:.95rem;padding:0 .14rem;border-radius:999px;border:1px solid rgba(17,17,17,.25);font-size:.62rem;line-height:1}.home-shop-outfit__quick-button{margin-top:10px;min-height:2rem;min-width:8.6rem;padding:0 1rem;border-radius:8px;border:2px solid #111;background:transparent;color:#111;text-transform:uppercase;letter-spacing:.06em;font-size:.88rem;align-self:flex-end}.home-shop-outfit__card-content>.home-shop-outfit__quick-button{width:auto}@media(max-width:999px){.home-shop-outfit__image,.home-shop-outfit__placeholder{aspect-ratio:4 / 5}.home-shop-outfit__pin{left:var(--hotspot-x-mobile, var(--hotspot-x-desktop, 50%));top:var(--hotspot-y-mobile, var(--hotspot-y-desktop, 50%))}.home-shop-outfit__card-stack{left:.65rem;right:.65rem}.home-shop-outfit__card{grid-template-columns:72px 1fr;gap:.52rem;padding:.45rem}.home-shop-outfit__card-media img{max-height:78px}.home-shop-outfit__quick-button{min-height:1.85rem;font-size:.8rem;padding:0 .72rem;min-width:0}}@keyframes shopOutfitCardIn{0%{opacity:0;transform:translate3d(0,10px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes shopOutfitPinPop{0%{transform:translateZ(0) scale(.9)}to{transform:translateZ(0) scale(1)}}@keyframes shopOutfitPinPulse{0%{transform:scale(.88);opacity:.7}70%{transform:scale(1.18);opacity:0}to{transform:scale(1.18);opacity:0}}@media(prefers-reduced-motion:reduce){.home-shop-outfit__pin{transition:none}.home-shop-outfit__pin.is-active{animation:none}.home-shop-outfit__pin.is-active:after{animation:none}.home-shop-outfit__card.is-active{animation:none;will-change:auto}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/section-home-shop-the-outfit.css.map */