.stlg{--stlg-cols: 3;--stlg-cols-mobile: 1;--stlg-gap: 8px;--stlg-ratio: 4 / 5;--stlg-max-width: 100%;--stlg-inline-pad: 0px;width:100%}.stlg__inner{max-width:var(--stlg-max-width);margin-inline:auto;padding-inline:var(--stlg-inline-pad)}.stlg__heading{margin:0 0 24px;font-size:clamp(1.5rem,3vw,2.25rem);font-weight:600;text-transform:uppercase;letter-spacing:-.02em;line-height:1.15}.stlg--heading-center .stlg__heading{text-align:center}.stlg--heading-left .stlg__heading{text-align:left}.stlg__items{display:grid;grid-template-columns:repeat(var(--stlg-cols),minmax(0,1fr));gap:var(--stlg-gap);align-items:start}.stlg__tile{position:relative;min-width:0}.stlg__media{position:relative;overflow:hidden;border-radius:var(--stlg-radius, 12px);aspect-ratio:var(--stlg-tile-ratio, var(--stlg-ratio));background:#f9f6f2;cursor:pointer}.stlg__media--auto{aspect-ratio:auto}.stlg__image{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,0,.2,1)}.stlg__media--auto .stlg__image{height:auto}@media(hover:hover){.stlg__tile:hover .stlg__image{transform:scale(1.03)}}.stlg__placeholder{width:100%;height:100%;background:#d5e3e3}.stlg__badge{position:absolute;top:16px;left:16px;z-index:2;background:#07183599;color:#f9f6f2;font-size:11px;font-weight:500;line-height:1;letter-spacing:0;padding:5px 12px;border-radius:6px}.stlg__cta{position:absolute;z-index:2;cursor:pointer;display:inline-flex;align-items:center;gap:8px;line-height:1;font-family:var(--button-font-family-primary);font-weight:var(--button-font-weight-primary, 400);text-transform:var(--button-text-case-primary);border:none;transition:opacity .3s ease,background-color .15s ease}.stlg__cta svg{flex-shrink:0}.stlg__cta--chip{bottom:16px;left:16px;background:#f9f6f2f2;color:#071835;padding-block:calc(var(--button-padding-block) + var(--button-text-optical-shift, .075em)) calc(var(--button-padding-block) - var(--button-text-optical-shift, .075em));padding-inline:var(--button-padding-inline);border-radius:var(--style-border-radius-buttons-primary);font-size:var(--font-paragraph--size);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.stlg__cta--chip:hover{background:#f9f6f2}.stlg__cta--text{bottom:18px;left:50%;transform:translate(-50%);background:none;color:#fff;padding:6px 10px;font-size:14px;text-shadow:0 1px 6px rgba(0,0,0,.45)}.stlg__cta--text:hover{text-decoration:underline;text-underline-offset:3px}.stlg--cta-hover .stlg__cta{opacity:0}@media(hover:none){.stlg--cta-hover .stlg__cta{opacity:1}}.stlg--cta-hover .stlg__tile:hover .stlg__cta,.stlg--cta-hover .stlg__cta:focus-visible{opacity:1}.stlg__overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;background:#07183526;opacity:0;pointer-events:none;transition:opacity .3s}.stlg__overlay.is-open{opacity:1;pointer-events:auto}.stlg__drawer{position:fixed;top:0;right:0;bottom:0;z-index:1000;width:360px;max-width:85%;background:#f9f6f2;border-left:1px solid #d5e3e3;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}.stlg__overlay.is-open .stlg__drawer{transform:translate(0)}.stlg__drawer-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #d5e3e3;flex-shrink:0}.stlg__drawer-title{display:flex;align-items:baseline;gap:6px}.stlg__drawer-heading{font-size:14px;font-weight:500}.stlg__drawer-count{font-size:12px;color:#666}.stlg__close{background:none;border:none;padding:4px;cursor:pointer;color:#071835;display:flex;align-items:center;justify-content:center}.stlg__close:hover{opacity:.7}.stlg__drawer-products{flex:1;overflow-y:auto;padding:8px 0}.stlg__product{display:flex;gap:12px;padding:12px 16px;align-items:flex-start}.stlg__product-image-link{flex-shrink:0;text-decoration:none;color:inherit}.stlg__product-image{width:72px;height:72px;border-radius:6px;overflow:hidden;border:1px solid #f9f6f2;flex-shrink:0}.stlg__product-image img,.stlg__product-image svg{width:100%;height:100%;object-fit:cover;display:block}.stlg__product-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.stlg__product-title-link{text-decoration:none;color:inherit}.stlg__product-title{font-size:var(--font-paragraph--size);font-weight:var(--font-paragraph--weight);font-family:var(--font-paragraph--family);color:var(--color-foreground);line-height:var(--font-paragraph--line-height);margin:0}.stlg__product-body .stc-options,.stlg__product-body .stc-options.stc-options--single{grid-template-columns:1fr;gap:4px;width:100%}.stlg__product-body .stc-select-display{font-size:12px}.stlg__product-pricing{display:flex;align-items:baseline;gap:6px}.stlg__product-price{font-size:var(--font-paragraph--size);font-weight:var(--font-paragraph--weight);color:var(--color-foreground)}.stlg__product-compare-price{font-size:var(--font-paragraph--size);color:#a6a6a6;text-decoration:line-through}.stlg__product-compare-price[hidden]{display:none}.stlg__add-btn{background:none;font-family:var(--button-font-family-primary, var(--font-body--family));font-weight:var(--button-font-weight-primary, 400);text-transform:var(--button-text-case-primary);font-size:var(--font-paragraph--size);letter-spacing:0;border:1px solid #ccc;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;line-height:1;padding-block:calc(9px + var(--button-text-optical-shift, .075em)) calc(9px - var(--button-text-optical-shift, .075em));padding-inline:14px;cursor:pointer;flex-shrink:0;white-space:nowrap;margin-top:2px;align-self:flex-start;transition:background-color .15s,border-color .15s,color .15s}.stlg__add-btn:hover:not(:disabled),.stlg__add-btn:focus-visible:not(:disabled){background-color:var(--color-primary-button-hover-background);color:var(--color-primary-button-hover-text);border-color:var(--color-primary-button-hover-border)}.stlg__add-btn:disabled{opacity:.5;cursor:not-allowed}.stlg__add-btn.is-added{background:#f9f6f2;color:#2d7a2d;border-color:#b5e2b5}.stlg__drawer-footer{padding:12px 16px;border-top:1px solid #d5e3e3;flex-shrink:0}.stlg__add-all{width:100%;padding-block:calc(var(--button-padding-block) + var(--button-text-optical-shift, .075em)) calc(var(--button-padding-block) - var(--button-text-optical-shift, .075em));padding-inline:var(--button-padding-inline);background:#071835;color:#f9f6f2;border:none;border-radius:var(--style-border-radius-buttons-primary);font-family:var(--button-font-family-primary);font-size:var(--font-paragraph--size);font-weight:var(--button-font-weight-primary, 400);text-transform:var(--button-text-case-primary);cursor:pointer;transition:opacity .15s}.stlg__add-all:hover,.stlg__add-all:focus-visible{background:#f9f6f2;color:#071835;box-shadow:inset 0 0 0 1px #071835;opacity:1}.stlg__product--empty{padding:12px 16px;font-size:12px;color:#666}@media(max-width:768px){.stlg__items{grid-template-columns:repeat(var(--stlg-cols-mobile),minmax(0,1fr))}.stlg__badge{top:12px;left:12px}.stlg__cta--chip{bottom:12px;left:12px;padding:8px 14px;font-size:12px}.stlg__cta--text{bottom:12px;font-size:13px}.stlg__drawer{width:100%;max-width:100%}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/shop-the-look-grid.css.map */