.lp-look{position:relative;aspect-ratio:var(--lp-ratio);scroll-snap-align:start}.lp-look__media{display:block;height:100%;overflow:hidden;position:relative}.lp-look__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:#0000;pointer-events:none}.lp-look:has(.lp-look__shop[open]) .lp-look__media:after{background-color:#00000059}.lp-look__media img,.lp-look__media .placeholder-svg{display:block;width:100%;height:100%;object-fit:cover}.lp-look__shop{position:absolute;left:1.2rem;right:1.2rem;bottom:1.2rem;max-width:34rem;display:flex;flex-direction:column-reverse;pointer-events:none}.lp-look__shop--right{margin-left:auto}.lp-look__launcher,.lp-look__products{pointer-events:auto}.lp-look__launcher{align-self:flex-start;display:inline-flex;align-items:center;gap:.8rem;padding:.7rem 1.2rem;background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));font-size:1.3rem;line-height:1;cursor:pointer;list-style:none}.lp-look__shop--right .lp-look__launcher{align-self:flex-end}.lp-look__launcher::-webkit-details-marker{display:none}.lp-look__launcher:focus-visible{outline:none;box-shadow:0 0 0 .2rem rgba(var(--color-foreground),.5)}.lp-look__launcher .icon{width:1rem;height:1rem}.lp-look__shop:not([open]) .icon-close-small,.lp-look__shop[open] .icon-plus{display:none}.lp-look__products{max-height:26rem;overflow-y:auto;margin-bottom:.4rem;background-color:rgb(var(--color-background))}.lp-look__card{--lp-thumb: 6rem;display:grid;grid-template-columns:var(--lp-thumb) 1fr;gap:1.2rem;align-items:center;padding:.8rem;color:rgb(var(--color-foreground));text-decoration:none}.lp-look__card+.lp-look__card{border-top:.1rem solid rgba(var(--color-foreground),.12)}.lp-look__card-image{display:block;width:var(--lp-thumb);height:var(--lp-thumb);object-fit:cover}.lp-look__card-title{display:block;margin-top:.2rem;font-size:1.4rem;line-height:1.3}@media(min-width:750px){.lp-look__shop{left:1.6rem;right:1.6rem;bottom:1.6rem}}@media(prefers-reduced-motion:no-preference){.lp-look__media:after{transition:background-color .24s ease}.lp-look__shop[open] .lp-look__products{animation:lp-look-panel-in .24s ease-out both}}@keyframes lp-look-panel-in{0%{opacity:0;transform:translateY(.8rem)}to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=/cdn/shop/t/319/assets/component-lp-look.css.map */