/* MK POS — global theme tokens (dark + light). Structure/layout unchanged; colors only. */

:root {
  --radius-lg: 22px;
  --radius-md: 14px;
  --radius-sm: 10px;
  --sidebar-w: 288px;
}

html[data-theme="dark"],
html:not([data-theme]) {
  color-scheme: dark;

  --bg0: #07080a;
  --bg1: #0c0e12;
  --bg: #0c0e12;
  --surface: #12151c;
  --surface2: #181c26;
  --elevated: #1c212d;

  --hairline: rgba(255, 255, 255, 0.055);
  --hairline-strong: rgba(255, 255, 255, 0.09);

  --text: #f4f4f5;
  --text-bright: #fafafa;
  --text-soft: #e4e4e7;
  --muted: #a1a1aa;
  --faint: #71717a;

  --shadow-deep: 0 28px 90px rgba(0, 0, 0, 0.55);
  --shadow-soft: 0 18px 50px rgba(0, 0, 0, 0.35);
  --shadow-sidebar: 12px 0 40px rgba(0, 0, 0, 0.22);

  --accent-line: rgba(228, 228, 231, 0.55);
  --good: rgba(34, 197, 94, 0.14);
  --warn: rgba(234, 179, 8, 0.12);
  --danger-soft: rgba(248, 113, 113, 0.12);

  --body-spot-1: rgba(255, 255, 255, 0.04);
  --body-spot-2: rgba(255, 255, 255, 0.025);

  --backdrop-scrim: rgba(0, 0, 0, 0.55);
  --overlay-20: rgba(0, 0, 0, 0.2);

  --nav-toggle-bg: rgba(18, 21, 28, 0.85);
  --sidebar-bg: linear-gradient(180deg, rgba(18, 21, 28, 0.98), rgba(12, 14, 18, 0.98));

  --mark-gradient: linear-gradient(145deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.02));
  --mark-text: #e4e4e7;

  --menu-link: #e4e4e7;
  --menu-hover-bg: rgba(255, 255, 255, 0.035);
  --menu-active-bg: rgba(255, 255, 255, 0.055);
  --menu-active-inset: inset 0 1px 0 rgba(255, 255, 255, 0.04);

  --side-foot-bg: rgba(10, 12, 16, 0.35);
  --user-badge-bg: rgba(18, 21, 28, 0.65);
  --avatar-text: #fafafa;
  --avatar-gradient: linear-gradient(160deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.03));
  --pill-muted-bg: rgba(10, 12, 16, 0.35);
  --pill-muted-text: #e4e4e7;

  --btn-danger-border: rgba(248, 113, 113, 0.35);
  --btn-danger-bg: rgba(248, 113, 113, 0.08);

  --card-surface: linear-gradient(180deg, rgba(24, 28, 38, 0.92), rgba(16, 18, 24, 0.92));
  --card-shine: radial-gradient(500px 120px at 0% 0%, rgba(255, 255, 255, 0.06), transparent 55%);

  --table-stripe: rgba(0, 0, 0, 0.2);
  --warn-border: rgba(234, 179, 8, 0.22);
  --warn-text: #fde68a;
  --good-border: rgba(34, 197, 94, 0.22);
  --good-text: #bbf7d0;

  --input-bg: rgba(18, 21, 28, 0.72);
  --placeholder: #d4d4d8;

  --focus-pill: rgba(228, 228, 231, 0.55);
  --focus-pill-text: #fafafa;
  --toggle-track-off: rgba(228, 228, 231, 0.35);
  --toggle-track-border: rgba(255, 255, 255, 0.12);
  --toggle-thumb: rgba(228, 228, 231, 0.65);
  --meta-pill-bg: rgba(12, 14, 18, 0.55);

  --login-page-bg: linear-gradient(135deg, #0f172a, #111827, #1e293b);
  --login-card-bg: rgba(17, 24, 39, 0.96);
  --login-card-border: rgba(255, 255, 255, 0.08);
  --login-card-shadow: 0 20px 70px rgba(0, 0, 0, 0.45);
  --login-label: #e2e8f0;
  --login-input-bg: #0b1220;
  --login-input-border: rgba(255, 255, 255, 0.08);
  --login-input-focus: #60a5fa;
  --login-input-ring: rgba(96, 165, 250, 0.15);
  --login-sub: #94a3b8;
  --login-demo-bg: #0b1220;
  --login-demo-text: #cbd5e1;
  --login-demo-strong: #fff;
  --login-btn1: #2563eb;
  --login-btn2: #1d4ed8;

  --toolbar-bg: rgba(18, 21, 28, 0.9);
  --receipt-paper-shadow: 0 24px 60px rgba(0, 0, 0, 0.45);

  /* Literal rgba migrated from pages (dark values) */
  --mk-panel-35: rgba(10, 12, 16, 0.35);
  --mk-glass-04: rgba(255, 255, 255, 0.04);
  --mk-glass-055: rgba(255, 255, 255, 0.055);
  --mk-panel-85: rgba(18, 21, 28, 0.85);
  --mk-panel-72: rgba(18, 21, 28, 0.72);
  --mk-scrim-55: rgba(0, 0, 0, 0.55);
  --mk-line-55: rgba(228, 228, 231, 0.55);
  --mk-shadow-35: rgba(0, 0, 0, 0.35);
  --mk-glass-035: rgba(255, 255, 255, 0.035);
  --mk-panel-65: rgba(18, 21, 28, 0.65);
  --mk-glass-12: rgba(255, 255, 255, 0.12);
  --mk-glass-09: rgba(255, 255, 255, 0.09);
  --mk-panel-98a: rgba(18, 21, 28, 0.98);
  --mk-panel-98b: rgba(12, 14, 18, 0.98);
  --mk-glass-08: rgba(255, 255, 255, 0.08);
  --mk-panel-45: rgba(10, 12, 16, 0.45);
  --mk-danger-08: rgba(248, 113, 113, 0.08);
  --mk-glass-06: rgba(255, 255, 255, 0.06);
  --mk-glass-10: rgba(255, 255, 255, 0.1);
  --mk-good-10: rgba(34, 197, 94, 0.1);
  --mk-glass-02: rgba(255, 255, 255, 0.02);
  --mk-good-22: rgba(34, 197, 94, 0.22);
  --mk-panel-98c: rgba(14, 16, 22, 0.98);
  --mk-shadow-22: rgba(0, 0, 0, 0.22);
  --mk-danger-35: rgba(248, 113, 113, 0.35);
  --mk-scrim-65: rgba(0, 0, 0, 0.65);
  --mk-glass-025: rgba(255, 255, 255, 0.025);
  --mk-glass-03: rgba(255, 255, 255, 0.03);
  --mk-glass-18: rgba(255, 255, 255, 0.18);
  --mk-glass-05: rgba(255, 255, 255, 0.05);
  --mk-line-35: rgba(228, 228, 231, 0.35);
  --mk-good-14: rgba(34, 197, 94, 0.14);
  --mk-danger-10: rgba(248, 113, 113, 0.1);
  --mk-glass-14: rgba(255, 255, 255, 0.14);
  --mk-line-28: rgba(228, 228, 231, 0.28);
  --mk-scrim-60: rgba(0, 0, 0, 0.6);
  --mk-amber-12: rgba(234, 179, 8, 0.12);
  --mk-amber-10: rgba(234, 179, 8, 0.1);
  --mk-good-25: rgba(34, 197, 94, 0.25);
  --mk-danger-20: rgba(248, 113, 113, 0.2);
  --mk-amber-22: rgba(234, 179, 8, 0.22);
  --mk-card-a: rgba(24, 28, 38, 0.92);
  --mk-card-b: rgba(16, 18, 24, 0.92);
  --mk-panel-50: rgba(10, 12, 16, 0.5);
  --mk-scrim-45: rgba(0, 0, 0, 0.45);
  --mk-danger-28: rgba(248, 113, 113, 0.28);
  --mk-panel-55: rgba(10, 12, 16, 0.55);
  --mk-text-35: rgba(244, 244, 245, 0.35);
  --mk-danger-25: rgba(248, 113, 113, 0.25);
  --mk-amber-25: rgba(234, 179, 8, 0.25);
  --mk-line-45: rgba(228, 228, 231, 0.45);
  --mk-panel-1255: rgba(12, 14, 18, 0.55);
  --mk-panel-40: rgba(10, 12, 16, 0.4);
  --mk-line-65: rgba(228, 228, 231, 0.65);
  --mk-good-30: rgba(34, 197, 94, 0.3);
  --mk-good-12: rgba(34, 197, 94, 0.12);
  --mk-slate-35: rgba(148, 163, 184, 0.35);
  --mk-slate-10: rgba(148, 163, 184, 0.1);
  --mk-good-35: rgba(34, 197, 94, 0.35);
  --mk-danger-30: rgba(248, 113, 113, 0.3);
  --mk-glass-22: rgba(255, 255, 255, 0.22);
  --mk-danger-06: rgba(248, 113, 113, 0.06);
  --mk-text-40: rgba(244, 244, 245, 0.4);
  --mk-amber-28: rgba(234, 179, 8, 0.28);
  --mk-scrim-72: rgba(0, 0, 0, 0.72);
  --mk-panel-96: rgba(14, 16, 22, 0.96);
  --mk-glass-55w: rgba(255, 255, 255, 0.55);
  --mk-panel-95: rgba(18, 21, 28, 0.95);
  --mk-amberb-25: rgba(251, 191, 36, 0.25);
  --mk-amberb-06: rgba(251, 191, 36, 0.06);
  --mk-amberb-22: rgba(251, 191, 36, 0.22);
  --mk-blue-22: rgba(96, 165, 250, 0.22);
  --mk-panel-1245: rgba(12, 14, 18, 0.45);
  --mk-panel-1292: rgba(12, 14, 18, 0.92);
  --mk-zinc-25: rgba(113, 113, 122, 0.25);
  --mk-panel-90: rgba(18, 21, 28, 0.9);
  --mk-login-card: rgba(17, 24, 39, 0.96);
  --mk-blue-15: rgba(96, 165, 250, 0.15);
  --mk-danger-12: rgba(248, 113, 113, 0.12);
  --mk-panel-25: rgba(10, 12, 16, 0.25);
  --mk-panel-121645: rgba(12, 14, 16, 0.45);
  --mk-line-25: rgba(228, 228, 231, 0.25);
  --mk-zinc-35: rgba(161, 161, 170, 0.35);
  --mk-line-30: rgba(228, 228, 231, 0.3);
  --mk-zinc-40: rgba(113, 113, 122, 0.4);
  --mk-line-50: rgba(228, 228, 231, 0.5);
  --mk-text-45: rgba(244, 244, 245, 0.45);
  --mk-panel-95b: rgba(14, 16, 22, 0.95);
  --mk-panel-10115: rgba(10, 11, 15, 0.98);

  --pos-card-bg: linear-gradient(180deg, rgba(14, 16, 22, 0.95), rgba(10, 11, 15, 0.98));
  --pos-card-glow: radial-gradient(700px 180px at 50% 0%, rgba(255, 255, 255, 0.05), transparent 60%);
  --divider-shine: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.12), transparent);
  --modal-scrim: rgba(0, 0, 0, 0.6);
  --modal-surface: rgba(14, 16, 22, 0.98);
  --focus-ring-light: 0 0 0 3px rgba(255, 255, 255, 0.06);
  --focus-ring-softer: 0 0 0 3px rgba(255, 255, 255, 0.05);

  /* Receipt print area — fixed paper look in both themes */
  --receipt-paper: #fafafa;
  --receipt-ink: #18181b;
  --receipt-muted: #52525b;
  --receipt-rule-mid: #d4d4d8;
  --receipt-dim: #71717a;
  --receipt-mid: #3f3f46;
  --alert-error: #fecaca;
  --linkish-hover: #ffffff;
}

html[data-theme="light"] {
  color-scheme: light;

  --bg0: #eceef2;
  --bg1: #f7f8fa;
  --bg: #f4f5f7;
  --surface: #ffffff;
  --surface2: #f8fafc;
  --elevated: #ffffff;

  --hairline: rgba(15, 23, 42, 0.08);
  --hairline-strong: rgba(15, 23, 42, 0.12);

  --text: #27272a;
  --text-bright: #18181b;
  --text-soft: #3f3f46;
  --muted: #64748b;
  --faint: #94a3b8;

  --shadow-deep: 0 24px 64px rgba(15, 23, 42, 0.1);
  --shadow-soft: 0 12px 32px rgba(15, 23, 42, 0.06);
  --shadow-sidebar: 4px 0 28px rgba(15, 23, 42, 0.05);

  --accent-line: rgba(15, 23, 42, 0.18);
  --good: rgba(22, 163, 74, 0.1);
  --warn: rgba(217, 119, 6, 0.1);
  --danger-soft: rgba(220, 38, 38, 0.08);

  --body-spot-1: rgba(59, 130, 246, 0.05);
  --body-spot-2: rgba(15, 23, 42, 0.04);

  --backdrop-scrim: rgba(15, 23, 42, 0.2);
  --overlay-20: rgba(248, 250, 252, 0.85);

  --nav-toggle-bg: rgba(255, 255, 255, 0.94);
  --sidebar-bg: linear-gradient(180deg, #ffffff, #f1f5f9);

  --mark-gradient: linear-gradient(145deg, #ffffff, #f1f5f9);
  --mark-text: #334155;

  --menu-link: #3f3f46;
  --menu-hover-bg: rgba(15, 23, 42, 0.05);
  --menu-active-bg: rgba(15, 23, 42, 0.07);
  --menu-active-inset: inset 0 1px 0 rgba(255, 255, 255, 0.85);

  --side-foot-bg: rgba(248, 250, 252, 0.95);
  --user-badge-bg: rgba(255, 255, 255, 0.98);
  --avatar-text: #1e293b;
  --avatar-gradient: linear-gradient(160deg, #f8fafc, #e2e8f0);
  --pill-muted-bg: rgba(241, 245, 249, 0.95);
  --pill-muted-text: #475569;

  --btn-danger-border: rgba(220, 38, 38, 0.22);
  --btn-danger-bg: rgba(254, 226, 226, 0.55);

  --card-surface: linear-gradient(180deg, #ffffff, #f8fafc);
  --card-shine: radial-gradient(500px 120px at 0% 0%, rgba(255, 255, 255, 0.95), transparent 55%);

  --table-stripe: rgba(15, 23, 42, 0.03);
  --warn-border: rgba(217, 119, 6, 0.28);
  --warn-text: #b45309;
  --good-border: rgba(22, 163, 74, 0.28);
  --good-text: #166534;

  --input-bg: #ffffff;
  --placeholder: #94a3b8;

  --focus-pill: rgba(15, 23, 42, 0.08);
  --focus-pill-text: #0f172a;
  --toggle-track-off: rgba(15, 23, 42, 0.08);
  --toggle-track-border: rgba(15, 23, 42, 0.1);
  --toggle-thumb: #ffffff;
  --meta-pill-bg: rgba(241, 245, 249, 0.98);

  --login-page-bg: linear-gradient(145deg, #f8fafc 0%, #f1f5f9 50%, #e8eef4 100%);
  --login-card-bg: rgba(255, 255, 255, 0.98);
  --login-card-border: rgba(15, 23, 42, 0.1);
  --login-card-shadow: 0 24px 64px rgba(15, 23, 42, 0.08);
  --login-label: #334155;
  --login-input-bg: #ffffff;
  --login-input-border: rgba(15, 23, 42, 0.12);
  --login-input-focus: #2563eb;
  --login-input-ring: rgba(37, 99, 235, 0.18);
  --login-sub: #64748b;
  --login-demo-bg: #f8fafc;
  --login-demo-text: #64748b;
  --login-demo-strong: #0f172a;
  --login-btn1: #2563eb;
  --login-btn2: #1d4ed8;

  --toolbar-bg: rgba(255, 255, 255, 0.96);
  --receipt-paper-shadow: 0 20px 50px rgba(15, 23, 42, 0.1);

  --mk-panel-35: rgba(255, 255, 255, 0.92);
  --mk-glass-04: rgba(15, 23, 42, 0.04);
  --mk-glass-055: rgba(15, 23, 42, 0.06);
  --mk-panel-85: rgba(255, 255, 255, 0.94);
  --mk-panel-72: rgba(255, 255, 255, 0.98);
  --mk-scrim-55: rgba(15, 23, 42, 0.18);
  --mk-line-55: rgba(15, 23, 42, 0.2);
  --mk-shadow-35: rgba(15, 23, 42, 0.08);
  --mk-glass-035: rgba(15, 23, 42, 0.05);
  --mk-panel-65: rgba(255, 255, 255, 0.98);
  --mk-glass-12: rgba(15, 23, 42, 0.1);
  --mk-glass-09: rgba(15, 23, 42, 0.07);
  --mk-panel-98a: rgba(255, 255, 255, 0.98);
  --mk-panel-98b: rgba(248, 250, 252, 0.98);
  --mk-glass-08: rgba(15, 23, 42, 0.06);
  --mk-panel-45: rgba(248, 250, 252, 0.95);
  --mk-danger-08: rgba(220, 38, 38, 0.08);
  --mk-glass-06: rgba(15, 23, 42, 0.05);
  --mk-glass-10: rgba(15, 23, 42, 0.08);
  --mk-good-10: rgba(22, 163, 74, 0.1);
  --mk-glass-02: rgba(15, 23, 42, 0.02);
  --mk-good-22: rgba(22, 163, 74, 0.22);
  --mk-panel-98c: rgba(255, 255, 255, 0.98);
  --mk-shadow-22: rgba(15, 23, 42, 0.06);
  --mk-danger-35: rgba(220, 38, 38, 0.28);
  --mk-scrim-65: rgba(15, 23, 42, 0.35);
  --mk-glass-025: rgba(15, 23, 42, 0.03);
  --mk-glass-03: rgba(15, 23, 42, 0.035);
  --mk-glass-18: rgba(15, 23, 42, 0.12);
  --mk-glass-05: rgba(15, 23, 42, 0.04);
  --mk-line-35: rgba(15, 23, 42, 0.14);
  --mk-good-14: rgba(22, 163, 74, 0.12);
  --mk-danger-10: rgba(220, 38, 38, 0.1);
  --mk-glass-14: rgba(15, 23, 42, 0.1);
  --mk-line-28: rgba(15, 23, 42, 0.12);
  --mk-scrim-60: rgba(15, 23, 42, 0.35);
  --mk-amber-12: rgba(217, 119, 6, 0.12);
  --mk-amber-10: rgba(217, 119, 6, 0.1);
  --mk-good-25: rgba(22, 163, 74, 0.22);
  --mk-danger-20: rgba(220, 38, 38, 0.18);
  --mk-amber-22: rgba(217, 119, 6, 0.22);
  --mk-card-a: #ffffff;
  --mk-card-b: #f8fafc;
  --mk-panel-50: rgba(241, 245, 249, 0.95);
  --mk-scrim-45: rgba(15, 23, 42, 0.12);
  --mk-danger-28: rgba(220, 38, 38, 0.2);
  --mk-panel-55: rgba(241, 245, 249, 0.98);
  --mk-text-35: rgba(15, 23, 42, 0.35);
  --mk-danger-25: rgba(220, 38, 38, 0.22);
  --mk-amber-25: rgba(217, 119, 6, 0.22);
  --mk-line-45: rgba(15, 23, 42, 0.16);
  --mk-panel-1255: rgba(226, 232, 240, 0.9);
  --mk-panel-40: rgba(248, 250, 252, 0.92);
  --mk-line-65: rgba(15, 23, 42, 0.22);
  --mk-good-30: rgba(22, 163, 74, 0.28);
  --mk-good-12: rgba(22, 163, 74, 0.1);
  --mk-slate-35: rgba(100, 116, 139, 0.25);
  --mk-slate-10: rgba(100, 116, 139, 0.1);
  --mk-good-35: rgba(22, 163, 74, 0.3);
  --mk-danger-30: rgba(220, 38, 38, 0.25);
  --mk-glass-22: rgba(15, 23, 42, 0.14);
  --mk-danger-06: rgba(220, 38, 38, 0.06);
  --mk-text-40: rgba(15, 23, 42, 0.4);
  --mk-amber-28: rgba(217, 119, 6, 0.22);
  --mk-scrim-72: rgba(15, 23, 42, 0.45);
  --mk-panel-96: rgba(255, 255, 255, 0.98);
  --mk-glass-55w: rgba(15, 23, 42, 0.12);
  --mk-panel-95: rgba(255, 255, 255, 0.96);
  --mk-amberb-25: rgba(217, 119, 6, 0.2);
  --mk-amberb-06: rgba(217, 119, 6, 0.08);
  --mk-amberb-22: rgba(217, 119, 6, 0.2);
  --mk-blue-22: rgba(37, 99, 235, 0.2);
  --mk-panel-1245: rgba(226, 232, 240, 0.85);
  --mk-panel-1292: rgba(255, 255, 255, 0.98);
  --mk-zinc-25: rgba(100, 116, 139, 0.2);
  --mk-panel-90: rgba(255, 255, 255, 0.95);
  --mk-login-card: rgba(255, 255, 255, 0.98);
  --mk-blue-15: rgba(37, 99, 235, 0.15);
  --mk-danger-12: rgba(220, 38, 38, 0.12);
  --mk-panel-25: rgba(241, 245, 249, 0.85);
  --mk-panel-121645: rgba(241, 245, 249, 0.95);
  --mk-line-25: rgba(15, 23, 42, 0.12);
  --mk-zinc-35: rgba(100, 116, 139, 0.22);
  --mk-line-30: rgba(15, 23, 42, 0.14);
  --mk-zinc-40: rgba(71, 85, 105, 0.25);
  --mk-line-50: rgba(15, 23, 42, 0.18);
  --mk-text-45: rgba(15, 23, 42, 0.45);
  --mk-panel-95b: rgba(255, 255, 255, 0.98);
  --mk-panel-10115: rgba(248, 250, 252, 0.98);

  --pos-card-bg: linear-gradient(180deg, #ffffff, #f4f6f8);
  --pos-card-glow: radial-gradient(700px 180px at 50% 0%, rgba(15, 23, 42, 0.04), transparent 60%);
  --divider-shine: linear-gradient(90deg, transparent, rgba(15, 23, 42, 0.08), transparent);
  --modal-scrim: rgba(15, 23, 42, 0.25);
  --modal-surface: #ffffff;
  --focus-ring-light: 0 0 0 3px rgba(37, 99, 235, 0.12);
  --focus-ring-softer: 0 0 0 3px rgba(37, 99, 235, 0.08);

  --receipt-paper: #fafafa;
  --receipt-ink: #18181b;
  --receipt-muted: #52525b;
  --receipt-rule-mid: #d4d4d8;
  --receipt-dim: #71717a;
  --receipt-mid: #3f3f46;
  --alert-error: #b91c1c;
  --linkish-hover: #0f172a;
}

/* Shared structural hooks (colors only) */
.mark {
  background: var(--mark-gradient);
  color: var(--mark-text);
}

body {
  scrollbar-color: var(--mk-line-28) transparent;
}

/* Segmented Dark / Light theme control */
.mk-theme-picker {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}
.mk-theme-picker__label {
  font-size: 10px;
  font-weight: 650;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--faint);
}
.mk-theme-picker__segment {
  display: flex;
  border-radius: 12px;
  border: 1px solid var(--hairline);
  overflow: hidden;
  background: var(--mk-panel-35);
  box-shadow: var(--shadow-soft);
}
.mk-theme-picker__btn {
  flex: 1;
  margin: 0;
  padding: 10px 12px;
  border: none;
  border-radius: 0;
  background: transparent;
  color: var(--muted);
  font: inherit;
  font-size: 11px;
  font-weight: 650;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease;
}
.mk-theme-picker__btn + .mk-theme-picker__btn {
  border-left: 1px solid var(--hairline);
}
.mk-theme-picker__btn:hover {
  color: var(--text);
  background: var(--mk-glass-04);
}
.mk-theme-picker__btn.is-active {
  color: var(--text);
  background: var(--mk-glass-06);
  box-shadow: var(--menu-active-inset);
}

.mk-theme-picker--sidebar {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid var(--hairline);
  width: 100%;
}

.mk-theme-picker--login {
  margin-top: 0;
  padding-top: 18px;
  border-top: 1px solid var(--login-card-border);
}
.login-theme-mount:empty,
.sidebar-theme-mount:empty {
  display: none;
}

.mk-theme-picker--toolbar {
  flex: 1 1 220px;
  min-width: 180px;
  max-width: 280px;
}
.mk-theme-picker--toolbar .mk-theme-picker__label {
  display: none;
}
.mk-theme-picker--toolbar .mk-theme-picker__segment {
  border-radius: 999px;
}
.mk-theme-picker--toolbar .mk-theme-picker__btn {
  padding: 8px 14px;
  font-size: 10px;
}