.wf-stl{padding-block:calc(var(--wf-stl-pt) * .7) calc(var(--wf-stl-pb) * .7)}.wf-stl__box{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--wf-space-lg);padding:var(--wf-space-lg);border-radius:var(--wf-radius-2xl);background-color:var(--wf-panel)}.wf-stl__media{position:relative;aspect-ratio:1;overflow:hidden;border-radius:var(--wf-radius-xl)}.wf-stl__media>img,.wf-stl__media>svg{display:block;width:100%;height:100%;object-fit:cover}.wf-stl__hotspot{position:absolute;inset-block-start:var(--wf-stl-y);inset-inline-start:var(--wf-stl-x);display:grid;place-items:center;width:calc(var(--wf-space-lg) + var(--wf-space-2xs));aspect-ratio:1;border-radius:50%;translate:-50% -50%;background-color:rgba(var(--color-background),.92);color:rgb(var(--color-foreground));box-shadow:0 var(--wf-space-2xs) var(--wf-space-md) rgba(var(--color-shadow),.15);font-size:var(--wf-text-sm);font-weight:var(--wf-weight-heavy);line-height:1;text-decoration:none}.wf-stl__hotspot:before{content:"";position:absolute;inset:calc(var(--wf-space-xs) * -1)}.wf-stl__hotspot:is(:hover,:focus-visible){scale:1.06}.wf-stl__head{display:grid;gap:var(--wf-space-xs);margin-block-end:var(--wf-space-md);text-align:center}.wf-stl__kicker,.wf-stl__heading{margin:0}.wf-stl__kicker{color:rgba(var(--color-foreground),.85)}.wf-stl__list{--wf-stl-thumb: calc(var(--wf-space-3xl) + var(--wf-space-xs));display:grid;gap:var(--wf-space-sm);margin:0;padding:0;list-style:none}.wf-stl__item+.wf-stl__item{padding-block-start:var(--wf-space-sm);border-block-start:.1rem solid rgba(var(--color-foreground),.1)}.wf-stl__link{display:grid;grid-template-columns:var(--wf-stl-thumb) minmax(0,1fr);gap:var(--wf-space-sm);align-items:center;color:inherit;text-decoration:none}.wf-stl__thumb{width:var(--wf-stl-thumb);aspect-ratio:1;overflow:hidden;border-radius:var(--wf-radius-md);background-color:rgba(var(--color-foreground),.04)}.wf-stl__thumb img{display:block;width:100%;height:100%;object-fit:cover}.wf-stl__info{display:grid;gap:var(--wf-space-2xs);min-width:0}.wf-stl__title{color:var(--wf-ink);font-weight:var(--wf-weight-heavy);line-height:var(--wf-leading-heading);overflow-wrap:anywhere}.wf-stl__actions{margin-block-start:var(--wf-space-md)}.wf-stl__badge{justify-self:start;padding:var(--wf-space-2xs) var(--wf-space-xs);border-radius:var(--wf-radius-md);background-color:rgba(var(--color-foreground),.08);font-size:var(--wf-text-sm);font-weight:var(--wf-weight-medium);line-height:1.2}.wf-stl__actions .button{gap:var(--wf-space-xs)}.wf-stl__actions .button:not([disabled]):hover{--color-button: var(--wf-yellow-rgb)}.wf-stl__actions .button>span:first-of-type{display:inline-flex;align-items:center;gap:var(--wf-space-xs)}.wf-stl__actions .button:not(:disabled,.loading)>span:first-of-type:before{content:"";flex:none;width:calc(var(--wf-space-md) + var(--wf-space-2xs));height:calc(var(--wf-space-md) + var(--wf-space-2xs));background-color:currentcolor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3M14.608 12.563v5m2.5-2.5h-5'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3M14.608 12.563v5m2.5-2.5h-5'/%3E%3C/svg%3E") center / contain no-repeat}.wf-stl__status{margin:var(--wf-space-xs) 0 0;text-align:center}.wf-stl__status:empty{margin:0}.wf-stl__box:has(:is(.wf-stl__hotspot:nth-child(1),.wf-stl__item:nth-child(1)):is(:hover,:focus-within)) :is(.wf-stl__hotspot,.wf-stl__item):not(:nth-child(1)),.wf-stl__box:has(:is(.wf-stl__hotspot:nth-child(2),.wf-stl__item:nth-child(2)):is(:hover,:focus-within)) :is(.wf-stl__hotspot,.wf-stl__item):not(:nth-child(2)),.wf-stl__box:has(:is(.wf-stl__hotspot:nth-child(3),.wf-stl__item:nth-child(3)):is(:hover,:focus-within)) :is(.wf-stl__hotspot,.wf-stl__item):not(:nth-child(3)),.wf-stl__box:has(:is(.wf-stl__hotspot:nth-child(4),.wf-stl__item:nth-child(4)):is(:hover,:focus-within)) :is(.wf-stl__hotspot,.wf-stl__item):not(:nth-child(4)),.wf-stl__box:has(:is(.wf-stl__hotspot:nth-child(5),.wf-stl__item:nth-child(5)):is(:hover,:focus-within)) :is(.wf-stl__hotspot,.wf-stl__item):not(:nth-child(5)),.wf-stl__box:has(:is(.wf-stl__hotspot:nth-child(6),.wf-stl__item:nth-child(6)):is(:hover,:focus-within)) :is(.wf-stl__hotspot,.wf-stl__item):not(:nth-child(6)){opacity:.6}@media screen and (prefers-reduced-motion:no-preference){.wf-stl__hotspot,.wf-stl__item{transition:scale .18s ease,opacity .18s ease}}@media screen and (min-width:750px){.wf-stl__box{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:calc(var(--wf-space-2xl) + var(--wf-space-xs));align-items:center}}@media screen and (min-width:990px){.wf-stl{padding-block:var(--wf-stl-pt) var(--wf-stl-pb)}}
/*# sourceMappingURL=/cdn/shop/t/65/assets/wiwify-shop-the-look.css.map */