.shop-the-look{background:var(--stl-background, transparent);padding-top:var(--stl-padding-top);padding-bottom:var(--stl-padding-bottom);padding-left:var(--stl-padding-left);padding-right:var(--stl-padding-right)}.shop-the-look__inner{width:100%}.shop-the-look__heading .heading{display:block;text-align:var(--block-align-desktop, left)!important}.shop-the-look__text .text{display:block;text-align:var(--block-align-desktop, left)!important;color:var(--color-text-secondary, #6b7280)}.shop-the-look__button{display:flex;justify-content:var(--stl-button-align-desktop, flex-start)}@media (max-width: 768px){.shop-the-look__heading .heading,.shop-the-look__text .text{text-align:var(--block-align-mobile, left)!important}.shop-the-look__button{justify-content:var(--stl-button-align-mobile, flex-start)}}.looks-container{width:100%}.looks-container__carousel{display:flex;gap:var(--looks-gap, 8px);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.looks-container__carousel::-webkit-scrollbar{display:none}.looks-container--radius-none .look-card{border-radius:0}.looks-container--radius-small .look-card{border-radius:var(--radius-md, 4px)}.looks-container--radius-medium .look-card{border-radius:var(--radius-lg, 8px)}.looks-container--radius-large .look-card{border-radius:var(--radius-xl, 12px)}.look-card{flex-shrink:0;position:relative;width:var(--looks-card-width, 280px);aspect-ratio:var(--looks-card-ratio-desktop, 3/4);overflow:hidden;scroll-snap-align:start;cursor:pointer;border-radius:var(--radius-lg, 8px)}.look-card__media{width:100%;height:100%;object-fit:var(--looks-media-fit, cover);display:block;transition:transform .4s ease}.look-card:hover .look-card__media{transform:scale(1.03)}.look-card__media--desktop{display:block}.look-card__media--mobile{display:none}.look-card__placeholder{width:100%;height:100%;background:var(--color-fill-default, #f3f4f6);display:flex;align-items:center;justify-content:center}.look-card__placeholder .placeholder-svg{width:100%;height:100%;fill:var(--color-neutral-4, #d1d5db)}.look-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.5) 0%,transparent 50%);display:flex;flex-direction:column;justify-content:flex-end;padding:var(--space-4, 16px)}.look-card__title{font-size:16px;font-weight:600;font-family:var(--font-heading--family);color:#fff;margin:0}.look-card__badge{position:absolute;bottom:var(--space-3, 12px);right:var(--space-3, 12px);display:flex;align-items:center;gap:var(--space-1, 4px);padding:var(--space-2, 8px) var(--space-3, 12px);background:var(--color-background, white);border:none;border-radius:var(--radius-full, 100px);font-size:14px;font-weight:600;font-family:var(--font-body--family);color:var(--color-text-primary, #111);box-shadow:var(--shadow-md);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.look-card__badge:hover{transform:scale(1.05)}.look-card__badge [data-lucide]{width:1rem;height:1rem}.looks-container__nav{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-6, 24px)}.looks-container__progress{flex:1;height:3px;background:var(--color-border-default, #e5e7eb);border-radius:2px;margin-right:var(--space-6, 24px);overflow:hidden}.looks-container__progress-bar{height:100%;background:var(--color-primary-6, #111);width:10%;border-radius:2px;transition:width .3s ease}.looks-container__arrows{display:flex;gap:var(--space-2, 8px)}.looks-container__arrow{width:2.75rem;height:2.75rem;border-radius:var(--radius-full, 100px);border:1px solid var(--color-border-default, #e5e7eb);background:var(--color-background, white);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:var(--color-text-primary, #111)}.looks-container__arrow:hover{border-color:var(--color-primary-6, #111);background:var(--color-primary-6, #111);color:var(--color-text-inverse, white)}.looks-container__arrow [data-lucide]{width:1.25rem;height:1.25rem}.stl-drawer__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;z-index:1000}.stl-drawer__backdrop.open{opacity:1;visibility:visible}.stl-drawer{position:fixed;bottom:0;left:0;right:0;background:var(--color-background, white);border-radius:var(--radius-xl, 12px) var(--radius-xl, 12px) 0 0;max-height:70vh;transform:translateY(100%);transition:transform .3s ease;z-index:1001;display:flex;flex-direction:column}.stl-drawer.open{transform:translateY(0)}@media (min-width: 769px){.stl-drawer{top:0;bottom:0;left:auto;right:0;width:400px;max-width:100%;max-height:100%;border-radius:0;transform:translate(100%)}.stl-drawer.open{transform:translate(0)}}.stl-drawer__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4, 16px) var(--space-5, 20px);border-bottom:1px solid var(--color-border-default, #e5e7eb)}.stl-drawer__title{font-size:18px;font-weight:600;font-family:var(--font-heading--family);color:var(--color-text-primary, #111);margin:0}.stl-drawer__close{width:2.25rem;height:2.25rem;border-radius:var(--radius-full, 100px);border:none;background:var(--color-fill-default, #f3f4f6);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease;color:var(--color-text-primary, #111)}.stl-drawer__close:hover{background:var(--color-fill-heavy, #e5e7eb)}.stl-drawer__close [data-lucide]{width:1.25rem;height:1.25rem}.stl-drawer__content{flex:1;overflow-y:auto;padding:0}.stl-drawer__footer{padding:var(--space-4, 16px) var(--space-5, 20px);border-top:1px solid var(--color-border-default, #e5e7eb)}.stl-drawer__add-all{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--space-2, 8px);padding:var(--space-4, 16px);background:var(--color-primary-6, #111);color:var(--btn-primary-text, white);border:none;border-radius:var(--radius-full, 100px);font-size:14px;font-weight:600;font-family:var(--font-body--family);cursor:pointer;transition:opacity .2s ease}.stl-drawer__add-all:hover{opacity:.9}.stl-drawer__add-all:disabled{opacity:.7;cursor:not-allowed}.stl-drawer__add-all [data-lucide]{width:1.25rem;height:1.25rem}.stl-product{display:flex;align-items:flex-start;gap:var(--space-4, 16px);padding:var(--space-4, 16px) var(--space-5, 20px);border-bottom:1px solid var(--color-fill-default, #f3f4f6)}.stl-product__link{flex-shrink:0}.stl-product__details{flex:1;min-width:0}.stl-product__info{display:block;text-decoration:none;transition:opacity .2s ease}.stl-product__info:hover{opacity:.7}.stl-product__image{width:64px;height:64px;border-radius:var(--radius-lg, 8px);background:var(--color-fill-default, #f3f4f6);overflow:hidden;flex-shrink:0}.stl-product__image img{width:100%;height:100%;object-fit:cover}.stl-product__title{font-size:14px;font-weight:600;font-family:var(--font-body--family);color:var(--color-text-primary, #111);margin:0 0 var(--space-1, 4px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stl-product__price{display:flex;align-items:center;gap:var(--space-2, 8px)}.stl-product__price-current{font-size:14px;font-weight:500;font-family:var(--font-body--family);color:var(--color-text-primary, #111)}.stl-product__price-current--sale{color:var(--color-danger-6, #ef4444)}.stl-product__price-compare{font-size:14px;font-weight:500;font-family:var(--font-body--family);color:var(--color-text-tertiary, #9ca3af);text-decoration:line-through}.stl-product__variants{margin-top:var(--space-3, 12px)}.stl-product__variant-select{width:100%;padding:var(--space-2, 8px) var(--space-3, 12px);font-size:14px;font-family:var(--font-body--family);border:1px solid var(--color-border-default, #e5e7eb);border-radius:var(--radius-lg, 8px);background:var(--color-background, white);color:var(--color-text-primary, #111);cursor:pointer;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:36px}.stl-product__variant-select:focus{outline:none;border-color:var(--color-primary-6, #111)}.stl-product__variant-select option:disabled{color:var(--color-text-tertiary, #9ca3af)}@media (max-width: 768px){.shop-the-look{padding:var(--stl-padding-top, 32px) var(--stl-padding-right, 12px) var(--stl-padding-bottom, 32px) var(--stl-padding-left, 12px)}.look-card{width:var(--looks-card-width-mobile, 200px);aspect-ratio:var(--looks-card-ratio-mobile, 3/4)}.look-card__media--desktop{display:none}.look-card__media--mobile{display:block}.look-card:not(:has(.look-card__media--mobile)) .look-card__media--desktop{display:block}.looks-container__progress{display:none}.look-card__badge{padding:var(--space-2, 8px) var(--space-3, 12px)}.looks-container__arrow{width:2.5rem;height:2.5rem}.looks-container__arrow [data-lucide]{width:1.125rem;height:1.125rem}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/shop-the-look.css.map */