html.mls-lock,html.mls-lock body{overflow:hidden}.mls{--mls-radius: var(--rounded-block, 1rem);--mls-line: rgb(var(--color-foreground) / .1)}.mls mellooa-print-stage .mlp-stage__views{display:none}.mls .mlp-stage__img--next{transition-duration:.18s}.mls__intro{display:grid;gap:.75rem;margin-bottom:1.5rem}.mls__intro .rte p{margin:0}.mls__frame,.mls__teaser-media{position:relative;overflow:hidden;border-radius:var(--mls-radius);background:var(--mlp-stage-bg)}.mls__zoom{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:0 0;transition:transform .38s cubic-bezier(.2,.8,.2,1);will-change:transform}.mls__zoom mellooa-print-stage,.mls__teaser-media mellooa-print-stage{width:100%;height:100%;aspect-ratio:auto;border-radius:0}.mls__sample{position:absolute;z-index:4;top:.75rem;right:.75rem;margin:0;padding:.375rem .625rem;border-radius:999px;background:#ffffffe6;font-size:.6875rem;font-weight:500;line-height:1;letter-spacing:.08em;text-transform:uppercase;color:rgb(var(--color-foreground) / .78);pointer-events:none;opacity:0;transition:opacity .2s ease}.mls.is-sample .mls__sample{opacity:1}.mls__views{right:.75rem;bottom:.75rem;left:auto;transform:none}.mls__teaser{display:grid;gap:.75rem}.mls__teaser-media{display:block;width:100%;aspect-ratio:1 / 1}.mls__teaser-hit{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;background:transparent;cursor:pointer}.mls__fake{-webkit-appearance:none;appearance:none;display:flex;align-items:center;gap:.75rem;width:100%;min-height:3.75rem;margin:0;padding:.625rem .625rem .625rem 1.125rem;border:0;border-radius:var(--rounded-input, .5rem);background:rgb(var(--color-foreground) / .04);box-shadow:inset 0 0 0 1px var(--mls-line);color:inherit;font:inherit;text-align:left;cursor:text}.mls__fake-text{display:grid;flex:1;gap:.25rem;min-width:0}.mls__fake-label{font-size:.75rem;line-height:1;color:rgb(var(--color-foreground) / .6)}.mls__fake-value{overflow:hidden;font-size:1rem;line-height:1.2;white-space:nowrap;text-overflow:ellipsis}.mls.is-sample .mls__fake-value{color:rgb(var(--color-foreground) / .5)}.mls__fake-icon{display:grid;flex:none;place-items:center;width:2.5rem;height:2.5rem;border-radius:50%;background:rgb(var(--color-foreground));color:rgb(var(--color-background))}.mls__teaser .button,.mls__foot .button{width:100%}.mls__links{display:grid;justify-items:center;gap:.375rem;font-size:.8125rem;line-height:1.4;text-align:center;color:rgb(var(--color-foreground) / .66)}.mls__links a,.mls__details a{color:rgb(var(--color-foreground))}.mls__form{display:grid;gap:.75rem}.mls__fields{display:grid;gap:.5rem}.mlp.mls .input{min-height:3.25rem;font-size:1rem;background-color:rgb(var(--color-foreground) / .04)}.mls .field.is-shake{animation:mls-shake .36s ease}@keyframes mls-shake{20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}.mls__error{margin:0!important;font-size:.8125rem;font-weight:500;color:rgb(var(--color-error-text, 190 18 60))}.mls__error[hidden]{display:none}.mls__chips{display:flex;gap:.5rem;margin:0 -1rem;padding:0 1rem;overflow-x:auto;scrollbar-width:none}.mls__chips::-webkit-scrollbar{display:none}.mls__chip{-webkit-appearance:none;appearance:none;flex:none;margin:0;padding:.5625rem .875rem;border:0;border-radius:999px;background:rgb(var(--color-foreground) / .05);color:inherit;font:inherit;font-size:.875rem;line-height:1;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color .15s ease,color .15s ease}.mls__chip[aria-pressed=true]{background:rgb(var(--color-foreground));color:rgb(var(--color-background))}.mls__colors{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem}.mls__group{display:grid;gap:.125rem}.mls__group-label{margin:0 0 0 .375rem;font-size:.8125rem;line-height:1.3;color:rgb(var(--color-foreground) / .66)}.mls__group-label span{font-weight:500;color:rgb(var(--color-foreground))}.mls__dots{display:flex}.mls__dot{-webkit-appearance:none;appearance:none;display:grid;place-items:center;width:2.5rem;height:2.5rem;margin:0;padding:0;border:0;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.mls__dot span{display:block;width:1.625rem;height:1.625rem;border-radius:50%;background:var(--dot);box-shadow:inset 0 0 0 1px #0000001a;transition:box-shadow .15s ease,transform .15s ease}.mls__dot[aria-checked=true] span{box-shadow:inset 0 0 0 1px #0000001a,0 0 0 2px rgb(var(--color-background)),0 0 0 3.5px rgb(var(--color-foreground))}.mls__dot:active span{transform:scale(.9)}.mls__note{margin:0;font-size:.8125rem;line-height:1.4;text-align:center;color:rgb(var(--color-foreground) / .62)}.mls__foot{display:grid;gap:.625rem}.mls__head,.mls__backdrop{display:none}@media screen and (max-width:1023px){.mls .mls__backdrop{position:fixed;z-index:999;top:0;right:0;bottom:0;left:0;display:block;background:#0000006b;opacity:0;visibility:hidden;touch-action:none;transition:opacity .24s ease,visibility 0s linear .24s}.mls.is-open .mls__backdrop{opacity:1;visibility:visible;transition:opacity .24s ease}.mls__sheet{position:fixed;z-index:1000;left:0;right:0;bottom:0;display:flex;flex-direction:column;max-height:100vh;max-height:100dvh;margin-inline:auto;overflow:hidden;border-radius:var(--mls-radius) var(--mls-radius) 0 0;background:rgb(var(--color-background));opacity:0;visibility:hidden;transform:translateY(1.5rem);transition:opacity .2s ease,transform .3s cubic-bezier(.2,.8,.2,1),visibility 0s linear .3s}.mls.is-open .mls__sheet{opacity:1;visibility:visible;transform:none;transition:opacity .2s ease,transform .3s cubic-bezier(.2,.8,.2,1)}.mls__head{display:grid;flex:none;grid-template-columns:2.75rem 1fr 2.75rem;align-items:center;height:2.75rem;padding:0 .5rem}.mls__head-title{margin:0;font-size:1rem;font-weight:500;text-align:center}.mls__icon-button,.mls__done{-webkit-appearance:none;appearance:none;display:grid;place-items:center;width:2.75rem;height:2.75rem;margin:0;padding:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.mls__done{visibility:hidden}.mls.is-editing .mls__done{visibility:visible}.mls__done-icon{display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:rgb(var(--color-foreground));color:rgb(var(--color-background));transition:transform .15s ease}.mls__done:active .mls__done-icon{transform:scale(.9)}.mls__body{position:relative;flex:0 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.mls__stage-area{position:sticky;z-index:5;top:0;display:flex;justify-content:center;padding:0 1rem .75rem;background:rgb(var(--color-background))}.mls__frame{flex:none;width:var(--mls-side, 100%);max-width:100%;aspect-ratio:1 / 1;transition:width .2s ease}.mls__form{gap:.625rem;padding:0 1rem .75rem}.mlp.mls .mls__fields .input{height:3.5rem;min-height:0}.mls__colors{gap:.5rem 1.5rem}.mls__foot{flex:none;gap:.375rem;padding:.625rem 1rem calc(.5rem + env(safe-area-inset-bottom));border-top:1px solid var(--mls-line);background:rgb(var(--color-background))}.mls__foot .button{padding-top:1.1875rem;padding-bottom:1.1875rem}.mls__foot .mls__note{font-size:.75rem}.mls__foot .mls__details{display:none}.mls.is-compact .mls__frame .mls__views button{padding:.4375rem .6875rem;font-size:.5625rem}.mls.is-keyboard .mls__foot,.mls.is-keyboard[data-editing=name] .mls__chips{display:none}}@media screen and (min-width:768px)and (max-width:1023px){.mls__layout{max-width:36rem;margin-inline:auto}.mls__sheet{max-width:36rem}}@media screen and (min-width:1024px){.mls__layout{display:grid;grid-template-columns:var(--mls-media, minmax(0, 1.08fr)) minmax(0,34rem);grid-template-rows:auto 1fr auto;grid-template-areas:"frame intro" "frame editor" "frame foot";justify-content:center;column-gap:clamp(2.5rem,4.5vw,5rem);row-gap:1.75rem}.mls__intro{grid-area:intro;align-self:start;max-width:34rem;margin:0}.mls__teaser{display:none}.mls__sheet,.mls__body{display:contents}.mls__stage-area{grid-area:frame;align-self:start}.mls__frame{width:100%;aspect-ratio:1 / 1}.mls__form{grid-area:editor;align-self:center;gap:1rem;max-width:34rem}.mls__foot{grid-area:foot;align-self:end;display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.75rem 1rem;max-width:34rem}.mls__foot .button{flex:1 0 100%;order:1}.mls__chips{flex-wrap:wrap;margin:0;padding:0;overflow:visible}.mls__note{text-align:left}}@media screen and (min-width:1024px)and (max-width:1279px){.mls__layout{grid-template-rows:auto auto 1fr;grid-template-areas:"intro intro" "frame editor" "frame foot";row-gap:1.5rem}.mls__intro{margin-bottom:.75rem}.mls__form{align-self:start}}
/*# sourceMappingURL=/cdn/shop/t/105/assets/mellooa-studio-lab.css.map */
