/******* Variables */
:root {
--bs-default-grid-system: grid;--bs-col-gap: 3rem;--bs-row-gap: 3rem;--bs-module-gap: 1rem;--bs-section-padding: 3rem;--bs-row-padding: 3rem;--bs-primary-rgb: 40,210,40;--bs-primary-hover: var(--theme-primary-hover, #24bd24);--bs-primary: var(--theme-primary, #28d228);--bs-hover-primary: var(--theme-primary-hover, #24bd24);--bs-primary-rgb: 40,210,40;--bs-secondary-rgb: 42,42,42;--bs-secondary-hover: var(--theme-secondary-hover, #252525);--bs-secondary: var(--theme-secondary, #2a2a2a);--bs-hover-secondary: var(--theme-secondary-hover, #252525);--bs-secondary-rgb: 42,42,42;--bs-tertiary-rgb: 221,51,51;--bs-tertiary-hover: var(--theme-tertiary-hover, #c62d2d);--bs-tertiary: var(--theme-tertiary, #dd3333);--bs-hover-tertiary: var(--theme-tertiary-hover, #c62d2d);--bs-tertiary-rgb: 221,51,51;--bs-success-rgb: 25,135,84;--bs-success-hover: var(--theme-success-hover, #16794b);--bs-success: var(--theme-success, #198754);--bs-hover-success: var(--theme-success-hover, #16794b);--bs-success-rgb: 25,135,84;--bs-danger-rgb: 220,53,69;--bs-danger-hover: var(--theme-danger-hover, #c62f3e);--bs-danger: var(--theme-danger, #dc3545);--bs-hover-danger: var(--theme-danger-hover, #c62f3e);--bs-danger-rgb: 220,53,69;--bs-warning-rgb: 255,193,7;--bs-warning-hover: var(--theme-warning-hover, #e5ad06);--bs-warning: var(--theme-warning, #ffc107);--bs-hover-warning: var(--theme-warning-hover, #e5ad06);--bs-warning-rgb: 255,193,7;--bs-info-rgb: 13,202,240;--bs-info-hover: var(--theme-info-hover, #0bb5d8);--bs-info: var(--theme-info, #0dcaf0);--bs-hover-info: var(--theme-info-hover, #0bb5d8);--bs-info-rgb: 13,202,240;--bs-light-rgb: 236,236,236;--bs-light-hover: var(--theme-light-hover, #d4d4d4);--bs-light: var(--theme-light, #ececec);--bs-hover-light: var(--theme-light-hover, #d4d4d4);--bs-light-rgb: 236,236,236;--bs-dark-rgb: 63,63,63;--bs-dark-hover: var(--theme-dark-hover, #383838);--bs-dark: var(--theme-dark, #3f3f3f);--bs-hover-dark: var(--theme-dark-hover, #383838);--bs-dark-rgb: 63,63,63;--bs-400-rgb: 170,180,180;--bs-400-hover: var(--theme-400-hover, #99a2a2);--bs-400: var(--theme-400, #aab4b4);--bs-hover-400: var(--theme-400-hover, #99a2a2);--bs-400-rgb: 170,180,180;--bs-700-rgb: 70,70,80;--bs-700-hover: var(--theme-700-hover, #3f3f48);--bs-700: var(--theme-700, #464650);--bs-hover-700: var(--theme-700-hover, #3f3f48);--bs-700-rgb: 70,70,80;--bs-800-rgb: 40,40,45;--bs-800-hover: var(--theme-800-hover, #242428);--bs-800: var(--theme-800, #28282d);--bs-hover-800: var(--theme-800-hover, #242428);--bs-800-rgb: 40,40,45;--bs-900-rgb: 29,29,28;--bs-900-hover: var(--theme-900-hover, #1a1a19);--bs-900: var(--theme-900, #1d1d1c);--bs-hover-900: var(--theme-900-hover, #1a1a19);--bs-900-rgb: 29,29,28;--bs-black-rgb: 0,0,0;--bs-black-hover: var(--theme-black-hover, #000000);--bs-black: var(--theme-black, #000000);--bs-hover-black: var(--theme-black-hover, #000000);--bs-black-rgb: 0,0,0;--bs-white-rgb: 255,255,255;--bs-white-hover: var(--theme-white-hover, #e5e5e5);--bs-white: var(--theme-white, #ffffff);--bs-hover-white: var(--theme-white-hover, #e5e5e5);--bs-white-rgb: 255,255,255;--bs-link-color: var(--color-black);--color-text-body: var(--bs-black);--color-text-headings: var(--bs-black);--font-main: Poppins;--font-headings: "Poppins";}

/******* Utils */
.border-primary { border-color: var(--theme-primary, var(--bs-primary)) !important; }.bg-primary, .bg-primary-hover:hover { background-color: var(--theme-primary, var(--bs-primary)) !important; }.text-primary, .text-primary-visited:visited, .text-primary-hover:hover { color: var(--theme-primary, var(--bs-primary)) !important; }:is([class*='text-primary']) :where(h1, h2, h3, h4, h5, h6) { color: inherit; }#app .btn.btn-primary, .btn.btn-primary, #app .button.button-primary, .button.button-primary {
              --bs-btn-color: var(--bs-white);
              --bs-btn-hover-color: var(--bs-white-hover, var(--bs-white));
              --bs-btn-bg: var(--theme-primary, var(--bs-primary));
              --bs-btn-hover-bg: var(--theme-primary-hover, var(--bs-primary-hover));
              --bs-btn-border-color: var(--bs-btn-bg);
              --bs-btn-hover-border-color: var(--bs-btn-bg);
              --bs-btn-active-color: var(--bs-white);
              --bs-btn-active-bg: var(--theme-primary, var(--bs-primary));;
              --bs-btn-active-border-color: var(--theme-primary, var(--bs-primary));;
              --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
              --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
              --bs-btn-disabled-bg: #d5d5d5;
              --bs-btn-disabled-border-color: #d5d5d5;
              }#app .btn.btn-outline-primary, .btn.btn-outline-primary {
              --bs-btn-color: var(--theme-primary, var(--bs-primary));
              --bs-btn-bg: transparent;
              --bs-btn-hover-bg: var(--theme-primary-hover, var(--bs-primary-hover));
              --bs-btn-border-color: var(--theme-primary, var(--bs-primary));
              --bs-btn-hover-border-color: var(--theme-primary-hover, var(--bs-primary-hover));
              --bs-btn-active-color: var(--bs-white);
              --bs-btn-active-bg: var(--theme-primary, var(--bs-primary));;
              --bs-btn-active-border-color: var(--theme-primary, var(--bs-primary));;
              --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
              --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
              --bs-btn-disabled-bg: #d5d5d5;
              --bs-btn-disabled-border-color: #d5d5d5;
              }.border-secondary { border-color: var(--theme-secondary, var(--bs-secondary)) !important; }.bg-secondary, .bg-secondary-hover:hover { background-color: var(--theme-secondary, var(--bs-secondary)) !important; }.text-secondary, .text-secondary-visited:visited, .text-secondary-hover:hover { color: var(--theme-secondary, var(--bs-secondary)) !important; }:is([class*='text-secondary']) :where(h1, h2, h3, h4, h5, h6) { color: inherit; }#app .btn.btn-secondary, .btn.btn-secondary, #app .button.button-secondary, .button.button-secondary {
              --bs-btn-color: var(--bs-white);
              --bs-btn-hover-color: var(--bs-white-hover, var(--bs-white));
              --bs-btn-bg: var(--theme-secondary, var(--bs-secondary));
              --bs-btn-hover-bg: var(--theme-secondary-hover, var(--bs-secondary-hover));
              --bs-btn-border-color: var(--bs-btn-bg);
              --bs-btn-hover-border-color: var(--bs-btn-bg);
              --bs-btn-active-color: var(--bs-white);
              --bs-btn-active-bg: var(--theme-secondary, var(--bs-secondary));;
              --bs-btn-active-border-color: var(--theme-secondary, var(--bs-secondary));;
              --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
              --bs-btn-focus-shadow-rgb: var(--bs-secondary-rgb);
              --bs-btn-disabled-bg: #d5d5d5;
              --bs-btn-disabled-border-color: #d5d5d5;
              }#app .btn.btn-outline-secondary, .btn.btn-outline-secondary {
              --bs-btn-color: var(--theme-secondary, var(--bs-secondary));
              --bs-btn-bg: transparent;
              --bs-btn-hover-bg: var(--theme-secondary-hover, var(--bs-secondary-hover));
              --bs-btn-border-color: var(--theme-secondary, var(--bs-secondary));
              --bs-btn-hover-border-color: var(--theme-secondary-hover, var(--bs-secondary-hover));
              --bs-btn-active-color: var(--bs-white);
              --bs-btn-active-bg: var(--theme-secondary, var(--bs-secondary));;
              --bs-btn-active-border-color: var(--theme-secondary, var(--bs-secondary));;
              --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
              --bs-btn-focus-shadow-rgb: var(--bs-secondary-rgb);
              --bs-btn-disabled-bg: #d5d5d5;
              --bs-btn-disabled-border-color: #d5d5d5;
              }.border-tertiary { border-color: var(--theme-tertiary, var(--bs-tertiary)) !important; }.bg-tertiary, .bg-tertiary-hover:hover { background-color: var(--theme-tertiary, var(--bs-tertiary)) !important; }.text-tertiary, .text-tertiary-visited:visited, .text-tertiary-hover:hover { color: var(--theme-tertiary, var(--bs-tertiary)) !important; }:is([class*='text-tertiary']) :where(h1, h2, h3, h4, h5, h6) { color: inherit; }#app .btn.btn-tertiary, .btn.btn-tertiary, #app .button.button-tertiary, .button.button-tertiary {
              --bs-btn-color: var(--bs-white);
              --bs-btn-hover-color: var(--bs-white-hover, var(--bs-white));
              --bs-btn-bg: var(--theme-tertiary, var(--bs-tertiary));
              --bs-btn-hover-bg: var(--theme-tertiary-hover, var(--bs-tertiary-hover));
              --bs-btn-border-color: var(--bs-btn-bg);
              --bs-btn-hover-border-color: var(--bs-btn-bg);
              --bs-btn-active-color: var(--bs-white);
              --bs-btn-active-bg: var(--theme-tertiary, var(--bs-tertiary));;
              --bs-btn-active-border-color: var(--theme-tertiary, var(--bs-tertiary));;
              --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
              --bs-btn-focus-shadow-rgb: var(--bs-tertiary-rgb);
              --bs-btn-disabled-bg: #d5d5d5;
              --bs-btn-disabled-border-color: #d5d5d5;
              }#app .btn.btn-outline-tertiary, .btn.btn-outline-tertiary {
              --bs-btn-color: var(--theme-tertiary, var(--bs-tertiary));
              --bs-btn-bg: transparent;
              --bs-btn-hover-bg: var(--theme-tertiary-hover, var(--bs-tertiary-hover));
              --bs-btn-border-color: var(--theme-tertiary, var(--bs-tertiary));
              --bs-btn-hover-border-color: var(--theme-tertiary-hover, var(--bs-tertiary-hover));
              --bs-btn-active-color: var(--bs-white);
              --bs-btn-active-bg: var(--theme-tertiary, var(--bs-tertiary));;
              --bs-btn-active-border-color: var(--theme-tertiary, var(--bs-tertiary));;
              --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
              --bs-btn-focus-shadow-rgb: var(--bs-tertiary-rgb);
              --bs-btn-disabled-bg: #d5d5d5;
              --bs-btn-disabled-border-color: #d5d5d5;
              }.border-success { border-color: var(--theme-success, var(--bs-success)) !important; }.bg-success, .bg-success-hover:hover { background-color: var(--theme-success, var(--bs-success)) !important; }.text-success, .text-success-visited:visited, .text-success-hover:hover { color: var(--theme-success, var(--bs-success)) !important; }:is([class*='text-success']) :where(h1, h2, h3, h4, h5, h6) { color: inherit; }#app .btn.btn-success, .btn.btn-success, #app .button.button-success, .button.button-success {
              --bs-btn-color: var(--bs-white);
              --bs-btn-hover-color: var(--bs-white-hover, var(--bs-white));
              --bs-btn-bg: var(--theme-success, var(--bs-success));
              --bs-btn-hover-bg: var(--theme-success-hover, var(--bs-success-hover));
              --bs-btn-border-color: var(--bs-btn-bg);
              --bs-btn-hover-border-color: var(--bs-btn-bg);
              --bs-btn-active-color: var(--bs-white);
              --bs-btn-active-bg: var(--theme-success, var(--bs-success));;
              --bs-btn-active-border-color: var(--theme-success, var(--bs-success));;
              --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
              --bs-btn-focus-shadow-rgb: var(--bs-success-rgb);
              --bs-btn-disabled-bg: #d5d5d5;
              --bs-btn-disabled-border-color: #d5d5d5;
              }#app .btn.btn-outline-success, .btn.btn-outline-success {
              --bs-btn-color: var(--theme-success, var(--bs-success));
              --bs-btn-bg: transparent;
              --bs-btn-hover-bg: var(--theme-success-hover, var(--bs-success-hover));
              --bs-btn-border-color: var(--theme-success, var(--bs-success));
              --bs-btn-hover-border-color: var(--theme-success-hover, var(--bs-success-hover));
              --bs-btn-active-color: var(--bs-white);
              --bs-btn-active-bg: var(--theme-success, var(--bs-success));;
              --bs-btn-active-border-color: var(--theme-success, var(--bs-success));;
              --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
              --bs-btn-focus-shadow-rgb: var(--bs-success-rgb);
              --bs-btn-disabled-bg: #d5d5d5;
              --bs-btn-disabled-border-color: #d5d5d5;
              }.border-danger { border-color: var(--theme-danger, var(--bs-danger)) !important; }.bg-danger, .bg-danger-hover:hover { background-color: var(--theme-danger, var(--bs-danger)) !important; }.text-danger, .text-danger-visited:visited, .text-danger-hover:hover { color: var(--theme-danger, var(--bs-danger)) !important; }:is([class*='text-danger']) :where(h1, h2, h3, h4, h5, h6) { color: inherit; }#app .btn.btn-danger, .btn.btn-danger, #app .button.button-danger, .button.button-danger {
              --bs-btn-color: var(--bs-white);
              --bs-btn-hover-color: var(--bs-white-hover, var(--bs-white));
              --bs-btn-bg: var(--theme-danger, var(--bs-danger));
              --bs-btn-hover-bg: var(--theme-danger-hover, var(--bs-danger-hover));
              --bs-btn-border-color: var(--bs-btn-bg);
              --bs-btn-hover-border-color: var(--bs-btn-bg);
              --bs-btn-active-color: var(--bs-white);
              --bs-btn-active-bg: var(--theme-danger, var(--bs-danger));;
              --bs-btn-active-border-color: var(--theme-danger, var(--bs-danger));;
              --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
              --bs-btn-focus-shadow-rgb: var(--bs-danger-rgb);
              --bs-btn-disabled-bg: #d5d5d5;
              --bs-btn-disabled-border-color: #d5d5d5;
              }#app .btn.btn-outline-danger, .btn.btn-outline-danger {
              --bs-btn-color: var(--theme-danger, var(--bs-danger));
              --bs-btn-bg: transparent;
              --bs-btn-hover-bg: var(--theme-danger-hover, var(--bs-danger-hover));
              --bs-btn-border-color: var(--theme-danger, var(--bs-danger));
              --bs-btn-hover-border-color: var(--theme-danger-hover, var(--bs-danger-hover));
              --bs-btn-active-color: var(--bs-white);
              --bs-btn-active-bg: var(--theme-danger, var(--bs-danger));;
              --bs-btn-active-border-color: var(--theme-danger, var(--bs-danger));;
              --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
              --bs-btn-focus-shadow-rgb: var(--bs-danger-rgb);
              --bs-btn-disabled-bg: #d5d5d5;
              --bs-btn-disabled-border-color: #d5d5d5;
              }.border-warning { border-color: var(--theme-warning, var(--bs-warning)) !important; }.bg-warning, .bg-warning-hover:hover { background-color: var(--theme-warning, var(--bs-warning)) !important; }.text-warning, .text-warning-visited:visited, .text-warning-hover:hover { color: var(--theme-warning, var(--bs-warning)) !important; }:is([class*='text-warning']) :where(h1, h2, h3, h4, h5, h6) { color: inherit; }#app .btn.btn-warning, .btn.btn-warning, #app .button.button-warning, .button.button-warning {
              --bs-btn-color: var(--bs-white);
              --bs-btn-hover-color: var(--bs-white-hover, var(--bs-white));
              --bs-btn-bg: var(--theme-warning, var(--bs-warning));
              --bs-btn-hover-bg: var(--theme-warning-hover, var(--bs-warning-hover));
              --bs-btn-border-color: var(--bs-btn-bg);
              --bs-btn-hover-border-color: var(--bs-btn-bg);
              --bs-btn-active-color: var(--bs-white);
              --bs-btn-active-bg: var(--theme-warning, var(--bs-warning));;
              --bs-btn-active-border-color: var(--theme-warning, var(--bs-warning));;
              --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
              --bs-btn-focus-shadow-rgb: var(--bs-warning-rgb);
              --bs-btn-disabled-bg: #d5d5d5;
              --bs-btn-disabled-border-color: #d5d5d5;
              }#app .btn.btn-outline-warning, .btn.btn-outline-warning {
              --bs-btn-color: var(--theme-warning, var(--bs-warning));
              --bs-btn-bg: transparent;
              --bs-btn-hover-bg: var(--theme-warning-hover, var(--bs-warning-hover));
              --bs-btn-border-color: var(--theme-warning, var(--bs-warning));
              --bs-btn-hover-border-color: var(--theme-warning-hover, var(--bs-warning-hover));
              --bs-btn-active-color: var(--bs-white);
              --bs-btn-active-bg: var(--theme-warning, var(--bs-warning));;
              --bs-btn-active-border-color: var(--theme-warning, var(--bs-warning));;
              --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
              --bs-btn-focus-shadow-rgb: var(--bs-warning-rgb);
              --bs-btn-disabled-bg: #d5d5d5;
              --bs-btn-disabled-border-color: #d5d5d5;
              }.border-info { border-color: var(--theme-info, var(--bs-info)) !important; }.bg-info, .bg-info-hover:hover { background-color: var(--theme-info, var(--bs-info)) !important; }.text-info, .text-info-visited:visited, .text-info-hover:hover { color: var(--theme-info, var(--bs-info)) !important; }:is([class*='text-info']) :where(h1, h2, h3, h4, h5, h6) { color: inherit; }#app .btn.btn-info, .btn.btn-info, #app .button.button-info, .button.button-info {
              --bs-btn-color: var(--bs-white);
              --bs-btn-hover-color: var(--bs-white-hover, var(--bs-white));
              --bs-btn-bg: var(--theme-info, var(--bs-info));
              --bs-btn-hover-bg: var(--theme-info-hover, var(--bs-info-hover));
              --bs-btn-border-color: var(--bs-btn-bg);
              --bs-btn-hover-border-color: var(--bs-btn-bg);
              --bs-btn-active-color: var(--bs-white);
              --bs-btn-active-bg: var(--theme-info, var(--bs-info));;
              --bs-btn-active-border-color: var(--theme-info, var(--bs-info));;
              --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
              --bs-btn-focus-shadow-rgb: var(--bs-info-rgb);
              --bs-btn-disabled-bg: #d5d5d5;
              --bs-btn-disabled-border-color: #d5d5d5;
              }#app .btn.btn-outline-info, .btn.btn-outline-info {
              --bs-btn-color: var(--theme-info, var(--bs-info));
              --bs-btn-bg: transparent;
              --bs-btn-hover-bg: var(--theme-info-hover, var(--bs-info-hover));
              --bs-btn-border-color: var(--theme-info, var(--bs-info));
              --bs-btn-hover-border-color: var(--theme-info-hover, var(--bs-info-hover));
              --bs-btn-active-color: var(--bs-white);
              --bs-btn-active-bg: var(--theme-info, var(--bs-info));;
              --bs-btn-active-border-color: var(--theme-info, var(--bs-info));;
              --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
              --bs-btn-focus-shadow-rgb: var(--bs-info-rgb);
              --bs-btn-disabled-bg: #d5d5d5;
              --bs-btn-disabled-border-color: #d5d5d5;
              }.border-light { border-color: var(--theme-light, var(--bs-light)) !important; }.bg-light, .bg-light-hover:hover { background-color: var(--theme-light, var(--bs-light)) !important; }.text-light, .text-light-visited:visited, .text-light-hover:hover { color: var(--theme-light, var(--bs-light)) !important; }:is([class*='text-light']) :where(h1, h2, h3, h4, h5, h6) { color: inherit; }#app .btn.btn-light, .btn.btn-light, #app .button.button-light, .button.button-light {
              --bs-btn-color: var(--bs-white);
              --bs-btn-hover-color: var(--bs-white-hover, var(--bs-white));
              --bs-btn-bg: var(--theme-light, var(--bs-light));
              --bs-btn-hover-bg: var(--theme-light-hover, var(--bs-light-hover));
              --bs-btn-border-color: var(--bs-btn-bg);
              --bs-btn-hover-border-color: var(--bs-btn-bg);
              --bs-btn-active-color: var(--bs-white);
              --bs-btn-active-bg: var(--theme-light, var(--bs-light));;
              --bs-btn-active-border-color: var(--theme-light, var(--bs-light));;
              --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
              --bs-btn-focus-shadow-rgb: var(--bs-light-rgb);
              --bs-btn-disabled-bg: #d5d5d5;
              --bs-btn-disabled-border-color: #d5d5d5;
              }#app .btn.btn-outline-light, .btn.btn-outline-light {
              --bs-btn-color: var(--theme-light, var(--bs-light));
              --bs-btn-bg: transparent;
              --bs-btn-hover-bg: var(--theme-light-hover, var(--bs-light-hover));
              --bs-btn-border-color: var(--theme-light, var(--bs-light));
              --bs-btn-hover-border-color: var(--theme-light-hover, var(--bs-light-hover));
              --bs-btn-active-color: var(--bs-white);
              --bs-btn-active-bg: var(--theme-light, var(--bs-light));;
              --bs-btn-active-border-color: var(--theme-light, var(--bs-light));;
              --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
              --bs-btn-focus-shadow-rgb: var(--bs-light-rgb);
              --bs-btn-disabled-bg: #d5d5d5;
              --bs-btn-disabled-border-color: #d5d5d5;
              }.border-dark { border-color: var(--theme-dark, var(--bs-dark)) !important; }.bg-dark, .bg-dark-hover:hover { background-color: var(--theme-dark, var(--bs-dark)) !important; }.text-dark, .text-dark-visited:visited, .text-dark-hover:hover { color: var(--theme-dark, var(--bs-dark)) !important; }:is([class*='text-dark']) :where(h1, h2, h3, h4, h5, h6) { color: inherit; }#app .btn.btn-dark, .btn.btn-dark, #app .button.button-dark, .button.button-dark {
              --bs-btn-color: var(--bs-white);
              --bs-btn-hover-color: var(--bs-white-hover, var(--bs-white));
              --bs-btn-bg: var(--theme-dark, var(--bs-dark));
              --bs-btn-hover-bg: var(--theme-dark-hover, var(--bs-dark-hover));
              --bs-btn-border-color: var(--bs-btn-bg);
              --bs-btn-hover-border-color: var(--bs-btn-bg);
              --bs-btn-active-color: var(--bs-white);
              --bs-btn-active-bg: var(--theme-dark, var(--bs-dark));;
              --bs-btn-active-border-color: var(--theme-dark, var(--bs-dark));;
              --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
              --bs-btn-focus-shadow-rgb: var(--bs-dark-rgb);
              --bs-btn-disabled-bg: #d5d5d5;
              --bs-btn-disabled-border-color: #d5d5d5;
              }#app .btn.btn-outline-dark, .btn.btn-outline-dark {
              --bs-btn-color: var(--theme-dark, var(--bs-dark));
              --bs-btn-bg: transparent;
              --bs-btn-hover-bg: var(--theme-dark-hover, var(--bs-dark-hover));
              --bs-btn-border-color: var(--theme-dark, var(--bs-dark));
              --bs-btn-hover-border-color: var(--theme-dark-hover, var(--bs-dark-hover));
              --bs-btn-active-color: var(--bs-white);
              --bs-btn-active-bg: var(--theme-dark, var(--bs-dark));;
              --bs-btn-active-border-color: var(--theme-dark, var(--bs-dark));;
              --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
              --bs-btn-focus-shadow-rgb: var(--bs-dark-rgb);
              --bs-btn-disabled-bg: #d5d5d5;
              --bs-btn-disabled-border-color: #d5d5d5;
              }.border-400 { border-color: var(--theme-400, var(--bs-400)) !important; }.bg-400, .bg-400-hover:hover { background-color: var(--theme-400, var(--bs-400)) !important; }.text-400, .text-400-visited:visited, .text-400-hover:hover { color: var(--theme-400, var(--bs-400)) !important; }:is([class*='text-400']) :where(h1, h2, h3, h4, h5, h6) { color: inherit; }#app .btn.btn-400, .btn.btn-400, #app .button.button-400, .button.button-400 {
              --bs-btn-color: var(--bs-white);
              --bs-btn-hover-color: var(--bs-white-hover, var(--bs-white));
              --bs-btn-bg: var(--theme-400, var(--bs-400));
              --bs-btn-hover-bg: var(--theme-400-hover, var(--bs-400-hover));
              --bs-btn-border-color: var(--bs-btn-bg);
              --bs-btn-hover-border-color: var(--bs-btn-bg);
              --bs-btn-active-color: var(--bs-white);
              --bs-btn-active-bg: var(--theme-400, var(--bs-400));;
              --bs-btn-active-border-color: var(--theme-400, var(--bs-400));;
              --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
              --bs-btn-focus-shadow-rgb: var(--bs-400-rgb);
              --bs-btn-disabled-bg: #d5d5d5;
              --bs-btn-disabled-border-color: #d5d5d5;
              }#app .btn.btn-outline-400, .btn.btn-outline-400 {
              --bs-btn-color: var(--theme-400, var(--bs-400));
              --bs-btn-bg: transparent;
              --bs-btn-hover-bg: var(--theme-400-hover, var(--bs-400-hover));
              --bs-btn-border-color: var(--theme-400, var(--bs-400));
              --bs-btn-hover-border-color: var(--theme-400-hover, var(--bs-400-hover));
              --bs-btn-active-color: var(--bs-white);
              --bs-btn-active-bg: var(--theme-400, var(--bs-400));;
              --bs-btn-active-border-color: var(--theme-400, var(--bs-400));;
              --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
              --bs-btn-focus-shadow-rgb: var(--bs-400-rgb);
              --bs-btn-disabled-bg: #d5d5d5;
              --bs-btn-disabled-border-color: #d5d5d5;
              }.border-700 { border-color: var(--theme-700, var(--bs-700)) !important; }.bg-700, .bg-700-hover:hover { background-color: var(--theme-700, var(--bs-700)) !important; }.text-700, .text-700-visited:visited, .text-700-hover:hover { color: var(--theme-700, var(--bs-700)) !important; }:is([class*='text-700']) :where(h1, h2, h3, h4, h5, h6) { color: inherit; }#app .btn.btn-700, .btn.btn-700, #app .button.button-700, .button.button-700 {
              --bs-btn-color: var(--bs-white);
              --bs-btn-hover-color: var(--bs-white-hover, var(--bs-white));
              --bs-btn-bg: var(--theme-700, var(--bs-700));
              --bs-btn-hover-bg: var(--theme-700-hover, var(--bs-700-hover));
              --bs-btn-border-color: var(--bs-btn-bg);
              --bs-btn-hover-border-color: var(--bs-btn-bg);
              --bs-btn-active-color: var(--bs-white);
              --bs-btn-active-bg: var(--theme-700, var(--bs-700));;
              --bs-btn-active-border-color: var(--theme-700, var(--bs-700));;
              --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
              --bs-btn-focus-shadow-rgb: var(--bs-700-rgb);
              --bs-btn-disabled-bg: #d5d5d5;
              --bs-btn-disabled-border-color: #d5d5d5;
              }#app .btn.btn-outline-700, .btn.btn-outline-700 {
              --bs-btn-color: var(--theme-700, var(--bs-700));
              --bs-btn-bg: transparent;
              --bs-btn-hover-bg: var(--theme-700-hover, var(--bs-700-hover));
              --bs-btn-border-color: var(--theme-700, var(--bs-700));
              --bs-btn-hover-border-color: var(--theme-700-hover, var(--bs-700-hover));
              --bs-btn-active-color: var(--bs-white);
              --bs-btn-active-bg: var(--theme-700, var(--bs-700));;
              --bs-btn-active-border-color: var(--theme-700, var(--bs-700));;
              --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
              --bs-btn-focus-shadow-rgb: var(--bs-700-rgb);
              --bs-btn-disabled-bg: #d5d5d5;
              --bs-btn-disabled-border-color: #d5d5d5;
              }.border-800 { border-color: var(--theme-800, var(--bs-800)) !important; }.bg-800, .bg-800-hover:hover { background-color: var(--theme-800, var(--bs-800)) !important; }.text-800, .text-800-visited:visited, .text-800-hover:hover { color: var(--theme-800, var(--bs-800)) !important; }:is([class*='text-800']) :where(h1, h2, h3, h4, h5, h6) { color: inherit; }#app .btn.btn-800, .btn.btn-800, #app .button.button-800, .button.button-800 {
              --bs-btn-color: var(--bs-white);
              --bs-btn-hover-color: var(--bs-white-hover, var(--bs-white));
              --bs-btn-bg: var(--theme-800, var(--bs-800));
              --bs-btn-hover-bg: var(--theme-800-hover, var(--bs-800-hover));
              --bs-btn-border-color: var(--bs-btn-bg);
              --bs-btn-hover-border-color: var(--bs-btn-bg);
              --bs-btn-active-color: var(--bs-white);
              --bs-btn-active-bg: var(--theme-800, var(--bs-800));;
              --bs-btn-active-border-color: var(--theme-800, var(--bs-800));;
              --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
              --bs-btn-focus-shadow-rgb: var(--bs-800-rgb);
              --bs-btn-disabled-bg: #d5d5d5;
              --bs-btn-disabled-border-color: #d5d5d5;
              }#app .btn.btn-outline-800, .btn.btn-outline-800 {
              --bs-btn-color: var(--theme-800, var(--bs-800));
              --bs-btn-bg: transparent;
              --bs-btn-hover-bg: var(--theme-800-hover, var(--bs-800-hover));
              --bs-btn-border-color: var(--theme-800, var(--bs-800));
              --bs-btn-hover-border-color: var(--theme-800-hover, var(--bs-800-hover));
              --bs-btn-active-color: var(--bs-white);
              --bs-btn-active-bg: var(--theme-800, var(--bs-800));;
              --bs-btn-active-border-color: var(--theme-800, var(--bs-800));;
              --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
              --bs-btn-focus-shadow-rgb: var(--bs-800-rgb);
              --bs-btn-disabled-bg: #d5d5d5;
              --bs-btn-disabled-border-color: #d5d5d5;
              }.border-900 { border-color: var(--theme-900, var(--bs-900)) !important; }.bg-900, .bg-900-hover:hover { background-color: var(--theme-900, var(--bs-900)) !important; }.text-900, .text-900-visited:visited, .text-900-hover:hover { color: var(--theme-900, var(--bs-900)) !important; }:is([class*='text-900']) :where(h1, h2, h3, h4, h5, h6) { color: inherit; }#app .btn.btn-900, .btn.btn-900, #app .button.button-900, .button.button-900 {
              --bs-btn-color: var(--bs-white);
              --bs-btn-hover-color: var(--bs-white-hover, var(--bs-white));
              --bs-btn-bg: var(--theme-900, var(--bs-900));
              --bs-btn-hover-bg: var(--theme-900-hover, var(--bs-900-hover));
              --bs-btn-border-color: var(--bs-btn-bg);
              --bs-btn-hover-border-color: var(--bs-btn-bg);
              --bs-btn-active-color: var(--bs-white);
              --bs-btn-active-bg: var(--theme-900, var(--bs-900));;
              --bs-btn-active-border-color: var(--theme-900, var(--bs-900));;
              --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
              --bs-btn-focus-shadow-rgb: var(--bs-900-rgb);
              --bs-btn-disabled-bg: #d5d5d5;
              --bs-btn-disabled-border-color: #d5d5d5;
              }#app .btn.btn-outline-900, .btn.btn-outline-900 {
              --bs-btn-color: var(--theme-900, var(--bs-900));
              --bs-btn-bg: transparent;
              --bs-btn-hover-bg: var(--theme-900-hover, var(--bs-900-hover));
              --bs-btn-border-color: var(--theme-900, var(--bs-900));
              --bs-btn-hover-border-color: var(--theme-900-hover, var(--bs-900-hover));
              --bs-btn-active-color: var(--bs-white);
              --bs-btn-active-bg: var(--theme-900, var(--bs-900));;
              --bs-btn-active-border-color: var(--theme-900, var(--bs-900));;
              --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
              --bs-btn-focus-shadow-rgb: var(--bs-900-rgb);
              --bs-btn-disabled-bg: #d5d5d5;
              --bs-btn-disabled-border-color: #d5d5d5;
              }.border-black { border-color: var(--theme-black, var(--bs-black)) !important; }.bg-black, .bg-black-hover:hover { background-color: var(--theme-black, var(--bs-black)) !important; }.text-black, .text-black-visited:visited, .text-black-hover:hover { color: var(--theme-black, var(--bs-black)) !important; }:is([class*='text-black']) :where(h1, h2, h3, h4, h5, h6) { color: inherit; }#app .btn.btn-black, .btn.btn-black, #app .button.button-black, .button.button-black {
              --bs-btn-color: var(--bs-white);
              --bs-btn-hover-color: var(--bs-white-hover, var(--bs-white));
              --bs-btn-bg: var(--theme-black, var(--bs-black));
              --bs-btn-hover-bg: var(--theme-black-hover, var(--bs-black-hover));
              --bs-btn-border-color: var(--bs-btn-bg);
              --bs-btn-hover-border-color: var(--bs-btn-bg);
              --bs-btn-active-color: var(--bs-white);
              --bs-btn-active-bg: var(--theme-black, var(--bs-black));;
              --bs-btn-active-border-color: var(--theme-black, var(--bs-black));;
              --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
              --bs-btn-focus-shadow-rgb: var(--bs-black-rgb);
              --bs-btn-disabled-bg: #d5d5d5;
              --bs-btn-disabled-border-color: #d5d5d5;
              }#app .btn.btn-outline-black, .btn.btn-outline-black {
              --bs-btn-color: var(--theme-black, var(--bs-black));
              --bs-btn-bg: transparent;
              --bs-btn-hover-bg: var(--theme-black-hover, var(--bs-black-hover));
              --bs-btn-border-color: var(--theme-black, var(--bs-black));
              --bs-btn-hover-border-color: var(--theme-black-hover, var(--bs-black-hover));
              --bs-btn-active-color: var(--bs-white);
              --bs-btn-active-bg: var(--theme-black, var(--bs-black));;
              --bs-btn-active-border-color: var(--theme-black, var(--bs-black));;
              --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
              --bs-btn-focus-shadow-rgb: var(--bs-black-rgb);
              --bs-btn-disabled-bg: #d5d5d5;
              --bs-btn-disabled-border-color: #d5d5d5;
              }.border-white { border-color: var(--theme-white, var(--bs-white)) !important; }.bg-white, .bg-white-hover:hover { background-color: var(--theme-white, var(--bs-white)) !important; }.text-white, .text-white-visited:visited, .text-white-hover:hover { color: var(--theme-white, var(--bs-white)) !important; }:is([class*='text-white']) :where(h1, h2, h3, h4, h5, h6) { color: inherit; }#app .btn.btn-white, .btn.btn-white, #app .button.button-white, .button.button-white {
              --bs-btn-color: var(--bs-white);
              --bs-btn-hover-color: var(--bs-white-hover, var(--bs-white));
              --bs-btn-bg: var(--theme-white, var(--bs-white));
              --bs-btn-hover-bg: var(--theme-white-hover, var(--bs-white-hover));
              --bs-btn-border-color: var(--bs-btn-bg);
              --bs-btn-hover-border-color: var(--bs-btn-bg);
              --bs-btn-active-color: var(--bs-white);
              --bs-btn-active-bg: var(--theme-white, var(--bs-white));;
              --bs-btn-active-border-color: var(--theme-white, var(--bs-white));;
              --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
              --bs-btn-focus-shadow-rgb: var(--bs-white-rgb);
              --bs-btn-disabled-bg: #d5d5d5;
              --bs-btn-disabled-border-color: #d5d5d5;
              }#app .btn.btn-outline-white, .btn.btn-outline-white {
              --bs-btn-color: var(--theme-white, var(--bs-white));
              --bs-btn-bg: transparent;
              --bs-btn-hover-bg: var(--theme-white-hover, var(--bs-white-hover));
              --bs-btn-border-color: var(--theme-white, var(--bs-white));
              --bs-btn-hover-border-color: var(--theme-white-hover, var(--bs-white-hover));
              --bs-btn-active-color: var(--bs-white);
              --bs-btn-active-bg: var(--theme-white, var(--bs-white));;
              --bs-btn-active-border-color: var(--theme-white, var(--bs-white));;
              --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
              --bs-btn-focus-shadow-rgb: var(--bs-white-rgb);
              --bs-btn-disabled-bg: #d5d5d5;
              --bs-btn-disabled-border-color: #d5d5d5;
              }