.shop-the-look{padding:6.25rem 3.125rem 3.125rem;display:block}.shop-the-look__inner{display:grid}.shop-the-look__look-container{display:grid;grid-template-columns:repeat(2,1fr);background-color:rgb(var(--shop-the-look-bg));align-items:center}.shop-the-look__look-container[hidden]{display:none}.shop-the-look__scroll-container,.shop-the-look__image-container,.shop-the-look__products-container h2{opacity:1;transition:opacity .2s ease-in-out}.shop-the-look__look-container.fading-out .shop-the-look__scroll-container,.shop-the-look__look-container.fading-out .shop-the-look__image-container,.shop-the-look__look-container.fading-out.fade-heading .shop-the-look__products-container h2,.shop-the-look__look-container.fading-in .shop-the-look__scroll-container,.shop-the-look__look-container.fading-in .shop-the-look__image-container,.shop-the-look__look-container.fading-in.fade-heading .shop-the-look__products-container h2{opacity:0}.shop-the-look__inner h2{font-size:2.25rem;margin-bottom:1.5rem}.shop-the-look__inner h2:has(+.shop-the-look__swatches){margin-bottom:0}.shop-the-look__products-container{display:flex;flex-direction:column;padding:3.125rem;gap:1rem}.shop-the-look__product-item{border:1px solid #ddd;display:flex;align-items:stretch;scroll-snap-align:start}.shop-the-look__product-item:not(:last-of-type){margin-bottom:20px}.shop-the-look__scroll{scroll-snap-type:y mandatory;overflow-y:auto;max-height:500px;width:100%;height:100%}.shop-the-look__scroll-container{position:relative}.shop-the-look__scroll-shadow{width:100%;background:linear-gradient(180deg,#ede2d900,rgb(var(--shop-the-look-bg)));position:absolute;bottom:0;left:0;height:60px;transition:.2s all ease-in-out}.shop-the-look__product-image{width:40%;flex-shrink:0;display:flex;align-items:center}.shop-the-look__product-content{flex-direction:column;display:flex;padding:1rem;width:100%;background-color:#fff;justify-content:center}.shop-the-look__image-container img{object-fit:cover;width:100%;height:100%}.shop-the-look__image-container{width:100%;height:100%}.shop-the-look__product-vendor{font-size:.6875rem;line-height:1.6;margin-bottom:.25rem}.shop-the-look__product-title{line-height:1.2;font-size:1rem;margin-bottom:1rem}.shop-the-look__variant-blocks{display:inline-flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.5rem}.shop-the-look__variant-blocks input[type=radio]{display:none}.block-swatch{position:relative;overflow:hidden;margin-right:.25rem;margin-bottom:.25rem;padding:.4rem .25rem;border:1px solid transparent;background-color:#f5f4ee;line-height:1.45;min-width:40px;text-align:center;cursor:pointer;font-size:.75rem;font-weight:400}.block-swatch[disabled]{cursor:not-allowed}.block-swatch[disabled]:after{content:"";display:inline-block;width:125px;height:1px;background:#d4d4d4;position:absolute;z-index:2;top:100%;left:-20px;transform:rotate(35deg)}:checked+.block-swatch[disabled]{background-image:linear-gradient(to bottom right,#0000 50%,currentColor 50% calc(50% + 2px),#0000 calc(50% + 2px));z-index:2}:checked+.block-swatch,.block-swatch.is-selected{opacity:1;border-color:#000}:checked+.block-swatch span,.block-swatch.is-selected span{z-index:1}.shop-the-look__variants{margin-bottom:.5rem}.shop-the-look__atc{padding:.75rem;font-size:.7rem}.shop-the-look__product-content form.visually-hidden{display:none}.shop-the-look__swatches{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:.5rem}@media(max-width:700px){.shop-the-look__product-item{align-items:flex-start;flex-wrap:wrap}.shop-the-look__product-image{width:100%}}@media(max-width:1024px){.shop-the-look .wrapper{padding:0}.shop-the-look__look-container{flex-direction:column-reverse;display:flex}.shop-the-look{padding:2rem 0 0;display:block}.shop-the-look__products-container{padding:2rem}.shop-the-look__product-content{padding:1rem;width:100%}.shop-the-look__form{grid-column:span 2}.shop-the-look__product-title{font-size:.875rem}.shop-the-look__scroll{max-height:none;overflow-y:visible}.shop-the-look__scroll-shadow{display:none}}[hidden]{display:none}
/*# sourceMappingURL=/cdn/shop/t/169/assets/shop-the-look.css.map */