.stl{--stl-radius: var(--main-border-radius, 20px);--stl-ink: rgb(var(--color-foreground-title, var(--color-foreground)));--stl-muted: rgba(var(--color-foreground), .7)}.stl__header{margin-bottom:2.4rem}.stl__eyebrow{display:inline-flex;align-items:center;gap:.8rem;margin:0 0 1.2rem;font-size:1.2rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--stl-highlight)}.stl__eyebrow:before{content:"";width:.8rem;height:.8rem;background:var(--stl-highlight);transform:rotate(45deg);border-radius:.15rem}.stl__title{margin:0;color:var(--stl-accent)}.stl__desc{margin-top:1.2rem;color:var(--stl-muted)}.stl__desc p{margin:0}.stl__footer{display:flex;flex-direction:column;gap:1.2rem;margin-top:2.4rem}.stl__total{display:flex;align-items:baseline;justify-content:space-between;gap:1.6rem;padding-top:1.6rem;border-top:1px dashed rgba(var(--color-foreground),.2)}.stl__total-label{font-size:1.4rem;letter-spacing:.06em;text-transform:uppercase;color:var(--stl-muted)}.stl__total-price{font-family:var(--font-heading-family);font-size:2.6rem;line-height:1;color:var(--stl-accent)}.stl__total-compare{margin-right:.8rem;font-size:1.6rem;color:var(--stl-muted)}.stl__perk{display:inline-flex;align-items:center;align-self:flex-start;gap:.6rem;margin:0;padding:.4rem 1.2rem .4rem .6rem;font-size:1.3rem;font-weight:600;color:var(--stl-accent);background:color-mix(in srgb,var(--stl-accent) 10%,transparent);border-radius:10rem}.stl__perk .icon{width:2.2rem;height:2.2rem}.stl__cta{position:relative;display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:5.6rem;padding:1.4rem 2.4rem;border:0;border-radius:10rem;background:var(--stl-accent);color:#fff;font:inherit;font-size:1.5rem;font-weight:600;letter-spacing:.04em;cursor:pointer;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}.stl__cta:hover{transform:translateY(-2px);box-shadow:0 1rem 2.4rem -1rem var(--stl-accent)}.stl__cta:focus-visible,.stl__add:focus-visible,.stl__hotspot:focus-visible{outline:2px solid var(--stl-highlight);outline-offset:3px}.stl__cta-done{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--stl-highlight);transform:translateY(100%);transition:transform .3s ease}.stl__cta.is-added .stl__cta-done{transform:translateY(0)}.stl__cta.is-loading{opacity:.7;cursor:progress}.stl__link{align-self:center;font-size:1.4rem;color:var(--stl-accent);text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:.2rem}.stl__link span{display:inline-block;transition:transform .2s ease}.stl__link:hover span{transform:translate(.4rem)}.stl__error{margin:0;font-size:1.3rem;color:#b3261e}.stl__grid{display:grid;gap:2.4rem}.stl__media{position:relative;border-radius:var(--stl-radius);overflow:hidden;aspect-ratio:4 / 5;background:var(--stl-surface)}.stl__img{display:block;width:100%;height:100%;object-fit:cover}.stl__hotspot{position:absolute;z-index:1;display:grid;place-items:center;width:3.4rem;height:3.4rem;padding:0;border:2px solid #fff;border-radius:50%;background:var(--stl-accent);color:#fff;font:inherit;font-size:1.3rem;font-weight:700;cursor:pointer;transform:translate(-50%,-50%);box-shadow:0 .4rem 1.2rem #00000040;transition:transform .25s ease,background-color .25s ease}.stl__hotspot:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:50%;border:2px solid #fff;animation:stl-pulse 2.2s ease-out infinite;pointer-events:none}.stl__hotspot:hover,.stl__hotspot.is-active{background:var(--stl-highlight);transform:translate(-50%,-50%) scale(1.15)}@keyframes stl-pulse{0%{transform:scale(1);opacity:.9}to{transform:scale(1.9);opacity:0}}.stl__panel{display:flex;flex-direction:column;justify-content:center}.stl__list{display:flex;flex-direction:column;gap:1rem;margin:0;counter-reset:none}.stl__item{position:relative;display:grid;grid-template-columns:auto 7.2rem 1fr auto;align-items:center;gap:1.4rem;padding:1rem 1.2rem 1rem 1rem;background:var(--stl-surface);border:1px solid transparent;border-radius:calc(var(--stl-radius) * .8);transition:border-color .25s ease,transform .25s ease,box-shadow .25s ease}.stl__item.is-active,.stl__item:hover{border-color:var(--stl-accent);transform:translate(.4rem);box-shadow:0 .8rem 2rem -1.2rem #0000004d}.stl__num{display:grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:50%;background:var(--stl-accent);color:#fff;font-size:1.2rem;font-weight:700;transition:background-color .25s ease}.stl__item.is-active .stl__num{background:var(--stl-highlight)}.stl__thumb{display:block;aspect-ratio:1;border-radius:1.2rem;overflow:hidden;background:#fff}.stl__thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.stl__item:hover .stl__thumb img{transform:scale(1.08)}.stl__info{display:flex;flex-direction:column;gap:.2rem;min-width:0}.stl__name{font-family:var(--font-heading-family);font-size:1.6rem;line-height:1.3;color:var(--stl-ink);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stl__name:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.stl__price{font-size:1.4rem;color:var(--stl-muted)}.stl__price s{margin-right:.4rem}.stl__add{position:relative;z-index:1;display:grid;place-items:center;width:4rem;height:4rem;padding:0;border:1px solid var(--stl-accent);border-radius:50%;background:#fff;color:var(--stl-accent);cursor:pointer;transition:background-color .2s ease,color .2s ease,transform .2s ease}.stl__add svg{grid-area:1 / 1;width:1.6rem;height:1.6rem;transition:opacity .2s ease,transform .2s ease}.stl__add-check{opacity:0;transform:scale(.5)}.stl__add:hover{background:var(--stl-accent);color:#fff;transform:rotate(90deg)}.stl__add.is-added{background:var(--stl-highlight);border-color:var(--stl-highlight);color:#fff;transform:none}.stl__add.is-added .stl__add-plus{opacity:0}.stl__add.is-added .stl__add-check{opacity:1;transform:scale(1)}.stl__add.is-loading{opacity:.6;cursor:progress}.stl__soldout{position:relative;z-index:1;font-size:1.2rem;color:var(--stl-muted)}.is-sold-out .stl__thumb,.is-sold-out .stl__combo-thumb{opacity:.5}@media screen and (min-width:990px){.stl--look .stl__grid{grid-template-columns:1.15fr 1fr;gap:5.6rem;align-items:center}.stl--look.stl--image-right .stl__media{order:2}.stl__hotspot{width:3.8rem;height:3.8rem}}.stl__card{display:grid;overflow:hidden;background:var(--stl-surface);border-radius:var(--stl-radius)}.stl__card-body{padding:3.2rem 2rem}.stl__card-media{position:relative;min-height:32rem}.stl__card-media .stl__img{position:absolute;top:0;right:0;bottom:0;left:0}.stl__stamp{position:absolute;top:2rem;right:2rem;display:grid;place-items:center;width:10.4rem;height:10.4rem;padding:1.2rem;border-radius:50%;background:var(--stl-highlight);color:#fff;font-family:var(--font-heading-family);font-size:1.4rem;line-height:1.15;text-align:center;transform:rotate(-10deg);box-shadow:0 .8rem 2rem -.8rem #00000059}.stl--combo .stl__header{text-align:left}.stl__combo{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:3.2rem;margin:0}.stl__combo-item{position:relative;display:flex;flex-direction:column;align-items:center;gap:.6rem;min-width:0;text-align:center}.stl__combo-item+.stl__combo-item:before{content:"+";position:absolute;top:calc(50% - 3rem);left:-3.2rem;width:3.2rem;display:grid;place-items:center;font-family:var(--font-heading-family);font-size:2.4rem;line-height:1;color:var(--stl-highlight)}.stl__combo-thumb{display:block;width:100%;aspect-ratio:1;border-radius:50%;overflow:hidden;background:#fff;box-shadow:0 0 0 .4rem #fff,0 1rem 2rem -1.2rem #0000004d;transition:transform .3s ease,box-shadow .3s ease}.stl__combo-thumb img{width:100%;height:100%;object-fit:cover}.stl__combo-item:hover .stl__combo-thumb{transform:translateY(-.4rem);box-shadow:0 0 0 .4rem var(--stl-highlight),0 1.4rem 2.4rem -1.2rem #00000059}.stl__combo-name{margin-top:.8rem;font-family:var(--font-heading-family);font-size:1.4rem;line-height:1.25;color:var(--stl-ink);text-decoration:none}.stl__combo-price{font-size:1.3rem;color:var(--stl-muted)}@media screen and (max-width:575px){.stl__combo{gap:2.4rem}.stl__combo-item+.stl__combo-item:before{left:-2.4rem;width:2.4rem;font-size:2rem}.stl__stamp{width:8.4rem;height:8.4rem;font-size:1.2rem}}@media screen and (min-width:990px){.stl__card{grid-template-columns:1fr 1fr}.stl__card-body{display:flex;flex-direction:column;justify-content:center;padding:5.6rem}.stl--combo.stl--image-left .stl__card-media{order:-1}.stl--combo .stl__footer{max-width:44rem}}@media(prefers-reduced-motion:reduce){.stl *,.stl *:before{animation:none!important;transition:none!important}}.stl__hotspot:after{content:"";position:absolute;top:-.8rem;right:-.8rem;bottom:-.8rem;left:-.8rem;border-radius:50%}@media screen and (max-width:989px){.stl__panel .stl__header{margin-bottom:1.6rem}.stl__item{grid-template-columns:auto 6rem 1fr auto;gap:1.2rem}.stl__item:hover,.stl__item.is-active{transform:none}.stl__add{width:4.4rem;height:4.4rem}.stl__card-body{padding:2.8rem 2rem}.stl__card-media{min-height:26rem}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-shop-the-look.css.map */