.stl{position:relative;box-sizing:border-box}.stl *,.stl *:before,.stl *:after{box-sizing:border-box}.stl__container{max-width:var(--stl-image-max-width, 900px);margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px}.stl--align-left .stl__container{margin-left:0}.stl--align-right .stl__container{margin-right:0;margin-left:auto}.stl--align-center .stl__container{margin-left:auto;margin-right:auto}.stl__header{margin:0 0 1.25rem;font-family:var(--stl-heading-font, inherit)}.stl__header--center{text-align:center}.stl__eyebrow{font-size:var(--stl-eyebrow-size, .75rem);letter-spacing:.12em;text-transform:uppercase;opacity:.6;margin:0 0 .5rem;font-weight:500}.stl__heading{margin:0;font-size:var(--stl-heading-size, 2.5rem);line-height:1.1;font-weight:600;letter-spacing:-.02em}@media(max-width:749px){.stl__heading{font-size:var(--stl-heading-size-mobile, var(--stl-heading-size, 1.7rem))}}.stl__empty{border:1px dashed currentColor;opacity:.5;padding:3rem 2rem;text-align:center;border-radius:4px}.stl__empty-hint{margin-top:6px;font-size:.85rem;opacity:.8}.stl__empty code{background:#0000000f;padding:1px 5px;border-radius:3px;font-size:.85em}.stl__figure{margin:0;position:relative}.stl__image-wrap{position:relative;width:100%;overflow:visible;line-height:0}.stl__image{display:block;width:100%;height:auto;aspect-ratio:var(--stl-ratio, auto);object-fit:cover}.stl__hotspots{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.stl__spot{position:absolute;top:var(--y, 50%);left:var(--x, 50%);transform:translate(-50%,-50%);display:inline-block;pointer-events:auto;z-index:1;background:transparent;border:0;padding:0;margin:0;cursor:pointer;-webkit-tap-highlight-color:transparent;font-family:var(--stl-card-font, inherit)}.stl__spot:before{content:"";position:absolute;left:50%;top:50%;width:44px;height:44px;transform:translate(-50%,-50%);background:transparent;z-index:-1}.stl__spot:focus-visible{outline:2px solid var(--stl-accent, #fff);outline-offset:6px;border-radius:999px}.stl__spot:hover,.stl__spot:focus-within,.stl__spot[aria-expanded=true]{z-index:10}.stl__dot{position:relative;display:inline-block;width:var(--stl-dot-size, 14px);height:var(--stl-dot-size, 14px)}.stl__core{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--stl-accent, #fff);border-radius:999px;box-shadow:0 0 0 2px #00000026,0 2px 8px #00000059;transition:background-color .2s ease,transform .2s ease}.stl__pulse{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;opacity:0;pointer-events:none}.stl__spot:hover .stl__core,.stl__spot[aria-expanded=true] .stl__core{background:var(--stl-accent-hover, #000);transform:scale(1.25)}@media(max-width:749px){.stl__dot{width:var(--stl-dot-size-mobile, 16px);height:var(--stl-dot-size-mobile, 16px)}}.stl[data-dot-style-desktop=subtle] .stl__pulse{background:var(--stl-accent, #fff);opacity:.4;animation:stl-pulse 2.5s ease-out infinite}.stl[data-dot-style-desktop=pulse] .stl__pulse{background:var(--stl-accent, #fff);opacity:.55;animation:stl-pulse 2.2s ease-out infinite}.stl[data-dot-style-desktop=strong] .stl__pulse{background:var(--stl-accent, #fff);opacity:.65;animation:stl-pulse 1.6s ease-out infinite}.stl[data-dot-style-desktop=strong] .stl__pulse--2{background:var(--stl-accent, #fff);opacity:.65;animation:stl-pulse 1.6s ease-out infinite;animation-delay:.8s}.stl[data-dot-style-desktop=bounce] .stl__pulse{background:var(--stl-accent, #fff);opacity:.4;animation:stl-pulse 2.5s ease-out infinite}.stl[data-dot-style-desktop=bounce] .stl__dot:after{content:"";position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:9px solid var(--stl-accent, #fff);filter:drop-shadow(0 1px 2px rgba(0,0,0,.35));animation:stl-bounce 1.2s ease-in-out infinite;pointer-events:none}@media(max-width:749px){.stl[data-dot-style-mobile] .stl__pulse,.stl[data-dot-style-mobile] .stl__pulse--2{opacity:0;animation:none}.stl[data-dot-style-mobile] .stl__dot:after{display:none}.stl[data-dot-style-mobile=subtle] .stl__pulse{background:var(--stl-accent, #fff);opacity:.4;animation:stl-pulse 2.5s ease-out infinite}.stl[data-dot-style-mobile=pulse] .stl__pulse{background:var(--stl-accent, #fff);opacity:.55;animation:stl-pulse 2.2s ease-out infinite}.stl[data-dot-style-mobile=strong] .stl__pulse{background:var(--stl-accent, #fff);opacity:.65;animation:stl-pulse 1.6s ease-out infinite}.stl[data-dot-style-mobile=strong] .stl__pulse--2{background:var(--stl-accent, #fff);opacity:.65;animation:stl-pulse 1.6s ease-out infinite;animation-delay:.8s}.stl[data-dot-style-mobile=bounce] .stl__pulse{background:var(--stl-accent, #fff);opacity:.4;animation:stl-pulse 2.5s ease-out infinite}.stl[data-dot-style-mobile=bounce] .stl__dot:after{content:"";display:block;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:9px solid var(--stl-accent, #fff);filter:drop-shadow(0 1px 2px rgba(0,0,0,.35));animation:stl-bounce 1.2s ease-in-out infinite;pointer-events:none}}@keyframes stl-pulse{0%{transform:scale(1)}70%{transform:scale(2.6);opacity:0}to{transform:scale(2.6);opacity:0}}@keyframes stl-bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-4px)}}@media(prefers-reduced-motion:reduce){.stl__pulse,.stl__pulse--2{animation:none!important;opacity:.35!important}.stl__dot:after{animation:none!important}}.stl,.stl__container,.stl__figure,.stl__image-wrap,.stl__hotspots,.stl__spot{overflow:visible!important}.stl__card{position:absolute;z-index:5;display:block;width:var(--stl-card-width, 220px);max-width:var(--stl-card-width, 220px);background:var(--stl-card-bg, #fff);color:var(--stl-card-fg, #111);border-radius:6px;box-shadow:0 4px 12px #00000014,0 14px 32px #0000002e;padding:8px;opacity:0;pointer-events:none;transform:translateY(4px) scale(.96);transform-origin:var(--card-origin, center bottom);transition:opacity .18s ease,transform .22s cubic-bezier(.2,.8,.2,1);font-family:var(--stl-card-font, inherit);overflow:hidden;contain:style}@media(hover:hover)and (pointer:fine){.stl__spot:hover .stl__card,.stl__spot:focus-within .stl__card{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}}.stl__spot[aria-expanded=true] .stl__card,.stl[data-always-on-desktop=true] .stl__spot .stl__card{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}@media(max-width:749px){.stl[data-always-on-desktop=true]:not([data-always-on-mobile=true]) .stl__spot .stl__card{opacity:0;pointer-events:none;transform:translateY(4px) scale(.96)}.stl[data-always-on-desktop=true]:not([data-always-on-mobile=true]) .stl__spot[aria-expanded=true] .stl__card{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.stl[data-always-on-mobile=true] .stl__spot .stl__card{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}}.stl__spot[data-position=top] .stl__card{bottom:calc(100% + 14px);left:50%;transform:translate(calc(-50% + var(--stl-shift-x, 0px)),4px) scale(.96);--card-origin: center bottom}.stl__spot[data-position=top][aria-expanded=true] .stl__card,.stl__spot[data-position=top]:hover .stl__card,.stl[data-always-on-desktop=true] .stl__spot[data-position=top] .stl__card{transform:translate(calc(-50% + var(--stl-shift-x, 0px))) scale(1)}.stl__spot[data-position=bottom] .stl__card{top:calc(100% + 14px);left:50%;transform:translate(calc(-50% + var(--stl-shift-x, 0px)),-4px) scale(.96);--card-origin: center top}.stl__spot[data-position=bottom][aria-expanded=true] .stl__card,.stl__spot[data-position=bottom]:hover .stl__card,.stl[data-always-on-desktop=true] .stl__spot[data-position=bottom] .stl__card{transform:translate(calc(-50% + var(--stl-shift-x, 0px))) scale(1)}.stl__spot[data-position=left] .stl__card{right:calc(100% + 14px);top:50%;transform:translate(4px,-50%) scale(.96);--card-origin: right center}.stl__spot[data-position=left][aria-expanded=true] .stl__card,.stl__spot[data-position=left]:hover .stl__card,.stl[data-always-on-desktop=true] .stl__spot[data-position=left] .stl__card{transform:translateY(-50%) scale(1)}.stl__spot[data-position=right] .stl__card{left:calc(100% + 14px);top:50%;transform:translate(-4px,-50%) scale(.96);--card-origin: left center}.stl__spot[data-position=right][aria-expanded=true] .stl__card,.stl__spot[data-position=right]:hover .stl__card,.stl[data-always-on-desktop=true] .stl__spot[data-position=right] .stl__card{transform:translateY(-50%) scale(1)}.stl__card--teleported{position:fixed!important;bottom:auto!important;right:auto!important;transform:translateY(0) scale(1)!important;opacity:1!important;pointer-events:auto!important;z-index:99999!important}.stl__card--teleported:before{display:none!important}.stl--arrows .stl__card:before{content:"";position:absolute;width:10px;height:10px;background:var(--stl-card-bg, #fff);transform:rotate(45deg);box-shadow:2px 2px 4px #0000000a;z-index:-1}.stl--arrows .stl__spot[data-position=top] .stl__card:before{bottom:-5px;left:50%;margin-left:-5px}.stl--arrows .stl__spot[data-position=bottom] .stl__card:before{top:-5px;left:50%;margin-left:-5px}.stl--arrows .stl__spot[data-position=left] .stl__card:before{right:-5px;top:50%;margin-top:-5px}.stl--arrows .stl__spot[data-position=right] .stl__card:before{left:-5px;top:50%;margin-top:-5px}.stl--no-arrows .stl__card:before{display:none!important}@media(max-width:749px){.stl__spot[aria-expanded=true] .stl__card:before{display:none!important}}@media(min-width:750px){.stl--transparent-card-desk .stl__card{background:transparent!important;box-shadow:none!important;padding:0!important;overflow:visible}.stl--transparent-card-desk .stl__card:before{display:none!important}.stl--transparent-card-desk .stl__card-title,.stl--transparent-card-desk .stl__card-price{text-shadow:0 1px 2px rgba(255,255,255,.7),0 1px 4px rgba(255,255,255,.5)}.stl--transparent-card-desk .stl__card-img{box-shadow:0 2px 8px #00000026}.stl--transparent-card-desk .stl__card-add{box-shadow:0 2px 8px #00000040}}@media(max-width:749px){.stl--transparent-card-mob .stl__card{background:transparent!important;box-shadow:none!important;padding:0!important;overflow:visible}.stl--transparent-card-mob .stl__card:before{display:none!important}.stl--transparent-card-mob .stl__card-title,.stl--transparent-card-mob .stl__card-price{text-shadow:0 1px 2px rgba(255,255,255,.7),0 1px 4px rgba(255,255,255,.5)}.stl--transparent-card-mob .stl__card-img{box-shadow:0 2px 8px #00000026}.stl--transparent-card-mob .stl__card-add{box-shadow:0 2px 8px #00000040}}.stl__card-inner{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;position:relative}.stl__card-img{position:relative;flex:0 0 auto;width:var(--stl-thumb-size, 56px);height:var(--stl-thumb-size, 56px);border-radius:4px;overflow:hidden;background:#0000000d;line-height:0;display:block;text-decoration:none;color:inherit}.stl__card-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s ease}.stl__card-img:hover img{transform:scale(1.05)}@media(min-width:750px){.stl--hide-image-desk .stl__card-inner{grid-template-columns:1fr}.stl--hide-image-desk .stl__card-img{display:none}}@media(max-width:749px){.stl--hide-image-mob .stl__card-inner{grid-template-columns:1fr}.stl--hide-image-mob .stl__card-img{display:none}}.stl__card-body{display:flex;flex-direction:column;gap:4px;min-width:0;text-align:left}.stl__card-title{font-size:var(--stl-card-title-size, 13px);font-weight:600;line-height:1.25;text-align:left;overflow:hidden;display:-webkit-box;-webkit-line-clamp:var(--stl-title-lines, 2);-webkit-box-orient:vertical;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;color:inherit;text-decoration:none}.stl__card-title:hover{text-decoration:underline}@media(min-width:750px){.stl--hide-title-desk .stl__card-title{display:none}}@media(max-width:749px){.stl--hide-title-mob .stl__card-title{display:none}}.stl__card-meta{display:flex;align-items:center;gap:8px;min-width:0}.stl__card-price{font-size:var(--stl-card-price-size, 12px);line-height:1.3;text-align:left;display:flex;flex-wrap:wrap;gap:6px;align-items:baseline;white-space:nowrap;flex:1;min-width:0}@media(min-width:750px){.stl--hide-price-desk .stl__card-price{display:none}}@media(max-width:749px){.stl--hide-price-mob .stl__card-price{display:none}}@media(min-width:750px){.stl--compact-card-desk .stl__card{width:auto;max-width:var(--stl-card-width, 220px);min-width:0}.stl--compact-card-desk .stl__card-price{flex:0 0 auto}}@media(max-width:749px){.stl--compact-card-mob .stl__card{width:auto;max-width:calc(100vw - 24px);min-width:0}.stl--compact-card-mob .stl__card-price{flex:0 0 auto}}.stl__card-price-current{font-weight:600}.stl__card-price-sale{color:#c0392b;font-weight:600}.stl__card-price-compare{text-decoration:line-through;opacity:.5;font-weight:400}.stl__card-price-from{font-weight:600;opacity:.85}.stl__card-add{flex:0 0 auto;width:28px;height:28px;border-radius:999px;border:0;padding:0;background:var(--stl-card-fg, #111);color:var(--stl-card-bg, #fff);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;position:relative;text-decoration:none;-webkit-tap-highlight-color:transparent;transition:transform .15s ease,background-color .2s ease}.stl__card-add:hover{transform:scale(1.08)}.stl__card-add:active{transform:scale(.94)}.stl__card-add:disabled{cursor:default;opacity:.7}@media(min-width:750px){.stl--hide-add-desk .stl__card-add{display:none}}@media(max-width:749px){.stl--hide-add-mob .stl__card-add{display:none}}@media(min-width:750px){.stl--no-add-bg-desk .stl__card-add{background:transparent;color:var(--stl-card-fg, #111)}.stl--no-add-bg-desk .stl__card-add:hover{background:#0000000f}}@media(max-width:749px){.stl--no-add-bg-mob .stl__card-add{background:transparent;color:var(--stl-card-fg, #111)}.stl--no-add-bg-mob .stl__card-add:hover{background:#0000000f}}.stl__card-add-icon,.stl__card-add-spinner,.stl__card-add-check{position:absolute;top:0;right:0;bottom:0;left:0;display:block;background-position:center;background-repeat:no-repeat;background-size:14px 14px;transition:opacity .18s ease,transform .18s ease}.stl__card-add-icon{-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M6 2L3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z'/><line x1='3' y1='6' x2='21' y2='6'/><path d='M16 10a4 4 0 0 1-8 0'/></svg>") center / 14px 14px no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M6 2L3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z'/><line x1='3' y1='6' x2='21' y2='6'/><path d='M16 10a4 4 0 0 1-8 0'/></svg>") center / 14px 14px no-repeat;background:currentColor}.stl__card-add-spinner{-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'><path d='M21 12a9 9 0 1 1-6.219-8.56'/></svg>") center / 14px 14px no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'><path d='M21 12a9 9 0 1 1-6.219-8.56'/></svg>") center / 14px 14px no-repeat;background:currentColor;opacity:0;transform:scale(.6)}.stl__card-add-check{-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='20 6 9 17 4 12'/></svg>") center / 14px 14px no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='20 6 9 17 4 12'/></svg>") center / 14px 14px no-repeat;background:currentColor;opacity:0;transform:scale(.6)}.stl__card-add[data-state=loading] .stl__card-add-icon{opacity:0;transform:scale(.6)}.stl__card-add[data-state=loading] .stl__card-add-spinner{opacity:1;transform:scale(1);animation:stl-spin .9s linear infinite}.stl__card-add[data-state=success] .stl__card-add-icon{opacity:0;transform:scale(.6)}.stl__card-add[data-state=success] .stl__card-add-check{opacity:1;transform:scale(1)}.stl__card-add[data-state=success]{background:#4caf50;color:#fff}.stl__card-add[data-state=error]{background:#c0392b;color:#fff}@keyframes stl-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.stl__card-add[data-state=loading] .stl__card-add-spinner{animation:none}}.stl__quick-buy-proxy{display:none!important}.stl__card .product__badges,.stl__card .product-badges,.stl__card .product-card-badges,.stl__card .product-tag,.stl__card .product-tags,.stl__card .product-label,.stl__card .product-labels,.stl__card .product-sticker,.stl__card .product__sticker,.stl__card .product-stickers,.stl__card .sticker,.stl__card .stickers,.stl__card .tag,.stl__card .tags,.stl__card .promo-tag,.stl__card .product-tip,.stl__card .product__tip,.stl__card .tip,.stl__card [class*=samita_productLabel],.stl__card [class*=samita-productLabel],.stl__card [class*=samita_label],.stl__card [class*=samita-label],.stl__card [class^=samita],.stl__card [class*=" samita"],.stl__card [class*=__content--],.stl__card .shape.__custom1,.stl__card .__custom1,.stl__card [class*=badge]:not([class^=stl__]):not([class*=" stl__"]),.stl__card [class*=-badge]:not([class^=stl__]):not([class*=" stl__"]),.stl__card [class*=sticker]:not([class^=stl__]):not([class*=" stl__"]),.stl__card [class*=-sticker]:not([class^=stl__]):not([class*=" stl__"]),.stl__card [class*=-tag]:not([class^=stl__]):not([class*=" stl__"]),.stl__card [class*=-tip]:not([class^=stl__]):not([class*=" stl__"]),.stl__card [class*=-label]:not([class^=stl__]):not([class*=" stl__"]),.stl__card [class*=productLabel]:not([class^=stl__]):not([class*=" stl__"]){display:none!important}@media(max-width:749px){.stl__card{width:min(220px,calc(100vw - 24px));max-width:calc(100vw - 24px);min-width:150px;padding:6px}.stl__card-img{width:44px;height:44px}.stl--no-arrows-mobile.stl--arrows .stl__card:before{display:none}}@media(max-width:399px){.stl__card{width:min(190px,calc(100vw - 20px));max-width:calc(100vw - 20px)}.stl__card-img{width:40px;height:40px}.stl__card-title,.stl__card-price{font-size:11px}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/shop-the-look-dynamic.css.map */