html[data-mode=room] [data-mode-only=shop],html[data-mode=shop] [data-mode-only=room]{display:none}:root{--font-heading-family: "Fredoka", system-ui, sans-serif;--color-brand-warm: #ff8c5a;--color-brand-cool: #7fd8d1;--color-brand-surface: #221e2c}html[data-mode=shop],html[data-mode=shop] .color-scheme-1,html[data-mode=shop] .color-scheme-2{--color-background: 244, 239, 230;--gradient-background: 244, 239, 230;--color-foreground: 21, 18, 28;--color-background-contrast: 255, 255, 255;--color-shadow: 21, 18, 28;--color-button: 255, 140, 90;--color-button-text: 21, 18, 28;--color-secondary-button: 244, 239, 230;--color-secondary-button-text: 21, 18, 28;--color-link: 21, 18, 28;--color-badge-foreground: 21, 18, 28;--color-badge-background: 244, 239, 230;--color-badge-border: 21, 18, 28}h1,h2,h3,h4,.h0,.h1,.h2,.h3,.h4{font-family:var(--font-heading-family)}.mode-toggle-wrap{position:relative;display:inline-flex;align-items:center;margin-right:.8rem}.mode-toggle{display:inline-flex;align-items:center;gap:.6rem;min-height:44px;padding:0 1rem;border:1px solid rgba(var(--color-foreground),.35);border-radius:999px;background:rgb(var(--color-background));color:rgb(var(--color-foreground));font-size:1.1rem;font-weight:600;letter-spacing:.02em;cursor:pointer}.mode-toggle__label{opacity:.7}html[data-mode=room] .mode-toggle__label--room,html[data-mode=shop] .mode-toggle__label--shop{opacity:1}.mode-toggle__track{position:relative;width:2.8rem;height:1.6rem;border-radius:999px;background:rgba(var(--color-foreground),.2)}.mode-toggle__thumb{position:absolute;top:.2rem;left:.2rem;width:1.2rem;height:1.2rem;border-radius:50%;background:rgb(var(--color-button))}html[data-mode=shop] .mode-toggle__thumb{left:calc(100% - 1.4rem)}@media(prefers-reduced-motion:no-preference){.mode-toggle__thumb{transition:left .15s ease}}.mode-toggle__hint{position:absolute;top:100%;right:0;margin:.4rem 0 0;padding:.4rem .8rem;border-radius:.6rem;background:rgb(var(--color-background));color:rgb(var(--color-foreground));font-size:1.2rem;max-width:20rem;box-shadow:0 .2rem .6rem rgba(var(--color-shadow),.3)}.ml-logo{display:inline-flex;align-items:center;gap:8px}.ml-logo__mark{flex:none}.header__search,.header__icon--account{display:none!important}.ml-logo{white-space:nowrap}@media(max-width:749px){.ml-logo{font-size:18px;gap:8px}.ml-logo__mark{width:24px;height:24px}}.ml-todo{color:#ff5c5c;background:#ff5c5c1f;outline:1px dashed #ff5c5c;outline-offset:2px}
/*# sourceMappingURL=/cdn/shop/t/6/assets/brand.css.map */
