/* themes */
:root,
:root[data-theme="meadow"] {
  --bg: #F6F5EC;
  --surface: #FFFEF9;
  --border: #E3E5D6;
  --text: #28332E;
  --muted: #636D64;
  --heading-font: "Lexend", "Segoe UI", system-ui, sans-serif;
  --side-bg: repeating-linear-gradient(90deg, rgba(255, 255, 255, .09) 0 7px, transparent 7px 14px), #A3BF90;
  --side-text: #384C2A;
  --side-active-bg: #FFFEF9;
  --side-active-text: #5B7B4B;
  --accent: #5B7B4B;
  --accent-hover: #4C6A3E;
  --accent-soft: #E8F0DE;
  --accent-text: #557246;
  --number: #34507A;
  --second: #5B749D;
  --second-soft: #E8EFF6;
  --ring: #A3BF90;
  --ring-track: #E8EFF6;
  --banner: radial-gradient(circle at 85% 20%, rgba(199, 217, 234, .28), transparent 40%), linear-gradient(135deg, #34507A, #4A6A8C 50%, #577252);
  --running-btn: #34507A;
  --running-btn-text: #FFFFFF;
  --glow: #F3D77A;
  --status-run-bg: #FBF3D6;
  --status-run-text: #7A6420;
  --note-bg: #E8EFF6;
  --note-border: #D9E3EE;
  --note-link: #34507A;
  --dot-online: #8FC49D;
  --danger: #C53F3F;
  --on-accent: #FFFFFF;
  /* what a shadow is made of in this theme, so dark themes still have depth */
  --shade: 52 80 122;
}

:root[data-theme="ember"] {
  --bg: #3A0E10;
  --surface: #4A1518;
  --border: #62262A;
  --text: #F6E3D6;
  --muted: #C99E90;
  --heading-font: "Roboto Mono", ui-monospace, Consolas, monospace;
  --side-bg: #2B090B;
  --side-text: #EFA46B;
  --side-active-bg: #4A1518;
  --side-active-text: #FF9A4D;
  --accent: #E9782F;
  --accent-hover: #F28A45;
  --accent-soft: #5E2420;
  --accent-text: #F6AE78;
  --number: #F9A65E;
  --second: #F2C27A;
  --second-soft: #5E2420;
  --ring: #E9782F;
  --ring-track: #5E2420;
  --banner: radial-gradient(circle at 80% 30%, rgba(255, 170, 80, .35), transparent 45%), linear-gradient(135deg, #521517, #7A2A1E 55%, #AE4F19);
  --running-btn: #F2C27A;
  --running-btn-text: #3A0E10;
  --glow: #FFC46B;
  --status-run-bg: #5E3A1A;
  --status-run-text: #FFD49A;
  --note-bg: #5E2420;
  --note-border: #733230;
  --note-link: #F6AE78;
  --dot-online: #7FD49A;
  --danger: #FF6B6B;
  --on-accent: #2B090B;
  /* what a shadow is made of in this theme, so dark themes still have depth */
  --shade: 82 21 23;
}

:root[data-theme="pumpkin"] {
  --bg: #F4EEE3;
  --surface: #FFFCF6;
  --border: #E8DCC8;
  --text: #3B2A1E;
  --muted: #796352;
  --heading-font: "Lexend", "Segoe UI", system-ui, sans-serif;
  --side-bg: repeating-linear-gradient(0deg, rgba(255, 255, 255, .08) 0 3px, transparent 3px 18px), repeating-linear-gradient(90deg, rgba(255, 255, 255, .08) 0 3px, transparent 3px 18px), #805431;
  --side-text: #FBEBD6;
  --side-active-bg: #FFFCF6;
  --side-active-text: #B4561F;
  --accent: #B65A22;
  --accent-hover: #A1501E;
  --accent-soft: #F8E6D3;
  --accent-text: #A4501C;
  --number: #6B3F22;
  --second: #667A38;
  --second-soft: #EEF2DF;
  --ring: #E08A3C;
  --ring-track: #F8E6D3;
  --banner: radial-gradient(circle at 85% 25%, rgba(255, 210, 140, .35), transparent 42%), linear-gradient(135deg, #6B3F22, #A65626 55%, #9C5C1B);
  --running-btn: #6B3F22;
  --running-btn-text: #FFFFFF;
  --glow: #FFC76B;
  --status-run-bg: #FBEBD2;
  --status-run-text: #8A4B16;
  --note-bg: #F8E6D3;
  --note-border: #EFD5BA;
  --note-link: #A4501C;
  --dot-online: #8DC07A;
  --danger: #BE3D3D;
  --on-accent: #FFFFFF;
  /* what a shadow is made of in this theme, so dark themes still have depth */
  --shade: 107 63 34;
}

:root[data-theme="pink"] {
  --bg: #FBF4F7;
  --surface: #FFFFFF;
  --border: #F1DCE6;
  --text: #2C2A3A;
  --muted: #6D6374;
  --heading-font: "Lexend", "Segoe UI", system-ui, sans-serif;
  --side-bg: #2F3C57;
  --side-text: #F7C9DD;
  --side-active-bg: #FFFFFF;
  --side-active-text: #CB3C7D;
  --accent: #D72C7A;
  --accent-hover: #BD276C;
  --accent-soft: #FBE1EC;
  --accent-text: #BA2F6C;
  --number: #2F3C57;
  --second: #9B59B6;
  --second-soft: #F1E4F6;
  --ring: #E0559A;
  --ring-track: #FBE1EC;
  --banner: radial-gradient(circle at 85% 25%, rgba(255, 255, 255, .25), transparent 40%), linear-gradient(135deg, #8E4BA6, #C4256E 55%, #CC1660);
  --running-btn: #2F3C57;
  --running-btn-text: #FFFFFF;
  --glow: #FFE27A;
  --status-run-bg: #FFF4D1;
  --status-run-text: #8A6A10;
  --note-bg: #FBE1EC;
  --note-border: #F5CFE0;
  --note-link: #BA2F6C;
  --dot-online: #7FD4A0;
  --danger: #C53F3F;
  --on-accent: #FFFFFF;
  /* what a shadow is made of in this theme, so dark themes still have depth */
  --shade: 142 75 166;
}

:root[data-theme="cherry"] {
  --bg: #0E0E10;
  --surface: #18181B;
  --border: #2A2A2F;
  --text: #F2EDED;
  --muted: #A39A9C;
  --heading-font: "Lexend", "Segoe UI", system-ui, sans-serif;
  --side-bg: #09090A;
  --side-text: #D9D2D3;
  --side-active-bg: #D7263D;
  --side-active-text: #FFFFFF;
  --accent: #D7263D;
  --accent-hover: #EF3B52;
  --accent-soft: #2A1216;
  --accent-text: #FF6B7D;
  --number: #FFFFFF;
  --second: #B9B9C0;
  --second-soft: #26262B;
  --ring: #D7263D;
  --ring-track: #2A1216;
  --banner: radial-gradient(circle at 85% 25%, rgba(255, 60, 80, .35), transparent 45%), linear-gradient(135deg, #0B0B0C, #3A0A12 55%, #B0162E);
  --running-btn: #F2EDED;
  --running-btn-text: #0E0E10;
  --glow: #FF4D5E;
  --status-run-bg: #3A0F16;
  --status-run-text: #FF8A96;
  --note-bg: #1F1013;
  --note-border: #3A1A1F;
  --note-link: #FF6B7D;
  --dot-online: #5FD08A;
  --danger: #FF6B6B;
  --on-accent: #FFFFFF;
  /* what a shadow is made of in this theme, so dark themes still have depth */
  --shade: 11 11 12;
}

:root[data-theme="cherry"] .sidebar {
  border-right: 1px solid #2A1216;
}

:root[data-theme="retro"] {
  --bg: #F3EEE8;
  --surface: #FBF8F4;
  --border: #E5DCD2;
  --text: #3A2A26;
  --muted: #73635C;
  --heading-font: "Cormorant SC", Georgia, "Times New Roman", serif;
  --side-bg: linear-gradient(90deg, rgba(232, 154, 176, .22) 50%, transparent 50%), linear-gradient(rgba(141, 179, 90, .22) 50%, transparent 50%), #6E4B3A;
  --side-text: #F8E9E0;
  --side-active-bg: #FBF8F4;
  --side-active-text: #B64D73;
  --accent: #C34975;
  --accent-hover: #AC4167;
  --accent-soft: #F7E1E8;
  --accent-text: #A74369;
  --number: #5A3A2E;
  --second: #5E783C;
  --second-soft: #EAF2DC;
  --ring: #E07A9A;
  --ring-track: #EAF2DC;
  --banner: radial-gradient(circle at 20% 120%, rgba(232, 154, 176, .45), transparent 45%), radial-gradient(circle at 90% 10%, rgba(141, 179, 90, .45), transparent 40%), linear-gradient(135deg, #5A3A2E, #8A5060 60%, #B83D69);
  --running-btn: #5A3A2E;
  --running-btn-text: #FFFFFF;
  --glow: #F6D97A;
  --status-run-bg: #FBF1D6;
  --status-run-text: #7A5E1A;
  --note-bg: #F7E1E8;
  --note-border: #EFCFDA;
  --note-link: #A74369;
  --dot-online: #8FC47A;
  --danger: #BE3D3D;
  --on-accent: #FFFFFF;
  /* what a shadow is made of in this theme, so dark themes still have depth */
  --shade: 90 58 46;
}

:root[data-theme="retro"] .sidebar {
  background-size: 20px 20px, 20px 20px, auto;
}

:root[data-theme="retro"] .dash-title,
:root[data-theme="retro"] .stat-value,
:root[data-theme="retro"] .timer {
  letter-spacing: .01em;
  font-variant-numeric: lining-nums tabular-nums;
}

/* ocean */
:root[data-theme="ocean"] {
  --bg: #EEF5F7;
  --surface: #FBFEFF;
  --border: #D5E4EA;
  --text: #16303F;
  --muted: #546D7B;
  --heading-font: "Lexend", "Segoe UI", system-ui, sans-serif;
  --side-bg: radial-gradient(circle at 50% 100%, transparent 8px, rgba(255, 255, 255, .16) 9px 11px, transparent 12px) 0 0 / 24px 14px, linear-gradient(#13596D, #0E4A63);
  --side-text: #E3F4F8;
  --side-active-bg: #FBFEFF;
  --side-active-text: #0E6E8C;
  --accent: #0E7C9A;
  --accent-hover: #0A6A85;
  --accent-soft: #DDF0F5;
  --accent-text: #0B6A84;
  --number: #0E3F57;
  --second: #2B7F79;
  --second-soft: #DDF3F1;
  --ring: #3FB8AF;
  --ring-track: #DDF0F5;
  --banner: radial-gradient(ellipse at 85% 0%, rgba(210, 245, 250, .35), transparent 50%), radial-gradient(circle at 15% 120%, rgba(127, 232, 218, .35), transparent 45%), linear-gradient(135deg, #0B3C5A, #0E6E8C 55%, #267771);
  --running-btn: #0E3F57;
  --running-btn-text: #FFFFFF;
  --glow: #7FE8DA;
  --status-run-bg: #D8F4F0;
  --status-run-text: #0F5E57;
  --note-bg: #DDF0F5;
  --note-border: #C8E3EC;
  --note-link: #0B6A84;
  --dot-online: #4FC39A;
  --danger: #C33F3F;
  --on-accent: #FFFFFF;
  /* what a shadow is made of in this theme, so dark themes still have depth */
  --shade: 11 60 90;
}

/* aurora */
:root[data-theme="aurora"] {
  --bg: #0D1026;
  --surface: #161A36;
  --border: #282D55;
  --text: #ECEBFA;
  --muted: #A3A5CC;
  --heading-font: "Lexend", "Segoe UI", system-ui, sans-serif;
  --side-bg: radial-gradient(1px 1px at 20% 20%, #FFFFFF, transparent) 0 0 / 46px 60px, radial-gradient(1.5px 1.5px at 70% 65%, rgba(255, 255, 255, .8), transparent) 0 0 / 46px 60px, radial-gradient(ellipse at 50% 0%, rgba(110, 231, 183, .25), transparent 55%), linear-gradient(#17153F, #0A0B1E);
  --side-text: #CFC8F7;
  --side-active-bg: #2A2560;
  --side-active-text: #9CFFD9;
  --accent: #7C5CE8;
  --accent-hover: #9175F0;
  --accent-soft: #272253;
  --accent-text: #B7A4FF;
  --number: #7EF2C4;
  --second: #4FD1C5;
  --second-soft: #1B2B47;
  --ring: #6EE7B7;
  --ring-track: #272253;
  --banner: radial-gradient(1px 1px at 12% 70%, #FFFFFF, transparent), radial-gradient(1.5px 1.5px at 38% 22%, #FFFFFF, transparent), radial-gradient(1px 1px at 62% 80%, #FFFFFF, transparent), radial-gradient(1px 1px at 90% 55%, #FFFFFF, transparent), radial-gradient(ellipse at 20% 0%, rgba(110, 231, 183, .5), transparent 55%), radial-gradient(ellipse at 75% 10%, rgba(139, 108, 240, .6), transparent 55%), radial-gradient(ellipse at 55% 110%, rgba(236, 72, 153, .3), transparent 60%), linear-gradient(160deg, #0B0E2A, #1B1650 60%, #2A1A5E);
  --running-btn: #6EE7B7;
  --running-btn-text: #0D1026;
  --glow: #9CFFD9;
  --status-run-bg: #173B3A;
  --status-run-text: #9CFFD9;
  --note-bg: #1D1B45;
  --note-border: #2E2A63;
  --note-link: #B7A4FF;
  --dot-online: #6EE7B7;
  --danger: #FF6B6B;
  --on-accent: #FFFFFF;
  /* what a shadow is made of in this theme, so dark themes still have depth */
  --shade: 255 255 255;
}

:root[data-theme="aurora"] .sidebar {
  border-right: 1px solid #1F2348;
}

/* sunflower */
:root[data-theme="sunflower"] {
  --bg: #FFF9E8;
  --surface: #FFFFFF;
  --border: #F2E3B3;
  --text: #2F2A1C;
  --muted: #766C50;
  --heading-font: "Lexend", "Segoe UI", system-ui, sans-serif;
  --side-bg: radial-gradient(circle, rgba(91, 58, 18, .22) 0 3px, transparent 4px) 0 0 / 22px 22px, #F5B800;
  --side-text: #3B2A07;
  --side-active-bg: #FFFFFF;
  --side-active-text: #9A5B00;
  --accent: #A96500;
  --accent-hover: #945900;
  --accent-soft: #FFF0C2;
  --accent-text: #9A5B00;
  --number: #5B3A12;
  --second: #54802C;
  --second-soft: #EAF4DC;
  --ring: #F5B800;
  --ring-track: #FFF0C2;
  --banner: radial-gradient(circle at 97% -30%, rgba(255, 247, 209, .22) 0 14%, rgba(255, 224, 102, .1) 15% 28%, transparent 46%), linear-gradient(135deg, #6E3C06, #9B5C00 55%, #916100);
  --running-btn: #5B3A12;
  --running-btn-text: #FFFFFF;
  --glow: #FFD84D;
  --status-run-bg: #FFF3C4;
  --status-run-text: #7A5200;
  --note-bg: #FFF0C2;
  --note-border: #F7E1A0;
  --note-link: #9A5B00;
  --dot-online: #6FA83A;
  --danger: #C94141;
  --on-accent: #FFFFFF;
  /* what a shadow is made of in this theme, so dark themes still have depth */
  --shade: 110 60 6;
}

/* lavender */
:root[data-theme="lavender"] {
  --bg: #F5F2FA;
  --surface: #FFFFFF;
  --border: #E3DCF1;
  --text: #2B2640;
  --muted: #5F5774;
  --heading-font: "Lexend", "Segoe UI", system-ui, sans-serif;
  --side-bg: repeating-linear-gradient(90deg, rgba(255, 255, 255, .17) 0 1px, transparent 1px 20px), radial-gradient(ellipse 2.2px 3.6px at 50% 50%, rgba(255, 255, 255, .36) 96%, transparent 100%) 0 0 / 20px 13px, radial-gradient(ellipse 2.2px 3.6px at 50% 50%, rgba(255, 255, 255, .23) 96%, transparent 100%) 10px 6.5px / 20px 13px, #9A89CE;
  --side-text: #2A2050;
  --side-active-bg: #FFFFFF;
  --side-active-text: #5B3FAF;
  --accent: #5E44B0;
  --accent-hover: #4F3899;
  --accent-soft: #EDE6F8;
  --accent-text: #5A3EAC;
  --number: #3B3170;
  --second: #AB5889;
  --second-soft: #F8E7EF;
  --ring: #A48CE0;
  --ring-track: #EDE6F8;
  --banner: radial-gradient(circle at 85% 20%, rgba(232, 220, 255, .30), transparent 42%), linear-gradient(135deg, #3B3170, #5A3F9E 55%, #7A4E92);
  --running-btn: #3B3170;
  --running-btn-text: #FFFFFF;
  --glow: #D7B4FF;
  --status-run-bg: #F1E7FA;
  --status-run-text: #5A3EAC;
  --note-bg: #EDE6F8;
  --note-border: #DED2F0;
  --note-link: #5A3EAC;
  --dot-online: #7FC79B;
  --danger: #C53F3F;
  --on-accent: #FFFFFF;
  /* what a shadow is made of in this theme, so dark themes still have depth */
  --shade: 59 49 112;
}

/* frost */
:root[data-theme="frost"] {
  --bg: #EFF2F7;
  --surface: #FDFEFF;
  --border: #D9E0EA;
  --text: #1E2733;
  --muted: #53606F;
  --heading-font: "Lexend", "Segoe UI", system-ui, sans-serif;
  --side-bg: radial-gradient(circle, rgba(255, 255, 255, .45) 0 1.7px, transparent 2.3px) 0 0 / 22px 22px, radial-gradient(circle, rgba(255, 255, 255, .24) 0 1.1px, transparent 1.7px) 11px 11px / 22px 22px, #7C90B6;
  --side-text: #1C2740;
  --side-active-bg: #FDFEFF;
  --side-active-text: #2F4C88;
  --accent: #33518F;
  --accent-hover: #2A4479;
  --accent-soft: #E2E9F5;
  --accent-text: #2F4C88;
  --number: #24344F;
  --second: #6172A1;
  --second-soft: #E8ECF8;
  --ring: #8FA8D8;
  --ring-track: #E2E9F5;
  --banner: radial-gradient(ellipse at 88% 0%, rgba(214, 234, 255, .32), transparent 48%), linear-gradient(135deg, #22304C, #35507F 55%, #4A5E86);
  --running-btn: #24344F;
  --running-btn-text: #FFFFFF;
  --glow: #BFE3FF;
  --status-run-bg: #E6EDF8;
  --status-run-text: #2F4C88;
  --note-bg: #E2E9F5;
  --note-border: #CEDAEC;
  --note-link: #2F4C88;
  --dot-online: #5FB48C;
  --danger: #BF3A3A;
  --on-accent: #FFFFFF;
  /* what a shadow is made of in this theme, so dark themes still have depth */
  --shade: 34 48 76;
}

/* linen */
:root[data-theme="linen"] {
  --bg: #F4F1EA;
  --surface: #FCFAF6;
  --border: #E3DCCF;
  --text: #33302A;
  --muted: #666057;
  --heading-font: "Lexend", "Segoe UI", system-ui, sans-serif;
  --side-bg: repeating-linear-gradient(0deg, rgba(255, 255, 255, .06) 0 2px, transparent 2px 5px), repeating-linear-gradient(90deg, rgba(0, 0, 0, .08) 0 2px, transparent 2px 5px), #6A6354;
  --side-text: #F7F2E8;
  --side-active-bg: #FCFAF6;
  --side-active-text: #6A4F3C;
  --accent: #6B5140;
  --accent-hover: #5A4335;
  --accent-soft: #EDE6DA;
  --accent-text: #674D3A;
  --number: #4A4238;
  --second: #677758;
  --second-soft: #EAEFE2;
  --ring: #B49A7E;
  --ring-track: #EDE6DA;
  --banner: radial-gradient(circle at 85% 20%, rgba(255, 238, 205, .26), transparent 42%), linear-gradient(135deg, #3E372E, #5E4C3C 55%, #77604A);
  --running-btn: #4A4238;
  --running-btn-text: #FFFFFF;
  --glow: #EFD9A0;
  --status-run-bg: #F2EBD9;
  --status-run-text: #6A5520;
  --note-bg: #EDE6DA;
  --note-border: #DFD4C2;
  --note-link: #674D3A;
  --dot-online: #6FA87C;
  --danger: #BB3B3B;
  --on-accent: #FFFFFF;
  /* what a shadow is made of in this theme, so dark themes still have depth */
  --shade: 62 55 46;
}

/* fern */
:root[data-theme="fern"] {
  --bg: #EDF4EF;
  --surface: #FBFFFC;
  --border: #D5E3D9;
  --text: #12281F;
  --muted: #4C6054;
  --heading-font: "Lexend", "Segoe UI", system-ui, sans-serif;
  --side-bg: repeating-linear-gradient(64deg, rgba(255, 255, 255, .11) 0 1px, transparent 1px 10px), repeating-linear-gradient(-64deg, rgba(255, 255, 255, .11) 0 1px, transparent 1px 10px), linear-gradient(#1F5745, #123528);
  --side-text: #DCF0E4;
  --side-active-bg: #FBFFFC;
  --side-active-text: #0F6449;
  --accent: #106848;
  --accent-hover: #0D573C;
  --accent-soft: #DDEDE2;
  --accent-text: #0F6449;
  --number: #1D4A38;
  --second: #8A6D18;
  --second-soft: #F4EBD4;
  --ring: #4FB88A;
  --ring-track: #DDEDE2;
  --banner: radial-gradient(circle at 15% 115%, rgba(182, 232, 107, .28), transparent 45%), linear-gradient(135deg, #0F3A2C, #1A5B42 55%, #3C6B3A);
  --running-btn: #1D4A38;
  --running-btn-text: #FFFFFF;
  --glow: #B6E86B;
  --status-run-bg: #E6F2DC;
  --status-run-text: #3B5A1E;
  --note-bg: #DDEDE2;
  --note-border: #C7DFCF;
  --note-link: #0F6449;
  --dot-online: #3FA378;
  --danger: #C03A3A;
  --on-accent: #FFFFFF;
  /* what a shadow is made of in this theme, so dark themes still have depth */
  --shade: 15 58 44;
}

/* dusk */
:root[data-theme="dusk"] {
  --bg: #121A22;
  --surface: #1B2530;
  --border: #2C3947;
  --text: #E6EDF3;
  --muted: #9CABB9;
  --heading-font: "Lexend", "Segoe UI", system-ui, sans-serif;
  --side-bg: radial-gradient(1.3px 1.3px at 24% 16%, rgba(255, 255, 255, .8), transparent) 0 0 / 52px 68px, radial-gradient(1px 1px at 68% 44%, rgba(255, 255, 255, .55), transparent) 0 0 / 52px 68px, radial-gradient(1.5px 1.5px at 46% 76%, rgba(255, 255, 255, .65), transparent) 0 0 / 52px 68px, radial-gradient(ellipse at 50% -6%, rgba(178, 206, 236, .26), transparent 58%), linear-gradient(#0E1A24, #0A1218);
  --side-text: #B9CBD8;
  --side-active-bg: #1E3040;
  --side-active-text: #9FD8F5;
  --accent: #4E8FB8;
  --accent-hover: #63A3CA;
  --accent-soft: #1E3040;
  --accent-text: #8FC5E4;
  --number: #9BD1EC;
  --second: #7FB0A6;
  --second-soft: #1E3038;
  --ring: #4E8FB8;
  --ring-track: #1E3040;
  --banner: radial-gradient(ellipse at 82% 10%, rgba(159, 216, 245, .26), transparent 48%), linear-gradient(135deg, #0E1720, #1D3345 55%, #2C4A5E);
  --running-btn: #8FC5E4;
  --running-btn-text: #121A22;
  --glow: #9FD8F5;
  --status-run-bg: #24384A;
  --status-run-text: #A9D4EC;
  --note-bg: #1C2A36;
  --note-border: #2C3E4C;
  --note-link: #8FC5E4;
  --dot-online: #5FD09A;
  --danger: #FF6B6B;
  --on-accent: #0C1319;
  /* what a shadow is made of in this theme, so dark themes still have depth */
  --shade: 14 23 32;
}

:root[data-theme="dusk"] .sidebar {
  border-right: 1px solid #1E3040;
}

/* cocoa */
:root[data-theme="cocoa"] {
  --bg: #221A15;
  --surface: #2E241D;
  --border: #40332A;
  --text: #F2E7DC;
  --muted: #B8A491;
  --heading-font: "Lexend", "Segoe UI", system-ui, sans-serif;
  --side-bg: radial-gradient(ellipse 0.7px 3.2px at 50% 50%, rgba(0, 0, 0, .5) 96%, transparent 100%) 0 0 / 22px 18px, radial-gradient(ellipse 0.7px 3.2px at 50% 50%, rgba(0, 0, 0, .44) 96%, transparent 100%) 11px 9px / 22px 18px, radial-gradient(ellipse 6px 3.6px at 50% 50%, rgba(255, 255, 255, .14) 96%, transparent 100%) 0 0 / 22px 18px, radial-gradient(ellipse 6px 3.6px at 50% 50%, rgba(255, 255, 255, .11) 96%, transparent 100%) 11px 9px / 22px 18px, #1A120D;
  --side-text: #E6C89C;
  --side-active-bg: #2E241D;
  --side-active-text: #F0C384;
  --accent: #CF9A54;
  --accent-hover: #DEAA66;
  --accent-soft: #3A2A1E;
  --accent-text: #E2B47A;
  --number: #E8C48C;
  --second: #9FB089;
  --second-soft: #2F3428;
  --ring: #CF9A54;
  --ring-track: #3A2A1E;
  --banner: radial-gradient(circle at 82% 25%, rgba(255, 215, 154, .30), transparent 45%), linear-gradient(135deg, #2A1D14, #4A3324 55%, #6B4526);
  --running-btn: #E2B47A;
  --running-btn-text: #221A15;
  --glow: #FFD79A;
  --status-run-bg: #3E2E18;
  --status-run-text: #F2CB92;
  --note-bg: #33251B;
  --note-border: #463327;
  --note-link: #E2B47A;
  --dot-online: #7FD49A;
  --danger: #FF6B6B;
  --on-accent: #241A12;
  /* what a shadow is made of in this theme, so dark themes still have depth */
  --shade: 42 29 20;
}

:root[data-theme="cocoa"] .sidebar {
  border-right: 1px solid #3A2A1E;
}

/* the firefly cursor, its glow following the theme */
:root,
:root[data-theme="meadow"] {
  --firefly-cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cdefs%3E%3CradialGradient id='g'%3E%3Cstop offset='0' stop-color='%23F3D77A' stop-opacity='.95'/%3E%3Cstop offset='.45' stop-color='%23F3D77A' stop-opacity='.5'/%3E%3Cstop offset='1' stop-color='%23F3D77A' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle cx='17' cy='17' r='12' fill='url(%23g)'/%3E%3Cg transform='rotate(-45 12 12)'%3E%3Cellipse cx='8.2' cy='10.5' rx='3.6' ry='2.2' fill='%23DCE4F5' stroke='white' stroke-width='.6' opacity='.95'/%3E%3Cellipse cx='15.8' cy='10.5' rx='3.6' ry='2.2' fill='%23DCE4F5' stroke='white' stroke-width='.6' opacity='.95'/%3E%3Cellipse cx='12' cy='12.5' rx='2.8' ry='4.6' fill='%23243B5A' stroke='white' stroke-width='1'/%3E%3Ccircle cx='12' cy='6.6' r='2.2' fill='%23243B5A' stroke='white' stroke-width='1'/%3E%3Ccircle cx='12' cy='17.6' r='2.6' fill='%23F3D77A' stroke='white' stroke-width='.7'/%3E%3C/g%3E%3C/svg%3E") 7 7, auto;
}

:root[data-theme="ember"] {
  --firefly-cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cdefs%3E%3CradialGradient id='g'%3E%3Cstop offset='0' stop-color='%23FFB054' stop-opacity='.95'/%3E%3Cstop offset='.45' stop-color='%23FFB054' stop-opacity='.5'/%3E%3Cstop offset='1' stop-color='%23FFB054' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle cx='17' cy='17' r='12' fill='url(%23g)'/%3E%3Cg transform='rotate(-45 12 12)'%3E%3Cellipse cx='8.2' cy='10.5' rx='3.6' ry='2.2' fill='%23DCE4F5' stroke='white' stroke-width='.6' opacity='.95'/%3E%3Cellipse cx='15.8' cy='10.5' rx='3.6' ry='2.2' fill='%23DCE4F5' stroke='white' stroke-width='.6' opacity='.95'/%3E%3Cellipse cx='12' cy='12.5' rx='2.8' ry='4.6' fill='%233A0E10' stroke='white' stroke-width='1'/%3E%3Ccircle cx='12' cy='6.6' r='2.2' fill='%233A0E10' stroke='white' stroke-width='1'/%3E%3Ccircle cx='12' cy='17.6' r='2.6' fill='%23FFB054' stroke='white' stroke-width='.7'/%3E%3C/g%3E%3C/svg%3E") 7 7, auto;
}

:root[data-theme="pumpkin"] {
  --firefly-cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cdefs%3E%3CradialGradient id='g'%3E%3Cstop offset='0' stop-color='%23FFC76B' stop-opacity='.95'/%3E%3Cstop offset='.45' stop-color='%23FFC76B' stop-opacity='.5'/%3E%3Cstop offset='1' stop-color='%23FFC76B' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle cx='17' cy='17' r='12' fill='url(%23g)'/%3E%3Cg transform='rotate(-45 12 12)'%3E%3Cellipse cx='8.2' cy='10.5' rx='3.6' ry='2.2' fill='%23DCE4F5' stroke='white' stroke-width='.6' opacity='.95'/%3E%3Cellipse cx='15.8' cy='10.5' rx='3.6' ry='2.2' fill='%23DCE4F5' stroke='white' stroke-width='.6' opacity='.95'/%3E%3Cellipse cx='12' cy='12.5' rx='2.8' ry='4.6' fill='%236B3F22' stroke='white' stroke-width='1'/%3E%3Ccircle cx='12' cy='6.6' r='2.2' fill='%236B3F22' stroke='white' stroke-width='1'/%3E%3Ccircle cx='12' cy='17.6' r='2.6' fill='%23FFC76B' stroke='white' stroke-width='.7'/%3E%3C/g%3E%3C/svg%3E") 7 7, auto;
}

:root[data-theme="pink"] {
  --firefly-cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cdefs%3E%3CradialGradient id='g'%3E%3Cstop offset='0' stop-color='%23FF7FB6' stop-opacity='.95'/%3E%3Cstop offset='.45' stop-color='%23FF7FB6' stop-opacity='.5'/%3E%3Cstop offset='1' stop-color='%23FF7FB6' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle cx='17' cy='17' r='12' fill='url(%23g)'/%3E%3Cg transform='rotate(-45 12 12)'%3E%3Cellipse cx='8.2' cy='10.5' rx='3.6' ry='2.2' fill='%23DCE4F5' stroke='white' stroke-width='.6' opacity='.95'/%3E%3Cellipse cx='15.8' cy='10.5' rx='3.6' ry='2.2' fill='%23DCE4F5' stroke='white' stroke-width='.6' opacity='.95'/%3E%3Cellipse cx='12' cy='12.5' rx='2.8' ry='4.6' fill='%232F3C57' stroke='white' stroke-width='1'/%3E%3Ccircle cx='12' cy='6.6' r='2.2' fill='%232F3C57' stroke='white' stroke-width='1'/%3E%3Ccircle cx='12' cy='17.6' r='2.6' fill='%23FF7FB6' stroke='white' stroke-width='.7'/%3E%3C/g%3E%3C/svg%3E") 7 7, auto;
}

:root[data-theme="cherry"] {
  --firefly-cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cdefs%3E%3CradialGradient id='g'%3E%3Cstop offset='0' stop-color='%23FF4D5E' stop-opacity='.95'/%3E%3Cstop offset='.45' stop-color='%23FF4D5E' stop-opacity='.5'/%3E%3Cstop offset='1' stop-color='%23FF4D5E' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle cx='17' cy='17' r='12' fill='url(%23g)'/%3E%3Cg transform='rotate(-45 12 12)'%3E%3Cellipse cx='8.2' cy='10.5' rx='3.6' ry='2.2' fill='%23DCE4F5' stroke='white' stroke-width='.6' opacity='.95'/%3E%3Cellipse cx='15.8' cy='10.5' rx='3.6' ry='2.2' fill='%23DCE4F5' stroke='white' stroke-width='.6' opacity='.95'/%3E%3Cellipse cx='12' cy='12.5' rx='2.8' ry='4.6' fill='%230E0E10' stroke='white' stroke-width='1'/%3E%3Ccircle cx='12' cy='6.6' r='2.2' fill='%230E0E10' stroke='white' stroke-width='1'/%3E%3Ccircle cx='12' cy='17.6' r='2.6' fill='%23FF4D5E' stroke='white' stroke-width='.7'/%3E%3C/g%3E%3C/svg%3E") 7 7, auto;
}

:root[data-theme="retro"] {
  --firefly-cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cdefs%3E%3CradialGradient id='g'%3E%3Cstop offset='0' stop-color='%23F6D97A' stop-opacity='.95'/%3E%3Cstop offset='.45' stop-color='%23F6D97A' stop-opacity='.5'/%3E%3Cstop offset='1' stop-color='%23F6D97A' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle cx='17' cy='17' r='12' fill='url(%23g)'/%3E%3Cg transform='rotate(-45 12 12)'%3E%3Cellipse cx='8.2' cy='10.5' rx='3.6' ry='2.2' fill='%23DCE4F5' stroke='white' stroke-width='.6' opacity='.95'/%3E%3Cellipse cx='15.8' cy='10.5' rx='3.6' ry='2.2' fill='%23DCE4F5' stroke='white' stroke-width='.6' opacity='.95'/%3E%3Cellipse cx='12' cy='12.5' rx='2.8' ry='4.6' fill='%235A3A2E' stroke='white' stroke-width='1'/%3E%3Ccircle cx='12' cy='6.6' r='2.2' fill='%235A3A2E' stroke='white' stroke-width='1'/%3E%3Ccircle cx='12' cy='17.6' r='2.6' fill='%23F6D97A' stroke='white' stroke-width='.7'/%3E%3C/g%3E%3C/svg%3E") 7 7, auto;
}

:root[data-theme="ocean"] {
  --firefly-cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cdefs%3E%3CradialGradient id='g'%3E%3Cstop offset='0' stop-color='%237FE8DA' stop-opacity='.95'/%3E%3Cstop offset='.45' stop-color='%237FE8DA' stop-opacity='.5'/%3E%3Cstop offset='1' stop-color='%237FE8DA' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle cx='17' cy='17' r='12' fill='url(%23g)'/%3E%3Cg transform='rotate(-45 12 12)'%3E%3Cellipse cx='8.2' cy='10.5' rx='3.6' ry='2.2' fill='%23DCE4F5' stroke='white' stroke-width='.6' opacity='.95'/%3E%3Cellipse cx='15.8' cy='10.5' rx='3.6' ry='2.2' fill='%23DCE4F5' stroke='white' stroke-width='.6' opacity='.95'/%3E%3Cellipse cx='12' cy='12.5' rx='2.8' ry='4.6' fill='%230E3F57' stroke='white' stroke-width='1'/%3E%3Ccircle cx='12' cy='6.6' r='2.2' fill='%230E3F57' stroke='white' stroke-width='1'/%3E%3Ccircle cx='12' cy='17.6' r='2.6' fill='%237FE8DA' stroke='white' stroke-width='.7'/%3E%3C/g%3E%3C/svg%3E") 7 7, auto;
}

:root[data-theme="aurora"] {
  --firefly-cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cdefs%3E%3CradialGradient id='g'%3E%3Cstop offset='0' stop-color='%239CFFD9' stop-opacity='.95'/%3E%3Cstop offset='.45' stop-color='%239CFFD9' stop-opacity='.5'/%3E%3Cstop offset='1' stop-color='%239CFFD9' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle cx='17' cy='17' r='12' fill='url(%23g)'/%3E%3Cg transform='rotate(-45 12 12)'%3E%3Cellipse cx='8.2' cy='10.5' rx='3.6' ry='2.2' fill='%23DCE4F5' stroke='white' stroke-width='.6' opacity='.95'/%3E%3Cellipse cx='15.8' cy='10.5' rx='3.6' ry='2.2' fill='%23DCE4F5' stroke='white' stroke-width='.6' opacity='.95'/%3E%3Cellipse cx='12' cy='12.5' rx='2.8' ry='4.6' fill='%231B1650' stroke='white' stroke-width='1'/%3E%3Ccircle cx='12' cy='6.6' r='2.2' fill='%231B1650' stroke='white' stroke-width='1'/%3E%3Ccircle cx='12' cy='17.6' r='2.6' fill='%239CFFD9' stroke='white' stroke-width='.7'/%3E%3C/g%3E%3C/svg%3E") 7 7, auto;
}

:root[data-theme="sunflower"] {
  --firefly-cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cdefs%3E%3CradialGradient id='g'%3E%3Cstop offset='0' stop-color='%23FFD84D' stop-opacity='.95'/%3E%3Cstop offset='.45' stop-color='%23FFD84D' stop-opacity='.5'/%3E%3Cstop offset='1' stop-color='%23FFD84D' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle cx='17' cy='17' r='12' fill='url(%23g)'/%3E%3Cg transform='rotate(-45 12 12)'%3E%3Cellipse cx='8.2' cy='10.5' rx='3.6' ry='2.2' fill='%23DCE4F5' stroke='white' stroke-width='.6' opacity='.95'/%3E%3Cellipse cx='15.8' cy='10.5' rx='3.6' ry='2.2' fill='%23DCE4F5' stroke='white' stroke-width='.6' opacity='.95'/%3E%3Cellipse cx='12' cy='12.5' rx='2.8' ry='4.6' fill='%235B3A12' stroke='white' stroke-width='1'/%3E%3Ccircle cx='12' cy='6.6' r='2.2' fill='%235B3A12' stroke='white' stroke-width='1'/%3E%3Ccircle cx='12' cy='17.6' r='2.6' fill='%23FFD84D' stroke='white' stroke-width='.7'/%3E%3C/g%3E%3C/svg%3E") 7 7, auto;
}

:root[data-theme="lavender"] {
  --firefly-cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cdefs%3E%3CradialGradient id='g'%3E%3Cstop offset='0' stop-color='%23D7B4FF' stop-opacity='.95'/%3E%3Cstop offset='.45' stop-color='%23D7B4FF' stop-opacity='.5'/%3E%3Cstop offset='1' stop-color='%23D7B4FF' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle cx='17' cy='17' r='12' fill='url(%23g)'/%3E%3Cg transform='rotate(-45 12 12)'%3E%3Cellipse cx='8.2' cy='10.5' rx='3.6' ry='2.2' fill='%23DCE4F5' stroke='white' stroke-width='.6' opacity='.95'/%3E%3Cellipse cx='15.8' cy='10.5' rx='3.6' ry='2.2' fill='%23DCE4F5' stroke='white' stroke-width='.6' opacity='.95'/%3E%3Cellipse cx='12' cy='12.5' rx='2.8' ry='4.6' fill='%233B3170' stroke='white' stroke-width='1'/%3E%3Ccircle cx='12' cy='6.6' r='2.2' fill='%233B3170' stroke='white' stroke-width='1'/%3E%3Ccircle cx='12' cy='17.6' r='2.6' fill='%23D7B4FF' stroke='white' stroke-width='.7'/%3E%3C/g%3E%3C/svg%3E") 7 7, auto;
}

:root[data-theme="frost"] {
  --firefly-cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cdefs%3E%3CradialGradient id='g'%3E%3Cstop offset='0' stop-color='%23BFE3FF' stop-opacity='.95'/%3E%3Cstop offset='.45' stop-color='%23BFE3FF' stop-opacity='.5'/%3E%3Cstop offset='1' stop-color='%23BFE3FF' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle cx='17' cy='17' r='12' fill='url(%23g)'/%3E%3Cg transform='rotate(-45 12 12)'%3E%3Cellipse cx='8.2' cy='10.5' rx='3.6' ry='2.2' fill='%23DCE4F5' stroke='white' stroke-width='.6' opacity='.95'/%3E%3Cellipse cx='15.8' cy='10.5' rx='3.6' ry='2.2' fill='%23DCE4F5' stroke='white' stroke-width='.6' opacity='.95'/%3E%3Cellipse cx='12' cy='12.5' rx='2.8' ry='4.6' fill='%2324344F' stroke='white' stroke-width='1'/%3E%3Ccircle cx='12' cy='6.6' r='2.2' fill='%2324344F' stroke='white' stroke-width='1'/%3E%3Ccircle cx='12' cy='17.6' r='2.6' fill='%23BFE3FF' stroke='white' stroke-width='.7'/%3E%3C/g%3E%3C/svg%3E") 7 7, auto;
}

:root[data-theme="linen"] {
  --firefly-cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cdefs%3E%3CradialGradient id='g'%3E%3Cstop offset='0' stop-color='%23EFD9A0' stop-opacity='.95'/%3E%3Cstop offset='.45' stop-color='%23EFD9A0' stop-opacity='.5'/%3E%3Cstop offset='1' stop-color='%23EFD9A0' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle cx='17' cy='17' r='12' fill='url(%23g)'/%3E%3Cg transform='rotate(-45 12 12)'%3E%3Cellipse cx='8.2' cy='10.5' rx='3.6' ry='2.2' fill='%23DCE4F5' stroke='white' stroke-width='.6' opacity='.95'/%3E%3Cellipse cx='15.8' cy='10.5' rx='3.6' ry='2.2' fill='%23DCE4F5' stroke='white' stroke-width='.6' opacity='.95'/%3E%3Cellipse cx='12' cy='12.5' rx='2.8' ry='4.6' fill='%234A4238' stroke='white' stroke-width='1'/%3E%3Ccircle cx='12' cy='6.6' r='2.2' fill='%234A4238' stroke='white' stroke-width='1'/%3E%3Ccircle cx='12' cy='17.6' r='2.6' fill='%23EFD9A0' stroke='white' stroke-width='.7'/%3E%3C/g%3E%3C/svg%3E") 7 7, auto;
}

:root[data-theme="fern"] {
  --firefly-cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cdefs%3E%3CradialGradient id='g'%3E%3Cstop offset='0' stop-color='%23B6E86B' stop-opacity='.95'/%3E%3Cstop offset='.45' stop-color='%23B6E86B' stop-opacity='.5'/%3E%3Cstop offset='1' stop-color='%23B6E86B' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle cx='17' cy='17' r='12' fill='url(%23g)'/%3E%3Cg transform='rotate(-45 12 12)'%3E%3Cellipse cx='8.2' cy='10.5' rx='3.6' ry='2.2' fill='%23DCE4F5' stroke='white' stroke-width='.6' opacity='.95'/%3E%3Cellipse cx='15.8' cy='10.5' rx='3.6' ry='2.2' fill='%23DCE4F5' stroke='white' stroke-width='.6' opacity='.95'/%3E%3Cellipse cx='12' cy='12.5' rx='2.8' ry='4.6' fill='%231D4A38' stroke='white' stroke-width='1'/%3E%3Ccircle cx='12' cy='6.6' r='2.2' fill='%231D4A38' stroke='white' stroke-width='1'/%3E%3Ccircle cx='12' cy='17.6' r='2.6' fill='%23B6E86B' stroke='white' stroke-width='.7'/%3E%3C/g%3E%3C/svg%3E") 7 7, auto;
}

:root[data-theme="dusk"] {
  --firefly-cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cdefs%3E%3CradialGradient id='g'%3E%3Cstop offset='0' stop-color='%239FD8F5' stop-opacity='.95'/%3E%3Cstop offset='.45' stop-color='%239FD8F5' stop-opacity='.5'/%3E%3Cstop offset='1' stop-color='%239FD8F5' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle cx='17' cy='17' r='12' fill='url(%23g)'/%3E%3Cg transform='rotate(-45 12 12)'%3E%3Cellipse cx='8.2' cy='10.5' rx='3.6' ry='2.2' fill='%23DCE4F5' stroke='white' stroke-width='.6' opacity='.95'/%3E%3Cellipse cx='15.8' cy='10.5' rx='3.6' ry='2.2' fill='%23DCE4F5' stroke='white' stroke-width='.6' opacity='.95'/%3E%3Cellipse cx='12' cy='12.5' rx='2.8' ry='4.6' fill='%23121A22' stroke='white' stroke-width='1'/%3E%3Ccircle cx='12' cy='6.6' r='2.2' fill='%23121A22' stroke='white' stroke-width='1'/%3E%3Ccircle cx='12' cy='17.6' r='2.6' fill='%239FD8F5' stroke='white' stroke-width='.7'/%3E%3C/g%3E%3C/svg%3E") 7 7, auto;
}

:root[data-theme="cocoa"] {
  --firefly-cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cdefs%3E%3CradialGradient id='g'%3E%3Cstop offset='0' stop-color='%23FFD79A' stop-opacity='.95'/%3E%3Cstop offset='.45' stop-color='%23FFD79A' stop-opacity='.5'/%3E%3Cstop offset='1' stop-color='%23FFD79A' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle cx='17' cy='17' r='12' fill='url(%23g)'/%3E%3Cg transform='rotate(-45 12 12)'%3E%3Cellipse cx='8.2' cy='10.5' rx='3.6' ry='2.2' fill='%23DCE4F5' stroke='white' stroke-width='.6' opacity='.95'/%3E%3Cellipse cx='15.8' cy='10.5' rx='3.6' ry='2.2' fill='%23DCE4F5' stroke='white' stroke-width='.6' opacity='.95'/%3E%3Cellipse cx='12' cy='12.5' rx='2.8' ry='4.6' fill='%23221A15' stroke='white' stroke-width='1'/%3E%3Ccircle cx='12' cy='6.6' r='2.2' fill='%23221A15' stroke='white' stroke-width='1'/%3E%3Ccircle cx='12' cy='17.6' r='2.6' fill='%23FFD79A' stroke='white' stroke-width='.7'/%3E%3C/g%3E%3C/svg%3E") 7 7, auto;
}