.quick-control[data-v-ffbf8534]{--qc-tone:var(--brand-secondary);gap:14px;width:316px;padding:18px;display:grid;position:relative;overflow:hidden}.quick-control[data-tone=cool][data-v-ffbf8534]{--qc-tone:var(--tone-cool)}.quick-control[data-tone=heat][data-v-ffbf8534]{--qc-tone:var(--tone-heat)}.quick-control[data-tone=warm][data-v-ffbf8534]{--qc-tone:var(--tone-warm)}.quick-control.is-standalone[data-v-ffbf8534]{width:min(100%,420px)}.quick-control__glow[data-v-ffbf8534]{z-index:-1;background:radial-gradient(closest-side, color-mix(in oklab, var(--qc-tone) 22%, transparent), transparent);opacity:.5;pointer-events:none;width:140%;height:80%;transition:background var(--dur-4) ease, opacity var(--dur-4) ease;position:absolute;top:-40%;left:-20%}.quick-control:not([data-tone=idle]) .quick-control__glow[data-v-ffbf8534]{opacity:1}.quick-control__header[data-v-ffbf8534]{justify-content:space-between;align-items:center;gap:12px;display:flex}.quick-control__close[data-v-ffbf8534]{background:var(--brand-glass-sunken);width:32px;height:32px;color:var(--brand-muted);cursor:pointer;transition:transform var(--dur-2) var(--ease-spring), background var(--dur-1) ease;border:0;border-radius:11px;place-items:center;display:grid}.quick-control__close[data-v-ffbf8534]:hover{transform:rotate(90deg)}.quick-control__device[data-v-ffbf8534]{align-items:center;gap:11px;min-width:0;display:flex}.quick-control__device>span[data-v-ffbf8534]:last-child{gap:2px;display:grid}.quick-control__device small[data-v-ffbf8534]{color:var(--brand-faint);letter-spacing:.1em;font-size:9px;font-weight:650}.quick-control__device strong[data-v-ffbf8534]{letter-spacing:-.01em;font-size:15px}.quick-control__thumb[data-v-ffbf8534]{border-radius:27%;place-items:center;width:50px;height:50px;display:grid}.quick-control:not(.is-standalone) .quick-control__thumb[data-v-ffbf8534]{view-transition-name:device-hero}.quick-control__thumb.is-running[data-v-ffbf8534]{animation:3.2s ease-in-out infinite float-y}.quick-control__body[data-v-ffbf8534]{gap:14px;display:grid}.body-swap-enter-active[data-v-ffbf8534],.body-swap-leave-active[data-v-ffbf8534]{transition:opacity var(--dur-2) var(--ease-out), transform var(--dur-2) var(--ease-out)}.body-swap-enter-from[data-v-ffbf8534]{opacity:0;transform:translateY(8px)}.body-swap-leave-to[data-v-ffbf8534]{opacity:0;transform:translateY(-6px)}@media (width<=720px){.quick-control[data-v-ffbf8534]{width:100%;padding:16px 16px calc(16px + env(safe-area-inset-bottom));border-radius:26px 26px 0 0}.quick-control[data-v-ffbf8534]:not(.is-standalone):before{background:var(--brand-line-strong);content:"";border-radius:999px;justify-self:center;width:38px;height:4px;margin:-6px 0 2px}}