@charset "UTF-8";
:root {
  --pc-v1: #b91f57;
  --pc-v2: #d02f48;
  --pc-v3: #dd443b;
  --pc-v4: #e95b23;
  --pc-v5: #e67800;
  --pc-v6: #f49d00;
  --pc-v7: #f1b500;
  --pc-v8: #eec900;
  --pc-v9: #d2c100;
  --pc-v10: #a8bb00;
  --pc-v11: #58a91d;
  --pc-v12: #00a15a;
  --pc-v13: #00926e;
  --pc-v14: #00857f;
  --pc-v15: #007488;
  --pc-v16: #00709b;
  --pc-v17: #00609c;
  --pc-v18: #005ba5;
  --pc-v19: #1a54a5;
  --pc-v20: #534aa0;
  --pc-v21: #703f96;
  --pc-v22: #81378a;
  --pc-v23: #8f2e7c;
  --pc-v24: #ad2e6c;
  --pc-b2: #ef6c70;
  --pc-b4: #fa8155;
  --pc-b6: #ffad36;
  --pc-b8: #fad831;
  --pc-b10: #b7c82b;
  --pc-b12: #41b879;
  --pc-b14: #00aa9f;
  --pc-b16: #0098b9;
  --pc-b18: #2981c0;
  --pc-b20: #7574bc;
  --pc-b22: #a165a8;
  --pc-b24: #d0678e;
  --pc-s2: #c53f4d;
  --pc-s4: #cc572e;
  --pc-s6: #e19215;
  --pc-s8: #debc03;
  --pc-s10: #9cad00;
  --pc-s12: #008f56;
  --pc-s14: #00827c;
  --pc-s16: #006f92;
  --pc-s18: #005b9b;
  --pc-s20: #534c98;
  --pc-s22: #7c3d84;
  --pc-s24: #a33c6a;
  --pc-dp2: #a61d39;
  --pc-dp4: #ab3d1d;
  --pc-dp6: #b16c00;
  --pc-dp8: #b39300;
  --pc-dp10: #748400;
  --pc-dp12: #007243;
  --pc-dp14: #006664;
  --pc-dp16: #005476;
  --pc-dp18: #004280;
  --pc-dp20: #3e337b;
  --pc-dp22: #612469;
  --pc-dp24: #861d55;
  --pc-ltp2: #f19896;
  --pc-ltp4: #ffa787;
  --pc-ltp6: #ffbe71;
  --pc-ltp8: #f2d96e;
  --pc-ltp10: #c7d36d;
  --pc-ltp12: #85ce9e;
  --pc-ltp14: #62c0b5;
  --pc-ltp16: #5bafc4;
  --pc-ltp18: #6c9ac5;
  --pc-ltp20: #9091c3;
  --pc-ltp22: #b088b5;
  --pc-ltp24: #d98ea5;
  --pc-lt2: #f6aba5;
  --pc-lt4: #ffb99e;
  --pc-lt6: #ffce90;
  --pc-lt8: #fbe68f;
  --pc-lt10: #d8df92;
  --pc-lt12: #9cd9ac;
  --pc-lt14: #7eccc1;
  --pc-lt16: #79baca;
  --pc-lt18: #83a7c8;
  --pc-lt20: #a29fc7;
  --pc-lt22: #b89ab8;
  --pc-lt24: #daa0b3;
  --pc-sf2: #ca8281;
  --pc-sf4: #da927a;
  --pc-sf6: #dba66b;
  --pc-sf8: #d3bd6c;
  --pc-sf10: #adb66b;
  --pc-sf12: #76b18a;
  --pc-sf14: #54a39b;
  --pc-sf16: #5192a4;
  --pc-sf18: #5d7ea0;
  --pc-sf20: #7878a0;
  --pc-sf22: #907194;
  --pc-sf24: #b4788b;
  --pc-d2: #a35a5c;
  --pc-d4: #af6954;
  --pc-d6: #b37f46;
  --pc-d8: #ab9446;
  --pc-d10: #858f46;
  --pc-d12: #4f8766;
  --pc-d14: #2a7b76;
  --pc-d16: #246a7d;
  --pc-d18: #34597d;
  --pc-d20: #54527c;
  --pc-d22: #6c4a71;
  --pc-d24: #8b4f65;
  --pc-dk2: #692934;
  --pc-dk4: #75362a;
  --pc-dk6: #794d1c;
  --pc-dk8: #74601f;
  --pc-dk10: #525b20;
  --pc-dk12: #23523a;
  --pc-dk14: #004746;
  --pc-dk16: #004558;
  --pc-dk18: #123452;
  --pc-dk20: #322d51;
  --pc-dk22: #432848;
  --pc-dk24: #612d46;
  --pc-pp2: #e8c2bf;
  --pc-pp4: #ebc2b5;
  --pc-pp6: #f4d4b0;
  --pc-pp8: #f2e6b8;
  --pc-pp10: #d8ddad;
  --pc-pp12: #aed4b9;
  --pc-pp14: #a6d4cc;
  --pc-pp16: #add1da;
  --pc-pp18: #afc0d1;
  --pc-pp20: #bbbdd0;
  --pc-pp22: #c8b9c9;
  --pc-pp24: #dec4ca;
  --pc-p2: #e7d5d4;
  --pc-p4: #e9d5cf;
  --pc-p6: #f6e3ce;
  --pc-p8: #efe6c6;
  --pc-p10: #e6e9c6;
  --pc-p12: #c4e0cb;
  --pc-p14: #bfe0d9;
  --pc-p16: #c6dde2;
  --pc-p18: #c2ccd5;
  --pc-p20: #c9cad5;
  --pc-p22: #d0c8d1;
  --pc-p24: #e4d5d9;
  --pc-ltg2: #c0abaa;
  --pc-ltg4: #c1aba5;
  --pc-ltg6: #cebba8;
  --pc-ltg8: #c6bea1;
  --pc-ltg10: #bdc1a2;
  --pc-ltg12: #9db6a5;
  --pc-ltg14: #98b6b1;
  --pc-ltg16: #9eb4b9;
  --pc-ltg18: #9ba5af;
  --pc-ltg20: #a2a2af;
  --pc-ltg22: #aba0ab;
  --pc-ltg24: #bdacb0;
  --pc-g2: #745c5c;
  --pc-g4: #755c57;
  --pc-g6: #806c5c;
  --pc-g8: #786f57;
  --pc-g10: #6e725a;
  --pc-g12: #53665a;
  --pc-g14: #4e6764;
  --pc-g16: #4f656c;
  --pc-g18: #4c5765;
  --pc-g20: #565566;
  --pc-g22: #605262;
  --pc-g24: #725c63;
  --pc-dkg2: #3e2d30;
  --pc-dkg4: #3f2e2c;
  --pc-dkg6: #4a3c32;
  --pc-dkg8: #443e30;
  --pc-dkg10: #3d4033;
  --pc-dkg12: #2a342e;
  --pc-dkg14: #273434;
  --pc-dkg16: #273439;
  --pc-dkg18: #222933;
  --pc-dkg20: #292734;
  --pc-dkg22: #302531;
  --pc-dkg24: #3d2e34;
  --pc-W: #ffffff;
  --pc-ltGy: #bfbfbf;
  --pc-mGy: #7f7f7f;
  --pc-dkGy: #3f3f3f;
  --pc-Bk: #000000;
  --pc-Gy95: #f1f1f1;
  --pc-Gy85: #d6d6d6;
  --pc-Gy75: #bbbbbb;
  --pc-Gy65: #a1a1a1;
  --pc-Gy55: #878787;
  --pc-Gy45: #6d6d6d;
  --pc-Gy35: #545454;
  --pc-Gy25: #3c3c3c;
  --pc-Gy15: #272727;
}

[data-color-mode=light][data-light-theme=light],
[data-color-mode=light][data-light-theme=light] ::backdrop,
[data-color-mode=auto][data-light-theme=light],
[data-color-mode=auto][data-light-theme=light] ::backdrop {
  --topicTag-borderColor: #ffffff00;
  --highlight-neutral-bgColor: #fff8c5;
  --page-header-bgColor: #f6f8fa;
  --diffBlob-addition-fgColor-text: #1f2328;
  --diffBlob-addition-fgColor-num: #1f2328;
  --diffBlob-addition-bgColor-num: #d1f8d9;
  --diffBlob-addition-bgColor-line: #dafbe1;
  --diffBlob-addition-bgColor-word: #aceebb;
  --diffBlob-deletion-fgColor-text: #1f2328;
  --diffBlob-deletion-fgColor-num: #1f2328;
  --diffBlob-deletion-bgColor-num: #ffcecb;
  --diffBlob-deletion-bgColor-line: #ffebe9;
  --diffBlob-deletion-bgColor-word: #ff818266;
  --diffBlob-hunk-bgColor-num: #54aeff66;
  --diffBlob-expander-iconColor: #59636e;
  --codeMirror-fgColor: #1f2328;
  --codeMirror-bgColor: #ffffff;
  --codeMirror-gutters-bgColor: #ffffff;
  --codeMirror-gutterMarker-fgColor-default: #ffffff;
  --codeMirror-gutterMarker-fgColor-muted: #59636e;
  --codeMirror-lineNumber-fgColor: #59636e;
  --codeMirror-cursor-fgColor: #1f2328;
  --codeMirror-selection-bgColor: #54aeff66;
  --codeMirror-activeline-bgColor: #818b981f;
  --codeMirror-matchingBracket-fgColor: #1f2328;
  --codeMirror-lines-bgColor: #ffffff;
  --codeMirror-syntax-fgColor-comment: #1f2328;
  --codeMirror-syntax-fgColor-constant: #0550ae;
  --codeMirror-syntax-fgColor-entity: #8250df;
  --codeMirror-syntax-fgColor-keyword: #cf222e;
  --codeMirror-syntax-fgColor-storage: #cf222e;
  --codeMirror-syntax-fgColor-string: #0a3069;
  --codeMirror-syntax-fgColor-support: #0550ae;
  --codeMirror-syntax-fgColor-variable: #953800;
  --header-fgColor-default: #ffffffb3;
  --header-fgColor-logo: #ffffff;
  --header-bgColor: #25292e;
  --header-borderColor-divider: #818b98;
  --headerSearch-bgColor: #25292e;
  --headerSearch-borderColor: #818b98;
  --data-blue-color-emphasis: #006edb;
  --data-blue-color-muted: #d1f0ff;
  --data-auburn-color-emphasis: #9d615c;
  --data-auburn-color-muted: #f2e9e9;
  --data-orange-color-emphasis: #eb670f;
  --data-orange-color-muted: #ffe7d1;
  --data-yellow-color-emphasis: #b88700;
  --data-yellow-color-muted: #ffec9e;
  --data-green-color-emphasis: #30a147;
  --data-green-color-muted: #caf7ca;
  --data-teal-color-emphasis: #179b9b;
  --data-teal-color-muted: #c7f5ef;
  --data-purple-color-emphasis: #894ceb;
  --data-purple-color-muted: #f1e5ff;
  --data-pink-color-emphasis: #ce2c85;
  --data-pink-color-muted: #ffe5f1;
  --data-red-color-emphasis: #df0c24;
  --data-red-color-muted: #ffe2e0;
  --data-gray-color-emphasis: #808fa3;
  --data-gray-color-muted: #e8ecf2;
  --display-blue-bgColor-muted: #d1f0ff;
  --display-blue-bgColor-emphasis: #006edb;
  --display-blue-fgColor: #005fcc;
  --display-blue-borderColor-muted: #ade1ff;
  --display-blue-borderColor-emphasis: #006edb;
  --display-green-bgColor-muted: #caf7ca;
  --display-green-bgColor-emphasis: #2c8141;
  --display-green-fgColor: #2b6e3f;
  --display-green-borderColor-muted: #9ceda0;
  --display-green-borderColor-emphasis: #2c8141;
  --display-orange-bgColor-muted: #ffe7d1;
  --display-orange-bgColor-emphasis: #b8500f;
  --display-orange-fgColor: #a24610;
  --display-orange-borderColor-muted: #fecfaa;
  --display-orange-borderColor-emphasis: #b8500f;
  --display-purple-bgColor-muted: #f1e5ff;
  --display-purple-bgColor-emphasis: #894ceb;
  --display-purple-fgColor: #783ae4;
  --display-purple-borderColor-muted: #e6d2fe;
  --display-purple-borderColor-emphasis: #894ceb;
  --display-plum-bgColor-muted: #f8e5ff;
  --display-plum-bgColor-emphasis: #a830e8;
  --display-plum-fgColor: #961edc;
  --display-plum-borderColor-muted: #f0cdfe;
  --display-plum-borderColor-emphasis: #a830e8;
  --display-red-bgColor-muted: #ffe2e0;
  --display-red-bgColor-emphasis: #df0c24;
  --display-red-fgColor: #c50d28;
  --display-red-borderColor-muted: #fecdcd;
  --display-red-borderColor-emphasis: #df0c24;
  --display-coral-bgColor-muted: #ffe5db;
  --display-coral-bgColor-emphasis: #d43511;
  --display-coral-fgColor: #ba2e12;
  --display-coral-borderColor-muted: #fecebe;
  --display-coral-borderColor-emphasis: #d43511;
  --display-yellow-bgColor-muted: #ffec9e;
  --display-yellow-bgColor-emphasis: #946a00;
  --display-yellow-fgColor: #805900;
  --display-yellow-borderColor-muted: #ffd642;
  --display-yellow-borderColor-emphasis: #946a00;
  --display-gray-bgColor-muted: #e8ecf2;
  --display-gray-bgColor-emphasis: #647182;
  --display-gray-fgColor: #5c6570;
  --display-gray-borderColor-muted: #d2dae4;
  --display-gray-borderColor-emphasis: #647182;
  --display-auburn-bgColor-muted: #f2e9e9;
  --display-auburn-bgColor-emphasis: #9d615c;
  --display-auburn-fgColor: #8a5551;
  --display-auburn-borderColor-muted: #e6d6d5;
  --display-auburn-borderColor-emphasis: #9d615c;
  --display-brown-bgColor-muted: #eeeae2;
  --display-brown-bgColor-emphasis: #856d4c;
  --display-brown-fgColor: #755f43;
  --display-brown-borderColor-muted: #dfd7c8;
  --display-brown-borderColor-emphasis: #856d4c;
  --display-lemon-bgColor-muted: #f7eea1;
  --display-lemon-bgColor-emphasis: #866e04;
  --display-lemon-fgColor: #786002;
  --display-lemon-borderColor-muted: #f0db3d;
  --display-lemon-borderColor-emphasis: #866e04;
  --display-olive-bgColor-muted: #f0f0ad;
  --display-olive-bgColor-emphasis: #64762d;
  --display-olive-fgColor: #56682c;
  --display-olive-borderColor-muted: #dbe170;
  --display-olive-borderColor-emphasis: #64762d;
  --display-lime-bgColor-muted: #e3f2b5;
  --display-lime-bgColor-emphasis: #527a29;
  --display-lime-fgColor: #476c28;
  --display-lime-borderColor-muted: #c7e580;
  --display-lime-borderColor-emphasis: #527a29;
  --display-pine-bgColor-muted: #bff8db;
  --display-pine-bgColor-emphasis: #167e53;
  --display-pine-fgColor: #156f4b;
  --display-pine-borderColor-muted: #80efb9;
  --display-pine-borderColor-emphasis: #167e53;
  --display-teal-bgColor-muted: #c7f5ef;
  --display-teal-bgColor-emphasis: #127e81;
  --display-teal-fgColor: #106e75;
  --display-teal-borderColor-muted: #89ebe1;
  --display-teal-borderColor-emphasis: #127e81;
  --display-cyan-bgColor-muted: #bdf4ff;
  --display-cyan-bgColor-emphasis: #007b94;
  --display-cyan-fgColor: #006a80;
  --display-cyan-borderColor-muted: #7ae9ff;
  --display-cyan-borderColor-emphasis: #007b94;
  --display-indigo-bgColor-muted: #e5e9ff;
  --display-indigo-bgColor-emphasis: #5a61e7;
  --display-indigo-fgColor: #494edf;
  --display-indigo-borderColor-muted: #d2d7fe;
  --display-indigo-borderColor-emphasis: #5a61e7;
  --display-pink-bgColor-muted: #ffe5f1;
  --display-pink-bgColor-emphasis: #ce2c85;
  --display-pink-fgColor: #b12f79;
  --display-pink-borderColor-muted: #fdc9e2;
  --display-pink-borderColor-emphasis: #ce2c85;
  --avatar-bgColor: #ffffff;
  --avatar-borderColor: #1f232826;
  --avatar-shadow: 0px 0px 0px 2px #ffffffcc;
  --avatarStack-fade-bgColor-default: #c8d1da;
  --avatarStack-fade-bgColor-muted: #dae0e7;
  --control-bgColor-rest: #f6f8fa;
  --control-bgColor-hover: #eff2f5;
  --control-bgColor-active: #e6eaef;
  --control-bgColor-disabled: #eff2f5;
  --control-bgColor-selected: #f6f8fa;
  --control-fgColor-rest: #25292e;
  --control-fgColor-placeholder: #59636e;
  --control-fgColor-disabled: #818b98;
  --control-borderColor-rest: #d1d9e0;
  --control-borderColor-emphasis: #818b98;
  --control-borderColor-disabled: #818b981a;
  --control-borderColor-selected: #f6f8fa;
  --control-borderColor-success: #1a7f37;
  --control-borderColor-danger: #cf222e;
  --control-borderColor-warning: #9a6700;
  --control-iconColor-rest: #59636e;
  --control-transparent-bgColor-rest: #ffffff00;
  --control-transparent-bgColor-hover: #818b981a;
  --control-transparent-bgColor-active: #818b9826;
  --control-transparent-bgColor-disabled: #eff2f5;
  --control-transparent-bgColor-selected: #818b9826;
  --control-transparent-borderColor-rest: #ffffff00;
  --control-transparent-borderColor-hover: #ffffff00;
  --control-transparent-borderColor-active: #ffffff00;
  --control-danger-fgColor-rest: #d1242f;
  --control-danger-fgColor-hover: #d1242f;
  --control-danger-bgColor-hover: #ffebe9;
  --control-danger-bgColor-active: #ffebe966;
  --control-checked-bgColor-rest: #0969da;
  --control-checked-bgColor-hover: #0860ca;
  --control-checked-bgColor-active: #0757ba;
  --control-checked-bgColor-disabled: #818b98;
  --control-checked-fgColor-rest: #ffffff;
  --control-checked-fgColor-disabled: #ffffff;
  --control-checked-borderColor-rest: #0969da;
  --control-checked-borderColor-hover: #0860ca;
  --control-checked-borderColor-active: #0757ba;
  --control-checked-borderColor-disabled: #818b98;
  --controlTrack-bgColor-rest: #e6eaef;
  --controlTrack-bgColor-hover: #e0e6eb;
  --controlTrack-bgColor-active: #dae0e7;
  --controlTrack-bgColor-disabled: #818b98;
  --controlTrack-fgColor-rest: #59636e;
  --controlTrack-fgColor-disabled: #ffffff;
  --controlTrack-borderColor-rest: #d1d9e0;
  --controlTrack-borderColor-disabled: #818b98;
  --controlKnob-bgColor-rest: #ffffff;
  --controlKnob-bgColor-disabled: #eff2f5;
  --controlKnob-bgColor-checked: #ffffff;
  --controlKnob-borderColor-rest: #818b98;
  --controlKnob-borderColor-disabled: #eff2f5;
  --controlKnob-borderColor-checked: #0969da;
  --counter-borderColor: #ffffff00;
  --counter-bgColor-muted: #818b981f;
  --counter-bgColor-emphasis: #59636e;
  --button-default-fgColor-rest: #25292e;
  --button-default-bgColor-rest: #f6f8fa;
  --button-default-bgColor-hover: #eff2f5;
  --button-default-bgColor-active: #e6eaef;
  --button-default-bgColor-selected: #e6eaef;
  --button-default-bgColor-disabled: #eff2f5;
  --button-default-borderColor-rest: #d1d9e0;
  --button-default-borderColor-hover: #d1d9e0;
  --button-default-borderColor-active: #d1d9e0;
  --button-default-borderColor-disabled: #818b981a;
  --button-default-shadow-resting: 0px 1px 0px 0px #1f23280a;
  --button-primary-fgColor-rest: #ffffff;
  --button-primary-fgColor-disabled: #ffffffcc;
  --button-primary-iconColor-rest: #ffffffcc;
  --button-primary-bgColor-rest: #1f883d;
  --button-primary-bgColor-hover: #1c8139;
  --button-primary-bgColor-active: #197935;
  --button-primary-bgColor-disabled: #95d8a6;
  --button-primary-borderColor-rest: #1f232826;
  --button-primary-borderColor-hover: #1f232826;
  --button-primary-borderColor-active: #1f232826;
  --button-primary-borderColor-disabled: #95d8a6;
  --button-primary-shadow-selected: inset 0px 1px 0px 0px #002d114d;
  --button-invisible-fgColor-rest: #25292e;
  --button-invisible-fgColor-hover: #25292e;
  --button-invisible-fgColor-disabled: #818b98;
  --button-invisible-iconColor-rest: #59636e;
  --button-invisible-iconColor-hover: #59636e;
  --button-invisible-iconColor-disabled: #818b98;
  --button-invisible-bgColor-rest: #ffffff00;
  --button-invisible-bgColor-hover: #818b981a;
  --button-invisible-bgColor-active: #818b9826;
  --button-invisible-bgColor-disabled: #eff2f5;
  --button-invisible-borderColor-rest: #ffffff00;
  --button-invisible-borderColor-hover: #ffffff00;
  --button-invisible-borderColor-disabled: #818b981a;
  --button-outline-fgColor-rest: #0969da;
  --button-outline-fgColor-hover: #ffffff;
  --button-outline-fgColor-active: #ffffff;
  --button-outline-fgColor-disabled: #0969da80;
  --button-outline-bgColor-rest: #f6f8fa;
  --button-outline-bgColor-hover: #0969da;
  --button-outline-bgColor-active: #0757ba;
  --button-outline-bgColor-disabled: #eff2f5;
  --button-outline-borderColor-hover: #1f232826;
  --button-outline-borderColor-active: #1f232826;
  --button-outline-shadow-selected: inset 0px 1px 0px 0px #00215533;
  --button-danger-fgColor-rest: #d1242f;
  --button-danger-fgColor-hover: #ffffff;
  --button-danger-fgColor-active: #ffffff;
  --button-danger-fgColor-disabled: #d1242f80;
  --button-danger-iconColor-rest: #d1242f;
  --button-danger-iconColor-hover: #ffffff;
  --button-danger-bgColor-rest: #f6f8fa;
  --button-danger-bgColor-hover: #a40e26;
  --button-danger-bgColor-active: #8b0820;
  --button-danger-bgColor-disabled: #eff2f5;
  --button-danger-borderColor-rest: #d1d9e0;
  --button-danger-borderColor-hover: #1f232826;
  --button-danger-borderColor-active: #1f232826;
  --button-danger-shadow-selected: inset 0px 1px 0px 0px #4c001433;
  --button-inactive-fgColor: #59636e;
  --button-inactive-bgColor: #e6eaef;
  --button-star-iconColor: #eac54f;
  --buttonCounter-default-bgColor-rest: #818b981f;
  --buttonCounter-invisible-bgColor-rest: #818b981f;
  --buttonCounter-primary-bgColor-rest: #002d1133;
  --buttonCounter-outline-bgColor-rest: #0969da1a;
  --buttonCounter-outline-bgColor-hover: #ffffff33;
  --buttonCounter-outline-bgColor-disabled: #0969da0d;
  --buttonCounter-outline-fgColor-rest: #0550ae;
  --buttonCounter-outline-fgColor-hover: #ffffff;
  --buttonCounter-outline-fgColor-disabled: #0969da80;
  --buttonCounter-danger-bgColor-hover: #ffffff33;
  --buttonCounter-danger-bgColor-disabled: #cf222e0d;
  --buttonCounter-danger-bgColor-rest: #cf222e1a;
  --buttonCounter-danger-fgColor-rest: #c21c2c;
  --buttonCounter-danger-fgColor-hover: #ffffff;
  --buttonCounter-danger-fgColor-disabled: #d1242f80;
  --reactionButton-selected-bgColor-rest: #ddf4ff;
  --reactionButton-selected-bgColor-hover: #caecff;
  --reactionButton-selected-fgColor-rest: #0969da;
  --reactionButton-selected-fgColor-hover: #0550ae;
  --focus-outlineColor: #0969da;
  --focus-outline: #0969da solid 2px;
  --menu-bgColor-active: #ffffff00;
  --overlay-bgColor: #ffffff;
  --overlay-borderColor: #d1d9e080;
  --overlay-backdrop-bgColor: #c8d1da66;
  --selectMenu-borderColor: #ffffff00;
  --selectMenu-bgColor-active: #b6e3ff;
  --sideNav-bgColor-selected: #ffffff;
  --skeletonLoader-bgColor: #f6f8fa;
  --timelineBadge-bgColor: #f6f8fa;
  --treeViewItem-leadingVisual-iconColor-rest: #54aeff;
  --underlineNav-borderColor-active: #fd8c73;
  --underlineNav-borderColor-hover: #d1d9e0b3;
  --underlineNav-iconColor-rest: #59636e;
  --selection-bgColor: #0969da33;
  --card-bgColor: #ffffff;
  --label-green-bgColor-rest: #caf7ca;
  --label-green-bgColor-hover: #9ceda0;
  --label-green-bgColor-active: #54d961;
  --label-green-fgColor-rest: #2b6e3f;
  --label-green-fgColor-hover: #285c3b;
  --label-green-fgColor-active: #254b34;
  --label-orange-bgColor-rest: #ffe7d1;
  --label-orange-bgColor-hover: #fecfaa;
  --label-orange-bgColor-active: #fbaf74;
  --label-orange-fgColor-rest: #a24610;
  --label-orange-fgColor-hover: #8d3c11;
  --label-orange-fgColor-active: #70300f;
  --label-purple-bgColor-rest: #f1e5ff;
  --label-purple-bgColor-hover: #e6d2fe;
  --label-purple-bgColor-active: #d1b1fc;
  --label-purple-fgColor-rest: #783ae4;
  --label-purple-fgColor-hover: #6223d7;
  --label-purple-fgColor-active: #4f21ab;
  --label-red-bgColor-rest: #ffe2e0;
  --label-red-bgColor-hover: #fecdcd;
  --label-red-bgColor-active: #fda5a7;
  --label-red-fgColor-rest: #c50d28;
  --label-red-fgColor-hover: #a60c29;
  --label-red-fgColor-active: #880c27;
  --label-yellow-bgColor-rest: #ffec9e;
  --label-yellow-bgColor-hover: #ffd642;
  --label-yellow-bgColor-active: #ebb400;
  --label-yellow-fgColor-rest: #805900;
  --label-yellow-fgColor-hover: #704d00;
  --label-yellow-fgColor-active: #5c3d00;
  --label-gray-bgColor-rest: #e8ecf2;
  --label-gray-bgColor-hover: #d2dae4;
  --label-gray-bgColor-active: #b4c0cf;
  --label-gray-fgColor-rest: #5c6570;
  --label-gray-fgColor-hover: #4e535a;
  --label-gray-fgColor-active: #424448;
  --label-auburn-bgColor-rest: #f2e9e9;
  --label-auburn-bgColor-hover: #e6d6d5;
  --label-auburn-bgColor-active: #d4b7b5;
  --label-auburn-fgColor-rest: #8a5551;
  --label-auburn-fgColor-hover: #744744;
  --label-auburn-fgColor-active: #5d3937;
  --label-brown-bgColor-rest: #eeeae2;
  --label-brown-bgColor-hover: #dfd7c8;
  --label-brown-bgColor-active: #cbbda4;
  --label-brown-fgColor-rest: #755f43;
  --label-brown-fgColor-hover: #64513a;
  --label-brown-fgColor-active: #51412f;
  --label-lemon-bgColor-rest: #f7eea1;
  --label-lemon-bgColor-hover: #f0db3d;
  --label-lemon-bgColor-active: #d8bd0e;
  --label-lemon-fgColor-rest: #786002;
  --label-lemon-fgColor-hover: #654f01;
  --label-lemon-fgColor-active: #523f00;
  --label-olive-bgColor-rest: #f0f0ad;
  --label-olive-bgColor-hover: #dbe170;
  --label-olive-bgColor-active: #b9c832;
  --label-olive-fgColor-rest: #56682c;
  --label-olive-fgColor-hover: #495a2b;
  --label-olive-fgColor-active: #3b4927;
  --label-lime-bgColor-rest: #e3f2b5;
  --label-lime-bgColor-hover: #c7e580;
  --label-lime-bgColor-active: #9bd039;
  --label-lime-fgColor-rest: #476c28;
  --label-lime-fgColor-hover: #3a5b25;
  --label-lime-fgColor-active: #2f4a21;
  --label-pine-bgColor-rest: #bff8db;
  --label-pine-bgColor-hover: #80efb9;
  --label-pine-bgColor-active: #1dd781;
  --label-pine-fgColor-rest: #156f4b;
  --label-pine-fgColor-hover: #135d41;
  --label-pine-fgColor-active: #114b36;
  --label-teal-bgColor-rest: #c7f5ef;
  --label-teal-bgColor-hover: #89ebe1;
  --label-teal-bgColor-active: #22d3c7;
  --label-teal-fgColor-rest: #106e75;
  --label-teal-fgColor-hover: #0d5b63;
  --label-teal-fgColor-active: #0a4852;
  --label-cyan-bgColor-rest: #bdf4ff;
  --label-cyan-bgColor-hover: #7ae9ff;
  --label-cyan-bgColor-active: #00d0fa;
  --label-cyan-fgColor-rest: #006a80;
  --label-cyan-fgColor-hover: #00596b;
  --label-cyan-fgColor-active: #004857;
  --label-indigo-bgColor-rest: #e5e9ff;
  --label-indigo-bgColor-hover: #d2d7fe;
  --label-indigo-bgColor-active: #b1b9fb;
  --label-indigo-fgColor-rest: #494edf;
  --label-indigo-fgColor-hover: #393cd5;
  --label-indigo-fgColor-active: #2d2db4;
  --label-blue-bgColor-rest: #d1f0ff;
  --label-blue-bgColor-hover: #ade1ff;
  --label-blue-bgColor-active: #75c8ff;
  --label-blue-fgColor-rest: #005fcc;
  --label-blue-fgColor-hover: #004db3;
  --label-blue-fgColor-active: #003d99;
  --label-plum-bgColor-rest: #f8e5ff;
  --label-plum-bgColor-hover: #f0cdfe;
  --label-plum-bgColor-active: #e2a7fb;
  --label-plum-fgColor-rest: #961edc;
  --label-plum-fgColor-hover: #7d1eb8;
  --label-plum-fgColor-active: #651d96;
  --label-pink-bgColor-rest: #ffe5f1;
  --label-pink-bgColor-hover: #fdc9e2;
  --label-pink-bgColor-active: #f8a5cf;
  --label-pink-fgColor-rest: #b12f79;
  --label-pink-fgColor-hover: #8e2e66;
  --label-pink-fgColor-active: #6e2b53;
  --label-coral-bgColor-rest: #ffe5db;
  --label-coral-bgColor-hover: #fecebe;
  --label-coral-bgColor-active: #fcab92;
  --label-coral-fgColor-rest: #ba2e12;
  --label-coral-fgColor-hover: #9b2712;
  --label-coral-fgColor-active: #7e2011;
  --tooltip-bgColor: #25292e;
  --tooltip-fgColor: #ffffff;
  --fgColor-default: #1f2328;
  --fgColor-muted: #59636e;
  --fgColor-onEmphasis: #ffffff;
  --fgColor-onInverse: #ffffff;
  --fgColor-white: #ffffff;
  --fgColor-black: #1f2328;
  --fgColor-disabled: #818b98;
  --fgColor-link: #0969da;
  --fgColor-neutral: #59636e;
  --fgColor-accent: #0969da;
  --fgColor-success: #1a7f37;
  --fgColor-open: #1a7f37;
  --fgColor-attention: #9a6700;
  --fgColor-severe: #bc4c00;
  --fgColor-danger: #d1242f;
  --fgColor-closed: #d1242f;
  --fgColor-done: #8250df;
  --fgColor-upsell: #8250df;
  --fgColor-sponsors: #bf3989;
  --bgColor-default: #ffffff;
  --bgColor-muted: #f6f8fa;
  --bgColor-inset: #f6f8fa;
  --bgColor-emphasis: #25292e;
  --bgColor-inverse: #25292e;
  --bgColor-white: #ffffff;
  --bgColor-black: #1f2328;
  --bgColor-disabled: #eff2f5;
  --bgColor-transparent: #ffffff00;
  --bgColor-neutral-muted: #818b981f;
  --bgColor-neutral-emphasis: #59636e;
  --bgColor-accent-muted: #ddf4ff;
  --bgColor-accent-emphasis: #0969da;
  --bgColor-success-muted: #dafbe1;
  --bgColor-success-emphasis: #1f883d;
  --bgColor-open-muted: #dafbe1;
  --bgColor-open-emphasis: #1f883d;
  --bgColor-attention-muted: #fff8c5;
  --bgColor-attention-emphasis: #9a6700;
  --bgColor-severe-muted: #fff1e5;
  --bgColor-severe-emphasis: #bc4c00;
  --bgColor-danger-muted: #ffebe9;
  --bgColor-danger-emphasis: #cf222e;
  --bgColor-closed-muted: #ffebe9;
  --bgColor-closed-emphasis: #cf222e;
  --bgColor-done-muted: #fbefff;
  --bgColor-done-emphasis: #8250df;
  --bgColor-upsell-muted: #fbefff;
  --bgColor-upsell-emphasis: #8250df;
  --bgColor-sponsors-muted: #ffeff7;
  --bgColor-sponsors-emphasis: #bf3989;
  --borderColor-default: #d1d9e0;
  --borderColor-muted: #d1d9e0b3;
  --borderColor-emphasis: #818b98;
  --borderColor-disabled: #818b981a;
  --borderColor-transparent: #ffffff00;
  --borderColor-translucent: #1f232826;
  --borderColor-neutral-muted: #d1d9e0b3;
  --borderColor-neutral-emphasis: #59636e;
  --borderColor-accent-muted: #54aeff66;
  --borderColor-accent-emphasis: #0969da;
  --borderColor-success-muted: #4ac26b66;
  --borderColor-success-emphasis: #1a7f37;
  --borderColor-open-muted: #4ac26b66;
  --borderColor-open-emphasis: #1a7f37;
  --borderColor-attention-muted: #d4a72c66;
  --borderColor-attention-emphasis: #9a6700;
  --borderColor-severe-muted: #fb8f4466;
  --borderColor-severe-emphasis: #bc4c00;
  --borderColor-danger-muted: #ff818266;
  --borderColor-danger-emphasis: #cf222e;
  --borderColor-closed-muted: #ff818266;
  --borderColor-closed-emphasis: #cf222e;
  --borderColor-done-muted: #c297ff66;
  --borderColor-done-emphasis: #8250df;
  --borderColor-upsell-muted: #c297ff66;
  --borderColor-upsell-emphasis: #8250df;
  --borderColor-sponsors-muted: #ff80c866;
  --borderColor-sponsors-emphasis: #bf3989;
  --color-ansi-black: #1f2328;
  --color-ansi-black-bright: #393f46;
  --color-ansi-white: #59636e;
  --color-ansi-white-bright: #818b98;
  --color-ansi-gray: #59636e;
  --color-ansi-red: #cf222e;
  --color-ansi-red-bright: #a40e26;
  --color-ansi-green: #116329;
  --color-ansi-green-bright: #1a7f37;
  --color-ansi-yellow: #4d2d00;
  --color-ansi-yellow-bright: #633c01;
  --color-ansi-blue: #0969da;
  --color-ansi-blue-bright: #218bff;
  --color-ansi-magenta: #8250df;
  --color-ansi-magenta-bright: #a475f9;
  --color-ansi-cyan: #1b7c83;
  --color-ansi-cyan-bright: #3192aa;
  --color-prettylights-syntax-comment: #59636e;
  --color-prettylights-syntax-constant: #0550ae;
  --color-prettylights-syntax-constant-other-reference-link: #0a3069;
  --color-prettylights-syntax-entity: #6639ba;
  --color-prettylights-syntax-storage-modifier-import: #1f2328;
  --color-prettylights-syntax-entity-tag: #0550ae;
  --color-prettylights-syntax-keyword: #cf222e;
  --color-prettylights-syntax-string: #0a3069;
  --color-prettylights-syntax-variable: #953800;
  --color-prettylights-syntax-brackethighlighter-unmatched: #82071e;
  --color-prettylights-syntax-brackethighlighter-angle: #59636e;
  --color-prettylights-syntax-invalid-illegal-text: #f6f8fa;
  --color-prettylights-syntax-invalid-illegal-bg: #82071e;
  --color-prettylights-syntax-carriage-return-text: #f6f8fa;
  --color-prettylights-syntax-carriage-return-bg: #cf222e;
  --color-prettylights-syntax-string-regexp: #116329;
  --color-prettylights-syntax-markup-list: #3b2300;
  --color-prettylights-syntax-markup-heading: #0550ae;
  --color-prettylights-syntax-markup-italic: #1f2328;
  --color-prettylights-syntax-markup-bold: #1f2328;
  --color-prettylights-syntax-markup-deleted-text: #82071e;
  --color-prettylights-syntax-markup-deleted-bg: #ffebe9;
  --color-prettylights-syntax-markup-inserted-text: #116329;
  --color-prettylights-syntax-markup-inserted-bg: #dafbe1;
  --color-prettylights-syntax-markup-changed-text: #953800;
  --color-prettylights-syntax-markup-changed-bg: #ffd8b5;
  --color-prettylights-syntax-markup-ignored-text: #d1d9e0;
  --color-prettylights-syntax-markup-ignored-bg: #0550ae;
  --color-prettylights-syntax-meta-diff-range: #8250df;
  --color-prettylights-syntax-sublimelinter-gutter-mark: #818b98;
  --shadow-inset: inset 0px 1px 0px 0px #1f23280a;
  --shadow-resting-xsmall: 0px 1px 0px 0px #1f23281a;
  --shadow-resting-small: 0px 1px 0px 0px #1f23280a;
  --shadow-resting-medium: 0px 3px 6px 0px #25292e1f;
  --shadow-floating-small: 0px 0px 0px 1px #d1d9e080, 0px 6px 12px -3px #25292e0a, 0px 6px 18px 0px #25292e1f;
  --shadow-floating-medium: 0px 0px 0px 1px #d1d9e0, 0px 8px 16px -4px #25292e14, 0px 4px 32px -4px #25292e14, 0px 24px 48px -12px #25292e14, 0px 48px 96px -24px #25292e14;
  --shadow-floating-large: 0px 0px 0px 1px #d1d9e0, 0px 40px 80px 0px #25292e3d;
  --shadow-floating-xlarge: 0px 0px 0px 1px #d1d9e0, 0px 56px 112px 0px #25292e52;
  --shadow-floating-legacy: 0px 6px 12px -3px #25292e0a, 0px 6px 18px 0px #25292e1f;
}

@media (prefers-color-scheme: dark) {
  [data-color-mode=auto][data-dark-theme=light],
  [data-color-mode=auto][data-dark-theme=light] ::backdrop {
    --topicTag-borderColor: #ffffff00;
    --highlight-neutral-bgColor: #fff8c5;
    --page-header-bgColor: #f6f8fa;
    --diffBlob-addition-fgColor-text: #1f2328;
    --diffBlob-addition-fgColor-num: #1f2328;
    --diffBlob-addition-bgColor-num: #d1f8d9;
    --diffBlob-addition-bgColor-line: #dafbe1;
    --diffBlob-addition-bgColor-word: #aceebb;
    --diffBlob-deletion-fgColor-text: #1f2328;
    --diffBlob-deletion-fgColor-num: #1f2328;
    --diffBlob-deletion-bgColor-num: #ffcecb;
    --diffBlob-deletion-bgColor-line: #ffebe9;
    --diffBlob-deletion-bgColor-word: #ff818266;
    --diffBlob-hunk-bgColor-num: #54aeff66;
    --diffBlob-expander-iconColor: #59636e;
    --codeMirror-fgColor: #1f2328;
    --codeMirror-bgColor: #ffffff;
    --codeMirror-gutters-bgColor: #ffffff;
    --codeMirror-gutterMarker-fgColor-default: #ffffff;
    --codeMirror-gutterMarker-fgColor-muted: #59636e;
    --codeMirror-lineNumber-fgColor: #59636e;
    --codeMirror-cursor-fgColor: #1f2328;
    --codeMirror-selection-bgColor: #54aeff66;
    --codeMirror-activeline-bgColor: #818b981f;
    --codeMirror-matchingBracket-fgColor: #1f2328;
    --codeMirror-lines-bgColor: #ffffff;
    --codeMirror-syntax-fgColor-comment: #1f2328;
    --codeMirror-syntax-fgColor-constant: #0550ae;
    --codeMirror-syntax-fgColor-entity: #8250df;
    --codeMirror-syntax-fgColor-keyword: #cf222e;
    --codeMirror-syntax-fgColor-storage: #cf222e;
    --codeMirror-syntax-fgColor-string: #0a3069;
    --codeMirror-syntax-fgColor-support: #0550ae;
    --codeMirror-syntax-fgColor-variable: #953800;
    --header-fgColor-default: #ffffffb3;
    --header-fgColor-logo: #ffffff;
    --header-bgColor: #25292e;
    --header-borderColor-divider: #818b98;
    --headerSearch-bgColor: #25292e;
    --headerSearch-borderColor: #818b98;
    --data-blue-color-emphasis: #006edb;
    --data-blue-color-muted: #d1f0ff;
    --data-auburn-color-emphasis: #9d615c;
    --data-auburn-color-muted: #f2e9e9;
    --data-orange-color-emphasis: #eb670f;
    --data-orange-color-muted: #ffe7d1;
    --data-yellow-color-emphasis: #b88700;
    --data-yellow-color-muted: #ffec9e;
    --data-green-color-emphasis: #30a147;
    --data-green-color-muted: #caf7ca;
    --data-teal-color-emphasis: #179b9b;
    --data-teal-color-muted: #c7f5ef;
    --data-purple-color-emphasis: #894ceb;
    --data-purple-color-muted: #f1e5ff;
    --data-pink-color-emphasis: #ce2c85;
    --data-pink-color-muted: #ffe5f1;
    --data-red-color-emphasis: #df0c24;
    --data-red-color-muted: #ffe2e0;
    --data-gray-color-emphasis: #808fa3;
    --data-gray-color-muted: #e8ecf2;
    --display-blue-bgColor-muted: #d1f0ff;
    --display-blue-bgColor-emphasis: #006edb;
    --display-blue-fgColor: #005fcc;
    --display-blue-borderColor-muted: #ade1ff;
    --display-blue-borderColor-emphasis: #006edb;
    --display-green-bgColor-muted: #caf7ca;
    --display-green-bgColor-emphasis: #2c8141;
    --display-green-fgColor: #2b6e3f;
    --display-green-borderColor-muted: #9ceda0;
    --display-green-borderColor-emphasis: #2c8141;
    --display-orange-bgColor-muted: #ffe7d1;
    --display-orange-bgColor-emphasis: #b8500f;
    --display-orange-fgColor: #a24610;
    --display-orange-borderColor-muted: #fecfaa;
    --display-orange-borderColor-emphasis: #b8500f;
    --display-purple-bgColor-muted: #f1e5ff;
    --display-purple-bgColor-emphasis: #894ceb;
    --display-purple-fgColor: #783ae4;
    --display-purple-borderColor-muted: #e6d2fe;
    --display-purple-borderColor-emphasis: #894ceb;
    --display-plum-bgColor-muted: #f8e5ff;
    --display-plum-bgColor-emphasis: #a830e8;
    --display-plum-fgColor: #961edc;
    --display-plum-borderColor-muted: #f0cdfe;
    --display-plum-borderColor-emphasis: #a830e8;
    --display-red-bgColor-muted: #ffe2e0;
    --display-red-bgColor-emphasis: #df0c24;
    --display-red-fgColor: #c50d28;
    --display-red-borderColor-muted: #fecdcd;
    --display-red-borderColor-emphasis: #df0c24;
    --display-coral-bgColor-muted: #ffe5db;
    --display-coral-bgColor-emphasis: #d43511;
    --display-coral-fgColor: #ba2e12;
    --display-coral-borderColor-muted: #fecebe;
    --display-coral-borderColor-emphasis: #d43511;
    --display-yellow-bgColor-muted: #ffec9e;
    --display-yellow-bgColor-emphasis: #946a00;
    --display-yellow-fgColor: #805900;
    --display-yellow-borderColor-muted: #ffd642;
    --display-yellow-borderColor-emphasis: #946a00;
    --display-gray-bgColor-muted: #e8ecf2;
    --display-gray-bgColor-emphasis: #647182;
    --display-gray-fgColor: #5c6570;
    --display-gray-borderColor-muted: #d2dae4;
    --display-gray-borderColor-emphasis: #647182;
    --display-auburn-bgColor-muted: #f2e9e9;
    --display-auburn-bgColor-emphasis: #9d615c;
    --display-auburn-fgColor: #8a5551;
    --display-auburn-borderColor-muted: #e6d6d5;
    --display-auburn-borderColor-emphasis: #9d615c;
    --display-brown-bgColor-muted: #eeeae2;
    --display-brown-bgColor-emphasis: #856d4c;
    --display-brown-fgColor: #755f43;
    --display-brown-borderColor-muted: #dfd7c8;
    --display-brown-borderColor-emphasis: #856d4c;
    --display-lemon-bgColor-muted: #f7eea1;
    --display-lemon-bgColor-emphasis: #866e04;
    --display-lemon-fgColor: #786002;
    --display-lemon-borderColor-muted: #f0db3d;
    --display-lemon-borderColor-emphasis: #866e04;
    --display-olive-bgColor-muted: #f0f0ad;
    --display-olive-bgColor-emphasis: #64762d;
    --display-olive-fgColor: #56682c;
    --display-olive-borderColor-muted: #dbe170;
    --display-olive-borderColor-emphasis: #64762d;
    --display-lime-bgColor-muted: #e3f2b5;
    --display-lime-bgColor-emphasis: #527a29;
    --display-lime-fgColor: #476c28;
    --display-lime-borderColor-muted: #c7e580;
    --display-lime-borderColor-emphasis: #527a29;
    --display-pine-bgColor-muted: #bff8db;
    --display-pine-bgColor-emphasis: #167e53;
    --display-pine-fgColor: #156f4b;
    --display-pine-borderColor-muted: #80efb9;
    --display-pine-borderColor-emphasis: #167e53;
    --display-teal-bgColor-muted: #c7f5ef;
    --display-teal-bgColor-emphasis: #127e81;
    --display-teal-fgColor: #106e75;
    --display-teal-borderColor-muted: #89ebe1;
    --display-teal-borderColor-emphasis: #127e81;
    --display-cyan-bgColor-muted: #bdf4ff;
    --display-cyan-bgColor-emphasis: #007b94;
    --display-cyan-fgColor: #006a80;
    --display-cyan-borderColor-muted: #7ae9ff;
    --display-cyan-borderColor-emphasis: #007b94;
    --display-indigo-bgColor-muted: #e5e9ff;
    --display-indigo-bgColor-emphasis: #5a61e7;
    --display-indigo-fgColor: #494edf;
    --display-indigo-borderColor-muted: #d2d7fe;
    --display-indigo-borderColor-emphasis: #5a61e7;
    --display-pink-bgColor-muted: #ffe5f1;
    --display-pink-bgColor-emphasis: #ce2c85;
    --display-pink-fgColor: #b12f79;
    --display-pink-borderColor-muted: #fdc9e2;
    --display-pink-borderColor-emphasis: #ce2c85;
    --avatar-bgColor: #ffffff;
    --avatar-borderColor: #1f232826;
    --avatar-shadow: 0px 0px 0px 2px #ffffffcc;
    --avatarStack-fade-bgColor-default: #c8d1da;
    --avatarStack-fade-bgColor-muted: #dae0e7;
    --control-bgColor-rest: #f6f8fa;
    --control-bgColor-hover: #eff2f5;
    --control-bgColor-active: #e6eaef;
    --control-bgColor-disabled: #eff2f5;
    --control-bgColor-selected: #f6f8fa;
    --control-fgColor-rest: #25292e;
    --control-fgColor-placeholder: #59636e;
    --control-fgColor-disabled: #818b98;
    --control-borderColor-rest: #d1d9e0;
    --control-borderColor-emphasis: #818b98;
    --control-borderColor-disabled: #818b981a;
    --control-borderColor-selected: #f6f8fa;
    --control-borderColor-success: #1a7f37;
    --control-borderColor-danger: #cf222e;
    --control-borderColor-warning: #9a6700;
    --control-iconColor-rest: #59636e;
    --control-transparent-bgColor-rest: #ffffff00;
    --control-transparent-bgColor-hover: #818b981a;
    --control-transparent-bgColor-active: #818b9826;
    --control-transparent-bgColor-disabled: #eff2f5;
    --control-transparent-bgColor-selected: #818b9826;
    --control-transparent-borderColor-rest: #ffffff00;
    --control-transparent-borderColor-hover: #ffffff00;
    --control-transparent-borderColor-active: #ffffff00;
    --control-danger-fgColor-rest: #d1242f;
    --control-danger-fgColor-hover: #d1242f;
    --control-danger-bgColor-hover: #ffebe9;
    --control-danger-bgColor-active: #ffebe966;
    --control-checked-bgColor-rest: #0969da;
    --control-checked-bgColor-hover: #0860ca;
    --control-checked-bgColor-active: #0757ba;
    --control-checked-bgColor-disabled: #818b98;
    --control-checked-fgColor-rest: #ffffff;
    --control-checked-fgColor-disabled: #ffffff;
    --control-checked-borderColor-rest: #0969da;
    --control-checked-borderColor-hover: #0860ca;
    --control-checked-borderColor-active: #0757ba;
    --control-checked-borderColor-disabled: #818b98;
    --controlTrack-bgColor-rest: #e6eaef;
    --controlTrack-bgColor-hover: #e0e6eb;
    --controlTrack-bgColor-active: #dae0e7;
    --controlTrack-bgColor-disabled: #818b98;
    --controlTrack-fgColor-rest: #59636e;
    --controlTrack-fgColor-disabled: #ffffff;
    --controlTrack-borderColor-rest: #d1d9e0;
    --controlTrack-borderColor-disabled: #818b98;
    --controlKnob-bgColor-rest: #ffffff;
    --controlKnob-bgColor-disabled: #eff2f5;
    --controlKnob-bgColor-checked: #ffffff;
    --controlKnob-borderColor-rest: #818b98;
    --controlKnob-borderColor-disabled: #eff2f5;
    --controlKnob-borderColor-checked: #0969da;
    --counter-borderColor: #ffffff00;
    --counter-bgColor-muted: #818b981f;
    --counter-bgColor-emphasis: #59636e;
    --button-default-fgColor-rest: #25292e;
    --button-default-bgColor-rest: #f6f8fa;
    --button-default-bgColor-hover: #eff2f5;
    --button-default-bgColor-active: #e6eaef;
    --button-default-bgColor-selected: #e6eaef;
    --button-default-bgColor-disabled: #eff2f5;
    --button-default-borderColor-rest: #d1d9e0;
    --button-default-borderColor-hover: #d1d9e0;
    --button-default-borderColor-active: #d1d9e0;
    --button-default-borderColor-disabled: #818b981a;
    --button-default-shadow-resting: 0px 1px 0px 0px #1f23280a;
    --button-primary-fgColor-rest: #ffffff;
    --button-primary-fgColor-disabled: #ffffffcc;
    --button-primary-iconColor-rest: #ffffffcc;
    --button-primary-bgColor-rest: #1f883d;
    --button-primary-bgColor-hover: #1c8139;
    --button-primary-bgColor-active: #197935;
    --button-primary-bgColor-disabled: #95d8a6;
    --button-primary-borderColor-rest: #1f232826;
    --button-primary-borderColor-hover: #1f232826;
    --button-primary-borderColor-active: #1f232826;
    --button-primary-borderColor-disabled: #95d8a6;
    --button-primary-shadow-selected: inset 0px 1px 0px 0px #002d114d;
    --button-invisible-fgColor-rest: #25292e;
    --button-invisible-fgColor-hover: #25292e;
    --button-invisible-fgColor-disabled: #818b98;
    --button-invisible-iconColor-rest: #59636e;
    --button-invisible-iconColor-hover: #59636e;
    --button-invisible-iconColor-disabled: #818b98;
    --button-invisible-bgColor-rest: #ffffff00;
    --button-invisible-bgColor-hover: #818b981a;
    --button-invisible-bgColor-active: #818b9826;
    --button-invisible-bgColor-disabled: #eff2f5;
    --button-invisible-borderColor-rest: #ffffff00;
    --button-invisible-borderColor-hover: #ffffff00;
    --button-invisible-borderColor-disabled: #818b981a;
    --button-outline-fgColor-rest: #0969da;
    --button-outline-fgColor-hover: #ffffff;
    --button-outline-fgColor-active: #ffffff;
    --button-outline-fgColor-disabled: #0969da80;
    --button-outline-bgColor-rest: #f6f8fa;
    --button-outline-bgColor-hover: #0969da;
    --button-outline-bgColor-active: #0757ba;
    --button-outline-bgColor-disabled: #eff2f5;
    --button-outline-borderColor-hover: #1f232826;
    --button-outline-borderColor-active: #1f232826;
    --button-outline-shadow-selected: inset 0px 1px 0px 0px #00215533;
    --button-danger-fgColor-rest: #d1242f;
    --button-danger-fgColor-hover: #ffffff;
    --button-danger-fgColor-active: #ffffff;
    --button-danger-fgColor-disabled: #d1242f80;
    --button-danger-iconColor-rest: #d1242f;
    --button-danger-iconColor-hover: #ffffff;
    --button-danger-bgColor-rest: #f6f8fa;
    --button-danger-bgColor-hover: #a40e26;
    --button-danger-bgColor-active: #8b0820;
    --button-danger-bgColor-disabled: #eff2f5;
    --button-danger-borderColor-rest: #d1d9e0;
    --button-danger-borderColor-hover: #1f232826;
    --button-danger-borderColor-active: #1f232826;
    --button-danger-shadow-selected: inset 0px 1px 0px 0px #4c001433;
    --button-inactive-fgColor: #59636e;
    --button-inactive-bgColor: #e6eaef;
    --button-star-iconColor: #eac54f;
    --buttonCounter-default-bgColor-rest: #818b981f;
    --buttonCounter-invisible-bgColor-rest: #818b981f;
    --buttonCounter-primary-bgColor-rest: #002d1133;
    --buttonCounter-outline-bgColor-rest: #0969da1a;
    --buttonCounter-outline-bgColor-hover: #ffffff33;
    --buttonCounter-outline-bgColor-disabled: #0969da0d;
    --buttonCounter-outline-fgColor-rest: #0550ae;
    --buttonCounter-outline-fgColor-hover: #ffffff;
    --buttonCounter-outline-fgColor-disabled: #0969da80;
    --buttonCounter-danger-bgColor-hover: #ffffff33;
    --buttonCounter-danger-bgColor-disabled: #cf222e0d;
    --buttonCounter-danger-bgColor-rest: #cf222e1a;
    --buttonCounter-danger-fgColor-rest: #c21c2c;
    --buttonCounter-danger-fgColor-hover: #ffffff;
    --buttonCounter-danger-fgColor-disabled: #d1242f80;
    --reactionButton-selected-bgColor-rest: #ddf4ff;
    --reactionButton-selected-bgColor-hover: #caecff;
    --reactionButton-selected-fgColor-rest: #0969da;
    --reactionButton-selected-fgColor-hover: #0550ae;
    --focus-outlineColor: #0969da;
    --focus-outline: #0969da solid 2px;
    --menu-bgColor-active: #ffffff00;
    --overlay-bgColor: #ffffff;
    --overlay-borderColor: #d1d9e080;
    --overlay-backdrop-bgColor: #c8d1da66;
    --selectMenu-borderColor: #ffffff00;
    --selectMenu-bgColor-active: #b6e3ff;
    --sideNav-bgColor-selected: #ffffff;
    --skeletonLoader-bgColor: #f6f8fa;
    --timelineBadge-bgColor: #f6f8fa;
    --treeViewItem-leadingVisual-iconColor-rest: #54aeff;
    --underlineNav-borderColor-active: #fd8c73;
    --underlineNav-borderColor-hover: #d1d9e0b3;
    --underlineNav-iconColor-rest: #59636e;
    --selection-bgColor: #0969da33;
    --card-bgColor: #ffffff;
    --label-green-bgColor-rest: #caf7ca;
    --label-green-bgColor-hover: #9ceda0;
    --label-green-bgColor-active: #54d961;
    --label-green-fgColor-rest: #2b6e3f;
    --label-green-fgColor-hover: #285c3b;
    --label-green-fgColor-active: #254b34;
    --label-orange-bgColor-rest: #ffe7d1;
    --label-orange-bgColor-hover: #fecfaa;
    --label-orange-bgColor-active: #fbaf74;
    --label-orange-fgColor-rest: #a24610;
    --label-orange-fgColor-hover: #8d3c11;
    --label-orange-fgColor-active: #70300f;
    --label-purple-bgColor-rest: #f1e5ff;
    --label-purple-bgColor-hover: #e6d2fe;
    --label-purple-bgColor-active: #d1b1fc;
    --label-purple-fgColor-rest: #783ae4;
    --label-purple-fgColor-hover: #6223d7;
    --label-purple-fgColor-active: #4f21ab;
    --label-red-bgColor-rest: #ffe2e0;
    --label-red-bgColor-hover: #fecdcd;
    --label-red-bgColor-active: #fda5a7;
    --label-red-fgColor-rest: #c50d28;
    --label-red-fgColor-hover: #a60c29;
    --label-red-fgColor-active: #880c27;
    --label-yellow-bgColor-rest: #ffec9e;
    --label-yellow-bgColor-hover: #ffd642;
    --label-yellow-bgColor-active: #ebb400;
    --label-yellow-fgColor-rest: #805900;
    --label-yellow-fgColor-hover: #704d00;
    --label-yellow-fgColor-active: #5c3d00;
    --label-gray-bgColor-rest: #e8ecf2;
    --label-gray-bgColor-hover: #d2dae4;
    --label-gray-bgColor-active: #b4c0cf;
    --label-gray-fgColor-rest: #5c6570;
    --label-gray-fgColor-hover: #4e535a;
    --label-gray-fgColor-active: #424448;
    --label-auburn-bgColor-rest: #f2e9e9;
    --label-auburn-bgColor-hover: #e6d6d5;
    --label-auburn-bgColor-active: #d4b7b5;
    --label-auburn-fgColor-rest: #8a5551;
    --label-auburn-fgColor-hover: #744744;
    --label-auburn-fgColor-active: #5d3937;
    --label-brown-bgColor-rest: #eeeae2;
    --label-brown-bgColor-hover: #dfd7c8;
    --label-brown-bgColor-active: #cbbda4;
    --label-brown-fgColor-rest: #755f43;
    --label-brown-fgColor-hover: #64513a;
    --label-brown-fgColor-active: #51412f;
    --label-lemon-bgColor-rest: #f7eea1;
    --label-lemon-bgColor-hover: #f0db3d;
    --label-lemon-bgColor-active: #d8bd0e;
    --label-lemon-fgColor-rest: #786002;
    --label-lemon-fgColor-hover: #654f01;
    --label-lemon-fgColor-active: #523f00;
    --label-olive-bgColor-rest: #f0f0ad;
    --label-olive-bgColor-hover: #dbe170;
    --label-olive-bgColor-active: #b9c832;
    --label-olive-fgColor-rest: #56682c;
    --label-olive-fgColor-hover: #495a2b;
    --label-olive-fgColor-active: #3b4927;
    --label-lime-bgColor-rest: #e3f2b5;
    --label-lime-bgColor-hover: #c7e580;
    --label-lime-bgColor-active: #9bd039;
    --label-lime-fgColor-rest: #476c28;
    --label-lime-fgColor-hover: #3a5b25;
    --label-lime-fgColor-active: #2f4a21;
    --label-pine-bgColor-rest: #bff8db;
    --label-pine-bgColor-hover: #80efb9;
    --label-pine-bgColor-active: #1dd781;
    --label-pine-fgColor-rest: #156f4b;
    --label-pine-fgColor-hover: #135d41;
    --label-pine-fgColor-active: #114b36;
    --label-teal-bgColor-rest: #c7f5ef;
    --label-teal-bgColor-hover: #89ebe1;
    --label-teal-bgColor-active: #22d3c7;
    --label-teal-fgColor-rest: #106e75;
    --label-teal-fgColor-hover: #0d5b63;
    --label-teal-fgColor-active: #0a4852;
    --label-cyan-bgColor-rest: #bdf4ff;
    --label-cyan-bgColor-hover: #7ae9ff;
    --label-cyan-bgColor-active: #00d0fa;
    --label-cyan-fgColor-rest: #006a80;
    --label-cyan-fgColor-hover: #00596b;
    --label-cyan-fgColor-active: #004857;
    --label-indigo-bgColor-rest: #e5e9ff;
    --label-indigo-bgColor-hover: #d2d7fe;
    --label-indigo-bgColor-active: #b1b9fb;
    --label-indigo-fgColor-rest: #494edf;
    --label-indigo-fgColor-hover: #393cd5;
    --label-indigo-fgColor-active: #2d2db4;
    --label-blue-bgColor-rest: #d1f0ff;
    --label-blue-bgColor-hover: #ade1ff;
    --label-blue-bgColor-active: #75c8ff;
    --label-blue-fgColor-rest: #005fcc;
    --label-blue-fgColor-hover: #004db3;
    --label-blue-fgColor-active: #003d99;
    --label-plum-bgColor-rest: #f8e5ff;
    --label-plum-bgColor-hover: #f0cdfe;
    --label-plum-bgColor-active: #e2a7fb;
    --label-plum-fgColor-rest: #961edc;
    --label-plum-fgColor-hover: #7d1eb8;
    --label-plum-fgColor-active: #651d96;
    --label-pink-bgColor-rest: #ffe5f1;
    --label-pink-bgColor-hover: #fdc9e2;
    --label-pink-bgColor-active: #f8a5cf;
    --label-pink-fgColor-rest: #b12f79;
    --label-pink-fgColor-hover: #8e2e66;
    --label-pink-fgColor-active: #6e2b53;
    --label-coral-bgColor-rest: #ffe5db;
    --label-coral-bgColor-hover: #fecebe;
    --label-coral-bgColor-active: #fcab92;
    --label-coral-fgColor-rest: #ba2e12;
    --label-coral-fgColor-hover: #9b2712;
    --label-coral-fgColor-active: #7e2011;
    --tooltip-bgColor: #25292e;
    --tooltip-fgColor: #ffffff;
    --fgColor-default: #1f2328;
    --fgColor-muted: #59636e;
    --fgColor-onEmphasis: #ffffff;
    --fgColor-onInverse: #ffffff;
    --fgColor-white: #ffffff;
    --fgColor-black: #1f2328;
    --fgColor-disabled: #818b98;
    --fgColor-link: #0969da;
    --fgColor-neutral: #59636e;
    --fgColor-accent: #0969da;
    --fgColor-success: #1a7f37;
    --fgColor-open: #1a7f37;
    --fgColor-attention: #9a6700;
    --fgColor-severe: #bc4c00;
    --fgColor-danger: #d1242f;
    --fgColor-closed: #d1242f;
    --fgColor-done: #8250df;
    --fgColor-upsell: #8250df;
    --fgColor-sponsors: #bf3989;
    --bgColor-default: #ffffff;
    --bgColor-muted: #f6f8fa;
    --bgColor-inset: #f6f8fa;
    --bgColor-emphasis: #25292e;
    --bgColor-inverse: #25292e;
    --bgColor-white: #ffffff;
    --bgColor-black: #1f2328;
    --bgColor-disabled: #eff2f5;
    --bgColor-transparent: #ffffff00;
    --bgColor-neutral-muted: #818b981f;
    --bgColor-neutral-emphasis: #59636e;
    --bgColor-accent-muted: #ddf4ff;
    --bgColor-accent-emphasis: #0969da;
    --bgColor-success-muted: #dafbe1;
    --bgColor-success-emphasis: #1f883d;
    --bgColor-open-muted: #dafbe1;
    --bgColor-open-emphasis: #1f883d;
    --bgColor-attention-muted: #fff8c5;
    --bgColor-attention-emphasis: #9a6700;
    --bgColor-severe-muted: #fff1e5;
    --bgColor-severe-emphasis: #bc4c00;
    --bgColor-danger-muted: #ffebe9;
    --bgColor-danger-emphasis: #cf222e;
    --bgColor-closed-muted: #ffebe9;
    --bgColor-closed-emphasis: #cf222e;
    --bgColor-done-muted: #fbefff;
    --bgColor-done-emphasis: #8250df;
    --bgColor-upsell-muted: #fbefff;
    --bgColor-upsell-emphasis: #8250df;
    --bgColor-sponsors-muted: #ffeff7;
    --bgColor-sponsors-emphasis: #bf3989;
    --borderColor-default: #d1d9e0;
    --borderColor-muted: #d1d9e0b3;
    --borderColor-emphasis: #818b98;
    --borderColor-disabled: #818b981a;
    --borderColor-transparent: #ffffff00;
    --borderColor-translucent: #1f232826;
    --borderColor-neutral-muted: #d1d9e0b3;
    --borderColor-neutral-emphasis: #59636e;
    --borderColor-accent-muted: #54aeff66;
    --borderColor-accent-emphasis: #0969da;
    --borderColor-success-muted: #4ac26b66;
    --borderColor-success-emphasis: #1a7f37;
    --borderColor-open-muted: #4ac26b66;
    --borderColor-open-emphasis: #1a7f37;
    --borderColor-attention-muted: #d4a72c66;
    --borderColor-attention-emphasis: #9a6700;
    --borderColor-severe-muted: #fb8f4466;
    --borderColor-severe-emphasis: #bc4c00;
    --borderColor-danger-muted: #ff818266;
    --borderColor-danger-emphasis: #cf222e;
    --borderColor-closed-muted: #ff818266;
    --borderColor-closed-emphasis: #cf222e;
    --borderColor-done-muted: #c297ff66;
    --borderColor-done-emphasis: #8250df;
    --borderColor-upsell-muted: #c297ff66;
    --borderColor-upsell-emphasis: #8250df;
    --borderColor-sponsors-muted: #ff80c866;
    --borderColor-sponsors-emphasis: #bf3989;
    --color-ansi-black: #1f2328;
    --color-ansi-black-bright: #393f46;
    --color-ansi-white: #59636e;
    --color-ansi-white-bright: #818b98;
    --color-ansi-gray: #59636e;
    --color-ansi-red: #cf222e;
    --color-ansi-red-bright: #a40e26;
    --color-ansi-green: #116329;
    --color-ansi-green-bright: #1a7f37;
    --color-ansi-yellow: #4d2d00;
    --color-ansi-yellow-bright: #633c01;
    --color-ansi-blue: #0969da;
    --color-ansi-blue-bright: #218bff;
    --color-ansi-magenta: #8250df;
    --color-ansi-magenta-bright: #a475f9;
    --color-ansi-cyan: #1b7c83;
    --color-ansi-cyan-bright: #3192aa;
    --color-prettylights-syntax-comment: #59636e;
    --color-prettylights-syntax-constant: #0550ae;
    --color-prettylights-syntax-constant-other-reference-link: #0a3069;
    --color-prettylights-syntax-entity: #6639ba;
    --color-prettylights-syntax-storage-modifier-import: #1f2328;
    --color-prettylights-syntax-entity-tag: #0550ae;
    --color-prettylights-syntax-keyword: #cf222e;
    --color-prettylights-syntax-string: #0a3069;
    --color-prettylights-syntax-variable: #953800;
    --color-prettylights-syntax-brackethighlighter-unmatched: #82071e;
    --color-prettylights-syntax-brackethighlighter-angle: #59636e;
    --color-prettylights-syntax-invalid-illegal-text: #f6f8fa;
    --color-prettylights-syntax-invalid-illegal-bg: #82071e;
    --color-prettylights-syntax-carriage-return-text: #f6f8fa;
    --color-prettylights-syntax-carriage-return-bg: #cf222e;
    --color-prettylights-syntax-string-regexp: #116329;
    --color-prettylights-syntax-markup-list: #3b2300;
    --color-prettylights-syntax-markup-heading: #0550ae;
    --color-prettylights-syntax-markup-italic: #1f2328;
    --color-prettylights-syntax-markup-bold: #1f2328;
    --color-prettylights-syntax-markup-deleted-text: #82071e;
    --color-prettylights-syntax-markup-deleted-bg: #ffebe9;
    --color-prettylights-syntax-markup-inserted-text: #116329;
    --color-prettylights-syntax-markup-inserted-bg: #dafbe1;
    --color-prettylights-syntax-markup-changed-text: #953800;
    --color-prettylights-syntax-markup-changed-bg: #ffd8b5;
    --color-prettylights-syntax-markup-ignored-text: #d1d9e0;
    --color-prettylights-syntax-markup-ignored-bg: #0550ae;
    --color-prettylights-syntax-meta-diff-range: #8250df;
    --color-prettylights-syntax-sublimelinter-gutter-mark: #818b98;
    --shadow-inset: inset 0px 1px 0px 0px #1f23280a;
    --shadow-resting-xsmall: 0px 1px 0px 0px #1f23281a;
    --shadow-resting-small: 0px 1px 0px 0px #1f23280a;
    --shadow-resting-medium: 0px 3px 6px 0px #25292e1f;
    --shadow-floating-small: 0px 0px 0px 1px #d1d9e080, 0px 6px 12px -3px #25292e0a, 0px 6px 18px 0px #25292e1f;
    --shadow-floating-medium: 0px 0px 0px 1px #d1d9e0, 0px 8px 16px -4px #25292e14, 0px 4px 32px -4px #25292e14, 0px 24px 48px -12px #25292e14, 0px 48px 96px -24px #25292e14;
    --shadow-floating-large: 0px 0px 0px 1px #d1d9e0, 0px 40px 80px 0px #25292e3d;
    --shadow-floating-xlarge: 0px 0px 0px 1px #d1d9e0, 0px 56px 112px 0px #25292e52;
    --shadow-floating-legacy: 0px 6px 12px -3px #25292e0a, 0px 6px 18px 0px #25292e1f;
  }
}
[data-color-mode=dark][data-dark-theme=dark],
[data-color-mode=dark][data-dark-theme=dark] ::backdrop,
[data-color-mode=auto][data-light-theme=dark],
[data-color-mode=auto][data-light-theme=dark] ::backdrop {
  --topicTag-borderColor: #00000000;
  --highlight-neutral-bgColor: #d2992266;
  --page-header-bgColor: #0d1117;
  --diffBlob-addition-fgColor-text: #f0f6fc;
  --diffBlob-addition-fgColor-num: #f0f6fc;
  --diffBlob-addition-bgColor-num: #3fb9504d;
  --diffBlob-addition-bgColor-line: #2ea04326;
  --diffBlob-addition-bgColor-word: #2ea04366;
  --diffBlob-deletion-fgColor-text: #f0f6fc;
  --diffBlob-deletion-fgColor-num: #f0f6fc;
  --diffBlob-deletion-bgColor-num: #f851494d;
  --diffBlob-deletion-bgColor-line: #f8514926;
  --diffBlob-deletion-bgColor-word: #f8514966;
  --diffBlob-hunk-bgColor-num: #388bfd66;
  --diffBlob-expander-iconColor: #9198a1;
  --codeMirror-fgColor: #f0f6fc;
  --codeMirror-bgColor: #0d1117;
  --codeMirror-gutters-bgColor: #0d1117;
  --codeMirror-gutterMarker-fgColor-default: #0d1117;
  --codeMirror-gutterMarker-fgColor-muted: #9198a1;
  --codeMirror-lineNumber-fgColor: #9198a1;
  --codeMirror-cursor-fgColor: #f0f6fc;
  --codeMirror-selection-bgColor: #388bfd66;
  --codeMirror-activeline-bgColor: #656c7633;
  --codeMirror-matchingBracket-fgColor: #f0f6fc;
  --codeMirror-lines-bgColor: #0d1117;
  --codeMirror-syntax-fgColor-comment: #656c76;
  --codeMirror-syntax-fgColor-constant: #79c0ff;
  --codeMirror-syntax-fgColor-entity: #d2a8ff;
  --codeMirror-syntax-fgColor-keyword: #ff7b72;
  --codeMirror-syntax-fgColor-storage: #ff7b72;
  --codeMirror-syntax-fgColor-string: #a5d6ff;
  --codeMirror-syntax-fgColor-support: #79c0ff;
  --codeMirror-syntax-fgColor-variable: #ffa657;
  --header-fgColor-default: #ffffffb3;
  --header-fgColor-logo: #f0f6fc;
  --header-bgColor: #151b23f2;
  --header-borderColor-divider: #656c76;
  --headerSearch-bgColor: #0d1117;
  --headerSearch-borderColor: #2a313c;
  --data-blue-color-emphasis: #0576ff;
  --data-blue-color-muted: #001a47;
  --data-auburn-color-emphasis: #a86f6b;
  --data-auburn-color-muted: #271817;
  --data-orange-color-emphasis: #984b10;
  --data-orange-color-muted: #311708;
  --data-yellow-color-emphasis: #895906;
  --data-yellow-color-muted: #2e1a00;
  --data-green-color-emphasis: #2f6f37;
  --data-green-color-muted: #122117;
  --data-teal-color-emphasis: #106c70;
  --data-teal-color-muted: #041f25;
  --data-purple-color-emphasis: #975bf1;
  --data-purple-color-muted: #211047;
  --data-pink-color-emphasis: #d34591;
  --data-pink-color-muted: #2d1524;
  --data-red-color-emphasis: #eb3342;
  --data-red-color-muted: #3c0614;
  --data-gray-color-emphasis: #576270;
  --data-gray-color-muted: #1c1c1c;
  --display-blue-bgColor-muted: #001a47;
  --display-blue-bgColor-emphasis: #005bd1;
  --display-blue-fgColor: #4da0ff;
  --display-blue-borderColor-muted: #002766;
  --display-blue-borderColor-emphasis: #0576ff;
  --display-green-bgColor-muted: #122117;
  --display-green-bgColor-emphasis: #2f6f37;
  --display-green-fgColor: #41b445;
  --display-green-borderColor-muted: #182f1f;
  --display-green-borderColor-emphasis: #388f3f;
  --display-orange-bgColor-muted: #311708;
  --display-orange-bgColor-emphasis: #984b10;
  --display-orange-fgColor: #ed8326;
  --display-orange-borderColor-muted: #43200a;
  --display-orange-borderColor-emphasis: #c46212;
  --display-purple-bgColor-muted: #211047;
  --display-purple-bgColor-emphasis: #7730e8;
  --display-purple-fgColor: #b687f7;
  --display-purple-borderColor-muted: #31146b;
  --display-purple-borderColor-emphasis: #975bf1;
  --display-plum-bgColor-muted: #2a0e3f;
  --display-plum-bgColor-emphasis: #9518d8;
  --display-plum-fgColor: #d07ef7;
  --display-plum-borderColor-muted: #40125e;
  --display-plum-borderColor-emphasis: #b643ef;
  --display-red-bgColor-muted: #3c0614;
  --display-red-bgColor-emphasis: #c31328;
  --display-red-fgColor: #f27d83;
  --display-red-borderColor-muted: #58091a;
  --display-red-borderColor-emphasis: #eb3342;
  --display-coral-bgColor-muted: #3c0614;
  --display-coral-bgColor-emphasis: #c31328;
  --display-coral-fgColor: #f27d83;
  --display-coral-borderColor-muted: #58091a;
  --display-coral-borderColor-emphasis: #eb3342;
  --display-yellow-bgColor-muted: #2e1a00;
  --display-yellow-bgColor-emphasis: #895906;
  --display-yellow-fgColor: #d3910d;
  --display-yellow-borderColor-muted: #3d2401;
  --display-yellow-borderColor-emphasis: #aa7109;
  --display-gray-bgColor-muted: #1c1c1c;
  --display-gray-bgColor-emphasis: #576270;
  --display-gray-fgColor: #92a1b5;
  --display-gray-borderColor-muted: #2a2b2d;
  --display-gray-borderColor-emphasis: #6e7f96;
  --display-auburn-bgColor-muted: #271817;
  --display-auburn-bgColor-emphasis: #87534f;
  --display-auburn-fgColor: #bf9592;
  --display-auburn-borderColor-muted: #3a2422;
  --display-auburn-borderColor-emphasis: #a86f6b;
  --display-brown-bgColor-muted: #241c14;
  --display-brown-bgColor-emphasis: #755e3e;
  --display-brown-fgColor: #b69a6d;
  --display-brown-borderColor-muted: #342a1d;
  --display-brown-borderColor-emphasis: #94774c;
  --display-lemon-bgColor-muted: #291d00;
  --display-lemon-bgColor-emphasis: #786008;
  --display-lemon-fgColor: #ba9b12;
  --display-lemon-borderColor-muted: #372901;
  --display-lemon-borderColor-emphasis: #977b0c;
  --display-olive-bgColor-muted: #171e0b;
  --display-olive-bgColor-emphasis: #5e681d;
  --display-olive-fgColor: #a2a626;
  --display-olive-borderColor-muted: #252d10;
  --display-olive-borderColor-emphasis: #7a8321;
  --display-lime-bgColor-muted: #141f0f;
  --display-lime-bgColor-emphasis: #496c28;
  --display-lime-fgColor: #7dae37;
  --display-lime-borderColor-muted: #1f3116;
  --display-lime-borderColor-emphasis: #5f892f;
  --display-pine-bgColor-muted: #082119;
  --display-pine-bgColor-emphasis: #14714c;
  --display-pine-fgColor: #1bb673;
  --display-pine-borderColor-muted: #0b3224;
  --display-pine-borderColor-emphasis: #18915e;
  --display-teal-bgColor-muted: #041f25;
  --display-teal-bgColor-emphasis: #106c70;
  --display-teal-fgColor: #1cb0ab;
  --display-teal-borderColor-muted: #073036;
  --display-teal-borderColor-emphasis: #158a8a;
  --display-cyan-bgColor-muted: #001f29;
  --display-cyan-bgColor-emphasis: #036a8c;
  --display-cyan-fgColor: #07ace4;
  --display-cyan-borderColor-muted: #002e3d;
  --display-cyan-borderColor-emphasis: #0587b3;
  --display-indigo-bgColor-muted: #1b183f;
  --display-indigo-bgColor-emphasis: #514ed4;
  --display-indigo-fgColor: #9899ec;
  --display-indigo-borderColor-muted: #25215f;
  --display-indigo-borderColor-emphasis: #7070e1;
  --display-pink-bgColor-muted: #2d1524;
  --display-pink-bgColor-emphasis: #ac2f74;
  --display-pink-fgColor: #e57bb2;
  --display-pink-borderColor-muted: #451c35;
  --display-pink-borderColor-emphasis: #d34591;
  --avatar-bgColor: #ffffff1a;
  --avatar-borderColor: #ffffff26;
  --avatar-shadow: 0px 0px 0px 2px #0d1117;
  --avatarStack-fade-bgColor-default: #3d444d;
  --avatarStack-fade-bgColor-muted: #2a313c;
  --control-bgColor-rest: #212830;
  --control-bgColor-hover: #262c36;
  --control-bgColor-active: #2a313c;
  --control-bgColor-disabled: #212830;
  --control-bgColor-selected: #212830;
  --control-fgColor-rest: #f0f6fc;
  --control-fgColor-placeholder: #9198a1;
  --control-fgColor-disabled: #656c7699;
  --control-borderColor-rest: #3d444d;
  --control-borderColor-emphasis: #656c76;
  --control-borderColor-disabled: #656c761a;
  --control-borderColor-selected: #f0f6fc;
  --control-borderColor-success: #238636;
  --control-borderColor-danger: #da3633;
  --control-borderColor-warning: #9e6a03;
  --control-iconColor-rest: #9198a1;
  --control-transparent-bgColor-rest: #00000000;
  --control-transparent-bgColor-hover: #656c7633;
  --control-transparent-bgColor-active: #656c7640;
  --control-transparent-bgColor-disabled: #212830;
  --control-transparent-bgColor-selected: #656c761a;
  --control-transparent-borderColor-rest: #00000000;
  --control-transparent-borderColor-hover: #00000000;
  --control-transparent-borderColor-active: #00000000;
  --control-danger-fgColor-rest: #f85149;
  --control-danger-fgColor-hover: #ff7b72;
  --control-danger-bgColor-hover: #f851491a;
  --control-danger-bgColor-active: #f8514966;
  --control-checked-bgColor-rest: #1f6feb;
  --control-checked-bgColor-hover: #2a7aef;
  --control-checked-bgColor-active: #3685f3;
  --control-checked-bgColor-disabled: #656c7699;
  --control-checked-fgColor-rest: #ffffff;
  --control-checked-fgColor-disabled: #010409;
  --control-checked-borderColor-rest: #1f6feb;
  --control-checked-borderColor-hover: #2a7aef;
  --control-checked-borderColor-active: #3685f3;
  --control-checked-borderColor-disabled: #656c7699;
  --controlTrack-bgColor-rest: #262c36;
  --controlTrack-bgColor-hover: #2a313c;
  --controlTrack-bgColor-active: #2f3742;
  --controlTrack-bgColor-disabled: #656c7699;
  --controlTrack-fgColor-rest: #9198a1;
  --controlTrack-fgColor-disabled: #ffffff;
  --controlTrack-borderColor-rest: #3d444d;
  --controlTrack-borderColor-disabled: #656c7699;
  --controlKnob-bgColor-rest: #010409;
  --controlKnob-bgColor-disabled: #212830;
  --controlKnob-bgColor-checked: #ffffff;
  --controlKnob-borderColor-rest: #656c76;
  --controlKnob-borderColor-disabled: #212830;
  --controlKnob-borderColor-checked: #1f6feb;
  --counter-borderColor: #00000000;
  --counter-bgColor-muted: #656c7633;
  --counter-bgColor-emphasis: #656c76;
  --button-default-fgColor-rest: #f0f6fc;
  --button-default-bgColor-rest: #212830;
  --button-default-bgColor-hover: #262c36;
  --button-default-bgColor-active: #2a313c;
  --button-default-bgColor-selected: #2a313c;
  --button-default-bgColor-disabled: #212830;
  --button-default-borderColor-rest: #3d444d;
  --button-default-borderColor-hover: #3d444d;
  --button-default-borderColor-active: #3d444d;
  --button-default-borderColor-disabled: #656c761a;
  --button-default-shadow-resting: 0px 0px 0px 0px #000000;
  --button-primary-fgColor-rest: #ffffff;
  --button-primary-fgColor-disabled: #ffffff66;
  --button-primary-iconColor-rest: #ffffff;
  --button-primary-bgColor-rest: #238636;
  --button-primary-bgColor-hover: #29903b;
  --button-primary-bgColor-active: #2e9a40;
  --button-primary-bgColor-disabled: #105823;
  --button-primary-borderColor-rest: #ffffff1a;
  --button-primary-borderColor-hover: #ffffff1a;
  --button-primary-borderColor-active: #ffffff1a;
  --button-primary-borderColor-disabled: #105823;
  --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
  --button-invisible-fgColor-rest: #f0f6fc;
  --button-invisible-fgColor-hover: #f0f6fc;
  --button-invisible-fgColor-disabled: #656c7699;
  --button-invisible-iconColor-rest: #9198a1;
  --button-invisible-iconColor-hover: #9198a1;
  --button-invisible-iconColor-disabled: #656c7699;
  --button-invisible-bgColor-rest: #00000000;
  --button-invisible-bgColor-hover: #656c7633;
  --button-invisible-bgColor-active: #656c7640;
  --button-invisible-bgColor-disabled: #212830;
  --button-invisible-borderColor-rest: #00000000;
  --button-invisible-borderColor-hover: #00000000;
  --button-invisible-borderColor-disabled: #656c761a;
  --button-outline-fgColor-rest: #388bfd;
  --button-outline-fgColor-hover: #58a6ff;
  --button-outline-fgColor-active: #ffffff;
  --button-outline-fgColor-disabled: #4493f880;
  --button-outline-bgColor-rest: #f0f6fc;
  --button-outline-bgColor-hover: #262c36;
  --button-outline-bgColor-active: #0d419d;
  --button-outline-bgColor-disabled: #212830;
  --button-outline-borderColor-hover: #3d444d;
  --button-outline-borderColor-selected: #3d444d;
  --button-outline-shadow-selected: 0px 0px 0px 0px #000000;
  --button-danger-fgColor-rest: #fa5e55;
  --button-danger-fgColor-hover: #ffffff;
  --button-danger-fgColor-active: #ffffff;
  --button-danger-fgColor-disabled: #f8514980;
  --button-danger-iconColor-rest: #fa5e55;
  --button-danger-iconColor-hover: #ffffff;
  --button-danger-bgColor-rest: #212830;
  --button-danger-bgColor-hover: #b62324;
  --button-danger-bgColor-active: #d03533;
  --button-danger-bgColor-disabled: #212830;
  --button-danger-borderColor-rest: #3d444d;
  --button-danger-borderColor-hover: #ffffff1a;
  --button-danger-borderColor-active: #ffffff1a;
  --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
  --button-inactive-fgColor: #9198a1;
  --button-inactive-bgColor: #262c36;
  --button-star-iconColor: #e3b341;
  --buttonCounter-default-bgColor-rest: #2f3742;
  --buttonCounter-invisible-bgColor-rest: #656c7633;
  --buttonCounter-primary-bgColor-rest: #04260f33;
  --buttonCounter-outline-bgColor-rest: #051d4d33;
  --buttonCounter-outline-bgColor-hover: #051d4d33;
  --buttonCounter-outline-bgColor-disabled: #1f6feb0d;
  --buttonCounter-outline-fgColor-rest: #388bfd;
  --buttonCounter-outline-fgColor-hover: #58a6ff;
  --buttonCounter-outline-fgColor-disabled: #4493f880;
  --buttonCounter-danger-bgColor-hover: #ffffff33;
  --buttonCounter-danger-bgColor-disabled: #da36330d;
  --buttonCounter-danger-bgColor-rest: #49020233;
  --buttonCounter-danger-fgColor-rest: #f85149;
  --buttonCounter-danger-fgColor-hover: #ffffff;
  --buttonCounter-danger-fgColor-disabled: #f8514980;
  --reactionButton-selected-bgColor-rest: #388bfd33;
  --reactionButton-selected-bgColor-hover: #3a8cfd5c;
  --reactionButton-selected-fgColor-rest: #4493f8;
  --reactionButton-selected-fgColor-hover: #79c0ff;
  --focus-outlineColor: #1f6feb;
  --menu-bgColor-active: #151b23;
  --overlay-bgColor: #151b23;
  --overlay-borderColor: #3d444db3;
  --overlay-backdrop-bgColor: #21283066;
  --selectMenu-borderColor: #3d444d;
  --selectMenu-bgColor-active: #0c2d6b;
  --sideNav-bgColor-selected: #212830;
  --skeletonLoader-bgColor: #151b23;
  --timelineBadge-bgColor: #212830;
  --treeViewItem-leadingVisual-iconColor-rest: #9198a1;
  --underlineNav-borderColor-active: #f78166;
  --underlineNav-borderColor-hover: #3d444db3;
  --underlineNav-iconColor-rest: #9198a1;
  --selection-bgColor: #1f6febb3;
  --card-bgColor: #151b23;
  --label-green-bgColor-rest: #122117;
  --label-green-bgColor-hover: #182f1f;
  --label-green-bgColor-active: #214529;
  --label-green-fgColor-rest: #41b445;
  --label-green-fgColor-hover: #46c144;
  --label-green-fgColor-active: #75d36f;
  --label-orange-bgColor-rest: #311708;
  --label-orange-bgColor-hover: #43200a;
  --label-orange-bgColor-active: #632f0d;
  --label-orange-fgColor-rest: #ed8326;
  --label-orange-fgColor-hover: #f1933b;
  --label-orange-fgColor-active: #f6b06a;
  --label-purple-bgColor-rest: #211047;
  --label-purple-bgColor-hover: #31146b;
  --label-purple-bgColor-active: #481a9e;
  --label-purple-fgColor-rest: #b687f7;
  --label-purple-fgColor-hover: #c398fb;
  --label-purple-fgColor-active: #d2affd;
  --label-red-bgColor-rest: #3c0614;
  --label-red-bgColor-hover: #58091a;
  --label-red-bgColor-active: #790c20;
  --label-red-fgColor-rest: #f27d83;
  --label-red-fgColor-hover: #f48b8d;
  --label-red-fgColor-active: #f7adab;
  --label-yellow-bgColor-rest: #2e1a00;
  --label-yellow-bgColor-hover: #3d2401;
  --label-yellow-bgColor-active: #5a3702;
  --label-yellow-fgColor-rest: #d3910d;
  --label-yellow-fgColor-hover: #df9e11;
  --label-yellow-fgColor-active: #edb431;
  --label-gray-bgColor-rest: #1c1c1c;
  --label-gray-bgColor-hover: #2a2b2d;
  --label-gray-bgColor-active: #393d41;
  --label-gray-fgColor-rest: #92a1b5;
  --label-gray-fgColor-hover: #9babbf;
  --label-gray-fgColor-active: #b3c0d1;
  --label-auburn-bgColor-rest: #271817;
  --label-auburn-bgColor-hover: #3a2422;
  --label-auburn-bgColor-active: #543331;
  --label-auburn-fgColor-rest: #bf9592;
  --label-auburn-fgColor-hover: #c6a19f;
  --label-auburn-fgColor-active: #d4b7b5;
  --label-brown-bgColor-rest: #241c14;
  --label-brown-bgColor-hover: #342a1d;
  --label-brown-bgColor-active: #483a28;
  --label-brown-fgColor-rest: #b69a6d;
  --label-brown-fgColor-hover: #bfa77d;
  --label-brown-fgColor-active: #cdbb98;
  --label-lemon-bgColor-rest: #291d00;
  --label-lemon-bgColor-hover: #372901;
  --label-lemon-bgColor-active: #4f3c02;
  --label-lemon-fgColor-rest: #ba9b12;
  --label-lemon-fgColor-hover: #c4a717;
  --label-lemon-fgColor-active: #d7bc1d;
  --label-olive-bgColor-rest: #171e0b;
  --label-olive-bgColor-hover: #252d10;
  --label-olive-bgColor-active: #374115;
  --label-olive-fgColor-rest: #a2a626;
  --label-olive-fgColor-hover: #b2af24;
  --label-olive-fgColor-active: #cbc025;
  --label-lime-bgColor-rest: #141f0f;
  --label-lime-bgColor-hover: #1f3116;
  --label-lime-bgColor-active: #2c441d;
  --label-lime-fgColor-rest: #7dae37;
  --label-lime-fgColor-hover: #89ba36;
  --label-lime-fgColor-active: #9fcc3e;
  --label-pine-bgColor-rest: #082119;
  --label-pine-bgColor-hover: #0b3224;
  --label-pine-bgColor-active: #0e4430;
  --label-pine-fgColor-rest: #1bb673;
  --label-pine-fgColor-hover: #1ac176;
  --label-pine-fgColor-active: #1bda81;
  --label-teal-bgColor-rest: #041f25;
  --label-teal-bgColor-hover: #073036;
  --label-teal-bgColor-active: #0a464d;
  --label-teal-fgColor-rest: #1cb0ab;
  --label-teal-fgColor-hover: #1fbdb2;
  --label-teal-fgColor-active: #24d6c4;
  --label-cyan-bgColor-rest: #001f29;
  --label-cyan-bgColor-hover: #002e3d;
  --label-cyan-bgColor-active: #014156;
  --label-cyan-fgColor-rest: #07ace4;
  --label-cyan-fgColor-hover: #09b7f1;
  --label-cyan-fgColor-active: #45cbf7;
  --label-indigo-bgColor-rest: #1b183f;
  --label-indigo-bgColor-hover: #25215f;
  --label-indigo-bgColor-active: #312c90;
  --label-indigo-fgColor-rest: #9899ec;
  --label-indigo-fgColor-hover: #a2a5f1;
  --label-indigo-fgColor-active: #b7baf6;
  --label-blue-bgColor-rest: #001a47;
  --label-blue-bgColor-hover: #002766;
  --label-blue-bgColor-active: #00378a;
  --label-blue-fgColor-rest: #4da0ff;
  --label-blue-fgColor-hover: #61adff;
  --label-blue-fgColor-active: #85c2ff;
  --label-plum-bgColor-rest: #2a0e3f;
  --label-plum-bgColor-hover: #40125e;
  --label-plum-bgColor-active: #5c1688;
  --label-plum-fgColor-rest: #d07ef7;
  --label-plum-fgColor-hover: #d889fa;
  --label-plum-fgColor-active: #e4a5fd;
  --label-pink-bgColor-rest: #2d1524;
  --label-pink-bgColor-hover: #451c35;
  --label-pink-bgColor-active: #65244a;
  --label-pink-fgColor-rest: #e57bb2;
  --label-pink-fgColor-hover: #ec8dbd;
  --label-pink-fgColor-active: #f4a9cd;
  --label-coral-bgColor-rest: #351008;
  --label-coral-bgColor-hover: #51180b;
  --label-coral-bgColor-active: #72220d;
  --label-coral-fgColor-rest: #f7794b;
  --label-coral-fgColor-hover: #fa8c61;
  --label-coral-fgColor-active: #fdaa86;
  --tooltip-bgColor: #3d444d;
  --tooltip-fgColor: #ffffff;
  --fgColor-default: #f0f6fc;
  --fgColor-muted: #9198a1;
  --fgColor-onEmphasis: #ffffff;
  --fgColor-onInverse: #010409;
  --fgColor-white: #ffffff;
  --fgColor-black: #010409;
  --fgColor-disabled: #656c7699;
  --fgColor-link: #4493f8;
  --fgColor-neutral: #9198a1;
  --fgColor-accent: #4493f8;
  --fgColor-success: #3fb950;
  --fgColor-open: #3fb950;
  --fgColor-attention: #d29922;
  --fgColor-severe: #db6d28;
  --fgColor-danger: #f85149;
  --fgColor-closed: #f85149;
  --fgColor-done: #ab7df8;
  --fgColor-upsell: #ab7df8;
  --fgColor-sponsors: #db61a2;
  --bgColor-default: #0d1117;
  --bgColor-muted: #151b23;
  --bgColor-inset: #010409;
  --bgColor-emphasis: #3d444d;
  --bgColor-inverse: #ffffff;
  --bgColor-white: #ffffff;
  --bgColor-black: #010409;
  --bgColor-disabled: #212830;
  --bgColor-transparent: #00000000;
  --bgColor-neutral-muted: #656c7633;
  --bgColor-neutral-emphasis: #656c76;
  --bgColor-accent-muted: #388bfd1a;
  --bgColor-accent-emphasis: #1f6feb;
  --bgColor-success-muted: #2ea04326;
  --bgColor-success-emphasis: #238636;
  --bgColor-open-muted: #2ea04326;
  --bgColor-open-emphasis: #238636;
  --bgColor-attention-muted: #bb800926;
  --bgColor-attention-emphasis: #9e6a03;
  --bgColor-severe-muted: #db6d281a;
  --bgColor-severe-emphasis: #bd561d;
  --bgColor-danger-muted: #f851491a;
  --bgColor-danger-emphasis: #da3633;
  --bgColor-closed-muted: #f851491a;
  --bgColor-closed-emphasis: #da3633;
  --bgColor-done-muted: #ab7df826;
  --bgColor-done-emphasis: #8957e5;
  --bgColor-upsell-muted: #ab7df826;
  --bgColor-upsell-emphasis: #8957e5;
  --bgColor-sponsors-muted: #db61a21a;
  --bgColor-sponsors-emphasis: #bf4b8a;
  --borderColor-default: #3d444d;
  --borderColor-muted: #3d444db3;
  --borderColor-emphasis: #656c76;
  --borderColor-disabled: #656c761a;
  --borderColor-transparent: #00000000;
  --borderColor-translucent: #ffffff26;
  --borderColor-neutral-muted: #3d444db3;
  --borderColor-neutral-emphasis: #656c76;
  --borderColor-accent-muted: #388bfd66;
  --borderColor-accent-emphasis: #1f6feb;
  --borderColor-success-muted: #2ea04366;
  --borderColor-success-emphasis: #238636;
  --borderColor-open-muted: #2ea04366;
  --borderColor-open-emphasis: #238636;
  --borderColor-attention-muted: #bb800966;
  --borderColor-attention-emphasis: #9e6a03;
  --borderColor-severe-muted: #db6d2866;
  --borderColor-severe-emphasis: #bd561d;
  --borderColor-danger-muted: #f8514966;
  --borderColor-danger-emphasis: #da3633;
  --borderColor-closed-muted: #f8514966;
  --borderColor-closed-emphasis: #da3633;
  --borderColor-done-muted: #ab7df866;
  --borderColor-done-emphasis: #8957e5;
  --borderColor-upsell-muted: #ab7df866;
  --borderColor-upsell-emphasis: #8957e5;
  --borderColor-sponsors-muted: #db61a266;
  --borderColor-sponsors-emphasis: #bf4b8a;
  --color-ansi-black: #2f3742;
  --color-ansi-black-bright: #656c76;
  --color-ansi-white: #f0f6fc;
  --color-ansi-white-bright: #ffffff;
  --color-ansi-gray: #656c76;
  --color-ansi-red: #ff7b72;
  --color-ansi-red-bright: #ffa198;
  --color-ansi-green: #3fb950;
  --color-ansi-green-bright: #56d364;
  --color-ansi-yellow: #d29922;
  --color-ansi-yellow-bright: #e3b341;
  --color-ansi-blue: #58a6ff;
  --color-ansi-blue-bright: #79c0ff;
  --color-ansi-magenta: #be8fff;
  --color-ansi-magenta-bright: #d2a8ff;
  --color-ansi-cyan: #39c5cf;
  --color-ansi-cyan-bright: #56d4dd;
  --color-prettylights-syntax-comment: #9198a1;
  --color-prettylights-syntax-constant: #79c0ff;
  --color-prettylights-syntax-constant-other-reference-link: #a5d6ff;
  --color-prettylights-syntax-entity: #d2a8ff;
  --color-prettylights-syntax-storage-modifier-import: #f0f6fc;
  --color-prettylights-syntax-entity-tag: #7ee787;
  --color-prettylights-syntax-keyword: #ff7b72;
  --color-prettylights-syntax-string: #a5d6ff;
  --color-prettylights-syntax-variable: #ffa657;
  --color-prettylights-syntax-brackethighlighter-unmatched: #f85149;
  --color-prettylights-syntax-brackethighlighter-angle: #9198a1;
  --color-prettylights-syntax-invalid-illegal-text: #f0f6fc;
  --color-prettylights-syntax-invalid-illegal-bg: #8e1519;
  --color-prettylights-syntax-carriage-return-text: #f0f6fc;
  --color-prettylights-syntax-carriage-return-bg: #b62324;
  --color-prettylights-syntax-string-regexp: #7ee787;
  --color-prettylights-syntax-markup-list: #f2cc60;
  --color-prettylights-syntax-markup-heading: #1f6feb;
  --color-prettylights-syntax-markup-italic: #f0f6fc;
  --color-prettylights-syntax-markup-bold: #f0f6fc;
  --color-prettylights-syntax-markup-deleted-text: #ffdcd7;
  --color-prettylights-syntax-markup-deleted-bg: #67060c;
  --color-prettylights-syntax-markup-inserted-text: #aff5b4;
  --color-prettylights-syntax-markup-inserted-bg: #033a16;
  --color-prettylights-syntax-markup-changed-text: #ffdfb6;
  --color-prettylights-syntax-markup-changed-bg: #5a1e02;
  --color-prettylights-syntax-markup-ignored-text: #f0f6fc;
  --color-prettylights-syntax-markup-ignored-bg: #1158c7;
  --color-prettylights-syntax-meta-diff-range: #d2a8ff;
  --color-prettylights-syntax-sublimelinter-gutter-mark: #3d444d;
  --shadow-inset: inset 0px 1px 0px 0px #0104093d;
  --shadow-resting-xsmall: 0px 1px 0px 0px #010409cc;
  --shadow-resting-small: 0px 1px 0px 0px #01040966;
  --shadow-resting-medium: 0px 3px 6px 0px #010409cc;
  --shadow-floating-small: 0px 0px 0px 1px #3d444d, 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
  --shadow-floating-medium: 0px 0px 0px 1px #3d444d, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966;
  --shadow-floating-large: 0px 0px 0px 1px #3d444d, 0px 24px 48px 0px #010409;
  --shadow-floating-xlarge: 0px 0px 0px 1px #3d444d, 0px 32px 64px 0px #010409;
  --shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
  --outline-focus: #1f6feb solid 2px;
}

@media (prefers-color-scheme: dark) {
  [data-color-mode=auto][data-dark-theme=dark],
  [data-color-mode=auto][data-dark-theme=dark] ::backdrop {
    --topicTag-borderColor: #00000000;
    --highlight-neutral-bgColor: #d2992266;
    --page-header-bgColor: #0d1117;
    --diffBlob-addition-fgColor-text: #f0f6fc;
    --diffBlob-addition-fgColor-num: #f0f6fc;
    --diffBlob-addition-bgColor-num: #3fb9504d;
    --diffBlob-addition-bgColor-line: #2ea04326;
    --diffBlob-addition-bgColor-word: #2ea04366;
    --diffBlob-deletion-fgColor-text: #f0f6fc;
    --diffBlob-deletion-fgColor-num: #f0f6fc;
    --diffBlob-deletion-bgColor-num: #f851494d;
    --diffBlob-deletion-bgColor-line: #f8514926;
    --diffBlob-deletion-bgColor-word: #f8514966;
    --diffBlob-hunk-bgColor-num: #388bfd66;
    --diffBlob-expander-iconColor: #9198a1;
    --codeMirror-fgColor: #f0f6fc;
    --codeMirror-bgColor: #0d1117;
    --codeMirror-gutters-bgColor: #0d1117;
    --codeMirror-gutterMarker-fgColor-default: #0d1117;
    --codeMirror-gutterMarker-fgColor-muted: #9198a1;
    --codeMirror-lineNumber-fgColor: #9198a1;
    --codeMirror-cursor-fgColor: #f0f6fc;
    --codeMirror-selection-bgColor: #388bfd66;
    --codeMirror-activeline-bgColor: #656c7633;
    --codeMirror-matchingBracket-fgColor: #f0f6fc;
    --codeMirror-lines-bgColor: #0d1117;
    --codeMirror-syntax-fgColor-comment: #656c76;
    --codeMirror-syntax-fgColor-constant: #79c0ff;
    --codeMirror-syntax-fgColor-entity: #d2a8ff;
    --codeMirror-syntax-fgColor-keyword: #ff7b72;
    --codeMirror-syntax-fgColor-storage: #ff7b72;
    --codeMirror-syntax-fgColor-string: #a5d6ff;
    --codeMirror-syntax-fgColor-support: #79c0ff;
    --codeMirror-syntax-fgColor-variable: #ffa657;
    --header-fgColor-default: #ffffffb3;
    --header-fgColor-logo: #f0f6fc;
    --header-bgColor: #151b23f2;
    --header-borderColor-divider: #656c76;
    --headerSearch-bgColor: #0d1117;
    --headerSearch-borderColor: #2a313c;
    --data-blue-color-emphasis: #0576ff;
    --data-blue-color-muted: #001a47;
    --data-auburn-color-emphasis: #a86f6b;
    --data-auburn-color-muted: #271817;
    --data-orange-color-emphasis: #984b10;
    --data-orange-color-muted: #311708;
    --data-yellow-color-emphasis: #895906;
    --data-yellow-color-muted: #2e1a00;
    --data-green-color-emphasis: #2f6f37;
    --data-green-color-muted: #122117;
    --data-teal-color-emphasis: #106c70;
    --data-teal-color-muted: #041f25;
    --data-purple-color-emphasis: #975bf1;
    --data-purple-color-muted: #211047;
    --data-pink-color-emphasis: #d34591;
    --data-pink-color-muted: #2d1524;
    --data-red-color-emphasis: #eb3342;
    --data-red-color-muted: #3c0614;
    --data-gray-color-emphasis: #576270;
    --data-gray-color-muted: #1c1c1c;
    --display-blue-bgColor-muted: #001a47;
    --display-blue-bgColor-emphasis: #005bd1;
    --display-blue-fgColor: #4da0ff;
    --display-blue-borderColor-muted: #002766;
    --display-blue-borderColor-emphasis: #0576ff;
    --display-green-bgColor-muted: #122117;
    --display-green-bgColor-emphasis: #2f6f37;
    --display-green-fgColor: #41b445;
    --display-green-borderColor-muted: #182f1f;
    --display-green-borderColor-emphasis: #388f3f;
    --display-orange-bgColor-muted: #311708;
    --display-orange-bgColor-emphasis: #984b10;
    --display-orange-fgColor: #ed8326;
    --display-orange-borderColor-muted: #43200a;
    --display-orange-borderColor-emphasis: #c46212;
    --display-purple-bgColor-muted: #211047;
    --display-purple-bgColor-emphasis: #7730e8;
    --display-purple-fgColor: #b687f7;
    --display-purple-borderColor-muted: #31146b;
    --display-purple-borderColor-emphasis: #975bf1;
    --display-plum-bgColor-muted: #2a0e3f;
    --display-plum-bgColor-emphasis: #9518d8;
    --display-plum-fgColor: #d07ef7;
    --display-plum-borderColor-muted: #40125e;
    --display-plum-borderColor-emphasis: #b643ef;
    --display-red-bgColor-muted: #3c0614;
    --display-red-bgColor-emphasis: #c31328;
    --display-red-fgColor: #f27d83;
    --display-red-borderColor-muted: #58091a;
    --display-red-borderColor-emphasis: #eb3342;
    --display-coral-bgColor-muted: #3c0614;
    --display-coral-bgColor-emphasis: #c31328;
    --display-coral-fgColor: #f27d83;
    --display-coral-borderColor-muted: #58091a;
    --display-coral-borderColor-emphasis: #eb3342;
    --display-yellow-bgColor-muted: #2e1a00;
    --display-yellow-bgColor-emphasis: #895906;
    --display-yellow-fgColor: #d3910d;
    --display-yellow-borderColor-muted: #3d2401;
    --display-yellow-borderColor-emphasis: #aa7109;
    --display-gray-bgColor-muted: #1c1c1c;
    --display-gray-bgColor-emphasis: #576270;
    --display-gray-fgColor: #92a1b5;
    --display-gray-borderColor-muted: #2a2b2d;
    --display-gray-borderColor-emphasis: #6e7f96;
    --display-auburn-bgColor-muted: #271817;
    --display-auburn-bgColor-emphasis: #87534f;
    --display-auburn-fgColor: #bf9592;
    --display-auburn-borderColor-muted: #3a2422;
    --display-auburn-borderColor-emphasis: #a86f6b;
    --display-brown-bgColor-muted: #241c14;
    --display-brown-bgColor-emphasis: #755e3e;
    --display-brown-fgColor: #b69a6d;
    --display-brown-borderColor-muted: #342a1d;
    --display-brown-borderColor-emphasis: #94774c;
    --display-lemon-bgColor-muted: #291d00;
    --display-lemon-bgColor-emphasis: #786008;
    --display-lemon-fgColor: #ba9b12;
    --display-lemon-borderColor-muted: #372901;
    --display-lemon-borderColor-emphasis: #977b0c;
    --display-olive-bgColor-muted: #171e0b;
    --display-olive-bgColor-emphasis: #5e681d;
    --display-olive-fgColor: #a2a626;
    --display-olive-borderColor-muted: #252d10;
    --display-olive-borderColor-emphasis: #7a8321;
    --display-lime-bgColor-muted: #141f0f;
    --display-lime-bgColor-emphasis: #496c28;
    --display-lime-fgColor: #7dae37;
    --display-lime-borderColor-muted: #1f3116;
    --display-lime-borderColor-emphasis: #5f892f;
    --display-pine-bgColor-muted: #082119;
    --display-pine-bgColor-emphasis: #14714c;
    --display-pine-fgColor: #1bb673;
    --display-pine-borderColor-muted: #0b3224;
    --display-pine-borderColor-emphasis: #18915e;
    --display-teal-bgColor-muted: #041f25;
    --display-teal-bgColor-emphasis: #106c70;
    --display-teal-fgColor: #1cb0ab;
    --display-teal-borderColor-muted: #073036;
    --display-teal-borderColor-emphasis: #158a8a;
    --display-cyan-bgColor-muted: #001f29;
    --display-cyan-bgColor-emphasis: #036a8c;
    --display-cyan-fgColor: #07ace4;
    --display-cyan-borderColor-muted: #002e3d;
    --display-cyan-borderColor-emphasis: #0587b3;
    --display-indigo-bgColor-muted: #1b183f;
    --display-indigo-bgColor-emphasis: #514ed4;
    --display-indigo-fgColor: #9899ec;
    --display-indigo-borderColor-muted: #25215f;
    --display-indigo-borderColor-emphasis: #7070e1;
    --display-pink-bgColor-muted: #2d1524;
    --display-pink-bgColor-emphasis: #ac2f74;
    --display-pink-fgColor: #e57bb2;
    --display-pink-borderColor-muted: #451c35;
    --display-pink-borderColor-emphasis: #d34591;
    --avatar-bgColor: #ffffff1a;
    --avatar-borderColor: #ffffff26;
    --avatar-shadow: 0px 0px 0px 2px #0d1117;
    --avatarStack-fade-bgColor-default: #3d444d;
    --avatarStack-fade-bgColor-muted: #2a313c;
    --control-bgColor-rest: #212830;
    --control-bgColor-hover: #262c36;
    --control-bgColor-active: #2a313c;
    --control-bgColor-disabled: #212830;
    --control-bgColor-selected: #212830;
    --control-fgColor-rest: #f0f6fc;
    --control-fgColor-placeholder: #9198a1;
    --control-fgColor-disabled: #656c7699;
    --control-borderColor-rest: #3d444d;
    --control-borderColor-emphasis: #656c76;
    --control-borderColor-disabled: #656c761a;
    --control-borderColor-selected: #f0f6fc;
    --control-borderColor-success: #238636;
    --control-borderColor-danger: #da3633;
    --control-borderColor-warning: #9e6a03;
    --control-iconColor-rest: #9198a1;
    --control-transparent-bgColor-rest: #00000000;
    --control-transparent-bgColor-hover: #656c7633;
    --control-transparent-bgColor-active: #656c7640;
    --control-transparent-bgColor-disabled: #212830;
    --control-transparent-bgColor-selected: #656c761a;
    --control-transparent-borderColor-rest: #00000000;
    --control-transparent-borderColor-hover: #00000000;
    --control-transparent-borderColor-active: #00000000;
    --control-danger-fgColor-rest: #f85149;
    --control-danger-fgColor-hover: #ff7b72;
    --control-danger-bgColor-hover: #f851491a;
    --control-danger-bgColor-active: #f8514966;
    --control-checked-bgColor-rest: #1f6feb;
    --control-checked-bgColor-hover: #2a7aef;
    --control-checked-bgColor-active: #3685f3;
    --control-checked-bgColor-disabled: #656c7699;
    --control-checked-fgColor-rest: #ffffff;
    --control-checked-fgColor-disabled: #010409;
    --control-checked-borderColor-rest: #1f6feb;
    --control-checked-borderColor-hover: #2a7aef;
    --control-checked-borderColor-active: #3685f3;
    --control-checked-borderColor-disabled: #656c7699;
    --controlTrack-bgColor-rest: #262c36;
    --controlTrack-bgColor-hover: #2a313c;
    --controlTrack-bgColor-active: #2f3742;
    --controlTrack-bgColor-disabled: #656c7699;
    --controlTrack-fgColor-rest: #9198a1;
    --controlTrack-fgColor-disabled: #ffffff;
    --controlTrack-borderColor-rest: #3d444d;
    --controlTrack-borderColor-disabled: #656c7699;
    --controlKnob-bgColor-rest: #010409;
    --controlKnob-bgColor-disabled: #212830;
    --controlKnob-bgColor-checked: #ffffff;
    --controlKnob-borderColor-rest: #656c76;
    --controlKnob-borderColor-disabled: #212830;
    --controlKnob-borderColor-checked: #1f6feb;
    --counter-borderColor: #00000000;
    --counter-bgColor-muted: #656c7633;
    --counter-bgColor-emphasis: #656c76;
    --button-default-fgColor-rest: #f0f6fc;
    --button-default-bgColor-rest: #212830;
    --button-default-bgColor-hover: #262c36;
    --button-default-bgColor-active: #2a313c;
    --button-default-bgColor-selected: #2a313c;
    --button-default-bgColor-disabled: #212830;
    --button-default-borderColor-rest: #3d444d;
    --button-default-borderColor-hover: #3d444d;
    --button-default-borderColor-active: #3d444d;
    --button-default-borderColor-disabled: #656c761a;
    --button-default-shadow-resting: 0px 0px 0px 0px #000000;
    --button-primary-fgColor-rest: #ffffff;
    --button-primary-fgColor-disabled: #ffffff66;
    --button-primary-iconColor-rest: #ffffff;
    --button-primary-bgColor-rest: #238636;
    --button-primary-bgColor-hover: #29903b;
    --button-primary-bgColor-active: #2e9a40;
    --button-primary-bgColor-disabled: #105823;
    --button-primary-borderColor-rest: #ffffff1a;
    --button-primary-borderColor-hover: #ffffff1a;
    --button-primary-borderColor-active: #ffffff1a;
    --button-primary-borderColor-disabled: #105823;
    --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
    --button-invisible-fgColor-rest: #f0f6fc;
    --button-invisible-fgColor-hover: #f0f6fc;
    --button-invisible-fgColor-disabled: #656c7699;
    --button-invisible-iconColor-rest: #9198a1;
    --button-invisible-iconColor-hover: #9198a1;
    --button-invisible-iconColor-disabled: #656c7699;
    --button-invisible-bgColor-rest: #00000000;
    --button-invisible-bgColor-hover: #656c7633;
    --button-invisible-bgColor-active: #656c7640;
    --button-invisible-bgColor-disabled: #212830;
    --button-invisible-borderColor-rest: #00000000;
    --button-invisible-borderColor-hover: #00000000;
    --button-invisible-borderColor-disabled: #656c761a;
    --button-outline-fgColor-rest: #388bfd;
    --button-outline-fgColor-hover: #58a6ff;
    --button-outline-fgColor-active: #ffffff;
    --button-outline-fgColor-disabled: #4493f880;
    --button-outline-bgColor-rest: #f0f6fc;
    --button-outline-bgColor-hover: #262c36;
    --button-outline-bgColor-active: #0d419d;
    --button-outline-bgColor-disabled: #212830;
    --button-outline-borderColor-hover: #3d444d;
    --button-outline-borderColor-selected: #3d444d;
    --button-outline-shadow-selected: 0px 0px 0px 0px #000000;
    --button-danger-fgColor-rest: #fa5e55;
    --button-danger-fgColor-hover: #ffffff;
    --button-danger-fgColor-active: #ffffff;
    --button-danger-fgColor-disabled: #f8514980;
    --button-danger-iconColor-rest: #fa5e55;
    --button-danger-iconColor-hover: #ffffff;
    --button-danger-bgColor-rest: #212830;
    --button-danger-bgColor-hover: #b62324;
    --button-danger-bgColor-active: #d03533;
    --button-danger-bgColor-disabled: #212830;
    --button-danger-borderColor-rest: #3d444d;
    --button-danger-borderColor-hover: #ffffff1a;
    --button-danger-borderColor-active: #ffffff1a;
    --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
    --button-inactive-fgColor: #9198a1;
    --button-inactive-bgColor: #262c36;
    --button-star-iconColor: #e3b341;
    --buttonCounter-default-bgColor-rest: #2f3742;
    --buttonCounter-invisible-bgColor-rest: #656c7633;
    --buttonCounter-primary-bgColor-rest: #04260f33;
    --buttonCounter-outline-bgColor-rest: #051d4d33;
    --buttonCounter-outline-bgColor-hover: #051d4d33;
    --buttonCounter-outline-bgColor-disabled: #1f6feb0d;
    --buttonCounter-outline-fgColor-rest: #388bfd;
    --buttonCounter-outline-fgColor-hover: #58a6ff;
    --buttonCounter-outline-fgColor-disabled: #4493f880;
    --buttonCounter-danger-bgColor-hover: #ffffff33;
    --buttonCounter-danger-bgColor-disabled: #da36330d;
    --buttonCounter-danger-bgColor-rest: #49020233;
    --buttonCounter-danger-fgColor-rest: #f85149;
    --buttonCounter-danger-fgColor-hover: #ffffff;
    --buttonCounter-danger-fgColor-disabled: #f8514980;
    --reactionButton-selected-bgColor-rest: #388bfd33;
    --reactionButton-selected-bgColor-hover: #3a8cfd5c;
    --reactionButton-selected-fgColor-rest: #4493f8;
    --reactionButton-selected-fgColor-hover: #79c0ff;
    --focus-outlineColor: #1f6feb;
    --menu-bgColor-active: #151b23;
    --overlay-bgColor: #151b23;
    --overlay-borderColor: #3d444db3;
    --overlay-backdrop-bgColor: #21283066;
    --selectMenu-borderColor: #3d444d;
    --selectMenu-bgColor-active: #0c2d6b;
    --sideNav-bgColor-selected: #212830;
    --skeletonLoader-bgColor: #151b23;
    --timelineBadge-bgColor: #212830;
    --treeViewItem-leadingVisual-iconColor-rest: #9198a1;
    --underlineNav-borderColor-active: #f78166;
    --underlineNav-borderColor-hover: #3d444db3;
    --underlineNav-iconColor-rest: #9198a1;
    --selection-bgColor: #1f6febb3;
    --card-bgColor: #151b23;
    --label-green-bgColor-rest: #122117;
    --label-green-bgColor-hover: #182f1f;
    --label-green-bgColor-active: #214529;
    --label-green-fgColor-rest: #41b445;
    --label-green-fgColor-hover: #46c144;
    --label-green-fgColor-active: #75d36f;
    --label-orange-bgColor-rest: #311708;
    --label-orange-bgColor-hover: #43200a;
    --label-orange-bgColor-active: #632f0d;
    --label-orange-fgColor-rest: #ed8326;
    --label-orange-fgColor-hover: #f1933b;
    --label-orange-fgColor-active: #f6b06a;
    --label-purple-bgColor-rest: #211047;
    --label-purple-bgColor-hover: #31146b;
    --label-purple-bgColor-active: #481a9e;
    --label-purple-fgColor-rest: #b687f7;
    --label-purple-fgColor-hover: #c398fb;
    --label-purple-fgColor-active: #d2affd;
    --label-red-bgColor-rest: #3c0614;
    --label-red-bgColor-hover: #58091a;
    --label-red-bgColor-active: #790c20;
    --label-red-fgColor-rest: #f27d83;
    --label-red-fgColor-hover: #f48b8d;
    --label-red-fgColor-active: #f7adab;
    --label-yellow-bgColor-rest: #2e1a00;
    --label-yellow-bgColor-hover: #3d2401;
    --label-yellow-bgColor-active: #5a3702;
    --label-yellow-fgColor-rest: #d3910d;
    --label-yellow-fgColor-hover: #df9e11;
    --label-yellow-fgColor-active: #edb431;
    --label-gray-bgColor-rest: #1c1c1c;
    --label-gray-bgColor-hover: #2a2b2d;
    --label-gray-bgColor-active: #393d41;
    --label-gray-fgColor-rest: #92a1b5;
    --label-gray-fgColor-hover: #9babbf;
    --label-gray-fgColor-active: #b3c0d1;
    --label-auburn-bgColor-rest: #271817;
    --label-auburn-bgColor-hover: #3a2422;
    --label-auburn-bgColor-active: #543331;
    --label-auburn-fgColor-rest: #bf9592;
    --label-auburn-fgColor-hover: #c6a19f;
    --label-auburn-fgColor-active: #d4b7b5;
    --label-brown-bgColor-rest: #241c14;
    --label-brown-bgColor-hover: #342a1d;
    --label-brown-bgColor-active: #483a28;
    --label-brown-fgColor-rest: #b69a6d;
    --label-brown-fgColor-hover: #bfa77d;
    --label-brown-fgColor-active: #cdbb98;
    --label-lemon-bgColor-rest: #291d00;
    --label-lemon-bgColor-hover: #372901;
    --label-lemon-bgColor-active: #4f3c02;
    --label-lemon-fgColor-rest: #ba9b12;
    --label-lemon-fgColor-hover: #c4a717;
    --label-lemon-fgColor-active: #d7bc1d;
    --label-olive-bgColor-rest: #171e0b;
    --label-olive-bgColor-hover: #252d10;
    --label-olive-bgColor-active: #374115;
    --label-olive-fgColor-rest: #a2a626;
    --label-olive-fgColor-hover: #b2af24;
    --label-olive-fgColor-active: #cbc025;
    --label-lime-bgColor-rest: #141f0f;
    --label-lime-bgColor-hover: #1f3116;
    --label-lime-bgColor-active: #2c441d;
    --label-lime-fgColor-rest: #7dae37;
    --label-lime-fgColor-hover: #89ba36;
    --label-lime-fgColor-active: #9fcc3e;
    --label-pine-bgColor-rest: #082119;
    --label-pine-bgColor-hover: #0b3224;
    --label-pine-bgColor-active: #0e4430;
    --label-pine-fgColor-rest: #1bb673;
    --label-pine-fgColor-hover: #1ac176;
    --label-pine-fgColor-active: #1bda81;
    --label-teal-bgColor-rest: #041f25;
    --label-teal-bgColor-hover: #073036;
    --label-teal-bgColor-active: #0a464d;
    --label-teal-fgColor-rest: #1cb0ab;
    --label-teal-fgColor-hover: #1fbdb2;
    --label-teal-fgColor-active: #24d6c4;
    --label-cyan-bgColor-rest: #001f29;
    --label-cyan-bgColor-hover: #002e3d;
    --label-cyan-bgColor-active: #014156;
    --label-cyan-fgColor-rest: #07ace4;
    --label-cyan-fgColor-hover: #09b7f1;
    --label-cyan-fgColor-active: #45cbf7;
    --label-indigo-bgColor-rest: #1b183f;
    --label-indigo-bgColor-hover: #25215f;
    --label-indigo-bgColor-active: #312c90;
    --label-indigo-fgColor-rest: #9899ec;
    --label-indigo-fgColor-hover: #a2a5f1;
    --label-indigo-fgColor-active: #b7baf6;
    --label-blue-bgColor-rest: #001a47;
    --label-blue-bgColor-hover: #002766;
    --label-blue-bgColor-active: #00378a;
    --label-blue-fgColor-rest: #4da0ff;
    --label-blue-fgColor-hover: #61adff;
    --label-blue-fgColor-active: #85c2ff;
    --label-plum-bgColor-rest: #2a0e3f;
    --label-plum-bgColor-hover: #40125e;
    --label-plum-bgColor-active: #5c1688;
    --label-plum-fgColor-rest: #d07ef7;
    --label-plum-fgColor-hover: #d889fa;
    --label-plum-fgColor-active: #e4a5fd;
    --label-pink-bgColor-rest: #2d1524;
    --label-pink-bgColor-hover: #451c35;
    --label-pink-bgColor-active: #65244a;
    --label-pink-fgColor-rest: #e57bb2;
    --label-pink-fgColor-hover: #ec8dbd;
    --label-pink-fgColor-active: #f4a9cd;
    --label-coral-bgColor-rest: #351008;
    --label-coral-bgColor-hover: #51180b;
    --label-coral-bgColor-active: #72220d;
    --label-coral-fgColor-rest: #f7794b;
    --label-coral-fgColor-hover: #fa8c61;
    --label-coral-fgColor-active: #fdaa86;
    --tooltip-bgColor: #3d444d;
    --tooltip-fgColor: #ffffff;
    --fgColor-default: #f0f6fc;
    --fgColor-muted: #9198a1;
    --fgColor-onEmphasis: #ffffff;
    --fgColor-onInverse: #010409;
    --fgColor-white: #ffffff;
    --fgColor-black: #010409;
    --fgColor-disabled: #656c7699;
    --fgColor-link: #4493f8;
    --fgColor-neutral: #9198a1;
    --fgColor-accent: #4493f8;
    --fgColor-success: #3fb950;
    --fgColor-open: #3fb950;
    --fgColor-attention: #d29922;
    --fgColor-severe: #db6d28;
    --fgColor-danger: #f85149;
    --fgColor-closed: #f85149;
    --fgColor-done: #ab7df8;
    --fgColor-upsell: #ab7df8;
    --fgColor-sponsors: #db61a2;
    --bgColor-default: #0d1117;
    --bgColor-muted: #151b23;
    --bgColor-inset: #010409;
    --bgColor-emphasis: #3d444d;
    --bgColor-inverse: #ffffff;
    --bgColor-white: #ffffff;
    --bgColor-black: #010409;
    --bgColor-disabled: #212830;
    --bgColor-transparent: #00000000;
    --bgColor-neutral-muted: #656c7633;
    --bgColor-neutral-emphasis: #656c76;
    --bgColor-accent-muted: #388bfd1a;
    --bgColor-accent-emphasis: #1f6feb;
    --bgColor-success-muted: #2ea04326;
    --bgColor-success-emphasis: #238636;
    --bgColor-open-muted: #2ea04326;
    --bgColor-open-emphasis: #238636;
    --bgColor-attention-muted: #bb800926;
    --bgColor-attention-emphasis: #9e6a03;
    --bgColor-severe-muted: #db6d281a;
    --bgColor-severe-emphasis: #bd561d;
    --bgColor-danger-muted: #f851491a;
    --bgColor-danger-emphasis: #da3633;
    --bgColor-closed-muted: #f851491a;
    --bgColor-closed-emphasis: #da3633;
    --bgColor-done-muted: #ab7df826;
    --bgColor-done-emphasis: #8957e5;
    --bgColor-upsell-muted: #ab7df826;
    --bgColor-upsell-emphasis: #8957e5;
    --bgColor-sponsors-muted: #db61a21a;
    --bgColor-sponsors-emphasis: #bf4b8a;
    --borderColor-default: #3d444d;
    --borderColor-muted: #3d444db3;
    --borderColor-emphasis: #656c76;
    --borderColor-disabled: #656c761a;
    --borderColor-transparent: #00000000;
    --borderColor-translucent: #ffffff26;
    --borderColor-neutral-muted: #3d444db3;
    --borderColor-neutral-emphasis: #656c76;
    --borderColor-accent-muted: #388bfd66;
    --borderColor-accent-emphasis: #1f6feb;
    --borderColor-success-muted: #2ea04366;
    --borderColor-success-emphasis: #238636;
    --borderColor-open-muted: #2ea04366;
    --borderColor-open-emphasis: #238636;
    --borderColor-attention-muted: #bb800966;
    --borderColor-attention-emphasis: #9e6a03;
    --borderColor-severe-muted: #db6d2866;
    --borderColor-severe-emphasis: #bd561d;
    --borderColor-danger-muted: #f8514966;
    --borderColor-danger-emphasis: #da3633;
    --borderColor-closed-muted: #f8514966;
    --borderColor-closed-emphasis: #da3633;
    --borderColor-done-muted: #ab7df866;
    --borderColor-done-emphasis: #8957e5;
    --borderColor-upsell-muted: #ab7df866;
    --borderColor-upsell-emphasis: #8957e5;
    --borderColor-sponsors-muted: #db61a266;
    --borderColor-sponsors-emphasis: #bf4b8a;
    --color-ansi-black: #2f3742;
    --color-ansi-black-bright: #656c76;
    --color-ansi-white: #f0f6fc;
    --color-ansi-white-bright: #ffffff;
    --color-ansi-gray: #656c76;
    --color-ansi-red: #ff7b72;
    --color-ansi-red-bright: #ffa198;
    --color-ansi-green: #3fb950;
    --color-ansi-green-bright: #56d364;
    --color-ansi-yellow: #d29922;
    --color-ansi-yellow-bright: #e3b341;
    --color-ansi-blue: #58a6ff;
    --color-ansi-blue-bright: #79c0ff;
    --color-ansi-magenta: #be8fff;
    --color-ansi-magenta-bright: #d2a8ff;
    --color-ansi-cyan: #39c5cf;
    --color-ansi-cyan-bright: #56d4dd;
    --color-prettylights-syntax-comment: #9198a1;
    --color-prettylights-syntax-constant: #79c0ff;
    --color-prettylights-syntax-constant-other-reference-link: #a5d6ff;
    --color-prettylights-syntax-entity: #d2a8ff;
    --color-prettylights-syntax-storage-modifier-import: #f0f6fc;
    --color-prettylights-syntax-entity-tag: #7ee787;
    --color-prettylights-syntax-keyword: #ff7b72;
    --color-prettylights-syntax-string: #a5d6ff;
    --color-prettylights-syntax-variable: #ffa657;
    --color-prettylights-syntax-brackethighlighter-unmatched: #f85149;
    --color-prettylights-syntax-brackethighlighter-angle: #9198a1;
    --color-prettylights-syntax-invalid-illegal-text: #f0f6fc;
    --color-prettylights-syntax-invalid-illegal-bg: #8e1519;
    --color-prettylights-syntax-carriage-return-text: #f0f6fc;
    --color-prettylights-syntax-carriage-return-bg: #b62324;
    --color-prettylights-syntax-string-regexp: #7ee787;
    --color-prettylights-syntax-markup-list: #f2cc60;
    --color-prettylights-syntax-markup-heading: #1f6feb;
    --color-prettylights-syntax-markup-italic: #f0f6fc;
    --color-prettylights-syntax-markup-bold: #f0f6fc;
    --color-prettylights-syntax-markup-deleted-text: #ffdcd7;
    --color-prettylights-syntax-markup-deleted-bg: #67060c;
    --color-prettylights-syntax-markup-inserted-text: #aff5b4;
    --color-prettylights-syntax-markup-inserted-bg: #033a16;
    --color-prettylights-syntax-markup-changed-text: #ffdfb6;
    --color-prettylights-syntax-markup-changed-bg: #5a1e02;
    --color-prettylights-syntax-markup-ignored-text: #f0f6fc;
    --color-prettylights-syntax-markup-ignored-bg: #1158c7;
    --color-prettylights-syntax-meta-diff-range: #d2a8ff;
    --color-prettylights-syntax-sublimelinter-gutter-mark: #3d444d;
    --shadow-inset: inset 0px 1px 0px 0px #0104093d;
    --shadow-resting-xsmall: 0px 1px 0px 0px #010409cc;
    --shadow-resting-small: 0px 1px 0px 0px #01040966;
    --shadow-resting-medium: 0px 3px 6px 0px #010409cc;
    --shadow-floating-small: 0px 0px 0px 1px #3d444d, 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
    --shadow-floating-medium: 0px 0px 0px 1px #3d444d, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966;
    --shadow-floating-large: 0px 0px 0px 1px #3d444d, 0px 24px 48px 0px #010409;
    --shadow-floating-xlarge: 0px 0px 0px 1px #3d444d, 0px 32px 64px 0px #010409;
    --shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
    --outline-focus: #1f6feb solid 2px;
  }
}
html {
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}

/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}

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

/* HTML5 display definitions
   ========================================================================== */
details,
figure,
footer,
header {
  display: block;
}

summary {
  display: list-item;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/* Embedded content
   ========================================================================== */
img,
picture {
  max-width: 100%;
  display: block;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change font properties to `inherit` in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
select,
textarea {
  font: inherit; /* 1 */
  margin: 0; /* 2 */
}

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

[data-color-mode=""], [data-color-mode=light] {
  --fgColor-emphasis: #111;
}

[data-color-mode=dark] {
  --fgColor-emphasis: #fff;
}

@media screen and (prefers-color-scheme: dark) {
  [data-color-mode=auto] {
    --fgColor-emphasis: #fff;
  }
}
@media screen and not (prefers-color-scheme: dark) {
  [data-color-mode=auto] {
    --fgColor-emphasis: #111;
  }
}
*,
*::before,
*::after {
  box-sizing: border-box;
}

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

body {
  font-size: var(--body-font-size, 14px);
  font-family: -apple-system, "Segoe UI", "Hiragino Sans", Meiryo, YuGothic, sans-serif;
  line-height: 1.5;
  min-height: 100vh;
  color: var(--fgColor-default);
  background-color: var(--bgColor-default);
}

a {
  color: var(--fgColor-saira-link, var(--fgColor-link, var(--fgColor-saira-link, var(--fgColor-link, hsl(229, 53%, 53%)))));
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
a.is-inverse {
  color: var(--bgColor-inverse, var(--fgColor-link, var(--fgColor-saira-link, var(--fgColor-link, hsl(229, 53%, 53%)))));
}

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

fieldset {
  padding: 0;
  margin: 0;
  border: 0;
}

label {
  font-weight: var(--base-text-weight-bold, 700);
}

::placeholder {
  color: var(--fgColor-muted);
  opacity: 1;
}

hr {
  height: 0;
  margin: 15px 0;
  overflow: hidden;
  background: transparent;
  border: 0;
  border-bottom: 1px solid var(--borderColor-muted);
}
hr::before {
  display: table;
  content: "";
}
hr::after {
  display: table;
  clear: both;
  content: "";
}

table {
  border-spacing: 0;
  border-collapse: collapse;
}

td,
th {
  padding: 0;
}

button {
  cursor: pointer;
  border-radius: 0;
}

[hidden][hidden] {
  display: none !important;
}

details summary {
  cursor: pointer;
}

a:focus,
button:focus,
[role=button]:focus,
input[type=radio]:focus,
input[type=checkbox]:focus {
  outline: 2px solid var(--focus-outlineColor);
  outline-offset: -2px;
  box-shadow: none;
}
a:focus:not(:focus-visible),
button:focus:not(:focus-visible),
[role=button]:focus:not(:focus-visible),
input[type=radio]:focus:not(:focus-visible),
input[type=checkbox]:focus:not(:focus-visible) {
  outline: solid 1px transparent;
}
a:focus-visible,
button:focus-visible,
[role=button]:focus-visible,
input[type=radio]:focus-visible,
input[type=checkbox]:focus-visible {
  outline: 2px solid var(--focus-outlineColor);
  outline-offset: -2px;
  box-shadow: none;
}

a:not([class]):focus, a:not([class]):focus-visible,
input[type=radio]:focus,
input[type=radio]:focus-visible,
input[type=checkbox]:focus,
input[type=checkbox]:focus-visible {
  outline-offset: 0;
}

@media (forced-colors: active) {
  *:focus,
  *:focus-visible {
    outline: solid 1px transparent;
  }
  input:not([type=radio], [type=checkbox]):focus, input:not([type=radio], [type=checkbox]):focus-visible,
  textarea:focus,
  textarea:focus-visible,
  select:focus,
  select:focus-visible {
    outline-offset: 2px;
  }
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: var(--base-text-weight-bold, 700);
}

h1 {
  font-size: var(--h1-size, 3rem);
}

h2 {
  font-size: var(--h2-size, 2.5rem);
}

h3 {
  font-size: var(--h3-size, 2rem);
}

h4 {
  font-size: var(--h4-size, 1.5rem);
}

h5 {
  font-size: var(--h5-size, 1.25rem);
}

h6 {
  font-size: var(--h6-size, 1rem);
}

p {
  margin-top: 0;
  margin-bottom: 10px;
}

small {
  font-size: 90%;
}

blockquote {
  margin: 0;
}

ul,
ol {
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
}

ol ol,
ul ol {
  list-style-type: lower-roman;
}

ul ul ol,
ul ol ol,
ol ul ol,
ol ol ol {
  list-style-type: lower-alpha;
}

dd {
  margin-left: 0;
}

tt,
code,
samp {
  font-family: var(--fontStack-monospace, ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace);
  font-size: 0.75rem;
}

pre {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--fontStack-monospace, ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace);
  font-size: 0.75rem;
}

:root,
[data-color-mode=light][data-light-theme*=light],
[data-color-mode=dark][data-dark-theme*=light] {
  color-scheme: light;
}

@media (prefers-color-scheme: light) {
  [data-color-mode=auto][data-light-theme*=light] {
    color-scheme: light;
  }
}
@media (prefers-color-scheme: dark) {
  [data-color-mode=auto][data-dark-theme*=light] {
    color-scheme: light;
  }
}
[data-color-mode=light][data-light-theme*=dark],
[data-color-mode=dark][data-dark-theme*=dark] {
  color-scheme: dark;
}

@media (prefers-color-scheme: light) {
  [data-color-mode=auto][data-light-theme*=dark] {
    color-scheme: dark;
  }
}
@media (prefers-color-scheme: dark) {
  [data-color-mode=auto][data-dark-theme*=dark] {
    color-scheme: dark;
  }
}
[data-color-mode] {
  color: var(--fgColor-default);
  background-color: var(--bgColor-default);
}

@media (forced-colors: active) {
  body {
    --color-accent-emphasis: Highlight;
    --color-fg-on-emphasis: LinkText;
    --fgColor-onEmphasis: LinkText;
    --fgColor-accent: Highlight;
  }
}
/* 
 * This comes from Primer Components
 * https://github.com/primer/view_components/blob/v0.2.0/app/components/primer/beta/border_box.pcss
 */
.box {
  background-color: var(--bgColor-default);
  border-color: var(--borderColor-default);
  border-style: solid;
  border-width: var(--borderWidth-thin, 1px);
  border-radius: var(--borderRadius-medium, 6px);
  position: relative;
  /* Children are derived from Bulma .card:
   *
   * https://github.com/jgthms/bulma/blob/0.9.4/sass/components/card.sass
   */
}
.box .box-header {
  align-items: stretch;
  display: flex;
}
.box .box-header .header-title {
  align-items: center;
  display: flex;
  flex-grow: 1;
  font-weight: var(--base-text-weight-semibold, 600);
  padding: 0.75em;
}
.box .box-header .header-icon {
  align-items: center;
  cursor: pointer;
  display: flex;
  justify-content: center;
  padding: 0.75em;
}
.box .box-footer {
  align-items: stretch;
  display: flex;
}
.box .box-footer .footer-item {
  align-items: center;
  display: flex;
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 0;
  justify-content: center;
  padding: 0.75em 0;
}

.button, a.button {
  user-select: none;
  background-color: transparent;
  border-style: solid;
  border-color: hsl(0, 0%, 80%);
  border-width: 1px;
  border-radius: 4px;
  color: var(--fgColor-default, hsl(0, 0%, 21%));
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.3rem;
  padding-bottom: calc(0.5em - 1px);
  padding-left: 1em;
  padding-right: 1em;
  padding-top: calc(0.5em - 1px);
  white-space: nowrap;
}
.button strong, a.button strong {
  color: inherit;
}
.button:hover, a.button:hover {
  border-color: hsl(0, 0%, 71%);
  color: hsl(0, 0%, 21%);
}
.button:focus, .button.is-focused, a.button:focus, a.button.is-focused {
  border-color: hsl(229, 53%, 53%);
  color: hsl(0, 0%, 21%);
}
.button:focus:not(:active), .button.is-focused:not(:active), a.button:focus:not(:active), a.button.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em color-mix(in srgb, var(--fgColor-saira-link, var(--fgColor-link, hsl(229, 53%, 53%))) 25%, transparent);
}
.button.is-primary, a.button.is-primary {
  background-color: var(--bgColor-primary, hsl(171, 100%, 41%));
  border-color: transparent;
  color: var(--fgColor-onInverse);
}
.button.is-primary:hover, a.button.is-primary:hover {
  background-color: color-mix(in srgb, var(--bgColor-primary, hsl(171, 100%, 41%)) 90%, transparent);
  border-color: transparent;
  color: var(--fgColor-onInverse);
}
.button.is-primary:focus, .button.is-primary.is-focused, a.button.is-primary:focus, a.button.is-primary.is-focused {
  border-color: transparent;
  color: var(--fgColor-onInverse);
}
.button.is-primary:focus:not(:active), .button.is-primary.is-focused:not(:active), a.button.is-primary:focus:not(:active), a.button.is-primary.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em color-mix(in srgb, var(--bgColor-primary, hsl(171, 100%, 41%)) 25%, transparent);
}
.button.is-primary[disabled], fieldset[disabled] .button.is-primary, a.button.is-primary[disabled], fieldset[disabled] a.button.is-primary {
  background-color: var(--bgColor-primary, hsl(171, 100%, 41%));
  border-color: transparent;
  box-shadow: none;
}
.button.is-primary.is-inverted, a.button.is-primary.is-inverted {
  background-color: var(--fgColor-onInverse);
  color: var(--bgColor-primary, hsl(171, 100%, 41%));
}
.button.is-primary.is-inverted:hover, a.button.is-primary.is-inverted:hover {
  background-color: color-mix(in srgb, var(--fgColor-onInverse) 90%, transparent);
}
.button.is-primary.is-inverted[disabled], fieldset[disabled] .button.is-primary.is-inverted, a.button.is-primary.is-inverted[disabled], fieldset[disabled] a.button.is-primary.is-inverted {
  background-color: var(--fgColor-onInverse);
  border-color: transparent;
  box-shadow: none;
  color: var(--bgColor-primary, hsl(171, 100%, 41%));
}
.button.is-primary.is-outlined, a.button.is-primary.is-outlined {
  background-color: transparent;
  border-color: var(--bgColor-primary, hsl(171, 100%, 41%));
  color: var(--bgColor-primary, hsl(171, 100%, 41%));
}
.button.is-primary.is-outlined:hover, .button.is-primary.is-outlined:focus, .button.is-primary.is-outlined.is-focused, a.button.is-primary.is-outlined:hover, a.button.is-primary.is-outlined:focus, a.button.is-primary.is-outlined.is-focused {
  background-color: var(--bgColor-primary, hsl(171, 100%, 41%));
  border-color: var(--bgColor-primary, hsl(171, 100%, 41%));
  color: var(--fgColor-onInverse);
}
.button.is-primary.is-outlined[disabled], fieldset[disabled] .button.is-primary.is-outlined, a.button.is-primary.is-outlined[disabled], fieldset[disabled] a.button.is-primary.is-outlined {
  background-color: transparent;
  border-color: var(--bgColor-primary, hsl(171, 100%, 41%));
  box-shadow: none;
  color: var(--bgColor-primary, hsl(171, 100%, 41%));
}
.button.is-primary.is-transparent, a.button.is-primary.is-transparent {
  background-color: transparent;
  border-color: transparent;
  color: var(--bgColor-primary, hsl(171, 100%, 41%));
}
.button.is-primary.is-transparent:hover, .button.is-primary.is-transparent:focus, .button.is-primary.is-transparent.is-focused, a.button.is-primary.is-transparent:hover, a.button.is-primary.is-transparent:focus, a.button.is-primary.is-transparent.is-focused {
  background-color: var(--bgColor-primary, hsl(171, 100%, 41%));
  border-color: transparent;
  color: var(--fgColor-onInverse);
}
.button.is-primary.is-transparent[disabled], fieldset[disabled] .button.is-primary.is-transparent, a.button.is-primary.is-transparent[disabled], fieldset[disabled] a.button.is-primary.is-transparent {
  background-color: transparent;
  border-color: var(--bgColor-primary, hsl(171, 100%, 41%));
  box-shadow: none;
  color: var(--bgColor-primary, hsl(171, 100%, 41%));
}
.button.is-link, a.button.is-link {
  background-color: var(--fgColor-link, var(--fgColor-saira-link, var(--fgColor-link, hsl(229, 53%, 53%))));
  border-color: transparent;
  color: var(--fgColor-onInverse);
}
.button.is-link:hover, a.button.is-link:hover {
  background-color: color-mix(in srgb, var(--fgColor-link, var(--fgColor-saira-link, var(--fgColor-link, hsl(229, 53%, 53%)))) 90%, transparent);
  border-color: transparent;
  color: var(--fgColor-onInverse);
}
.button.is-link:focus, .button.is-link.is-focused, a.button.is-link:focus, a.button.is-link.is-focused {
  border-color: transparent;
  color: var(--fgColor-onInverse);
}
.button.is-link:focus:not(:active), .button.is-link.is-focused:not(:active), a.button.is-link:focus:not(:active), a.button.is-link.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em color-mix(in srgb, var(--fgColor-link, var(--fgColor-saira-link, var(--fgColor-link, hsl(229, 53%, 53%)))) 25%, transparent);
}
.button.is-link[disabled], fieldset[disabled] .button.is-link, a.button.is-link[disabled], fieldset[disabled] a.button.is-link {
  background-color: var(--fgColor-link, var(--fgColor-saira-link, var(--fgColor-link, hsl(229, 53%, 53%))));
  border-color: transparent;
  box-shadow: none;
}
.button.is-link.is-inverted, a.button.is-link.is-inverted {
  background-color: var(--fgColor-onInverse);
  color: var(--fgColor-link, var(--fgColor-saira-link, var(--fgColor-link, hsl(229, 53%, 53%))));
}
.button.is-link.is-inverted:hover, a.button.is-link.is-inverted:hover {
  background-color: color-mix(in srgb, var(--fgColor-onInverse) 90%, transparent);
}
.button.is-link.is-inverted[disabled], fieldset[disabled] .button.is-link.is-inverted, a.button.is-link.is-inverted[disabled], fieldset[disabled] a.button.is-link.is-inverted {
  background-color: var(--fgColor-onInverse);
  border-color: transparent;
  box-shadow: none;
  color: var(--fgColor-link, var(--fgColor-saira-link, var(--fgColor-link, hsl(229, 53%, 53%))));
}
.button.is-link.is-outlined, a.button.is-link.is-outlined {
  background-color: transparent;
  border-color: var(--fgColor-link, var(--fgColor-saira-link, var(--fgColor-link, hsl(229, 53%, 53%))));
  color: var(--fgColor-link, var(--fgColor-saira-link, var(--fgColor-link, hsl(229, 53%, 53%))));
}
.button.is-link.is-outlined:hover, .button.is-link.is-outlined:focus, .button.is-link.is-outlined.is-focused, a.button.is-link.is-outlined:hover, a.button.is-link.is-outlined:focus, a.button.is-link.is-outlined.is-focused {
  background-color: var(--fgColor-link, var(--fgColor-saira-link, var(--fgColor-link, hsl(229, 53%, 53%))));
  border-color: var(--fgColor-link, var(--fgColor-saira-link, var(--fgColor-link, hsl(229, 53%, 53%))));
  color: var(--fgColor-onInverse);
}
.button.is-link.is-outlined[disabled], fieldset[disabled] .button.is-link.is-outlined, a.button.is-link.is-outlined[disabled], fieldset[disabled] a.button.is-link.is-outlined {
  background-color: transparent;
  border-color: var(--fgColor-link, var(--fgColor-saira-link, var(--fgColor-link, hsl(229, 53%, 53%))));
  box-shadow: none;
  color: var(--fgColor-link, var(--fgColor-saira-link, var(--fgColor-link, hsl(229, 53%, 53%))));
}
.button.is-link.is-transparent, a.button.is-link.is-transparent {
  background-color: transparent;
  border-color: transparent;
  color: var(--fgColor-link, var(--fgColor-saira-link, var(--fgColor-link, hsl(229, 53%, 53%))));
}
.button.is-link.is-transparent:hover, .button.is-link.is-transparent:focus, .button.is-link.is-transparent.is-focused, a.button.is-link.is-transparent:hover, a.button.is-link.is-transparent:focus, a.button.is-link.is-transparent.is-focused {
  background-color: var(--fgColor-link, var(--fgColor-saira-link, var(--fgColor-link, hsl(229, 53%, 53%))));
  border-color: transparent;
  color: var(--fgColor-onInverse);
}
.button.is-link.is-transparent[disabled], fieldset[disabled] .button.is-link.is-transparent, a.button.is-link.is-transparent[disabled], fieldset[disabled] a.button.is-link.is-transparent {
  background-color: transparent;
  border-color: var(--fgColor-link, var(--fgColor-saira-link, var(--fgColor-link, hsl(229, 53%, 53%))));
  box-shadow: none;
  color: var(--fgColor-link, var(--fgColor-saira-link, var(--fgColor-link, hsl(229, 53%, 53%))));
}
.button.is-info, a.button.is-info {
  background-color: var(--bgColor-accent-emphasis);
  border-color: transparent;
  color: var(--fgColor-onInverse);
}
.button.is-info:hover, a.button.is-info:hover {
  background-color: color-mix(in srgb, var(--bgColor-accent-emphasis) 90%, transparent);
  border-color: transparent;
  color: var(--fgColor-onInverse);
}
.button.is-info:focus, .button.is-info.is-focused, a.button.is-info:focus, a.button.is-info.is-focused {
  border-color: transparent;
  color: var(--fgColor-onInverse);
}
.button.is-info:focus:not(:active), .button.is-info.is-focused:not(:active), a.button.is-info:focus:not(:active), a.button.is-info.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em color-mix(in srgb, var(--bgColor-accent-emphasis) 25%, transparent);
}
.button.is-info[disabled], fieldset[disabled] .button.is-info, a.button.is-info[disabled], fieldset[disabled] a.button.is-info {
  background-color: var(--bgColor-accent-emphasis);
  border-color: transparent;
  box-shadow: none;
}
.button.is-info.is-inverted, a.button.is-info.is-inverted {
  background-color: var(--fgColor-onInverse);
  color: var(--bgColor-accent-emphasis);
}
.button.is-info.is-inverted:hover, a.button.is-info.is-inverted:hover {
  background-color: color-mix(in srgb, var(--fgColor-onInverse) 90%, transparent);
}
.button.is-info.is-inverted[disabled], fieldset[disabled] .button.is-info.is-inverted, a.button.is-info.is-inverted[disabled], fieldset[disabled] a.button.is-info.is-inverted {
  background-color: var(--fgColor-onInverse);
  border-color: transparent;
  box-shadow: none;
  color: var(--bgColor-accent-emphasis);
}
.button.is-info.is-outlined, a.button.is-info.is-outlined {
  background-color: transparent;
  border-color: var(--bgColor-accent-emphasis);
  color: var(--bgColor-accent-emphasis);
}
.button.is-info.is-outlined:hover, .button.is-info.is-outlined:focus, .button.is-info.is-outlined.is-focused, a.button.is-info.is-outlined:hover, a.button.is-info.is-outlined:focus, a.button.is-info.is-outlined.is-focused {
  background-color: var(--bgColor-accent-emphasis);
  border-color: var(--bgColor-accent-emphasis);
  color: var(--fgColor-onInverse);
}
.button.is-info.is-outlined[disabled], fieldset[disabled] .button.is-info.is-outlined, a.button.is-info.is-outlined[disabled], fieldset[disabled] a.button.is-info.is-outlined {
  background-color: transparent;
  border-color: var(--bgColor-accent-emphasis);
  box-shadow: none;
  color: var(--bgColor-accent-emphasis);
}
.button.is-info.is-transparent, a.button.is-info.is-transparent {
  background-color: transparent;
  border-color: transparent;
  color: var(--bgColor-accent-emphasis);
}
.button.is-info.is-transparent:hover, .button.is-info.is-transparent:focus, .button.is-info.is-transparent.is-focused, a.button.is-info.is-transparent:hover, a.button.is-info.is-transparent:focus, a.button.is-info.is-transparent.is-focused {
  background-color: var(--bgColor-accent-emphasis);
  border-color: transparent;
  color: var(--fgColor-onInverse);
}
.button.is-info.is-transparent[disabled], fieldset[disabled] .button.is-info.is-transparent, a.button.is-info.is-transparent[disabled], fieldset[disabled] a.button.is-info.is-transparent {
  background-color: transparent;
  border-color: var(--bgColor-accent-emphasis);
  box-shadow: none;
  color: var(--bgColor-accent-emphasis);
}
.button.is-success, a.button.is-success {
  background-color: var(--bgColor-success-emphasis);
  border-color: transparent;
  color: var(--fgColor-onInverse);
}
.button.is-success:hover, a.button.is-success:hover {
  background-color: color-mix(in srgb, var(--bgColor-success-emphasis) 90%, transparent);
  border-color: transparent;
  color: var(--fgColor-onInverse);
}
.button.is-success:focus, .button.is-success.is-focused, a.button.is-success:focus, a.button.is-success.is-focused {
  border-color: transparent;
  color: var(--fgColor-onInverse);
}
.button.is-success:focus:not(:active), .button.is-success.is-focused:not(:active), a.button.is-success:focus:not(:active), a.button.is-success.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em color-mix(in srgb, var(--bgColor-success-emphasis) 25%, transparent);
}
.button.is-success[disabled], fieldset[disabled] .button.is-success, a.button.is-success[disabled], fieldset[disabled] a.button.is-success {
  background-color: var(--bgColor-success-emphasis);
  border-color: transparent;
  box-shadow: none;
}
.button.is-success.is-inverted, a.button.is-success.is-inverted {
  background-color: var(--fgColor-onInverse);
  color: var(--bgColor-success-emphasis);
}
.button.is-success.is-inverted:hover, a.button.is-success.is-inverted:hover {
  background-color: color-mix(in srgb, var(--fgColor-onInverse) 90%, transparent);
}
.button.is-success.is-inverted[disabled], fieldset[disabled] .button.is-success.is-inverted, a.button.is-success.is-inverted[disabled], fieldset[disabled] a.button.is-success.is-inverted {
  background-color: var(--fgColor-onInverse);
  border-color: transparent;
  box-shadow: none;
  color: var(--bgColor-success-emphasis);
}
.button.is-success.is-outlined, a.button.is-success.is-outlined {
  background-color: transparent;
  border-color: var(--bgColor-success-emphasis);
  color: var(--bgColor-success-emphasis);
}
.button.is-success.is-outlined:hover, .button.is-success.is-outlined:focus, .button.is-success.is-outlined.is-focused, a.button.is-success.is-outlined:hover, a.button.is-success.is-outlined:focus, a.button.is-success.is-outlined.is-focused {
  background-color: var(--bgColor-success-emphasis);
  border-color: var(--bgColor-success-emphasis);
  color: var(--fgColor-onInverse);
}
.button.is-success.is-outlined[disabled], fieldset[disabled] .button.is-success.is-outlined, a.button.is-success.is-outlined[disabled], fieldset[disabled] a.button.is-success.is-outlined {
  background-color: transparent;
  border-color: var(--bgColor-success-emphasis);
  box-shadow: none;
  color: var(--bgColor-success-emphasis);
}
.button.is-success.is-transparent, a.button.is-success.is-transparent {
  background-color: transparent;
  border-color: transparent;
  color: var(--bgColor-success-emphasis);
}
.button.is-success.is-transparent:hover, .button.is-success.is-transparent:focus, .button.is-success.is-transparent.is-focused, a.button.is-success.is-transparent:hover, a.button.is-success.is-transparent:focus, a.button.is-success.is-transparent.is-focused {
  background-color: var(--bgColor-success-emphasis);
  border-color: transparent;
  color: var(--fgColor-onInverse);
}
.button.is-success.is-transparent[disabled], fieldset[disabled] .button.is-success.is-transparent, a.button.is-success.is-transparent[disabled], fieldset[disabled] a.button.is-success.is-transparent {
  background-color: transparent;
  border-color: var(--bgColor-success-emphasis);
  box-shadow: none;
  color: var(--bgColor-success-emphasis);
}
.button.is-warning, a.button.is-warning {
  background-color: var(--bgColor-attention-emphasis);
  border-color: transparent;
  color: var(--fgColor-onInverse);
}
.button.is-warning:hover, a.button.is-warning:hover {
  background-color: color-mix(in srgb, var(--bgColor-attention-emphasis) 90%, transparent);
  border-color: transparent;
  color: var(--fgColor-onInverse);
}
.button.is-warning:focus, .button.is-warning.is-focused, a.button.is-warning:focus, a.button.is-warning.is-focused {
  border-color: transparent;
  color: var(--fgColor-onInverse);
}
.button.is-warning:focus:not(:active), .button.is-warning.is-focused:not(:active), a.button.is-warning:focus:not(:active), a.button.is-warning.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em color-mix(in srgb, var(--bgColor-attention-emphasis) 25%, transparent);
}
.button.is-warning[disabled], fieldset[disabled] .button.is-warning, a.button.is-warning[disabled], fieldset[disabled] a.button.is-warning {
  background-color: var(--bgColor-attention-emphasis);
  border-color: transparent;
  box-shadow: none;
}
.button.is-warning.is-inverted, a.button.is-warning.is-inverted {
  background-color: var(--fgColor-onInverse);
  color: var(--bgColor-attention-emphasis);
}
.button.is-warning.is-inverted:hover, a.button.is-warning.is-inverted:hover {
  background-color: color-mix(in srgb, var(--fgColor-onInverse) 90%, transparent);
}
.button.is-warning.is-inverted[disabled], fieldset[disabled] .button.is-warning.is-inverted, a.button.is-warning.is-inverted[disabled], fieldset[disabled] a.button.is-warning.is-inverted {
  background-color: var(--fgColor-onInverse);
  border-color: transparent;
  box-shadow: none;
  color: var(--bgColor-attention-emphasis);
}
.button.is-warning.is-outlined, a.button.is-warning.is-outlined {
  background-color: transparent;
  border-color: var(--bgColor-attention-emphasis);
  color: var(--bgColor-attention-emphasis);
}
.button.is-warning.is-outlined:hover, .button.is-warning.is-outlined:focus, .button.is-warning.is-outlined.is-focused, a.button.is-warning.is-outlined:hover, a.button.is-warning.is-outlined:focus, a.button.is-warning.is-outlined.is-focused {
  background-color: var(--bgColor-attention-emphasis);
  border-color: var(--bgColor-attention-emphasis);
  color: var(--fgColor-onInverse);
}
.button.is-warning.is-outlined[disabled], fieldset[disabled] .button.is-warning.is-outlined, a.button.is-warning.is-outlined[disabled], fieldset[disabled] a.button.is-warning.is-outlined {
  background-color: transparent;
  border-color: var(--bgColor-attention-emphasis);
  box-shadow: none;
  color: var(--bgColor-attention-emphasis);
}
.button.is-warning.is-transparent, a.button.is-warning.is-transparent {
  background-color: transparent;
  border-color: transparent;
  color: var(--bgColor-attention-emphasis);
}
.button.is-warning.is-transparent:hover, .button.is-warning.is-transparent:focus, .button.is-warning.is-transparent.is-focused, a.button.is-warning.is-transparent:hover, a.button.is-warning.is-transparent:focus, a.button.is-warning.is-transparent.is-focused {
  background-color: var(--bgColor-attention-emphasis);
  border-color: transparent;
  color: var(--fgColor-onInverse);
}
.button.is-warning.is-transparent[disabled], fieldset[disabled] .button.is-warning.is-transparent, a.button.is-warning.is-transparent[disabled], fieldset[disabled] a.button.is-warning.is-transparent {
  background-color: transparent;
  border-color: var(--bgColor-attention-emphasis);
  box-shadow: none;
  color: var(--bgColor-attention-emphasis);
}
.button.is-danger, a.button.is-danger {
  background-color: var(--bgColor-danger-emphasis);
  border-color: transparent;
  color: var(--fgColor-onInverse);
}
.button.is-danger:hover, a.button.is-danger:hover {
  background-color: color-mix(in srgb, var(--bgColor-danger-emphasis) 90%, transparent);
  border-color: transparent;
  color: var(--fgColor-onInverse);
}
.button.is-danger:focus, .button.is-danger.is-focused, a.button.is-danger:focus, a.button.is-danger.is-focused {
  border-color: transparent;
  color: var(--fgColor-onInverse);
}
.button.is-danger:focus:not(:active), .button.is-danger.is-focused:not(:active), a.button.is-danger:focus:not(:active), a.button.is-danger.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em color-mix(in srgb, var(--bgColor-danger-emphasis) 25%, transparent);
}
.button.is-danger[disabled], fieldset[disabled] .button.is-danger, a.button.is-danger[disabled], fieldset[disabled] a.button.is-danger {
  background-color: var(--bgColor-danger-emphasis);
  border-color: transparent;
  box-shadow: none;
}
.button.is-danger.is-inverted, a.button.is-danger.is-inverted {
  background-color: var(--fgColor-onInverse);
  color: var(--bgColor-danger-emphasis);
}
.button.is-danger.is-inverted:hover, a.button.is-danger.is-inverted:hover {
  background-color: color-mix(in srgb, var(--fgColor-onInverse) 90%, transparent);
}
.button.is-danger.is-inverted[disabled], fieldset[disabled] .button.is-danger.is-inverted, a.button.is-danger.is-inverted[disabled], fieldset[disabled] a.button.is-danger.is-inverted {
  background-color: var(--fgColor-onInverse);
  border-color: transparent;
  box-shadow: none;
  color: var(--bgColor-danger-emphasis);
}
.button.is-danger.is-outlined, a.button.is-danger.is-outlined {
  background-color: transparent;
  border-color: var(--bgColor-danger-emphasis);
  color: var(--bgColor-danger-emphasis);
}
.button.is-danger.is-outlined:hover, .button.is-danger.is-outlined:focus, .button.is-danger.is-outlined.is-focused, a.button.is-danger.is-outlined:hover, a.button.is-danger.is-outlined:focus, a.button.is-danger.is-outlined.is-focused {
  background-color: var(--bgColor-danger-emphasis);
  border-color: var(--bgColor-danger-emphasis);
  color: var(--fgColor-onInverse);
}
.button.is-danger.is-outlined[disabled], fieldset[disabled] .button.is-danger.is-outlined, a.button.is-danger.is-outlined[disabled], fieldset[disabled] a.button.is-danger.is-outlined {
  background-color: transparent;
  border-color: var(--bgColor-danger-emphasis);
  box-shadow: none;
  color: var(--bgColor-danger-emphasis);
}
.button.is-danger.is-transparent, a.button.is-danger.is-transparent {
  background-color: transparent;
  border-color: transparent;
  color: var(--bgColor-danger-emphasis);
}
.button.is-danger.is-transparent:hover, .button.is-danger.is-transparent:focus, .button.is-danger.is-transparent.is-focused, a.button.is-danger.is-transparent:hover, a.button.is-danger.is-transparent:focus, a.button.is-danger.is-transparent.is-focused {
  background-color: var(--bgColor-danger-emphasis);
  border-color: transparent;
  color: var(--fgColor-onInverse);
}
.button.is-danger.is-transparent[disabled], fieldset[disabled] .button.is-danger.is-transparent, a.button.is-danger.is-transparent[disabled], fieldset[disabled] a.button.is-danger.is-transparent {
  background-color: transparent;
  border-color: var(--bgColor-danger-emphasis);
  box-shadow: none;
  color: var(--bgColor-danger-emphasis);
}
.button.is-black, a.button.is-black {
  background-color: #111;
  border-color: transparent;
  color: #fff;
}
.button.is-black:hover, a.button.is-black:hover {
  background-color: color-mix(in srgb, #111 90%, transparent);
  border-color: transparent;
  color: #fff;
}
.button.is-black:focus, .button.is-black.is-focused, a.button.is-black:focus, a.button.is-black.is-focused {
  border-color: transparent;
  color: #fff;
}
.button.is-black:focus:not(:active), .button.is-black.is-focused:not(:active), a.button.is-black:focus:not(:active), a.button.is-black.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em color-mix(in srgb, #111 25%, transparent);
}
.button.is-black[disabled], fieldset[disabled] .button.is-black, a.button.is-black[disabled], fieldset[disabled] a.button.is-black {
  background-color: #111;
  border-color: transparent;
  box-shadow: none;
}
.button.is-black.is-inverted, a.button.is-black.is-inverted {
  background-color: #fff;
  color: #111;
}
.button.is-black.is-inverted:hover, a.button.is-black.is-inverted:hover {
  background-color: color-mix(in srgb, #fff 90%, transparent);
}
.button.is-black.is-inverted[disabled], fieldset[disabled] .button.is-black.is-inverted, a.button.is-black.is-inverted[disabled], fieldset[disabled] a.button.is-black.is-inverted {
  background-color: #fff;
  border-color: transparent;
  box-shadow: none;
  color: #111;
}
.button.is-black.is-outlined, a.button.is-black.is-outlined {
  background-color: transparent;
  border-color: #111;
  color: #111;
}
.button.is-black.is-outlined:hover, .button.is-black.is-outlined:focus, .button.is-black.is-outlined.is-focused, a.button.is-black.is-outlined:hover, a.button.is-black.is-outlined:focus, a.button.is-black.is-outlined.is-focused {
  background-color: #111;
  border-color: #111;
  color: #fff;
}
.button.is-black.is-outlined[disabled], fieldset[disabled] .button.is-black.is-outlined, a.button.is-black.is-outlined[disabled], fieldset[disabled] a.button.is-black.is-outlined {
  background-color: transparent;
  border-color: #111;
  box-shadow: none;
  color: #111;
}
.button.is-black.is-transparent, a.button.is-black.is-transparent {
  background-color: transparent;
  border-color: transparent;
  color: #111;
}
.button.is-black.is-transparent:hover, .button.is-black.is-transparent:focus, .button.is-black.is-transparent.is-focused, a.button.is-black.is-transparent:hover, a.button.is-black.is-transparent:focus, a.button.is-black.is-transparent.is-focused {
  background-color: #111;
  border-color: transparent;
  color: #fff;
}
.button.is-black.is-transparent[disabled], fieldset[disabled] .button.is-black.is-transparent, a.button.is-black.is-transparent[disabled], fieldset[disabled] a.button.is-black.is-transparent {
  background-color: transparent;
  border-color: #111;
  box-shadow: none;
  color: #111;
}
.button.is-white, a.button.is-white {
  background-color: #fff;
  border-color: transparent;
  color: #111;
}
.button.is-white:hover, a.button.is-white:hover {
  background-color: color-mix(in srgb, #fff 90%, transparent);
  border-color: transparent;
  color: #111;
}
.button.is-white:focus, .button.is-white.is-focused, a.button.is-white:focus, a.button.is-white.is-focused {
  border-color: transparent;
  color: #111;
}
.button.is-white:focus:not(:active), .button.is-white.is-focused:not(:active), a.button.is-white:focus:not(:active), a.button.is-white.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em color-mix(in srgb, #fff 25%, transparent);
}
.button.is-white[disabled], fieldset[disabled] .button.is-white, a.button.is-white[disabled], fieldset[disabled] a.button.is-white {
  background-color: #fff;
  border-color: transparent;
  box-shadow: none;
}
.button.is-white.is-inverted, a.button.is-white.is-inverted {
  background-color: #111;
  color: #fff;
}
.button.is-white.is-inverted:hover, a.button.is-white.is-inverted:hover {
  background-color: color-mix(in srgb, #111 90%, transparent);
}
.button.is-white.is-inverted[disabled], fieldset[disabled] .button.is-white.is-inverted, a.button.is-white.is-inverted[disabled], fieldset[disabled] a.button.is-white.is-inverted {
  background-color: #111;
  border-color: transparent;
  box-shadow: none;
  color: #fff;
}
.button.is-white.is-outlined, a.button.is-white.is-outlined {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}
.button.is-white.is-outlined:hover, .button.is-white.is-outlined:focus, .button.is-white.is-outlined.is-focused, a.button.is-white.is-outlined:hover, a.button.is-white.is-outlined:focus, a.button.is-white.is-outlined.is-focused {
  background-color: #fff;
  border-color: #fff;
  color: #111;
}
.button.is-white.is-outlined[disabled], fieldset[disabled] .button.is-white.is-outlined, a.button.is-white.is-outlined[disabled], fieldset[disabled] a.button.is-white.is-outlined {
  background-color: transparent;
  border-color: #fff;
  box-shadow: none;
  color: #fff;
}
.button.is-white.is-transparent, a.button.is-white.is-transparent {
  background-color: transparent;
  border-color: transparent;
  color: #fff;
}
.button.is-white.is-transparent:hover, .button.is-white.is-transparent:focus, .button.is-white.is-transparent.is-focused, a.button.is-white.is-transparent:hover, a.button.is-white.is-transparent:focus, a.button.is-white.is-transparent.is-focused {
  background-color: #fff;
  border-color: transparent;
  color: #111;
}
.button.is-white.is-transparent[disabled], fieldset[disabled] .button.is-white.is-transparent, a.button.is-white.is-transparent[disabled], fieldset[disabled] a.button.is-white.is-transparent {
  background-color: transparent;
  border-color: #fff;
  box-shadow: none;
  color: #fff;
}
.button.is-inverse, a.button.is-inverse {
  background-color: var(--bgColor-inverse);
  border-color: transparent;
  color: var(--fgColor-onInverse);
}
.button.is-inverse:hover, a.button.is-inverse:hover {
  background-color: color-mix(in srgb, var(--bgColor-inverse) 90%, transparent);
  border-color: transparent;
  color: var(--fgColor-onInverse);
}
.button.is-inverse:focus, .button.is-inverse.is-focused, a.button.is-inverse:focus, a.button.is-inverse.is-focused {
  border-color: transparent;
  color: var(--fgColor-onInverse);
}
.button.is-inverse:focus:not(:active), .button.is-inverse.is-focused:not(:active), a.button.is-inverse:focus:not(:active), a.button.is-inverse.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em color-mix(in srgb, var(--bgColor-inverse) 25%, transparent);
}
.button.is-inverse[disabled], fieldset[disabled] .button.is-inverse, a.button.is-inverse[disabled], fieldset[disabled] a.button.is-inverse {
  background-color: var(--bgColor-inverse);
  border-color: transparent;
  box-shadow: none;
}
.button.is-inverse.is-inverted, a.button.is-inverse.is-inverted {
  background-color: var(--fgColor-onInverse);
  color: var(--bgColor-inverse);
}
.button.is-inverse.is-inverted:hover, a.button.is-inverse.is-inverted:hover {
  background-color: color-mix(in srgb, var(--fgColor-onInverse) 90%, transparent);
}
.button.is-inverse.is-inverted[disabled], fieldset[disabled] .button.is-inverse.is-inverted, a.button.is-inverse.is-inverted[disabled], fieldset[disabled] a.button.is-inverse.is-inverted {
  background-color: var(--fgColor-onInverse);
  border-color: transparent;
  box-shadow: none;
  color: var(--bgColor-inverse);
}
.button.is-inverse.is-outlined, a.button.is-inverse.is-outlined {
  background-color: transparent;
  border-color: var(--bgColor-inverse);
  color: var(--bgColor-inverse);
}
.button.is-inverse.is-outlined:hover, .button.is-inverse.is-outlined:focus, .button.is-inverse.is-outlined.is-focused, a.button.is-inverse.is-outlined:hover, a.button.is-inverse.is-outlined:focus, a.button.is-inverse.is-outlined.is-focused {
  background-color: var(--bgColor-inverse);
  border-color: var(--bgColor-inverse);
  color: var(--fgColor-onInverse);
}
.button.is-inverse.is-outlined[disabled], fieldset[disabled] .button.is-inverse.is-outlined, a.button.is-inverse.is-outlined[disabled], fieldset[disabled] a.button.is-inverse.is-outlined {
  background-color: transparent;
  border-color: var(--bgColor-inverse);
  box-shadow: none;
  color: var(--bgColor-inverse);
}
.button.is-inverse.is-transparent, a.button.is-inverse.is-transparent {
  background-color: transparent;
  border-color: transparent;
  color: var(--bgColor-inverse);
}
.button.is-inverse.is-transparent:hover, .button.is-inverse.is-transparent:focus, .button.is-inverse.is-transparent.is-focused, a.button.is-inverse.is-transparent:hover, a.button.is-inverse.is-transparent:focus, a.button.is-inverse.is-transparent.is-focused {
  background-color: var(--bgColor-inverse);
  border-color: transparent;
  color: var(--fgColor-onInverse);
}
.button.is-inverse.is-transparent[disabled], fieldset[disabled] .button.is-inverse.is-transparent, a.button.is-inverse.is-transparent[disabled], fieldset[disabled] a.button.is-inverse.is-transparent {
  background-color: transparent;
  border-color: var(--bgColor-inverse);
  box-shadow: none;
  color: var(--bgColor-inverse);
}
.button.is-black, a.button.is-black {
  border: solid 1px #888;
}
.button.is-small, a.button.is-small {
  font-size: 0.75rem;
}
.button.is-small:not(.is-rounded), a.button.is-small:not(.is-rounded) {
  border-radius: 2px;
}
.button.is-normal, a.button.is-normal {
  font-size: 1rem;
}
.button.is-medium, a.button.is-medium {
  font-size: 1.25rem;
}
.button.is-large, a.button.is-large {
  font-size: 1.5rem;
}
.button[disabled], fieldset[disabled] .button, a.button[disabled], fieldset[disabled] a.button {
  background-color: hsl(0, 0%, 100%);
  border-color: hsl(0, 0%, 80%);
  box-shadow: none;
  opacity: 0.5;
}
.button.is-fullwidth, a.button.is-fullwidth {
  display: flex;
  width: 100%;
}
.button.is-rounded, a.button.is-rounded {
  border-radius: 9999px;
  padding-left: calc(1em + 0.25em);
  padding-right: calc(1em + 0.25em);
}

.icon {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  height: 1.5rem;
  width: 1.5rem;
}

.icon-text {
  align-items: flex-start;
  color: inherit;
  display: inline-flex;
  flex-wrap: wrap;
  line-height: 1.5rem;
  vertical-align: top;
}
.icon-text .icon {
  flex-grow: 0;
  flex-shrink: 0;
}
.icon-text .icon:not(:last-child) {
  margin-right: 0.25em;
}
.icon-text .icon:not(:first-child) {
  margin-left: 0.25em;
}

div.icon-text {
  display: flex;
}

.image {
  display: block;
  position: relative;
}
.image img.is-rounded {
  border-radius: 9999px;
}
.image img,
.image .has-ratio {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  height: 100%;
  width: 100%;
}
.image.is-fullwidth {
  width: 100%;
}
.image.is-fullwidth img {
  display: block;
  height: auto;
  width: 100%;
}
.image .contain {
  object-fit: contain;
}
.image .cover {
  object-fit: cover;
}
.image.is-square {
  aspect-ratio: 1;
}
.image.is-1by1 {
  aspect-ratio: 1/1;
}
.image.is-5by4 {
  aspect-ratio: 5/4;
}
.image.is-4by3 {
  aspect-ratio: 4/3;
}
.image.is-3by2 {
  aspect-ratio: 3/2;
}
.image.is-5by3 {
  aspect-ratio: 5/3;
}
.image.is-16by9 {
  aspect-ratio: 16/9;
}
.image.is-2by1 {
  aspect-ratio: 2/1;
}
.image.is-3by1 {
  aspect-ratio: 3/1;
}
.image.is-4by5 {
  aspect-ratio: 4/5;
}
.image.is-3by4 {
  aspect-ratio: 3/4;
}
.image.is-2by3 {
  aspect-ratio: 2/3;
}
.image.is-3by5 {
  aspect-ratio: 3/5;
}
.image.is-9by16 {
  aspect-ratio: 9/16;
}
.image.is-1by2 {
  aspect-ratio: 1/2;
}
.image.is-1by3 {
  aspect-ratio: 1/3;
}
.image.is-16x16 {
  height: 16px;
  width: 16px;
}
.image.is-24x24 {
  height: 24px;
  width: 24px;
}
.image.is-32x32 {
  height: 32px;
  width: 32px;
}
.image.is-48x48 {
  height: 48px;
  width: 48px;
}
.image.is-64x64 {
  height: 64px;
  width: 64px;
}
.image.is-96x96 {
  height: 96px;
  width: 96px;
}
.image.is-128x128 {
  height: 128px;
  width: 128px;
}

.notification {
  color: var(--fgColor-default, hsl(0, 0%, 29%));
  background-color: var(--overlay-bgColor);
  border-radius: 4px;
  position: relative;
  padding: 1.25rem 2.5rem 1.25rem 1.5rem;
}
.notification:not(:last-child) {
  margin-bottom: 1.5rem;
}
.notification a:not(.button):not(.dropdown-item) {
  color: currentColor;
  text-decoration: underline;
}
.notification strong {
  color: currentColor;
}
.notification code,
.notification pre {
  background: var(--bgColor-default);
}
.notification pre code {
  background: transparent;
}
.notification .title,
.notification .subtitle,
.notification .content {
  color: currentColor;
}
.notification.is-info {
  background-color: var(--bgColor-accent-muted);
}
.notification.is-info strong, .notification.is-info i {
  color: var(--fgColor-accent);
}
.notification.is-success {
  background-color: var(--bgColor-success-muted);
}
.notification.is-success strong, .notification.is-success i {
  color: var(--fgColor-success);
}
.notification.is-warning {
  background-color: var(--bgColor-attention-muted);
}
.notification.is-warning strong, .notification.is-warning i {
  color: var(--fgColor-attention);
}
.notification.is-danger {
  background-color: var(--bgColor-danger-muted);
}
.notification.is-danger strong, .notification.is-danger i {
  color: var(--fgColor-danger);
}

.table {
  background-color: transparent;
}
.table:not(:last-child) {
  margin-bottom: 1.5rem;
}
.table td, .table th {
  border: 1px solid var(--borderColor-default);
  border-width: 0 0 1px;
  padding: 0.5em 0.75em;
  vertical-align: top;
}
.table td.is-narrow, .table th.is-narrow {
  white-space: nowrap;
  width: 1%;
}
.table td.is-selected, .table th.is-selected {
  background-color: var(--bgColor-primary, hsl(171, 100%, 41%));
  color: var(--fgColor-onInverse);
}
.table td.is-selected a, .table td.is-selected strong, .table th.is-selected a, .table th.is-selected strong {
  color: currentColor;
}
.table td.is-vcentered, .table th.is-vcentered {
  vertical-align: middle;
}
.table th {
  color: var(--fgColor-default);
}
.table th:not([align]) {
  text-align: left;
}
.table tr.is-selected {
  background-color: var(--bgColor-primary, hsl(171, 100%, 41%));
  color: var(--fgColor-onInverse);
}
.table tr.is-selected a, .table tr.is-selected strong {
  color: currentColor;
}
.table tr.is-selected td, .table tr.is-selected th {
  border-color: var(--fgColor-onInverse);
  color: currentColor;
}
.table thead {
  background-color: transparent;
}
.table thead td, .table thead th {
  border-width: 0 0 2px;
  color: var(--fgColor-default);
}
.table tfoot {
  background-color: transparent;
}
.table tfoot td, .table tfoot th {
  border-width: 2px 0 0;
  color: var(--fgColor-default);
}
.table tbody {
  background-color: transparent;
}
.table tbody tr:last-child td, .table tbody tr:last-child th {
  border-bottom-width: 0;
}
.table.is-bordered td, .table.is-bordered th {
  border-width: 1px;
}
.table.is-bordered tr:last-child td, .table.is-bordered tr:last-child th {
  border-bottom-width: 1px;
}
.table.is-fullwidth {
  width: 100%;
}
.table.is-hoverable tbody tr:not(.is-selected):hover {
  background-color: rgba(128, 128, 128, 0.05);
}
.table.is-hoverable.is-striped tbody tr:not(.is-selected):hover {
  background-color: rgba(128, 128, 128, 0.05);
}
.table.is-hoverable.is-striped tbody tr:not(.is-selected):hover:nth-child(even) {
  background-color: rgba(128, 128, 128, 0.1);
}
.table.is-narrow td, .table.is-narrow th {
  padding: 0.25em 0.5em;
}
.table.is-striped tbody tr:not(.is-selected):nth-child(even) {
  background-color: rgba(128, 128, 128, 0.05);
}

.table-container {
  overflow: auto;
  overflow-y: hidden;
  max-width: 100%;
}
.table-container:not(:last-child) {
  margin-bottom: 1.5rem;
}

.tags {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.tags .tag {
  margin-bottom: 0.5rem;
}
.tags .tag:not(:last-child) {
  margin-right: 0.5rem;
}
.tags:last-child {
  margin-bottom: -0.5rem;
}
.tags:not(:last-child) {
  margin-bottom: 1rem;
}
.tags.are-medium .tag:not(.is-normal):not(.is-large) {
  font-size: 1rem;
}
.tags.are-large .tag:not(.is-normal):not(.is-medium) {
  font-size: 1.25rem;
}
.tags.is-centered {
  justify-content: center;
}
.tags.is-centered .tag {
  margin-right: 0.25rem;
  margin-left: 0.25rem;
}
.tags.is-right {
  justify-content: flex-end;
}
.tags.is-right .tag:not(:first-child) {
  margin-left: 0.5rem;
}
.tags.is-right .tag:not(:last-child) {
  margin-right: 0;
}
.tags.has-addons .tag {
  margin-right: 0;
}
.tags.has-addons .tag:not(:first-child) {
  margin-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.tags.has-addons .tag:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.tag:not(body) {
  align-items: center;
  background-color: var(--bgColor-emphasis);
  border-radius: 4px;
  color: var(--fgColor-onEmphasis);
  display: inline-flex;
  font-size: 0.75rem;
  height: 2em;
  justify-content: center;
  line-height: 1.5;
  padding-left: 0.75em;
  padding-right: 0.75em;
  white-space: nowrap;
}
.tag:not(body) .delete {
  margin-left: 0.25rem;
  margin-right: -0.375rem;
}
.tag:not(body).is-primary {
  background-color: var(--bgColor-primary, hsl(171, 100%, 41%));
  color: var(--fgColor-onInverse);
}
.tag:not(body).is-link {
  background-color: var(--fgColor-link, var(--fgColor-saira-link, var(--fgColor-link, hsl(229, 53%, 53%))));
  color: var(--fgColor-onInverse);
}
.tag:not(body).is-info {
  background-color: var(--bgColor-accent-emphasis);
  color: var(--fgColor-onInverse);
}
.tag:not(body).is-success {
  background-color: var(--bgColor-success-emphasis);
  color: var(--fgColor-onInverse);
}
.tag:not(body).is-warning {
  background-color: var(--bgColor-attention-emphasis);
  color: var(--fgColor-onInverse);
}
.tag:not(body).is-danger {
  background-color: var(--bgColor-danger-emphasis);
  color: var(--fgColor-onInverse);
}
.tag:not(body).is-black {
  background-color: #111;
  color: #fff;
}
.tag:not(body).is-white {
  background-color: #fff;
  color: #111;
}
.tag:not(body).is-inverse {
  background-color: var(--bgColor-inverse);
  color: var(--fgColor-onInverse);
}
.tag:not(body).is-normal {
  font-size: 0.75rem;
}
.tag:not(body).is-medium {
  font-size: 1rem;
}
.tag:not(body).is-large {
  font-size: 1.25rem;
}
.tag:not(body) .icon:first-child:not(:last-child) {
  margin-left: -0.375em;
  margin-right: 0.1875em;
}
.tag:not(body) .icon:last-child:not(:first-child) {
  margin-left: 0.1875em;
  margin-right: -0.375em;
}
.tag:not(body) .icon:first-child:last-child {
  margin-left: -0.375em;
  margin-right: -0.375em;
}
.tag:not(body).is-delete {
  margin-left: 1px;
  padding: 0;
  position: relative;
  width: 2em;
}
.tag:not(body).is-delete::before, .tag:not(body).is-delete::after {
  background-color: currentColor;
  content: "";
  display: block;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transform-origin: center center;
}
.tag:not(body).is-delete::before {
  height: 1px;
  width: 50%;
}
.tag:not(body).is-delete::after {
  height: 50%;
  width: 1px;
}
.tag:not(body).is-delete:hover, .tag:not(body).is-delete:active, .tag:not(body).is-delete:focus {
  background-color: color-mix(in srgb, var(--bgColor-emphasis), var(--bgColor-muted) 8%);
}
.tag:not(body).is-rounded {
  border-radius: 9999px;
}

.title,
.subtitle {
  word-break: break-word;
}
.title:not(:last-child),
.subtitle:not(:last-child) {
  margin-bottom: 1.5rem;
}
.title em,
.title span,
.subtitle em,
.subtitle span {
  font-weight: inherit;
}
.title sub,
.subtitle sub {
  font-size: 0.75em;
}
.title sup,
.subtitle sup {
  font-size: 0.75em;
}

.title {
  font-size: 2rem;
  font-weight: var(--base-text-weight-semibold, 600);
  line-height: 1.125;
}
.title:not(.is-spaced) + .subtitle {
  margin-top: -1.25rem;
}
.title.is-1 {
  font-size: 3rem;
}
.title.is-2 {
  font-size: 2.5rem;
}
.title.is-3 {
  font-size: 2rem;
}
.title.is-4 {
  font-size: 1.5rem;
}
.title.is-5 {
  font-size: 1.25rem;
}
.title.is-6 {
  font-size: 1rem;
}
.title.is-7 {
  font-size: 0.75rem;
}

.subtitle {
  font-size: 1.25rem;
  font-weight: var(--base-text-weight-normal, 400);
  line-height: 1.25;
}
.subtitle:not(.is-spaced) + .title {
  margin-top: -1.25rem;
}
.subtitle.is-1 {
  font-size: 3rem;
}
.subtitle.is-2 {
  font-size: 2.5rem;
}
.subtitle.is-3 {
  font-size: 2rem;
}
.subtitle.is-4 {
  font-size: 1.5rem;
}
.subtitle.is-5 {
  font-size: 1.25rem;
}
.subtitle.is-6 {
  font-size: 1rem;
}
.subtitle.is-7 {
  font-size: 0.75rem;
}

h1.has-icon, h2.has-icon, h3.has-icon, h4.has-icon, h5.has-icon, h6.has-icon {
  display: inline-flex;
  align-items: center;
  gap: 0.5em;
}

div.has-icon, a.has-icon {
  display: flex;
  align-items: center;
  gap: 0.5em;
}
div.has-icon.is-top, a.has-icon.is-top {
  align-items: start;
}

.checkbox {
  cursor: pointer;
  display: inline-block;
  line-height: 1.25;
  position: relative;
}
.checkbox input {
  cursor: pointer;
}
.checkbox:hover {
  color: var(--fgColor-emphasis);
}
.checkbox[disabled], fieldset[disabled] .checkbox,
.checkbox input[disabled] {
  color: var(--fgColor-disabled);
  cursor: not-allowed;
}

.radio {
  cursor: pointer;
  display: inline-block;
  line-height: 1.25;
  position: relative;
}
.radio input {
  cursor: pointer;
}
.radio:hover {
  color: var(--fgColor-emphasis);
}
.radio[disabled], fieldset[disabled] .radio,
.radio input[disabled] {
  color: var(--fgColor-disabled);
  cursor: not-allowed;
}
.radio + .radio {
  margin-left: 0.5em;
}

.file {
  user-select: none;
  align-items: stretch;
  display: flex;
  justify-content: flex-start;
  position: relative;
}
.file.is-small {
  font-size: 0.75rem;
}
.file.is-normal {
  font-size: 1rem;
}
.file.is-medium {
  font-size: 1.25rem;
}
.file.is-medium .file-icon {
  font-size: 21px;
}
.file.is-large {
  font-size: 1.5rem;
}
.file.is-large .file-icon {
  font-size: 28px;
}
.file.has-name .file-cta {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.file.has-name .file-name {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.file.has-name.is-empty .file-cta {
  border-radius: 4px;
}
.file.has-name.is-empty .file-name {
  display: none;
}
.file.is-boxed .file-label {
  flex-direction: column;
}
.file.is-boxed .file-cta {
  flex-direction: column;
  height: auto;
  padding: 1em 3em;
}
.file.is-boxed .file-name {
  border-width: 0 1px 1px;
}
.file.is-boxed .file-icon {
  height: 1.5em;
  width: 1.5em;
  font-size: 21px;
}
.file.is-boxed.is-small .file-icon {
  font-size: 14px;
}
.file.is-boxed.is-medium .file-icon {
  font-size: 28px;
}
.file.is-boxed.is-large .file-icon {
  font-size: 35px;
}
.file.is-boxed.has-name .file-cta {
  border-radius: 4px 4px 0 0;
}
.file.is-boxed.has-name .file-name {
  border-radius: 0 0 4px 4px;
  border-width: 0 1px 1px;
}
.file.is-centered {
  justify-content: center;
}
.file.is-fullwidth .file-label {
  width: 100%;
}
.file.is-fullwidth .file-name {
  flex-grow: 1;
  max-width: none;
}
.file.is-right {
  justify-content: flex-end;
}
.file.is-right .file-cta {
  border-radius: 0 4px 4px 0;
}
.file.is-right .file-name {
  border-radius: 4px 0 0 4px;
  border-width: 1px 0 1px 1px;
  order: -1;
}

.file-label {
  align-items: stretch;
  display: flex;
  cursor: pointer;
  justify-content: flex-start;
  overflow: hidden;
  position: relative;
}
.file-label:hover .file-cta {
  background-color: var(--button-default-bgColor-hover, var(--button-default-bgColor-rest, var(--fgColor-emphasis)));
  color: var(--fgColor-emphasis);
}
.file-label:hover .file-name {
  border-color: var(--button-default-borderColor-hover, var(--borderColor-default));
}
.file-label:active .file-cta {
  background-color: var(--button-default-bgColor-active, var(--button-default-bgColor-rest, var(--fgColor-emphasis)));
  color: var(--fgColor-empasis);
}
.file-label:active .file-name {
  border-color: var(--button-default-borderColor-active, var(--borderColor-default));
}

.file-input {
  height: 100%;
  left: 0;
  opacity: 0;
  outline: none;
  position: absolute;
  top: 0;
  width: 100%;
}

.file-cta,
.file-name {
  border-color: var(--borderColor-default);
  border-radius: 4px;
  font-size: 1em;
  padding-left: 1em;
  padding-right: 1em;
  white-space: nowrap;
  align-items: center;
  appearance: none;
  border-width: 2px;
  border-style: solid;
  display: inline-flex;
  height: 2.5em;
  justify-content: flex-start;
  line-height: 1.5;
  padding-bottom: calc(0.5em - 2px);
  padding-top: calc(0.5em - 2px);
  position: relative;
  transition-duration: 294ms;
  transition-property: background-color, border-color, box-shadow, color;
  vertical-align: top;
}
.file-cta:focus, .file-cta.is-focused, .file-cta:active, .file-cta.is-active,
.file-name:focus,
.file-name.is-focused,
.file-name:active,
.file-name.is-active {
  outline: none;
}
.file-cta[disabled], fieldset[disabled] .file-cta,
.file-name[disabled],
fieldset[disabled] .file-name {
  cursor: not-allowed;
}

.file-cta {
  background-color: var(--button-default-bgColor-rest, var(--fgColor-emphasis));
  color: var(--button-default-fgColor-rest, var(--fgColor-default));
}

.file-name {
  border-color: var(--borderColor-default);
  border-style: solid;
  border-width: 1px 1px 1px 0;
  display: block;
  max-width: 16em;
  overflow: hidden;
  text-align: inherit;
  text-overflow: ellipsis;
}

.file-icon {
  align-items: center;
  display: flex;
  height: 1em;
  justify-content: center;
  width: 1em;
  font-size: 14px;
  margin-right: 0.5em;
}

.input {
  box-shadow: inset 0 0.0625em 0.125em rgba(var(--bgColor-inverse), 0.05);
  font-size: 1rem;
  max-width: 100%;
  padding-left: calc(0.75em - 2px);
  padding-right: calc(0.75em - 2px);
  width: 100%;
  background-color: transparent;
  border-color: var(--borderColor-default);
  border-radius: 4px;
  color: var(--fgColor-emphasis);
  align-items: center;
  appearance: none;
  border-width: 2px;
  border-style: solid;
  display: inline-flex;
  height: 2.5em;
  justify-content: flex-start;
  line-height: 1.5;
  padding-bottom: calc(0.5em - 2px);
  padding-top: calc(0.5em - 2px);
  position: relative;
  transition-duration: 294ms;
  transition-property: background-color, border-color, box-shadow, color;
  vertical-align: top;
}
.input:focus, .input.is-focused, .input:active, .input.is-active {
  outline: none;
}
.input[disabled], fieldset[disabled] .input {
  cursor: not-allowed;
}
.input::placeholder {
  color: var(--fgColor-muted);
}
.input:hover, .input.is-hovered {
  border-color: var(--borderColor-emphasis);
}
.input:focus, .input.is-focused, .input:active, .input.is-active {
  border-color: var(--fgColor-link);
  box-shadow: 0 0 0 0.125em rgba(var(--fgColor-link), 0.25);
}
.input[disabled], fieldset[disabled] .input {
  background-color: var(--bgColor-disabled);
  border-color: var(--borderColor-disabled);
  box-shadow: none;
  color: var(--fgColor-disabled);
}
.input[disabled]::placeholder, fieldset[disabled] .input::placeholder {
  color: var(--fgColor-muted);
}
.input[readonly] {
  box-shadow: none;
}
.input.is-small {
  border-radius: 2px;
  font-size: 0.75rem;
}
.input.is-medium {
  font-size: 1.25rem;
}
.input.is-large {
  font-size: 1.5rem;
}
.input.is-fullwidth {
  display: block;
  width: 100%;
}
.input.is-inline {
  display: inline;
  width: auto;
}
.input.is-rounded {
  border-radius: 9999px;
  padding-left: calc(calc(0.75em - 2px) + 0.375em);
  padding-right: calc(calc(0.75em - 2px) + 0.375em);
}
.input.is-static {
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
  padding-left: 0;
  padding-right: 0;
}

.textarea {
  display: block;
  max-width: 100%;
  min-width: 100%;
  padding: calc(0.75em - 2px);
  resize: vertical;
  box-shadow: inset 0 0.0625em 0.125em rgba(var(--bgColor-inverse), 0.05);
  font-size: 1rem;
  max-width: 100%;
  padding-left: calc(0.75em - 2px);
  padding-right: calc(0.75em - 2px);
  width: 100%;
  background-color: transparent;
  border-color: var(--borderColor-default);
  border-radius: 4px;
  color: var(--fgColor-emphasis);
  align-items: center;
  appearance: none;
  border-width: 2px;
  border-style: solid;
  display: inline-flex;
  height: 2.5em;
  justify-content: flex-start;
  line-height: 1.5;
  padding-bottom: calc(0.5em - 2px);
  padding-top: calc(0.5em - 2px);
  position: relative;
  transition-duration: 294ms;
  transition-property: background-color, border-color, box-shadow, color;
  vertical-align: top;
}
.textarea:focus, .textarea.is-focused, .textarea:active, .textarea.is-active {
  outline: none;
}
.textarea[disabled], fieldset[disabled] .textarea {
  cursor: not-allowed;
}
.textarea::placeholder {
  color: var(--fgColor-muted);
}
.textarea:hover, .textarea.is-hovered {
  border-color: var(--borderColor-emphasis);
}
.textarea:focus, .textarea.is-focused, .textarea:active, .textarea.is-active {
  border-color: var(--fgColor-link);
  box-shadow: 0 0 0 0.125em rgba(var(--fgColor-link), 0.25);
}
.textarea[disabled], fieldset[disabled] .textarea {
  background-color: var(--bgColor-disabled);
  border-color: var(--borderColor-disabled);
  box-shadow: none;
  color: var(--fgColor-disabled);
}
.textarea[disabled]::placeholder, fieldset[disabled] .textarea::placeholder {
  color: var(--fgColor-muted);
}
.textarea[readonly] {
  box-shadow: none;
}
.textarea.is-small {
  border-radius: 2px;
  font-size: 0.75rem;
}
.textarea.is-medium {
  font-size: 1.25rem;
}
.textarea.is-large {
  font-size: 1.5rem;
}
.textarea.is-fullwidth {
  display: block;
  width: 100%;
}
.textarea.is-inline {
  display: inline;
  width: auto;
}
.textarea:not([rows]) {
  max-height: 40em;
  min-height: 8em;
}
.textarea[rows] {
  height: initial;
}
.textarea.has-fixed-size {
  resize: none;
}

.select {
  display: inline-block;
  max-width: 100%;
  position: relative;
  vertical-align: top;
}
.select:not(.is-multiple) {
  height: 2.5em;
}
.select:not(.is-multiple):not(.is-loading)::after {
  z-index: 4;
  border: 3px solid var(--fgColor-link);
  border-radius: 2px;
  border-right: 0;
  border-top: 0;
  content: " ";
  display: block;
  height: 0.625em;
  margin-top: -0.4375em;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: rotate(-45deg);
  transform-origin: center;
  width: 0.625em;
  right: 1.125em;
}
.select.is-rounded select {
  border-radius: 9999px;
  padding-left: 1em;
}
.select select {
  cursor: pointer;
  display: block;
  font-size: 1em;
  max-width: 100%;
  outline: none;
  background-color: transparent;
  border-color: var(--borderColor-default);
  border-radius: 4px;
  color: var(--fgColor-emphasis);
  align-items: center;
  appearance: none;
  border-width: 2px;
  border-style: solid;
  display: inline-flex;
  height: 2.5em;
  justify-content: flex-start;
  line-height: 1.5;
  padding-bottom: calc(0.5em - 2px);
  padding-top: calc(0.5em - 2px);
  position: relative;
  transition-duration: 294ms;
  transition-property: background-color, border-color, box-shadow, color;
  vertical-align: top;
}
.select select:focus, .select select.is-focused, .select select:active, .select select.is-active {
  outline: none;
}
.select select[disabled], fieldset[disabled] .select select {
  cursor: not-allowed;
}
.select select::placeholder {
  color: var(--fgColor-muted);
}
.select select:hover, .select select.is-hovered {
  border-color: var(--borderColor-emphasis);
}
.select select:focus, .select select.is-focused, .select select:active, .select select.is-active {
  border-color: var(--fgColor-link);
  box-shadow: 0 0 0 0.125em rgba(var(--fgColor-link), 0.25);
}
.select select[disabled], fieldset[disabled] .select select {
  background-color: var(--bgColor-disabled);
  border-color: var(--borderColor-disabled);
  box-shadow: none;
  color: var(--fgColor-disabled);
}
.select select[disabled]::placeholder, fieldset[disabled] .select select::placeholder {
  color: var(--fgColor-muted);
}
.select select[disabled]:hover, fieldset[disabled] .select select:hover {
  border-color: var(--borderColor-disabled);
}
.select select:not([multiple]) {
  padding-right: 2.5em;
}
.select select[multiple] {
  height: auto;
  padding: 0;
}
.select select[multiple] option {
  padding: 0.5em 1em;
}
.select:not(.is-multiple):not(.is-loading):hover::after {
  border-color: var(--fgColor-emphasis);
}
.select.is-small {
  border-radius: 2px;
  font-size: 0.75rem;
}
.select.is-medium {
  font-size: 1.25rem;
}
.select.is-large {
  font-size: 1.5rem;
}
.select.is-disabled::after {
  border-color: var(--fgColor-disabled) !important;
  opacity: 0.5;
}
.select.is-fullwidth {
  width: 100%;
}
.select.is-fullwidth select {
  width: 100%;
}
.select.is-loading::after {
  animation: spinAround 500ms infinite linear;
  border: 2px solid var(--fgColor-neutral-muted);
  border-radius: 9999px;
  border-right-color: transparent;
  border-top-color: transparent;
  content: "";
  display: block;
  height: 1em;
  position: relative;
  width: 1em;
  margin-top: 0;
  position: absolute;
  right: 0.625em;
  top: 0.625em;
  transform: none;
}
.select.is-loading.is-small:after {
  font-size: 0.75rem;
}
.select.is-loading.is-medium:after {
  font-size: 1.25rem;
}
.select.is-loading.is-large:after {
  font-size: 1.5rem;
}

.label {
  color: var(--fgColor-emphasis);
  display: block;
  font-size: 1rem;
  font-weight: var(--base-text-weight-bold, 700);
}
.label:not(:last-child) {
  margin-bottom: 0.5em;
}
.label.is-small {
  font-size: 0.75rem;
}
.label.is-medium {
  font-size: 1.25rem;
}
.label.is-large {
  font-size: 1.5rem;
}

.help {
  display: block;
  font-size: 0.75rem;
  margin-top: 0.25rem;
}
.help.is-primary {
  color: var(--bgColor-primary, hsl(171, 100%, 41%));
}
.help.is-link {
  color: var(--fgColor-link, var(--fgColor-saira-link, var(--fgColor-link, hsl(229, 53%, 53%))));
}
.help.is-info {
  color: var(--bgColor-accent-emphasis);
}
.help.is-success {
  color: var(--bgColor-success-emphasis);
}
.help.is-warning {
  color: var(--bgColor-attention-emphasis);
}
.help.is-danger {
  color: var(--bgColor-danger-emphasis);
}
.help.is-black {
  color: #111;
}
.help.is-white {
  color: #fff;
}
.help.is-inverse {
  color: var(--bgColor-inverse);
}

.field:not(:last-child) {
  margin-bottom: 0.75rem;
}
.field.has-addons {
  display: flex;
  justify-content: flex-start;
}
.field.has-addons .control:not(:last-child) {
  margin-right: -1px;
}
.field.has-addons .control:not(:first-child):not(:last-child) .button,
.field.has-addons .control:not(:first-child):not(:last-child) .input,
.field.has-addons .control:not(:first-child):not(:last-child) .select select {
  border-radius: 0;
}
.field.has-addons .control:first-child:not(:only-child) .button,
.field.has-addons .control:first-child:not(:only-child) .input,
.field.has-addons .control:first-child:not(:only-child) .select select {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.field.has-addons .control:last-child:not(:only-child) .button,
.field.has-addons .control:last-child:not(:only-child) .input,
.field.has-addons .control:last-child:not(:only-child) .select select {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.field.has-addons .control .button:not([disabled]):hover, .field.has-addons .control .button:not([disabled]).is-hovered,
.field.has-addons .control .input:not([disabled]):hover,
.field.has-addons .control .input:not([disabled]).is-hovered,
.field.has-addons .control .select select:not([disabled]):hover,
.field.has-addons .control .select select:not([disabled]).is-hovered {
  z-index: 2;
}
.field.has-addons .control .button:not([disabled]):focus, .field.has-addons .control .button:not([disabled]).is-focused, .field.has-addons .control .button:not([disabled]):active, .field.has-addons .control .button:not([disabled]).is-active,
.field.has-addons .control .input:not([disabled]):focus,
.field.has-addons .control .input:not([disabled]).is-focused,
.field.has-addons .control .input:not([disabled]):active,
.field.has-addons .control .input:not([disabled]).is-active,
.field.has-addons .control .select select:not([disabled]):focus,
.field.has-addons .control .select select:not([disabled]).is-focused,
.field.has-addons .control .select select:not([disabled]):active,
.field.has-addons .control .select select:not([disabled]).is-active {
  z-index: 3;
}
.field.has-addons .control .button:not([disabled]):focus:hover, .field.has-addons .control .button:not([disabled]).is-focused:hover, .field.has-addons .control .button:not([disabled]):active:hover, .field.has-addons .control .button:not([disabled]).is-active:hover,
.field.has-addons .control .input:not([disabled]):focus:hover,
.field.has-addons .control .input:not([disabled]).is-focused:hover,
.field.has-addons .control .input:not([disabled]):active:hover,
.field.has-addons .control .input:not([disabled]).is-active:hover,
.field.has-addons .control .select select:not([disabled]):focus:hover,
.field.has-addons .control .select select:not([disabled]).is-focused:hover,
.field.has-addons .control .select select:not([disabled]):active:hover,
.field.has-addons .control .select select:not([disabled]).is-active:hover {
  z-index: 4;
}
.field.has-addons .control.is-expanded {
  flex-grow: 1;
  flex-shrink: 1;
}
.field.has-addons.has-addons-centered {
  justify-content: center;
}
.field.has-addons.has-addons-right {
  justify-content: flex-end;
}
.field.has-addons.has-addons-fullwidth .control {
  flex-grow: 1;
  flex-shrink: 0;
}
.field.is-grouped {
  display: flex;
  justify-content: flex-start;
}
.field.is-grouped > .control {
  flex-shrink: 0;
}
.field.is-grouped > .control:not(:last-child) {
  margin-bottom: 0;
  margin-right: 0.75rem;
}
.field.is-grouped > .control.is-expanded {
  flex-grow: 1;
  flex-shrink: 1;
}
.field.is-grouped.is-grouped-centered {
  justify-content: center;
}
.field.is-grouped.is-grouped-right {
  justify-content: flex-end;
}
.field.is-grouped.is-grouped-multiline {
  flex-wrap: wrap;
}
.field.is-grouped.is-grouped-multiline > .control:last-child, .field.is-grouped.is-grouped-multiline > .control:not(:last-child) {
  margin-bottom: 0.75rem;
}
.field.is-grouped.is-grouped-multiline:last-child {
  margin-bottom: -0.75rem;
}
.field.is-grouped.is-grouped-multiline:not(:last-child) {
  margin-bottom: 0;
}
@media screen and (min-width: 769px), print {
  .field.is-horizontal {
    display: flex;
  }
}

.field-label .label {
  font-size: inherit;
}
@media screen and (max-width: 768px) {
  .field-label {
    margin-bottom: 0.5rem;
  }
}
@media screen and (min-width: 769px), print {
  .field-label {
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 0;
    margin-right: 1.5rem;
    text-align: right;
  }
  .field-label.is-small {
    font-size: 0.75rem;
    padding-top: 0.375em;
  }
  .field-label.is-normal {
    padding-top: 0.375em;
  }
  .field-label.is-medium {
    font-size: 1.25rem;
    padding-top: 0.375em;
  }
  .field-label.is-large {
    font-size: 1.5rem;
    padding-top: 0.375em;
  }
}

.field-body .field .field {
  margin-bottom: 0;
}
@media screen and (min-width: 769px), print {
  .field-body {
    display: flex;
    flex-basis: 0;
    flex-grow: 5;
    flex-shrink: 1;
  }
  .field-body .field {
    margin-bottom: 0;
  }
  .field-body > .field {
    flex-shrink: 1;
  }
  .field-body > .field:not(.is-narrow) {
    flex-grow: 1;
  }
  .field-body > .field:not(:last-child) {
    margin-right: 0.75rem;
  }
}

.control {
  box-sizing: border-box;
  clear: both;
  font-size: 1rem;
  position: relative;
  text-align: inherit;
}
.control.has-icons-left .input:focus ~ .icon,
.control.has-icons-left .select:focus ~ .icon, .control.has-icons-right .input:focus ~ .icon,
.control.has-icons-right .select:focus ~ .icon {
  color: var(--fgColor-default);
}
.control.has-icons-left .input.is-small ~ .icon,
.control.has-icons-left .select.is-small ~ .icon, .control.has-icons-right .input.is-small ~ .icon,
.control.has-icons-right .select.is-small ~ .icon {
  font-size: 0.75rem;
}
.control.has-icons-left .input.is-medium ~ .icon,
.control.has-icons-left .select.is-medium ~ .icon, .control.has-icons-right .input.is-medium ~ .icon,
.control.has-icons-right .select.is-medium ~ .icon {
  font-size: 1.25rem;
}
.control.has-icons-left .input.is-large ~ .icon,
.control.has-icons-left .select.is-large ~ .icon, .control.has-icons-right .input.is-large ~ .icon,
.control.has-icons-right .select.is-large ~ .icon {
  font-size: 1.5rem;
}
.control.has-icons-left .icon, .control.has-icons-right .icon {
  color: var(--borderColor-default);
  height: 2.5em;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 2.5em;
  z-index: 4;
}
.control.has-icons-left .input,
.control.has-icons-left .select select {
  padding-left: 2.5em;
}
.control.has-icons-left .icon.is-left {
  left: 0;
}
.control.has-icons-right .input,
.control.has-icons-right .select select {
  padding-right: 2.5em;
}
.control.has-icons-right .icon.is-right {
  right: 0;
}
.control.is-loading::after {
  position: absolute !important;
  top: 0.625em;
  z-index: 4;
  animation: spinAround 500ms infinite linear;
  border: 2px solid var(--fgColor-neutral-muted);
  border-radius: 9999px;
  border-right-color: transparent;
  border-top-color: transparent;
  content: "";
  display: block;
  height: 1em;
  position: relative;
  width: 1em;
  right: 0.625em;
}
.control.is-loading.is-small:after {
  font-size: 0.75rem;
}
.control.is-loading.is-medium:after {
  font-size: 1.25rem;
}
.control.is-loading.is-large:after {
  font-size: 1.5rem;
}

.breadcrumb {
  font-size: 1rem;
  user-select: none;
  white-space: nowrap;
}
.breadcrumb:not(:last-child) {
  margin-bottom: 1.5rem;
}
.breadcrumb a {
  align-items: center;
  color: var(--fgColor-saira-link, var(--fgColor-link, hsl(229, 53%, 53%)));
  display: flex;
  justify-content: center;
  padding: 0 0.75em;
  text-decoration: none;
}
.breadcrumb a:hover {
  color: var(--fgColor-saira-link, var(--fgColor-link, hsl(229, 53%, 53%)));
}
.breadcrumb li {
  align-items: center;
  display: flex;
}
.breadcrumb li:first-child a {
  padding-left: 0;
}
.breadcrumb li.is-active a {
  color: var(--fgColor-muted);
  cursor: default;
  pointer-events: none;
}
.breadcrumb li + li::before {
  color: var(--borderColor-neutral-emphasis);
  display: inline-block;
  height: 0.8em;
  margin: 0 0.5em;
  content: "";
  border-right: 0.1em solid var(--borderColor-neutral-emphasis);
  transform: rotate(15deg) translateY(0.0625em);
}
.breadcrumb ul,
.breadcrumb ol {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
}
.breadcrumb .icon:first-child {
  margin-right: 0.5em;
}
.breadcrumb .icon:last-child {
  margin-left: 0.5em;
}
.breadcrumb.is-centered ol,
.breadcrumb.is-centered ul {
  justify-content: center;
}
.breadcrumb.is-right ol,
.breadcrumb.is-right ul {
  justify-content: flex-end;
}
.breadcrumb.is-small {
  font-size: 0.75rem;
}
.breadcrumb.is-medium {
  font-size: 1.25rem;
}
.breadcrumb.is-large {
  font-size: 1.5rem;
}
.breadcrumb.has-arrow-separator li + li::before {
  border-right: none;
  content: "→";
  height: inherit;
  transform: inherit;
}
.breadcrumb.has-bullet-separator li + li::before {
  border-right: none;
  content: "•";
  height: inherit;
  transform: inherit;
}
.breadcrumb.has-dot-separator li + li::before {
  border-right: none;
  content: "·";
  height: inherit;
  transform: inherit;
}
.breadcrumb.has-succeeds-separator li + li::before {
  border-right: none;
  content: "≻";
  height: inherit;
  transform: inherit;
}

.menu {
  font-size: 1rem;
}
.menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.menu-list {
  line-height: 1.25;
}
.menu-list a {
  border-radius: 2px;
  color: var(--fgColor-default, hsl(0, 0%, 29%));
  cursor: pointer;
  padding: 0.5em 0.75em;
  text-decoration: none;
  display: flex;
  align-items: center;
}
.menu-list a:hover {
  background-color: false;
  color: var(--fgColor-default, hsl(0, 0%, 21%));
}
.menu-list a.is-active {
  background-color: false;
  color: var(--fgColor-onEmphasis, #fff);
}
.menu-list li {
  position: relative;
}
.menu-list li ul {
  border-left: 1px solid;
  margin: 0.75em;
  padding-left: 0.75em;
}

.menu-label {
  color: var(--fgColor-muted, hsl(0, 0%, 48%));
  font-size: 0.75em;
  letter-spacing: 0.1em;
  margin-top: 1em;
}
.menu-label:not(:last-child) {
  margin-bottom: 1em;
}

.navbar {
  background-color: var(--bgColor-primary, hsl(171, 100%, 41%));
  min-height: 3.25rem;
  position: relative;
  z-index: 30;
}
.navbar.is-primary {
  background-color: var(--bgColor-primary, hsl(171, 100%, 41%));
  color: var(--fgColor-onInverse);
}
.navbar.is-primary .navbar-brand > a.navbar-item:focus, .navbar.is-primary .navbar-brand > a.navbar-item:hover, .navbar.is-primary .navbar-brand > a.navbar-item.is-active {
  background-color: color-mix(in srgb, var(--bgColor-primary, hsl(171, 100%, 41%)), var(--bgColor-muted) 8%);
}
@media screen and (min-width: 1024px) {
  .navbar .navbar-start > .navbar-item,
  .navbar .navbar-end > .navbar-item {
    color: var(--fgColor-onInverse);
  }
  .navbar .navbar-start > a.navbar-item:focus, .navbar .navbar-start > a.navbar-item:hover, .navbar .navbar-start > a.navbar-item.is-active,
  .navbar .navbar-end > a.navbar-item:focus,
  .navbar .navbar-end > a.navbar-item:hover,
  .navbar .navbar-end > a.navbar-item.is-active {
    background-color: color-mix(in srgb, var(--bgColor-primary, hsl(171, 100%, 41%)), var(--bgColor-muted) 8%);
  }
}
.navbar > .container {
  align-items: stretch;
  display: flex;
  min-height: 3.25rem;
  width: 100%;
}
.navbar.has-shadow {
  box-shadow: 0 2px 0 0 color-mix(in srbg, var(--bgColor-default), var(--bgColor-muted) 20%);
}

.navbar-brand {
  align-items: stretch;
  display: flex;
  flex-shrink: 0;
  min-height: 3.25rem;
}
.navbar-brand a.navbar-item:focus, .navbar-brand a.navbar-item:hover {
  background-color: transparent;
}

.navbar-item {
  color: var(--fgColor-default);
  display: block;
  flex-grow: 0;
  flex-shrink: 0;
  line-height: 1.5;
  padding: 0.5rem 0.75rem;
  position: relative;
}
.navbar-item .icon:only-child {
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}
.navbar-item img {
  max-height: 1.75rem;
}
.navbar-item.is-expanded {
  flex-grow: 1;
  flex-shrink: 1;
}
.navbar-item.is-tab {
  border-bottom: 1px solid transparent;
  min-height: 3.25rem;
  padding-bottom: calc(0.5rem - 1px);
}
.navbar-item.is-tab:focus, .navbar-item.is-tab:hover {
  background-color: transparent;
  border-bottom-color: var(--fgColor-saira-link, var(--fgColor-link, hsl(229, 53%, 53%)));
}
.navbar-item.is-tab.is-active {
  background-color: transparent;
  border-bottom-color: var(--fgColor-saira-link, var(--fgColor-link, hsl(229, 53%, 53%)));
  border-bottom-style: solid;
  border-bottom-width: 3px;
  color: var(--fgColor-saira-link, var(--fgColor-link, hsl(229, 53%, 53%)));
  padding-bottom: calc(0.5rem - 3px);
}

a.navbar-item {
  cursor: pointer;
}
a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover, a.navbar-item.is-active {
  background-color: var(--bgColor-muted);
  color: var(--fgColor-saira-link, var(--fgColor-link, hsl(229, 53%, 53%)));
}

.navbar-content {
  flex-grow: 1;
  flex-shrink: 1;
}

@media screen and (max-width: 1023px) {
  .navbar > .container {
    display: block;
  }
  .navbar-brand .navbar-item,
  .navbar-tabs .navbar-item {
    align-items: center;
    display: flex;
  }
}
@media screen and (min-width: 1024px) {
  .navbar,
  .navbar-start,
  .navbar-end {
    align-items: stretch;
    display: flex;
  }
  .navbar {
    min-height: 3.25rem;
  }
  .navbar.is-spaced {
    padding: 1rem 2rem;
  }
  .navbar.is-spaced .navbar-start,
  .navbar.is-spaced .navbar-end {
    align-items: center;
  }
  .navbar.is-spaced a.navbar-item {
    border-radius: 4px;
  }
  .navbar.is-transparent a.navbar-item:focus, .navbar.is-transparent a.navbar-item:hover, .navbar.is-transparent a.navbar-item.is-active {
    background-color: transparent !important;
  }
  .navbar-item {
    align-items: center;
    display: flex;
  }
  .navbar-start {
    justify-content: flex-start;
    margin-right: auto;
  }
  .navbar-end {
    justify-content: flex-end;
    margin-left: auto;
  }
  /* NOTE: negative margin disabled
  .navbar > .container,
  .container > .navbar {
    .navbar-brand {
        @include ltr-property("margin", -.75rem, false);
    }
    .navbar-menu {
        @include ltr-property("margin", -.75rem);
    }
  }*/
}
.pagination {
  font-size: 1rem;
  margin: -0.25rem;
}
.pagination:not(:last-child) {
  margin-bottom: 1.5rem;
}
.pagination.is-small {
  font-size: 0.75rem;
}
.pagination.is-medium {
  font-size: 1.25rem;
}
.pagination.is-large {
  font-size: 1.5rem;
}
.pagination.is-rounded .pagination-previous,
.pagination.is-rounded .pagination-next {
  padding-left: 1em;
  padding-right: 1em;
  border-radius: 9999px;
}
.pagination.is-rounded .pagination-link {
  border-radius: 9999px;
}

.pagination,
.pagination-list {
  align-items: center;
  display: flex;
  justify-content: center;
  text-align: center;
}

.pagination-previous,
.pagination-next,
.pagination-link,
.pagination-ellipsis {
  font-size: 1em;
  justify-content: center;
  margin: 0.25rem;
  padding-left: 0.5em;
  padding-right: 0.5em;
  text-align: center;
  user-select: none;
  align-items: center;
  appearance: none;
  border-width: 2px;
  border-style: solid;
  display: inline-flex;
  height: 2.5em;
  justify-content: flex-start;
  line-height: 1.5;
  padding-bottom: calc(0.5em - 2px);
  padding-top: calc(0.5em - 2px);
  position: relative;
  transition-duration: 294ms;
  transition-property: background-color, border-color, box-shadow, color;
  vertical-align: top;
}
.pagination-previous:focus, .pagination-previous.is-focused, .pagination-previous:active, .pagination-previous.is-active,
.pagination-next:focus,
.pagination-next.is-focused,
.pagination-next:active,
.pagination-next.is-active,
.pagination-link:focus,
.pagination-link.is-focused,
.pagination-link:active,
.pagination-link.is-active,
.pagination-ellipsis:focus,
.pagination-ellipsis.is-focused,
.pagination-ellipsis:active,
.pagination-ellipsis.is-active {
  outline: none;
}
.pagination-previous[disabled], fieldset[disabled] .pagination-previous,
.pagination-next[disabled],
fieldset[disabled] .pagination-next,
.pagination-link[disabled],
fieldset[disabled] .pagination-link,
.pagination-ellipsis[disabled],
fieldset[disabled] .pagination-ellipsis {
  cursor: not-allowed;
}

.pagination-previous,
.pagination-next,
.pagination-link {
  border-color: var(--borderColor-default);
  color: var(--fgColor-default);
  min-width: 2.5em;
}
.pagination-previous:hover,
.pagination-next:hover,
.pagination-link:hover {
  border-color: var(--borderColor-emphasis);
  color: var(--fgColor-neutral-emphasis);
}
.pagination-previous:focus,
.pagination-next:focus,
.pagination-link:focus {
  border-color: var(--borderColor-emphasis);
}
.pagination-previous[disabled], .pagination-previous.is-disabled,
.pagination-next[disabled],
.pagination-next.is-disabled,
.pagination-link[disabled],
.pagination-link.is-disabled {
  background-color: var(--bgColor-disabled);
  border-color: var(--borderColor-disabled);
  box-shadow: none;
  color: var(--fgColor-disabled);
  opacity: 0.5;
}

.pagination-previous,
.pagination-next {
  padding-left: 0.75em;
  padding-right: 0.75em;
  white-space: nowrap;
}

.pagination-link.is-current {
  background-color: var(--bgColor-neutral-emphasis);
  border-color: var(--borderColor-default);
  color: var(--fgColor-onEmphasis);
}

.pagination-ellipsis {
  color: var(--fgColor-neutral);
  pointer-events: none;
}

.pagination-list {
  flex-wrap: wrap;
}
.pagination-list li {
  list-style: none;
}

@media screen and (max-width: 768px) {
  .pagination {
    flex-wrap: wrap;
  }
  .pagination-previous,
  .pagination-next {
    flex-grow: 1;
    flex-shrink: 1;
  }
  .pagination-list li {
    flex-grow: 1;
    flex-shrink: 1;
  }
}
@media screen and (min-width: 769px), print {
  .pagination-list {
    flex-grow: 1;
    flex-shrink: 1;
    justify-content: flex-start;
    order: 1;
  }
  .pagination-previous,
  .pagination-next,
  .pagination-link,
  .pagination-ellipsis {
    margin-bottom: 0;
    margin-top: 0;
  }
  .pagination-previous {
    order: 2;
  }
  .pagination-next {
    order: 3;
  }
  .pagination {
    justify-content: space-between;
    margin-bottom: 0;
    margin-top: 0;
  }
  .pagination.is-centered .pagination-previous {
    order: 1;
  }
  .pagination.is-centered .pagination-list {
    justify-content: center;
    order: 2;
  }
  .pagination.is-centered .pagination-next {
    order: 3;
  }
  .pagination.is-right .pagination-previous {
    order: 1;
  }
  .pagination.is-right .pagination-next {
    order: 2;
  }
  .pagination.is-right .pagination-list {
    justify-content: flex-end;
    order: 3;
  }
}
.tabs {
  align-items: stretch;
  display: flex;
  font-size: 1rem;
  justify-content: space-between;
  overflow: hidden;
  overflow-x: auto;
  user-select: none;
  white-space: nowrap;
}
.tabs:not(:last-child) {
  margin-bottom: 1.5rem;
}
.tabs a {
  align-items: center;
  border-bottom-color: var(--borderColor-default);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  color: var(--fgColor-default);
  display: flex;
  justify-content: center;
  margin-bottom: -1px;
  padding: 0.5em 1em;
  vertical-align: top;
}
.tabs a:hover {
  border-bottom-color: var(--borderColor-emphasis);
  color: var(--fgColor-emphasis);
}
.tabs li {
  display: block;
}
.tabs li.is-active a {
  border-bottom-color: var(--fgColor-saira-link, var(--fgColor-link, hsl(229, 53%, 53%)));
  color: var(--fgColor-saira-link, var(--fgColor-link, hsl(229, 53%, 53%)));
}
.tabs ul {
  align-items: center;
  border-bottom-color: var(--borderColor-default);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  display: flex;
  flex-grow: 1;
  flex-shrink: 0;
  justify-content: flex-start;
}
.tabs ul.is-left {
  padding-right: 0.75em;
}
.tabs ul.is-center {
  flex: none;
  justify-content: center;
  padding-left: 0.75em;
  padding-right: 0.75em;
}
.tabs ul.is-right {
  justify-content: flex-end;
  padding-left: 0.75em;
}
.tabs .icon:first-child {
  margin-right: 0.5em;
}
.tabs .icon:last-child {
  margin-left: 0.5em;
}
.tabs.is-centered ul {
  justify-content: center;
}
.tabs.is-right ul {
  justify-content: flex-end;
}
.tabs.is-boxed a {
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}
.tabs.is-boxed a:hover {
  background-color: transparent;
  border-bottom-color: var(--borderColor-default);
}
.tabs.is-boxed li.is-active a {
  background-color: var(--fgColor-saira-link, var(--fgColor-link, hsl(229, 53%, 53%)));
  border-color: var(--borderColor-default);
  border-bottom-color: transparent !important;
}
.tabs.is-fullwidth li {
  flex-grow: 1;
  flex-shrink: 0;
}
.tabs.is-toggle a {
  border-color: var(--borderColor-default);
  border-style: solid;
  border-width: 1px;
  margin-bottom: 0;
  position: relative;
}
.tabs.is-toggle a:hover {
  background-color: transparent;
  border-color: var(--borderColor-emphasis);
  z-index: 2;
}
.tabs.is-toggle li + li {
  margin-left: -1px;
}
.tabs.is-toggle li:first-child a {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.tabs.is-toggle li:last-child a {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.tabs.is-toggle li.is-active a {
  background-color: var(--fgColor-saira-link, var(--fgColor-link, hsl(229, 53%, 53%)));
  border-color: var(--fgColor-saira-link, var(--fgColor-link, hsl(229, 53%, 53%)));
  color: var(--fgColor-onInverse);
  z-index: 1;
}
.tabs.is-toggle ul {
  border-bottom: none;
}
.tabs.is-toggle.is-toggle-rounded li:first-child a {
  border-bottom-left-radius: 9999px;
  border-top-left-radius: 9999px;
  padding-left: 1.25em;
}
.tabs.is-toggle.is-toggle-rounded li:last-child a {
  border-bottom-right-radius: 9999px;
  border-top-right-radius: 9999px;
  padding-right: 1.25em;
}
.tabs.is-small {
  font-size: 0.75rem;
}
.tabs.is-medium {
  font-size: 1.25rem;
}
.tabs.is-large {
  font-size: 1.5rem;
}

.hero {
  align-items: stretch;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.hero.is-primary {
  background-color: var(--bgColor-primary, var(--bgColor-primary, hsl(171, 100%, 41%)));
  color: var(--fgColor-onEmphasis);
}
.hero.is-primary .title, .hero.is-primary .subtitle {
  color: var(--fgColor-onEmphasis);
}
.hero.is-light {
  background-color: color-mix(in srgb, rgb(128, 128, 128) 30%, var(--bgColor-default));
}
.hero.is-small .hero-body {
  padding: 1.5rem;
}
@media screen and (min-width: 769px), print {
  .hero.is-medium .hero-body {
    padding: 9rem 4.5rem;
  }
}
@media screen and (min-width: 769px), print {
  .hero.is-large .hero-body {
    padding: 18rem 6rem;
  }
}
.hero.is-halfheight .hero-body, .hero.is-fullheight .hero-body {
  align-items: center;
  display: flex;
}
.hero.is-halfheight .hero-body > .container, .hero.is-fullheight .hero-body > .container {
  flex-grow: 1;
  flex-shrink: 1;
}
.hero.is-halfheight {
  min-height: 50vh;
}
.hero.is-fullheight {
  min-height: 100vh;
}

.hero-video {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  overflow: hidden;
}
.hero-video video {
  left: 50%;
  min-height: 100%;
  min-width: 100%;
  position: absolute;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
}
.hero-video.is-transparent {
  opacity: 0.3;
}
@media screen and (max-width: 768px) {
  .hero-video {
    display: none;
  }
}

.hero-header,
.hero-footer {
  flex-grow: 0;
  flex-shrink: 0;
}

.hero-body {
  flex-grow: 1;
  flex-shrink: 0;
  padding: 3rem 1.5rem;
}
@media screen and (min-width: 769px), print {
  .hero-body {
    padding: 3rem 3rem;
  }
}

.media {
  align-items: flex-start;
  display: flex;
  text-align: inherit;
}
.media .content:not(:last-child) {
  margin-bottom: 0.75rem;
}
.media .media {
  border-top: 1px solid var(--borderColor-muted);
  display: flex;
  padding-top: 0.75rem;
}
.media .media .content:not(:last-child),
.media .media .control:not(:last-child) {
  margin-bottom: 0.5rem;
}
.media .media .media {
  padding-top: 0.5rem;
}
.media .media .media + .media {
  margin-top: 0.5rem;
}
.media + .media {
  border-top: 1px solid var(--borderColor-muted);
  margin-top: 1rem;
  padding-top: 1rem;
}
.media.is-large + .media {
  margin-top: 1.5rem;
  padding-top: 1.5rem;
}

.media-left,
.media-right {
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 0;
}

.media-left {
  margin-right: 1rem;
}

.media-right {
  margin-left: 1rem;
}

.media-content {
  flex-basis: auto;
  flex-grow: 1;
  flex-shrink: 1;
  text-align: inherit;
}

@media screen and (max-width: 768px) {
  .media-content {
    overflow-x: auto;
  }
}
.section {
  padding: 3rem 1.5rem;
}
.section + desktop {
  padding: 3rem 3rem;
}
.section + desktop.is-medium {
  padding: 9rem 4.5rem;
}
.section + desktop.is-large {
  padding: 18rem 6rem;
}

.footer {
  padding: 3rem 1.5rem 6rem;
  background-color: color-mix(in srgb, rgb(128, 128, 128) 30%, var(--bgColor-default));
}

.is-clipped {
  overflow: hidden !important;
}

/* Progressive enhancement with MaterialWeb */
md-ripple:not(:defined) {
  display: none;
}

md-menu > .loading, md-dialog > .loading {
  display: none;
}

md-menu:not(:defined),
md-dialog:not(:defined) {
  transition: all 0.3s ease-out;
  opacity: 0;
}
md-menu:not(:defined) md-menu-item,
md-menu:not(:defined) md-sub-menu-item, md-menu:not(:defined) > div, md-menu:not(:defined) > section,
md-dialog:not(:defined) md-menu-item,
md-dialog:not(:defined) md-sub-menu-item,
md-dialog:not(:defined) > div,
md-dialog:not(:defined) > section {
  display: none;
}
md-menu:not(:defined) > .loading,
md-dialog:not(:defined) > .loading {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  color: lightgray;
  background: rgba(0, 0, 0, 0.5);
  text-align: center;
  padding-top: 50vh;
}

md-menu:not(:defined)[open],
md-dialog:not(:defined)[open] {
  opacity: 1;
}

/*
 * Set MaterialWeb default color scheme along with Primer Primitive
 */
:root {
  --md-sys-color-on-surface: var(--fgColor-default);
  --md-sys-color-on-surface-variant: var(--fgColor-muted);
  --md-sys-color-primary: var(--bgColor-primary);
  --md-sys-color-surface: var(--bgColor-inset);
  --md-sys-color-surface-container: var(--overlay-bgColor);
  --md-sys-color-surface-container-low: var(--overlay-bgColor);
  --md-sys-color-surface-container-high: var(--overlay-bgColor);
  --md-sys-color-surface-container-highest: var(--bgColor-inset);
  --md-fab-label-text-color: var(--fgColor-saira-link, var(--fgColor-link, var(--fgColor-saira-link, var(--fgColor-link, hsl(229, 53%, 53%)))));
  --md-menu-item-selected-container-color: var(--selectMenu-bgColor-active);
  --md-text-button-label-text-color: var(--fgColor-saira-link, var(--fgColor-link, var(--fgColor-saira-link, var(--fgColor-link, hsl(229, 53%, 53%)))));
}

.is-inverse {
  --md-sys-color-surface: var(--bgColor-inverse);
  --md-sys-color-on-surface: var(--fgColor-onInverse);
  --md-sys-color-primary: var(--bgColor-inverse);
  --md-sys-color-on-primary: var(--fgColor-onInverse);
  --md-sys-color-secondary-container: var(--bgColor-emphasis);
  --md-sys-color-on-secondary-container: var(--fgColor-onEmphasis);
  --md-fab-label-text-color: var(--bgColor-inverse);
  --md-text-button-label-text-color: var(--bgColor-inverse);
  --md-text-button-icon-color: var(--bgColor-inverse);
}
.is-inverse md-list,
.is-inverse md-tabs {
  --md-sys-color-surface: transparent;
}
.is-inverse md-outlined-text-field,
.is-inverse md-icon-button {
  --md-sys-color-on-surface: var(--bgColor-inverse);
}

md-outlined-text-field.is-inverse,
md-icon-button.is-inverse {
  --md-sys-color-on-surface: var(--bgColor-inverse);
}

md-list.is-inverse,
md-tabs.is-inverse {
  --md-sys-color-surface: transparent;
}

.is-inverse md-tabs,
md-tabs.is-inverse {
  --md-sys-color-on-surface: var(--bgColor-inverse);
  --md-sys-color-outline-variant: var(--bgColor-inverse);
}

.container-sm {
  width: -webkit-fill-available;
  width: -moz-available;
  width: stretch;
  max-width: 544px;
  margin-right: auto;
  margin-left: auto;
}

.container-md {
  width: -webkit-fill-available;
  width: -moz-available;
  width: stretch;
  max-width: min(768px, 100vw);
  margin-right: auto;
  margin-left: auto;
}

.container-lg {
  width: -webkit-fill-available;
  width: -moz-available;
  width: stretch;
  max-width: min(1024px, 100vw);
  margin-right: auto;
  margin-left: auto;
}

.container-xl {
  width: -webkit-fill-available;
  width: -moz-available;
  width: stretch;
  max-width: min(1216px, 100vw);
  margin-right: auto;
  margin-left: auto;
}

/* Set a $size margin to all sides at $breakpoint */
.m-0 {
  margin: 0 !important;
}

/* Set a $size margin on the top at $breakpoint */
.mt-0 {
  margin-top: 0 !important;
}

/* Set a $size margin on the bottom at $breakpoint */
.mb-0 {
  margin-bottom: 0 !important;
}

/* Set a $size margin on the right at $breakpoint */
.mr-0 {
  margin-right: 0 !important;
}

/* Set a $size margin on the left at $breakpoint */
.ml-0 {
  margin-left: 0 !important;
}

/* Set a $size margin on the left & right at $breakpoint */
.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

/* Set a $size margin on the top & bottom at $breakpoint */
.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Set a $size margin to all sides at $breakpoint */
.m-1 {
  margin: var(--base-size-4, 4px) !important;
}

/* Set a $size margin on the top at $breakpoint */
.mt-1 {
  margin-top: var(--base-size-4, 4px) !important;
}

/* Set a $size margin on the bottom at $breakpoint */
.mb-1 {
  margin-bottom: var(--base-size-4, 4px) !important;
}

/* Set a $size margin on the right at $breakpoint */
.mr-1 {
  margin-right: var(--base-size-4, 4px) !important;
}

/* Set a $size margin on the left at $breakpoint */
.ml-1 {
  margin-left: var(--base-size-4, 4px) !important;
}

/* Set a negative $size margin on top at $breakpoint */
.mt-n1 {
  margin-top: calc(-1 * var(--base-size-4, 4px)) !important;
}

/* Set a negative $size margin on the bottom at $breakpoint */
.mb-n1 {
  margin-bottom: calc(-1 * var(--base-size-4, 4px)) !important;
}

/* Set a negative $size margin on the right at $breakpoint */
.mr-n1 {
  margin-right: calc(-1 * var(--base-size-4, 4px)) !important;
}

/* Set a negative $size margin on the left at $breakpoint */
.ml-n1 {
  margin-left: calc(-1 * var(--base-size-4, 4px)) !important;
}

/* Set a $size margin on the left & right at $breakpoint */
.mx-1 {
  margin-right: var(--base-size-4, 4px) !important;
  margin-left: var(--base-size-4, 4px) !important;
}

/* Set a $size margin on the top & bottom at $breakpoint */
.my-1 {
  margin-top: var(--base-size-4, 4px) !important;
  margin-bottom: var(--base-size-4, 4px) !important;
}

/* Set a $size margin to all sides at $breakpoint */
.m-2 {
  margin: var(--base-size-8, 8px) !important;
}

/* Set a $size margin on the top at $breakpoint */
.mt-2 {
  margin-top: var(--base-size-8, 8px) !important;
}

/* Set a $size margin on the bottom at $breakpoint */
.mb-2 {
  margin-bottom: var(--base-size-8, 8px) !important;
}

/* Set a $size margin on the right at $breakpoint */
.mr-2 {
  margin-right: var(--base-size-8, 8px) !important;
}

/* Set a $size margin on the left at $breakpoint */
.ml-2 {
  margin-left: var(--base-size-8, 8px) !important;
}

/* Set a negative $size margin on top at $breakpoint */
.mt-n2 {
  margin-top: calc(-1 * var(--base-size-8, 8px)) !important;
}

/* Set a negative $size margin on the bottom at $breakpoint */
.mb-n2 {
  margin-bottom: calc(-1 * var(--base-size-8, 8px)) !important;
}

/* Set a negative $size margin on the right at $breakpoint */
.mr-n2 {
  margin-right: calc(-1 * var(--base-size-8, 8px)) !important;
}

/* Set a negative $size margin on the left at $breakpoint */
.ml-n2 {
  margin-left: calc(-1 * var(--base-size-8, 8px)) !important;
}

/* Set a $size margin on the left & right at $breakpoint */
.mx-2 {
  margin-right: var(--base-size-8, 8px) !important;
  margin-left: var(--base-size-8, 8px) !important;
}

/* Set a $size margin on the top & bottom at $breakpoint */
.my-2 {
  margin-top: var(--base-size-8, 8px) !important;
  margin-bottom: var(--base-size-8, 8px) !important;
}

/* Set a $size margin to all sides at $breakpoint */
.m-3 {
  margin: var(--base-size-16, 16px) !important;
}

/* Set a $size margin on the top at $breakpoint */
.mt-3 {
  margin-top: var(--base-size-16, 16px) !important;
}

/* Set a $size margin on the bottom at $breakpoint */
.mb-3 {
  margin-bottom: var(--base-size-16, 16px) !important;
}

/* Set a $size margin on the right at $breakpoint */
.mr-3 {
  margin-right: var(--base-size-16, 16px) !important;
}

/* Set a $size margin on the left at $breakpoint */
.ml-3 {
  margin-left: var(--base-size-16, 16px) !important;
}

/* Set a negative $size margin on top at $breakpoint */
.mt-n3 {
  margin-top: calc(-1 * var(--base-size-16, 16px)) !important;
}

/* Set a negative $size margin on the bottom at $breakpoint */
.mb-n3 {
  margin-bottom: calc(-1 * var(--base-size-16, 16px)) !important;
}

/* Set a negative $size margin on the right at $breakpoint */
.mr-n3 {
  margin-right: calc(-1 * var(--base-size-16, 16px)) !important;
}

/* Set a negative $size margin on the left at $breakpoint */
.ml-n3 {
  margin-left: calc(-1 * var(--base-size-16, 16px)) !important;
}

/* Set a $size margin on the left & right at $breakpoint */
.mx-3 {
  margin-right: var(--base-size-16, 16px) !important;
  margin-left: var(--base-size-16, 16px) !important;
}

/* Set a $size margin on the top & bottom at $breakpoint */
.my-3 {
  margin-top: var(--base-size-16, 16px) !important;
  margin-bottom: var(--base-size-16, 16px) !important;
}

/* Set a $size margin to all sides at $breakpoint */
.m-4 {
  margin: var(--base-size-24, 24px) !important;
}

/* Set a $size margin on the top at $breakpoint */
.mt-4 {
  margin-top: var(--base-size-24, 24px) !important;
}

/* Set a $size margin on the bottom at $breakpoint */
.mb-4 {
  margin-bottom: var(--base-size-24, 24px) !important;
}

/* Set a $size margin on the right at $breakpoint */
.mr-4 {
  margin-right: var(--base-size-24, 24px) !important;
}

/* Set a $size margin on the left at $breakpoint */
.ml-4 {
  margin-left: var(--base-size-24, 24px) !important;
}

/* Set a negative $size margin on top at $breakpoint */
.mt-n4 {
  margin-top: calc(-1 * var(--base-size-24, 24px)) !important;
}

/* Set a negative $size margin on the bottom at $breakpoint */
.mb-n4 {
  margin-bottom: calc(-1 * var(--base-size-24, 24px)) !important;
}

/* Set a negative $size margin on the right at $breakpoint */
.mr-n4 {
  margin-right: calc(-1 * var(--base-size-24, 24px)) !important;
}

/* Set a negative $size margin on the left at $breakpoint */
.ml-n4 {
  margin-left: calc(-1 * var(--base-size-24, 24px)) !important;
}

/* Set a $size margin on the left & right at $breakpoint */
.mx-4 {
  margin-right: var(--base-size-24, 24px) !important;
  margin-left: var(--base-size-24, 24px) !important;
}

/* Set a $size margin on the top & bottom at $breakpoint */
.my-4 {
  margin-top: var(--base-size-24, 24px) !important;
  margin-bottom: var(--base-size-24, 24px) !important;
}

/* Set a $size margin to all sides at $breakpoint */
.m-5 {
  margin: var(--base-size-32, 32px) !important;
}

/* Set a $size margin on the top at $breakpoint */
.mt-5 {
  margin-top: var(--base-size-32, 32px) !important;
}

/* Set a $size margin on the bottom at $breakpoint */
.mb-5 {
  margin-bottom: var(--base-size-32, 32px) !important;
}

/* Set a $size margin on the right at $breakpoint */
.mr-5 {
  margin-right: var(--base-size-32, 32px) !important;
}

/* Set a $size margin on the left at $breakpoint */
.ml-5 {
  margin-left: var(--base-size-32, 32px) !important;
}

/* Set a negative $size margin on top at $breakpoint */
.mt-n5 {
  margin-top: calc(-1 * var(--base-size-32, 32px)) !important;
}

/* Set a negative $size margin on the bottom at $breakpoint */
.mb-n5 {
  margin-bottom: calc(-1 * var(--base-size-32, 32px)) !important;
}

/* Set a negative $size margin on the right at $breakpoint */
.mr-n5 {
  margin-right: calc(-1 * var(--base-size-32, 32px)) !important;
}

/* Set a negative $size margin on the left at $breakpoint */
.ml-n5 {
  margin-left: calc(-1 * var(--base-size-32, 32px)) !important;
}

/* Set a $size margin on the left & right at $breakpoint */
.mx-5 {
  margin-right: var(--base-size-32, 32px) !important;
  margin-left: var(--base-size-32, 32px) !important;
}

/* Set a $size margin on the top & bottom at $breakpoint */
.my-5 {
  margin-top: var(--base-size-32, 32px) !important;
  margin-bottom: var(--base-size-32, 32px) !important;
}

/* Set a $size margin to all sides at $breakpoint */
.m-6 {
  margin: var(--base-size-40, 40px) !important;
}

/* Set a $size margin on the top at $breakpoint */
.mt-6 {
  margin-top: var(--base-size-40, 40px) !important;
}

/* Set a $size margin on the bottom at $breakpoint */
.mb-6 {
  margin-bottom: var(--base-size-40, 40px) !important;
}

/* Set a $size margin on the right at $breakpoint */
.mr-6 {
  margin-right: var(--base-size-40, 40px) !important;
}

/* Set a $size margin on the left at $breakpoint */
.ml-6 {
  margin-left: var(--base-size-40, 40px) !important;
}

/* Set a negative $size margin on top at $breakpoint */
.mt-n6 {
  margin-top: calc(-1 * var(--base-size-40, 40px)) !important;
}

/* Set a negative $size margin on the bottom at $breakpoint */
.mb-n6 {
  margin-bottom: calc(-1 * var(--base-size-40, 40px)) !important;
}

/* Set a negative $size margin on the right at $breakpoint */
.mr-n6 {
  margin-right: calc(-1 * var(--base-size-40, 40px)) !important;
}

/* Set a negative $size margin on the left at $breakpoint */
.ml-n6 {
  margin-left: calc(-1 * var(--base-size-40, 40px)) !important;
}

/* Set a $size margin on the left & right at $breakpoint */
.mx-6 {
  margin-right: var(--base-size-40, 40px) !important;
  margin-left: var(--base-size-40, 40px) !important;
}

/* Set a $size margin on the top & bottom at $breakpoint */
.my-6 {
  margin-top: var(--base-size-40, 40px) !important;
  margin-bottom: var(--base-size-40, 40px) !important;
}

/* Set a $size margin on the top at $breakpoint */
.mt-7 {
  margin-top: var(--base-size-48, 48px) !important;
}

/* Set a $size margin on the bottom at $breakpoint */
.mb-7 {
  margin-bottom: var(--base-size-48, 48px) !important;
}

/* Set a negative $size margin on top at $breakpoint */
.mt-n7 {
  margin-top: calc(-1 * var(--base-size-48, 48px)) !important;
}

/* Set a negative $size margin on the bottom at $breakpoint */
.mb-n7 {
  margin-bottom: calc(-1 * var(--base-size-48, 48px)) !important;
}

/* Set a $size margin on the top & bottom at $breakpoint */
.my-7 {
  margin-top: var(--base-size-48, 48px) !important;
  margin-bottom: var(--base-size-48, 48px) !important;
}

/* Set a $size margin on the top at $breakpoint */
.mt-8 {
  margin-top: var(--base-size-64, 64px) !important;
}

/* Set a $size margin on the bottom at $breakpoint */
.mb-8 {
  margin-bottom: var(--base-size-64, 64px) !important;
}

/* Set a negative $size margin on top at $breakpoint */
.mt-n8 {
  margin-top: calc(-1 * var(--base-size-64, 64px)) !important;
}

/* Set a negative $size margin on the bottom at $breakpoint */
.mb-n8 {
  margin-bottom: calc(-1 * var(--base-size-64, 64px)) !important;
}

/* Set a $size margin on the top & bottom at $breakpoint */
.my-8 {
  margin-top: var(--base-size-64, 64px) !important;
  margin-bottom: var(--base-size-64, 64px) !important;
}

/* Set a $size margin on the top at $breakpoint */
.mt-9 {
  margin-top: var(--base-size-80, 80px) !important;
}

/* Set a $size margin on the bottom at $breakpoint */
.mb-9 {
  margin-bottom: var(--base-size-80, 80px) !important;
}

/* Set a negative $size margin on top at $breakpoint */
.mt-n9 {
  margin-top: calc(-1 * var(--base-size-80, 80px)) !important;
}

/* Set a negative $size margin on the bottom at $breakpoint */
.mb-n9 {
  margin-bottom: calc(-1 * var(--base-size-80, 80px)) !important;
}

/* Set a $size margin on the top & bottom at $breakpoint */
.my-9 {
  margin-top: var(--base-size-80, 80px) !important;
  margin-bottom: var(--base-size-80, 80px) !important;
}

/* Set a $size margin on the top at $breakpoint */
.mt-10 {
  margin-top: var(--base-size-96, 96px) !important;
}

/* Set a $size margin on the bottom at $breakpoint */
.mb-10 {
  margin-bottom: var(--base-size-96, 96px) !important;
}

/* Set a negative $size margin on top at $breakpoint */
.mt-n10 {
  margin-top: calc(-1 * var(--base-size-96, 96px)) !important;
}

/* Set a negative $size margin on the bottom at $breakpoint */
.mb-n10 {
  margin-bottom: calc(-1 * var(--base-size-96, 96px)) !important;
}

/* Set a $size margin on the top & bottom at $breakpoint */
.my-10 {
  margin-top: var(--base-size-96, 96px) !important;
  margin-bottom: var(--base-size-96, 96px) !important;
}

/* Set a $size margin on the top at $breakpoint */
.mt-11 {
  margin-top: var(--base-size-112, 112px) !important;
}

/* Set a $size margin on the bottom at $breakpoint */
.mb-11 {
  margin-bottom: var(--base-size-112, 112px) !important;
}

/* Set a negative $size margin on top at $breakpoint */
.mt-n11 {
  margin-top: calc(-1 * var(--base-size-112, 112px)) !important;
}

/* Set a negative $size margin on the bottom at $breakpoint */
.mb-n11 {
  margin-bottom: calc(-1 * var(--base-size-112, 112px)) !important;
}

/* Set a $size margin on the top & bottom at $breakpoint */
.my-11 {
  margin-top: var(--base-size-112, 112px) !important;
  margin-bottom: var(--base-size-112, 112px) !important;
}

/* Set a $size margin on the top at $breakpoint */
.mt-12 {
  margin-top: var(--base-size-128, 128px) !important;
}

/* Set a $size margin on the bottom at $breakpoint */
.mb-12 {
  margin-bottom: var(--base-size-128, 128px) !important;
}

/* Set a negative $size margin on top at $breakpoint */
.mt-n12 {
  margin-top: calc(-1 * var(--base-size-128, 128px)) !important;
}

/* Set a negative $size margin on the bottom at $breakpoint */
.mb-n12 {
  margin-bottom: calc(-1 * var(--base-size-128, 128px)) !important;
}

/* Set a $size margin on the top & bottom at $breakpoint */
.my-12 {
  margin-top: var(--base-size-128, 128px) !important;
  margin-bottom: var(--base-size-128, 128px) !important;
}

/* responsive horizontal auto margins */
.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

@media (min-width: 544px) {
  /* Set a $size margin to all sides at $breakpoint */
  .m-sm-0 {
    margin: 0 !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-sm-0 {
    margin-top: 0 !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-sm-0 {
    margin-right: 0 !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-sm-0 {
    margin-left: 0 !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-sm-1 {
    margin: var(--base-size-4, 4px) !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-sm-1 {
    margin-top: var(--base-size-4, 4px) !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-sm-1 {
    margin-bottom: var(--base-size-4, 4px) !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-sm-1 {
    margin-right: var(--base-size-4, 4px) !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-sm-1 {
    margin-left: var(--base-size-4, 4px) !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-sm-n1 {
    margin-top: calc(-1 * var(--base-size-4, 4px)) !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-sm-n1 {
    margin-bottom: calc(-1 * var(--base-size-4, 4px)) !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-sm-n1 {
    margin-right: calc(-1 * var(--base-size-4, 4px)) !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-sm-n1 {
    margin-left: calc(-1 * var(--base-size-4, 4px)) !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-sm-1 {
    margin-right: var(--base-size-4, 4px) !important;
    margin-left: var(--base-size-4, 4px) !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-sm-1 {
    margin-top: var(--base-size-4, 4px) !important;
    margin-bottom: var(--base-size-4, 4px) !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-sm-2 {
    margin: var(--base-size-8, 8px) !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-sm-2 {
    margin-top: var(--base-size-8, 8px) !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-sm-2 {
    margin-bottom: var(--base-size-8, 8px) !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-sm-2 {
    margin-right: var(--base-size-8, 8px) !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-sm-2 {
    margin-left: var(--base-size-8, 8px) !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-sm-n2 {
    margin-top: calc(-1 * var(--base-size-8, 8px)) !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-sm-n2 {
    margin-bottom: calc(-1 * var(--base-size-8, 8px)) !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-sm-n2 {
    margin-right: calc(-1 * var(--base-size-8, 8px)) !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-sm-n2 {
    margin-left: calc(-1 * var(--base-size-8, 8px)) !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-sm-2 {
    margin-right: var(--base-size-8, 8px) !important;
    margin-left: var(--base-size-8, 8px) !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-sm-2 {
    margin-top: var(--base-size-8, 8px) !important;
    margin-bottom: var(--base-size-8, 8px) !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-sm-3 {
    margin: var(--base-size-16, 16px) !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-sm-3 {
    margin-top: var(--base-size-16, 16px) !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-sm-3 {
    margin-bottom: var(--base-size-16, 16px) !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-sm-3 {
    margin-right: var(--base-size-16, 16px) !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-sm-3 {
    margin-left: var(--base-size-16, 16px) !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-sm-n3 {
    margin-top: calc(-1 * var(--base-size-16, 16px)) !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-sm-n3 {
    margin-bottom: calc(-1 * var(--base-size-16, 16px)) !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-sm-n3 {
    margin-right: calc(-1 * var(--base-size-16, 16px)) !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-sm-n3 {
    margin-left: calc(-1 * var(--base-size-16, 16px)) !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-sm-3 {
    margin-right: var(--base-size-16, 16px) !important;
    margin-left: var(--base-size-16, 16px) !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-sm-3 {
    margin-top: var(--base-size-16, 16px) !important;
    margin-bottom: var(--base-size-16, 16px) !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-sm-4 {
    margin: var(--base-size-24, 24px) !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-sm-4 {
    margin-top: var(--base-size-24, 24px) !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-sm-4 {
    margin-bottom: var(--base-size-24, 24px) !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-sm-4 {
    margin-right: var(--base-size-24, 24px) !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-sm-4 {
    margin-left: var(--base-size-24, 24px) !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-sm-n4 {
    margin-top: calc(-1 * var(--base-size-24, 24px)) !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-sm-n4 {
    margin-bottom: calc(-1 * var(--base-size-24, 24px)) !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-sm-n4 {
    margin-right: calc(-1 * var(--base-size-24, 24px)) !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-sm-n4 {
    margin-left: calc(-1 * var(--base-size-24, 24px)) !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-sm-4 {
    margin-right: var(--base-size-24, 24px) !important;
    margin-left: var(--base-size-24, 24px) !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-sm-4 {
    margin-top: var(--base-size-24, 24px) !important;
    margin-bottom: var(--base-size-24, 24px) !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-sm-5 {
    margin: var(--base-size-32, 32px) !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-sm-5 {
    margin-top: var(--base-size-32, 32px) !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-sm-5 {
    margin-bottom: var(--base-size-32, 32px) !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-sm-5 {
    margin-right: var(--base-size-32, 32px) !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-sm-5 {
    margin-left: var(--base-size-32, 32px) !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-sm-n5 {
    margin-top: calc(-1 * var(--base-size-32, 32px)) !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-sm-n5 {
    margin-bottom: calc(-1 * var(--base-size-32, 32px)) !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-sm-n5 {
    margin-right: calc(-1 * var(--base-size-32, 32px)) !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-sm-n5 {
    margin-left: calc(-1 * var(--base-size-32, 32px)) !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-sm-5 {
    margin-right: var(--base-size-32, 32px) !important;
    margin-left: var(--base-size-32, 32px) !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-sm-5 {
    margin-top: var(--base-size-32, 32px) !important;
    margin-bottom: var(--base-size-32, 32px) !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-sm-6 {
    margin: var(--base-size-40, 40px) !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-sm-6 {
    margin-top: var(--base-size-40, 40px) !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-sm-6 {
    margin-bottom: var(--base-size-40, 40px) !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-sm-6 {
    margin-right: var(--base-size-40, 40px) !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-sm-6 {
    margin-left: var(--base-size-40, 40px) !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-sm-n6 {
    margin-top: calc(-1 * var(--base-size-40, 40px)) !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-sm-n6 {
    margin-bottom: calc(-1 * var(--base-size-40, 40px)) !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-sm-n6 {
    margin-right: calc(-1 * var(--base-size-40, 40px)) !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-sm-n6 {
    margin-left: calc(-1 * var(--base-size-40, 40px)) !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-sm-6 {
    margin-right: var(--base-size-40, 40px) !important;
    margin-left: var(--base-size-40, 40px) !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-sm-6 {
    margin-top: var(--base-size-40, 40px) !important;
    margin-bottom: var(--base-size-40, 40px) !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-sm-7 {
    margin-top: var(--base-size-48, 48px) !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-sm-7 {
    margin-bottom: var(--base-size-48, 48px) !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-sm-n7 {
    margin-top: calc(-1 * var(--base-size-48, 48px)) !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-sm-n7 {
    margin-bottom: calc(-1 * var(--base-size-48, 48px)) !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-sm-7 {
    margin-top: var(--base-size-48, 48px) !important;
    margin-bottom: var(--base-size-48, 48px) !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-sm-8 {
    margin-top: var(--base-size-64, 64px) !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-sm-8 {
    margin-bottom: var(--base-size-64, 64px) !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-sm-n8 {
    margin-top: calc(-1 * var(--base-size-64, 64px)) !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-sm-n8 {
    margin-bottom: calc(-1 * var(--base-size-64, 64px)) !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-sm-8 {
    margin-top: var(--base-size-64, 64px) !important;
    margin-bottom: var(--base-size-64, 64px) !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-sm-9 {
    margin-top: var(--base-size-80, 80px) !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-sm-9 {
    margin-bottom: var(--base-size-80, 80px) !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-sm-n9 {
    margin-top: calc(-1 * var(--base-size-80, 80px)) !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-sm-n9 {
    margin-bottom: calc(-1 * var(--base-size-80, 80px)) !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-sm-9 {
    margin-top: var(--base-size-80, 80px) !important;
    margin-bottom: var(--base-size-80, 80px) !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-sm-10 {
    margin-top: var(--base-size-96, 96px) !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-sm-10 {
    margin-bottom: var(--base-size-96, 96px) !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-sm-n10 {
    margin-top: calc(-1 * var(--base-size-96, 96px)) !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-sm-n10 {
    margin-bottom: calc(-1 * var(--base-size-96, 96px)) !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-sm-10 {
    margin-top: var(--base-size-96, 96px) !important;
    margin-bottom: var(--base-size-96, 96px) !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-sm-11 {
    margin-top: var(--base-size-112, 112px) !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-sm-11 {
    margin-bottom: var(--base-size-112, 112px) !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-sm-n11 {
    margin-top: calc(-1 * var(--base-size-112, 112px)) !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-sm-n11 {
    margin-bottom: calc(-1 * var(--base-size-112, 112px)) !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-sm-11 {
    margin-top: var(--base-size-112, 112px) !important;
    margin-bottom: var(--base-size-112, 112px) !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-sm-12 {
    margin-top: var(--base-size-128, 128px) !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-sm-12 {
    margin-bottom: var(--base-size-128, 128px) !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-sm-n12 {
    margin-top: calc(-1 * var(--base-size-128, 128px)) !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-sm-n12 {
    margin-bottom: calc(-1 * var(--base-size-128, 128px)) !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-sm-12 {
    margin-top: var(--base-size-128, 128px) !important;
    margin-bottom: var(--base-size-128, 128px) !important;
  }
  /* responsive horizontal auto margins */
  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
}
@media (min-width: 768px) {
  /* Set a $size margin to all sides at $breakpoint */
  .m-md-0 {
    margin: 0 !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-md-0 {
    margin-top: 0 !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-md-0 {
    margin-right: 0 !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-md-0 {
    margin-left: 0 !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-md-1 {
    margin: var(--base-size-4, 4px) !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-md-1 {
    margin-top: var(--base-size-4, 4px) !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-md-1 {
    margin-bottom: var(--base-size-4, 4px) !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-md-1 {
    margin-right: var(--base-size-4, 4px) !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-md-1 {
    margin-left: var(--base-size-4, 4px) !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-md-n1 {
    margin-top: calc(-1 * var(--base-size-4, 4px)) !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-md-n1 {
    margin-bottom: calc(-1 * var(--base-size-4, 4px)) !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-md-n1 {
    margin-right: calc(-1 * var(--base-size-4, 4px)) !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-md-n1 {
    margin-left: calc(-1 * var(--base-size-4, 4px)) !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-md-1 {
    margin-right: var(--base-size-4, 4px) !important;
    margin-left: var(--base-size-4, 4px) !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-md-1 {
    margin-top: var(--base-size-4, 4px) !important;
    margin-bottom: var(--base-size-4, 4px) !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-md-2 {
    margin: var(--base-size-8, 8px) !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-md-2 {
    margin-top: var(--base-size-8, 8px) !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-md-2 {
    margin-bottom: var(--base-size-8, 8px) !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-md-2 {
    margin-right: var(--base-size-8, 8px) !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-md-2 {
    margin-left: var(--base-size-8, 8px) !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-md-n2 {
    margin-top: calc(-1 * var(--base-size-8, 8px)) !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-md-n2 {
    margin-bottom: calc(-1 * var(--base-size-8, 8px)) !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-md-n2 {
    margin-right: calc(-1 * var(--base-size-8, 8px)) !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-md-n2 {
    margin-left: calc(-1 * var(--base-size-8, 8px)) !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-md-2 {
    margin-right: var(--base-size-8, 8px) !important;
    margin-left: var(--base-size-8, 8px) !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-md-2 {
    margin-top: var(--base-size-8, 8px) !important;
    margin-bottom: var(--base-size-8, 8px) !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-md-3 {
    margin: var(--base-size-16, 16px) !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-md-3 {
    margin-top: var(--base-size-16, 16px) !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-md-3 {
    margin-bottom: var(--base-size-16, 16px) !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-md-3 {
    margin-right: var(--base-size-16, 16px) !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-md-3 {
    margin-left: var(--base-size-16, 16px) !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-md-n3 {
    margin-top: calc(-1 * var(--base-size-16, 16px)) !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-md-n3 {
    margin-bottom: calc(-1 * var(--base-size-16, 16px)) !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-md-n3 {
    margin-right: calc(-1 * var(--base-size-16, 16px)) !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-md-n3 {
    margin-left: calc(-1 * var(--base-size-16, 16px)) !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-md-3 {
    margin-right: var(--base-size-16, 16px) !important;
    margin-left: var(--base-size-16, 16px) !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-md-3 {
    margin-top: var(--base-size-16, 16px) !important;
    margin-bottom: var(--base-size-16, 16px) !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-md-4 {
    margin: var(--base-size-24, 24px) !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-md-4 {
    margin-top: var(--base-size-24, 24px) !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-md-4 {
    margin-bottom: var(--base-size-24, 24px) !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-md-4 {
    margin-right: var(--base-size-24, 24px) !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-md-4 {
    margin-left: var(--base-size-24, 24px) !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-md-n4 {
    margin-top: calc(-1 * var(--base-size-24, 24px)) !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-md-n4 {
    margin-bottom: calc(-1 * var(--base-size-24, 24px)) !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-md-n4 {
    margin-right: calc(-1 * var(--base-size-24, 24px)) !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-md-n4 {
    margin-left: calc(-1 * var(--base-size-24, 24px)) !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-md-4 {
    margin-right: var(--base-size-24, 24px) !important;
    margin-left: var(--base-size-24, 24px) !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-md-4 {
    margin-top: var(--base-size-24, 24px) !important;
    margin-bottom: var(--base-size-24, 24px) !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-md-5 {
    margin: var(--base-size-32, 32px) !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-md-5 {
    margin-top: var(--base-size-32, 32px) !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-md-5 {
    margin-bottom: var(--base-size-32, 32px) !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-md-5 {
    margin-right: var(--base-size-32, 32px) !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-md-5 {
    margin-left: var(--base-size-32, 32px) !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-md-n5 {
    margin-top: calc(-1 * var(--base-size-32, 32px)) !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-md-n5 {
    margin-bottom: calc(-1 * var(--base-size-32, 32px)) !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-md-n5 {
    margin-right: calc(-1 * var(--base-size-32, 32px)) !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-md-n5 {
    margin-left: calc(-1 * var(--base-size-32, 32px)) !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-md-5 {
    margin-right: var(--base-size-32, 32px) !important;
    margin-left: var(--base-size-32, 32px) !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-md-5 {
    margin-top: var(--base-size-32, 32px) !important;
    margin-bottom: var(--base-size-32, 32px) !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-md-6 {
    margin: var(--base-size-40, 40px) !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-md-6 {
    margin-top: var(--base-size-40, 40px) !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-md-6 {
    margin-bottom: var(--base-size-40, 40px) !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-md-6 {
    margin-right: var(--base-size-40, 40px) !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-md-6 {
    margin-left: var(--base-size-40, 40px) !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-md-n6 {
    margin-top: calc(-1 * var(--base-size-40, 40px)) !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-md-n6 {
    margin-bottom: calc(-1 * var(--base-size-40, 40px)) !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-md-n6 {
    margin-right: calc(-1 * var(--base-size-40, 40px)) !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-md-n6 {
    margin-left: calc(-1 * var(--base-size-40, 40px)) !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-md-6 {
    margin-right: var(--base-size-40, 40px) !important;
    margin-left: var(--base-size-40, 40px) !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-md-6 {
    margin-top: var(--base-size-40, 40px) !important;
    margin-bottom: var(--base-size-40, 40px) !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-md-7 {
    margin-top: var(--base-size-48, 48px) !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-md-7 {
    margin-bottom: var(--base-size-48, 48px) !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-md-n7 {
    margin-top: calc(-1 * var(--base-size-48, 48px)) !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-md-n7 {
    margin-bottom: calc(-1 * var(--base-size-48, 48px)) !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-md-7 {
    margin-top: var(--base-size-48, 48px) !important;
    margin-bottom: var(--base-size-48, 48px) !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-md-8 {
    margin-top: var(--base-size-64, 64px) !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-md-8 {
    margin-bottom: var(--base-size-64, 64px) !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-md-n8 {
    margin-top: calc(-1 * var(--base-size-64, 64px)) !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-md-n8 {
    margin-bottom: calc(-1 * var(--base-size-64, 64px)) !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-md-8 {
    margin-top: var(--base-size-64, 64px) !important;
    margin-bottom: var(--base-size-64, 64px) !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-md-9 {
    margin-top: var(--base-size-80, 80px) !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-md-9 {
    margin-bottom: var(--base-size-80, 80px) !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-md-n9 {
    margin-top: calc(-1 * var(--base-size-80, 80px)) !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-md-n9 {
    margin-bottom: calc(-1 * var(--base-size-80, 80px)) !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-md-9 {
    margin-top: var(--base-size-80, 80px) !important;
    margin-bottom: var(--base-size-80, 80px) !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-md-10 {
    margin-top: var(--base-size-96, 96px) !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-md-10 {
    margin-bottom: var(--base-size-96, 96px) !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-md-n10 {
    margin-top: calc(-1 * var(--base-size-96, 96px)) !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-md-n10 {
    margin-bottom: calc(-1 * var(--base-size-96, 96px)) !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-md-10 {
    margin-top: var(--base-size-96, 96px) !important;
    margin-bottom: var(--base-size-96, 96px) !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-md-11 {
    margin-top: var(--base-size-112, 112px) !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-md-11 {
    margin-bottom: var(--base-size-112, 112px) !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-md-n11 {
    margin-top: calc(-1 * var(--base-size-112, 112px)) !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-md-n11 {
    margin-bottom: calc(-1 * var(--base-size-112, 112px)) !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-md-11 {
    margin-top: var(--base-size-112, 112px) !important;
    margin-bottom: var(--base-size-112, 112px) !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-md-12 {
    margin-top: var(--base-size-128, 128px) !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-md-12 {
    margin-bottom: var(--base-size-128, 128px) !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-md-n12 {
    margin-top: calc(-1 * var(--base-size-128, 128px)) !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-md-n12 {
    margin-bottom: calc(-1 * var(--base-size-128, 128px)) !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-md-12 {
    margin-top: var(--base-size-128, 128px) !important;
    margin-bottom: var(--base-size-128, 128px) !important;
  }
  /* responsive horizontal auto margins */
  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
}
@media (min-width: 1012px) {
  /* Set a $size margin to all sides at $breakpoint */
  .m-lg-0 {
    margin: 0 !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-lg-0 {
    margin-top: 0 !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-lg-0 {
    margin-right: 0 !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-lg-0 {
    margin-left: 0 !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-lg-1 {
    margin: var(--base-size-4, 4px) !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-lg-1 {
    margin-top: var(--base-size-4, 4px) !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-lg-1 {
    margin-bottom: var(--base-size-4, 4px) !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-lg-1 {
    margin-right: var(--base-size-4, 4px) !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-lg-1 {
    margin-left: var(--base-size-4, 4px) !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-lg-n1 {
    margin-top: calc(-1 * var(--base-size-4, 4px)) !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-lg-n1 {
    margin-bottom: calc(-1 * var(--base-size-4, 4px)) !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-lg-n1 {
    margin-right: calc(-1 * var(--base-size-4, 4px)) !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-lg-n1 {
    margin-left: calc(-1 * var(--base-size-4, 4px)) !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-lg-1 {
    margin-right: var(--base-size-4, 4px) !important;
    margin-left: var(--base-size-4, 4px) !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-lg-1 {
    margin-top: var(--base-size-4, 4px) !important;
    margin-bottom: var(--base-size-4, 4px) !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-lg-2 {
    margin: var(--base-size-8, 8px) !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-lg-2 {
    margin-top: var(--base-size-8, 8px) !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-lg-2 {
    margin-bottom: var(--base-size-8, 8px) !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-lg-2 {
    margin-right: var(--base-size-8, 8px) !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-lg-2 {
    margin-left: var(--base-size-8, 8px) !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-lg-n2 {
    margin-top: calc(-1 * var(--base-size-8, 8px)) !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-lg-n2 {
    margin-bottom: calc(-1 * var(--base-size-8, 8px)) !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-lg-n2 {
    margin-right: calc(-1 * var(--base-size-8, 8px)) !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-lg-n2 {
    margin-left: calc(-1 * var(--base-size-8, 8px)) !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-lg-2 {
    margin-right: var(--base-size-8, 8px) !important;
    margin-left: var(--base-size-8, 8px) !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-lg-2 {
    margin-top: var(--base-size-8, 8px) !important;
    margin-bottom: var(--base-size-8, 8px) !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-lg-3 {
    margin: var(--base-size-16, 16px) !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-lg-3 {
    margin-top: var(--base-size-16, 16px) !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-lg-3 {
    margin-bottom: var(--base-size-16, 16px) !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-lg-3 {
    margin-right: var(--base-size-16, 16px) !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-lg-3 {
    margin-left: var(--base-size-16, 16px) !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-lg-n3 {
    margin-top: calc(-1 * var(--base-size-16, 16px)) !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-lg-n3 {
    margin-bottom: calc(-1 * var(--base-size-16, 16px)) !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-lg-n3 {
    margin-right: calc(-1 * var(--base-size-16, 16px)) !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-lg-n3 {
    margin-left: calc(-1 * var(--base-size-16, 16px)) !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-lg-3 {
    margin-right: var(--base-size-16, 16px) !important;
    margin-left: var(--base-size-16, 16px) !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-lg-3 {
    margin-top: var(--base-size-16, 16px) !important;
    margin-bottom: var(--base-size-16, 16px) !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-lg-4 {
    margin: var(--base-size-24, 24px) !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-lg-4 {
    margin-top: var(--base-size-24, 24px) !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-lg-4 {
    margin-bottom: var(--base-size-24, 24px) !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-lg-4 {
    margin-right: var(--base-size-24, 24px) !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-lg-4 {
    margin-left: var(--base-size-24, 24px) !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-lg-n4 {
    margin-top: calc(-1 * var(--base-size-24, 24px)) !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-lg-n4 {
    margin-bottom: calc(-1 * var(--base-size-24, 24px)) !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-lg-n4 {
    margin-right: calc(-1 * var(--base-size-24, 24px)) !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-lg-n4 {
    margin-left: calc(-1 * var(--base-size-24, 24px)) !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-lg-4 {
    margin-right: var(--base-size-24, 24px) !important;
    margin-left: var(--base-size-24, 24px) !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-lg-4 {
    margin-top: var(--base-size-24, 24px) !important;
    margin-bottom: var(--base-size-24, 24px) !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-lg-5 {
    margin: var(--base-size-32, 32px) !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-lg-5 {
    margin-top: var(--base-size-32, 32px) !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-lg-5 {
    margin-bottom: var(--base-size-32, 32px) !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-lg-5 {
    margin-right: var(--base-size-32, 32px) !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-lg-5 {
    margin-left: var(--base-size-32, 32px) !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-lg-n5 {
    margin-top: calc(-1 * var(--base-size-32, 32px)) !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-lg-n5 {
    margin-bottom: calc(-1 * var(--base-size-32, 32px)) !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-lg-n5 {
    margin-right: calc(-1 * var(--base-size-32, 32px)) !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-lg-n5 {
    margin-left: calc(-1 * var(--base-size-32, 32px)) !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-lg-5 {
    margin-right: var(--base-size-32, 32px) !important;
    margin-left: var(--base-size-32, 32px) !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-lg-5 {
    margin-top: var(--base-size-32, 32px) !important;
    margin-bottom: var(--base-size-32, 32px) !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-lg-6 {
    margin: var(--base-size-40, 40px) !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-lg-6 {
    margin-top: var(--base-size-40, 40px) !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-lg-6 {
    margin-bottom: var(--base-size-40, 40px) !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-lg-6 {
    margin-right: var(--base-size-40, 40px) !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-lg-6 {
    margin-left: var(--base-size-40, 40px) !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-lg-n6 {
    margin-top: calc(-1 * var(--base-size-40, 40px)) !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-lg-n6 {
    margin-bottom: calc(-1 * var(--base-size-40, 40px)) !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-lg-n6 {
    margin-right: calc(-1 * var(--base-size-40, 40px)) !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-lg-n6 {
    margin-left: calc(-1 * var(--base-size-40, 40px)) !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-lg-6 {
    margin-right: var(--base-size-40, 40px) !important;
    margin-left: var(--base-size-40, 40px) !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-lg-6 {
    margin-top: var(--base-size-40, 40px) !important;
    margin-bottom: var(--base-size-40, 40px) !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-lg-7 {
    margin-top: var(--base-size-48, 48px) !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-lg-7 {
    margin-bottom: var(--base-size-48, 48px) !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-lg-n7 {
    margin-top: calc(-1 * var(--base-size-48, 48px)) !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-lg-n7 {
    margin-bottom: calc(-1 * var(--base-size-48, 48px)) !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-lg-7 {
    margin-top: var(--base-size-48, 48px) !important;
    margin-bottom: var(--base-size-48, 48px) !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-lg-8 {
    margin-top: var(--base-size-64, 64px) !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-lg-8 {
    margin-bottom: var(--base-size-64, 64px) !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-lg-n8 {
    margin-top: calc(-1 * var(--base-size-64, 64px)) !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-lg-n8 {
    margin-bottom: calc(-1 * var(--base-size-64, 64px)) !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-lg-8 {
    margin-top: var(--base-size-64, 64px) !important;
    margin-bottom: var(--base-size-64, 64px) !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-lg-9 {
    margin-top: var(--base-size-80, 80px) !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-lg-9 {
    margin-bottom: var(--base-size-80, 80px) !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-lg-n9 {
    margin-top: calc(-1 * var(--base-size-80, 80px)) !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-lg-n9 {
    margin-bottom: calc(-1 * var(--base-size-80, 80px)) !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-lg-9 {
    margin-top: var(--base-size-80, 80px) !important;
    margin-bottom: var(--base-size-80, 80px) !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-lg-10 {
    margin-top: var(--base-size-96, 96px) !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-lg-10 {
    margin-bottom: var(--base-size-96, 96px) !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-lg-n10 {
    margin-top: calc(-1 * var(--base-size-96, 96px)) !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-lg-n10 {
    margin-bottom: calc(-1 * var(--base-size-96, 96px)) !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-lg-10 {
    margin-top: var(--base-size-96, 96px) !important;
    margin-bottom: var(--base-size-96, 96px) !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-lg-11 {
    margin-top: var(--base-size-112, 112px) !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-lg-11 {
    margin-bottom: var(--base-size-112, 112px) !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-lg-n11 {
    margin-top: calc(-1 * var(--base-size-112, 112px)) !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-lg-n11 {
    margin-bottom: calc(-1 * var(--base-size-112, 112px)) !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-lg-11 {
    margin-top: var(--base-size-112, 112px) !important;
    margin-bottom: var(--base-size-112, 112px) !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-lg-12 {
    margin-top: var(--base-size-128, 128px) !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-lg-12 {
    margin-bottom: var(--base-size-128, 128px) !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-lg-n12 {
    margin-top: calc(-1 * var(--base-size-128, 128px)) !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-lg-n12 {
    margin-bottom: calc(-1 * var(--base-size-128, 128px)) !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-lg-12 {
    margin-top: var(--base-size-128, 128px) !important;
    margin-bottom: var(--base-size-128, 128px) !important;
  }
  /* responsive horizontal auto margins */
  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
}
@media (min-width: 1280px) {
  /* Set a $size margin to all sides at $breakpoint */
  .m-xl-0 {
    margin: 0 !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-xl-0 {
    margin-top: 0 !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-xl-0 {
    margin-bottom: 0 !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-xl-0 {
    margin-right: 0 !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-xl-0 {
    margin-left: 0 !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-xl-1 {
    margin: var(--base-size-4, 4px) !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-xl-1 {
    margin-top: var(--base-size-4, 4px) !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-xl-1 {
    margin-bottom: var(--base-size-4, 4px) !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-xl-1 {
    margin-right: var(--base-size-4, 4px) !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-xl-1 {
    margin-left: var(--base-size-4, 4px) !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-xl-n1 {
    margin-top: calc(-1 * var(--base-size-4, 4px)) !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-xl-n1 {
    margin-bottom: calc(-1 * var(--base-size-4, 4px)) !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-xl-n1 {
    margin-right: calc(-1 * var(--base-size-4, 4px)) !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-xl-n1 {
    margin-left: calc(-1 * var(--base-size-4, 4px)) !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-xl-1 {
    margin-right: var(--base-size-4, 4px) !important;
    margin-left: var(--base-size-4, 4px) !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-xl-1 {
    margin-top: var(--base-size-4, 4px) !important;
    margin-bottom: var(--base-size-4, 4px) !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-xl-2 {
    margin: var(--base-size-8, 8px) !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-xl-2 {
    margin-top: var(--base-size-8, 8px) !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-xl-2 {
    margin-bottom: var(--base-size-8, 8px) !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-xl-2 {
    margin-right: var(--base-size-8, 8px) !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-xl-2 {
    margin-left: var(--base-size-8, 8px) !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-xl-n2 {
    margin-top: calc(-1 * var(--base-size-8, 8px)) !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-xl-n2 {
    margin-bottom: calc(-1 * var(--base-size-8, 8px)) !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-xl-n2 {
    margin-right: calc(-1 * var(--base-size-8, 8px)) !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-xl-n2 {
    margin-left: calc(-1 * var(--base-size-8, 8px)) !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-xl-2 {
    margin-right: var(--base-size-8, 8px) !important;
    margin-left: var(--base-size-8, 8px) !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-xl-2 {
    margin-top: var(--base-size-8, 8px) !important;
    margin-bottom: var(--base-size-8, 8px) !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-xl-3 {
    margin: var(--base-size-16, 16px) !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-xl-3 {
    margin-top: var(--base-size-16, 16px) !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-xl-3 {
    margin-bottom: var(--base-size-16, 16px) !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-xl-3 {
    margin-right: var(--base-size-16, 16px) !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-xl-3 {
    margin-left: var(--base-size-16, 16px) !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-xl-n3 {
    margin-top: calc(-1 * var(--base-size-16, 16px)) !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-xl-n3 {
    margin-bottom: calc(-1 * var(--base-size-16, 16px)) !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-xl-n3 {
    margin-right: calc(-1 * var(--base-size-16, 16px)) !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-xl-n3 {
    margin-left: calc(-1 * var(--base-size-16, 16px)) !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-xl-3 {
    margin-right: var(--base-size-16, 16px) !important;
    margin-left: var(--base-size-16, 16px) !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-xl-3 {
    margin-top: var(--base-size-16, 16px) !important;
    margin-bottom: var(--base-size-16, 16px) !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-xl-4 {
    margin: var(--base-size-24, 24px) !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-xl-4 {
    margin-top: var(--base-size-24, 24px) !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-xl-4 {
    margin-bottom: var(--base-size-24, 24px) !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-xl-4 {
    margin-right: var(--base-size-24, 24px) !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-xl-4 {
    margin-left: var(--base-size-24, 24px) !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-xl-n4 {
    margin-top: calc(-1 * var(--base-size-24, 24px)) !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-xl-n4 {
    margin-bottom: calc(-1 * var(--base-size-24, 24px)) !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-xl-n4 {
    margin-right: calc(-1 * var(--base-size-24, 24px)) !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-xl-n4 {
    margin-left: calc(-1 * var(--base-size-24, 24px)) !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-xl-4 {
    margin-right: var(--base-size-24, 24px) !important;
    margin-left: var(--base-size-24, 24px) !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-xl-4 {
    margin-top: var(--base-size-24, 24px) !important;
    margin-bottom: var(--base-size-24, 24px) !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-xl-5 {
    margin: var(--base-size-32, 32px) !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-xl-5 {
    margin-top: var(--base-size-32, 32px) !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-xl-5 {
    margin-bottom: var(--base-size-32, 32px) !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-xl-5 {
    margin-right: var(--base-size-32, 32px) !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-xl-5 {
    margin-left: var(--base-size-32, 32px) !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-xl-n5 {
    margin-top: calc(-1 * var(--base-size-32, 32px)) !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-xl-n5 {
    margin-bottom: calc(-1 * var(--base-size-32, 32px)) !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-xl-n5 {
    margin-right: calc(-1 * var(--base-size-32, 32px)) !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-xl-n5 {
    margin-left: calc(-1 * var(--base-size-32, 32px)) !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-xl-5 {
    margin-right: var(--base-size-32, 32px) !important;
    margin-left: var(--base-size-32, 32px) !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-xl-5 {
    margin-top: var(--base-size-32, 32px) !important;
    margin-bottom: var(--base-size-32, 32px) !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-xl-6 {
    margin: var(--base-size-40, 40px) !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-xl-6 {
    margin-top: var(--base-size-40, 40px) !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-xl-6 {
    margin-bottom: var(--base-size-40, 40px) !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-xl-6 {
    margin-right: var(--base-size-40, 40px) !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-xl-6 {
    margin-left: var(--base-size-40, 40px) !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-xl-n6 {
    margin-top: calc(-1 * var(--base-size-40, 40px)) !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-xl-n6 {
    margin-bottom: calc(-1 * var(--base-size-40, 40px)) !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-xl-n6 {
    margin-right: calc(-1 * var(--base-size-40, 40px)) !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-xl-n6 {
    margin-left: calc(-1 * var(--base-size-40, 40px)) !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-xl-6 {
    margin-right: var(--base-size-40, 40px) !important;
    margin-left: var(--base-size-40, 40px) !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-xl-6 {
    margin-top: var(--base-size-40, 40px) !important;
    margin-bottom: var(--base-size-40, 40px) !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-xl-7 {
    margin-top: var(--base-size-48, 48px) !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-xl-7 {
    margin-bottom: var(--base-size-48, 48px) !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-xl-n7 {
    margin-top: calc(-1 * var(--base-size-48, 48px)) !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-xl-n7 {
    margin-bottom: calc(-1 * var(--base-size-48, 48px)) !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-xl-7 {
    margin-top: var(--base-size-48, 48px) !important;
    margin-bottom: var(--base-size-48, 48px) !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-xl-8 {
    margin-top: var(--base-size-64, 64px) !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-xl-8 {
    margin-bottom: var(--base-size-64, 64px) !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-xl-n8 {
    margin-top: calc(-1 * var(--base-size-64, 64px)) !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-xl-n8 {
    margin-bottom: calc(-1 * var(--base-size-64, 64px)) !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-xl-8 {
    margin-top: var(--base-size-64, 64px) !important;
    margin-bottom: var(--base-size-64, 64px) !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-xl-9 {
    margin-top: var(--base-size-80, 80px) !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-xl-9 {
    margin-bottom: var(--base-size-80, 80px) !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-xl-n9 {
    margin-top: calc(-1 * var(--base-size-80, 80px)) !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-xl-n9 {
    margin-bottom: calc(-1 * var(--base-size-80, 80px)) !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-xl-9 {
    margin-top: var(--base-size-80, 80px) !important;
    margin-bottom: var(--base-size-80, 80px) !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-xl-10 {
    margin-top: var(--base-size-96, 96px) !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-xl-10 {
    margin-bottom: var(--base-size-96, 96px) !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-xl-n10 {
    margin-top: calc(-1 * var(--base-size-96, 96px)) !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-xl-n10 {
    margin-bottom: calc(-1 * var(--base-size-96, 96px)) !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-xl-10 {
    margin-top: var(--base-size-96, 96px) !important;
    margin-bottom: var(--base-size-96, 96px) !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-xl-11 {
    margin-top: var(--base-size-112, 112px) !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-xl-11 {
    margin-bottom: var(--base-size-112, 112px) !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-xl-n11 {
    margin-top: calc(-1 * var(--base-size-112, 112px)) !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-xl-n11 {
    margin-bottom: calc(-1 * var(--base-size-112, 112px)) !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-xl-11 {
    margin-top: var(--base-size-112, 112px) !important;
    margin-bottom: var(--base-size-112, 112px) !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-xl-12 {
    margin-top: var(--base-size-128, 128px) !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-xl-12 {
    margin-bottom: var(--base-size-128, 128px) !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-xl-n12 {
    margin-top: calc(-1 * var(--base-size-128, 128px)) !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-xl-n12 {
    margin-bottom: calc(-1 * var(--base-size-128, 128px)) !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-xl-12 {
    margin-top: var(--base-size-128, 128px) !important;
    margin-bottom: var(--base-size-128, 128px) !important;
  }
  /* responsive horizontal auto margins */
  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
}
.m-auto {
  margin: auto !important;
}

.mt-auto {
  margin-top: auto !important;
}

.mr-auto {
  margin-right: auto !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ml-auto {
  margin-left: auto !important;
}

/* Set a $size padding to all sides at $breakpoint */
.p-0 {
  padding: 0 !important;
}

/* Set a $size padding to the top at $breakpoint */
.pt-0 {
  padding-top: 0 !important;
}

/* Set a $size padding to the right at $breakpoint */
.pr-0 {
  padding-right: 0 !important;
}

/* Set a $size padding to the bottom at $breakpoint */
.pb-0 {
  padding-bottom: 0 !important;
}

/* Set a $size padding to the left at $breakpoint */
.pl-0 {
  padding-left: 0 !important;
}

/* Set a $size padding to the left & right at $breakpoint */
.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

/* Set a $size padding to the top & bottom at $breakpoint */
.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Set a $size padding to all sides at $breakpoint */
.p-1 {
  padding: var(--base-size-4, 4px) !important;
}

/* Set a $size padding to the top at $breakpoint */
.pt-1 {
  padding-top: var(--base-size-4, 4px) !important;
}

/* Set a $size padding to the right at $breakpoint */
.pr-1 {
  padding-right: var(--base-size-4, 4px) !important;
}

/* Set a $size padding to the bottom at $breakpoint */
.pb-1 {
  padding-bottom: var(--base-size-4, 4px) !important;
}

/* Set a $size padding to the left at $breakpoint */
.pl-1 {
  padding-left: var(--base-size-4, 4px) !important;
}

/* Set a $size padding to the left & right at $breakpoint */
.px-1 {
  padding-right: var(--base-size-4, 4px) !important;
  padding-left: var(--base-size-4, 4px) !important;
}

/* Set a $size padding to the top & bottom at $breakpoint */
.py-1 {
  padding-top: var(--base-size-4, 4px) !important;
  padding-bottom: var(--base-size-4, 4px) !important;
}

/* Set a $size padding to all sides at $breakpoint */
.p-2 {
  padding: var(--base-size-8, 8px) !important;
}

/* Set a $size padding to the top at $breakpoint */
.pt-2 {
  padding-top: var(--base-size-8, 8px) !important;
}

/* Set a $size padding to the right at $breakpoint */
.pr-2 {
  padding-right: var(--base-size-8, 8px) !important;
}

/* Set a $size padding to the bottom at $breakpoint */
.pb-2 {
  padding-bottom: var(--base-size-8, 8px) !important;
}

/* Set a $size padding to the left at $breakpoint */
.pl-2 {
  padding-left: var(--base-size-8, 8px) !important;
}

/* Set a $size padding to the left & right at $breakpoint */
.px-2 {
  padding-right: var(--base-size-8, 8px) !important;
  padding-left: var(--base-size-8, 8px) !important;
}

/* Set a $size padding to the top & bottom at $breakpoint */
.py-2 {
  padding-top: var(--base-size-8, 8px) !important;
  padding-bottom: var(--base-size-8, 8px) !important;
}

/* Set a $size padding to all sides at $breakpoint */
.p-3 {
  padding: var(--base-size-16, 16px) !important;
}

/* Set a $size padding to the top at $breakpoint */
.pt-3 {
  padding-top: var(--base-size-16, 16px) !important;
}

/* Set a $size padding to the right at $breakpoint */
.pr-3 {
  padding-right: var(--base-size-16, 16px) !important;
}

/* Set a $size padding to the bottom at $breakpoint */
.pb-3 {
  padding-bottom: var(--base-size-16, 16px) !important;
}

/* Set a $size padding to the left at $breakpoint */
.pl-3 {
  padding-left: var(--base-size-16, 16px) !important;
}

/* Set a $size padding to the left & right at $breakpoint */
.px-3 {
  padding-right: var(--base-size-16, 16px) !important;
  padding-left: var(--base-size-16, 16px) !important;
}

/* Set a $size padding to the top & bottom at $breakpoint */
.py-3 {
  padding-top: var(--base-size-16, 16px) !important;
  padding-bottom: var(--base-size-16, 16px) !important;
}

/* Set a $size padding to all sides at $breakpoint */
.p-4 {
  padding: var(--base-size-24, 24px) !important;
}

/* Set a $size padding to the top at $breakpoint */
.pt-4 {
  padding-top: var(--base-size-24, 24px) !important;
}

/* Set a $size padding to the right at $breakpoint */
.pr-4 {
  padding-right: var(--base-size-24, 24px) !important;
}

/* Set a $size padding to the bottom at $breakpoint */
.pb-4 {
  padding-bottom: var(--base-size-24, 24px) !important;
}

/* Set a $size padding to the left at $breakpoint */
.pl-4 {
  padding-left: var(--base-size-24, 24px) !important;
}

/* Set a $size padding to the left & right at $breakpoint */
.px-4 {
  padding-right: var(--base-size-24, 24px) !important;
  padding-left: var(--base-size-24, 24px) !important;
}

/* Set a $size padding to the top & bottom at $breakpoint */
.py-4 {
  padding-top: var(--base-size-24, 24px) !important;
  padding-bottom: var(--base-size-24, 24px) !important;
}

/* Set a $size padding to all sides at $breakpoint */
.p-5 {
  padding: var(--base-size-32, 32px) !important;
}

/* Set a $size padding to the top at $breakpoint */
.pt-5 {
  padding-top: var(--base-size-32, 32px) !important;
}

/* Set a $size padding to the right at $breakpoint */
.pr-5 {
  padding-right: var(--base-size-32, 32px) !important;
}

/* Set a $size padding to the bottom at $breakpoint */
.pb-5 {
  padding-bottom: var(--base-size-32, 32px) !important;
}

/* Set a $size padding to the left at $breakpoint */
.pl-5 {
  padding-left: var(--base-size-32, 32px) !important;
}

/* Set a $size padding to the left & right at $breakpoint */
.px-5 {
  padding-right: var(--base-size-32, 32px) !important;
  padding-left: var(--base-size-32, 32px) !important;
}

/* Set a $size padding to the top & bottom at $breakpoint */
.py-5 {
  padding-top: var(--base-size-32, 32px) !important;
  padding-bottom: var(--base-size-32, 32px) !important;
}

/* Set a $size padding to all sides at $breakpoint */
.p-6 {
  padding: var(--base-size-40, 40px) !important;
}

/* Set a $size padding to the top at $breakpoint */
.pt-6 {
  padding-top: var(--base-size-40, 40px) !important;
}

/* Set a $size padding to the right at $breakpoint */
.pr-6 {
  padding-right: var(--base-size-40, 40px) !important;
}

/* Set a $size padding to the bottom at $breakpoint */
.pb-6 {
  padding-bottom: var(--base-size-40, 40px) !important;
}

/* Set a $size padding to the left at $breakpoint */
.pl-6 {
  padding-left: var(--base-size-40, 40px) !important;
}

/* Set a $size padding to the left & right at $breakpoint */
.px-6 {
  padding-right: var(--base-size-40, 40px) !important;
  padding-left: var(--base-size-40, 40px) !important;
}

/* Set a $size padding to the top & bottom at $breakpoint */
.py-6 {
  padding-top: var(--base-size-40, 40px) !important;
  padding-bottom: var(--base-size-40, 40px) !important;
}

/* Set a $size padding to the top at $breakpoint */
.pt-7 {
  padding-top: var(--base-size-48, 48px) !important;
}

/* Set a $size padding to the right at $breakpoint */
.pr-7 {
  padding-right: var(--base-size-48, 48px) !important;
}

/* Set a $size padding to the bottom at $breakpoint */
.pb-7 {
  padding-bottom: var(--base-size-48, 48px) !important;
}

/* Set a $size padding to the left at $breakpoint */
.pl-7 {
  padding-left: var(--base-size-48, 48px) !important;
}

/* Set a $size padding to the top & bottom at $breakpoint */
.py-7 {
  padding-top: var(--base-size-48, 48px) !important;
  padding-bottom: var(--base-size-48, 48px) !important;
}

/* Set a $size padding to the top at $breakpoint */
.pt-8 {
  padding-top: var(--base-size-64, 64px) !important;
}

/* Set a $size padding to the right at $breakpoint */
.pr-8 {
  padding-right: var(--base-size-64, 64px) !important;
}

/* Set a $size padding to the bottom at $breakpoint */
.pb-8 {
  padding-bottom: var(--base-size-64, 64px) !important;
}

/* Set a $size padding to the left at $breakpoint */
.pl-8 {
  padding-left: var(--base-size-64, 64px) !important;
}

/* Set a $size padding to the top & bottom at $breakpoint */
.py-8 {
  padding-top: var(--base-size-64, 64px) !important;
  padding-bottom: var(--base-size-64, 64px) !important;
}

/* Set a $size padding to the top at $breakpoint */
.pt-9 {
  padding-top: var(--base-size-80, 80px) !important;
}

/* Set a $size padding to the right at $breakpoint */
.pr-9 {
  padding-right: var(--base-size-80, 80px) !important;
}

/* Set a $size padding to the bottom at $breakpoint */
.pb-9 {
  padding-bottom: var(--base-size-80, 80px) !important;
}

/* Set a $size padding to the left at $breakpoint */
.pl-9 {
  padding-left: var(--base-size-80, 80px) !important;
}

/* Set a $size padding to the top & bottom at $breakpoint */
.py-9 {
  padding-top: var(--base-size-80, 80px) !important;
  padding-bottom: var(--base-size-80, 80px) !important;
}

/* Set a $size padding to the top at $breakpoint */
.pt-10 {
  padding-top: var(--base-size-96, 96px) !important;
}

/* Set a $size padding to the right at $breakpoint */
.pr-10 {
  padding-right: var(--base-size-96, 96px) !important;
}

/* Set a $size padding to the bottom at $breakpoint */
.pb-10 {
  padding-bottom: var(--base-size-96, 96px) !important;
}

/* Set a $size padding to the left at $breakpoint */
.pl-10 {
  padding-left: var(--base-size-96, 96px) !important;
}

/* Set a $size padding to the top & bottom at $breakpoint */
.py-10 {
  padding-top: var(--base-size-96, 96px) !important;
  padding-bottom: var(--base-size-96, 96px) !important;
}

/* Set a $size padding to the top at $breakpoint */
.pt-11 {
  padding-top: var(--base-size-112, 112px) !important;
}

/* Set a $size padding to the right at $breakpoint */
.pr-11 {
  padding-right: var(--base-size-112, 112px) !important;
}

/* Set a $size padding to the bottom at $breakpoint */
.pb-11 {
  padding-bottom: var(--base-size-112, 112px) !important;
}

/* Set a $size padding to the left at $breakpoint */
.pl-11 {
  padding-left: var(--base-size-112, 112px) !important;
}

/* Set a $size padding to the top & bottom at $breakpoint */
.py-11 {
  padding-top: var(--base-size-112, 112px) !important;
  padding-bottom: var(--base-size-112, 112px) !important;
}

/* Set a $size padding to the top at $breakpoint */
.pt-12 {
  padding-top: var(--base-size-128, 128px) !important;
}

/* Set a $size padding to the right at $breakpoint */
.pr-12 {
  padding-right: var(--base-size-128, 128px) !important;
}

/* Set a $size padding to the bottom at $breakpoint */
.pb-12 {
  padding-bottom: var(--base-size-128, 128px) !important;
}

/* Set a $size padding to the left at $breakpoint */
.pl-12 {
  padding-left: var(--base-size-128, 128px) !important;
}

/* Set a $size padding to the top & bottom at $breakpoint */
.py-12 {
  padding-top: var(--base-size-128, 128px) !important;
  padding-bottom: var(--base-size-128, 128px) !important;
}

@media (min-width: 544px) {
  /* Set a $size padding to all sides at $breakpoint */
  .p-sm-0 {
    padding: 0 !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-sm-0 {
    padding-top: 0 !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-sm-0 {
    padding-right: 0 !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-sm-0 {
    padding-bottom: 0 !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-sm-0 {
    padding-left: 0 !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-sm-1 {
    padding: var(--base-size-4, 4px) !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-sm-1 {
    padding-top: var(--base-size-4, 4px) !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-sm-1 {
    padding-right: var(--base-size-4, 4px) !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-sm-1 {
    padding-bottom: var(--base-size-4, 4px) !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-sm-1 {
    padding-left: var(--base-size-4, 4px) !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-sm-1 {
    padding-right: var(--base-size-4, 4px) !important;
    padding-left: var(--base-size-4, 4px) !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-sm-1 {
    padding-top: var(--base-size-4, 4px) !important;
    padding-bottom: var(--base-size-4, 4px) !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-sm-2 {
    padding: var(--base-size-8, 8px) !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-sm-2 {
    padding-top: var(--base-size-8, 8px) !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-sm-2 {
    padding-right: var(--base-size-8, 8px) !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-sm-2 {
    padding-bottom: var(--base-size-8, 8px) !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-sm-2 {
    padding-left: var(--base-size-8, 8px) !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-sm-2 {
    padding-right: var(--base-size-8, 8px) !important;
    padding-left: var(--base-size-8, 8px) !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-sm-2 {
    padding-top: var(--base-size-8, 8px) !important;
    padding-bottom: var(--base-size-8, 8px) !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-sm-3 {
    padding: var(--base-size-16, 16px) !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-sm-3 {
    padding-top: var(--base-size-16, 16px) !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-sm-3 {
    padding-right: var(--base-size-16, 16px) !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-sm-3 {
    padding-bottom: var(--base-size-16, 16px) !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-sm-3 {
    padding-left: var(--base-size-16, 16px) !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-sm-3 {
    padding-right: var(--base-size-16, 16px) !important;
    padding-left: var(--base-size-16, 16px) !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-sm-3 {
    padding-top: var(--base-size-16, 16px) !important;
    padding-bottom: var(--base-size-16, 16px) !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-sm-4 {
    padding: var(--base-size-24, 24px) !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-sm-4 {
    padding-top: var(--base-size-24, 24px) !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-sm-4 {
    padding-right: var(--base-size-24, 24px) !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-sm-4 {
    padding-bottom: var(--base-size-24, 24px) !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-sm-4 {
    padding-left: var(--base-size-24, 24px) !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-sm-4 {
    padding-right: var(--base-size-24, 24px) !important;
    padding-left: var(--base-size-24, 24px) !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-sm-4 {
    padding-top: var(--base-size-24, 24px) !important;
    padding-bottom: var(--base-size-24, 24px) !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-sm-5 {
    padding: var(--base-size-32, 32px) !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-sm-5 {
    padding-top: var(--base-size-32, 32px) !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-sm-5 {
    padding-right: var(--base-size-32, 32px) !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-sm-5 {
    padding-bottom: var(--base-size-32, 32px) !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-sm-5 {
    padding-left: var(--base-size-32, 32px) !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-sm-5 {
    padding-right: var(--base-size-32, 32px) !important;
    padding-left: var(--base-size-32, 32px) !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-sm-5 {
    padding-top: var(--base-size-32, 32px) !important;
    padding-bottom: var(--base-size-32, 32px) !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-sm-6 {
    padding: var(--base-size-40, 40px) !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-sm-6 {
    padding-top: var(--base-size-40, 40px) !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-sm-6 {
    padding-right: var(--base-size-40, 40px) !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-sm-6 {
    padding-bottom: var(--base-size-40, 40px) !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-sm-6 {
    padding-left: var(--base-size-40, 40px) !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-sm-6 {
    padding-right: var(--base-size-40, 40px) !important;
    padding-left: var(--base-size-40, 40px) !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-sm-6 {
    padding-top: var(--base-size-40, 40px) !important;
    padding-bottom: var(--base-size-40, 40px) !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-sm-7 {
    padding-top: var(--base-size-48, 48px) !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-sm-7 {
    padding-right: var(--base-size-48, 48px) !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-sm-7 {
    padding-bottom: var(--base-size-48, 48px) !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-sm-7 {
    padding-left: var(--base-size-48, 48px) !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-sm-7 {
    padding-top: var(--base-size-48, 48px) !important;
    padding-bottom: var(--base-size-48, 48px) !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-sm-8 {
    padding-top: var(--base-size-64, 64px) !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-sm-8 {
    padding-right: var(--base-size-64, 64px) !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-sm-8 {
    padding-bottom: var(--base-size-64, 64px) !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-sm-8 {
    padding-left: var(--base-size-64, 64px) !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-sm-8 {
    padding-top: var(--base-size-64, 64px) !important;
    padding-bottom: var(--base-size-64, 64px) !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-sm-9 {
    padding-top: var(--base-size-80, 80px) !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-sm-9 {
    padding-right: var(--base-size-80, 80px) !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-sm-9 {
    padding-bottom: var(--base-size-80, 80px) !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-sm-9 {
    padding-left: var(--base-size-80, 80px) !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-sm-9 {
    padding-top: var(--base-size-80, 80px) !important;
    padding-bottom: var(--base-size-80, 80px) !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-sm-10 {
    padding-top: var(--base-size-96, 96px) !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-sm-10 {
    padding-right: var(--base-size-96, 96px) !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-sm-10 {
    padding-bottom: var(--base-size-96, 96px) !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-sm-10 {
    padding-left: var(--base-size-96, 96px) !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-sm-10 {
    padding-top: var(--base-size-96, 96px) !important;
    padding-bottom: var(--base-size-96, 96px) !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-sm-11 {
    padding-top: var(--base-size-112, 112px) !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-sm-11 {
    padding-right: var(--base-size-112, 112px) !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-sm-11 {
    padding-bottom: var(--base-size-112, 112px) !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-sm-11 {
    padding-left: var(--base-size-112, 112px) !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-sm-11 {
    padding-top: var(--base-size-112, 112px) !important;
    padding-bottom: var(--base-size-112, 112px) !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-sm-12 {
    padding-top: var(--base-size-128, 128px) !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-sm-12 {
    padding-right: var(--base-size-128, 128px) !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-sm-12 {
    padding-bottom: var(--base-size-128, 128px) !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-sm-12 {
    padding-left: var(--base-size-128, 128px) !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-sm-12 {
    padding-top: var(--base-size-128, 128px) !important;
    padding-bottom: var(--base-size-128, 128px) !important;
  }
}
@media (min-width: 768px) {
  /* Set a $size padding to all sides at $breakpoint */
  .p-md-0 {
    padding: 0 !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-md-0 {
    padding-top: 0 !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-md-0 {
    padding-right: 0 !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-md-0 {
    padding-bottom: 0 !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-md-0 {
    padding-left: 0 !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-md-1 {
    padding: var(--base-size-4, 4px) !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-md-1 {
    padding-top: var(--base-size-4, 4px) !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-md-1 {
    padding-right: var(--base-size-4, 4px) !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-md-1 {
    padding-bottom: var(--base-size-4, 4px) !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-md-1 {
    padding-left: var(--base-size-4, 4px) !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-md-1 {
    padding-right: var(--base-size-4, 4px) !important;
    padding-left: var(--base-size-4, 4px) !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-md-1 {
    padding-top: var(--base-size-4, 4px) !important;
    padding-bottom: var(--base-size-4, 4px) !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-md-2 {
    padding: var(--base-size-8, 8px) !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-md-2 {
    padding-top: var(--base-size-8, 8px) !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-md-2 {
    padding-right: var(--base-size-8, 8px) !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-md-2 {
    padding-bottom: var(--base-size-8, 8px) !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-md-2 {
    padding-left: var(--base-size-8, 8px) !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-md-2 {
    padding-right: var(--base-size-8, 8px) !important;
    padding-left: var(--base-size-8, 8px) !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-md-2 {
    padding-top: var(--base-size-8, 8px) !important;
    padding-bottom: var(--base-size-8, 8px) !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-md-3 {
    padding: var(--base-size-16, 16px) !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-md-3 {
    padding-top: var(--base-size-16, 16px) !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-md-3 {
    padding-right: var(--base-size-16, 16px) !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-md-3 {
    padding-bottom: var(--base-size-16, 16px) !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-md-3 {
    padding-left: var(--base-size-16, 16px) !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-md-3 {
    padding-right: var(--base-size-16, 16px) !important;
    padding-left: var(--base-size-16, 16px) !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-md-3 {
    padding-top: var(--base-size-16, 16px) !important;
    padding-bottom: var(--base-size-16, 16px) !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-md-4 {
    padding: var(--base-size-24, 24px) !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-md-4 {
    padding-top: var(--base-size-24, 24px) !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-md-4 {
    padding-right: var(--base-size-24, 24px) !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-md-4 {
    padding-bottom: var(--base-size-24, 24px) !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-md-4 {
    padding-left: var(--base-size-24, 24px) !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-md-4 {
    padding-right: var(--base-size-24, 24px) !important;
    padding-left: var(--base-size-24, 24px) !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-md-4 {
    padding-top: var(--base-size-24, 24px) !important;
    padding-bottom: var(--base-size-24, 24px) !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-md-5 {
    padding: var(--base-size-32, 32px) !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-md-5 {
    padding-top: var(--base-size-32, 32px) !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-md-5 {
    padding-right: var(--base-size-32, 32px) !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-md-5 {
    padding-bottom: var(--base-size-32, 32px) !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-md-5 {
    padding-left: var(--base-size-32, 32px) !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-md-5 {
    padding-right: var(--base-size-32, 32px) !important;
    padding-left: var(--base-size-32, 32px) !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-md-5 {
    padding-top: var(--base-size-32, 32px) !important;
    padding-bottom: var(--base-size-32, 32px) !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-md-6 {
    padding: var(--base-size-40, 40px) !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-md-6 {
    padding-top: var(--base-size-40, 40px) !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-md-6 {
    padding-right: var(--base-size-40, 40px) !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-md-6 {
    padding-bottom: var(--base-size-40, 40px) !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-md-6 {
    padding-left: var(--base-size-40, 40px) !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-md-6 {
    padding-right: var(--base-size-40, 40px) !important;
    padding-left: var(--base-size-40, 40px) !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-md-6 {
    padding-top: var(--base-size-40, 40px) !important;
    padding-bottom: var(--base-size-40, 40px) !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-md-7 {
    padding-top: var(--base-size-48, 48px) !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-md-7 {
    padding-right: var(--base-size-48, 48px) !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-md-7 {
    padding-bottom: var(--base-size-48, 48px) !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-md-7 {
    padding-left: var(--base-size-48, 48px) !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-md-7 {
    padding-top: var(--base-size-48, 48px) !important;
    padding-bottom: var(--base-size-48, 48px) !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-md-8 {
    padding-top: var(--base-size-64, 64px) !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-md-8 {
    padding-right: var(--base-size-64, 64px) !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-md-8 {
    padding-bottom: var(--base-size-64, 64px) !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-md-8 {
    padding-left: var(--base-size-64, 64px) !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-md-8 {
    padding-top: var(--base-size-64, 64px) !important;
    padding-bottom: var(--base-size-64, 64px) !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-md-9 {
    padding-top: var(--base-size-80, 80px) !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-md-9 {
    padding-right: var(--base-size-80, 80px) !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-md-9 {
    padding-bottom: var(--base-size-80, 80px) !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-md-9 {
    padding-left: var(--base-size-80, 80px) !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-md-9 {
    padding-top: var(--base-size-80, 80px) !important;
    padding-bottom: var(--base-size-80, 80px) !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-md-10 {
    padding-top: var(--base-size-96, 96px) !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-md-10 {
    padding-right: var(--base-size-96, 96px) !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-md-10 {
    padding-bottom: var(--base-size-96, 96px) !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-md-10 {
    padding-left: var(--base-size-96, 96px) !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-md-10 {
    padding-top: var(--base-size-96, 96px) !important;
    padding-bottom: var(--base-size-96, 96px) !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-md-11 {
    padding-top: var(--base-size-112, 112px) !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-md-11 {
    padding-right: var(--base-size-112, 112px) !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-md-11 {
    padding-bottom: var(--base-size-112, 112px) !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-md-11 {
    padding-left: var(--base-size-112, 112px) !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-md-11 {
    padding-top: var(--base-size-112, 112px) !important;
    padding-bottom: var(--base-size-112, 112px) !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-md-12 {
    padding-top: var(--base-size-128, 128px) !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-md-12 {
    padding-right: var(--base-size-128, 128px) !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-md-12 {
    padding-bottom: var(--base-size-128, 128px) !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-md-12 {
    padding-left: var(--base-size-128, 128px) !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-md-12 {
    padding-top: var(--base-size-128, 128px) !important;
    padding-bottom: var(--base-size-128, 128px) !important;
  }
}
@media (min-width: 1012px) {
  /* Set a $size padding to all sides at $breakpoint */
  .p-lg-0 {
    padding: 0 !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-lg-0 {
    padding-top: 0 !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-lg-0 {
    padding-right: 0 !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-lg-0 {
    padding-bottom: 0 !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-lg-0 {
    padding-left: 0 !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-lg-1 {
    padding: var(--base-size-4, 4px) !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-lg-1 {
    padding-top: var(--base-size-4, 4px) !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-lg-1 {
    padding-right: var(--base-size-4, 4px) !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-lg-1 {
    padding-bottom: var(--base-size-4, 4px) !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-lg-1 {
    padding-left: var(--base-size-4, 4px) !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-lg-1 {
    padding-right: var(--base-size-4, 4px) !important;
    padding-left: var(--base-size-4, 4px) !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-lg-1 {
    padding-top: var(--base-size-4, 4px) !important;
    padding-bottom: var(--base-size-4, 4px) !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-lg-2 {
    padding: var(--base-size-8, 8px) !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-lg-2 {
    padding-top: var(--base-size-8, 8px) !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-lg-2 {
    padding-right: var(--base-size-8, 8px) !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-lg-2 {
    padding-bottom: var(--base-size-8, 8px) !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-lg-2 {
    padding-left: var(--base-size-8, 8px) !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-lg-2 {
    padding-right: var(--base-size-8, 8px) !important;
    padding-left: var(--base-size-8, 8px) !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-lg-2 {
    padding-top: var(--base-size-8, 8px) !important;
    padding-bottom: var(--base-size-8, 8px) !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-lg-3 {
    padding: var(--base-size-16, 16px) !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-lg-3 {
    padding-top: var(--base-size-16, 16px) !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-lg-3 {
    padding-right: var(--base-size-16, 16px) !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-lg-3 {
    padding-bottom: var(--base-size-16, 16px) !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-lg-3 {
    padding-left: var(--base-size-16, 16px) !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-lg-3 {
    padding-right: var(--base-size-16, 16px) !important;
    padding-left: var(--base-size-16, 16px) !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-lg-3 {
    padding-top: var(--base-size-16, 16px) !important;
    padding-bottom: var(--base-size-16, 16px) !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-lg-4 {
    padding: var(--base-size-24, 24px) !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-lg-4 {
    padding-top: var(--base-size-24, 24px) !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-lg-4 {
    padding-right: var(--base-size-24, 24px) !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-lg-4 {
    padding-bottom: var(--base-size-24, 24px) !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-lg-4 {
    padding-left: var(--base-size-24, 24px) !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-lg-4 {
    padding-right: var(--base-size-24, 24px) !important;
    padding-left: var(--base-size-24, 24px) !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-lg-4 {
    padding-top: var(--base-size-24, 24px) !important;
    padding-bottom: var(--base-size-24, 24px) !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-lg-5 {
    padding: var(--base-size-32, 32px) !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-lg-5 {
    padding-top: var(--base-size-32, 32px) !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-lg-5 {
    padding-right: var(--base-size-32, 32px) !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-lg-5 {
    padding-bottom: var(--base-size-32, 32px) !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-lg-5 {
    padding-left: var(--base-size-32, 32px) !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-lg-5 {
    padding-right: var(--base-size-32, 32px) !important;
    padding-left: var(--base-size-32, 32px) !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-lg-5 {
    padding-top: var(--base-size-32, 32px) !important;
    padding-bottom: var(--base-size-32, 32px) !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-lg-6 {
    padding: var(--base-size-40, 40px) !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-lg-6 {
    padding-top: var(--base-size-40, 40px) !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-lg-6 {
    padding-right: var(--base-size-40, 40px) !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-lg-6 {
    padding-bottom: var(--base-size-40, 40px) !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-lg-6 {
    padding-left: var(--base-size-40, 40px) !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-lg-6 {
    padding-right: var(--base-size-40, 40px) !important;
    padding-left: var(--base-size-40, 40px) !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-lg-6 {
    padding-top: var(--base-size-40, 40px) !important;
    padding-bottom: var(--base-size-40, 40px) !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-lg-7 {
    padding-top: var(--base-size-48, 48px) !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-lg-7 {
    padding-right: var(--base-size-48, 48px) !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-lg-7 {
    padding-bottom: var(--base-size-48, 48px) !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-lg-7 {
    padding-left: var(--base-size-48, 48px) !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-lg-7 {
    padding-top: var(--base-size-48, 48px) !important;
    padding-bottom: var(--base-size-48, 48px) !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-lg-8 {
    padding-top: var(--base-size-64, 64px) !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-lg-8 {
    padding-right: var(--base-size-64, 64px) !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-lg-8 {
    padding-bottom: var(--base-size-64, 64px) !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-lg-8 {
    padding-left: var(--base-size-64, 64px) !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-lg-8 {
    padding-top: var(--base-size-64, 64px) !important;
    padding-bottom: var(--base-size-64, 64px) !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-lg-9 {
    padding-top: var(--base-size-80, 80px) !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-lg-9 {
    padding-right: var(--base-size-80, 80px) !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-lg-9 {
    padding-bottom: var(--base-size-80, 80px) !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-lg-9 {
    padding-left: var(--base-size-80, 80px) !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-lg-9 {
    padding-top: var(--base-size-80, 80px) !important;
    padding-bottom: var(--base-size-80, 80px) !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-lg-10 {
    padding-top: var(--base-size-96, 96px) !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-lg-10 {
    padding-right: var(--base-size-96, 96px) !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-lg-10 {
    padding-bottom: var(--base-size-96, 96px) !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-lg-10 {
    padding-left: var(--base-size-96, 96px) !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-lg-10 {
    padding-top: var(--base-size-96, 96px) !important;
    padding-bottom: var(--base-size-96, 96px) !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-lg-11 {
    padding-top: var(--base-size-112, 112px) !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-lg-11 {
    padding-right: var(--base-size-112, 112px) !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-lg-11 {
    padding-bottom: var(--base-size-112, 112px) !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-lg-11 {
    padding-left: var(--base-size-112, 112px) !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-lg-11 {
    padding-top: var(--base-size-112, 112px) !important;
    padding-bottom: var(--base-size-112, 112px) !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-lg-12 {
    padding-top: var(--base-size-128, 128px) !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-lg-12 {
    padding-right: var(--base-size-128, 128px) !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-lg-12 {
    padding-bottom: var(--base-size-128, 128px) !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-lg-12 {
    padding-left: var(--base-size-128, 128px) !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-lg-12 {
    padding-top: var(--base-size-128, 128px) !important;
    padding-bottom: var(--base-size-128, 128px) !important;
  }
}
@media (min-width: 1280px) {
  /* Set a $size padding to all sides at $breakpoint */
  .p-xl-0 {
    padding: 0 !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-xl-0 {
    padding-top: 0 !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-xl-0 {
    padding-right: 0 !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-xl-0 {
    padding-bottom: 0 !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-xl-0 {
    padding-left: 0 !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-xl-1 {
    padding: var(--base-size-4, 4px) !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-xl-1 {
    padding-top: var(--base-size-4, 4px) !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-xl-1 {
    padding-right: var(--base-size-4, 4px) !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-xl-1 {
    padding-bottom: var(--base-size-4, 4px) !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-xl-1 {
    padding-left: var(--base-size-4, 4px) !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-xl-1 {
    padding-right: var(--base-size-4, 4px) !important;
    padding-left: var(--base-size-4, 4px) !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-xl-1 {
    padding-top: var(--base-size-4, 4px) !important;
    padding-bottom: var(--base-size-4, 4px) !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-xl-2 {
    padding: var(--base-size-8, 8px) !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-xl-2 {
    padding-top: var(--base-size-8, 8px) !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-xl-2 {
    padding-right: var(--base-size-8, 8px) !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-xl-2 {
    padding-bottom: var(--base-size-8, 8px) !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-xl-2 {
    padding-left: var(--base-size-8, 8px) !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-xl-2 {
    padding-right: var(--base-size-8, 8px) !important;
    padding-left: var(--base-size-8, 8px) !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-xl-2 {
    padding-top: var(--base-size-8, 8px) !important;
    padding-bottom: var(--base-size-8, 8px) !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-xl-3 {
    padding: var(--base-size-16, 16px) !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-xl-3 {
    padding-top: var(--base-size-16, 16px) !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-xl-3 {
    padding-right: var(--base-size-16, 16px) !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-xl-3 {
    padding-bottom: var(--base-size-16, 16px) !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-xl-3 {
    padding-left: var(--base-size-16, 16px) !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-xl-3 {
    padding-right: var(--base-size-16, 16px) !important;
    padding-left: var(--base-size-16, 16px) !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-xl-3 {
    padding-top: var(--base-size-16, 16px) !important;
    padding-bottom: var(--base-size-16, 16px) !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-xl-4 {
    padding: var(--base-size-24, 24px) !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-xl-4 {
    padding-top: var(--base-size-24, 24px) !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-xl-4 {
    padding-right: var(--base-size-24, 24px) !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-xl-4 {
    padding-bottom: var(--base-size-24, 24px) !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-xl-4 {
    padding-left: var(--base-size-24, 24px) !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-xl-4 {
    padding-right: var(--base-size-24, 24px) !important;
    padding-left: var(--base-size-24, 24px) !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-xl-4 {
    padding-top: var(--base-size-24, 24px) !important;
    padding-bottom: var(--base-size-24, 24px) !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-xl-5 {
    padding: var(--base-size-32, 32px) !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-xl-5 {
    padding-top: var(--base-size-32, 32px) !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-xl-5 {
    padding-right: var(--base-size-32, 32px) !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-xl-5 {
    padding-bottom: var(--base-size-32, 32px) !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-xl-5 {
    padding-left: var(--base-size-32, 32px) !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-xl-5 {
    padding-right: var(--base-size-32, 32px) !important;
    padding-left: var(--base-size-32, 32px) !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-xl-5 {
    padding-top: var(--base-size-32, 32px) !important;
    padding-bottom: var(--base-size-32, 32px) !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-xl-6 {
    padding: var(--base-size-40, 40px) !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-xl-6 {
    padding-top: var(--base-size-40, 40px) !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-xl-6 {
    padding-right: var(--base-size-40, 40px) !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-xl-6 {
    padding-bottom: var(--base-size-40, 40px) !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-xl-6 {
    padding-left: var(--base-size-40, 40px) !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-xl-6 {
    padding-right: var(--base-size-40, 40px) !important;
    padding-left: var(--base-size-40, 40px) !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-xl-6 {
    padding-top: var(--base-size-40, 40px) !important;
    padding-bottom: var(--base-size-40, 40px) !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-xl-7 {
    padding-top: var(--base-size-48, 48px) !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-xl-7 {
    padding-right: var(--base-size-48, 48px) !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-xl-7 {
    padding-bottom: var(--base-size-48, 48px) !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-xl-7 {
    padding-left: var(--base-size-48, 48px) !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-xl-7 {
    padding-top: var(--base-size-48, 48px) !important;
    padding-bottom: var(--base-size-48, 48px) !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-xl-8 {
    padding-top: var(--base-size-64, 64px) !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-xl-8 {
    padding-right: var(--base-size-64, 64px) !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-xl-8 {
    padding-bottom: var(--base-size-64, 64px) !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-xl-8 {
    padding-left: var(--base-size-64, 64px) !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-xl-8 {
    padding-top: var(--base-size-64, 64px) !important;
    padding-bottom: var(--base-size-64, 64px) !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-xl-9 {
    padding-top: var(--base-size-80, 80px) !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-xl-9 {
    padding-right: var(--base-size-80, 80px) !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-xl-9 {
    padding-bottom: var(--base-size-80, 80px) !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-xl-9 {
    padding-left: var(--base-size-80, 80px) !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-xl-9 {
    padding-top: var(--base-size-80, 80px) !important;
    padding-bottom: var(--base-size-80, 80px) !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-xl-10 {
    padding-top: var(--base-size-96, 96px) !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-xl-10 {
    padding-right: var(--base-size-96, 96px) !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-xl-10 {
    padding-bottom: var(--base-size-96, 96px) !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-xl-10 {
    padding-left: var(--base-size-96, 96px) !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-xl-10 {
    padding-top: var(--base-size-96, 96px) !important;
    padding-bottom: var(--base-size-96, 96px) !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-xl-11 {
    padding-top: var(--base-size-112, 112px) !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-xl-11 {
    padding-right: var(--base-size-112, 112px) !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-xl-11 {
    padding-bottom: var(--base-size-112, 112px) !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-xl-11 {
    padding-left: var(--base-size-112, 112px) !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-xl-11 {
    padding-top: var(--base-size-112, 112px) !important;
    padding-bottom: var(--base-size-112, 112px) !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-xl-12 {
    padding-top: var(--base-size-128, 128px) !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-xl-12 {
    padding-right: var(--base-size-128, 128px) !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-xl-12 {
    padding-bottom: var(--base-size-128, 128px) !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-xl-12 {
    padding-left: var(--base-size-128, 128px) !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-xl-12 {
    padding-top: var(--base-size-128, 128px) !important;
    padding-bottom: var(--base-size-128, 128px) !important;
  }
}
.p-responsive {
  padding-right: var(--base-size-16) !important;
  padding-left: var(--base-size-16) !important;
}
@media (min-width: 544px) {
  .p-responsive {
    padding-right: var(--base-size-40) !important;
    padding-left: var(--base-size-40) !important;
  }
}
@media (min-width: 1012px) {
  .p-responsive {
    padding-right: var(--base-size-16) !important;
    padding-left: var(--base-size-16) !important;
  }
}

.d-block {
  display: block !important;
}

.d-flex {
  display: flex !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

.d-none {
  display: none !important;
}

.d-table {
  display: table !important;
}

.d-table-cell {
  display: table-cell !important;
}

@media (min-width: 544px) {
  .d-sm-block {
    display: block !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
  .d-sm-none {
    display: none !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
}
@media (min-width: 768px) {
  .d-md-block {
    display: block !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
  .d-md-none {
    display: none !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
}
@media (min-width: 1012px) {
  .d-lg-block {
    display: block !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
  .d-lg-none {
    display: none !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
}
@media (min-width: 1280px) {
  .d-xl-block {
    display: block !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
  .d-xl-none {
    display: none !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
}
.v-hidden {
  visibility: hidden !important;
}

.v-visible {
  visibility: visible !important;
}

@media (max-width: 543.98px) {
  .hide-sm {
    display: none !important;
  }
}
@media (min-width: 544px) and (max-width: 768.98px) {
  .hide-md {
    display: none !important;
  }
}
@media (min-width: 769px) and (max-width: 1023.98px) {
  .hide-lg {
    display: none !important;
  }
}
@media (min-width: 1216px) {
  .hide-xl {
    display: none !important;
  }
}
.color-shadow-small {
  box-shadow: var(--shadow-resting-small) !important;
}

.color-shadow-medium {
  box-shadow: var(--shadow-resting-medium) !important;
}

.color-shadow-large {
  box-shadow: var(--shadow-floating-large) !important;
}

.color-shadow-extra-large {
  box-shadow: var(--shadow-floating-xlarge) !important;
}

.shadow-floating-small {
  box-shadow: var(--shadow-floating-small) !important;
}

.box-shadow-none {
  box-shadow: none !important;
}

.h1 {
  font-size: var(--h1-size-mobile, 2.5rem) !important;
}
@media (min-width: 768px) {
  .h1 {
    font-size: var(--h1-size, 2.5rem) !important;
  }
}

.h2 {
  font-size: var(--h2-size-mobile, 2rem) !important;
}
@media (min-width: 768px) {
  .h2 {
    font-size: var(--h2-size, 2rem) !important;
  }
}

.h3 {
  font-size: var(--h3-size-mobile, 1.5rem) !important;
}
@media (min-width: 768px) {
  .h3 {
    font-size: var(--h3-size, 1.5rem) !important;
  }
}

.h4 {
  font-size: var(--h4-size, 1.25rem) !important;
}

.h5 {
  font-size: var(--h5-size, 1rem) !important;
}

.h6 {
  font-size: var(--h6-size, 0.75rem) !important;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-weight: var(--base-text-weight-bold, 700) !important;
}

.f1 {
  font-size: var(--h1-size-mobile, 2.5rem) !important;
}
@media (min-width: 768px) {
  .f1 {
    font-size: var(--h1-size, 2.5rem) !important;
  }
}

.f2 {
  font-size: var(--h2-size-mobile, 2rem) !important;
}
@media (min-width: 768px) {
  .f2 {
    font-size: var(--h2-size, 2rem) !important;
  }
}

.f3 {
  font-size: var(--h3-size-mobile, 1.5rem) !important;
}
@media (min-width: 768px) {
  .f3 {
    font-size: var(--h3-size, 1.5rem) !important;
  }
}

.f4 {
  font-size: var(--h4-size, 1.25rem) !important;
}
@media (min-width: 768px) {
  .f4 {
    font-size: var(--h4-size, 1.25rem) !important;
  }
}

.f5 {
  font-size: var(--h5-size, 1rem) !important;
}

.f6 {
  font-size: var(--h6-size, 0.75rem) !important;
}

.f00-light {
  font-size: var(--h00-size-mobile, 4.5rem) !important;
  font-weight: var(--base-text-weight-light, 300) !important;
}
@media (min-width: 768px) {
  .f00-light {
    font-size: var(--h00-size, 4.5rem) !important;
  }
}

.f0-light {
  font-size: var(--h0-size-mobile, 3rem) !important;
  font-weight: var(--base-text-weight-light, 300) !important;
}
@media (min-width: 768px) {
  .f0-light {
    font-size: var(--h0-size, 3rem) !important;
  }
}

.f1-light {
  font-size: var(--h1-size-mobile, 2.5rem) !important;
  font-weight: var(--base-text-weight-light, 300) !important;
}
@media (min-width: 768px) {
  .f1-light {
    font-size: var(--h1-size, 2.5rem) !important;
  }
}

.f2-light {
  font-size: var(--h2-size-mobile, 2rem) !important;
  font-weight: var(--base-text-weight-light, 300) !important;
}
@media (min-width: 768px) {
  .f2-light {
    font-size: var(--h2-size, 2rem) !important;
  }
}

.f3-light {
  font-size: var(--h3-size-mobile, 1.5rem) !important;
  font-weight: var(--base-text-weight-light, 300) !important;
}
@media (min-width: 768px) {
  .f3-light {
    font-size: var(--h3-size, 1.5rem) !important;
  }
}

.text-small {
  font-size: var(--h6-size, 0.75rem) !important;
}

/* Large leading paragraphs */
.lead {
  margin-bottom: 30px;
  font-size: var(--h3-size, 1.5rem);
  font-weight: var(--base-text-weight-light, 300);
}

/* Text align to the right */
.text-right {
  text-align: right !important;
}

/* Text align to the left */
.text-left {
  text-align: left !important;
}

/* Text align to the center */
.text-center {
  text-align: center !important;
}

@media (min-width: 544px) {
  /* Text align to the right */
  .text-sm-right {
    text-align: right !important;
  }
  /* Text align to the left */
  .text-sm-left {
    text-align: left !important;
  }
  /* Text align to the center */
  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  /* Text align to the right */
  .text-md-right {
    text-align: right !important;
  }
  /* Text align to the left */
  .text-md-left {
    text-align: left !important;
  }
  /* Text align to the center */
  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 1012px) {
  /* Text align to the right */
  .text-lg-right {
    text-align: right !important;
  }
  /* Text align to the left */
  .text-lg-left {
    text-align: left !important;
  }
  /* Text align to the center */
  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1280px) {
  /* Text align to the right */
  .text-xl-right {
    text-align: right !important;
  }
  /* Text align to the left */
  .text-xl-left {
    text-align: left !important;
  }
  /* Text align to the center */
  .text-xl-center {
    text-align: center !important;
  }
}
/* Set the font weight to normal */
.text-normal {
  font-weight: var(--base-text-weight-normal, 400) !important;
}

/* Set the font weight to normal */
.text-medium {
  font-weight: var(--base-text-weight-medium, 500) !important;
}

/* Set the font weight to bold */
.text-bold {
  font-weight: var(--base-text-weight-bold, 700) !important;
}

.text-semibold {
  font-weight: var(--base-text-weight-semibold, 600) !important;
}

.text-light {
  font-weight: var(--base-text-weight-light, 300) !important;
}

/* Set the font to italic */
.text-italic {
  font-style: italic !important;
}

/* Make text uppercase */
.text-uppercase {
  text-transform: uppercase !important;
}

/* Underline text */
.text-underline {
  text-decoration: underline !important;
}

/* Don't underline text */
.no-underline {
  text-decoration: none !important;
}

/* Don't wrap white space */
.no-wrap {
  white-space: nowrap !important;
}

/* Normal white space */
.ws-normal {
  white-space: normal !important;
}

/* Force long "words" to wrap if they exceed the width of the container */
.wb-break-word {
  word-break: break-word !important;
  word-wrap: break-word !important;
  overflow-wrap: break-word !important;
}

/*
 * Specifically apply word-break: break-all; per MDN:
 *
 * > Note: In contrast to `word-break: break-word` and `overflow-wrap: break-word`,
 * > `word-break: break-all` will create a break at the exact place where text would
 * > otherwise overflow its container (even if putting an entire word on its own line
 * > would negate the need for a break).
 *
 * see: https://developer.mozilla.org/en-US/docs/Web/CSS/word-break#Values
 */
.wb-break-all {
  word-break: break-all !important;
}

.list-style-none {
  list-style: none !important;
}

/* Set to monospace font */
.text-mono {
  font-family: var(--fontStack-monospace, ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace) !important;
}

/* Disallow user from selecting text */
.user-select-none {
  user-select: none !important;
}

/* Make text capitalized (transforms first character to uppercase) */
.text-capitalize {
  text-transform: capitalize !important;
}

.flex-row {
  flex-direction: row !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.flex-justify-start {
  justify-content: flex-start !important;
}

.flex-justify-end {
  justify-content: flex-end !important;
}

.flex-justify-center {
  justify-content: center !important;
}

.flex-justify-between {
  justify-content: space-between !important;
}

.flex-justify-around {
  justify-content: space-around !important;
}

.flex-items-start {
  align-items: flex-start !important;
}

.flex-items-end {
  align-items: flex-end !important;
}

.flex-items-center {
  align-items: center !important;
}

.flex-items-baseline {
  align-items: baseline !important;
}

.flex-items-stretch {
  align-items: stretch !important;
}

.flex-content-start {
  align-content: flex-start !important;
}

.flex-content-end {
  align-content: flex-end !important;
}

.flex-content-center {
  align-content: center !important;
}

.flex-content-between {
  align-content: space-between !important;
}

.flex-content-around {
  align-content: space-around !important;
}

.flex-content-stretch {
  align-content: stretch !important;
}

.flex-1 {
  flex: 1 !important;
}

.flex-auto {
  flex: auto !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-self-auto {
  align-self: auto !important;
}

.flex-self-start {
  align-self: flex-start !important;
}

.flex-self-end {
  align-self: flex-end !important;
}

.flex-self-center {
  align-self: center !important;
}

.flex-self-baseline {
  align-self: baseline !important;
}

.flex-self-stretch {
  align-self: stretch !important;
}

.flex-order-1 {
  order: 1 !important;
}

.flex-order-2 {
  order: 2 !important;
}

.flex-order-none {
  order: inherit !important;
}

@media (min-width: 544px) {
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-sm-justify-start {
    justify-content: flex-start !important;
  }
  .flex-sm-justify-end {
    justify-content: flex-end !important;
  }
  .flex-sm-justify-center {
    justify-content: center !important;
  }
  .flex-sm-justify-between {
    justify-content: space-between !important;
  }
  .flex-sm-justify-around {
    justify-content: space-around !important;
  }
  .flex-sm-items-start {
    align-items: flex-start !important;
  }
  .flex-sm-items-end {
    align-items: flex-end !important;
  }
  .flex-sm-items-center {
    align-items: center !important;
  }
  .flex-sm-items-baseline {
    align-items: baseline !important;
  }
  .flex-sm-items-stretch {
    align-items: stretch !important;
  }
  .flex-sm-content-start {
    align-content: flex-start !important;
  }
  .flex-sm-content-end {
    align-content: flex-end !important;
  }
  .flex-sm-content-center {
    align-content: center !important;
  }
  .flex-sm-content-between {
    align-content: space-between !important;
  }
  .flex-sm-content-around {
    align-content: space-around !important;
  }
  .flex-sm-content-stretch {
    align-content: stretch !important;
  }
  .flex-sm-1 {
    flex: 1 !important;
  }
  .flex-sm-auto {
    flex: auto !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-self-auto {
    align-self: auto !important;
  }
  .flex-sm-self-start {
    align-self: flex-start !important;
  }
  .flex-sm-self-end {
    align-self: flex-end !important;
  }
  .flex-sm-self-center {
    align-self: center !important;
  }
  .flex-sm-self-baseline {
    align-self: baseline !important;
  }
  .flex-sm-self-stretch {
    align-self: stretch !important;
  }
  .flex-sm-order-1 {
    order: 1 !important;
  }
  .flex-sm-order-2 {
    order: 2 !important;
  }
  .flex-sm-order-none {
    order: inherit !important;
  }
}
@media (min-width: 768px) {
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-md-justify-start {
    justify-content: flex-start !important;
  }
  .flex-md-justify-end {
    justify-content: flex-end !important;
  }
  .flex-md-justify-center {
    justify-content: center !important;
  }
  .flex-md-justify-between {
    justify-content: space-between !important;
  }
  .flex-md-justify-around {
    justify-content: space-around !important;
  }
  .flex-md-items-start {
    align-items: flex-start !important;
  }
  .flex-md-items-end {
    align-items: flex-end !important;
  }
  .flex-md-items-center {
    align-items: center !important;
  }
  .flex-md-items-baseline {
    align-items: baseline !important;
  }
  .flex-md-items-stretch {
    align-items: stretch !important;
  }
  .flex-md-content-start {
    align-content: flex-start !important;
  }
  .flex-md-content-end {
    align-content: flex-end !important;
  }
  .flex-md-content-center {
    align-content: center !important;
  }
  .flex-md-content-between {
    align-content: space-between !important;
  }
  .flex-md-content-around {
    align-content: space-around !important;
  }
  .flex-md-content-stretch {
    align-content: stretch !important;
  }
  .flex-md-1 {
    flex: 1 !important;
  }
  .flex-md-auto {
    flex: auto !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-self-auto {
    align-self: auto !important;
  }
  .flex-md-self-start {
    align-self: flex-start !important;
  }
  .flex-md-self-end {
    align-self: flex-end !important;
  }
  .flex-md-self-center {
    align-self: center !important;
  }
  .flex-md-self-baseline {
    align-self: baseline !important;
  }
  .flex-md-self-stretch {
    align-self: stretch !important;
  }
  .flex-md-order-1 {
    order: 1 !important;
  }
  .flex-md-order-2 {
    order: 2 !important;
  }
  .flex-md-order-none {
    order: inherit !important;
  }
}
@media (min-width: 1012px) {
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-lg-justify-start {
    justify-content: flex-start !important;
  }
  .flex-lg-justify-end {
    justify-content: flex-end !important;
  }
  .flex-lg-justify-center {
    justify-content: center !important;
  }
  .flex-lg-justify-between {
    justify-content: space-between !important;
  }
  .flex-lg-justify-around {
    justify-content: space-around !important;
  }
  .flex-lg-items-start {
    align-items: flex-start !important;
  }
  .flex-lg-items-end {
    align-items: flex-end !important;
  }
  .flex-lg-items-center {
    align-items: center !important;
  }
  .flex-lg-items-baseline {
    align-items: baseline !important;
  }
  .flex-lg-items-stretch {
    align-items: stretch !important;
  }
  .flex-lg-content-start {
    align-content: flex-start !important;
  }
  .flex-lg-content-end {
    align-content: flex-end !important;
  }
  .flex-lg-content-center {
    align-content: center !important;
  }
  .flex-lg-content-between {
    align-content: space-between !important;
  }
  .flex-lg-content-around {
    align-content: space-around !important;
  }
  .flex-lg-content-stretch {
    align-content: stretch !important;
  }
  .flex-lg-1 {
    flex: 1 !important;
  }
  .flex-lg-auto {
    flex: auto !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-self-auto {
    align-self: auto !important;
  }
  .flex-lg-self-start {
    align-self: flex-start !important;
  }
  .flex-lg-self-end {
    align-self: flex-end !important;
  }
  .flex-lg-self-center {
    align-self: center !important;
  }
  .flex-lg-self-baseline {
    align-self: baseline !important;
  }
  .flex-lg-self-stretch {
    align-self: stretch !important;
  }
  .flex-lg-order-1 {
    order: 1 !important;
  }
  .flex-lg-order-2 {
    order: 2 !important;
  }
  .flex-lg-order-none {
    order: inherit !important;
  }
}
@media (min-width: 1280px) {
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-xl-justify-start {
    justify-content: flex-start !important;
  }
  .flex-xl-justify-end {
    justify-content: flex-end !important;
  }
  .flex-xl-justify-center {
    justify-content: center !important;
  }
  .flex-xl-justify-between {
    justify-content: space-between !important;
  }
  .flex-xl-justify-around {
    justify-content: space-around !important;
  }
  .flex-xl-items-start {
    align-items: flex-start !important;
  }
  .flex-xl-items-end {
    align-items: flex-end !important;
  }
  .flex-xl-items-center {
    align-items: center !important;
  }
  .flex-xl-items-baseline {
    align-items: baseline !important;
  }
  .flex-xl-items-stretch {
    align-items: stretch !important;
  }
  .flex-xl-content-start {
    align-content: flex-start !important;
  }
  .flex-xl-content-end {
    align-content: flex-end !important;
  }
  .flex-xl-content-center {
    align-content: center !important;
  }
  .flex-xl-content-between {
    align-content: space-between !important;
  }
  .flex-xl-content-around {
    align-content: space-around !important;
  }
  .flex-xl-content-stretch {
    align-content: stretch !important;
  }
  .flex-xl-1 {
    flex: 1 !important;
  }
  .flex-xl-auto {
    flex: auto !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-self-auto {
    align-self: auto !important;
  }
  .flex-xl-self-start {
    align-self: flex-start !important;
  }
  .flex-xl-self-end {
    align-self: flex-end !important;
  }
  .flex-xl-self-center {
    align-self: center !important;
  }
  .flex-xl-self-baseline {
    align-self: baseline !important;
  }
  .flex-xl-self-stretch {
    align-self: stretch !important;
  }
  .flex-xl-order-1 {
    order: 1 !important;
  }
  .flex-xl-order-2 {
    order: 2 !important;
  }
  .flex-xl-order-none {
    order: inherit !important;
  }
}
/* default settings from Bulma */
img {
  height: auto;
  max-width: 100%;
}

body a:hover {
  text-decoration: none;
}

ul {
  list-style: none;
}

/* Additional color scheme for apps */
@media screen {
  #l-drawer {
    background: var(--overlay-bgColor, #fff);
  }
  body.app {
    background-color: var(--bgColor-neutral-muted);
  }
  #global-nav, #site-header {
    --logo-color: white;
  }
  #footer_logo {
    max-width: 200px;
    --logo-color: #555;
  }
  [data-color-mode=dark] body.app,
  body.app[data-color-mode=dark] {
    background-color: var(--bgColor-muted);
  }
  [data-color-mode=dark] #global-nav {
    --logo-color: unset;
    background-color: var(--bgColor-inset);
  }
  [data-color-mode=dark] #footer_logo {
    --logo-color: #aaa;
  }
}
@media (prefers-color-scheme: dark) {
  [data-color-mode=auto] body.app,
  body.app[data-color-mode=dark] {
    background-color: var(--bgColor-muted);
  }
  [data-color-mode=auto] #global-nav {
    --logo-color: unset;
    background-color: var(--bgColor-inset);
  }
  [data-color-mode=auto] #footer_logo {
    --logo-color: #aaa;
  }
}
.centered {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.button {
  transition: all 250ms cubic-bezier(0.1, 0.1, 0, 1);
}

/* Original classes */
a.compbox {
  display: flex;
  gap: 15px;
  align-items: center;
  color: var(--main-font-color);
}
a.compbox > picture {
  display: block;
  flex: none;
  width: 100px;
  height: 100px;
}
a.compbox > picture > img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

a.compbox.bordered:not(:last-child) {
  border-bottom: solid 1px #999;
}

.justify {
  text-align: justify;
}

@media screen and (min-width: 1px) {
  .half-sm {
    width: 50%;
  }
  .full-sm {
    width: 100%;
  }
}
@media screen and (min-width: 544px) {
  .quarter, .half, .three-quarter {
    flex: none;
  }
  .quarter {
    width: 25%;
  }
  .third {
    width: 33.3%;
  }
  .half {
    width: 50%;
  }
  .three-quarter {
    width: 75%;
  }
}
@media screen and (min-width: 768px) {
  .quarter-md, .third-md {
    flex: none;
  }
  .quarter-md {
    width: 25%;
  }
  .third-md {
    width: 33.3%;
  }
}
@media screen and (min-width: 1012px) {
  .third-lg {
    flex: none;
  }
  .third-lg {
    width: 33.3%;
  }
}
/*
  boilerplate for mix-blend-mode, avoiding blend inheritance to inner elements.
*/
.blend-layer {
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: cover;
}

.loud-bar {
  position: relative;
  text-align: center;
  padding-left: 3em;
  padding-right: 3em;
  max-width: 50em;
}

.loud-bar:before, .loud-bar:after {
  content: "";
  background: var(--loud-bar-color, gray);
  position: absolute;
  width: 2px;
  height: 100%;
  top: 0px;
}

.loud-bar:before {
  left: 2em;
  transform: rotate(-28deg);
}

.loud-bar:after {
  right: 2em;
  transform: rotate(28deg);
}

.cta-button {
  text-decoration: none;
  font-weight: bold;
  justify-content: space-between;
  align-items: center;
  padding: 20px 4em 20px 20px;
  border: solid 1px var(--fgColor-emphasis, #111);
  color: var(--fgColor-emphasis, #111);
  display: inline-block;
  position: relative;
}

.cta-button:hover {
  border: solid 1px var(--fgColor-link, black);
  color: var(--fgColor-link, black);
}

.cta-button:after {
  content: "▶";
  position: absolute;
  right: 20px;
}

.lazy-block {
  content-visibility: auto;
}

.swipable {
  white-space: nowrap;
  overflow-x: scroll;
  scrollbar-width: thin;
}

.swipable::-webkit-scrollbar {
  display: none;
}

body {
  font-feature-settings: "palt";
  letter-spacing: 0.04rem;
}

body.o {
  min-height: 100vh;
  word-break: break-all;
}

body.o.serif {
  font-family: "Lora", "Noto Serif JP", "Hiragino Sans", YuGothic, serif;
  font-weight: 500;
}

.o h1, .o h2, .o h3, .o h4, .o h5 {
  font-family: "Futura Condensed Medium", "Hiragino Sans", YuGothic, sans-serif;
  font-weight: 700;
}

.material-icons, .material-symbols-outlined {
  vertical-align: middle;
}

.navbar img {
  vertical-align: middle;
}

#l-drawer {
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 80;
  width: 300px;
  max-width: 90%;
  height: 100%;
  color: var(--fgColor-default, hsl(0, 0%, 29%));
  background: var(--overlay-bgColor, #fff);
  transition: all 0.3s ease-in-out 0s;
  transform: translateX(-100%);
}

#drawer-trigger:checked ~ #l-drawer {
  transform: translateX(0);
  box-shadow: 6px 0 25px rgba(0, 0, 0, 0.16);
}

#l-drawer-close {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 79;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
  transition: all 0.3s ease-in-out 0s;
}

#drawer-trigger:checked ~ #l-drawer-close {
  display: block;
  opacity: 0.6;
}

#drawer-trigger {
  display: none;
}

#drawer-switch {
  margin-left: unset;
}

/* Flutter compatibility */
#site-header.navbar {
  min-height: 56px;
}

#site-header.img {
  padding: 0 0.75em;
}

body {
  --md-sys-color-on-secondary-container: var(--fgColor-default, var(--color-fg-default));
  --md-sys-color-surface-secondary-container: color-mix(in srgb, var(--primary-color) 25%, var(--color-canvas-inset));
}

figure {
  margin: 0;
  padding: 0;
}

.container-sm, .container-md, .container-lg, .container-xl {
  overflow-x: hidden;
}