.stl__corner{position:absolute;bottom:0;z-index:3;display:flex;align-items:flex-end;gap:.6rem;padding:.8rem;background:#fff9;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:1rem 1rem 0 0}.stl__corner--left{left:0;flex-direction:row;border-top-left-radius:0}.stl__corner--right{right:0;flex-direction:row-reverse;border-top-right-radius:0}.stl__products{display:flex;gap:.8rem}.stl__corner--right .stl__products{flex-direction:row-reverse}.stl__product{display:block;width:8rem;aspect-ratio:3 / 4;overflow:hidden;flex-shrink:0;max-width:10rem;opacity:1;transition:max-width .35s ease,opacity .3s ease,margin .35s ease}.stl__product img{display:block;width:100%;height:100%;object-fit:cover}.stl__product:not(:first-child){max-width:0;opacity:0;margin-left:-.8rem;pointer-events:none}.stl__corner--right .stl__product:not(:first-child){margin-left:0;margin-right:-.8rem}.stl__corner.is-open .stl__product:not(:first-child){max-width:10rem;opacity:1;margin-left:0;margin-right:0;pointer-events:auto}.stl__plus{flex-shrink:0;width:1.4rem;height:1rem;padding:0;border:0;background:transparent;font-size:2rem;line-height:1;color:#000;cursor:pointer;align-self:flex-end;transition:transform .3s ease}.stl__corner.is-open .stl__plus{transform:rotate(45deg)}.banner__media.media>.stl__corner.stl__corner{top:auto;bottom:0;height:auto;width:auto;max-width:none}.banner__media.media>.stl__corner--left.stl__corner{left:0;right:auto}.banner__media.media>.stl__corner--right.stl__corner{right:0;left:auto}.banner__media.media>.stl__corner.stl__corner{display:flex;flex-wrap:nowrap;align-items:stretch;width:max-content;height:auto}.banner__media.media>.stl__corner--right.stl__corner{flex-direction:row-reverse}.banner__media.media>.stl__corner--left.stl__corner{flex-direction:row}.stl__corner .stl__plus{align-self:center;flex-shrink:0}.banner__media.media>.stl__corner.stl__corner.stl__corner--top{top:0;bottom:auto;border-radius:0 0 1.2rem 1.2rem}.banner__media.media>.stl__corner--left.stl__corner--top.stl__corner{border-bottom-left-radius:0}.banner__media.media>.stl__corner--right.stl__corner--top.stl__corner{border-bottom-right-radius:0}.banner__media.media{overflow:hidden}.banner__content{pointer-events:none}.banner__box{pointer-events:auto}.banner__media.media>.stl__corner.stl__corner{opacity:0;pointer-events:none;transition:transform .4s ease,opacity .3s ease}.banner__media.media>.stl__corner--left.stl__corner{transform:translate(-100%)}.banner__media.media>.stl__corner--right.stl__corner{transform:translate(100%)}.banner__media.media:hover>.stl__corner.stl__corner,.banner__media.media:focus-within>.stl__corner.stl__corner{opacity:1;pointer-events:auto;transform:translate(0)}@media(hover:none){.banner__media.media>.stl__corner.stl__corner{opacity:1;pointer-events:auto;transform:translate(0)}}.banner:hover .banner__media.media>.stl__corner.stl__corner,.banner:focus-within .banner__media.media>.stl__corner.stl__corner{opacity:1;pointer-events:auto;transform:translate(0)}@media screen and (max-width:989px){.stl__corner{padding:.4rem;gap:.3rem;border-radius:.6rem .6rem 0 0}.stl__products{gap:.4rem}.stl__corner.is-open .stl__product:not(:first-child){max-width:5.5rem}.stl__plus{width:1rem;font-size:1.5rem}}@media screen and (max-width:749px){.stl__products{align-items:center}.stl__product{width:5.5rem;min-width:5.5rem;height:8rem;aspect-ratio:3 / 4;box-sizing:border-box}.stl__product img{width:100%;height:100%;object-fit:cover}.stl__product:not(:first-child){min-width:0;max-width:0}.stl__corner.is-open .stl__product:not(:first-child){min-width:6rem;max-width:6rem}}@media screen and (max-width:749px){.stl__corner{gap:10px;padding:4px;align-items:center}.stl__corner .stl__plus{display:flex;align-items:center;justify-content:center;flex:0 0 14px;width:14px;height:18px;padding:0;margin:0;font-size:15px;line-height:1;align-self:center}.stl__product{width:60px;height:80px;min-width:0;max-width:60px}.stl__product:not(:first-child){min-width:0;max-width:0}.stl__corner.is-open .stl__product:not(:first-child){min-width:60px;max-width:60px;opacity:1;margin:0;pointer-events:auto}.stl__corner.is-open .stl__plus{transform:rotate(45deg)}}@media(hover:hover)and (pointer:fine){.stl__corner:hover:not(.is-open) .stl__product:not(:first-child){max-width:10rem;opacity:1;margin-left:0;margin-right:0;pointer-events:auto}.stl__corner:hover:not(.is-open) .stl__plus{transform:rotate(45deg)}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/shop-the-look.css.map */