section#shop-the-look-popup{max-width:72px;height:120px;padding-bottom:0;position:fixed;bottom:170px;right:30px;border-radius:16px;z-index:31;background-color:#000;cursor:pointer;touch-action:manipulation}section#shop-the-look-popup .stl-close-button{width:24px;height:24px;background-color:#f60;border-radius:100%;position:absolute;top:-10px;right:-10px;z-index:3;display:flex;align-items:center;justify-content:center;cursor:pointer}section#shop-the-look-popup .shop-the-look{display:none}section#shop-the-look-popup .shop-the-look-wrapper{margin:0;padding:0;overflow:hidden;max-width:72px;height:120px;border:3px solid #000;border-radius:16px}section#shop-the-look-popup .shop-the-look-wrapper:before{content:"NOU";width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;z-index:2;background-color:#0000004d;color:#fff;font-size:1rem;font-weight:500;border-radius:16px}section#shop-the-look-popup.small .image_placeholder{height:114px;border-radius:10px;display:block;min-height:114px;width:100%;object-fit:cover}section#shop-the-look-popup.expanded .image_placeholder{display:none}section#shop-the-look-popup,section#shop-the-look-popup .shop-the-look-wrapper{transition:all .3s ease}section#shop-the-look-popup .shop-the-look{margin:0;padding:0}section#shop-the-look-popup .container .stl-column{min-width:100%!important;max-width:100%;margin:0}section#shop-the-look-popup section.shop-the-look .stl-column:hover{box-shadow:none;border-bottom-right-radius:0;border-bottom-left-radius:0}section#shop-the-look-popup .buttons-wrapper{display:none}section#shop-the-look-popup button.stl-navigation{border:none;background-color:#0000007f;padding:0;width:40px;height:40px;border-radius:100%;display:flex;justify-content:center;align-items:center;position:absolute;top:50%;transform:translateY(-50%);z-index:4;display:none}section#shop-the-look-popup button.stl-navigation:hover{background-color:#f60}section#shop-the-look-popup button.stl-navigation.stl-navigation-left{left:-20px}section#shop-the-look-popup button.stl-navigation.stl-navigation-right{right:-20px}section#shop-the-look-popup button.stl-navigation.stl-navigation-right svg{transform:rotate(180deg)}section#shop-the-look-popup .stl-produs{min-width:60px}section#shop-the-look-popup .stl-video-column .stl-produs{max-height:80px;min-height:80px}section#shop-the-look-popup .stl-column-button .vezi-toate-stl{margin:0}section#shop-the-look-popup .stl-column.stl-column-button{align-items:center;justify-content:center;background-color:#fff}section#shop-the-look-popup.small,section#shop-the-look-popup.small .shop-the-look-wrappe{max-width:72px;height:120px}section#shop-the-look-popup.small .shop-the-look{display:none}section#shop-the-look-popup.expanded .shop-the-look{display:block}.galerie-stl-uri-popup.expanded{position:fixed;width:100dvw;height:100dvh;top:0;left:0;background-color:#000000b3;z-index:2147483647}section#shop-the-look-popup.expanded .shop-the-look-wrapper:before,section#shop-the-look-popup.expanded .shop-the-look-wrapper:after{display:none}section#shop-the-look-popup.expanded{max-width:466px;min-width:466px}section#shop-the-look-popup.expanded .shop-the-look-wrapper{min-width:100%;min-height:100%}section#shop-the-look-popup.expanded .buttons-wrapper{display:flex}section#shop-the-look-popup.expanded button.stl-navigation{display:flex}section#shop-the-look-popup .shop-the-look-loader__wrapper{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;justify-content:center;align-items:center;background:#000;opacity:0;visibility:hidden;border-radius:16px;pointer-events:none;transition:opacity .12s ease,visibility .12s ease}section#shop-the-look-popup .shop-the-look-loader__wrapper.open-loader{opacity:1;visibility:visible}section#shop-the-look-popup .shop-the-look-loader{width:30px;aspect-ratio:1;border-radius:50%;border:4px solid #d3d3d3;animation:l20-1 .8s infinite linear alternate,l20-2 1.6s infinite linear}@keyframes l20-1{0%{clip-path:polygon(50% 50%,0 0,50% 0%,50% 0%,50% 0%,50% 0%,50% 0%)}12.5%{clip-path:polygon(50% 50%,0 0,50% 0%,100% 0%,100% 0%,100% 0%,100% 0%)}25%{clip-path:polygon(50% 50%,0 0,50% 0%,100% 0%,100% 100%,100% 100%,100% 100%)}50%{clip-path:polygon(50% 50%,0 0,50% 0%,100% 0%,100% 100%,50% 100%,0% 100%)}62.5%{clip-path:polygon(50% 50%,100% 0,100% 0%,100% 0%,100% 100%,50% 100%,0% 100%)}75%{clip-path:polygon(50% 50%,100% 100%,100% 100%,100% 100%,100% 100%,50% 100%,0% 100%)}to{clip-path:polygon(50% 50%,50% 100%,50% 100%,50% 100%,50% 100%,50% 100%,0% 100%)}}@keyframes l20-2{0%{transform:scaleY(1) rotate(0)}49.99%{transform:scaleY(1) rotate(135deg)}50%{transform:scaleY(-1) rotate(0)}to{transform:scaleY(-1) rotate(-135deg)}}@media screen and (max-width: 1200px){section#shop-the-look-popup{bottom:90px;right:22px}section#shop-the-look-popup .container{padding:0}}@media screen and (max-width: 992px){section#shop-the-look-popup section.shop-the-look .video-btns.safari{width:60px;height:60px}section#shop-the-look-popup section.shop-the-look .video-btns.safari.pause{width:47px;height:47px}section#shop-the-look-popup section.shop-the-look .video-btns.safari svg.video-play{width:40px;height:40px;margin-left:8px}}@media screen and (max-width: 767px){section#shop-the-look-popup.expanded{max-width:calc(100dvw - 50px);min-width:calc(100dvw - 50px);max-height:440px}}
/*# sourceMappingURL=/cdn/shop/t/131/assets/dc-stl-popup.css.map */