.stl{padding:var(--spacing-sections-desktop, 48px) 0}.stl__header{text-align:center;margin-bottom:24px}.stl__subheading{letter-spacing:.2em;text-transform:uppercase;opacity:.7;margin:0 0 6px}.stl__heading{margin:0}.stl__grid{display:grid;gap:var(--stl-gap, 24px);grid-template-columns:1fr;align-items:start}@media(min-width:990px){.stl__grid{grid-template-columns:1fr}.stl__grid:has(.stl__side){grid-template-columns:1.6fr .8fr}}.stl__media{position:relative}.stl__image{border-radius:var(--media-radius, 16px);overflow:hidden;background:rgba(var(--color-background-contrast),.08)}.stl__img{width:100%;height:auto;display:block}.stl__pins{position:absolute;top:0;right:0;bottom:0;left:0}.stl__pin{position:absolute;left:var(--stl-left);top:var(--stl-top);transform:translate(-50%,-50%);border:0;background:transparent;padding:0;cursor:pointer}@media(max-width:989px){.stl__pin{left:var(--stl-left-m);top:var(--stl-top-m)}}.stl__pin-dot{width:22px;height:22px;border-radius:999px;background:#fffffff2;border:2px solid rgba(0,0,0,.18);display:block;box-shadow:0 10px 30px #00000026;position:relative}.stl__pin-dot:after{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:999px;border:1px solid rgba(255,255,255,.7);opacity:.8;animation:stlPulse 1.8s ease-out infinite}@keyframes stlPulse{0%{transform:scale(.6);opacity:.8}to{transform:scale(1.4);opacity:0}}.stl__bubble{position:absolute;top:50%;left:calc(100% + 8px);transform:translateY(-50%);width:360px;max-width:min(360px,80vw);background:#fff;border-radius:12px;border:1px solid rgba(0,0,0,.1);box-shadow:0 18px 50px #0000002e;opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease;z-index:20}.stl__bubble:before{content:"";position:absolute;left:-10px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid #fff;filter:drop-shadow(-1px 0 0 rgba(0,0,0,.12))}.stl__pin.is-open .stl__bubble{opacity:1;pointer-events:auto;transform:translateY(-50%) translate(0)}@media(max-width:989px){.stl__bubble{left:50%;top:calc(100% + 14px);transform:translate(-50%)}.stl__bubble:before{left:50%;top:-10px;transform:translate(-50%);border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #fff;border-top:0;filter:drop-shadow(0 -1px 0 rgba(0,0,0,.12))}.stl__pin.is-open .stl__bubble{transform:translate(-50%)}}.stl__bubble-inner{display:grid;grid-template-columns:110px 1fr 44px;align-items:center;gap:14px}.stl__bubble-img img{width:110px;height:110px;object-fit:contain;display:block;padding:10px}.stl__bubble-title{font-size:16px;line-height:1.25;margin-bottom:6px;color:#111}.stl__bubble-price .price{font-size:14px}.stl__bubble-go{height:100%;display:grid;place-items:center;border-left:1px solid rgba(0,0,0,.12);background:#f5f5f5;text-decoration:none;color:#111}.stl__chev{font-size:28px;line-height:1}.stl__side{text-align:center;padding:18px 12px}.stl__side-kicker{letter-spacing:.2em;text-transform:uppercase;opacity:.7;margin:0 0 8px}.stl__side-title{margin:0 0 10px}.stl__side-text{opacity:.85}.stl__pin:hover .stl__bubble,.stl__pin:focus-within .stl__bubble{opacity:1;pointer-events:auto;transform:translateY(-50%) translate(0)}.stl__bubble{transform:translateY(-50%) translate(-6px)}.stl__pin:focus-visible .stl__pin-dot{outline:3px solid rgba(0,0,0,.35);outline-offset:3px}
/*# sourceMappingURL=/cdn/shop/t/13/assets/shop-the-look.css.map */