.lookbook-grid{display:grid;grid-template-columns:repeat(var(--lookbook-columns-mobile, 1),minmax(0,1fr));gap:var(--lookbook-gap-mobile, 1.2rem)}.lookbook-grid__card{position:relative;overflow:hidden;background:rgb(var(--color-foreground) / .04)}.lookbook-grid__media{position:relative}.lookbook-grid__frame{position:relative;display:block;overflow:hidden;background:rgb(var(--color-foreground) / .04);aspect-ratio:var(--lookbook-ratio, 2 / 3)}.lookbook-grid__frame--grid{min-height:22rem}.lookbook-grid__frame--dialog{flex:0 1 auto;width:100%;max-width:100%;max-height:68vh;border-radius:2rem;background:rgb(var(--color-background))}.lookbook-grid__asset,.lookbook-grid__frame>viewport-media,.lookbook-grid__frame>.placeholder-image,.lookbook-grid__asset-media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.lookbook-grid__asset{display:block}.lookbook-grid__asset img,.lookbook-grid__asset video,.lookbook-grid__asset .video-placeholder,.lookbook-grid__asset-media{width:100%;height:100%}.lookbook-grid__asset--cover img,.lookbook-grid__asset--cover video,.lookbook-grid__asset--cover .video-placeholder{object-fit:cover}.lookbook-grid__asset--contain img,.lookbook-grid__asset--contain video,.lookbook-grid__asset--contain .video-placeholder,.lookbook-grid__asset-media--contain{object-fit:contain;object-position:center}.lookbook-grid__poster{background:rgb(var(--color-foreground) / .04)}.lookbook-grid__trigger{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;justify-content:flex-start;width:100%;min-height:4.8rem;padding:1.6rem;border:0;background:linear-gradient(180deg,#00000005,#00000085);color:#fff;text-align:left;cursor:pointer;transition:background-color .25s ease,opacity .25s ease}.lookbook-grid__trigger:focus-visible{outline:.2rem solid currentColor;outline-offset:-.4rem}.lookbook-grid__trigger-content{display:grid;gap:.4rem;pointer-events:none}.lookbook-grid__eyebrow,.lookbook-grid__hint{font-size:1.1rem;letter-spacing:.12em;text-transform:uppercase}.lookbook-grid__title{margin:0;font-size:clamp(1.6rem,1.2rem + .8vw,2.2rem);line-height:1.08}.lookbook-grid__hint{opacity:.85}.lookbook-grid__dialog{width:min(112rem,calc(100vw - 3.2rem));max-width:none;max-height:calc(100dvh - 3.2rem);padding:0;border:0;background:transparent;color:rgb(var(--color-foreground));overflow:visible}.lookbook-grid__dialog::backdrop{background:#0e0e0eb8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.lookbook-grid__dialog[open] .lookbook-grid__dialog-card{animation:lookbook-dialog-in .22s cubic-bezier(.2,.8,.2,1)}@keyframes lookbook-dialog-in{0%{opacity:0;transform:translateY(1.2rem)}}.lookbook-grid__dialog-card{position:relative;display:grid;max-height:calc(100dvh - 3.2rem);overflow:auto;overscroll-behavior:contain;background:rgb(var(--color-background));box-shadow:0 2.4rem 7rem #0003}.lookbook-grid__dialog-media{position:relative;padding:1.2rem}.lookbook-grid__frame--dialog{width:100%;max-height:46dvh;border-radius:1.6rem;background:rgb(var(--color-foreground) / .04)}.lookbook-grid__asset-media--cover{object-fit:cover}.lookbook-grid__media-badge{position:absolute;top:2.4rem;left:2.4rem;z-index:1;padding:.6rem 1.2rem;border-radius:999px;background:#fffffff0;color:#111;font-size:1rem;font-weight:700;letter-spacing:.14em;line-height:1;text-transform:uppercase;pointer-events:none}.lookbook-grid__dialog-content{display:grid;align-content:start;gap:2rem;min-width:0;padding:.8rem 1.6rem 1.6rem}.lookbook-grid__dialog-header{display:grid;gap:.6rem}.lookbook-grid__dialog-eyebrow,.lookbook-grid__shop-title,.lookbook-bundle__label{margin:0;font-size:1.1rem;font-weight:700;letter-spacing:.14em;line-height:1.3;text-transform:uppercase}.lookbook-grid__dialog-eyebrow{color:rgb(var(--color-foreground) / .6)}.lookbook-grid__dialog-title{margin:0;font-family:var(--font-heading-family);font-size:clamp(3.2rem,2.6rem + 1.4vw,4.4rem);font-weight:var(--font-heading-weight, 400);letter-spacing:.01em;line-height:1;text-transform:uppercase;color:rgb(var(--color-heading, var(--color-foreground)))}.lookbook-grid__color{display:flex;align-items:center;gap:.6rem;margin:.2rem 0 0;font-size:1.3rem}.lookbook-grid__color-label{color:rgb(var(--color-foreground) / .6)}.lookbook-grid__color-dot{width:1.2rem;height:1.2rem;border-radius:50%;background:var(--swatch, rgb(var(--color-foreground)));box-shadow:0 0 0 .2rem rgb(var(--color-background)),0 0 0 .3rem rgb(var(--color-foreground) / .2)}.lookbook-grid__dialog-text{margin:0;font-size:1.4rem;color:rgb(var(--color-foreground) / .72)}.lookbook-grid__features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 1.6rem;margin:0;padding:1.6rem;border-radius:1.2rem;background:rgb(var(--color-foreground) / .04);list-style:none}.lookbook-grid__features li{display:flex;align-items:flex-start;gap:.8rem;font-size:1.3rem;line-height:1.4}.lookbook-grid__features .icon{flex:none;width:1.2rem;height:1.2rem;margin-top:.3rem}.lookbook-grid__shop{display:grid;gap:1.2rem}.lookbook-grid__shop-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.4rem 1.2rem}.lookbook-grid__shop-hint,.lookbook-bundle__hint{margin:0;font-size:1.2rem;color:rgb(var(--color-foreground) / .6)}.lookbook-grid__products{display:grid;gap:1rem}.lookbook-piece{display:grid;grid-template-columns:6.4rem minmax(0,1fr);gap:1.2rem;align-items:center;padding:1.2rem;border:.1rem solid rgb(var(--color-foreground) / .1);border-radius:1.4rem;background:rgb(var(--color-background))}.lookbook-piece.has-error{border-color:rgb(var(--color-foreground) / .6)}.lookbook-piece__media{overflow:hidden;border-radius:1rem;background:rgb(var(--color-foreground) / .04)}.lookbook-piece__media-link,.lookbook-piece__media .responsive-image{display:block}.lookbook-piece__info{display:grid;gap:.4rem;min-width:0}.lookbook-piece__title{margin:0;font-size:1.4rem;font-weight:700;line-height:1.3}.lookbook-piece__title a{color:inherit;text-decoration:none}.lookbook-piece__price{font-size:1.4rem;font-weight:700}.lookbook-piece__sizes{display:flex;flex-wrap:wrap;gap:.6rem;margin:.4rem 0 0;padding:0;border:0}.lookbook-size{position:relative;display:inline-flex}.lookbook-size__input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.lookbook-size__label{display:inline-flex;align-items:center;justify-content:center;min-width:max(4.4rem,44px);height:max(4.4rem,44px);padding:0 1rem;border:.1rem solid rgb(var(--color-foreground) / .18);border-radius:.8rem;font-size:1.2rem;font-weight:700;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.lookbook-size__input:checked+.lookbook-size__label{border-color:rgb(var(--color-foreground));background:rgb(var(--color-foreground));color:rgb(var(--color-background))}.lookbook-size__input:focus-visible+.lookbook-size__label{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.2rem}.lookbook-size.is-unavailable .lookbook-size__input{cursor:not-allowed}.lookbook-size.is-unavailable .lookbook-size__label{color:rgb(var(--color-foreground) / .35);border-color:rgb(var(--color-foreground) / .08);text-decoration:line-through}.lookbook-piece__error,.lookbook-bundle__error{margin:.2rem 0 0;font-size:1.2rem;font-weight:700;color:rgb(var(--color-foreground))}.lookbook-piece__action{grid-column:1 / -1}.lookbook-piece__button{display:inline-flex;align-items:center;justify-content:center;gap:.8rem;width:100%;min-height:max(4.4rem,44px);padding:0 1.8rem;border:.1rem solid rgb(var(--color-foreground));border-radius:999px;background:rgb(var(--color-foreground));color:rgb(var(--color-background));font-family:inherit;font-size:1.2rem;font-weight:700;letter-spacing:.1em;text-decoration:none;text-transform:uppercase;white-space:nowrap;cursor:pointer;transition:opacity .15s ease}.lookbook-piece__button .icon{width:1.6rem;height:1.6rem}.lookbook-piece__button--outline{background:transparent;color:rgb(var(--color-foreground))}.lookbook-piece__button:focus-visible,.lookbook-bundle__button:focus-visible,.lookbook-grid__size-guide-trigger:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.3rem}.lookbook-piece__button[aria-busy=true],.lookbook-bundle__button[aria-busy=true]{opacity:.6;cursor:progress}.lookbook-piece__badge{display:inline-flex;align-items:center;min-height:3.2rem;padding:0 1.4rem;border-radius:999px;background:rgb(var(--color-foreground) / .06);font-size:1.1rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgb(var(--color-foreground) / .7)}.lookbook-bundle{display:grid;gap:.8rem;position:sticky;bottom:0;z-index:2;margin:0 -1.6rem;padding:1.2rem 1.6rem 1.6rem;background:rgb(var(--color-background));box-shadow:0 -1.2rem 2rem -1.6rem #00000059}.lookbook-bundle[hidden]{display:none}.lookbook-bundle__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.4rem 1.2rem}.lookbook-bundle__button{display:flex;align-items:center;gap:1.2rem;width:100%;min-height:5.6rem;padding:.6rem .6rem .6rem 2.4rem;border:0;border-radius:999px;background:rgb(var(--color-foreground));color:rgb(var(--color-background));font-family:inherit;text-align:left;cursor:pointer}.lookbook-bundle__text{flex:1 1 auto;font-size:1.3rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.lookbook-bundle__total{padding-left:1.2rem;border-left:.1rem solid rgb(var(--color-background) / .3);font-size:1.4rem;font-weight:700;white-space:nowrap}.lookbook-bundle__arrow{display:inline-flex;align-items:center;justify-content:center;flex:none;width:4.4rem;height:4.4rem;border-radius:50%;background:rgb(var(--color-background) / .14);transition:transform .2s ease}.lookbook-bundle__arrow .icon{width:1.6rem;height:1.6rem}.lookbook-grid__trust{display:flex;flex-wrap:wrap;gap:.8rem 2rem;margin:0;padding:0;list-style:none;font-size:1.2rem;color:rgb(var(--color-foreground) / .65)}.lookbook-grid__trust li,.lookbook-grid__size-guide-trigger{display:inline-flex;align-items:center;gap:.6rem}.lookbook-grid__trust .icon{flex:none;width:1.6rem;height:1.6rem}.lookbook-grid__size-guide-trigger{min-height:max(4.4rem,44px);padding:0;border:0;background:none;color:rgb(var(--color-foreground));font:inherit;text-decoration:underline;text-underline-offset:.3rem;cursor:pointer}.lookbook-grid__dialog-close{position:absolute;top:2rem;right:2rem;z-index:3;display:inline-flex;align-items:center;justify-content:center;width:max(4.4rem,44px);height:max(4.4rem,44px);padding:0;border:0;border-radius:999px;background:#fffffff0;color:#111;cursor:pointer;box-shadow:0 .4rem 1.2rem #0000001f}.lookbook-grid__dialog-close:before,.lookbook-grid__dialog-close:after{content:"";position:absolute;width:1.6rem;height:.2rem;background:currentColor}.lookbook-grid__dialog-close:before{transform:rotate(45deg)}.lookbook-grid__dialog-close:after{transform:rotate(-45deg)}.lookbook-grid__dialog-close:focus-visible{outline:.2rem solid #111;outline-offset:.2rem}.lookbook-grid__dialog--guide{width:min(72rem,calc(100vw - 3.2rem))}.lookbook-grid__guide-card{display:block;padding:3.2rem 2.4rem 2.4rem}.lookbook-grid__guide-card .lookbook-grid__dialog-title{margin-bottom:1.6rem;padding-right:5.6rem;font-size:2.8rem}.lookbook-grid__guide-card .lookbook-grid__dialog-close{top:1.6rem;right:1.6rem;background:rgb(var(--color-foreground) / .06);box-shadow:none}.lookbook-grid__empty{margin:0;font-size:1.4rem;color:rgb(var(--color-foreground) / .72)}body.lookbook-grid-modal-open,html:has(body.lookbook-grid-modal-open){overflow:hidden}.lookbook-size__input,.lookbook-piece__button,.lookbook-bundle__button,.lookbook-grid__dialog-close,.lookbook-grid__size-guide-trigger,.lookbook-grid__trigger{-webkit-tap-highlight-color:transparent;touch-action:manipulation}@media(hover:hover){.lookbook-size__input:hover+.lookbook-size__label{border-color:rgb(var(--color-foreground))}.lookbook-piece__button:hover{opacity:.86}.lookbook-bundle__button:hover .lookbook-bundle__arrow{transform:translate(.3rem)}.lookbook-piece__title a:hover{text-decoration:underline;text-underline-offset:.3rem}}@media screen and (max-width:749px){.lookbook-grid__frame--grid{min-height:18rem}.lookbook-grid__dialog{width:calc(100vw - 1.6rem);max-height:calc(100dvh - 1.6rem)}.lookbook-grid__dialog-card{max-height:calc(100dvh - 1.6rem)}}@media screen and (max-width:389px){.lookbook-grid__features{grid-template-columns:minmax(0,1fr)}}@media screen and (min-width:750px){.lookbook-grid{grid-template-columns:repeat(var(--lookbook-columns-desktop, 4),minmax(0,1fr));gap:var(--lookbook-gap-desktop, 1.6rem)}.lookbook-grid__trigger{padding:2rem;opacity:0}.lookbook-grid__card:hover .lookbook-grid__trigger,.lookbook-grid__card:focus-within .lookbook-grid__trigger{opacity:1}.lookbook-grid__dialog-card{grid-template-columns:minmax(0,.92fr) minmax(40rem,1.08fr);height:min(80rem,calc(100dvh - 3.2rem));overflow:hidden}.lookbook-grid__dialog-media{padding:2rem}.lookbook-grid__frame--dialog{height:100%;max-height:none;aspect-ratio:auto}.lookbook-grid__media-badge{top:3.6rem;left:3.6rem}.lookbook-grid__dialog-content{overflow:auto;overscroll-behavior:contain;padding:3.2rem 3.2rem 0}.lookbook-grid__dialog-header{padding-right:5.6rem}.lookbook-size__label{min-width:3.6rem;height:3.6rem}.lookbook-bundle{margin:0 -3.2rem;padding:1.6rem 3.2rem 2rem}.lookbook-grid__trust{padding-bottom:2.4rem}.lookbook-grid__guide-card{padding:4rem 4rem 3.2rem}}@media screen and (min-width:1100px){.lookbook-piece{grid-template-columns:7.2rem minmax(0,1fr) auto}.lookbook-piece__action{grid-column:auto}.lookbook-piece__button{width:auto}}@media(pointer:coarse){.lookbook-size__label{min-width:max(4.4rem,44px);height:max(4.4rem,44px)}}@media(prefers-reduced-motion:reduce){.lookbook-grid__dialog[open] .lookbook-grid__dialog-card{animation:none}.lookbook-bundle__arrow,.lookbook-size__label,.lookbook-piece__button{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/49/assets/lookbook-grid.css.map */