wt-shop-the-look{display:block;cursor:pointer}html.wt-shop-the-look-on{overflow:hidden}html.wt-shop-the-look-on body{padding-right:var(--wt-stl-scrollbar-width, 0px)}body{--wt-stl-color-body-text: var(--color-body-text);--wt-stl-color-custom-text: var(--color-custom-text);--wt-stl-font-base: var(--font-base);--wt-stl-font-base-weight: var(--font-base-weight);--wt-stl-font-base-letter-spacing: var(--font-base-letter-spacing);--wt-stl-font-base-line-height: var(--font-base-line-height);--wt-stl-color-overlay: var(--color-overlay);--wt-stl-color-overlay-opacity: var(--color-overlay-opacity)}.wt-shop-the-look__dialog{--color-body-text: var(--wt-stl-color-body-text);--color-custom-text: var(--wt-stl-color-custom-text);--font-base: var(--wt-stl-font-base);--font-base-weight: var(--wt-stl-font-base-weight);--font-base-letter-spacing: var(--wt-stl-font-base-letter-spacing);--font-base-line-height: var(--wt-stl-font-base-line-height);--color-overlay: var(--wt-stl-color-overlay);--color-overlay-opacity: var(--wt-stl-color-overlay-opacity);position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:transparent;color:var(--color-body-text);font-family:var(--font-base);font-style:var(--font-base-style, normal);font-weight:var(--font-base-weight);font-size:var(--font-base-size, 1.6rem);letter-spacing:var(--font-base-letter-spacing, normal);line-height:var(--font-base-line-height, normal);text-transform:var(--font-base-transform, none);text-align:start;overflow:clip;cursor:default}.wt-shop-the-look__dialog::backdrop{background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;transition:opacity .3s ease-in-out}.wt-shop-the-look__dialog.is-open::backdrop{opacity:1}.wt-shop-the-look__layout{display:flex;justify-content:flex-end;height:100%;overflow:clip}.wt-shop-the-look__media{position:relative;overflow:clip}.wt-shop-the-look__media img{display:block;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .25s ease}.is-open .wt-shop-the-look__media.is-loaded img{opacity:1;transition:opacity .7s cubic-bezier(.25,.1,.25,1) .15s}.wt-shop-the-look__media--desktop{display:none}.wt-shop-the-look__media--mobile{aspect-ratio:var(--media-ratio, 4 / 3);max-height:50vh;width:100%}@media(min-width:900px){.wt-shop-the-look__media--desktop{display:block;flex:1 1 auto;min-width:0;height:100%}.wt-shop-the-look__media--mobile{display:none}}.wt-shop-the-look__drawer{display:flex;flex-direction:column;flex:0 0 auto;width:100%;max-width:50rem;height:100%;background:var(--color-background);transform:translate(100%);transition:transform .3s cubic-bezier(.12,.67,.53,1);will-change:transform}[dir=rtl] .wt-shop-the-look__drawer{transform:translate(-100%)}.is-open .wt-shop-the-look__drawer{transform:translate(0)}@media(prefers-reduced-motion:reduce){.wt-shop-the-look__drawer,.wt-shop-the-look__media img,.is-open .wt-shop-the-look__media.is-loaded img,.wt-shop-the-look__dialog::backdrop{transition:none}}.wt-shop-the-look__header{display:flex;justify-content:space-between;align-items:center;gap:calc(var(--gap, 8px) * 2);border-bottom:1px solid var(--color-border);padding:calc(var(--gap, 8px) * 2)}@media(min-width:900px){.wt-shop-the-look__header{padding:calc(var(--gap, 8px) * 2) calc(var(--gap, 8px) * 4)}}.wt-shop-the-look__heading-group{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 calc(var(--gap, 8px) * 1.5);min-width:0}.wt-shop-the-look__heading-group h2{margin:0}.wt-shop-the-look__count{opacity:.6;font-size:1.4rem}.wt-shop-the-look__close{display:flex;align-items:center;flex-shrink:0;padding:0;border:none;background:none;color:inherit;cursor:pointer}.wt-shop-the-look__close:hover{background:none}.wt-shop-the-look__body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain}.wt-shop-the-look__list{margin:0;padding:0 calc(var(--gap, 8px) * 2);list-style:none}@media(min-width:900px){.wt-shop-the-look__list{padding:0 calc(var(--gap, 8px) * 4)}}.wt-shop-the-look__item{display:grid;grid-template-columns:9.6rem minmax(0,1fr);grid-template-areas:"thumb heading" "form form";gap:calc(var(--gap, 8px) * 2);padding:calc(var(--gap, 8px) * 3) 0;border-bottom:1px solid var(--color-border)}.wt-shop-the-look__item:last-child{border-bottom:0}@media(min-width:900px){.wt-shop-the-look__item{grid-template-columns:10rem minmax(0,1fr)}}.wt-shop-the-look__thumb{grid-area:thumb;display:block;align-self:start;aspect-ratio:var(--thumb-ratio, 1);overflow:hidden;border-radius:var(--border-radius);background:var(--color-card-background, var(--color-background))}.wt-shop-the-look__thumb img,.wt-shop-the-look__thumb svg{display:block;width:100%;height:100%;object-fit:cover}.wt-shop-the-look__heading{grid-area:heading;display:flex;flex-direction:column;gap:calc(var(--gap, 8px) * .5)}.wt-shop-the-look__title{color:inherit;text-decoration:none;overflow-wrap:anywhere}.wt-shop-the-look__title:hover{text-decoration:underline}.wt-shop-the-look__price{font-size:var(--font-price-size);font-family:var(--font-price);font-style:var(--font-price-style);font-weight:var(--font-price-weight);text-transform:var(--font-price-transform, none)}.wt-shop-the-look__price .price{margin:0}.wt-shop-the-look__price .price-item{font-size:inherit}.wt-shop-the-look__form{grid-area:form;min-width:0;display:flex;flex-direction:column;gap:calc(var(--gap, 8px) * 1)}.wt-shop-the-look__form .product-form__error-message-wrapper{justify-content:flex-start;margin-bottom:0}.wt-shop-the-look__variant select{min-height:4.4rem;padding-left:calc(var(--gap, 8px) * 2);padding-right:calc(var(--gap, 8px) * 5);font-size:1.4rem;text-overflow:ellipsis}.wt-shop-the-look__actions{flex-wrap:nowrap;gap:calc(var(--gap, 8px) * 1)}.wt-shop-the-look__actions .counter-wrapper{flex:0 0 auto}.wt-shop-the-look__submit{flex:1 1 auto;min-width:0;position:relative}.wt-shop-the-look__submit [data-shop-the-look-label]{display:block;white-space:normal;text-wrap:balance}@media(max-width:899px){.wt-shop-the-look__submit{padding-left:calc(var(--gap, 8px) * 1.5);padding-right:calc(var(--gap, 8px) * 1.5);font-size:1.4rem}}.wt-shop-the-look__submit .loading-overlay__spinner{position:absolute;top:0;right:0;bottom:0;left:0;justify-content:center;align-items:center}
/*# sourceMappingURL=/cdn/shop/t/8/assets/shop-the-look.css.map */