.section-shop-outfit{padding:48px 0;border-top:1px solid #f4f4f4}.section-shop-outfit.a_b_test{visibility:hidden}.section-shop-outfit.a_b_test.active{visibility:visible}.shop-outfit-host.is-loading{display:none}.section-shop-outfit .shop-outfit__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.section-shop-outfit .shop-outfit__arrows{display:flex;gap:8px}.section-shop-outfit.is-static .shop-outfit__arrows{display:none}.section-shop-outfit .shop-outfit__arrow{position:relative;width:40px;height:40px;padding:0;border:1px solid #d8d8d8;border-radius:50%;background:#fff;color:#111;cursor:pointer;transition:background .2s,opacity .2s}.section-shop-outfit .shop-outfit__arrow:before{content:"";position:absolute;top:50%;left:50%;width:9px;height:9px;border-top:2px solid currentColor;border-right:2px solid currentColor}.section-shop-outfit .shop-outfit__arrow--prev:before{transform:translate(-30%,-50%) rotate(-135deg)}.section-shop-outfit .shop-outfit__arrow--next:before{transform:translate(-70%,-50%) rotate(45deg)}.section-shop-outfit .shop-outfit__arrow:hover:not(:disabled){background:#f4f4f4}.section-shop-outfit .shop-outfit__arrow:disabled{opacity:.3;cursor:default}.section-shop-outfit .shop-outfit__list{display:flex;gap:16px;margin:0;padding:0;list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.section-shop-outfit .shop-outfit__list::-webkit-scrollbar{display:none}.section-shop-outfit .shop-outfit__item{flex:0 0 calc((100% - 2 * 16px) / 3);margin:0;scroll-snap-align:start}.section-shop-outfit .shop-outfit__card{position:relative;aspect-ratio:var(--shop-outfit-ratio, 3 / 4);overflow:hidden;background:#f6f6f6}.section-shop-outfit .shop-outfit__card--photo img{display:block;width:100%;height:100%;object-fit:cover}.section-shop-outfit .shop-outfit__slot{position:absolute;display:block}.section-shop-outfit .shop-outfit__slot img{display:block;width:100%;height:auto;mix-blend-mode:multiply}.section-shop-outfit .shop-outfit__slot--top{left:-6%;top:0%;width:66%}.section-shop-outfit .shop-outfit__slot--cap{left:56%;top:4%;width:46%}.section-shop-outfit .shop-outfit__slot--bottom{left:15%;top:28%;width:70%}.section-shop-outfit .shop-outfit__slot--bag{left:-7%;top:65%;width:48%}.section-shop-outfit .shop-outfit__slot--accessory{left:55%;top:66%;width:45%}.section-shop-outfit .shop-outfit__dot{position:absolute;top:50%;left:50%;width:14px;height:14px;margin:-7px 0 0 -7px;border:2px solid #111;border-radius:50%;background:#fff;box-shadow:0 0 0 4px #fff9;z-index:3;opacity:0;transition:opacity .15s ease}.section-shop-outfit .shop-outfit__dot:before{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px}.section-shop-outfit .shop-outfit__card:hover .shop-outfit__dot,.section-shop-outfit .shop-outfit__card:focus-within .shop-outfit__dot,.section-shop-outfit .shop-outfit__slot.is-open .shop-outfit__dot{opacity:1}@media(hover:none){.section-shop-outfit .shop-outfit__dot{opacity:1}}.section-shop-outfit .shop-outfit__pop{position:absolute;top:0;left:0;width:min(240px,calc(100% - 16px));z-index:5;opacity:0;visibility:hidden;transition:opacity .15s ease,visibility 0s linear .15s}.section-shop-outfit .shop-outfit__slot.is-open+.shop-outfit__pop{opacity:1;visibility:visible;transition-delay:0s}.section-shop-outfit .shop-outfit__pop-link{display:flex;flex-direction:column;gap:4px;padding:10px 12px;background:#fff;box-shadow:0 2px 10px #00000026;color:#111;text-decoration:none}.section-shop-outfit .shop-outfit__pop-title{font-size:12px;font-weight:700;line-height:1.4}.section-shop-outfit .shop-outfit__pop-desc{display:-webkit-box;overflow:hidden;font-size:11px;line-height:1.5;color:#666;-webkit-line-clamp:2;-webkit-box-orient:vertical}.section-shop-outfit .shop-outfit__pop-price{font-size:12px}@media(max-width:767px){.section-shop-outfit{padding:32px 0}.section-shop-outfit .shop-outfit__arrow{width:32px;height:32px}.section-shop-outfit .shop-outfit__list{gap:8px}.section-shop-outfit .shop-outfit__item{flex-basis:82%}.section-shop-outfit .shop-outfit__item:only-child{flex-basis:100%}}
/*# sourceMappingURL=/cdn/shop/t/34/assets/shop-the-outfit.css.map */