:root,
:root[data-theme="studio"]{
  color-scheme:light;
  





















  










































  --paper:#ECEEF2; --paper-2:#F6F7FA; --paper-3:#E3E5EA;
  --raise:#FFFFFF;
  --tint:#EEF0F4;
  --ink:#161513; --ink-2:#35332E; --ink-3:#656259;
  --ink-hi:#000000; --on-ink:#FFFFFF;
  --rule:#DCDEE3; --rule-2:#CDD0D4;
  --ring:rgba(22,21,19,.16); --ring-2:rgba(22,21,19,.22);
  --accent:#161513; --accent-soft:#EFEFF1; --accent-rule:#D6D7DA;
  --danger:#8C2F22; --danger-soft:#F7EDEB; --danger-rule:#E4CBC5;
  --positive:#2C6446; --positive-soft:#EAF1ED;
  --gold:#8A6D1F; --knob:#FFFFFF;
  --scrim:rgba(22,21,19,.28);
  --shadow-pop:0 12px 30px -14px rgba(22,21,19,.28),0 2px 6px -2px rgba(22,21,19,.10);
  --shadow-card:0 22px 44px -22px rgba(22,21,19,.42),0 2px 6px -3px rgba(22,21,19,.22);
  
  --g-solid-a:rgba(34,32,29,.95);   --g-solid-b:rgba(22,21,19,.92);
  --g-solid-a-h:rgba(44,41,37,.95); --g-solid-b-h:rgba(30,28,25,.92);
  --g-solid-rim:rgba(255,255,255,.16); --g-solid-ink:#FFFFFF;
  --g-lite-a:rgba(255,255,255,.94); --g-lite-b:rgba(255,255,255,.68);
  --g-lite-rim:rgba(22,21,19,.11);  --g-lite-rim-h:rgba(22,21,19,.18);
  --g-spec:rgba(255,255,255,.95);   --g-spec-h:rgba(255,255,255,1);
  --g-bev-l:rgba(22,21,19,.26);     --g-bev-d:rgba(22,21,19,.22);
  --g-wash:rgba(22,21,19,.035);
  --g-cast:0 1px 1px rgba(22,21,19,.05),0 4px 12px rgba(22,21,19,.07);
  --g-cast-h:0 2px 2px rgba(22,21,19,.06),0 8px 20px rgba(22,21,19,.10);
  --g-cast-s:0 1px 1px rgba(22,21,19,.20),0 6px 18px rgba(22,21,19,.24);
  --g-cast-s-h:0 2px 2px rgba(22,21,19,.20),0 10px 24px rgba(22,21,19,.28);
  --g-sspec:rgba(255,255,255,.26);   --g-sspec-h:rgba(255,255,255,.32);
  --g-sbev-l:rgba(255,255,255,.30);  --g-sbev-d:rgba(0,0,0,.45);
  --g-swash:rgba(0,0,0,.10);
  --g-stop-a:rgba(150,55,42,.96);    --g-stop-b:rgba(122,42,31,.94);
  --g-stop-ink:#FFFFFF;

  





  





  --rim-lg:linear-gradient(150deg,#FCFCFD 0%,#D6D8DE 22%,#FCFCFD 38%,#E7E9EE 58%,#FCFCFD 74%,#D6D8DE 100%);
  --rim-wide:linear-gradient(168deg,#FCFCFD 0%,#D6D8DE 22%,#FCFCFD 38%,#E7E9EE 58%,#FCFCFD 74%,#D6D8DE 100%);
  --rim-tall:linear-gradient(196deg,#FCFCFD 0%,#D6D8DE 22%,#FCFCFD 38%,#E7E9EE 58%,#FCFCFD 74%,#D6D8DE 100%);
  --rim-sm:linear-gradient(145deg,#FCFCFD 0%,#D6D8DE 22%,#FCFCFD 38%,#E7E9EE 58%,#FCFCFD 74%,#D6D8DE 100%);
  



  --lift-lg:0 1px 2px rgba(0,0,0,.030),0 6px 16px rgba(0,0,0,.045);
  --lift-sm:0 1px 1px rgba(0,0,0,.030),0 3px 8px rgba(0,0,0,.045);
  --spec:rgba(255,255,255,.95);
  --well:inset 0 1px 2px rgba(0,0,0,.05);
  

  --sheen:linear-gradient(122deg,rgba(255,255,255,0) 36%,rgba(255,255,255,.20) 47%,rgba(255,255,255,0) 58%);
}












:root[data-theme="graphite"]{
  color-scheme:dark;
  




  




  --paper:#181818; --paper-2:#101010; --paper-3:#232323;
  --raise:#1E1E1E;
  --tint:#202020;
  --ink:#F2F3F5; --ink-2:#D2D3D7; --ink-3:#8E8F95;
  --ink-hi:#FFFFFF; --on-ink:#131315;
  --rule:#252525; --rule-2:#303030;
  --ring:rgba(255,255,255,.20); --ring-2:rgba(255,255,255,.26);
  --accent:#F2F3F5; --accent-soft:#24252A; --accent-rule:#3A3B40;
  --danger:#E2705C; --danger-soft:#2A1714; --danger-rule:#5A2E26;
  --positive:#5FB98A; --positive-soft:#12241B;
  --gold:#D9B65C; --knob:#F2F3F5;
  --scrim:rgba(0,0,0,.66);
  --shadow-pop:0 16px 34px -16px rgba(0,0,0,.76),0 2px 8px -3px rgba(0,0,0,.52);
  --shadow-card:0 24px 46px -22px rgba(0,0,0,.82),0 2px 8px -3px rgba(0,0,0,.56);
  
  --g-solid-a:rgba(250,251,253,.97); --g-solid-b:rgba(232,234,238,.93);
  --g-solid-a-h:rgba(255,255,255,1); --g-solid-b-h:rgba(242,243,246,.97);
  --g-solid-rim:rgba(0,0,0,.26);     --g-solid-ink:#131315;
  --g-lite-a:rgba(52,54,59,.92);     --g-lite-b:rgba(38,39,44,.84);
  --g-lite-rim:rgba(255,255,255,.13);--g-lite-rim-h:rgba(255,255,255,.26);
  --g-spec:rgba(255,255,255,.10);    --g-spec-h:rgba(255,255,255,.16);
  --g-bev-l:rgba(255,255,255,.14);   --g-bev-d:rgba(0,0,0,.50);
  --g-wash:rgba(0,0,0,.16);
  --g-cast:0 1px 2px rgba(0,0,0,.40),0 4px 12px rgba(0,0,0,.34);
  --g-cast-h:0 2px 3px rgba(0,0,0,.44),0 8px 20px rgba(0,0,0,.42);
  --g-cast-s:0 1px 2px rgba(0,0,0,.44),0 6px 18px rgba(0,0,0,.40);
  --g-cast-s-h:0 2px 4px rgba(0,0,0,.48),0 10px 24px rgba(0,0,0,.46);
  --g-sspec:rgba(255,255,255,.90);   --g-sspec-h:rgba(255,255,255,.98);
  --g-sbev-l:rgba(255,255,255,.95);  --g-sbev-d:rgba(0,0,0,.20);
  --g-swash:rgba(0,0,0,.045);
  --g-stop-a:rgba(200,86,70,.96);    --g-stop-b:rgba(176,72,58,.94);
  --g-stop-ink:#FFFFFF;

  



  --rim-lg:linear-gradient(150deg,#343434 0%,#0A0A0A 22%,#343434 38%,#1E1E1E 58%,#343434 74%,#0A0A0A 100%);
  --rim-wide:linear-gradient(168deg,#343434 0%,#0A0A0A 22%,#343434 38%,#1E1E1E 58%,#343434 74%,#0A0A0A 100%);
  --rim-tall:linear-gradient(196deg,#343434 0%,#0A0A0A 22%,#343434 38%,#1E1E1E 58%,#343434 74%,#0A0A0A 100%);
  --rim-sm:linear-gradient(145deg,#343434 0%,#0A0A0A 22%,#343434 38%,#1E1E1E 58%,#343434 74%,#0A0A0A 100%);
  --lift-lg:0 1px 2px rgba(0,0,0,.44),0 6px 16px rgba(0,0,0,.38);
  --lift-sm:0 1px 1px rgba(0,0,0,.44),0 3px 8px rgba(0,0,0,.38);
  --spec:rgba(255,255,255,.055);
  --well:inset 0 1px 2px rgba(0,0,0,.5);
  





  --sheen:none;
}










@media(prefers-color-scheme:dark){
  :root:not([data-theme]){
    color-scheme:dark;
    --paper:#131315; --paper-2:#1D1E21; --paper-3:#27282C;
    --tint:#26272B;
    --ink:#F2F3F5; --ink-2:#D2D3D7; --ink-3:#8E8F95;
    --ink-hi:#FFFFFF; --on-ink:#131315;
    --rule:#2A2B2F; --rule-2:#3A3B40;
    --ring:rgba(255,255,255,.20); --ring-2:rgba(255,255,255,.26);
    --accent:#F2F3F5; --accent-soft:#24252A; --accent-rule:#3A3B40;
    --danger:#E2705C; --danger-soft:#2A1714; --danger-rule:#5A2E26;
    --positive:#5FB98A; --positive-soft:#12241B;
    --gold:#D9B65C; --knob:#F2F3F5;
    --scrim:rgba(0,0,0,.66);
    --shadow-pop:0 16px 34px -16px rgba(0,0,0,.76),0 2px 8px -3px rgba(0,0,0,.52);
    --shadow-card:0 24px 46px -22px rgba(0,0,0,.82),0 2px 8px -3px rgba(0,0,0,.56);
    --g-solid-a:rgba(250,251,253,.97); --g-solid-b:rgba(232,234,238,.93);
    --g-solid-a-h:rgba(255,255,255,1); --g-solid-b-h:rgba(242,243,246,.97);
    --g-solid-rim:rgba(0,0,0,.26);     --g-solid-ink:#131315;
    --g-lite-a:rgba(52,54,59,.92);     --g-lite-b:rgba(38,39,44,.84);
    --g-lite-rim:rgba(255,255,255,.13);--g-lite-rim-h:rgba(255,255,255,.26);
    --g-spec:rgba(255,255,255,.10);    --g-spec-h:rgba(255,255,255,.16);
    --g-bev-l:rgba(255,255,255,.14);   --g-bev-d:rgba(0,0,0,.50);
    --g-wash:rgba(0,0,0,.16);
    --g-cast:0 1px 2px rgba(0,0,0,.40),0 4px 12px rgba(0,0,0,.34);
    --g-cast-h:0 2px 3px rgba(0,0,0,.44),0 8px 20px rgba(0,0,0,.42);
    --g-cast-s:0 1px 2px rgba(0,0,0,.44),0 6px 18px rgba(0,0,0,.40);
    --g-cast-s-h:0 2px 4px rgba(0,0,0,.48),0 10px 24px rgba(0,0,0,.46);
    --g-sspec:rgba(255,255,255,.90);   --g-sspec-h:rgba(255,255,255,.98);
    --g-sbev-l:rgba(255,255,255,.95);  --g-sbev-d:rgba(0,0,0,.20);
    --g-swash:rgba(0,0,0,.045);
    --g-stop-a:rgba(200,86,70,.96);    --g-stop-b:rgba(176,72,58,.94);
    --g-stop-ink:#FFFFFF;
  }
}









.jp-thm{flex:none;display:inline-flex;align-items:center;justify-content:center;
        width:28px;height:28px;padding:0;border:1px solid transparent;border-radius:999px;
        background:transparent;color:var(--ink-2);cursor:pointer;
        transition:color .12s,border-color .12s,background-color .12s}
.jp-thm:hover{color:var(--ink);border-color:var(--g-lite-rim-h);
              background:linear-gradient(180deg,var(--g-lite-a),var(--g-lite-b));
              box-shadow:inset 0 1px 0 var(--g-spec),var(--g-cast)}
.jp-thm:focus-visible{outline:none;color:var(--ink);border-color:var(--ink)}





.jp-thm-sun{display:none}
:root[data-mode="dark"] .jp-thm-sun{display:block}
:root[data-mode="dark"] .jp-thm-moon{display:none}