.mlb-view-look-trigger{width:100%;margin-top:.7rem;min-height:44px;padding:.82rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;border:1px solid rgba(245,236,222,.16);background:#f5ecde0e;color:#f5ecde;font:inherit;text-transform:uppercase;letter-spacing:.15em;font-size:.66rem;cursor:pointer;transition:background .14s cubic-bezier(.2,.7,.2,1),border-color .14s cubic-bezier(.2,.7,.2,1),color .14s cubic-bezier(.2,.7,.2,1)}.mlb-view-look-trigger:hover,.mlb-view-look-trigger:focus-visible{background:#f5ecde1c;border-color:#f5ecde57}.mlb-view-look-trigger:focus-visible{outline:2px solid #f5ecde;outline-offset:3px}.mlb-view-look-trigger:active{opacity:.98}.melato-look-drawer{--motion-press:.1s;--motion-fast:.14s;--motion-micro:.18s;--motion-overlay-in:.18s;--motion-overlay-out:.14s;--motion-panel-in:.32s;--motion-panel-out:.24s;--motion-sheet-in:.38s;--motion-sheet-out:.26s;--motion-content-in:.18s;--motion-content-delay:50ms;--ease-emphasized-out:cubic-bezier(.16,1,.3,1);--ease-controlled-in:cubic-bezier(.7,0,.84,0);--ease-standard:cubic-bezier(.2,.8,.2,1);--ease-micro:cubic-bezier(.2,.7,.2,1);position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;color:#f2ece2;pointer-events:none}.melato-look-drawer[hidden]{display:none!important}.melato-look-drawer[data-phase]:not([data-phase=closed]){pointer-events:auto}.melato-look-drawer__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#050403;opacity:0;transition:opacity var(--motion-overlay-out) var(--ease-standard)}.melato-look-drawer__panel{position:absolute;right:0;top:0;width:clamp(420px,38vw,560px);height:100dvh;display:flex;flex-direction:column;overflow:hidden;background:#0e0d0c;color:#f2ece2;border-left:1px solid rgba(242,236,226,.16);box-shadow:-24px 0 70px #00000057;transform:translate3d(100%,0,0);transition:transform var(--motion-panel-out) var(--ease-controlled-in);outline:0}.melato-look-drawer[data-phase=opening] .melato-look-drawer__backdrop,.melato-look-drawer[data-phase=loading] .melato-look-drawer__backdrop,.melato-look-drawer[data-phase=ready] .melato-look-drawer__backdrop,.melato-look-drawer[data-phase=adding] .melato-look-drawer__backdrop,.melato-look-drawer[data-phase=error] .melato-look-drawer__backdrop{opacity:.48;transition-duration:var(--motion-overlay-in)}.melato-look-drawer[data-phase=opening] .melato-look-drawer__panel,.melato-look-drawer[data-phase=loading] .melato-look-drawer__panel,.melato-look-drawer[data-phase=ready] .melato-look-drawer__panel,.melato-look-drawer[data-phase=adding] .melato-look-drawer__panel,.melato-look-drawer[data-phase=error] .melato-look-drawer__panel{transform:translateZ(0);transition-duration:var(--motion-panel-in);transition-timing-function:var(--ease-emphasized-out)}.melato-look-drawer__header{position:sticky;top:0;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.05rem 1.15rem;border-bottom:1px solid rgba(242,236,226,.14);background:#0e0d0c}.melato-look-drawer__eyebrow{display:block;margin-bottom:.25rem;color:#b49a63;font-size:.62rem;letter-spacing:.2em;text-transform:uppercase}.melato-look-drawer__header h2{margin:0;font-family:Georgia,Times New Roman,serif;font-weight:400;font-size:clamp(1.55rem,2.4vw,2.1rem);line-height:1}.melato-look-drawer__close{min-width:64px;min-height:40px;padding:.55rem .7rem;border:1px solid rgba(242,236,226,.22);background:transparent;color:#f2ece2;text-transform:uppercase;letter-spacing:.14em;font-size:.62rem;cursor:pointer;transition:background var(--motion-fast) var(--ease-micro),color var(--motion-fast) var(--ease-micro),border-color var(--motion-fast) var(--ease-micro)}.melato-look-drawer__close:hover,.melato-look-drawer__close:focus-visible{background:#f2ece2;color:#0e0d0c;border-color:#f2ece2}.melato-look-drawer__close:focus-visible,.melato-look-product__add:focus-visible,.melato-look-product__variant select:focus-visible,.melato-look-product__heading a:focus-visible{outline:2px solid #f2ece2;outline-offset:3px}.melato-look-drawer__body{flex:1;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:1rem 1.15rem max(1.5rem,env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch}.melato-look-drawer__look-meta{padding:.15rem 0 1rem;border-bottom:1px solid rgba(242,236,226,.12)}.melato-look-drawer__look-meta>span{display:block;color:#b49a63;text-transform:uppercase;letter-spacing:.17em;font-size:.64rem}.melato-look-drawer__look-meta p{margin:.55rem 0 0;color:#f2ece2a6;font-size:.82rem;line-height:1.5}.melato-look-drawer__products{display:grid;gap:0}.melato-look-product{display:grid;grid-template-columns:106px minmax(0,1fr);gap:1rem;padding:1rem 0;border-bottom:1px solid rgba(242,236,226,.12);opacity:0;transform:translateY(6px);animation:melato-look-content-in var(--motion-content-in) var(--ease-emphasized-out) var(--motion-content-delay) forwards}.melato-look-product__media{display:block;align-self:start;aspect-ratio:4/5;background:#171411;overflow:hidden;border:1px solid rgba(242,236,226,.12)}.melato-look-product__media img{display:block;width:100%;height:100%;object-fit:cover}.melato-look-product__media-placeholder{display:block;width:100%;height:100%;background:#171411}.melato-look-product__copy{min-width:0;display:flex;flex-direction:column;gap:.75rem}.melato-look-product__heading{display:grid;gap:.32rem}.melato-look-product__heading a{color:#f2ece2;text-decoration:none;font-size:.92rem;line-height:1.25}.melato-look-product__heading a:hover{text-decoration:underline;text-underline-offset:.22em}.melato-look-product__heading span{color:#f2ece29e;font-size:.76rem;transition:opacity var(--motion-fast) var(--ease-standard)}.melato-look-product__variant{display:grid;gap:.38rem}.melato-look-product__variant>span{color:#f2ece28c;font-size:.59rem;letter-spacing:.13em;text-transform:uppercase}.melato-look-product__variant select{width:100%;min-height:40px;border:1px solid rgba(242,236,226,.2);border-radius:0;background:#0e0d0c;color:#f2ece2;padding:.55rem 2rem .55rem .65rem;font:inherit;font-size:.74rem}.melato-look-product__add{width:100%;min-height:42px;border:1px solid #f2ece2;background:#f2ece2;color:#0e0d0c;padding:.65rem .8rem;text-transform:uppercase;letter-spacing:.13em;font:inherit;font-size:.63rem;cursor:pointer;transition:opacity var(--motion-press) var(--ease-micro),background var(--motion-fast) var(--ease-micro),color var(--motion-fast) var(--ease-micro)}.melato-look-product__add:hover:not(:disabled){background:transparent;color:#f2ece2}.melato-look-product__add:disabled{opacity:.42;cursor:not-allowed}.melato-look-product__status{min-height:1.1em;margin:0;color:#c7ab72;font-size:.68rem;line-height:1.4}.melato-look-drawer__live{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.melato-look-drawer__error{margin:.75rem 0 0;padding:1rem;border:1px solid rgba(242,236,226,.18);background:#f2ece20a}.melato-look-drawer__error p{margin:0;color:#f2ece2;line-height:1.5}.melato-look-drawer__error small{display:block;margin-top:.45rem;color:#f2ece28c}.melato-look-fallback-card{display:grid;grid-template-columns:72px minmax(0,1fr);gap:.8rem;align-items:center;padding:.9rem 0;border-bottom:1px solid rgba(242,236,226,.12);color:#f2ece2;text-decoration:none}.melato-look-fallback-card img{width:72px;aspect-ratio:4/5;object-fit:cover}.melato-look-fallback-card span{display:grid;gap:.3rem}.melato-look-fallback-card small{color:#b49a63;text-transform:uppercase;letter-spacing:.12em;font-size:.59rem}.melato-look-skeleton{display:block;background:linear-gradient(100deg,#f2ece20f 20%,#f2ece21f,#f2ece20f 56%);background-size:220% 100%;animation:melato-look-skeleton 1.25s linear infinite}.melato-look-product.is-loading{opacity:1;transform:none;animation:none}.melato-look-product.is-loading .melato-look-product__media{min-height:132px}.melato-look-skeleton--line{height:.72rem;margin-top:.15rem}.melato-look-skeleton--line.is-short{width:55%}.is-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}@keyframes melato-look-content-in{to{opacity:1;transform:translateY(0)}}@keyframes melato-look-skeleton{to{background-position:-220% 0}}@media(max-width:1023px){.melato-look-drawer__backdrop{background:#050403}.melato-look-drawer__panel{top:auto;right:50%;bottom:0;width:min(100%,720px);height:min(86dvh,760px);max-height:86dvh;border-left:1px solid rgba(242,236,226,.14);border-right:1px solid rgba(242,236,226,.14);border-top:1px solid rgba(242,236,226,.14);transform:translate3d(50%,calc(100% + env(safe-area-inset-bottom)),0);transition-duration:var(--motion-sheet-out)}.melato-look-drawer[data-phase=opening] .melato-look-drawer__backdrop,.melato-look-drawer[data-phase=loading] .melato-look-drawer__backdrop,.melato-look-drawer[data-phase=ready] .melato-look-drawer__backdrop,.melato-look-drawer[data-phase=adding] .melato-look-drawer__backdrop,.melato-look-drawer[data-phase=error] .melato-look-drawer__backdrop{opacity:.56}.melato-look-drawer[data-phase=opening] .melato-look-drawer__panel,.melato-look-drawer[data-phase=loading] .melato-look-drawer__panel,.melato-look-drawer[data-phase=ready] .melato-look-drawer__panel,.melato-look-drawer[data-phase=adding] .melato-look-drawer__panel,.melato-look-drawer[data-phase=error] .melato-look-drawer__panel{transform:translate3d(50%,0,0);transition-duration:var(--motion-sheet-in)}}@media(max-width:767px){.melato-look-drawer__panel{right:0;width:100%;height:min(88dvh,760px);max-height:88dvh;transform:translate3d(0,calc(100% + env(safe-area-inset-bottom)),0);border-left:0;border-right:0}.melato-look-drawer[data-phase=opening] .melato-look-drawer__panel,.melato-look-drawer[data-phase=loading] .melato-look-drawer__panel,.melato-look-drawer[data-phase=ready] .melato-look-drawer__panel,.melato-look-drawer[data-phase=adding] .melato-look-drawer__panel,.melato-look-drawer[data-phase=error] .melato-look-drawer__panel{transform:translateZ(0)}.melato-look-drawer__header{padding:.9rem 1rem}.melato-look-drawer__body{padding:.75rem 1rem max(1rem,env(safe-area-inset-bottom))}.melato-look-product{grid-template-columns:88px minmax(0,1fr);gap:.8rem}.melato-look-product__add{min-height:44px}}@media(max-height:560px)and (pointer:coarse){.melato-look-drawer__panel{height:min(88dvh,560px);max-height:min(88dvh,560px)}.melato-look-product__media{display:none}.melato-look-product{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.mlb-view-look-trigger,.melato-look-drawer__backdrop,.melato-look-drawer__panel,.melato-look-drawer__close,.melato-look-product__heading span,.melato-look-product__add{transition-duration:.01ms!important}.melato-look-product{animation:none!important;opacity:1!important;transform:none!important}.melato-look-skeleton{animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/89/assets/melato-living-look-drawer.css.map */