.section-look{overflow:hidden;position:relative;z-index:9}.section-look .look{position:relative}.section-look [data-grid]{max-width:100%}.look__dot__holder{position:absolute;z-index:1;width:24px;height:24px;box-shadow:0 0 0 10px rgb(var(--color-foreground)) inset,0 0 6px #0003;background-color:#fff0;border-radius:50%;font-size:0;transform:translate(-50%,-50%);top:var(--DOT-TOP-DESKTOP);left:var(--DOT-LEFT-DESKTOP)}@media only screen and (max-width: 767px){.look__dot__holder{top:var(--DOT-TOP-MOBILE);left:var(--DOT-LEFT-MOBILE)}}.look__dot__holder:after{content:"";position:absolute;top:50%;left:50%;width:36px;height:36px;opacity:0;border:1px solid rgb(var(--color-foreground));border-radius:50%;transform:translate(-50%,-50%);transition:opacity .2s,transform .2s}.look__dot__holder:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background-color:rgb(var(--color-foreground));opacity:.5;transform:translate(-50%,-50%);transition:width .2s,height .2s,transform .2s}.look__dot__holder:hover:after,.look__dot__holder.is-focused:after,.look__dot__holder.is-active:after{opacity:1}.look__dot__holder:hover:before,.look__dot__holder.is-focused:before,.look__dot__holder.is-active:before{width:34px;height:34px}.look__dot__holder:hover .look__dot,.look__dot__holder.is-focused .look__dot,.look__dot__holder.is-active .look__dot{opacity:1;transition:opacity .2s .1s,transform .2s}.look__dot__holder:hover .look__dot:before,.look__dot__holder:hover .look__dot:after,.look__dot__holder.is-focused .look__dot:before,.look__dot__holder.is-focused .look__dot:after,.look__dot__holder.is-active .look__dot:before,.look__dot__holder.is-active .look__dot:after{opacity:1;transition:opacity .2s .2s}.look__dot{overflow:hidden;position:absolute;top:50%;left:50%;z-index:2;width:22px;height:22px;padding:0;opacity:0;border-radius:50%;transform:translate(-50%,-50%);transition:opacity .2s,transform .2s}.is-active>.look__dot{transform:translate(-50%,-50%) rotate(45deg)}.look__dot:before{content:"";position:absolute;top:50%;left:50%;width:var(--ICON-STROKE-WIDTH);height:10px;background-color:currentcolor;transform:translate(-50%,-50%);opacity:0;transition:opacity .2s,transform .2s}.look__dot:after{content:"";position:absolute;top:50%;left:50%;width:10px;height:var(--ICON-STROKE-WIDTH);background-color:currentcolor;transform:translate(-50%,-50%);opacity:0;transition:opacity .2s,transform .2s}.look__dot__pulse{position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%);pointer-events:none}.look__dot__pulse:before,.look__dot__pulse:after{content:"";position:absolute;top:0;left:0;width:23px;height:23px;background-color:rgb(var(--color-foreground));opacity:.3;border-radius:50%;transition:width .2s,height .2s;animation:pulse 2.5s linear infinite}.look__dot__pulse:after{animation:pulse-small 2.5s linear infinite}.is-active>.look__dot__pulse:before,.is-active>.look__dot__pulse:after,.look__dot__holder:hover>.look__dot__pulse:before,.look__dot__holder:hover>.look__dot__pulse:after{animation:none}@keyframes pulse{0%{transform:scale(0);opacity:0}59%{transform:scale(0);opacity:0}60%{transform:scale(1);opacity:.05}80%{opacity:.15}to{transform:scale(4);opacity:0}}@keyframes pulse-small{0%{transform:scale(0);opacity:0}74%{transform:scale(0);opacity:0}75%{transform:scale(1);opacity:.15}to{transform:scale(3);opacity:0}}.look__products__holder{visibility:hidden;position:absolute;top:50%;z-index:10;width:245px;padding:20px;background-color:rgb(var(--color-background));transform:translateY(-50%);opacity:0;transition:visibility .3s,opacity .3s,bottom .3s;box-shadow:0 0 9px #0003}.look__products__holder.is-expanded{visibility:visible;opacity:1}@media only screen and (max-width: 767px){.look__products__holder.is-expanded{overflow:hidden}}.look__products__holder.look__products__holder--slides{transform:translateY(calc(-50% - 22px))}@media only screen and (max-width: 767px){.look__products__holder.look__products__holder--slides{transform:translateY(0);z-index:800}}@media only screen and (min-width: 768px) and (max-width: 1099px){.look__products__holder{width:200px}}@media only screen and (max-width: 767px){.look__products__holder{overflow-y:auto;position:fixed;top:auto;bottom:-100%;width:100%;max-height:calc(100vh - var(--header-height) * 2);padding:50px 20px 20px;transform:translateY(0)}.look__products__holder.is-expanded{bottom:30px}}.look__products__holder--right{right:100px}@media only screen and (min-width: 768px) and (max-width: 1099px){.look__products__holder--right{right:var(--outer)}}@media only screen and (max-width: 767px){.look__products__holder--right{left:0;right:0}.loog-book-container{padding:0}}.look__products__holder--left{left:100px}@media only screen and (min-width: 768px) and (max-width: 1099px){.look__products__holder--left{left:var(--outer)}}@media only screen and (max-width: 767px){.look__products__holder--left{left:0;right:0}}.look__products__holder__close{position:absolute;top:10px;right:20px;display:none;width:30px;height:30px;border-radius:50%;justify-content:center;align-items:center}.look__products__holder__close svg{display:block;width:12px}@media only screen and (max-width: 767px){.look__products__holder__close{display:flex}}.look__dot svg{width:12px;height:12px}.section-look .look__dot{display:flex;align-items:center;justify-content:center}.section-look .look__dot:before,.section-look .look__dot:after{display:none}@media only screen and (min-width: 768px){.look-flex__inner-image{position:relative}.look-flex__inner--product{flex:0 0 50%;display:none;position:relative;top:auto;width:50%;transform:none!important;right:auto;height:100%;box-shadow:none;padding-top:70px;padding-bottom:70px}.look__slider{max-width:435px}.look__products__holder.is-expanded{display:block}}.look-flex{display:flex;align-items:stretch}.look-flex__inner-image{flex:1;line-height:0}.look-flex__inner--product .swiper-slide{height:auto}.look-flex__inner--product .product-card{padding:16px;background:#f5f5f5;border-radius:8px;height:100%}.look-flex__inner--product [data-grid]{margin:0;padding:0}.product-item__content{text-align:left}.product-item__content{padding:16px}.section-look .swiper-navigation-wrapper{background-color:transparent;display:flex;align-items:center;justify-content:center;gap:12px;margin-top:24px;margin-bottom:20px}.section-look .swiper-button-next,.section-look .swiper-button-prev{width:45px;height:45px;cursor:pointer;left:auto;right:auto;top:auto;bottom:auto;position:relative;margin:0;transform:translate(0);transition:all .3s;color:rgb(var(--color-foreground));border-radius:0;box-shadow:none}.section-look .swiper-button-next svg,.section-look .swiper-button-prev svg{object-fit:contain;transform-origin:center;width:auto;height:auto;animation:none}.arrow-circle{transition:stroke-opacity .3s ease;stroke-opacity:0}.section-look .swiper-button-prev .arrow-head,.section-look .swiper-button-prev .arrow-line{transition:transform .3s ease;transform:translate(5px)}.section-look .swiper-button-next .arrow-head,.section-look .swiper-button-next .arrow-line{transition:transform .3s ease;transform:translate(-5px)}.section-look .swiper-button-prev:hover .arrow-circle,.section-look .swiper-button-next:hover .arrow-circle{stroke-opacity:1}.section-look .swiper-button-prev:hover .arrow-head,.section-look .swiper-button-prev:hover .arrow-line,.section-look .swiper-button-next:hover .arrow-head,.section-look .swiper-button-next:hover .arrow-line{transform:translate(0)}.section-look .swiper-button-next:hover,.section-look .swiper-button-prev:hover{-webkit-transition:all .3s cubic-bezier(.42,0,.58,1);-moz-transition:all .3s cubic-bezier(.42,0,.58,1);-o-transition:all .3s cubic-bezier(.42,0,.58,1);transition:all .3s cubic-bezier(.42,0,.58,1)}.section-look .pagination-wrap{background-color:transparent}.section-look .pagination-wrap .swiper-pagination{position:relative;display:flex;align-items:center;top:auto;bottom:auto;right:auto;left:auto;transform:none;padding:0}.section-look .swiper-pagination-bullet{border:0;background-color:transparent;width:12px;height:12px;opacity:1;transition:.3s ease;border-radius:50%;outline:1px solid rgb(var(--color-foreground));color:var(--text);opacity:.6;display:flex;align-items:center;justify-content:center;outline-offset:4px}.section-look .swiper-pagination-bullet-active{color:rgb(var(--color-foreground));background-color:rgb(var(--color-foreground));width:12px;height:12px;transition:.3s ease}.section-look .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.section-look .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 10px}.look-flex__inner-image img{max-width:100%;height:100%;width:100%;object-fit:cover}.section-look .section-title{margin:0}.section-look .section-title-header{margin-bottom:4rem}
/*# sourceMappingURL=/cdn/shop/t/18/assets/section-look.css.map */