@keyframes cp-scrim-in{0%{opacity:0}}@keyframes cp-card-in{0%{opacity:0;translate:0 -6px;scale:.975}}@keyframes fp-in{0%{opacity:0;translate:0 -4px;scale:.97}}@keyframes pg-in{0%{opacity:0}}@keyframes pg-tile-in{0%{opacity:0;translate:0 6px;scale:.96}}@keyframes pg-drop-in{0%{opacity:0;scale:1 .6}}.cp-scrim{animation:cp-scrim-in .16s var(--ease-out) both}.cp-card{animation:cp-card-in .22s var(--ease-out) both;transform-origin:top}.fp-card{animation:fp-in .2s var(--ease-out) both;transform-origin:100% 0}.pg-root{animation:pg-in .18s var(--ease-out) both}.pg-root [role=option]{animation:pg-tile-in .32s var(--ease-out) both}.pg-drop{animation:pg-drop-in .14s var(--ease-out) both}.pg-thumb{transition:box-shadow .18s var(--ease-out), translate .24s var(--ease-soft)}.pg-thumb:hover{translate:0 -2px}
.st-mode{isolation:isolate;background:#ffffff0b;border-radius:13px;gap:2px;height:38px;padding:3px;display:inline-flex;position:relative;box-shadow:inset 0 0 0 1px #ffffff0f}.st-mode-thumb{z-index:-1;transition:translate .42s var(--ease-spring), width .42s var(--ease-spring), background-color .26s var(--ease-out), box-shadow .26s var(--ease-out);background:#ffffff1f;border-radius:10px;position:absolute;top:3px;bottom:3px;left:0;box-shadow:0 1px 2px #00000059,inset 0 1px #ffffff12}.st-mode-thumb[data-still]{transition:none}.st-mode[data-mode=mark] .st-mode-thumb{background:linear-gradient(135deg,#9e8cff4d,#5fd6c433);box-shadow:0 1px 2px #00000059,inset 0 1px #ffffff1a,0 0 18px -6px #8f9dff8c}.st-mode button{height:32px;color:var(--color-ink-3);cursor:pointer;transition:color .18s var(--ease-out);border-radius:10px;outline:none;align-items:center;gap:7px;padding:0 12px 0 10px;font-size:13px;font-weight:500;display:inline-flex;position:relative}.st-mode button:hover,.st-mode button[aria-checked=true]{color:var(--color-ink)}@media (max-width:639px){.st-mode button{padding:0 9px}.st-mode-word{display:none}}.mk-pill{height:38px;color:var(--color-ink);cursor:pointer;transition:background-color .18s var(--ease-out);border-radius:13px;align-items:center;gap:8px;padding:0 8px 0 9px;display:inline-flex}.mk-pill:hover,.mk-pill[aria-expanded=true]{background:#ffffff0f}.mk-pill-swatch{border-radius:6px;flex-shrink:0;width:20px;height:20px;position:relative;overflow:hidden;box-shadow:0 2px 6px -2px #0009}.mk-pill-swatch:after,.mk-row-swatch:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff24}.mk-row{text-align:left;cursor:pointer;width:100%;transition:background-color .15s var(--ease-out);border-radius:13px;align-items:center;gap:11px;padding:6px 8px 6px 6px;display:flex}.mk-row[data-active]{background:#ffffff12}.mk-row-swatch{width:38px;height:38px;transition:transform .22s var(--ease-spring);border-radius:10px;flex-shrink:0;position:relative;overflow:hidden}.mk-row[data-active] .mk-row-swatch{transform:scale(1.04)}@media (prefers-reduced-motion:reduce){.st-mode-thumb,.mk-row-swatch{transition:none}}[data-mm]{--mm-design:95 214 196;--mm-mark:158 146 255}.mm-scope{--mm-c:var(--mm-design);box-shadow:var(--float,0 12px 32px -18px #000c), inset 0 0 0 1px rgb(var(--mm-c) / .18);border-radius:20px;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:6px 8px 6px 6px;transition:box-shadow .32s cubic-bezier(.2,0,0,1);display:flex;position:relative}.mm-scope[data-scope=mark]{--mm-c:var(--mm-mark)}.mm-seg{isolation:isolate;background:#ffffff0b;border-radius:15px;flex-shrink:0;grid-template-columns:1fr 1fr;width:300px;padding:3px;display:grid;position:relative;box-shadow:inset 0 0 0 1px #ffffff0f}.mm-seg-thumb{z-index:-1;background:linear-gradient(135deg, rgb(var(--mm-design) / .26), rgb(var(--mm-design) / .12));width:calc(50% - 3px);box-shadow:inset 0 1px 0 #ffffff1a, 0 0 22px -8px rgb(var(--mm-design) / .7);transition:translate .42s var(--ease-spring), background .32s cubic-bezier(.2, 0, 0, 1), box-shadow .32s cubic-bezier(.2, 0, 0, 1);border-radius:12px;position:absolute;top:3px;bottom:3px;left:3px}.mm-seg[data-scope=mark] .mm-seg-thumb{background:linear-gradient(135deg, rgb(var(--mm-mark) / .3), rgb(var(--mm-mark) / .14));box-shadow:inset 0 1px 0 #ffffff1a, 0 0 22px -8px rgb(var(--mm-mark) / .75);translate:100%}.mm-opt{text-align:left;height:42px;color:var(--color-ink-3);cursor:pointer;border-radius:12px;outline:none;align-items:center;gap:9px;padding:0 12px;transition:color .18s cubic-bezier(.2,0,0,1);display:flex}.mm-opt:hover,.mm-opt[aria-checked=true]{color:var(--color-ink)}.mm-opt[aria-disabled=true]{color:var(--color-ink-4)}.mm-opt[aria-disabled=true]:hover{color:var(--color-ink-3)}.mm-opt-text{flex-direction:column;min-width:0;line-height:1.15;display:flex}.mm-opt-title{letter-spacing:-.005em;font-size:13.5px;font-weight:600}.mm-opt-sub{color:var(--color-ink-3);font-size:11.5px}.mm-row2{display:contents}.mm-say{color:var(--color-ink-2);flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:13px;display:flex}.mm-say b{color:var(--color-ink);font-weight:600}.mm-line{flex-wrap:wrap;align-items:center;gap:0 4px;min-width:0;display:inline-flex}.mm-save{color:var(--color-ink-3);align-items:center;gap:6px;margin-left:10px;font-size:12px;display:inline-flex}.mm-chip{white-space:nowrap;height:30px;color:var(--color-ink-2);background:rgb(var(--mm-c) / .12);box-shadow:inset 0 0 0 1px rgb(var(--mm-c) / .22);border-radius:999px;align-items:center;gap:7px;padding:0 11px;font-size:12.5px;display:inline-flex}.mm-chip-dot{background:rgb(var(--mm-c));width:7px;height:7px;box-shadow:0 0 10px rgb(var(--mm-c) / .8);border-radius:999px;flex-shrink:0}.mm-acts{flex-wrap:wrap;gap:2px;display:inline-flex}.mm-stage-label{--mm-c:var(--mm-design);max-width:100%;height:40px;color:var(--color-ink-2);-webkit-backdrop-filter:blur(14px)saturate(1.2);backdrop-filter:blur(14px)saturate(1.2);box-shadow:0 10px 30px -14px #000c, inset 0 0 0 1px rgb(var(--mm-c) / .28);background:#14151bcc;border-radius:999px;align-items:center;gap:9px;padding:0 6px 0 14px;font-size:13px;animation:.26s cubic-bezier(.2,0,0,1) both mm-rise;display:inline-flex}.mm-stage-label:not(:has(button)){padding-right:16px}.mm-stage-label>span:not(.mm-chip-dot){text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.mm-stage-label[data-scope=mark]{--mm-c:var(--mm-mark)}.mm-stage-label b{color:var(--color-ink);font-weight:600}.mm-stage-act{height:30px;color:var(--color-ink);cursor:pointer;background:#ffffff1a;border-radius:999px;flex-shrink:0;padding:0 11px;font-size:12.5px;font-weight:500;transition:background-color .18s cubic-bezier(.2,0,0,1)}.mm-stage-act:hover{background:#ffffff29}.mm-stage-ring{z-index:1;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1.5px rgb(var(--mm-c) / .32), inset 0 0 60px -30px rgb(var(--mm-c) / .5);transition:box-shadow .32s cubic-bezier(.2,0,0,1);position:absolute;inset:0}.mm-stage-ring[data-scope=design]{--mm-c:var(--mm-design)}.mm-stage-ring[data-scope=mark]{--mm-c:var(--mm-mark)}@keyframes mm-rise{0%{opacity:0;transform:translateY(-4px)scale(.98)}}@media (max-width:767px){.mm-scope{gap:6px;padding:5px}.mm-seg{width:100%}.mm-opt{height:40px}.mm-row2{scrollbar-width:none;align-items:center;gap:6px;width:100%;padding:1px 2px 1px 4px;display:flex;overflow-x:auto}.mm-row2::-webkit-scrollbar{display:none}.mm-say{white-space:nowrap;flex-wrap:nowrap;flex:none;font-size:12.5px}.mm-acts{flex-wrap:nowrap}.mm-tail{margin-left:auto}.mm-stage-label{height:34px;font-size:12px}}@media (prefers-reduced-motion:reduce){.mm-seg-thumb,.mm-stage-label{transition:none;animation:none}}[data-mm-stage] [data-el],[data-mm-stage] [data-handle]{pointer-events:none}[data-mm-stage] [data-page-card]{cursor:default}.ms-side-top .mm-scope{background:rgb(var(--mm-c) / .045);box-shadow:inset 0 0 0 1px rgb(var(--mm-c) / .2);border-radius:18px;flex-flow:column;align-items:stretch;gap:8px;padding:5px}.ms-side-top .mm-seg{width:100%}.ms-side-top .mm-opt{height:40px;padding:0 10px}.ms-side-top .mm-row2{flex-direction:column;align-items:stretch;gap:8px;width:auto;padding:0 5px 3px;display:flex;overflow:visible}.ms-side-top .mm-say{white-space:normal;flex-wrap:wrap;flex:none;gap:6px;font-size:12.5px;line-height:18px}.ms-side-top .mm-line{display:block}.ms-side-top .mm-line .hidden{display:inline}.ms-side-top .mm-save{margin-left:8px}.ms-side-top .mm-chip{white-space:normal;border-radius:12px;height:auto;min-height:30px;padding:5px 11px;line-height:17px}.ms-side-top .mm-acts{flex-direction:column;align-items:stretch;gap:2px;width:100%;display:flex}.ms-side-top .mm-acts .btn{justify-content:flex-start}.ms-side-top .mm-tail{flex-wrap:wrap;gap:6px;margin-left:0;display:flex}.ms-side-top .mm-tail>*{flex:auto;justify-content:center}
