shop-the-look-filter{display:block}.shop-the-look-filters{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2.4rem}.shop-the-look-filters__chip{padding:1rem 2rem;border:0;border-radius:var(--btn-border-radius);background-color:rgba(var(--color-foreground) / .05);color:rgba(var(--color-foreground) / .6);font:inherit;font-size:var(--text-size-small);line-height:1.2;white-space:nowrap;cursor:pointer;transition:background-color var(--duration-default) ease,color var(--duration-default) ease}.shop-the-look-filters__chip:hover{background-color:rgba(var(--color-foreground) / .12);color:rgb(var(--color-foreground))}.shop-the-look-filters__chip[aria-pressed=true]{background-color:rgb(var(--btn-solid-bg-hover));color:rgb(var(--btn-solid-text-hover))}.shop-the-look-filters__chip:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}@media only screen and (max-width:767px){.shop-the-look-filters{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;margin-inline:calc(var(--fluid-offset, 2rem) * -1);padding-inline:var(--fluid-offset, 2rem)}.shop-the-look-filters::-webkit-scrollbar{display:none}}.shop-the-look-grid__item[hidden]{display:none}.shop-the-look-grid{display:grid;grid-auto-flow:dense;width:100%;align-items:start;gap:var(--column-gap, 1.6rem);grid:auto-flow dense var(--mobile-height) / repeat(2,minmax(0,1fr))}@media only screen and (min-width:768px){.shop-the-look-grid{grid:auto-flow dense var(--desktop-height) / repeat(var(--column-count, 4),minmax(0,1fr))}}.shop-the-look-grid__item{grid-area:span min(2,var(--shop-the-look-row-span-mobile)) / span min(2,var(--shop-the-look-column-span-mobile));height:100%;position:relative;display:block;width:100%;padding:0;margin:0;border:0;background:none;cursor:pointer;border-radius:var(--media-radius);overflow:hidden;text-align:inherit;font:inherit;color:inherit}@media only screen and (min-width:768px){.shop-the-look-grid__item{grid-area:span var(--shop-the-look-row-span) / span var(--shop-the-look-column-span)}}.shop-the-look-grid__item:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.shop-the-look-grid__media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden;background:var(--color-placeholder-bg)}.shop-the-look-grid__media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--duration-medium) var(--ease-out-slow)}.shop-the-look-grid__item:hover .shop-the-look-grid__media img,.shop-the-look-grid__item:focus-visible .shop-the-look-grid__media img{transform:scale(1.035)}.shop-the-look-grid__label{position:absolute;inset-inline-start:1.2rem;inset-block-end:1.2rem;z-index:1;display:inline-flex;align-items:center;gap:.6rem;padding:.9rem 1.5rem;border-radius:999px;background:rgb(var(--color-background) / .92);-webkit-backdrop-filter:blur(var(--backdrop-blur));backdrop-filter:blur(var(--backdrop-blur));font-size:var(--text-size-small);color:rgb(var(--color-foreground));box-shadow:var(--shadow-sm)}.shop-the-look-grid__label .icon{width:1.5rem;height:1.5rem}.shop-the-look-section__placeholder{padding:4rem 2rem;text-align:center;color:rgb(var(--color-foreground) / .6);border:1px dashed rgb(var(--color-border));border-radius:var(--media-radius)}shop-the-look-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;pointer-events:none}shop-the-look-modal.is-open{pointer-events:all}.shop-the-look__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(var(--color-overlay) / .6);-webkit-backdrop-filter:blur(var(--backdrop-blur));backdrop-filter:blur(var(--backdrop-blur));opacity:0;visibility:hidden;transition:opacity .25s var(--ease-out-slow),visibility .25s var(--ease-out-slow)}shop-the-look-modal.is-open .shop-the-look__overlay{opacity:1;visibility:visible}.shop-the-look__dialog{position:fixed;top:50%;left:50%;transform:translate3d(-50%,-47%,0);width:calc(100% - 4rem);max-width:104rem;height:88vh;max-height:88vh;background:rgb(var(--color-background));border-radius:var(--media-radius);overflow:hidden;opacity:0;visibility:hidden;isolation:isolate;transition:opacity .3s var(--ease-out-slow),transform .3s var(--ease-out-slow),visibility .3s var(--ease-out-slow);display:flex;will-change:transform,opacity}shop-the-look-modal.is-open .shop-the-look__dialog{opacity:1;visibility:visible;transform:translate3d(-50%,-50%,0)}.shop-the-look__media{flex:0 1 auto;height:100%;width:auto;aspect-ratio:var(--shop-the-look-media-ratio, .75);position:relative;overflow:hidden;background:var(--color-placeholder-bg)}.shop-the-look__media .responsive-image,.shop-the-look__media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;object-fit:contain}.shop-the-look__panel{flex:1 1 0%;min-width:32rem;min-height:0;display:flex;flex-direction:column}.shop-the-look__close{position:absolute;top:1.2rem;inset-inline-end:1.2rem;z-index:2}.shop-the-look__blurb{padding:2.8rem 2.8rem 0;margin:0;font-size:var(--text-size-small);color:rgb(var(--color-foreground) / .75);line-height:1.5}.shop-the-look__heading{padding:2.6rem 2.8rem 1.2rem;margin:0;font-family:var(--font-heading-family);font-size:var(--text-size-h5);border-bottom:1px solid rgb(var(--color-border));flex-shrink:0}.shop-the-look__list{list-style:none;margin:0;padding:2rem 2.8rem 2.8rem;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;flex:1;min-height:0;display:flex;flex-direction:column;gap:1.8rem}.shop-the-look__product{display:flex;align-items:center;gap:1.4rem}.shop-the-look__product-media{flex:0 0 7.2rem;width:7.2rem;height:7.2rem;border-radius:calc(var(--media-radius) * .6);overflow:hidden;background:var(--color-placeholder-bg);display:block}.shop-the-look__product-media img{width:100%;height:100%;object-fit:cover;display:block}.shop-the-look__product-info{flex:1;min-width:0}.shop-the-look__product-title{font-size:var(--text-size-base);margin:0 0 .3rem;color:rgb(var(--color-heading))}.shop-the-look__product-title-link{text-decoration:none;color:inherit}.shop-the-look__product-title-link:hover{text-decoration:underline}.shop-the-look__product-meta{font-size:var(--text-size-small);color:rgb(var(--color-foreground) / .6);margin:0 0 .6rem;text-transform:capitalize}.shop-the-look__product-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem}.shop-the-look__product-price{font-size:var(--text-size-small)}.shop-the-look__product-link{display:inline-flex;align-items:center;gap:.5rem;font-size:var(--text-size-small);white-space:nowrap;cursor:pointer}.shop-the-look__product-link .icon{width:1.3rem;height:1.3rem}.shop-the-look__product-bag{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:3.8rem;height:3.8rem;border-radius:50%;border:1px solid rgb(var(--color-border));background:transparent;cursor:pointer;position:relative;transition:background-color var(--duration-default) ease}.shop-the-look__product-bag:hover{background:rgb(var(--color-foreground) / .05)}.shop-the-look__product-bag .icon{width:1.6rem;height:1.6rem}.shop-the-look__product-bag .loading__spinner{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}body.shop-the-look-open{overflow:hidden}@media screen and (max-width:749px){.shop-the-look__dialog{top:0;left:0;transform:none;width:100%;height:100vh;height:100dvh;max-width:none;max-height:none;border-radius:0;flex-direction:column;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;will-change:opacity}shop-the-look-modal.is-open .shop-the-look__dialog{transform:none}.shop-the-look__close{position:fixed;background:rgb(var(--color-background) / .85);-webkit-backdrop-filter:blur(var(--backdrop-blur));backdrop-filter:blur(var(--backdrop-blur));border-radius:50%;padding:.6rem}.shop-the-look__media{flex:none;min-height:0;height:auto;overflow:visible}.shop-the-look__media .responsive-image{position:static;display:block;width:100%;height:auto}.shop-the-look__media img{position:static;width:100%;height:auto;object-fit:initial}.shop-the-look__panel{flex:none;min-height:0;overflow:visible}.shop-the-look__blurb,.shop-the-look__heading{padding-inline:2rem}.shop-the-look__blurb{padding-top:2rem}.shop-the-look__list{padding-inline:2rem;overflow-y:visible;flex:none}}
/*# sourceMappingURL=/cdn/shop/t/98/assets/shop-the-look.css.map */