.shop-the-look-grid__grid{display:grid;grid-template-columns:1fr;gap:2px}@media(min-width:750px){.shop-the-look-grid__grid{grid-template-columns:repeat(3,1fr)}}.shop-the-look-grid__card{position:relative;min-height:0;overflow:hidden}.shop-the-look-grid__card-image-wrapper,.shop-the-look-grid__card-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.shop-the-look-grid__card-image-wrapper .responsive-image-wrapper,.shop-the-look-grid__card-image-wrapper .shop-the-look-grid__card-image{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0}.shop-the-look-grid__card-image-wrapper img,.shop-the-look-grid__card-placeholder .icon{width:100%;height:100%;object-fit:cover;object-position:center}.shop-the-look-grid__card-placeholder{background:var(--color-secondary, #f5f5f5);display:flex;align-items:center;justify-content:center}.shop-the-look-grid__card--ratio-square{aspect-ratio:1 / 1}.shop-the-look-grid__card--ratio-original{aspect-ratio:auto;min-height:200px}.shop-the-look-grid__card--ratio-tall{aspect-ratio:4 / 5}.shop-the-look-grid__card--ratio-wide{aspect-ratio:16 / 9}@media(max-width:749px){.shop-the-look-grid__card--ratio-original{aspect-ratio:4 / 5}}.shop-the-look-grid__open-modal{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;width:100%;height:100%;margin:0;padding:0;border:none;background:transparent;cursor:pointer;font:inherit;color:inherit;text-align:left;transition:opacity .2s ease}.shop-the-look-grid__open-modal:hover{opacity:1}.shop-the-look-grid__card-title{position:absolute;bottom:0;left:0;margin:.5rem;max-width:calc(100% - 3.5rem);padding-right:.5rem;font-size:.875rem;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.4)}@media(min-width:750px){.shop-the-look-grid__card-title{margin:1.25rem;max-width:calc(100% - 4.5rem);padding-right:.75rem}}.shop-the-look-grid__card-icon{position:absolute;bottom:0;right:0;margin:.5rem;display:flex;align-items:center;justify-content:center;width:16px;height:16px}.shop-the-look-grid__card-icon svg{width:16px;height:16px}@media(min-width:750px){.shop-the-look-grid__card-icon{margin:1.25rem;width:20px;height:20px}.shop-the-look-grid__card-icon svg{width:20px;height:20px}}.shop-the-look-grid__modal{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;min-height:100vh;min-height:100dvh;z-index:9999;display:flex;align-items:center;justify-content:center;padding:1rem;overflow:auto;isolation:isolate}.shop-the-look-grid__modal[hidden]{display:none!important}.shop-the-look-grid__modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;min-height:100vh;min-height:100dvh;background:#00000080;cursor:pointer;z-index:0}.shop-the-look-grid__modal-dialog{position:relative;z-index:1;width:100%;max-width:900px;overflow:hidden;display:flex;flex-direction:column;background:var(--color-background, #fff);box-shadow:0 25px 50px -12px #00000040;border-radius:4px}.shop-the-look-grid__modal-close{position:absolute;top:.75rem;right:.75rem;z-index:2;padding:.5rem;background:transparent;border:none;cursor:pointer;color:currentColor}.shop-the-look-grid__modal-close:hover{opacity:.8}.shop-the-look-grid__modal-panel{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.shop-the-look-grid__modal-panel[hidden]{display:none!important}.shop-the-look-grid__modal-layout{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;flex:1;min-height:0;overflow:hidden}@media(min-width:750px){.shop-the-look-grid__modal-layout{grid-template-columns:1fr 1fr}}.shop-the-look-grid__modal-image-wrap{position:relative;min-height:0;background:var(--color-secondary, #f5f5f5);overflow:hidden}.shop-the-look-grid__modal-image,.shop-the-look-grid__modal-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.shop-the-look-grid__modal-image img,.shop-the-look-grid__modal-image .theme-img{width:100%;height:100%;object-fit:cover;object-position:center}.shop-the-look-grid__modal-placeholder{display:flex;align-items:center;justify-content:center}.shop-the-look-grid__modal--height-adapt .shop-the-look-grid__modal-panel{flex:0 1 auto}.shop-the-look-grid__modal--height-adapt .shop-the-look-grid__modal-layout{grid-template-rows:auto;flex:0 1 auto}.shop-the-look-grid__modal--height-adapt .shop-the-look-grid__modal-image-wrap{min-height:0}.shop-the-look-grid__modal--height-adapt .shop-the-look-grid__modal-image,.shop-the-look-grid__modal--height-adapt .shop-the-look-grid__modal-placeholder{position:relative;height:auto;width:100%}.shop-the-look-grid__modal--height-adapt .shop-the-look-grid__modal-image img,.shop-the-look-grid__modal--height-adapt .shop-the-look-grid__modal-image .theme-img{position:relative;width:100%;height:auto;object-fit:contain;object-position:center;vertical-align:middle}.shop-the-look-grid__modal-content{padding:1.5rem;overflow-y:auto;min-height:0;display:flex;flex-direction:column}.shop-the-look-grid__modal-content--top{justify-content:flex-start}.shop-the-look-grid__modal-content--center{justify-content:center}.shop-the-look-grid__modal-content--bottom{justify-content:flex-end}.shop-the-look-grid__modal-title{margin:0 0 .75rem;font-size:1.25rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.shop-the-look-grid__modal-description{margin-bottom:1.25rem;font-size:.9375rem;line-height:1.5;color:var(--color-foreground-muted, #666)}.shop-the-look-grid__modal-products{display:flex;flex-direction:column;gap:1rem}.shop-the-look-grid__modal-product{display:grid;grid-template-columns:80px 1fr;gap:1rem;align-items:start;padding-bottom:1rem;border-bottom:1px solid var(--color-border, #eee)}.shop-the-look-grid__modal-product:last-child{padding-bottom:0;border-bottom:none}.shop-the-look-grid__modal-product-image-link,.shop-the-look-grid__modal-product-img-wrap{display:block;aspect-ratio:1;overflow:hidden;border-radius:4px;background:var(--color-secondary, #f5f5f5)}.shop-the-look-grid__modal-product-img-wrap img,.shop-the-look-grid__modal-product-img-wrap .theme-img{width:100%;height:100%;object-fit:cover}.shop-the-look-grid__modal-product-placeholder{width:100%;height:100%;min-height:80px;display:flex;align-items:center;justify-content:center;background:var(--color-secondary, #f5f5f5)}.shop-the-look-grid__modal-product-title{display:block;font-weight:500;margin-bottom:.25rem;text-decoration:none;color:inherit}.shop-the-look-grid__modal-product-title:hover{text-decoration:underline}.shop-the-look-grid__modal-product-price{margin-bottom:.5rem;font-size:.875rem}.shop-the-look-grid__variant-selector{margin-bottom:.5rem}.shop-the-look-grid__variant-label{display:block;font-size:.75rem;font-weight:500;margin-bottom:.25rem;color:var(--color-foreground-muted, #666)}.shop-the-look-grid__variant-select{width:100%;max-width:100%;padding:.375rem .5rem;font-size:.875rem;border:1px solid var(--color-border, #ddd);border-radius:4px;background:var(--color-background, #fff);color:inherit;cursor:pointer}.shop-the-look-grid__modal-product-actions{display:flex;flex-wrap:wrap;gap:.5rem}.shop-the-look-grid__modal-product-actions .btn{font-size:.8125rem;padding:.375rem .75rem}.shop-the-look-grid__quick-add-form{display:inline-block}.shop-the-look-grid__quick-add-form button[data-quick-add-btn].loading{opacity:.7;pointer-events:none}
/*# sourceMappingURL=/cdn/shop/t/65/assets/section-shop-the-look-grid.css.map */