:root {
  --csstools-light-dark-toggle--0: var(--csstools-color-scheme--light) white;
  --action-active: var(--csstools-light-dark-toggle--0, rgb(0, 0, 0 / 0.54));

  --action-hover-opacity-light: 4%;
  --action-hover-opacity-dark: 8%;
  --csstools-light-dark-toggle--1: var(--csstools-color-scheme--light) rgb(255, 255, 255 / var(--action-hover-opacity-dark));
  --action-hover: var(--csstools-light-dark-toggle--1, rgb(0, 0, 0 / var(--action-hover-opacity-light)));

  --action-selected-opacity-light: 16%;
  --action-selected-opacity-dark: 24%;
  --csstools-light-dark-toggle--2: var(--csstools-color-scheme--light) rgb(255, 255, 255 / var(--action-selected-opacity-dark));
  --action-selected: var(--csstools-light-dark-toggle--2, rgb(0, 0, 0 / var(--action-selected-opacity-light)));

  --csstools-light-dark-toggle--3: var(--csstools-color-scheme--light) rgba(255, 255, 255, 0.3);

  --action-disabled: var(--csstools-light-dark-toggle--3, rgba(0, 0, 0, 0.26));
  --csstools-light-dark-toggle--4: var(--csstools-color-scheme--light) rgba(255, 255, 255, 0.12);
  --action-disabled-background: var(--csstools-light-dark-toggle--4, rgba(0, 0, 0, 0.12));
  --action-disabled-opacity: 0.38;

  --csstools-light-dark-toggle--5: var(--csstools-color-scheme--light) rgba(255, 255, 255, 0.12);

  --action-focus: var(--csstools-light-dark-toggle--5, rgba(0, 0, 0, 0.12));
  --action-focus-opacity: 0.12;
  --csstools-light-dark-toggle--6: var(--csstools-color-scheme--light) 0.24;
  --action-activated-opacity: var(--csstools-light-dark-toggle--6, 0.12);
  /* color-scheme: dark; */

  --csstools-light-dark-toggle--17: var(--csstools-color-scheme--light) rgba(245, 245, 245, 1);

  --text-color-primary: var(--csstools-light-dark-toggle--17, rgba(0, 0, 0, 0.87));
  --csstools-light-dark-toggle--18: var(--csstools-color-scheme--light) rgba(245, 245, 245, 0.5);
  --text-color-secondary: var(--csstools-light-dark-toggle--18, rgba(0, 0, 0, 0.6));
  --csstools-light-dark-toggle--19: var(--csstools-color-scheme--light) rgba(245, 245, 245, 0.5);
  --text-color-disabled: var(--csstools-light-dark-toggle--19, rgba(0, 0, 0, 0.38));
  --csstools-light-dark-toggle--20: var(--csstools-color-scheme--light) rgba(245, 245, 245, 0.5);
  --text-color-icon: var(--csstools-light-dark-toggle--20, rgba(0, 0, 0, 0.5));
  --text-color-success: var(--success-main);
  --text-color-info: var(--info-main);
  --text-color-warning: var(--warning-main);
  --text-color-danger: var(--danger-main);
  --text-color-muted: var(--grey-600);
  --breakpoint-xs: 0px;
  --breakpoint-sm: 600px;
  --breakpoint-md: 900px;
  --breakpoint-lg: 1200px;
  --breakpoint-xl: 1536px;
  --csstools-color-scheme--light: initial;
  color-scheme: light dark;

  --amber-50: #fff8e1;
  --amber-100: #ffecb3;
  --amber-200: #ffe082;
  --amber-300: #ffd54f;
  --amber-400: #ffca28;
  --amber-500: #ffc107;
  --amber-600: #ffb300;
  --amber-700: #ffa000;
  --amber-800: #ff8f00;
  --amber-900: #ff6f00;
  --amber-A100: #ffe57f;
  --amber-A200: #ffd740;
  --amber-A400: #ffc400;
  --amber-A700: #ffab00;

  --blue-50: #e3f2fd;
  --blue-100: #bbdefb;
  --blue-200: #90caf9;
  --blue-300: #64b5f6;
  --blue-400: #42a5f5;
  --blue-500: #2196f3;
  --blue-600: #1e88e5;
  --blue-700: #1976d2;
  --blue-800: #1565c0;
  --blue-900: #0d47a1;
  --blue-A100: #82b1ff;
  --blue-A200: #448aff;
  --blue-A400: #2979ff;
  --blue-A700: #2962ff;

  --blue-grey-50: #eceff1;
  --blue-grey-100: #cfd8dc;
  --blue-grey-200: #b0bec5;
  --blue-grey-300: #90a4ae;
  --blue-grey-400: #78909c;
  --blue-grey-500: #607d8b;
  --blue-grey-600: #546e7a;
  --blue-grey-700: #455a64;
  --blue-grey-800: #37474f;
  --blue-grey-900: #263238;
  --blue-grey-A100: #cfd8dc;
  --blue-grey-A200: #b0bec5;
  --blue-grey-A400: #78909c;
  --blue-grey-A700: #455a64;

  --brand-050: #ebecef;
  --brand-100: #ced0d7;
  --brand-200: #adb1bd;
  --brand-300: #8c92a2;
  --brand-400: #747a8e;
  --brand-500: #5b637a;
  --brand-600: #535b72;
  --brand-700: #495167;
  --brand-800: #40475d;
  --brand-900: #2f354a;

  --brown-50: #efebe9;
  --brown-100: #d7ccc8;
  --brown-200: #bcaaa4;
  --brown-300: #a1887f;
  --brown-400: #8d6e63;
  --brown-500: #795548;
  --brown-600: #6d4c41;
  --brown-700: #5d4037;
  --brown-800: #4e342e;
  --brown-900: #3e2723;
  --brown-A100: #d7ccc8;
  --brown-A200: #bcaaa4;
  --brown-A400: #8d6e63;
  --brown-A700: #5d4037;

  --cyan-50: #e0f7fa;
  --cyan-100: #b2ebf2;
  --cyan-200: #80deea;
  --cyan-300: #4dd0e1;
  --cyan-400: #26c6da;
  --cyan-500: #00bcd4;
  --cyan-600: #00acc1;
  --cyan-700: #0097a7;
  --cyan-800: #00838f;
  --cyan-900: #006064;
  --cyan-A100: #84ffff;
  --cyan-A200: #18ffff;
  --cyan-A400: #00e5ff;
  --cyan-A700: #00b8d4;

  --deep-orange-50: #fbe9e7;
  --deep-orange-100: #ffccbc;
  --deep-orange-200: #ffab91;
  --deep-orange-300: #ff8a65;
  --deep-orange-400: #ff7043;
  --deep-orange-500: #ff5722;
  --deep-orange-600: #f4511e;
  --deep-orange-700: #e64a19;
  --deep-orange-800: #d84315;
  --deep-orange-900: #bf360c;
  --deep-orange-A100: #ff9e80;
  --deep-orange-A200: #ff6e40;
  --deep-orange-A400: #ff3d00;
  --deep-orange-A700: #dd2c00;

  --deep-purple-50: #ede7f6;
  --deep-purple-100: #d1c4e9;
  --deep-purple-200: #b39ddb;
  --deep-purple-300: #9575cd;
  --deep-purple-400: #7e57c2;
  --deep-purple-500: #673ab7;
  --deep-purple-600: #5e35b1;
  --deep-purple-700: #512da8;
  --deep-purple-800: #4527a0;
  --deep-purple-900: #311b92;
  --deep-purple-A100: #b388ff;
  --deep-purple-A200: #7c4dff;
  --deep-purple-A400: #651fff;
  --deep-purple-A700: #6200ea;

  --green-50: #e8f5e9;
  --green-100: #c8e6c9;
  --green-200: #a5d6a7;
  --green-300: #81c784;
  --green-400: #66bb6a;
  --green-500: #4caf50;
  --green-600: #43a047;
  --green-700: #388e3c;
  --green-800: #2e7d32;
  --green-900: #1b5e20;
  --green-A100: #b9f6ca;
  --green-A200: #69f0ae;
  --green-A400: #00e676;
  --green-A700: #00c853;

  --grey-000: #f8f9fa;
  --grey-050: #eff0f2;
  --grey-100: #e5e8ea;
  --grey-150: #d3d7db;
  --grey-200: #c9ced4;
  --grey-250: #b6bdc5;
  --grey-300: #adb5bd;
  --grey-350: #a4adb5;
  --grey-400: #919ca6;
  --grey-450: #7e8b97;
  --grey-500: #758290;
  --grey-550: #65717d;
  --grey-600: #5d6974;
  --grey-650: #4e5861;
  --grey-700: #474f58;
  --grey-750: #373e45;
  --grey-800: #30363b;
  --grey-850: #212529;
  --grey-900: #191c1f;
  --grey-950: #0a0b0c;
  --grey-999: #020303;
  --grey-A100: #f5f5f5;
  --grey-A200: #eeeeee;
  --grey-A400: #bdbdbd;
  --grey-A700: #616161;

  --indigo-50: #e8eaf6;
  --indigo-100: #c5cae9;
  --indigo-200: #9fa8da;
  --indigo-300: #7986cb;
  --indigo-400: #5c6bc0;
  --indigo-500: #3f51b5;
  --indigo-600: #3949ab;
  --indigo-700: #303f9f;
  --indigo-800: #283593;
  --indigo-900: #1a237e;
  --indigo-A100: #8c9eff;
  --indigo-A200: #536dfe;
  --indigo-A400: #3d5afe;
  --indigo-A700: #304ffe;

  --light-blue-50:  hsl(199, 98%, 97%);
  --light-blue-100: hsl(199, 98%, 92%);
  --light-blue-200: hsl(199, 98%, 89%);
  --light-blue-300: hsl(199, 98%, 82%);
  --light-blue-400: hsl(199, 98%, 75%);
  --light-blue-500: hsl(199, 98%, 65%);
  --light-blue-600: hsl(199, 98%, 50%);
  --light-blue-700: hsl(199, 98%, 40%);
  --light-blue-800: hsl(199, 98%, 22%);
  --light-blue-900: hsl(199, 98%, 12%);
  --light-blue-A100: #80d8ff;
  --light-blue-A200: #40c4ff;
  --light-blue-A400: #00b0ff;
  --light-blue-A700: #0091ea;

  --light-green-50: #f1f8e9;
  --light-green-100: #dcedc8;
  --light-green-200: #c5e1a5;
  --light-green-300: #aed581;
  --light-green-400: #9ccc65;
  --light-green-500: #8bc34a;
  --light-green-600: #7cb342;
  --light-green-700: #689f38;
  --light-green-800: #558b2f;
  --light-green-900: #33691e;
  --light-green-A100: #ccff90;
  --light-green-A200: #b2ff59;
  --light-green-A400: #76ff03;
  --light-green-A700: #64dd17;

  --lime-50: #f9fbe7;
  --lime-100: #f0f4c3;
  --lime-200: #e6ee9c;
  --lime-300: #dce775;
  --lime-400: #d4e157;
  --lime-500: #cddc39;
  --lime-600: #c0ca33;
  --lime-700: #afb42b;
  --lime-800: #9e9d24;
  --lime-900: #827717;
  --lime-A100: #f4ff81;
  --lime-A200: #eeff41;
  --lime-A400: #c6ff00;
  --lime-A700: #aeea00;

  --orange-50: #fff3e0;
  --orange-100: #ffe0b2;
  --orange-200: #ffcc80;
  --orange-300: #ffb74d;
  --orange-400: #ffa726;
  --orange-500: #ff9800;
  --orange-600: #fb8c00;
  --orange-700: #f57c00;
  --orange-800: #ef6c00;
  --orange-900: #e65100;
  --orange-A100: #ffd180;
  --orange-A200: #ffab40;
  --orange-A400: #ff9100;
  --orange-A700: #ff6d00;

  --pink-50:  hsl(331, 98%, 96%);
  --pink-100: hsl(331, 98%, 90%);
  --pink-200: hsl(331, 98%, 80%);
  --pink-300: hsl(331, 98%, 68%);
  --pink-400: hsl(331, 98%, 60%);
  --pink-500: hsl(331, 98%, 51%);
  --pink-600: hsl(331, 98%, 42%);
  --pink-700: hsl(331, 98%, 38%);
  --pink-800: hsl(331, 98%, 30%);
  --pink-900: hsl(331, 98%, 23%);
  --pink-A100: #ff80ab;
  --pink-A200: #ff4081;
  --pink-A400: #f50057;
  --pink-A700: #c51162;

  --purple-50: #f3e5f5;
  --purple-100: #e1bee7;
  --purple-200: #ce93d8;
  --purple-300: #ba68c8;
  --purple-400: #ab47bc;
  --purple-500: #9c27b0;
  --purple-600: #8e24aa;
  --purple-700: #7b1fa2;
  --purple-800: #6a1b9a;
  --purple-900: #4a148c;
  --purple-A100: #ea80fc;
  --purple-A200: #e040fb;
  --purple-A400: #d500f9;
  --purple-A700: #aa00ff;

  --red-50: #ffebee;
  --red-100: #ffcdd2;
  --red-200: #ef9a9a;
  --red-300: #e57373;
  --red-400: #ef5350;
  --red-500: #f44336;
  --red-600: #e53935;
  --red-700: #d32f2f;
  --red-800: #c62828;
  --red-900: #b71c1c;
  --red-A100: #ff8a80;
  --red-A200: #ff5252;
  --red-A400: #ff1744;
  --red-A700: #d50000;

  --teal-50: #e0f2f1;
  --teal-100: #b2dfdb;
  --teal-200: #80cbc4;
  --teal-300: #4db6ac;
  --teal-400: #26a69a;
  --teal-500: #009688;
  --teal-600: #00897b;
  --teal-700: #00796b;
  --teal-800: #00695c;
  --teal-900: #004d40;
  --teal-A100: #a7ffeb;
  --teal-A200: #64ffda;
  --teal-A400: #1de9b6;
  --teal-A700: #00bfa5;

  --yellow-50: #fffde7;
  --yellow-100: #fff9c4;
  --yellow-200: #fff59d;
  --yellow-300: #fff176;
  --yellow-400: #ffee58;
  --yellow-500: #ffeb3b;
  --yellow-600: #fdd835;
  --yellow-700: #fbc02d;
  --yellow-800: #f9a825;
  --yellow-900: #f57f17;
  --yellow-A100: #ffff8d;
  --yellow-A200: #ffff00;
  --yellow-A400: #ffea00;
  --yellow-A700: #ffd600;

  --variant-shade-opacity: 20%;

  --trans-blue-lightest: #f0f8ff;
  --trans-blue-light: #b9eafe;
  --trans-blue-main: #55CDFC;
  --trans-blue-dark: #0377a4;
  --trans-blue-darkest: #025372;

  --trans-pink-lightest: #fef6f7;
  --trans-pink-light: #fde6eb;
  --trans-pink-main: #F7A8B8;
  --trans-pink-dark: #ee4b6c;
  --trans-pink-darkest: #ea1c46;

  --primary-main: #fc0a7e;
  --csstools-light-dark-toggle--28: var(--csstools-color-scheme--light) black;
  --primary-light: color-mix(in oklab, var(--primary-main), var(--csstools-light-dark-toggle--28, white) var(--variant-shade-opacity));
  --csstools-light-dark-toggle--29: var(--csstools-color-scheme--light) white;
  --primary-dark: color-mix(in oklab, var(--primary-main), var(--csstools-light-dark-toggle--29, black) var(--variant-shade-opacity));
  --csstools-light-dark-toggle--30: var(--csstools-color-scheme--light) rgba(0, 0, 0, 0.87);
  --primary-contrast: var(--csstools-light-dark-toggle--30, rgba(255, 255, 255, 1));

  --secondary-main: #03a9f4;
  --csstools-light-dark-toggle--31: var(--csstools-color-scheme--light) black;
  --secondary-light: color-mix(in oklab, var(--secondary-main), var(--csstools-light-dark-toggle--31, white) var(--variant-shade-opacity));
  --csstools-light-dark-toggle--32: var(--csstools-color-scheme--light) white;
  --secondary-dark: color-mix(in oklab, var(--secondary-main), var(--csstools-light-dark-toggle--32, black) var(--variant-shade-opacity));
  --csstools-light-dark-toggle--33: var(--csstools-color-scheme--light) rgba(0, 0, 0, 0.87);
  --secondary-contrast: var(--csstools-light-dark-toggle--33, rgba(255, 255, 255, 1));

  --success-main: hsl(144, 72%, 37%);
  --csstools-light-dark-toggle--34: var(--csstools-color-scheme--light) black;
  --success-light: color-mix(in oklab, var(--success-main), var(--csstools-light-dark-toggle--34, white) var(--variant-shade-opacity));
  --csstools-light-dark-toggle--35: var(--csstools-color-scheme--light) white;
  --success-dark: color-mix(in oklab, var(--success-main), var(--csstools-light-dark-toggle--35, black) var(--variant-shade-opacity));
  --csstools-light-dark-toggle--36: var(--csstools-color-scheme--light) rgba(0, 0, 0, 0.87);
  --success-contrast: var(--csstools-light-dark-toggle--36, rgba(255, 255, 255, 1));

  --info-main: hsl(201, 98%, 40%);
  --csstools-light-dark-toggle--37: var(--csstools-color-scheme--light) black;
  --info-light: color-mix(in oklab, var(--info-main), var(--csstools-light-dark-toggle--37, white) var(--variant-shade-opacity));
  --csstools-light-dark-toggle--38: var(--csstools-color-scheme--light) white;
  --info-dark: color-mix(in oklab, var(--info-main), var(--csstools-light-dark-toggle--38, black) var(--variant-shade-opacity));
  --csstools-light-dark-toggle--39: var(--csstools-color-scheme--light) rgba(0, 0, 0, 0.87);
  --info-contrast: var(--csstools-light-dark-toggle--39, rgba(255, 255, 255, 1));

  --warning-main: hsl(48, 100%, 44%);
  --csstools-light-dark-toggle--40: var(--csstools-color-scheme--light) black;
  --warning-light: color-mix(in oklab, var(--warning-main), var(--csstools-light-dark-toggle--40, white) var(--variant-shade-opacity));
  --csstools-light-dark-toggle--41: var(--csstools-color-scheme--light) white;
  --warning-dark: color-mix(in oklab, var(--warning-main), var(--csstools-light-dark-toggle--41, black) var(--variant-shade-opacity));
  --csstools-light-dark-toggle--42: var(--csstools-color-scheme--light) rgba(0, 0, 0, 0.87);
  --warning-contrast: var(--csstools-light-dark-toggle--42, rgba(255, 255, 255, 1));

  --danger-main: hsl(355, 98%, 66%);
  --csstools-light-dark-toggle--43: var(--csstools-color-scheme--light) black;
  --danger-light: color-mix(in oklab, var(--danger-main), var(--csstools-light-dark-toggle--43, white) var(--variant-shade-opacity));
  --csstools-light-dark-toggle--44: var(--csstools-color-scheme--light) white;
  --danger-dark: color-mix(in oklab, var(--danger-main), var(--csstools-light-dark-toggle--44, black) var(--variant-shade-opacity));
  --csstools-light-dark-toggle--45: var(--csstools-color-scheme--light) white;
  --danger-extra-dark: color-mix(in oklab, var(--danger-main), var(--csstools-light-dark-toggle--45, black) 40%);
  --csstools-light-dark-toggle--46: var(--csstools-color-scheme--light) rgba(0, 0, 0, 0.87);
  --danger-contrast: var(--csstools-light-dark-toggle--46, rgba(255, 255, 255, 1));

  --csstools-light-dark-toggle--47: var(--csstools-color-scheme--light) rgba(255, 255, 255, 0.12);

  --divider-color: var(--csstools-light-dark-toggle--47, rgba(0, 0, 0, 0.12));

  --csstools-light-dark-toggle--48: var(--csstools-color-scheme--light) var(--grey-900);

  --background-default: var(--csstools-light-dark-toggle--48, var(--grey-050));
  --csstools-light-dark-toggle--49: var(--csstools-color-scheme--light) #121212;
  --background-paper: var(--csstools-light-dark-toggle--49, #fff);

  --csstools-light-dark-toggle--50: var(--csstools-color-scheme--light) #39587b;

  --surface-base: var(--csstools-light-dark-toggle--50, #b4c7dc);
  --csstools-light-dark-toggle--51: var(--csstools-color-scheme--light) black;
  --surface-1: color-mix(in oklab, var(--surface-base), var(--csstools-light-dark-toggle--51, white) 84%);
  --csstools-light-dark-toggle--52: var(--csstools-color-scheme--light) black;
  --surface-2: color-mix(in oklab, var(--surface-base), var(--csstools-light-dark-toggle--52, white) 70%);
  --csstools-light-dark-toggle--53: var(--csstools-color-scheme--light) black;
  --surface-3: color-mix(in oklab, var(--surface-base), var(--csstools-light-dark-toggle--53, white) 56%);
  --csstools-light-dark-toggle--54: var(--csstools-color-scheme--light) black;
  --surface-4: color-mix(in oklab, var(--surface-base), var(--csstools-light-dark-toggle--54, white) 42%);
  --csstools-light-dark-toggle--55: var(--csstools-color-scheme--light) black;
  --surface-5: color-mix(in oklab, var(--surface-base), var(--csstools-light-dark-toggle--55, white) 28%);
  --csstools-light-dark-toggle--56: var(--csstools-color-scheme--light) black;
  --surface-6: color-mix(in oklab, var(--surface-base), var(--csstools-light-dark-toggle--56, white) 14%);
  --surface-7: var(--surface-base);

  --focus-color: var(--blue-600);

  --alpha-black-050: rgba(0, 0, 0, 0.02);
  --alpha-black-100: rgba(0, 0, 0, 0.1);
  --alpha-black-200: rgba(0, 0, 0, 0.18);
  --alpha-black-300: rgba(0, 0, 0, 0.24);
  --alpha-black-400: rgba(0, 0, 0, 0.42);
  --alpha-black-500: rgba(0, 0, 0, 0.56);
  --alpha-black-600: rgba(0, 0, 0, 0.67);
  --alpha-black-700: rgba(0, 0, 0, 0.74);
  --alpha-black-800: rgba(0, 0, 0, 0.82);
  --alpha-black-900: rgba(0, 0, 0, 0.88);
  --alpha-black-950: rgba(0, 0, 0, 0.93);

  --alpha-white-050: rgba(255, 255, 255, 0.02);
  --alpha-white-100: rgba(255, 255, 255, 0.1);
  --alpha-white-200: rgba(255, 255, 255, 0.18);
  --alpha-white-300: rgba(255, 255, 255, 0.24);
  --alpha-white-400: rgba(255, 255, 255, 0.42);
  --alpha-white-500: rgba(255, 255, 255, 0.56);
  --alpha-white-600: rgba(255, 255, 255, 0.67);
  --alpha-white-700: rgba(255, 255, 255, 0.74);
  --alpha-white-800: rgba(255, 255, 255, 0.82);
  --alpha-white-900: rgba(255, 255, 255, 0.88);
  --alpha-white-950: rgba(255, 255, 255, 0.93);

  --shadow-0: none;
  --csstools-light-dark-toggle--57:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.2);
  --csstools-light-dark-toggle--58:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.14);
  --csstools-light-dark-toggle--59:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.12);
  --bezel-1:
    0px 2px 1px -1px var(--csstools-light-dark-toggle--57, rgba(255,255,255,0.2)), 
    0px 1px 1px 0px var(--csstools-light-dark-toggle--58, rgba(255,255,255,0.14)),
    0px 1px 3px 0px var(--csstools-light-dark-toggle--59, rgba(255,255,255,0.12));
  --bezel-inset-1:
    0px 2px 1px -1px rgba(255,255,255,0.2) inset, 
    0px 1px 1px 0px rgba(255,255,255,0.14) inset,
    0px 1px 3px 0px rgba(255,255,255,0.12) inset,
    0px -2px 1px -1px rgba(0,0,0,0.2) inset,
    0px -1px 1px 0px rgba(0,0,0,0.14) inset,
    0px -1px 3px 0px rgba(0,0,0,0.12) inset;
  --shadow-1:
    0px 2px 1px -1px rgba(0,0,0,0.2), 
    0px 1px 1px 0px rgba(0,0,0,0.14),
    0px 1px 3px 0px rgba(0,0,0,0.12);
  --shadow-inset-1:
    0px 2px 1px -1px rgba(0,0,0,0.2) inset, 
    0px 1px 1px 0px rgba(0,0,0,0.14) inset,
    0px 1px 3px 0px rgba(0,0,0,0.12) inset;
  --overlay-alpha-1: 51 / 1000;
  --overlay-1: linear-gradient(rgba(255 255 255 / var(--overlay-alpha-1)), rgba(255 255 255 / var(--overlay-alpha-1)));
  --csstools-light-dark-toggle--60:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.2);
  --csstools-light-dark-toggle--61:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.14);
  --csstools-light-dark-toggle--62:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.12);
  --bezel-2:
    0px 3px 1px -2px var(--csstools-light-dark-toggle--60, rgba(255,255,255,0.2)), 
    0px 2px 2px 0px var(--csstools-light-dark-toggle--61, rgba(255,255,255,0.14)),
    0px 1px 5px 0px var(--csstools-light-dark-toggle--62, rgba(255,255,255,0.12));
  --bezel-inset-2:
    0px 3px 1px -2px rgba(255,255,255,0.2) inset, 
    0px 2px 2px 0px rgba(255,255,255,0.14) inset,
    0px 1px 5px 0px rgba(255,255,255,0.12) inset,
    0px -3px 1px -2px rgba(0,0,0,0.2) inset,
    0px -2px 2px 0px rgba(0,0,0,0.14) inset,
    0px -1px 5px 0px rgba(0,0,0,0.12) inset;
  --shadow-2:
    0px 3px 1px -2px rgba(0,0,0,0.2), 
    0px 2px 2px 0px rgba(0,0,0,0.14),
    0px 1px 5px 0px rgba(0,0,0,0.12);
  --shadow-inset-2:
    0px 3px 1px -2px rgba(0,0,0,0.2) inset, 
    0px 2px 2px 0px rgba(0,0,0,0.14) inset,
    0px 1px 5px 0px rgba(0,0,0,0.12) inset;
  --overlay-alpha-2: 51 / 1000;
  --overlay-2: linear-gradient(rgba(255 255 255 / var(--overlay-alpha-2)), rgba(255 255 255 / var(--overlay-alpha-2)));
  --csstools-light-dark-toggle--63:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.2);
  --csstools-light-dark-toggle--64:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.14);
  --csstools-light-dark-toggle--65:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.12);
  --bezel-3:
    0px 3px 3px -2px var(--csstools-light-dark-toggle--63, rgba(255,255,255,0.2)), 
    0px 3px 4px 0px var(--csstools-light-dark-toggle--64, rgba(255,255,255,0.14)),
    0px 1px 8px 0px var(--csstools-light-dark-toggle--65, rgba(255,255,255,0.12));
  --bezel-inset-3:
    0px 3px 3px -2px rgba(255,255,255,0.2) inset, 
    0px 3px 4px 0px rgba(255,255,255,0.14) inset,
    0px 1px 8px 0px rgba(255,255,255,0.12) inset,
    0px -3px 3px -2px rgba(0,0,0,0.2) inset,
    0px -3px 4px 0px rgba(0,0,0,0.14) inset,
    0px -1px 8px 0px rgba(0,0,0,0.12) inset;
  --shadow-3:
    0px 3px 3px -2px rgba(0,0,0,0.2), 
    0px 3px 4px 0px rgba(0,0,0,0.14),
    0px 1px 8px 0px rgba(0,0,0,0.12);
  --shadow-inset-3:
    0px 3px 3px -2px rgba(0,0,0,0.2) inset, 
    0px 3px 4px 0px rgba(0,0,0,0.14) inset,
    0px 1px 8px 0px rgba(0,0,0,0.12) inset;
  --overlay-alpha-3: 51 / 1000;
  --overlay-3: linear-gradient(rgba(255 255 255 / var(--overlay-alpha-3)), rgba(255 255 255 / var(--overlay-alpha-3)));
  --csstools-light-dark-toggle--66:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.2);
  --csstools-light-dark-toggle--67:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.14);
  --csstools-light-dark-toggle--68:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.12);
  --bezel-4:
    0px 2px 4px -1px var(--csstools-light-dark-toggle--66, rgba(255,255,255,0.2)), 
    0px 4px 5px 0px var(--csstools-light-dark-toggle--67, rgba(255,255,255,0.14)),
    0px 1px 10px 0px var(--csstools-light-dark-toggle--68, rgba(255,255,255,0.12));
  --bezel-inset-4:
    0px 2px 4px -1px rgba(255,255,255,0.2) inset, 
    0px 4px 5px 0px rgba(255,255,255,0.14) inset,
    0px 1px 10px 0px rgba(255,255,255,0.12) inset,
    0px -2px 4px -1px rgba(0,0,0,0.2) inset,
    0px -4px 5px 0px rgba(0,0,0,0.14) inset,
    0px -1px 10px 0px rgba(0,0,0,0.12) inset;
  --shadow-4:
    0px 2px 4px -1px rgba(0,0,0,0.2), 
    0px 4px 5px 0px rgba(0,0,0,0.14),
    0px 1px 10px 0px rgba(0,0,0,0.12);
  --shadow-inset-4:
    0px 2px 4px -1px rgba(0,0,0,0.2) inset, 
    0px 4px 5px 0px rgba(0,0,0,0.14) inset,
    0px 1px 10px 0px rgba(0,0,0,0.12) inset;
  --overlay-alpha-4: 51 / 1000;
  --overlay-4: linear-gradient(rgba(255 255 255 / var(--overlay-alpha-4)), rgba(255 255 255 / var(--overlay-alpha-4)));
  --csstools-light-dark-toggle--69:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.2);
  --csstools-light-dark-toggle--70:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.14);
  --csstools-light-dark-toggle--71:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.12);
  --bezel-5:
    0px 3px 5px -1px var(--csstools-light-dark-toggle--69, rgba(255,255,255,0.2)), 
    0px 5px 8px 0px var(--csstools-light-dark-toggle--70, rgba(255,255,255,0.14)),
    0px 1px 14px 0px var(--csstools-light-dark-toggle--71, rgba(255,255,255,0.12));
  --bezel-inset-5:
    0px 3px 5px -1px rgba(255,255,255,0.2) inset, 
    0px 5px 8px 0px rgba(255,255,255,0.14) inset,
    0px 1px 14px 0px rgba(255,255,255,0.12) inset,
    0px -3px 5px -1px rgba(0,0,0,0.2) inset,
    0px -5px 8px 0px rgba(0,0,0,0.14) inset,
    0px -1px 14px 0px rgba(0,0,0,0.12) inset;
  --shadow-5:
    0px 3px 5px -1px rgba(0,0,0,0.2), 
    0px 5px 8px 0px rgba(0,0,0,0.14),
    0px 1px 14px 0px rgba(0,0,0,0.12);
  --shadow-inset-5:
    0px 3px 5px -1px rgba(0,0,0,0.2) inset, 
    0px 5px 8px 0px rgba(0,0,0,0.14) inset,
    0px 1px 14px 0px rgba(0,0,0,0.12) inset;
  --overlay-alpha-5: 51 / 1000;
  --overlay-5: linear-gradient(rgba(255 255 255 / var(--overlay-alpha-5)), rgba(255 255 255 / var(--overlay-alpha-5)));
  --csstools-light-dark-toggle--72:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.2);
  --csstools-light-dark-toggle--73:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.14);
  --csstools-light-dark-toggle--74:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.12);
  --bezel-6:
    0px 3px 5px -1px var(--csstools-light-dark-toggle--72, rgba(255,255,255,0.2)), 
    0px 6px 10px 0px var(--csstools-light-dark-toggle--73, rgba(255,255,255,0.14)),
    0px 1px 18px 0px var(--csstools-light-dark-toggle--74, rgba(255,255,255,0.12));
  --bezel-inset-6:
    0px 3px 5px -1px rgba(255,255,255,0.2) inset, 
    0px 6px 10px 0px rgba(255,255,255,0.14) inset,
    0px 1px 18px 0px rgba(255,255,255,0.12) inset,
    0px -3px 5px -1px rgba(0,0,0,0.2) inset,
    0px -6px 10px 0px rgba(0,0,0,0.14) inset,
    0px -1px 18px 0px rgba(0,0,0,0.12) inset;
  --shadow-6:
    0px 3px 5px -1px rgba(0,0,0,0.2), 
    0px 6px 10px 0px rgba(0,0,0,0.14),
    0px 1px 18px 0px rgba(0,0,0,0.12);
  --shadow-inset-6:
    0px 3px 5px -1px rgba(0,0,0,0.2) inset, 
    0px 6px 10px 0px rgba(0,0,0,0.14) inset,
    0px 1px 18px 0px rgba(0,0,0,0.12) inset;
  --overlay-alpha-6: 51 / 1000;
  --overlay-6: linear-gradient(rgba(255 255 255 / var(--overlay-alpha-6)), rgba(255 255 255 / var(--overlay-alpha-6)));
  --csstools-light-dark-toggle--75:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.2);
  --csstools-light-dark-toggle--76:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.14);
  --csstools-light-dark-toggle--77:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.12);
  --bezel-7:
    0px 4px 5px -2px var(--csstools-light-dark-toggle--75, rgba(255,255,255,0.2)), 
    0px 7px 10px 1px var(--csstools-light-dark-toggle--76, rgba(255,255,255,0.14)),
    0px 2px 16px 1px var(--csstools-light-dark-toggle--77, rgba(255,255,255,0.12));
  --bezel-inset-7:
    0px 4px 5px -2px rgba(255,255,255,0.2) inset, 
    0px 7px 10px 1px rgba(255,255,255,0.14) inset,
    0px 2px 16px 1px rgba(255,255,255,0.12) inset,
    0px -4px 5px -2px rgba(0,0,0,0.2) inset,
    0px -7px 10px 1px rgba(0,0,0,0.14) inset,
    0px -2px 16px 1px rgba(0,0,0,0.12) inset;
  --shadow-7:
    0px 4px 5px -2px rgba(0,0,0,0.2), 
    0px 7px 10px 1px rgba(0,0,0,0.14),
    0px 2px 16px 1px rgba(0,0,0,0.12);
  --shadow-inset-7:
    0px 4px 5px -2px rgba(0,0,0,0.2) inset, 
    0px 7px 10px 1px rgba(0,0,0,0.14) inset,
    0px 2px 16px 1px rgba(0,0,0,0.12) inset;
  --overlay-alpha-7: 51 / 1000;
  --overlay-7: linear-gradient(rgba(255 255 255 / var(--overlay-alpha-7)), rgba(255 255 255 / var(--overlay-alpha-7)));
  --csstools-light-dark-toggle--78:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.2);
  --csstools-light-dark-toggle--79:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.14);
  --csstools-light-dark-toggle--80:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.12);
  --bezel-8:
    0px 5px 5px -3px var(--csstools-light-dark-toggle--78, rgba(255,255,255,0.2)), 
    0px 8px 10px 1px var(--csstools-light-dark-toggle--79, rgba(255,255,255,0.14)),
    0px 3px 14px 2px var(--csstools-light-dark-toggle--80, rgba(255,255,255,0.12));
  --bezel-inset-8:
    0px 5px 5px -3px rgba(255,255,255,0.2) inset, 
    0px 8px 10px 1px rgba(255,255,255,0.14) inset,
    0px 3px 14px 2px rgba(255,255,255,0.12) inset,
    0px -5px 5px -3px rgba(0,0,0,0.2) inset,
    0px -8px 10px 1px rgba(0,0,0,0.14) inset,
    0px -3px 14px 2px rgba(0,0,0,0.12) inset;
  --shadow-8:
    0px 5px 5px -3px rgba(0,0,0,0.2), 
    0px 8px 10px 1px rgba(0,0,0,0.14),
    0px 3px 14px 2px rgba(0,0,0,0.12);
  --shadow-inset-8:
    0px 5px 5px -3px rgba(0,0,0,0.2) inset, 
    0px 8px 10px 1px rgba(0,0,0,0.14) inset,
    0px 3px 14px 2px rgba(0,0,0,0.12) inset;
  --overlay-alpha-8: 51 / 1000;
  --overlay-8: linear-gradient(rgba(255 255 255 / var(--overlay-alpha-8)), rgba(255 255 255 / var(--overlay-alpha-8)));
  --csstools-light-dark-toggle--81:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.2);
  --csstools-light-dark-toggle--82:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.14);
  --csstools-light-dark-toggle--83:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.12);
  --bezel-9:
    0px 5px 6px -3px var(--csstools-light-dark-toggle--81, rgba(255,255,255,0.2)), 
    0px 9px 12px 1px var(--csstools-light-dark-toggle--82, rgba(255,255,255,0.14)),
    0px 3px 16px 2px var(--csstools-light-dark-toggle--83, rgba(255,255,255,0.12));
  --bezel-inset-9:
    0px 5px 6px -3px rgba(255,255,255,0.2) inset, 
    0px 9px 12px 1px rgba(255,255,255,0.14) inset,
    0px 3px 16px 2px rgba(255,255,255,0.12) inset,
    0px -5px 6px -3px rgba(0,0,0,0.2) inset,
    0px -9px 12px 1px rgba(0,0,0,0.14) inset,
    0px -3px 16px 2px rgba(0,0,0,0.12) inset;
  --shadow-9:
    0px 5px 6px -3px rgba(0,0,0,0.2), 
    0px 9px 12px 1px rgba(0,0,0,0.14),
    0px 3px 16px 2px rgba(0,0,0,0.12);
  --shadow-inset-9:
    0px 5px 6px -3px rgba(0,0,0,0.2) inset, 
    0px 9px 12px 1px rgba(0,0,0,0.14) inset,
    0px 3px 16px 2px rgba(0,0,0,0.12) inset;
  --overlay-alpha-9: 51 / 1000;
  --overlay-9: linear-gradient(rgba(255 255 255 / var(--overlay-alpha-9)), rgba(255 255 255 / var(--overlay-alpha-9)));
  --csstools-light-dark-toggle--84:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.2);
  --csstools-light-dark-toggle--85:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.14);
  --csstools-light-dark-toggle--86:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.12);
  --bezel-10:
    0px 6px 6px -3px var(--csstools-light-dark-toggle--84, rgba(255,255,255,0.2)), 
    0px 10px 14px 1px var(--csstools-light-dark-toggle--85, rgba(255,255,255,0.14)),
    0px 4px 18px 3px var(--csstools-light-dark-toggle--86, rgba(255,255,255,0.12));
  --bezel-inset-10:
    0px 6px 6px -3px rgba(255,255,255,0.2) inset, 
    0px 10px 14px 1px rgba(255,255,255,0.14) inset,
    0px 4px 18px 3px rgba(255,255,255,0.12) inset,
    0px -6px 6px -3px rgba(0,0,0,0.2) inset,
    0px -10px 14px 1px rgba(0,0,0,0.14) inset,
    0px -4px 18px 3px rgba(0,0,0,0.12) inset;
  --shadow-10:
    0px 6px 6px -3px rgba(0,0,0,0.2), 
    0px 10px 14px 1px rgba(0,0,0,0.14),
    0px 4px 18px 3px rgba(0,0,0,0.12);
  --shadow-inset-10:
    0px 6px 6px -3px rgba(0,0,0,0.2) inset, 
    0px 10px 14px 1px rgba(0,0,0,0.14) inset,
    0px 4px 18px 3px rgba(0,0,0,0.12) inset;
  --overlay-alpha-10: 51 / 1000;
  --overlay-10: linear-gradient(rgba(255 255 255 / var(--overlay-alpha-10)), rgba(255 255 255 / var(--overlay-alpha-10)));
  --csstools-light-dark-toggle--87:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.2);
  --csstools-light-dark-toggle--88:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.14);
  --csstools-light-dark-toggle--89:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.12);
  --bezel-11:
    0px 6px 7px -4px var(--csstools-light-dark-toggle--87, rgba(255,255,255,0.2)), 
    0px 11px 15px 1px var(--csstools-light-dark-toggle--88, rgba(255,255,255,0.14)),
    0px 4px 20px 3px var(--csstools-light-dark-toggle--89, rgba(255,255,255,0.12));
  --bezel-inset-11:
    0px 6px 7px -4px rgba(255,255,255,0.2) inset, 
    0px 11px 15px 1px rgba(255,255,255,0.14) inset,
    0px 4px 20px 3px rgba(255,255,255,0.12) inset,
    0px -6px 7px -4px rgba(0,0,0,0.2) inset,
    0px -11px 15px 1px rgba(0,0,0,0.14) inset,
    0px -4px 20px 3px rgba(0,0,0,0.12) inset;
  --shadow-11:
    0px 6px 7px -4px rgba(0,0,0,0.2), 
    0px 11px 15px 1px rgba(0,0,0,0.14),
    0px 4px 20px 3px rgba(0,0,0,0.12);
  --shadow-inset-11:
    0px 6px 7px -4px rgba(0,0,0,0.2) inset, 
    0px 11px 15px 1px rgba(0,0,0,0.14) inset,
    0px 4px 20px 3px rgba(0,0,0,0.12) inset;
  --overlay-alpha-11: 51 / 1000;
  --overlay-11: linear-gradient(rgba(255 255 255 / var(--overlay-alpha-11)), rgba(255 255 255 / var(--overlay-alpha-11)));
  --csstools-light-dark-toggle--90:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.2);
  --csstools-light-dark-toggle--91:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.14);
  --csstools-light-dark-toggle--92:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.12);
  --bezel-12:
    0px 7px 8px -4px var(--csstools-light-dark-toggle--90, rgba(255,255,255,0.2)), 
    0px 12px 17px 2px var(--csstools-light-dark-toggle--91, rgba(255,255,255,0.14)),
    0px 5px 22px 4px var(--csstools-light-dark-toggle--92, rgba(255,255,255,0.12));
  --bezel-inset-12:
    0px 7px 8px -4px rgba(255,255,255,0.2) inset, 
    0px 12px 17px 2px rgba(255,255,255,0.14) inset,
    0px 5px 22px 4px rgba(255,255,255,0.12) inset,
    0px -7px 8px -4px rgba(0,0,0,0.2) inset,
    0px -12px 17px 2px rgba(0,0,0,0.14) inset,
    0px -5px 22px 4px rgba(0,0,0,0.12) inset;
  --shadow-12:
    0px 7px 8px -4px rgba(0,0,0,0.2), 
    0px 12px 17px 2px rgba(0,0,0,0.14),
    0px 5px 22px 4px rgba(0,0,0,0.12);
  --shadow-inset-12:
    0px 7px 8px -4px rgba(0,0,0,0.2) inset, 
    0px 12px 17px 2px rgba(0,0,0,0.14) inset,
    0px 5px 22px 4px rgba(0,0,0,0.12) inset;
  --overlay-alpha-12: 51 / 1000;
  --overlay-12: linear-gradient(rgba(255 255 255 / var(--overlay-alpha-12)), rgba(255 255 255 / var(--overlay-alpha-12)));
  --csstools-light-dark-toggle--93:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.2);
  --csstools-light-dark-toggle--94:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.14);
  --csstools-light-dark-toggle--95:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.12);
  --bezel-13:
    0px 7px 8px -4px var(--csstools-light-dark-toggle--93, rgba(255,255,255,0.2)), 
    0px 13px 19px 2px var(--csstools-light-dark-toggle--94, rgba(255,255,255,0.14)),
    0px 5px 24px 4px var(--csstools-light-dark-toggle--95, rgba(255,255,255,0.12));
  --bezel-inset-13:
    0px 7px 8px -4px rgba(255,255,255,0.2) inset, 
    0px 13px 19px 2px rgba(255,255,255,0.14) inset,
    0px 5px 24px 4px rgba(255,255,255,0.12) inset,
    0px -7px 8px -4px rgba(0,0,0,0.2) inset,
    0px -13px 19px 2px rgba(0,0,0,0.14) inset,
    0px -5px 24px 4px rgba(0,0,0,0.12) inset;
  --shadow-13:
    0px 7px 8px -4px rgba(0,0,0,0.2), 
    0px 13px 19px 2px rgba(0,0,0,0.14),
    0px 5px 24px 4px rgba(0,0,0,0.12);
  --shadow-inset-13:
    0px 7px 8px -4px rgba(0,0,0,0.2) inset, 
    0px 13px 19px 2px rgba(0,0,0,0.14) inset,
    0px 5px 24px 4px rgba(0,0,0,0.12) inset;
  --overlay-alpha-13: 51 / 1000;
  --overlay-13: linear-gradient(rgba(255 255 255 / var(--overlay-alpha-13)), rgba(255 255 255 / var(--overlay-alpha-13)));
  --csstools-light-dark-toggle--96:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.2);
  --csstools-light-dark-toggle--97:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.14);
  --csstools-light-dark-toggle--98:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.12);
  --bezel-14:
    0px 7px 9px -4px var(--csstools-light-dark-toggle--96, rgba(255,255,255,0.2)), 
    0px 14px 21px 2px var(--csstools-light-dark-toggle--97, rgba(255,255,255,0.14)),
    0px 5px 26px 4px var(--csstools-light-dark-toggle--98, rgba(255,255,255,0.12));
  --bezel-inset-14:
    0px 7px 9px -4px rgba(255,255,255,0.2) inset, 
    0px 14px 21px 2px rgba(255,255,255,0.14) inset,
    0px 5px 26px 4px rgba(255,255,255,0.12) inset,
    0px -7px 9px -4px rgba(0,0,0,0.2) inset,
    0px -14px 21px 2px rgba(0,0,0,0.14) inset,
    0px -5px 26px 4px rgba(0,0,0,0.12) inset;
  --shadow-14:
    0px 7px 9px -4px rgba(0,0,0,0.2), 
    0px 14px 21px 2px rgba(0,0,0,0.14),
    0px 5px 26px 4px rgba(0,0,0,0.12);
  --shadow-inset-14:
    0px 7px 9px -4px rgba(0,0,0,0.2) inset, 
    0px 14px 21px 2px rgba(0,0,0,0.14) inset,
    0px 5px 26px 4px rgba(0,0,0,0.12) inset;
  --overlay-alpha-14: 51 / 1000;
  --overlay-14: linear-gradient(rgba(255 255 255 / var(--overlay-alpha-14)), rgba(255 255 255 / var(--overlay-alpha-14)));
  --csstools-light-dark-toggle--99:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.2);
  --csstools-light-dark-toggle--100:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.14);
  --csstools-light-dark-toggle--101:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.12);
  --bezel-15:
    0px 8px 9px -5px var(--csstools-light-dark-toggle--99, rgba(255,255,255,0.2)), 
    0px 15px 22px 2px var(--csstools-light-dark-toggle--100, rgba(255,255,255,0.14)),
    0px 6px 28px 5px var(--csstools-light-dark-toggle--101, rgba(255,255,255,0.12));
  --bezel-inset-15:
    0px 8px 9px -5px rgba(255,255,255,0.2) inset, 
    0px 15px 22px 2px rgba(255,255,255,0.14) inset,
    0px 6px 28px 5px rgba(255,255,255,0.12) inset,
    0px -8px 9px -5px rgba(0,0,0,0.2) inset,
    0px -15px 22px 2px rgba(0,0,0,0.14) inset,
    0px -6px 28px 5px rgba(0,0,0,0.12) inset;
  --shadow-15:
    0px 8px 9px -5px rgba(0,0,0,0.2), 
    0px 15px 22px 2px rgba(0,0,0,0.14),
    0px 6px 28px 5px rgba(0,0,0,0.12);
  --shadow-inset-15:
    0px 8px 9px -5px rgba(0,0,0,0.2) inset, 
    0px 15px 22px 2px rgba(0,0,0,0.14) inset,
    0px 6px 28px 5px rgba(0,0,0,0.12) inset;
  --overlay-alpha-15: 51 / 1000;
  --overlay-15: linear-gradient(rgba(255 255 255 / var(--overlay-alpha-15)), rgba(255 255 255 / var(--overlay-alpha-15)));
  --csstools-light-dark-toggle--102:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.2);
  --csstools-light-dark-toggle--103:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.14);
  --csstools-light-dark-toggle--104:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.12);
  --bezel-16:
    0px 8px 10px -5px var(--csstools-light-dark-toggle--102, rgba(255,255,255,0.2)), 
    0px 16px 24px 2px var(--csstools-light-dark-toggle--103, rgba(255,255,255,0.14)),
    0px 6px 30px 5px var(--csstools-light-dark-toggle--104, rgba(255,255,255,0.12));
  --bezel-inset-16:
    0px 8px 10px -5px rgba(255,255,255,0.2) inset, 
    0px 16px 24px 2px rgba(255,255,255,0.14) inset,
    0px 6px 30px 5px rgba(255,255,255,0.12) inset,
    0px -8px 10px -5px rgba(0,0,0,0.2) inset,
    0px -16px 24px 2px rgba(0,0,0,0.14) inset,
    0px -6px 30px 5px rgba(0,0,0,0.12) inset;
  --shadow-16:
    0px 8px 10px -5px rgba(0,0,0,0.2), 
    0px 16px 24px 2px rgba(0,0,0,0.14),
    0px 6px 30px 5px rgba(0,0,0,0.12);
  --shadow-inset-16:
    0px 8px 10px -5px rgba(0,0,0,0.2) inset, 
    0px 16px 24px 2px rgba(0,0,0,0.14) inset,
    0px 6px 30px 5px rgba(0,0,0,0.12) inset;
  --overlay-alpha-16: 51 / 1000;
  --overlay-16: linear-gradient(rgba(255 255 255 / var(--overlay-alpha-16)), rgba(255 255 255 / var(--overlay-alpha-16)));
  --csstools-light-dark-toggle--105:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.2);
  --csstools-light-dark-toggle--106:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.14);
  --csstools-light-dark-toggle--107:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.12);
  --bezel-17:
    0px 8px 11px -5px var(--csstools-light-dark-toggle--105, rgba(255,255,255,0.2)), 
    0px 17px 26px 2px var(--csstools-light-dark-toggle--106, rgba(255,255,255,0.14)),
    0px 6px 32px 5px var(--csstools-light-dark-toggle--107, rgba(255,255,255,0.12));
  --bezel-inset-17:
    0px 8px 11px -5px rgba(255,255,255,0.2) inset, 
    0px 17px 26px 2px rgba(255,255,255,0.14) inset,
    0px 6px 32px 5px rgba(255,255,255,0.12) inset,
    0px -8px 11px -5px rgba(0,0,0,0.2) inset,
    0px -17px 26px 2px rgba(0,0,0,0.14) inset,
    0px -6px 32px 5px rgba(0,0,0,0.12) inset;
  --shadow-17:
    0px 8px 11px -5px rgba(0,0,0,0.2), 
    0px 17px 26px 2px rgba(0,0,0,0.14),
    0px 6px 32px 5px rgba(0,0,0,0.12);
  --shadow-inset-17:
    0px 8px 11px -5px rgba(0,0,0,0.2) inset, 
    0px 17px 26px 2px rgba(0,0,0,0.14) inset,
    0px 6px 32px 5px rgba(0,0,0,0.12) inset;
  --overlay-alpha-17: 51 / 1000;
  --overlay-17: linear-gradient(rgba(255 255 255 / var(--overlay-alpha-17)), rgba(255 255 255 / var(--overlay-alpha-17)));
  --csstools-light-dark-toggle--108:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.2);
  --csstools-light-dark-toggle--109:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.14);
  --csstools-light-dark-toggle--110:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.12);
  --bezel-18:
    0px 9px 11px -5px var(--csstools-light-dark-toggle--108, rgba(255,255,255,0.2)), 
    0px 18px 28px 2px var(--csstools-light-dark-toggle--109, rgba(255,255,255,0.14)),
    0px 7px 34px 6px var(--csstools-light-dark-toggle--110, rgba(255,255,255,0.12));
  --bezel-inset-18:
    0px 9px 11px -5px rgba(255,255,255,0.2) inset, 
    0px 18px 28px 2px rgba(255,255,255,0.14) inset,
    0px 7px 34px 6px rgba(255,255,255,0.12) inset,
    0px -9px 11px -5px rgba(0,0,0,0.2) inset,
    0px -18px 28px 2px rgba(0,0,0,0.14) inset,
    0px -7px 34px 6px rgba(0,0,0,0.12) inset;
  --shadow-18:
    0px 9px 11px -5px rgba(0,0,0,0.2), 
    0px 18px 28px 2px rgba(0,0,0,0.14),
    0px 7px 34px 6px rgba(0,0,0,0.12);
  --shadow-inset-18:
    0px 9px 11px -5px rgba(0,0,0,0.2) inset, 
    0px 18px 28px 2px rgba(0,0,0,0.14) inset,
    0px 7px 34px 6px rgba(0,0,0,0.12) inset;
  --overlay-alpha-18: 51 / 1000;
  --overlay-18: linear-gradient(rgba(255 255 255 / var(--overlay-alpha-18)), rgba(255 255 255 / var(--overlay-alpha-18)));
  --csstools-light-dark-toggle--111:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.2);
  --csstools-light-dark-toggle--112:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.14);
  --csstools-light-dark-toggle--113:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.12);
  --bezel-19:
    0px 9px 12px -6px var(--csstools-light-dark-toggle--111, rgba(255,255,255,0.2)), 
    0px 19px 29px 2px var(--csstools-light-dark-toggle--112, rgba(255,255,255,0.14)),
    0px 7px 36px 6px var(--csstools-light-dark-toggle--113, rgba(255,255,255,0.12));
  --bezel-inset-19:
    0px 9px 12px -6px rgba(255,255,255,0.2) inset, 
    0px 19px 29px 2px rgba(255,255,255,0.14) inset,
    0px 7px 36px 6px rgba(255,255,255,0.12) inset,
    0px -9px 12px -6px rgba(0,0,0,0.2) inset,
    0px -19px 29px 2px rgba(0,0,0,0.14) inset,
    0px -7px 36px 6px rgba(0,0,0,0.12) inset;
  --shadow-19:
    0px 9px 12px -6px rgba(0,0,0,0.2), 
    0px 19px 29px 2px rgba(0,0,0,0.14),
    0px 7px 36px 6px rgba(0,0,0,0.12);
  --shadow-inset-19:
    0px 9px 12px -6px rgba(0,0,0,0.2) inset, 
    0px 19px 29px 2px rgba(0,0,0,0.14) inset,
    0px 7px 36px 6px rgba(0,0,0,0.12) inset;
  --overlay-alpha-19: 51 / 1000;
  --overlay-19: linear-gradient(rgba(255 255 255 / var(--overlay-alpha-19)), rgba(255 255 255 / var(--overlay-alpha-19)));
  --csstools-light-dark-toggle--114:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.2);
  --csstools-light-dark-toggle--115:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.14);
  --csstools-light-dark-toggle--116:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.12);
  --bezel-20:
    0px 10px 13px -6px var(--csstools-light-dark-toggle--114, rgba(255,255,255,0.2)), 
    0px 20px 31px 3px var(--csstools-light-dark-toggle--115, rgba(255,255,255,0.14)),
    0px 8px 38px 7px var(--csstools-light-dark-toggle--116, rgba(255,255,255,0.12));
  --bezel-inset-20:
    0px 10px 13px -6px rgba(255,255,255,0.2) inset, 
    0px 20px 31px 3px rgba(255,255,255,0.14) inset,
    0px 8px 38px 7px rgba(255,255,255,0.12) inset,
    0px -10px 13px -6px rgba(0,0,0,0.2) inset,
    0px -20px 31px 3px rgba(0,0,0,0.14) inset,
    0px -8px 38px 7px rgba(0,0,0,0.12) inset;
  --shadow-20:
    0px 10px 13px -6px rgba(0,0,0,0.2), 
    0px 20px 31px 3px rgba(0,0,0,0.14),
    0px 8px 38px 7px rgba(0,0,0,0.12);
  --shadow-inset-20:
    0px 10px 13px -6px rgba(0,0,0,0.2) inset, 
    0px 20px 31px 3px rgba(0,0,0,0.14) inset,
    0px 8px 38px 7px rgba(0,0,0,0.12) inset;
  --overlay-alpha-20: 51 / 1000;
  --overlay-20: linear-gradient(rgba(255 255 255 / var(--overlay-alpha-20)), rgba(255 255 255 / var(--overlay-alpha-20)));
  --csstools-light-dark-toggle--117:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.2);
  --csstools-light-dark-toggle--118:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.14);
  --csstools-light-dark-toggle--119:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.12);
  --bezel-21:
    0px 10px 13px -6px var(--csstools-light-dark-toggle--117, rgba(255,255,255,0.2)), 
    0px 21px 33px 3px var(--csstools-light-dark-toggle--118, rgba(255,255,255,0.14)),
    0px 8px 40px 7px var(--csstools-light-dark-toggle--119, rgba(255,255,255,0.12));
  --bezel-inset-21:
    0px 10px 13px -6px rgba(255,255,255,0.2) inset, 
    0px 21px 33px 3px rgba(255,255,255,0.14) inset,
    0px 8px 40px 7px rgba(255,255,255,0.12) inset,
    0px -10px 13px -6px rgba(0,0,0,0.2) inset,
    0px -21px 33px 3px rgba(0,0,0,0.14) inset,
    0px -8px 40px 7px rgba(0,0,0,0.12) inset;
  --shadow-21:
    0px 10px 13px -6px rgba(0,0,0,0.2), 
    0px 21px 33px 3px rgba(0,0,0,0.14),
    0px 8px 40px 7px rgba(0,0,0,0.12);
  --shadow-inset-21:
    0px 10px 13px -6px rgba(0,0,0,0.2) inset, 
    0px 21px 33px 3px rgba(0,0,0,0.14) inset,
    0px 8px 40px 7px rgba(0,0,0,0.12) inset;
  --overlay-alpha-21: 51 / 1000;
  --overlay-21: linear-gradient(rgba(255 255 255 / var(--overlay-alpha-21)), rgba(255 255 255 / var(--overlay-alpha-21)));
  --csstools-light-dark-toggle--120:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.2);
  --csstools-light-dark-toggle--121:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.14);
  --csstools-light-dark-toggle--122:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.12);
  --bezel-22:
    0px 10px 14px -6px var(--csstools-light-dark-toggle--120, rgba(255,255,255,0.2)), 
    0px 22px 35px 3px var(--csstools-light-dark-toggle--121, rgba(255,255,255,0.14)),
    0px 8px 42px 7px var(--csstools-light-dark-toggle--122, rgba(255,255,255,0.12));
  --bezel-inset-22:
    0px 10px 14px -6px rgba(255,255,255,0.2) inset, 
    0px 22px 35px 3px rgba(255,255,255,0.14) inset,
    0px 8px 42px 7px rgba(255,255,255,0.12) inset,
    0px -10px 14px -6px rgba(0,0,0,0.2) inset,
    0px -22px 35px 3px rgba(0,0,0,0.14) inset,
    0px -8px 42px 7px rgba(0,0,0,0.12) inset;
  --shadow-22:
    0px 10px 14px -6px rgba(0,0,0,0.2), 
    0px 22px 35px 3px rgba(0,0,0,0.14),
    0px 8px 42px 7px rgba(0,0,0,0.12);
  --shadow-inset-22:
    0px 10px 14px -6px rgba(0,0,0,0.2) inset, 
    0px 22px 35px 3px rgba(0,0,0,0.14) inset,
    0px 8px 42px 7px rgba(0,0,0,0.12) inset;
  --overlay-alpha-22: 51 / 1000;
  --overlay-22: linear-gradient(rgba(255 255 255 / var(--overlay-alpha-22)), rgba(255 255 255 / var(--overlay-alpha-22)));
  --csstools-light-dark-toggle--123:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.2);
  --csstools-light-dark-toggle--124:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.14);
  --csstools-light-dark-toggle--125:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.12);
  --bezel-23:
    0px 11px 14px -7px var(--csstools-light-dark-toggle--123, rgba(255,255,255,0.2)), 
    0px 23px 36px 3px var(--csstools-light-dark-toggle--124, rgba(255,255,255,0.14)),
    0px 9px 44px 8px var(--csstools-light-dark-toggle--125, rgba(255,255,255,0.12));
  --bezel-inset-23:
    0px 11px 14px -7px rgba(255,255,255,0.2) inset, 
    0px 23px 36px 3px rgba(255,255,255,0.14) inset,
    0px 9px 44px 8px rgba(255,255,255,0.12) inset,
    0px -11px 14px -7px rgba(0,0,0,0.2) inset,
    0px -23px 36px 3px rgba(0,0,0,0.14) inset,
    0px -9px 44px 8px rgba(0,0,0,0.12) inset;
  --shadow-23:
    0px 11px 14px -7px rgba(0,0,0,0.2), 
    0px 23px 36px 3px rgba(0,0,0,0.14),
    0px 9px 44px 8px rgba(0,0,0,0.12);
  --shadow-inset-23:
    0px 11px 14px -7px rgba(0,0,0,0.2) inset, 
    0px 23px 36px 3px rgba(0,0,0,0.14) inset,
    0px 9px 44px 8px rgba(0,0,0,0.12) inset;
  --overlay-alpha-23: 51 / 1000;
  --overlay-23: linear-gradient(rgba(255 255 255 / var(--overlay-alpha-23)), rgba(255 255 255 / var(--overlay-alpha-23)));
  --csstools-light-dark-toggle--126:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.2);
  --csstools-light-dark-toggle--127:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.14);
  --csstools-light-dark-toggle--128:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.12);
  --bezel-24:
    0px 11px 15px -7px var(--csstools-light-dark-toggle--126, rgba(255,255,255,0.2)), 
    0px 24px 38px 3px var(--csstools-light-dark-toggle--127, rgba(255,255,255,0.14)),
    0px 9px 46px 8px var(--csstools-light-dark-toggle--128, rgba(255,255,255,0.12));
  --bezel-inset-24:
    0px 11px 15px -7px rgba(255,255,255,0.2) inset, 
    0px 24px 38px 3px rgba(255,255,255,0.14) inset,
    0px 9px 46px 8px rgba(255,255,255,0.12) inset,
    0px -11px 15px -7px rgba(0,0,0,0.2) inset,
    0px -24px 38px 3px rgba(0,0,0,0.14) inset,
    0px -9px 46px 8px rgba(0,0,0,0.12) inset;
  --shadow-24:
    0px 11px 15px -7px rgba(0,0,0,0.2), 
    0px 24px 38px 3px rgba(0,0,0,0.14),
    0px 9px 46px 8px rgba(0,0,0,0.12);
  --shadow-inset-24:
    0px 11px 15px -7px rgba(0,0,0,0.2) inset, 
    0px 24px 38px 3px rgba(0,0,0,0.14) inset,
    0px 9px 46px 8px rgba(0,0,0,0.12) inset;
  --overlay-alpha-24: 51 / 1000;
  --overlay-24: linear-gradient(rgba(255 255 255 / var(--overlay-alpha-24)), rgba(255 255 255 / var(--overlay-alpha-24)));
  --shape-rounded-sm: calc(var(--spacing) * 0.5);
  --shape-rounded-md: calc(var(--spacing) * 1);
  --shape-rounded-lg: calc(var(--spacing) * 2);
  --shape-rounded-xl: calc(var(--spacing) * 3);
  --shape-circle: 50%;
  --shape-border-radius: var(--shape-rounded-md);
  --spacing: 8px;
  --spacing-half: calc(var(--spacing) * 0.5);
  --spacing-2: calc(var(--spacing) * 2);
  --spacing-3: calc(var(--spacing) * 3);
  --spacing-4: calc(var(--spacing) * 4);
  --transition-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
  --transition-ease-out: cubic-bezier(0.0, 0, 0.2, 1);
  --transition-ease-in: cubic-bezier(0.4, 0, 1, 1);
  --transition-ease-sharp: cubic-bezier(0.4, 0, 0.6, 1);

  --transition-duration-none: 0ms;
  --transition-duration-shortest: 150ms;
  --transition-duration-shorter: 200ms;
  --transition-duration-short: 250ms;
  --transition-duration-standard: 300ms;
  --transition-duration-complex: 375ms;
  --transition-duration-enteringScreen: 225ms;
  --transition-duration-leavingScreen: 195ms;
  --transition-duration-ripple: 800ms;
  --html-font-size: 16px;

  --font-family-primary: "Lato",
    Arial,
    ui-sans-serif,
    system-ui,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol",
    "Noto Color Emoji";

  --font-family-secondary: "Gothic A1",
    "Helvetica Neue",
    Helvetica,
    Arial,
    ui-sans-serif,
    system-ui,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol",
    "Noto Color Emoji";
  
  --font-family-brand: "Sriracha",
    "Helvetica Neue",
    Helvetica,
    Arial,
    ui-sans-serif,
    system-ui,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol",
    "Noto Color Emoji";

  --font-family-mono: 'SFMono-Regular', 'Menlo', 'Monaco', 'Consolas', 'Liberation Mono', 'Courier New', monospace;

  --font-weight-thin: 100;
  --font-weight-light: 300;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;
  --font-weight-heavy: 900;

  --font-size-xs: 0.55rem;
  --font-size-sm: 0.75rem;
  --font-size-md: 1rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.25rem;
  --font-size-2xl: 1.5rem;
  --font-size-3xl: 1.875rem;
  --font-size-4xl: 2.25rem;
  --font-size-5xl: 3rem;
  --zindex-loading: 1000;
  --zindex-mobile-stepper: 1000;
  --zindex-fab: 1050;
  --zindex-speedDial: 1050;
  --zindex-appBar: 1100;
  --zindex-drawer: 1200;
  --zindex-banner: 1250;
  --zindex-modal: 1300;
  --zindex-snackbar: 1400;
  --zindex-tooltip: 1500;
  --ui-sidebar-width: 200px;
  --ui-topnav-height: 3rem;

}

@supports (color: light-dark(red, red)) {
:root {
  --action-active: light-dark(rgb(0, 0, 0 / 0.54), white);
  --action-hover: light-dark(
      rgb(0, 0, 0 / var(--action-hover-opacity-light)),
      rgb(255, 255, 255 / var(--action-hover-opacity-dark))
    );
  --action-selected: light-dark(
    rgb(0, 0, 0 / var(--action-selected-opacity-light)),
    rgb(255, 255, 255 / var(--action-selected-opacity-dark))
  );

  --action-disabled: light-dark(rgba(0, 0, 0, 0.26), rgba(255, 255, 255, 0.3));
  --action-disabled-background: light-dark(rgba(0, 0, 0, 0.12), rgba(255, 255, 255, 0.12));

  --action-focus: light-dark(rgba(0, 0, 0, 0.12), rgba(255, 255, 255, 0.12));
  --action-activated-opacity: light-dark(0.12, 0.24);

  --text-color-primary: light-dark(rgba(0, 0, 0, 0.87), rgba(245, 245, 245, 1));
  --text-color-secondary: light-dark(rgba(0, 0, 0, 0.6), rgba(245, 245, 245, 0.5));
  --text-color-disabled: light-dark(rgba(0, 0, 0, 0.38), rgba(245, 245, 245, 0.5));
  --text-color-icon: light-dark(rgba(0, 0, 0, 0.5), rgba(245, 245, 245, 0.5));

}
}

@supports (color: color-mix(in lch, red, blue)) and (color: light-dark(red, red)) {
:root {
  --primary-light: color-mix(in oklab, var(--primary-main), light-dark(white, black) var(--variant-shade-opacity));
  --primary-dark: color-mix(in oklab, var(--primary-main), light-dark(black, white) var(--variant-shade-opacity));

}
}

@supports (color: light-dark(red, red)) {
:root {
  --primary-contrast: light-dark(rgba(255, 255, 255, 1), rgba(0, 0, 0, 0.87));

}
}

@supports (color: color-mix(in lch, red, blue)) and (color: light-dark(red, red)) {
:root {
  --secondary-light: color-mix(in oklab, var(--secondary-main), light-dark(white, black) var(--variant-shade-opacity));
  --secondary-dark: color-mix(in oklab, var(--secondary-main), light-dark(black, white) var(--variant-shade-opacity));

}
}

@supports (color: light-dark(red, red)) {
:root {
  --secondary-contrast: light-dark(rgba(255, 255, 255, 1), rgba(0, 0, 0, 0.87));

}
}

@supports (color: color-mix(in lch, red, blue)) and (color: light-dark(red, red)) {
:root {
  --success-light: color-mix(in oklab, var(--success-main), light-dark(white, black) var(--variant-shade-opacity));
  --success-dark: color-mix(in oklab, var(--success-main), light-dark(black, white) var(--variant-shade-opacity));

}
}

@supports (color: light-dark(red, red)) {
:root {
  --success-contrast: light-dark(rgba(255, 255, 255, 1), rgba(0, 0, 0, 0.87));

}
}

@supports (color: color-mix(in lch, red, blue)) and (color: light-dark(red, red)) {
:root {
  --info-light: color-mix(in oklab, var(--info-main), light-dark(white, black) var(--variant-shade-opacity));
  --info-dark: color-mix(in oklab, var(--info-main), light-dark(black, white) var(--variant-shade-opacity));

}
}

@supports (color: light-dark(red, red)) {
:root {
  --info-contrast: light-dark(rgba(255, 255, 255, 1), rgba(0, 0, 0, 0.87));

}
}

@supports (color: color-mix(in lch, red, blue)) and (color: light-dark(red, red)) {
:root {
  --warning-light: color-mix(in oklab, var(--warning-main), light-dark(white, black) var(--variant-shade-opacity));
  --warning-dark: color-mix(in oklab, var(--warning-main), light-dark(black, white) var(--variant-shade-opacity));

}
}

@supports (color: light-dark(red, red)) {
:root {
  --warning-contrast: light-dark(rgba(255, 255, 255, 1), rgba(0, 0, 0, 0.87));

}
}

@supports (color: color-mix(in lch, red, blue)) and (color: light-dark(red, red)) {
:root {
  --danger-light: color-mix(in oklab, var(--danger-main), light-dark(white, black) var(--variant-shade-opacity));
  --danger-dark: color-mix(in oklab, var(--danger-main), light-dark(black, white) var(--variant-shade-opacity));
  --danger-extra-dark: color-mix(in oklab, var(--danger-main), light-dark(black, white) 40%);

}
}

@supports (color: light-dark(red, red)) {
:root {
  --danger-contrast: light-dark(rgba(255, 255, 255, 1), rgba(0, 0, 0, 0.87));

  --divider-color: light-dark(rgba(0, 0, 0, 0.12), rgba(255, 255, 255, 0.12));

  --background-default: light-dark(var(--grey-050), var(--grey-900));
  --background-paper: light-dark(#fff, #121212);

  --surface-base: light-dark(#b4c7dc, #39587b);

}
}

@supports (color: color-mix(in lch, red, blue)) and (color: light-dark(red, red)) {
:root {
  --surface-1: color-mix(in oklab, var(--surface-base), light-dark(white, black) 84%);
  --surface-2: color-mix(in oklab, var(--surface-base), light-dark(white, black) 70%);
  --surface-3: color-mix(in oklab, var(--surface-base), light-dark(white, black) 56%);
  --surface-4: color-mix(in oklab, var(--surface-base), light-dark(white, black) 42%);
  --surface-5: color-mix(in oklab, var(--surface-base), light-dark(white, black) 28%);
  --surface-6: color-mix(in oklab, var(--surface-base), light-dark(white, black) 14%);

}
}

@supports (color: light-dark(red, red)) {
:root {
  --bezel-1:
    0px 2px 1px -1px light-dark(rgba(255,255,255,0.2), rgba(255,180,255,0.2)), 
    0px 1px 1px 0px light-dark(rgba(255,255,255,0.14), rgba(255,180,255,0.14)),
    0px 1px 3px 0px light-dark(rgba(255,255,255,0.12), rgba(255,180,255,0.12));
  --bezel-2:
    0px 3px 1px -2px light-dark(rgba(255,255,255,0.2), rgba(255,180,255,0.2)), 
    0px 2px 2px 0px light-dark(rgba(255,255,255,0.14), rgba(255,180,255,0.14)),
    0px 1px 5px 0px light-dark(rgba(255,255,255,0.12), rgba(255,180,255,0.12));
  --bezel-3:
    0px 3px 3px -2px light-dark(rgba(255,255,255,0.2), rgba(255,180,255,0.2)), 
    0px 3px 4px 0px light-dark(rgba(255,255,255,0.14), rgba(255,180,255,0.14)),
    0px 1px 8px 0px light-dark(rgba(255,255,255,0.12), rgba(255,180,255,0.12));
  --bezel-4:
    0px 2px 4px -1px light-dark(rgba(255,255,255,0.2), rgba(255,180,255,0.2)), 
    0px 4px 5px 0px light-dark(rgba(255,255,255,0.14), rgba(255,180,255,0.14)),
    0px 1px 10px 0px light-dark(rgba(255,255,255,0.12), rgba(255,180,255,0.12));
  --bezel-5:
    0px 3px 5px -1px light-dark(rgba(255,255,255,0.2), rgba(255,180,255,0.2)), 
    0px 5px 8px 0px light-dark(rgba(255,255,255,0.14), rgba(255,180,255,0.14)),
    0px 1px 14px 0px light-dark(rgba(255,255,255,0.12), rgba(255,180,255,0.12));
  --bezel-6:
    0px 3px 5px -1px light-dark(rgba(255,255,255,0.2), rgba(255,180,255,0.2)), 
    0px 6px 10px 0px light-dark(rgba(255,255,255,0.14), rgba(255,180,255,0.14)),
    0px 1px 18px 0px light-dark(rgba(255,255,255,0.12), rgba(255,180,255,0.12));
  --bezel-7:
    0px 4px 5px -2px light-dark(rgba(255,255,255,0.2), rgba(255,180,255,0.2)), 
    0px 7px 10px 1px light-dark(rgba(255,255,255,0.14), rgba(255,180,255,0.14)),
    0px 2px 16px 1px light-dark(rgba(255,255,255,0.12), rgba(255,180,255,0.12));
  --bezel-8:
    0px 5px 5px -3px light-dark(rgba(255,255,255,0.2), rgba(255,180,255,0.2)), 
    0px 8px 10px 1px light-dark(rgba(255,255,255,0.14), rgba(255,180,255,0.14)),
    0px 3px 14px 2px light-dark(rgba(255,255,255,0.12), rgba(255,180,255,0.12));
  --bezel-9:
    0px 5px 6px -3px light-dark(rgba(255,255,255,0.2), rgba(255,180,255,0.2)), 
    0px 9px 12px 1px light-dark(rgba(255,255,255,0.14), rgba(255,180,255,0.14)),
    0px 3px 16px 2px light-dark(rgba(255,255,255,0.12), rgba(255,180,255,0.12));
  --bezel-10:
    0px 6px 6px -3px light-dark(rgba(255,255,255,0.2), rgba(255,180,255,0.2)), 
    0px 10px 14px 1px light-dark(rgba(255,255,255,0.14), rgba(255,180,255,0.14)),
    0px 4px 18px 3px light-dark(rgba(255,255,255,0.12), rgba(255,180,255,0.12));
  --bezel-11:
    0px 6px 7px -4px light-dark(rgba(255,255,255,0.2), rgba(255,180,255,0.2)), 
    0px 11px 15px 1px light-dark(rgba(255,255,255,0.14), rgba(255,180,255,0.14)),
    0px 4px 20px 3px light-dark(rgba(255,255,255,0.12), rgba(255,180,255,0.12));
  --bezel-12:
    0px 7px 8px -4px light-dark(rgba(255,255,255,0.2), rgba(255,180,255,0.2)), 
    0px 12px 17px 2px light-dark(rgba(255,255,255,0.14), rgba(255,180,255,0.14)),
    0px 5px 22px 4px light-dark(rgba(255,255,255,0.12), rgba(255,180,255,0.12));
  --bezel-13:
    0px 7px 8px -4px light-dark(rgba(255,255,255,0.2), rgba(255,180,255,0.2)), 
    0px 13px 19px 2px light-dark(rgba(255,255,255,0.14), rgba(255,180,255,0.14)),
    0px 5px 24px 4px light-dark(rgba(255,255,255,0.12), rgba(255,180,255,0.12));
  --bezel-14:
    0px 7px 9px -4px light-dark(rgba(255,255,255,0.2), rgba(255,180,255,0.2)), 
    0px 14px 21px 2px light-dark(rgba(255,255,255,0.14), rgba(255,180,255,0.14)),
    0px 5px 26px 4px light-dark(rgba(255,255,255,0.12), rgba(255,180,255,0.12));
  --bezel-15:
    0px 8px 9px -5px light-dark(rgba(255,255,255,0.2), rgba(255,180,255,0.2)), 
    0px 15px 22px 2px light-dark(rgba(255,255,255,0.14), rgba(255,180,255,0.14)),
    0px 6px 28px 5px light-dark(rgba(255,255,255,0.12), rgba(255,180,255,0.12));
  --bezel-16:
    0px 8px 10px -5px light-dark(rgba(255,255,255,0.2), rgba(255,180,255,0.2)), 
    0px 16px 24px 2px light-dark(rgba(255,255,255,0.14), rgba(255,180,255,0.14)),
    0px 6px 30px 5px light-dark(rgba(255,255,255,0.12), rgba(255,180,255,0.12));
  --bezel-17:
    0px 8px 11px -5px light-dark(rgba(255,255,255,0.2), rgba(255,180,255,0.2)), 
    0px 17px 26px 2px light-dark(rgba(255,255,255,0.14), rgba(255,180,255,0.14)),
    0px 6px 32px 5px light-dark(rgba(255,255,255,0.12), rgba(255,180,255,0.12));
  --bezel-18:
    0px 9px 11px -5px light-dark(rgba(255,255,255,0.2), rgba(255,180,255,0.2)), 
    0px 18px 28px 2px light-dark(rgba(255,255,255,0.14), rgba(255,180,255,0.14)),
    0px 7px 34px 6px light-dark(rgba(255,255,255,0.12), rgba(255,180,255,0.12));
  --bezel-19:
    0px 9px 12px -6px light-dark(rgba(255,255,255,0.2), rgba(255,180,255,0.2)), 
    0px 19px 29px 2px light-dark(rgba(255,255,255,0.14), rgba(255,180,255,0.14)),
    0px 7px 36px 6px light-dark(rgba(255,255,255,0.12), rgba(255,180,255,0.12));
  --bezel-20:
    0px 10px 13px -6px light-dark(rgba(255,255,255,0.2), rgba(255,180,255,0.2)), 
    0px 20px 31px 3px light-dark(rgba(255,255,255,0.14), rgba(255,180,255,0.14)),
    0px 8px 38px 7px light-dark(rgba(255,255,255,0.12), rgba(255,180,255,0.12));
  --bezel-21:
    0px 10px 13px -6px light-dark(rgba(255,255,255,0.2), rgba(255,180,255,0.2)), 
    0px 21px 33px 3px light-dark(rgba(255,255,255,0.14), rgba(255,180,255,0.14)),
    0px 8px 40px 7px light-dark(rgba(255,255,255,0.12), rgba(255,180,255,0.12));
  --bezel-22:
    0px 10px 14px -6px light-dark(rgba(255,255,255,0.2), rgba(255,180,255,0.2)), 
    0px 22px 35px 3px light-dark(rgba(255,255,255,0.14), rgba(255,180,255,0.14)),
    0px 8px 42px 7px light-dark(rgba(255,255,255,0.12), rgba(255,180,255,0.12));
  --bezel-23:
    0px 11px 14px -7px light-dark(rgba(255,255,255,0.2), rgba(255,180,255,0.2)), 
    0px 23px 36px 3px light-dark(rgba(255,255,255,0.14), rgba(255,180,255,0.14)),
    0px 9px 44px 8px light-dark(rgba(255,255,255,0.12), rgba(255,180,255,0.12));
  --bezel-24:
    0px 11px 15px -7px light-dark(rgba(255,255,255,0.2), rgba(255,180,255,0.2)), 
    0px 24px 38px 3px light-dark(rgba(255,255,255,0.14), rgba(255,180,255,0.14)),
    0px 9px 46px 8px light-dark(rgba(255,255,255,0.12), rgba(255,180,255,0.12));

}
}

@media (prefers-color-scheme: dark) {:root {
  --csstools-color-scheme--light:  ;

}

}
  @supports not (color: light-dark(tan, tan)) {

  :root * {
  --csstools-light-dark-toggle--0: var(--csstools-color-scheme--light) white;
  --action-active: var(--csstools-light-dark-toggle--0, rgb(0, 0, 0 / 0.54));
  --csstools-light-dark-toggle--1: var(--csstools-color-scheme--light) rgb(255, 255, 255 / var(--action-hover-opacity-dark));
  --action-hover: var(--csstools-light-dark-toggle--1, rgb(0, 0, 0 / var(--action-hover-opacity-light)));
  --csstools-light-dark-toggle--2: var(--csstools-color-scheme--light) rgb(255, 255, 255 / var(--action-selected-opacity-dark));
  --action-selected: var(--csstools-light-dark-toggle--2, rgb(0, 0, 0 / var(--action-selected-opacity-light)));

  --csstools-light-dark-toggle--3: var(--csstools-color-scheme--light) rgba(255, 255, 255, 0.3);

  --action-disabled: var(--csstools-light-dark-toggle--3, rgba(0, 0, 0, 0.26));
  --csstools-light-dark-toggle--4: var(--csstools-color-scheme--light) rgba(255, 255, 255, 0.12);
  --action-disabled-background: var(--csstools-light-dark-toggle--4, rgba(0, 0, 0, 0.12));

  --csstools-light-dark-toggle--5: var(--csstools-color-scheme--light) rgba(255, 255, 255, 0.12);

  --action-focus: var(--csstools-light-dark-toggle--5, rgba(0, 0, 0, 0.12));
  --csstools-light-dark-toggle--6: var(--csstools-color-scheme--light) 0.24;
  --action-activated-opacity: var(--csstools-light-dark-toggle--6, 0.12);
  --csstools-light-dark-toggle--9: var(--csstools-color-scheme--light) var(--trans-pink-dark);
  --borderColor: var(--csstools-light-dark-toggle--9, #e1e8ed);
  --csstools-light-dark-toggle--10: var(--csstools-color-scheme--light) #b4d0dd;
  --textDark: var(--csstools-light-dark-toggle--10, #1c2022);
  --csstools-light-dark-toggle--13: var(--csstools-color-scheme--light) var(--trans-pink-dark);
  --borderColor: var(--csstools-light-dark-toggle--13, #e1e8ed);
  --csstools-light-dark-toggle--14: var(--csstools-color-scheme--light) #b4d0dd;
  --textDark: var(--csstools-light-dark-toggle--14, #1c2022);

  --csstools-light-dark-toggle--17: var(--csstools-color-scheme--light) rgba(245, 245, 245, 1);

  --text-color-primary: var(--csstools-light-dark-toggle--17, rgba(0, 0, 0, 0.87));
  --csstools-light-dark-toggle--18: var(--csstools-color-scheme--light) rgba(245, 245, 245, 0.5);
  --text-color-secondary: var(--csstools-light-dark-toggle--18, rgba(0, 0, 0, 0.6));
  --csstools-light-dark-toggle--19: var(--csstools-color-scheme--light) rgba(245, 245, 245, 0.5);
  --text-color-disabled: var(--csstools-light-dark-toggle--19, rgba(0, 0, 0, 0.38));
  --csstools-light-dark-toggle--20: var(--csstools-color-scheme--light) rgba(245, 245, 245, 0.5);
  --text-color-icon: var(--csstools-light-dark-toggle--20, rgba(0, 0, 0, 0.5));

  --csstools-light-dark-toggle--21: var(--csstools-color-scheme--light) black;

  --button-base-highlight: color-mix(in oklab, var(--button-base-color), var(--csstools-light-dark-toggle--21, white) 20%);
  --csstools-light-dark-toggle--22: var(--csstools-color-scheme--light) white;
  --button-base-dimmed: color-mix(in oklab, var(--button-base-color), var(--csstools-light-dark-toggle--22, black) 20%);
  --csstools-light-dark-toggle--23: var(--csstools-color-scheme--light) white;
  --button-hollow-hover-color: color-mix(in oklab, var(--button-base-color), var(--csstools-light-dark-toggle--23, black) 20%);
  --csstools-light-dark-toggle--24: var(--csstools-color-scheme--light) rgb(from var(--button-base-color) r g b / var(--action-hover-opacity-dark));
  --button-hollow-hover-bg: var(--csstools-light-dark-toggle--24, rgb(from var(--button-base-color) r g b / var(--action-hover-opacity-light)));
  --csstools-light-dark-toggle--25: var(--csstools-color-scheme--light) rgb(from var(--button-base-color) r g b / var(--action-selected-opacity-dark));
  --button-hollow-pressed-bg: var(--csstools-light-dark-toggle--25, rgb(from var(--button-base-color) r g b / var(--action-selected-opacity-light)));
  --csstools-light-dark-toggle--26: var(--csstools-color-scheme--light) white;
  --button-filled-hover-bg: color-mix(in oklab, var(--button-base-color), var(--csstools-light-dark-toggle--26, black) 20%);
  --csstools-light-dark-toggle--27: var(--csstools-color-scheme--light) black;
  --button-filled-pressed-bg: color-mix(in oklab, var(--button-base-color), var(--csstools-light-dark-toggle--27, white) 20%);
  --csstools-light-dark-toggle--28: var(--csstools-color-scheme--light) black;
  --primary-light: color-mix(in oklab, var(--primary-main), var(--csstools-light-dark-toggle--28, white) var(--variant-shade-opacity));
  --csstools-light-dark-toggle--29: var(--csstools-color-scheme--light) white;
  --primary-dark: color-mix(in oklab, var(--primary-main), var(--csstools-light-dark-toggle--29, black) var(--variant-shade-opacity));
  --csstools-light-dark-toggle--30: var(--csstools-color-scheme--light) rgba(0, 0, 0, 0.87);
  --primary-contrast: var(--csstools-light-dark-toggle--30, rgba(255, 255, 255, 1));
  --csstools-light-dark-toggle--31: var(--csstools-color-scheme--light) black;
  --secondary-light: color-mix(in oklab, var(--secondary-main), var(--csstools-light-dark-toggle--31, white) var(--variant-shade-opacity));
  --csstools-light-dark-toggle--32: var(--csstools-color-scheme--light) white;
  --secondary-dark: color-mix(in oklab, var(--secondary-main), var(--csstools-light-dark-toggle--32, black) var(--variant-shade-opacity));
  --csstools-light-dark-toggle--33: var(--csstools-color-scheme--light) rgba(0, 0, 0, 0.87);
  --secondary-contrast: var(--csstools-light-dark-toggle--33, rgba(255, 255, 255, 1));
  --csstools-light-dark-toggle--34: var(--csstools-color-scheme--light) black;
  --success-light: color-mix(in oklab, var(--success-main), var(--csstools-light-dark-toggle--34, white) var(--variant-shade-opacity));
  --csstools-light-dark-toggle--35: var(--csstools-color-scheme--light) white;
  --success-dark: color-mix(in oklab, var(--success-main), var(--csstools-light-dark-toggle--35, black) var(--variant-shade-opacity));
  --csstools-light-dark-toggle--36: var(--csstools-color-scheme--light) rgba(0, 0, 0, 0.87);
  --success-contrast: var(--csstools-light-dark-toggle--36, rgba(255, 255, 255, 1));
  --csstools-light-dark-toggle--37: var(--csstools-color-scheme--light) black;
  --info-light: color-mix(in oklab, var(--info-main), var(--csstools-light-dark-toggle--37, white) var(--variant-shade-opacity));
  --csstools-light-dark-toggle--38: var(--csstools-color-scheme--light) white;
  --info-dark: color-mix(in oklab, var(--info-main), var(--csstools-light-dark-toggle--38, black) var(--variant-shade-opacity));
  --csstools-light-dark-toggle--39: var(--csstools-color-scheme--light) rgba(0, 0, 0, 0.87);
  --info-contrast: var(--csstools-light-dark-toggle--39, rgba(255, 255, 255, 1));
  --csstools-light-dark-toggle--40: var(--csstools-color-scheme--light) black;
  --warning-light: color-mix(in oklab, var(--warning-main), var(--csstools-light-dark-toggle--40, white) var(--variant-shade-opacity));
  --csstools-light-dark-toggle--41: var(--csstools-color-scheme--light) white;
  --warning-dark: color-mix(in oklab, var(--warning-main), var(--csstools-light-dark-toggle--41, black) var(--variant-shade-opacity));
  --csstools-light-dark-toggle--42: var(--csstools-color-scheme--light) rgba(0, 0, 0, 0.87);
  --warning-contrast: var(--csstools-light-dark-toggle--42, rgba(255, 255, 255, 1));
  --csstools-light-dark-toggle--43: var(--csstools-color-scheme--light) black;
  --danger-light: color-mix(in oklab, var(--danger-main), var(--csstools-light-dark-toggle--43, white) var(--variant-shade-opacity));
  --csstools-light-dark-toggle--44: var(--csstools-color-scheme--light) white;
  --danger-dark: color-mix(in oklab, var(--danger-main), var(--csstools-light-dark-toggle--44, black) var(--variant-shade-opacity));
  --csstools-light-dark-toggle--45: var(--csstools-color-scheme--light) white;
  --danger-extra-dark: color-mix(in oklab, var(--danger-main), var(--csstools-light-dark-toggle--45, black) 40%);
  --csstools-light-dark-toggle--46: var(--csstools-color-scheme--light) rgba(0, 0, 0, 0.87);
  --danger-contrast: var(--csstools-light-dark-toggle--46, rgba(255, 255, 255, 1));

  --csstools-light-dark-toggle--47: var(--csstools-color-scheme--light) rgba(255, 255, 255, 0.12);

  --divider-color: var(--csstools-light-dark-toggle--47, rgba(0, 0, 0, 0.12));

  --csstools-light-dark-toggle--48: var(--csstools-color-scheme--light) var(--grey-900);

  --background-default: var(--csstools-light-dark-toggle--48, var(--grey-050));
  --csstools-light-dark-toggle--49: var(--csstools-color-scheme--light) #121212;
  --background-paper: var(--csstools-light-dark-toggle--49, #fff);

  --csstools-light-dark-toggle--50: var(--csstools-color-scheme--light) #39587b;

  --surface-base: var(--csstools-light-dark-toggle--50, #b4c7dc);
  --csstools-light-dark-toggle--51: var(--csstools-color-scheme--light) black;
  --surface-1: color-mix(in oklab, var(--surface-base), var(--csstools-light-dark-toggle--51, white) 84%);
  --csstools-light-dark-toggle--52: var(--csstools-color-scheme--light) black;
  --surface-2: color-mix(in oklab, var(--surface-base), var(--csstools-light-dark-toggle--52, white) 70%);
  --csstools-light-dark-toggle--53: var(--csstools-color-scheme--light) black;
  --surface-3: color-mix(in oklab, var(--surface-base), var(--csstools-light-dark-toggle--53, white) 56%);
  --csstools-light-dark-toggle--54: var(--csstools-color-scheme--light) black;
  --surface-4: color-mix(in oklab, var(--surface-base), var(--csstools-light-dark-toggle--54, white) 42%);
  --csstools-light-dark-toggle--55: var(--csstools-color-scheme--light) black;
  --surface-5: color-mix(in oklab, var(--surface-base), var(--csstools-light-dark-toggle--55, white) 28%);
  --csstools-light-dark-toggle--56: var(--csstools-color-scheme--light) black;
  --surface-6: color-mix(in oklab, var(--surface-base), var(--csstools-light-dark-toggle--56, white) 14%);
  --csstools-light-dark-toggle--57:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.2);
  --csstools-light-dark-toggle--58:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.14);
  --csstools-light-dark-toggle--59:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.12);
  --bezel-1:
    0px 2px 1px -1px var(--csstools-light-dark-toggle--57, rgba(255,255,255,0.2)), 
    0px 1px 1px 0px var(--csstools-light-dark-toggle--58, rgba(255,255,255,0.14)),
    0px 1px 3px 0px var(--csstools-light-dark-toggle--59, rgba(255,255,255,0.12));
  --csstools-light-dark-toggle--60:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.2);
  --csstools-light-dark-toggle--61:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.14);
  --csstools-light-dark-toggle--62:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.12);
  --bezel-2:
    0px 3px 1px -2px var(--csstools-light-dark-toggle--60, rgba(255,255,255,0.2)), 
    0px 2px 2px 0px var(--csstools-light-dark-toggle--61, rgba(255,255,255,0.14)),
    0px 1px 5px 0px var(--csstools-light-dark-toggle--62, rgba(255,255,255,0.12));
  --csstools-light-dark-toggle--63:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.2);
  --csstools-light-dark-toggle--64:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.14);
  --csstools-light-dark-toggle--65:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.12);
  --bezel-3:
    0px 3px 3px -2px var(--csstools-light-dark-toggle--63, rgba(255,255,255,0.2)), 
    0px 3px 4px 0px var(--csstools-light-dark-toggle--64, rgba(255,255,255,0.14)),
    0px 1px 8px 0px var(--csstools-light-dark-toggle--65, rgba(255,255,255,0.12));
  --csstools-light-dark-toggle--66:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.2);
  --csstools-light-dark-toggle--67:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.14);
  --csstools-light-dark-toggle--68:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.12);
  --bezel-4:
    0px 2px 4px -1px var(--csstools-light-dark-toggle--66, rgba(255,255,255,0.2)), 
    0px 4px 5px 0px var(--csstools-light-dark-toggle--67, rgba(255,255,255,0.14)),
    0px 1px 10px 0px var(--csstools-light-dark-toggle--68, rgba(255,255,255,0.12));
  --csstools-light-dark-toggle--69:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.2);
  --csstools-light-dark-toggle--70:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.14);
  --csstools-light-dark-toggle--71:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.12);
  --bezel-5:
    0px 3px 5px -1px var(--csstools-light-dark-toggle--69, rgba(255,255,255,0.2)), 
    0px 5px 8px 0px var(--csstools-light-dark-toggle--70, rgba(255,255,255,0.14)),
    0px 1px 14px 0px var(--csstools-light-dark-toggle--71, rgba(255,255,255,0.12));
  --csstools-light-dark-toggle--72:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.2);
  --csstools-light-dark-toggle--73:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.14);
  --csstools-light-dark-toggle--74:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.12);
  --bezel-6:
    0px 3px 5px -1px var(--csstools-light-dark-toggle--72, rgba(255,255,255,0.2)), 
    0px 6px 10px 0px var(--csstools-light-dark-toggle--73, rgba(255,255,255,0.14)),
    0px 1px 18px 0px var(--csstools-light-dark-toggle--74, rgba(255,255,255,0.12));
  --csstools-light-dark-toggle--75:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.2);
  --csstools-light-dark-toggle--76:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.14);
  --csstools-light-dark-toggle--77:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.12);
  --bezel-7:
    0px 4px 5px -2px var(--csstools-light-dark-toggle--75, rgba(255,255,255,0.2)), 
    0px 7px 10px 1px var(--csstools-light-dark-toggle--76, rgba(255,255,255,0.14)),
    0px 2px 16px 1px var(--csstools-light-dark-toggle--77, rgba(255,255,255,0.12));
  --csstools-light-dark-toggle--78:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.2);
  --csstools-light-dark-toggle--79:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.14);
  --csstools-light-dark-toggle--80:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.12);
  --bezel-8:
    0px 5px 5px -3px var(--csstools-light-dark-toggle--78, rgba(255,255,255,0.2)), 
    0px 8px 10px 1px var(--csstools-light-dark-toggle--79, rgba(255,255,255,0.14)),
    0px 3px 14px 2px var(--csstools-light-dark-toggle--80, rgba(255,255,255,0.12));
  --csstools-light-dark-toggle--81:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.2);
  --csstools-light-dark-toggle--82:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.14);
  --csstools-light-dark-toggle--83:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.12);
  --bezel-9:
    0px 5px 6px -3px var(--csstools-light-dark-toggle--81, rgba(255,255,255,0.2)), 
    0px 9px 12px 1px var(--csstools-light-dark-toggle--82, rgba(255,255,255,0.14)),
    0px 3px 16px 2px var(--csstools-light-dark-toggle--83, rgba(255,255,255,0.12));
  --csstools-light-dark-toggle--84:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.2);
  --csstools-light-dark-toggle--85:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.14);
  --csstools-light-dark-toggle--86:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.12);
  --bezel-10:
    0px 6px 6px -3px var(--csstools-light-dark-toggle--84, rgba(255,255,255,0.2)), 
    0px 10px 14px 1px var(--csstools-light-dark-toggle--85, rgba(255,255,255,0.14)),
    0px 4px 18px 3px var(--csstools-light-dark-toggle--86, rgba(255,255,255,0.12));
  --csstools-light-dark-toggle--87:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.2);
  --csstools-light-dark-toggle--88:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.14);
  --csstools-light-dark-toggle--89:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.12);
  --bezel-11:
    0px 6px 7px -4px var(--csstools-light-dark-toggle--87, rgba(255,255,255,0.2)), 
    0px 11px 15px 1px var(--csstools-light-dark-toggle--88, rgba(255,255,255,0.14)),
    0px 4px 20px 3px var(--csstools-light-dark-toggle--89, rgba(255,255,255,0.12));
  --csstools-light-dark-toggle--90:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.2);
  --csstools-light-dark-toggle--91:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.14);
  --csstools-light-dark-toggle--92:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.12);
  --bezel-12:
    0px 7px 8px -4px var(--csstools-light-dark-toggle--90, rgba(255,255,255,0.2)), 
    0px 12px 17px 2px var(--csstools-light-dark-toggle--91, rgba(255,255,255,0.14)),
    0px 5px 22px 4px var(--csstools-light-dark-toggle--92, rgba(255,255,255,0.12));
  --csstools-light-dark-toggle--93:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.2);
  --csstools-light-dark-toggle--94:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.14);
  --csstools-light-dark-toggle--95:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.12);
  --bezel-13:
    0px 7px 8px -4px var(--csstools-light-dark-toggle--93, rgba(255,255,255,0.2)), 
    0px 13px 19px 2px var(--csstools-light-dark-toggle--94, rgba(255,255,255,0.14)),
    0px 5px 24px 4px var(--csstools-light-dark-toggle--95, rgba(255,255,255,0.12));
  --csstools-light-dark-toggle--96:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.2);
  --csstools-light-dark-toggle--97:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.14);
  --csstools-light-dark-toggle--98:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.12);
  --bezel-14:
    0px 7px 9px -4px var(--csstools-light-dark-toggle--96, rgba(255,255,255,0.2)), 
    0px 14px 21px 2px var(--csstools-light-dark-toggle--97, rgba(255,255,255,0.14)),
    0px 5px 26px 4px var(--csstools-light-dark-toggle--98, rgba(255,255,255,0.12));
  --csstools-light-dark-toggle--99:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.2);
  --csstools-light-dark-toggle--100:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.14);
  --csstools-light-dark-toggle--101:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.12);
  --bezel-15:
    0px 8px 9px -5px var(--csstools-light-dark-toggle--99, rgba(255,255,255,0.2)), 
    0px 15px 22px 2px var(--csstools-light-dark-toggle--100, rgba(255,255,255,0.14)),
    0px 6px 28px 5px var(--csstools-light-dark-toggle--101, rgba(255,255,255,0.12));
  --csstools-light-dark-toggle--102:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.2);
  --csstools-light-dark-toggle--103:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.14);
  --csstools-light-dark-toggle--104:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.12);
  --bezel-16:
    0px 8px 10px -5px var(--csstools-light-dark-toggle--102, rgba(255,255,255,0.2)), 
    0px 16px 24px 2px var(--csstools-light-dark-toggle--103, rgba(255,255,255,0.14)),
    0px 6px 30px 5px var(--csstools-light-dark-toggle--104, rgba(255,255,255,0.12));
  --csstools-light-dark-toggle--105:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.2);
  --csstools-light-dark-toggle--106:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.14);
  --csstools-light-dark-toggle--107:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.12);
  --bezel-17:
    0px 8px 11px -5px var(--csstools-light-dark-toggle--105, rgba(255,255,255,0.2)), 
    0px 17px 26px 2px var(--csstools-light-dark-toggle--106, rgba(255,255,255,0.14)),
    0px 6px 32px 5px var(--csstools-light-dark-toggle--107, rgba(255,255,255,0.12));
  --csstools-light-dark-toggle--108:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.2);
  --csstools-light-dark-toggle--109:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.14);
  --csstools-light-dark-toggle--110:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.12);
  --bezel-18:
    0px 9px 11px -5px var(--csstools-light-dark-toggle--108, rgba(255,255,255,0.2)), 
    0px 18px 28px 2px var(--csstools-light-dark-toggle--109, rgba(255,255,255,0.14)),
    0px 7px 34px 6px var(--csstools-light-dark-toggle--110, rgba(255,255,255,0.12));
  --csstools-light-dark-toggle--111:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.2);
  --csstools-light-dark-toggle--112:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.14);
  --csstools-light-dark-toggle--113:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.12);
  --bezel-19:
    0px 9px 12px -6px var(--csstools-light-dark-toggle--111, rgba(255,255,255,0.2)), 
    0px 19px 29px 2px var(--csstools-light-dark-toggle--112, rgba(255,255,255,0.14)),
    0px 7px 36px 6px var(--csstools-light-dark-toggle--113, rgba(255,255,255,0.12));
  --csstools-light-dark-toggle--114:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.2);
  --csstools-light-dark-toggle--115:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.14);
  --csstools-light-dark-toggle--116:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.12);
  --bezel-20:
    0px 10px 13px -6px var(--csstools-light-dark-toggle--114, rgba(255,255,255,0.2)), 
    0px 20px 31px 3px var(--csstools-light-dark-toggle--115, rgba(255,255,255,0.14)),
    0px 8px 38px 7px var(--csstools-light-dark-toggle--116, rgba(255,255,255,0.12));
  --csstools-light-dark-toggle--117:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.2);
  --csstools-light-dark-toggle--118:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.14);
  --csstools-light-dark-toggle--119:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.12);
  --bezel-21:
    0px 10px 13px -6px var(--csstools-light-dark-toggle--117, rgba(255,255,255,0.2)), 
    0px 21px 33px 3px var(--csstools-light-dark-toggle--118, rgba(255,255,255,0.14)),
    0px 8px 40px 7px var(--csstools-light-dark-toggle--119, rgba(255,255,255,0.12));
  --csstools-light-dark-toggle--120:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.2);
  --csstools-light-dark-toggle--121:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.14);
  --csstools-light-dark-toggle--122:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.12);
  --bezel-22:
    0px 10px 14px -6px var(--csstools-light-dark-toggle--120, rgba(255,255,255,0.2)), 
    0px 22px 35px 3px var(--csstools-light-dark-toggle--121, rgba(255,255,255,0.14)),
    0px 8px 42px 7px var(--csstools-light-dark-toggle--122, rgba(255,255,255,0.12));
  --csstools-light-dark-toggle--123:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.2);
  --csstools-light-dark-toggle--124:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.14);
  --csstools-light-dark-toggle--125:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.12);
  --bezel-23:
    0px 11px 14px -7px var(--csstools-light-dark-toggle--123, rgba(255,255,255,0.2)), 
    0px 23px 36px 3px var(--csstools-light-dark-toggle--124, rgba(255,255,255,0.14)),
    0px 9px 44px 8px var(--csstools-light-dark-toggle--125, rgba(255,255,255,0.12));
  --csstools-light-dark-toggle--126:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.2);
  --csstools-light-dark-toggle--127:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.14);
  --csstools-light-dark-toggle--128:
    var(--csstools-color-scheme--light) rgba(255,180,255,0.12);
  --bezel-24:
    0px 11px 15px -7px var(--csstools-light-dark-toggle--126, rgba(255,255,255,0.2)), 
    0px 24px 38px 3px var(--csstools-light-dark-toggle--127, rgba(255,255,255,0.14)),
    0px 9px 46px 8px var(--csstools-light-dark-toggle--128, rgba(255,255,255,0.12));

  }

}

.hidden {
  display: none
}

/* Box sizing rules */

*,
*::before,
*::after {
  box-sizing: border-box;
  box-sizing: 'inherit';
}

/* Prevent font size inflation */

html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: none;
  -webkit-font-smoothing: 'antialiased';
  -moz-osx-font-smoothing: 'grayscale';
  box-sizing: 'border-box';
}

/* Remove default margin in favour of better control in authored CSS */

body, h1, h2, h3, h4, p, figure, blockquote, dl, dd {
  margin-block: 0;
}

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */

ul[role='list'],
ol[role='list'] {
  list-style: none;
}

/* Set core body defaults */

body {
  min-height: 100vh;
  line-height: 1.5;
  margin: 0;
  color: var(--text-color-primary);
  background-color: var(--background-default);
  font-family: var(--font-family-primary);
}

@media print {

body {
    background-color: white
}
  }

body::backdrop {
    background-color: var(--background-default);
  }

strong, b {
  font-weight: var(--font-weight-bold);
}

/* Set shorter line heights on headings and interactive elements */

h1,
h2,
h3,
h4,
h5,
h6,
button,
input,
label {
  line-height: 1.1;
}

/* Balance text wrapping on headings */

h1,
h2,
h3,
h4,
h5,
h6 {
  text-wrap: balance;
}

h1 { font-size: var(--font-size-4xl); font-weight: var(--font-weight-light); }

h2 { font-size: var(--font-size-3xl); font-weight: var(--font-weight-light); }

h3 { font-size: var(--font-size-2xl); font-weight: var(--font-weight-regular); }

h4 { font-size: var(--font-size-xl); font-weight: var(--font-weight-bold); }

h5 { font-size: var(--font-size-lg); font-weight: var(--font-weight-bold); }

h6 { font-size: var(--font-size-md); font-weight: var(--font-weight-medium); }

h1,
h2,
h3,
h4 {
  font-family: var(--font-family-secondary);
}

h5,
h6 {
  font-family: var(--font-family-primary);
}

/* A elements that don't have a class get default styles */

a:not([class]) {
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
  color: currentColor;
}

/* Make images easier to work with */

img,
picture {
  max-width: 100%;
  display: block;
}

/* Inherit fonts for inputs and buttons */

input,
button,
textarea,
select {
  font-family: inherit;
  font-size: inherit;
}

/* Make sure textareas without a rows attribute are not tiny */

textarea:not([rows]) {
  min-height: 10em;
}

/* Anything that has been anchored to should have extra scroll margin */

:target {
  scroll-margin-block: 5ex;
}

@media only screen and (min-width: --breakpoint-lg) {

:root {
    --font-size-2xl: 2rem;
    --font-size-3xl: 2.5rem;
    --font-size-4xl: 3rem;
    --font-size-5xl: 4rem;
}
  }

.ui-article {
  font-family: var(--font-family-primary);
  font-weight: var(--font-weight-regular);

  /* > h1:first-child {
    margin-top: 0.5em;
  } */

  -webkit-font-smoothing: antialiased;
  transition: background-color 0.5s;
}

@media only screen and (max-width: 500px) {

.ui-article {
    padding: 1em 1em

    /* > h1:first-of-type {
      margin-top: 0.25em;
    } */
}
  }

.ui-article h1 a, .ui-article h2 a, .ui-article h3 a, .ui-article h4 a, .ui-article h5 a {
    color: inherit;
    overflow: hidden; text-decoration: inherit;
  }

.ui-article p {
    margin-top: 0;
    margin-bottom: 1rem;
  }

.ui-article p a {
    transition-property: color, padding, margin;
    transition-duration: 0.3s;
    transition-timing-function: ease;
    -webkit-text-decoration: underline;
    text-decoration: underline;

    color: var(--primary-main);
  }

.ui-article p a:hover {
      color: var(--primary-light);
    }

.ui-article img {
    max-width: 100%;
  }

.ui-article hr {
    overflow: hidden;
  }

.ui-article blockquote {
    font-family: var(--font-family-secondary);
    font-weight: 300;
    font-size: 0.94em;
    line-height: 1.4;
    /* background: light-dark(var(--trans-blue-lightest), var(--trans-blue-darkest)); */
    background: var(--surface-1);
    --csstools-light-dark-toggle--15: var(--csstools-color-scheme--light) var(--trans-blue-dark);
    border: 1px solid var(--csstools-light-dark-toggle--15, var(--trans-blue-main));
    box-shadow: 0 1px 3px rgb(from var(--trans-blue-main) r g b / 50%);
    border-radius: 5px;
    padding: 15px;
    --csstools-light-dark-toggle--16: var(--csstools-color-scheme--light) var(--grey-100);
    color: var(--csstools-light-dark-toggle--16, black);
    margin: 0 0 1rem;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;

    position: relative;
    overflow: hidden;

  }

@supports (color: light-dark(red, red)) {
.ui-article blockquote {
    border: 1px solid light-dark(var(--trans-blue-main), var(--trans-blue-dark));
    color: light-dark(black, var(--grey-100));

  }
}

@media (prefers-color-scheme: dark) {

.ui-article blockquote {
      box-shadow: 0 0 5px 2px rgb(from var(--trans-blue-main) r g b / 50%)

  }
    }

.ui-article blockquote dt {
      font-weight: 600;
      display: inline;
    }

.ui-article blockquote dd {
      margin: 0;
    }

.ui-article blockquote::before {
      font-family: cursive;
      font-weight: 700;
      display: block;
      padding-left: 10px;
      content: "\201C";
      font-size: 50px;
      position: absolute;
      left: -10px;
      top: -16px;
      color: var(--trans-blue-main);
      text-shadow: 0 1px 3px rgb(from var(--trans-blue-main) r g b / 50%);
      opacity: 0.8;
    }

.ui-article blockquote p:last-child {
      margin-bottom: 0;
    }

.ui-article h1, .ui-article h2, .ui-article h3, .ui-article h4, .ui-article h5 {
    clear: left;
    display: flex;
    margin-top: 0;
    margin-bottom: .5rem;
  }

.ui-article h1 .header-link, .ui-article h2 .header-link, .ui-article h3 .header-link, .ui-article h4 .header-link, .ui-article h5 .header-link {
      flex: 1;
      font-size: 0.75em;
      -webkit-text-decoration: none;
      text-decoration: none;
      align-self: center;
      text-align: right;
      opacity: 0.15;
    }

.ui-article h1 .header-link:hover, .ui-article h2 .header-link:hover, .ui-article h3 .header-link:hover, .ui-article h4 .header-link:hover, .ui-article h5 .header-link:hover {
        opacity: 1;
      }

.ui-article h1 .header-link img, .ui-article h2 .header-link img, .ui-article h3 .header-link img, .ui-article h4 .header-link img, .ui-article h5 .header-link img {
        height: 1em;
      }

@media (prefers-color-scheme: dark) {

.ui-article h1 .header-link, .ui-article h2 .header-link, .ui-article h3 .header-link, .ui-article h4 .header-link, .ui-article h5 .header-link {
        /* Convert the black svg icon to the $primary color at runtime using CSS filters
           https://stackoverflow.com/a/43960991 */
        filter: invert(34%) sepia(87%) saturate(2698%) hue-rotate(313deg) brightness(108%) contrast(98%)
    }
      }

.ui-article h1 + h1 .header-link, .ui-article h1 + h2 .header-link, .ui-article h1 + h3 .header-link, .ui-article h1 + h4 .header-link, .ui-article h1 + h5 .header-link, .ui-article h2 + h1 .header-link, .ui-article h2 + h2 .header-link, .ui-article h2 + h3 .header-link, .ui-article h2 + h4 .header-link, .ui-article h2 + h5 .header-link, .ui-article h3 + h1 .header-link, .ui-article h3 + h2 .header-link, .ui-article h3 + h3 .header-link, .ui-article h3 + h4 .header-link, .ui-article h3 + h5 .header-link, .ui-article h4 + h1 .header-link, .ui-article h4 + h2 .header-link, .ui-article h4 + h3 .header-link, .ui-article h4 + h4 .header-link, .ui-article h4 + h5 .header-link, .ui-article h5 + h1 .header-link, .ui-article h5 + h2 .header-link, .ui-article h5 + h3 .header-link, .ui-article h5 + h4 .header-link, .ui-article h5 + h5 .header-link {
          display: none;
        }

.ui-article h1:first-child .header-link, .ui-article h2:first-child .header-link, .ui-article h3:first-child .header-link, .ui-article h4:first-child .header-link, .ui-article h5:first-child .header-link {
        display: none;
      }

.ui-article h5 {
    font-weight: 600;
    font-family: var(--font-family-primary);
    margin-bottom: 0.2rem;
    font-size: 1.05em;
  }

.ui-article li p {
    margin-bottom: 0;
    margin-top: 0.5em;
  }

.ui-article li p + ul {
    margin-bottom: 0.5em;
  }

.ui-article ul { padding-left: 2em; }

.ui-article code {
    font-size: 87.5%;
    color: var(--gray-900);
    word-wrap: break-word;
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    background: var(--gray-300);
    padding: 2px;
  }

.ui-article .center {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1em;
  }

.ui-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-color: var(--button-bg);
  outline: 0;
  border: 1px solid transparent;
  margin: 0;
  border-radius: var(--button-rounding);
  padding: 0;
  padding-block: var(--button-padding-vert);
  padding-block-start: calc(var(--button-padding-vert) + 2px);
  padding-inline: var(--button-padding-horz);
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
  vertical-align: middle;
  appearance: none;
  -webkit-text-decoration: none;
  text-decoration: none;
  color: inherit;
  text-transform: uppercase;
  font-family: var(--font-family-primary);
  transition: 
    background-color var(--transition-duration-short) var(--transition-ease-in-out),
    background-size var(--transition-duration-none) var(--transition-ease-in-out),
    box-shadow var(--transition-duration-short) var(--transition-ease-in-out),
    border-color var(--transition-duration-short) var(--transition-ease-in-out),
    color var(--transition-duration-short) var(--transition-ease-in-out);

  --csstools-light-dark-toggle--21: var(--csstools-color-scheme--light) black;

  --button-base-highlight: color-mix(in oklab, var(--button-base-color), var(--csstools-light-dark-toggle--21, white) 20%);
  --csstools-light-dark-toggle--22: var(--csstools-color-scheme--light) white;
  --button-base-dimmed: color-mix(in oklab, var(--button-base-color), var(--csstools-light-dark-toggle--22, black) 20%);

  --button-hollow-color: var(--button-base-color);
  --button-hollow-bg: var(--button-contrast-color);
  --button-hollow-border: rgb(from var(--button-base-color) r g b / 50%);
  --button-hollow-hover-border: var(--button-base-color);
  --csstools-light-dark-toggle--23: var(--csstools-color-scheme--light) white;
  --button-hollow-hover-color: color-mix(in oklab, var(--button-base-color), var(--csstools-light-dark-toggle--23, black) 20%);
  --csstools-light-dark-toggle--24: var(--csstools-color-scheme--light) rgb(from var(--button-base-color) r g b / var(--action-hover-opacity-dark));
  --button-hollow-hover-bg: var(--csstools-light-dark-toggle--24, rgb(from var(--button-base-color) r g b / var(--action-hover-opacity-light)));
  --csstools-light-dark-toggle--25: var(--csstools-color-scheme--light) rgb(from var(--button-base-color) r g b / var(--action-selected-opacity-dark));
  --button-hollow-pressed-bg: var(--csstools-light-dark-toggle--25, rgb(from var(--button-base-color) r g b / var(--action-selected-opacity-light)));

  --button-filled-color: var(--button-contrast-color);
  --button-filled-bg: var(--button-base-color);
  --csstools-light-dark-toggle--26: var(--csstools-color-scheme--light) white;
  --button-filled-hover-bg: color-mix(in oklab, var(--button-base-color), var(--csstools-light-dark-toggle--26, black) 20%);
  --csstools-light-dark-toggle--27: var(--csstools-color-scheme--light) black;
  --button-filled-pressed-bg: color-mix(in oklab, var(--button-base-color), var(--csstools-light-dark-toggle--27, white) 20%);
}

@supports (color: color-mix(in lch, red, blue)) and (color: light-dark(red, red)) {
.ui-button {

  --button-base-highlight: color-mix(in oklab, var(--button-base-color), light-dark(white, black) 20%);
  --button-base-dimmed: color-mix(in oklab, var(--button-base-color), light-dark(black, white) 20%);
  --button-hollow-hover-color: color-mix(in oklab, var(--button-base-color), light-dark(black, white) 20%);
}
}

@supports (color: lab(from red l 1 1% / calc(alpha + 0.1))) and (color: light-dark(red, red)) {
.ui-button {
  --button-hollow-hover-bg: light-dark(
    rgb(from var(--button-base-color) r g b / var(--action-hover-opacity-light)),
    rgb(from var(--button-base-color) r g b / var(--action-hover-opacity-dark))
  );
  --button-hollow-pressed-bg: light-dark(
    rgb(from var(--button-base-color) r g b / var(--action-selected-opacity-light)),
    rgb(from var(--button-base-color) r g b / var(--action-selected-opacity-dark))
  );
}
}

@supports (color: color-mix(in lch, red, blue)) and (color: light-dark(red, red)) {
.ui-button {
  --button-filled-hover-bg: color-mix(in oklab, var(--button-base-color), light-dark(black, white) 20%);
  --button-filled-pressed-bg: color-mix(in oklab, var(--button-base-color), light-dark(white, black) 20%);
}
}

@supports not (color: light-dark(tan, tan)) {}

.ui-button::-moz-focus-inner {
    border-style: none;
  }

.ui-button:disabled, .ui-button .ui-button-disabled {
    pointer-events: none;
    cursor: default;
  }

@media (hover:hover) {
    .ui-button:hover {
      background-color: var(--button-hover-bg);
    }
  }

.ui-button:active {
    background-color: var(--button-pressed-bg);
  }

@media print {

.ui-button {
    -webkit-print-color-adjust: exact;
            print-color-adjust: exact
}
  }

.ui-button.ui-button--full-width {
    display: flex;
    flex: 1;
  }

.ui-button.ui-button--text {
    color: var(--button-hollow-color);
    --button-rounding: 0;
    --button-bg: transparent;
    --button-hover-bg: var(--button-hollow-hover-bg);
    --button-pressed-bg: var(--button-hollow-pressed-bg);
  }

.ui-button.ui-button--contained {
    color: var(--button-filled-color);
    box-shadow: var(--bezel-inset-1), var(--shadow-2);
    --button-bg: var(--button-filled-bg);
    --button-hover-bg: var(--button-filled-hover-bg);
    --button-pressed-bg: var(--button-filled-pressed-bg);
    border-bottom-width: 0;
  }

@media (hover:hover) {
      .ui-button.ui-button--contained:hover {
        box-shadow: var(--bezel-inset-1), var(--shadow-4);
      }
    }

.ui-button.ui-button--contained:active {
      box-shadow: var(--bezel-inset-1), var(--shadow-1);
    }

.ui-button.ui-button--contained:disabled, .ui-button.ui-button--contained[disabled], .ui-button.ui-button--contained.ui-button-disabled {
      box-shadow: none;
    }

.ui-button.ui-button--outlined {
    padding-block: calc(var(--button-padding-vert) - 1px);
    color: var(--button-hollow-color);
    border-color: var(--button-hollow-border);
    --button-bg: var(--button-hollow-bg);
    --button-hover-bg: var(--button-hollow-hover-bg);
    --button-pressed-bg: var(--button-hollow-pressed-bg);
  }

.ui-button.ripple {
    background-image: radial-gradient(circle, var(--button-pressed-bg) 1%, var(--button-base-bg) 1%);
    background-size: 0%;

    transition: 
      background-color var(--transition-duration-none) var(--transition-ease-in-out),
      background-size var(--transition-duration-none) var(--transition-ease-in-out),
      box-shadow var(--transition-duration-short) var(--transition-ease-in-out),
      border-color var(--transition-duration-short) var(--transition-ease-in-out),
      color var(--transition-duration-short) var(--transition-ease-in-out);

  }

.ui-button.ripple:active {
      transition: 
        background-color var(--transition-duration-complex) var(--transition-ease-in-out),
        background-size var(--transition-duration-standard) var(--transition-ease-in-out),
        box-shadow var(--transition-duration-short) var(--transition-ease-in-out),
        border-color var(--transition-duration-short) var(--transition-ease-in-out),
        color var(--transition-duration-short) var(--transition-ease-in-out);
      background-size: 15000%;
    }

@media (hover:hover) {

.ui-button.ripple {
      background-image: radial-gradient(circle, var(--button-pressed-bg) 1%, var(--button-hover-bg) 1%)

  }
      .ui-button.ripple:hover {
        background-image: radial-gradient(circle, var(--button-pressed-bg) 1%, var(--button-hover-bg) 1%);
        background-color: var(--button-hover-bg);
        background-size: 100%;
      }

      .ui-button.ripple:active {
        background-size: 15000%;
        background-color: var(--button-pressed-bg);
      }
    }

.ui-button.ui-button--size-xs {
    font-size: var(--font-size-xs);
    --button-padding-vert: calc(var(--spacing) * 0.25);
    --button-padding-horz: calc(var(--spacing) * 0.5);
  }

.ui-button.ui-button--size-sm {
    font-size: var(--font-size-sm);
    --button-padding-vert: calc(var(--spacing) * 0.5);
    --button-padding-horz: calc(var(--spacing) * 1);
  }

.ui-button.ui-button--size-md {
    font-size: var(--font-size-md);
    --button-padding-vert: calc(var(--spacing) * 1);
    --button-padding-horz: calc(var(--spacing) * 2);
  }

.ui-button.ui-button--size-lg {
    font-size: var(--font-size-lg);
    --button-padding-vert: calc(var(--spacing) * 1.5);
    --button-padding-horz: calc(var(--spacing) * 2.5);
  }

.ui-button.ui-button--size-xl {
    font-size: var(--font-size-2xl);
    --button-padding-vert: calc(var(--spacing) * 2);
    --button-padding-horz: calc(var(--spacing) * 3);
  }

.ui-button.ui-button--color-primary {
    --button-base-color: var(--primary-main);
    --button-contrast-color: var(--primary-contrast);
  }

.ui-button.ui-button--color-secondary {
    --button-base-color: var(--secondary-main);
    --button-contrast-color: var(--secondary-contrast);
  }

.ui-button.ui-button--color-success {
    --button-base-color: var(--success-main);
    --button-contrast-color: var(--success-contrast);
  }

.ui-button.ui-button--color-info {
    --button-base-color: var(--info-main);
    --button-contrast-color: var(--info-contrast);
  }

.ui-button.ui-button--color-warning {
    --button-base-color: var(--warning-main);
    --button-contrast-color: var(--warning-contrast);
  }

.ui-button.ui-button--color-danger {
    --button-base-color: var(--danger-main);
    --button-contrast-color: var(--danger-contrast);
  }

.ui-button.ui-button--circle {
    --button-rounding: var(--shape-circle);
  }

.ui-button.ui-button--square {
    --button-rounding: 0;
  }

.ui-disclaimer {
  --csstools-light-dark-toggle--7: var(--csstools-color-scheme--light) var(--alpha-white-050);
  background-color: var(--csstools-light-dark-toggle--7, var(--grey-000));
  --csstools-light-dark-toggle--8: var(--csstools-color-scheme--light) var(--alpha-white-200);
  border-bottom: 1px solid var(--csstools-light-dark-toggle--8, var(--alpha-black-200));
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-light);
}

@supports (color: light-dark(red, red)) {
.ui-disclaimer {
  background-color: light-dark(var(--grey-000), var(--alpha-white-050));
  border-bottom: 1px solid light-dark(var(--alpha-black-200), var(--alpha-white-200));
}
}

.ui-disclaimer.ui-disclaimer p {
    margin: 0;
  }

.ui-disclaimer strong {
    fontWeight: var(--font-weight-regular);
  }

.ui-divider {
  margin: 0;
  flex-shrink: 0;
  border-width: 0;
  border-style: solid;
  border-color: var(--divider-color);
  border-bottom-width: thin;


}

.ui-divider .ui-divider-wrapper {
    display: inline-block;
    white-space: nowrap;
  }

.ui-divider.ui-divider--absolute {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
  }

.ui-divider.ui-divider--light {
    border-color: rgb(from var(--divider-color) r g b / 8%);
  }

.ui-divider.ui-divider--vertical {
    height: 100%;
    border-bottom-width: 0;
    border-right-width: thin;
    align-self: center;
  }

.ui-divider.ui-divider--vertical.ui-divider--v-middle {
      margin-top: var(--spacing);
      margin-bottom: var(--spacing);
    }

.ui-divider.ui-divider--vertical > .ui-divider-wrapper {
      padding-top: calc(val(--spacing) * 1.2);
      padding-bottom: calc(val(--spacing) * 1.2);
    }

.ui-divider:not(.ui-divider--vertical).ui-divider--v-middle {
      margin-left: calc(var(--spacing) * 2);
      margin-right: calc(var(--spacing) * 2);
    }

.ui-divider:not(.ui-divider--vertical) > .ui-divider-wrapper {
      padding-left: calc(val(--spacing) * 1.2);
      padding-right: calc(val(--spacing) * 1.2);
    }

.ui-divider.ui-divider--flex-item {
    align-self: stretch;
    height: auto;
  }

.fact-grid .fact-grid-header { grid-row: 1; }

.fact-grid li {page-break-inside: avoid;break-inside: avoid;}

@media (min-width: 500px) {
  .fact-grid {
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-template-rows: min-content 1fr;
    grid-column-gap: 1em;
    font-size: var(--font-size-sm);
  }

  .fact-grid .fact-grid-cell--two-col { column-count: 2; }
}

.ui-card, .ui-card.ui-paper {
  overflow: hidden;
  box-shadow: 0 1px 3px rgb(from var(--trans-blue-dark) r g b / 50%);
  background-color: var(--surface-2);
  margin-bottom: var(--spacing);
}

.ui-card-content {
  word-wrap: 'break-word';
  padding: var(--spacing-2);
  font-size: var(--font-size-sm);
}

.ui-card-content p:last-child {
    margin-bottom: 0;
  }

.ui-card-actions {
  padding: var(--spacing);
}

.ui-card-action-area {
  display: block;
  text-align: inherit;
  border-radius: inherit;
  width: 100%;
}

.ui-card-action-area>.ui-card-action-area-focus {
    transition: opacity var(--transition-duration-short) var(--transition-ease-in-out);
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: inherit;
    opacity: 0;
    background-color: currentcolor;
  }

.ui-card-action-area:hover .ui-card-action-area-focus {
    opacity: var(--action-hover-opacity);
  }

@media (hover: none) {

.ui-card-action-area:hover .ui-card-action-area-focus {
      opacity: 0
  }
    }

.ui-card-header {
  padding: var(--spacing-2);
  display: flex;
  align-items: center;
  font-size: var(--font-size-md);
  font-weight: var(--font-weight-bold);
  background-image: linear-gradient(180deg, var(--surface-4) 10%, var(--surface-2) 99%);
  box-shadow: 0px 1px white inset;
  border-top-left-radius: var(--paper-shape);
  border-top-right-radius: var(--paper-shape);
}

.ui-card-header p:last-child {
    margin-bottom: 0;
  }

.ui-card-header>.ui-card-header-avatar {
    display: flex;
    flex: 0 0 auto;
    margin-right: var(--spacing-2);
  }

.ui-card-header>.ui-card-header-action {
    flex: 0 0 auto;
    align-self: flex-start;
    margin-top: calc(val(--spacing) * -0.5);
    margin-right: calc(val(--spacing) * -1);
    margin-bottom: calc(val(--spacing) * 0.5);
  }

.ui-card-header>.ui-card-header-content {
    flex: 1 1 auto;
  }

.ui-card-header:has(+ .ui-card-content) {
    padding-bottom: 0;
  }

.ui-card-header:has(+ .ui-card-media) {
    box-shadow: 1px 1px 1px black;
  }

.ui-card-media {
  display: block;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.ui-card-media.ui-card-media--media {
    width: 100%;
  }

.ui-card-media.ui-card-media--image {
    object-fit: cover;
  }

.ui-grid {
  display: grid;
}

.ui-grid-cell {
  position: relative;
  display: flex;
  justify-content: stretch;
  align-items: stretch;
}

@media screen and (width >= 800px) {

.ui-gutter {
    position: relative;
    height: 0;
    left: calc(100% + 1em);
    width: 400px;
    padding: 0 1em
}

    @media (max-width: 1000px) {

.ui-gutter {
      width: 300px
}
    }
  }

@media screen and (500px >= width >= 800px) {

.ui-gutter {
    float: right;
    width: 300px;
    margin-left: 1em;
    zoom: 0.9
}
  }

@media print {

.ui-gutter {

    page-break-inside: avoid;
    clear: both
}

    .ui-gutter:not(.print-inline) {
      float: right;
      width: 40vw;
      margin-left: 1em;
    }
  }

.ui-gutter.flex-end, .ui-gutter.flex-center {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

.ui-gutter.flex-end {
    justify-content: flex-end;
  }

.ui-gutter.flex-center {
    justify-content: center;
  }

@media print {
    .ui-gutter.print-row {
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
    }
  }

.ui-gutter > a > img:not(.card-img-top), .ui-gutter > img {
    max-width: 100%;
    margin-bottom: 5px;
  }

.ig-card {
  --csstools-light-dark-toggle--9: var(--csstools-color-scheme--light) var(--trans-pink-dark);
  --borderColor: var(--csstools-light-dark-toggle--9, #e1e8ed);
  --borderHover: #ccd6dd;
  --textLight: #697882;
  --csstools-light-dark-toggle--10: var(--csstools-color-scheme--light) #b4d0dd;
  --textDark: var(--csstools-light-dark-toggle--10, #1c2022);
  --textHover: #3b94d9;
  --borderRadius: .35em;
  --avatarSize: 40px;

  display: block;
  background: var(--surface-1);
  padding: var(--spacing);
  font-size: var(--font-size-sm);
  /* line-height:17px; */
  --csstools-light-dark-toggle--11: var(--csstools-color-scheme--light) #b4d0dd;
  color: var(--csstools-light-dark-toggle--11, #1c2022);
  color: light-dark(#1c2022, #b4d0dd);
  font-family: Roboto, Helvetica, Arial,sans-serif;
  -webkit-text-decoration:none;
  text-decoration:none;
}

@supports (color: light-dark(red, red)) {
.ig-card {
  --borderColor: light-dark(#e1e8ed, var(--trans-pink-dark));
  --textDark: light-dark(#1c2022, #b4d0dd);
}
}

@supports not (color: light-dark(tan, tan)) {}

.ig-card .ig-header {
    display: flex;
    flex-direction: row;
    align-items: center;
  }

.ig-card .ig-header .ig-avatar {
      background-color: #F4F4F4;
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
      border-radius: 50%;
      flex-grow: 0;
      width: var(--avatarSize);
      height: var(--avatarSize);
      margin: 0 var(--spacing) 0 0;
      -webkit-print-color-adjust: exact;
      print-color-adjust: exact;
    }

.ig-card .ig-header .ig-name {
      display: flex;
      flex-direction: column;
      flex-grow: 1;
      justify-content: center;
      align-items: flex-start;
      font-weight: var(--font-weight-medium);
      line-height: 1.2;
    }

.ig-card .ig-header .ig-name strong {
        font-weight: var(--font-weight-bold);
      }

.ig-card .ig-header .ig-logo {
      width: 30px;
      height: 30px;
    }

.ig-card .ig-image {
    margin: 10px 0;
    border-radius: 5px;
  }

.ig-card .ig-caption {
    font-size: 14px;
    font-weight: 400;
    word-wrap:break-word;
    margin: 0;
  }

.ig-card .ig-footer {
    color:#c9c8cd;
    font-size: 10px;
    line-height: 1;
    overflow:hidden;
    padding:6px 0 0 0;
    margin: 0;
    text-overflow:ellipsis;
    text-transform: uppercase;
  }

.ui-image.ui-image--titlecard {
    max-width: calc(100% - calc(var(--spacing) * -4));
    margin: calc(var(--spacing) * -1) calc(var(--spacing) * -2) var(--spacing)
  }

.ui-paper {
  --paper-shape: 0;

  background-color: var(--background-paper);
  color: var(--text-primary);
  transition: box-shadow var(--transition-duration-standard) var(--transition-ease-in-out);
  border-radius: var(--paper-shape);

  --ui-paper--shadow: none;
  --ui-paper--surface: none;
  --ui-paper--overlay: none;

  background-color: var(--ui-paper--surface);
  
}

.ui-paper:not(.ui-paper--square) {
    border-radius: var(--shape-border-radius);
  }

.ui-paper.ui-paper--sm { --paper-shape: var(--shape-rounded-sm);}

.ui-paper.ui-paper--md { --paper-shape: var(--shape-rounded-md);}

.ui-paper.ui-paper--lg { --paper-shape: var(--shape-rounded-lg);}

.ui-paper.ui-paper--xl { --paper-shape: var(--shape-rounded-xl);}

.ui-paper.ui-paper--circle { --paper-shape: var(--shape-circle);}

.ui-paper.ui-paper--square { --paper-shape: none;}

.ui-paper.ui-paper--outlined {
    border: 1px solid var(--divider-color);
  }

.ui-paper.ui-paper--elevation-1 {
      --ui-paper--shadow: var(--shadow-1);
      --ui-paper--overlay: var(--overlay-1);
    }

.ui-paper.ui-paper--elevation-2 {
      --ui-paper--shadow: var(--shadow-2);
      --ui-paper--overlay: var(--overlay-2);
    }

.ui-paper.ui-paper--elevation-3 {
      --ui-paper--shadow: var(--shadow-3);
      --ui-paper--overlay: var(--overlay-3);
    }

.ui-paper.ui-paper--elevation-4 {
      --ui-paper--shadow: var(--shadow-4);
      --ui-paper--overlay: var(--overlay-4);
    }

.ui-paper.ui-paper--elevation-5 {
      --ui-paper--shadow: var(--shadow-5);
      --ui-paper--overlay: var(--overlay-5);
    }

.ui-paper.ui-paper--elevation-6 {
      --ui-paper--shadow: var(--shadow-6);
      --ui-paper--overlay: var(--overlay-6);
    }

.ui-paper.ui-paper--elevation-7 {
      --ui-paper--shadow: var(--shadow-7);
      --ui-paper--overlay: var(--overlay-7);
    }

.ui-paper.ui-paper--elevation-8 {
      --ui-paper--shadow: var(--shadow-8);
      --ui-paper--overlay: var(--overlay-8);
    }

.ui-paper.ui-paper--elevation-9 {
      --ui-paper--shadow: var(--shadow-9);
      --ui-paper--overlay: var(--overlay-9);
    }

.ui-paper.ui-paper--elevation-10 {
      --ui-paper--shadow: var(--shadow-10);
      --ui-paper--overlay: var(--overlay-10);
    }

.ui-paper.ui-paper--elevation-11 {
      --ui-paper--shadow: var(--shadow-11);
      --ui-paper--overlay: var(--overlay-11);
    }

.ui-paper.ui-paper--elevation-12 {
      --ui-paper--shadow: var(--shadow-12);
      --ui-paper--overlay: var(--overlay-12);
    }

.ui-paper.ui-paper--elevation-13 {
      --ui-paper--shadow: var(--shadow-13);
      --ui-paper--overlay: var(--overlay-13);
    }

.ui-paper.ui-paper--elevation-14 {
      --ui-paper--shadow: var(--shadow-14);
      --ui-paper--overlay: var(--overlay-14);
    }

.ui-paper.ui-paper--elevation-15 {
      --ui-paper--shadow: var(--shadow-15);
      --ui-paper--overlay: var(--overlay-15);
    }

.ui-paper.ui-paper--elevation-16 {
      --ui-paper--shadow: var(--shadow-16);
      --ui-paper--overlay: var(--overlay-16);
    }

.ui-paper.ui-paper--elevation-17 {
      --ui-paper--shadow: var(--shadow-17);
      --ui-paper--overlay: var(--overlay-17);
    }

.ui-paper.ui-paper--elevation-18 {
      --ui-paper--shadow: var(--shadow-18);
      --ui-paper--overlay: var(--overlay-18);
    }

.ui-paper.ui-paper--elevation-19 {
      --ui-paper--shadow: var(--shadow-19);
      --ui-paper--overlay: var(--overlay-19);
    }

.ui-paper.ui-paper--elevation-20 {
      --ui-paper--shadow: var(--shadow-20);
      --ui-paper--overlay: var(--overlay-20);
    }

.ui-paper.ui-paper--elevation-21 {
      --ui-paper--shadow: var(--shadow-21);
      --ui-paper--overlay: var(--overlay-21);
    }

.ui-paper.ui-paper--elevation-22 {
      --ui-paper--shadow: var(--shadow-22);
      --ui-paper--overlay: var(--overlay-22);
    }

.ui-paper.ui-paper--elevation-23 {
      --ui-paper--shadow: var(--shadow-23);
      --ui-paper--overlay: var(--overlay-23);
    }

.ui-paper.ui-paper--elevation-24 {
      --ui-paper--shadow: var(--shadow-24);
      --ui-paper--overlay: var(--overlay-24);
    }

.ui-paper.ui-paper--surface-1 {
      --ui-paper--surface: var(--surface-1);
    }

.ui-paper.ui-paper--surface-2 {
      --ui-paper--surface: var(--surface-2);
    }

.ui-paper.ui-paper--surface-3 {
      --ui-paper--surface: var(--surface-3);
    }

.ui-paper.ui-paper--surface-4 {
      --ui-paper--surface: var(--surface-4);
    }

.ui-paper.ui-paper--surface-5 {
      --ui-paper--surface: var(--surface-5);
    }

.ui-paper.ui-paper--surface-6 {
      --ui-paper--surface: var(--surface-6);
    }

.ui-paper.ui-paper--surface-7 {
      --ui-paper--surface: var(--surface-7);
    }

@media (prefers-color-scheme: light) {

.ui-paper {
    box-shadow: var(--ui-paper--shadow)
  
}
  }

@media (prefers-color-scheme: dark) {

.ui-paper {
    background-image: var(--ui-paper--overlay)
  
}
  }

.ui-quote {
  background-color: var(--trans-blue-lightest);
  color: var(--text-color-primary);
  font-family: var(--font-family-secondary);
  font-size: var(--font-size-sm);
  line-height: 1.4;

  border: 1px solid var(--trans-blue-main);
  box-shadow: 0 1px 3px rgb(from var(--trans-blue-main) r g b / 50%);

  padding: var(--spacing-2);

  position: relative;
  overflow: hidden;
}

.ui-quote strong {
    font-weight: 600;
  }

.ui-quote::before {
    font-family: cursive;
    font-weight: 700;
    display: block;
    padding-left: 10px;
    content: "\201C";
    font-size: 50px;
    position: absolute;
    left: -10px;
    top: -16px;
    color: var(--trans-blue-main);
    text-shadow: 0 1px 3px rgb(from var(--trans-blue-main) r g b / 50%);
    opacity: 0.8;
  }

.ui-quote p:last-child {
    margin-bottom: 0;
  }

.ui-stack {
  --ui-stack--gap: 0;

  display: flex;
  gap: var(--stack-gap);
}

.ui-stack.ui-stack--direction-column { flex-direction: column; }

.ui-stack.ui-stack--direction-column-reverse { flex-direction: column-reverse; }

.ui-stack.ui-stack--direction-row { flex-direction: row; }

.ui-stack.ui-stack--direction-row-reverse { flex-direction: row-reverse; }

.ui-stack.ui-stack--wrap {
    flex-wrap: wrap;
  }

.ui-stack.ui-stack--justify-start {
    justify-content: flex-start;
  }

.ui-stack.ui-stack--justify-center {
    justify-content: center;
  }

.ui-stack.ui-stack--justify-end {
    justify-content: flex-end;
  }

.ui-stack.ui-stack--justify-between {
    justify-content: space-between;
  }

.ui-stack.ui-stack--justify-around {
    justify-content: space-around;
  }

.ui-stack.ui-stack--justify-stretch {
    justify-content: stretch;
  }

.ui-stack.ui-stack--align-start {
    align-items: flex-start;
  }

.ui-stack.ui-stack--align-center {
    align-items: center;
  }

.ui-stack.ui-stack--align-end {
    align-items: flex-end;
  }

.ui-stack.ui-stack--align-stretch {
    align-items: stretch;
  }

.ui-svg-icon {
  -webkit-user-select: none;
          user-select: none;
  width: 1em;
  height: 1em;
  display: inline-block;
  flex-shrink: 0;
  transition: fill var(--transition-duration-shorter) var(--transition-ease-in-out);
}

.ui-svg-icon.ui-svg-icon--size-sm {
    font-size: 1.25rem;
  }

.ui-svg-icon.ui-svg-icon--size-md {
    font-size: 1.5rem;
  }

.ui-svg-icon.ui-svg-icon--size-lg {
    font-size: 2.1875rem;
  }

.ui-svg-icon.ui-svg-icon--disabled {
    color: var(--action-disabled);
    color: var(--action-active);  
  }

.ui-svg-icon.ui-svg-icon--color-primary {
    color: var(--primary-main);
  }

.ui-svg-icon.ui-svg-icon--color-secondary {
    color: var(--secondary-main);
  }

.ui-svg-icon.ui-svg-icon--color-success {
    color: var(--success-main);
  }

.ui-svg-icon.ui-svg-icon--color-info {
    color: var(--info-main);
  }

.ui-svg-icon.ui-svg-icon--color-warning {
    color: var(--warning-main);
  }

.ui-svg-icon.ui-svg-icon--color-danger {
    color: var(--danger-main);
  }

html:has(light-dark.light) {
  --csstools-color-scheme--light: initial;
  color-scheme: light;
}

html:has(light-dark.dark) {
  --csstools-color-scheme--light:  ;
  color-scheme: dark;
}

light-dark svg {
    font-size: 1.5rem;
  }

light-dark.light .theme--light {
      display: none;
    }

light-dark.light .theme--dark {
      display: block;
    }

light-dark.dark .theme--light {
      display: block;
    }

light-dark.dark .theme--dark {
      display: none;
    }

.ui-template {
  display: grid;
  --csstools-light-dark-toggle--12: var(--csstools-color-scheme--light) #171717;
  background-color: var(--csstools-light-dark-toggle--12, #f0f0f0);
  background-color: light-dark(#f0f0f0, #171717);
  
  grid-template-rows: var(--ui-topnav-height) 1fr;
}

@media only screen and (max-width: 900px) {

.ui-template {
    grid-template-columns: 100%;
    grid-template-areas: 
      "topnav"
      "body"
    
}

  }

@media only screen and (min-width: 900px) and (max-width: 1536px) {

.ui-template {
    grid-template-columns: var(--ui-sidebar-width) 1fr;
    grid-template-areas:
      "topnav topnav"
      "sidenav body"
    
}
  }

@media only screen and (min-width: 1536px) {

.ui-template {
    grid-template-columns: 1fr var(--ui-sidebar-width) calc(1536px - var(--ui-sidebar-width)) 1fr;
    grid-template-areas:
      "gutterLeft topnav topnav gutterRight"
      "gutterLeft sidenav body gutterRight"
    
}

    .ui-template .ui-template-gutter-left, .ui-template .ui-template-gutter-right {
      display: block;
    }
  }

/* On mobile, if the show-nav isn't checked, hide the sidenav */

@media only screen and (max-width: 900px) {
  .ui-template-sidenav {
    display: none;
  }
    #ui-template-show-nav:not(:checked) ~ *.ui-template-drawer {
      display: none;
    }
    #ui-template-show-nav:is(:checked) ~ *.ui-template {
      display: none;
    }
}

/* On desktop, hide the drawer and the hamburger */

@media only screen and (min-width: 900px) {
  .ui-template-drawer, .ui-template-hamburger {
    display: none;
  }
}

.ui-template-topnav {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: var(--ui-topnav-height);
  background: var(--grey-800);
  color: white;
  box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.3);

  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;

  padding: 0 var(--spacing-2);
  padding-right: 0;

  z-index: var(--zindex-appBar);
}

.ui-template-topnav h1 {
    flex: 0 0;
    white-space: nowrap;
  }

.ui-template-sidenav {
  grid-area: sidenav;

  background: var(--surface-7);
}

.ui-template-drawer {
  position: relative;
  top: var(--ui-topnav-height);
  left: 0;
  right: 0;
  min-height: 100vh;
  z-index: var(--zindex-appBar - 1);

  background: var(--surface-7);
}

.ui-template-hamburger {
  flex: 0 0;
}

.ui-template-navigation {
  font-size: var(--font-size-sm);
  position: relative;

  --ui-template-nav-border-color: var(--alpha-black-100);
  --ui-template-nav-bg-color: var(--alpha-white-100);
  --ui-template-nav-active-bg-color: var(--alpha-white-500);
  --ui-template-nav-active-border-color: var(--alpha-black-500);
  --ui-template-nav-hover-bg-color: var(--alpha-white-300);
  --ui-template-nav-hover-border-color: var(--alpha-black-300);
}

.ui-template-body {
  grid-area: body;

  background-color: var(--background-paper);
  padding: var(--spacing) var(--spacing-2);
}

.ui-template-body .ui-disclaimer {
    margin: calc(var(--spacing) * -1) calc(var(--spacing-2) * -1) var(--spacing);
    padding: var(--spacing) var(--spacing-2);
  }

@media screen and (min-width: 900px) {

.ui-template-body {
    margin-right: 20vw
}
    .ui-template-body .ui-disclaimer { margin-right: calc(-20vw - var(--spacing-2)); }
  }

@media screen and (min-width: 1200px) {

.ui-template-body {
    margin-right: 30vw
}
    .ui-template-body .ui-disclaimer { margin-right: calc(-30vw - var(--spacing-2)); }
  }

@media screen and (min-width: 1536px) {

.ui-template-body {
    margin-right: 400px
}
    .ui-template-body .ui-disclaimer { margin-right: calc(-400px - var(--spacing-2)); }
  }

.ui-template-gutter-left {
  display: none;
  grid-area: gutterLeft;
  background: var(--surface-5);
  border-right: 1px solid var(--alpha-black-200);
  box-shadow: inset -6px 6px 11px -9px var(--alpha-black-500);
}

.ui-template-gutter-right {
  display: none;
  grid-area: gutterRight;
  background: var(--surface-4);
  border-left: 1px solid var(--alpha-black-200);
  box-shadow: inset 6px 6px 11px -9px var(--alpha-black-500);
}

.ui-template-index {
  list-style-type: none;
  counter-reset: section;
  padding: 0;
  margin: 0;
}

.ui-template-index > li > a::before {
    content: counters(section, ".") ". ";
    counter-increment: section;
    position: absolute;
    left: var(--spacing);
  }

.ui-template-index > li {
    position: relative;
  }

.ui-template-index > li.ui-template-index-item-active {
      --ui-template-nav-bg-color: var(--alpha-white-500);
      --ui-template-nav-border-color: var(--alpha-black-500);
    }

.ui-template-index > li > a {
      display: block;
      padding: var(--spacing) var(--spacing-2);
      padding-left: calc(var(--spacing-2) + 2ch);
      padding-right: var(--spacing-half);

      background-color: var(--ui-template-nav-bg-color);
      border-top: 1px solid var(--ui-template-nav-border-color);
    }

.ui-template-index > li:last-of-type > a {
      border-bottom: 1px solid var(--ui-template-nav-border-color);
    }

.ui-template-index > li:hover:not(.active) > a {
        background-color: var(--ui-template-nav-hover-bg-color);
        border-top: 1px solid var(--ui-template-nav-hover-border-color);
      }

.ui-template-index > li:hover:not(.active) + li:not(.active) > a {
        border-top: 1px solid var(--ui-template-nav-hover-border-color);
      }

.ui-template-index > li.active > a {
        background-color: var(--ui-template-nav-active-bg-color);
        border-top: 1px solid var(--ui-template-nav-active-border-color);
      }

.ui-template-index > li.active + li > a {
        border-top: 1px solid var(--ui-template-nav-active-border-color);
      }

.ui-template-lang {
  position: relative;
}

.ui-template-language {
  --button-base-color: var(--text-color-primary);
}

.ui-template-language::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
  }

.ui-template-navigation:has(.ui-template--show-languages:checked) .ui-template-languages {
    display: block;
  }

.ui-template-languages {
  --ui-template-nav-hover-bg-color: var(--alpha-black-100);
  --ui-template-nav-hover-border-color: var(--alpha-black-300);

  display: none;
  position: absolute;
  top: calc(100% + 0.3em);
  left: var(--spacing);
  right: var(--spacing);
  z-index: var(--zindex-snackbar);

  list-style-type: none;
  padding: 0;
  margin: 0;
  /* margin-top: 3px; */
}

.ui-template-languages > li> a{
      display: block;
      padding: var(--spacing) var(--spacing-2);
      padding-right: var(--spacing-half);

      background-color: var(--ui-template-nav-bg-color);
      border-top: 1px solid var(--ui-template-nav-border-color);
    }

.ui-template-languages > li:first-of-type > a {
      border-top: none;
      border-top-left-radius: var(--paper-shape);
      border-top-right-radius: var(--paper-shape);
    }

.ui-template-languages > li:hover:not(.active) > a {
        background-color: var(--ui-template-nav-hover-bg-color);
        border-top-color: var(--ui-template-nav-hover-border-color);
      }

.ui-template-languages > li:hover:not(.active) + li:not(.active) > a {
        border-top-color: var(--ui-template-nav-hover-border-color);
      }

.ui-text {
  font-weight: inherit;
  font-family: inherit;
  font-size: inherit;
  color: inherit;
}

.ui-text.ui-text--italic {
    font-style: italic;
  }

.ui-text.ui-text--weight-light   { font-weight: var(--font-weight-light); }

.ui-text.ui-text--weight-regular { font-weight: var(--font-weight-regular); }

.ui-text.ui-text--weight-medium  { font-weight: var(--font-weight-medium); }

.ui-text.ui-text--weight-bold    { font-weight: var(--font-weight-bold); }

.ui-text.ui-text--case-title    { text-transform: capitalize; }

.ui-text.ui-text--case-upper    { text-transform: uppercase; }

.ui-text.ui-text--case-lower    { text-transform: lowercase; }

.ui-text.ui-text--family-primary   { font-family: var(--font-family-primary); }

.ui-text.ui-text--family-secondary { font-family: var(--font-family-secondary); }

.ui-text.ui-text--family-brand     { font-family: var(--font-family-brand); }

.ui-text.ui-text--family-mono      { font-family: var(--font-family-mono); }

.ui-text.ui-text--size-xs  { font-size: var(--font-size-xs); }

.ui-text.ui-text--size-sm  { font-size: var(--font-size-sm); }

.ui-text.ui-text--size-md  { font-size: var(--font-size-md); }

.ui-text.ui-text--size-lg  { font-size: var(--font-size-lg); }

.ui-text.ui-text--size-xl  { font-size: var(--font-size-xl); }

.ui-text.ui-text--size-2xl { font-size: var(--font-size-2xl); }

.ui-text.ui-text--size-3xl { font-size: var(--font-size-3xl); }

.ui-text.ui-text--size-4xl { font-size: var(--font-size-4xl); }

.ui-text.ui-text--size-5xl { font-size: var(--font-size-5xl); }

.ui-text.ui-text--color-primary   { color: var(--text-color-primary); }

.ui-text.ui-text--color-secondary { color: var(--text-color-secondary); }

.ui-text.ui-text--color-disabled  { color: var(--text-color-disabled); }

.ui-text.ui-text--color-icon      { color: var(--text-color-icon); }

.ui-text.ui-text--color-success   { color: var(--text-color-success); }

.ui-text.ui-text--color-info      { color: var(--text-color-info); }

.ui-text.ui-text--color-warning   { color: var(--text-color-warning); }

.ui-text.ui-text--color-danger    { color: var(--text-color-danger); }

.ui-text.ui-text--color-muted     { color: var(--text-color-muted); }

.ui-text.ui-text--truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

.ui-text.ui-text--truncate-lines {
    overflow: 'hidden';
    text-overflow: 'ellipsis';
    white-space: 'pre-wrap';
    display: '-webkit-box';
    -webkit-box-orient: 'vertical';
    line-clamp: var(--text-truncate-lines);
    -webkit-line-clamp: var(--text-truncate-lines);
  }

.ui-text.ui-text--wrap-balance  { white-space: 'normal'; text-wrap: 'balance' }

.ui-text.ui-text--wrap-nowrap   { white-space: 'nowrap'; }

.ui-text.ui-text--wrap-pretty   { white-space: 'normal'; text-wrap: 'pretty' }

.ui-text.ui-text--wrap-pre      { white-space: 'pre-wrap'; }

.twitter {
  --csstools-light-dark-toggle--13: var(--csstools-color-scheme--light) var(--trans-pink-dark);
  --borderColor: var(--csstools-light-dark-toggle--13, #e1e8ed);
  --borderHover: #ccd6dd;
  --textLight: #697882;
  --csstools-light-dark-toggle--14: var(--csstools-color-scheme--light) #b4d0dd;
  --textDark: var(--csstools-light-dark-toggle--14, #1c2022);
  --textHover: #3b94d9;
  --borderRadius: .35em;
  --avatarSize: 36px;

  --borderColorDark: var(--trans-pink-dark);

  max-width: 660px;
  margin: 2em auto;
  font-size: 12px;
  border: 1px solid var(--borderColor);
  border-radius: .35em;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  margin-bottom: 1em;
  background-color: var(--surface-1);
  overflow-x: hidden;
  overflow-y: auto;

  page-break-inside: avoid;
}

@supports (color: light-dark(red, red)) {
.twitter {
  --borderColor: light-dark(#e1e8ed, var(--trans-pink-dark));
  --textDark: light-dark(#1c2022, #b4d0dd);
}
}

@supports not (color: light-dark(tan, tan)) {}

.twitter:not(.grid-row) {
    box-shadow: 0 0 5px 2px rgba(var(--trans-blue-main), 0.5);
  }

@media only screen and (min-width: 900px) {
    .twitter.capped { max-height: 700px; }
  }

.twitter .emoji {
    height: 1.25em;
    width: 1.25em;
    vertical-align: -0.2em;
    padding: 0px 0.05em 0px 0.1em;
  }

.twitter .tweet {
    border-radius: var(--borderRadius);
    padding: 1em 1em 13px;
    position: relative;
  }

.twitter .tweet .tweet-logo { display: none; }

.twitter .tweet + .tweet {
    border-top: 1px solid var(--borderColor);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

.twitter .tweet:first-child .tweet-logo { display: block; }

.twitter .tweet-header {
    -webkit-text-decoration: none;
    text-decoration: none;
    display: grid;
    grid-template-columns: var(--avatarSize) 1fr 30px;
    grid-template-rows: 1fr 1.2em 5px 1.1em 1fr;
    grid-template-areas:
      "avatar . logo"
      "avatar name logo"
      "avatar . logo"
      "avatar screen-name logo"
      "avatar . logo"
    ;
    grid-column-gap: 10px;
    grid-row-gap: 0px;
    color: var(--textDark);
    margin-bottom: 1em;
    line-height: 1;
  }

.twitter .tweet-header:hover {
      color: var(--textHover);
    }

.twitter .tweet-header b {
      grid-area: avatar;
      display: flex;
      justify-content: center;
      align-items: center;
    }

.twitter .tweet-header b img {
        width: var(--avatarSize);
        height: var(--avatarSize);
        border-radius: 50%;
      }

.twitter .tweet-header strong {
      grid-area: name;
      font-size: 1.2em;
      line-height: 1.1;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      align-self: flex-start;
    }

.twitter .tweet-header strong .tweet-verified {
        height: 16px;
        width: 16px;
        display: inline-block;
        vertical-align: bottom;
        margin-left: 4px;
        background-image: url('/tweets/verified.svg');
        background-position: center center;
        background-size: contain;
        background-repeat: no-repeat;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
      }

.twitter .tweet-header strong .tweet-protected {
        height: 20px;
        width: 20px;
        display: inline-block;
        vertical-align: bottom;
      }

.twitter .tweet-header span {
      grid-area: screen-name;
      font-size: 1.1em;
      color: var(--textLight);
    }

.twitter .tweet-header .tweet-logo {
      grid-area: logo;
      align-self: center;
      height: 20px;
      width: 30px;
    }

.twitter .tweet-link {
    display: none;
  }

.twitter .tweet-text, .twitter .tweet-quoted-text {
    line-height: 1.5em;
  }

.twitter .tweet-text p, .twitter .tweet-quoted-text p { margin-bottom: 0.5em; }

.twitter .tweet-text p:last-child, .twitter .tweet-quoted-text p:last-child { margin-bottom: 0; }

.twitter .tweet-text a, .twitter .tweet-quoted-text a { color: var(--textHover); }

.twitter .tweet-quoted {
    -webkit-text-decoration: none;
    text-decoration: none;
    border: 1px solid var(--borderColor);
    border-radius: .35em;
    padding: 10px;
    display: inline-block;
    color: var(--textDark);
    font-size: 0.95em;
    margin-top: 0.4em;
    margin-bottom: 0.75em;
    background: rgba(var(--gray-500), 0.1);
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }

.twitter .tweet-quoted > a {
      color: inherit;
      display: block;
    }

.twitter .tweet-quoted > a:hover {
        color: var(--textHover);
        -webkit-text-decoration: none;
        text-decoration: none;
      }

.twitter .tweet-quoted span {
      color: var(--textLight);
    }

.twitter .tweet-quoted span, .twitter .tweet-quoted strong {
      line-height: 1;
    }

.twitter .tweet-quoted p:last-child {
      margin-bottom: 0;
    }

.twitter .tweet-quoted.missing {
      background: rgba(var(--gray-500), 0.4);
      padding: 3px 10px;
      width: 300px;
      color: var(--gray-500);
      border-color: rgba(var(--gray-500), 0.4);
    }

.twitter .tweet-entities {
    margin-top: 10px;

    border-radius: 14px;
    overflow: hidden;
    max-width: 600px;
    max-height: 600px;
    box-shadow: 0 0 3px rgba(#000, 0.3);
  }

.twitter .tweet-entities .tweet-entities-inner {
      padding-bottom: 56.25%;
      position: relative;
    }

.twitter .tweet-entities .tweet-entities-inner > div {
        position: absolute;
        top: 0; right: 0;
        bottom: 0; left: 0;
      }

.twitter .tweet-entities .tweet-entities-grid {
      display: grid;
      grid-gap: 5px;
      grid-template: 1fr 1fr / 1fr 1fr;
      height: 100%;
    }

.twitter .tweet-entities .tweet-entities-grid .tweet-entity {
        display: flex;
        align-items: stretch;
        justify-content: stretch;
      }

.twitter .tweet-entities .tweet-entities-grid .tweet-entity img {
          visibility: hidden;
          max-width: 100%;
        }

.twitter .tweet-entities .tweet-entities-grid .tweet-entity > * {
        flex: 1;
      }

.twitter .tweet-entities.entity-count-1 .tweet-entities-inner {
        padding-bottom: 0;
      }

.twitter .tweet-entities.entity-count-1 .tweet-entities-inner > div {position: relative;}

.twitter .tweet-entities.entity-count-1 .tweet-entities-grid {
        display: block;
      }

.twitter .tweet-entities.entity-count-1 .tweet-entity {
      grid-row-end: span 2;
      grid-column-end: span 2;
    }

.twitter .tweet-entities.entity-count-2 .tweet-entity {
        grid-row-end: span 2;
      }

.twitter .tweet-entities.entity-count-2 .tweet-entities-inner {
        padding-bottom: 45%;
      }

.twitter .tweet-entities.entity-count-3 .tweet-entities-grid {
        grid-template: 1fr / 1fr 1fr 1fr;
      }

.twitter .tweet-entities.entity-count-3 .tweet-entities-inner {
        padding-bottom: 30%;
      }

.twitter .tweet-photo {
    background-size: cover;
    background-position: center center;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }

.twitter .tweet-video {
    width: 100%;
    height: 100%;
    border: 1px solid var(--borderColor);
    border-radius: 14px;
  }

.twitter .tweet-footer {
    display: flex;
    flex: 1 1 auto;
    align-items: flex-end;
    color: var(--textLight);
    font-size: 1em;
    margin-top: 10px;
  }

.twitter .tweet-footer a {
      -webkit-text-decoration: none;
      text-decoration: none;
      color: inherit;
    }

.twitter .tweet-footer a:hover {
        color: var(--textHover);
        -webkit-text-decoration: underline;
        text-decoration: underline;
      }

.twitter.collapse .tweet .tweet-footer, .twitter.oneblock .tweet .tweet-footer { display: none; }

.twitter.collapse .tweet + .tweet .tweet-header, .twitter.oneblock .tweet + .tweet .tweet-header {display: none;}

.twitter.collapse .tweet:last-child .tweet-footer, .twitter.oneblock .tweet:last-child .tweet-footer { display: block; }

.twitter.collapse .tweet:not(:first-child):not(:last-child) .tweet-link, .twitter.oneblock .tweet:not(:first-child):not(:last-child) .tweet-link {
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        right: 0;
        top: 0;
        height: 26px;
        width: 30px;

        font-size: 10px;
        color: var(--gray-300);
      }

.twitter.collapse .tweet:not(:first-child):not(:last-child) .tweet-link:hover, .twitter.oneblock .tweet:not(:first-child):not(:last-child) .tweet-link:hover {
          color: var(--gray-700);
        }

.twitter.collapse .tweet:not(:first-child):not(:last-child) .tweet-text p:first-child, .twitter.oneblock .tweet:not(:first-child):not(:last-child) .tweet-text p:first-child {
        padding-right: 30px;
      }

.twitter.oneblock {
    padding: 20px;
  }

.twitter.oneblock.borderless { border: none; padding: 0; }

.twitter.oneblock .tweet {
      border-top: none;
      padding: 0;
    }

.twitter.oneblock .tweet + .tweet {
      padding-top: 0.5em;
    }

.twitter.oneblock .tweet:not(:first-child):not(:last-child) .tweet-link {
      right: -15px;
      /* width: 20px; */
    }

.twitter.hide-reply .tweet-text a.mention:first-child { display: none; }

.twitter.hide-mentions .tweet-text a.mention { display: none; }

.twitter.hide-hashtags .tweet-text a.hashtag { display: none; }

.twitter.hide-quoted .tweet-quoted { display: none; }

.twitter.collapse:not(.grid-row) .tweet {
      padding-bottom: 0.5em;
    }

.twitter.collapse:not(.grid-row) .tweet + .tweet {
      padding-top: 0.5em;
    }

.twitter.collapse:not(.grid-row) .tweet:last-child {
      padding-bottom: 20px;
    }

.twitter.grid-row:not(.collapse) {
    border: none;
    max-height: unset;

    /* @include dark-mode {
      // Box shadow hackery
      margin-left: -1em;
      margin-right: -1em;
      padding: 1em;
    } */
  }

.twitter.grid-row:not(.collapse) .tweet {
      background-color: var(--surface-1);
      border: 1px solid var(--borderColor);
      display: flex;
      flex-direction: column;
      border-top-left-radius: var(--borderRadius);
      border-top-right-radius: var(--borderRadius);
    }

.twitter.grid-row:not(.collapse) .tweet .tweet-logo { display: block; }

.twitter.grid-row:not(.collapse) .tweet .tweet-text {
        flex-grow: 1;
        flex-shrink: 1;

      }

.twitter.grid-row.collapse {
    border: none;
    border: 1px solid var(--borderColor);
    border-radius: 0;
    max-height: unset;
    grid-gap: 0;
  }

.twitter.grid-row.collapse .tweet {
      background-color: var(--surface-base);
      border: 1px solid var(--borderColor);
      border-radius: 0;
      display: flex;
      flex-direction: column;
      margin: -1px;

    }

.twitter.grid-row.collapse .tweet .tweet-logo { display: block; }

.twitter.grid-row.collapse .tweet .tweet-text {
        flex-grow: 1;
        flex-shrink: 1;
      }

.twitter.grid-row.collapse .tweet .tweet-footer { display: none; }

.twitter.grid-row.collapse .tweet + .tweet .tweet-header {display: none;}

.twitter.grid-row.collapse .tweet:last-child .tweet-footer { display: block; }

@media only screen and (min-width: 900px) {
          .twitter.grid-row.collapse.by-two .tweet:first-child .tweet-logo { display: none }
          .twitter.grid-row.collapse.by-two .tweet:nth-child(2) .tweet-header {
            display: grid;
          }

            .twitter.grid-row.collapse.by-two .tweet:nth-child(2) .tweet-header b, .twitter.grid-row.collapse.by-two .tweet:nth-child(2) .tweet-header strong, .twitter.grid-row.collapse.by-two .tweet:nth-child(2) .tweet-header span {
              visibility: hidden;
            }
    }

/*# sourceMappingURL=bundle.css.map */