.stl{--stl-ink: #111;--stl-muted: #7c7873;--stl-card: #fff;--stl-soft: #f2f0ed;--stl-radius: 6px;--stl-ease: cubic-bezier(.22, 1, .36, 1);background:var(--stl-bg, #ddcfc5);padding:34px 0 40px}.stl *,.stl *:before,.stl *:after{box-sizing:border-box}.stl__title{font-size:19px;line-height:26px;letter-spacing:-.3px;font-weight:500;color:var(--stl-ink);margin:0 0 18px;padding:0 16px}.stl__track{display:grid;grid-auto-flow:column;grid-auto-columns:var(--stl-w, 64%);gap:var(--stl-gap, 4px);overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:0 16px}.stl__track::-webkit-scrollbar{display:none}@media(min-width:769px){.stl__track{grid-auto-columns:var(--stl-w-desktop, 30%);gap:var(--stl-gap, 4px);padding:0 24px}}.stl__look{position:relative;scroll-snap-align:center;display:block;padding:0;border:0;background:var(--stl-bg, #ddcfc5);border-radius:0;overflow:hidden;cursor:pointer;min-width:0}.stl__img{width:100%;height:auto;aspect-ratio:var(--stl-ratio, 2/5);object-fit:cover;display:block;transition:transform .7s var(--stl-ease)}@media(hover:hover)and (pointer:fine){.stl__look:hover .stl__img{transform:scale(1.03)}}.stl__label{position:absolute;left:10px;bottom:10px;background:#ffffffd1;color:var(--stl-ink);font-size:10px;letter-spacing:.06em;text-transform:uppercase;padding:6px 9px;border-radius:3px}.stl__modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:95;background:#11111173;display:flex;align-items:center;justify-content:center;padding:16px;overflow-y:auto}.stl__modal[hidden]{display:none!important}.stl__panel{background:var(--stl-card);border-radius:10px;width:100%;max-width:560px;max-height:calc(100vh - 32px);display:flex;flex-direction:column;overflow:hidden}.stl__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 18px 14px;flex:0 0 auto}.stl__head-title{font-size:12px;line-height:16px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;color:var(--stl-ink)}.stl__close{width:28px;height:28px;padding:0;border:0;background:none;cursor:pointer;color:var(--stl-ink);display:inline-flex;align-items:center;justify-content:center}.stl__close svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.5}.stl__body{padding:0 18px 22px;overflow-y:auto;flex:1 1 auto}.stl__body .pp3r__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.stl__vacio{font-size:12px;line-height:18px;color:var(--stl-muted);margin:0}@media(prefers-reduced-motion:reduce){.stl__img{transition:none}}.stl__look{transition:transform .45s var(--stl-ease),opacity .45s var(--stl-ease);transform:scale(.94);opacity:.72}.stl__look.is-active{transform:scale(1);opacity:1}.stl__look.is-active .stl__img{transform:none}@media(prefers-reduced-motion:reduce){.stl__look,.stl__look.is-active{transition:none;transform:none;opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/pp3-shop-the-look.css.map */