/******* Variables */
:root {
    --bs-default-grid-system: flex;
    --bs-col-gap: 2rem;
    --bs-row-gap: 3rem;
    --bs-module-gap: 2rem;
    --bs-section-padding: 2rem;
    --bs-row-padding: 2rem;
    --bs-primary-rgb: 104, 104, 104;
    --bs-primary-hover: var(--theme-primary-hover, #5d5d5d);
    --bs-primary: var(--theme-primary, #686868);
    --bs-hover-primary: var(--theme-primary-hover, #5d5d5d);
    --bs-primary-rgb: 104, 104, 104;
    --bs-secondary-rgb: 255, 155, 13;
    --bs-secondary-hover: var(--theme-secondary-hover, #e58b0b);
    --bs-secondary: var(--theme-secondary, #ff9b0d);
    --bs-hover-secondary: var(--theme-secondary-hover, #e58b0b);
    --bs-secondary-rgb: 255, 155, 13;
    --bs-tertiary-rgb: 136, 197, 217;
    --bs-tertiary-hover: var(--theme-tertiary-hover, #7ab1c3);
    --bs-tertiary: var(--theme-tertiary, #88c5d9);
    --bs-hover-tertiary: var(--theme-tertiary-hover, #7ab1c3);
    --bs-tertiary-rgb: 136, 197, 217;
    --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: 238, 199, 46;
    --bs-warning-hover: var(--theme-warning-hover, #d6b329);
    --bs-warning: var(--theme-warning, #eec72e);
    --bs-hover-warning: var(--theme-warning-hover, #d6b329);
    --bs-warning-rgb: 238, 199, 46;
    --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: 248, 249, 250;
    --bs-light-hover: var(--theme-light-hover, #dfe0e1);
    --bs-light: var(--theme-light, #f8f9fa);
    --bs-hover-light: var(--theme-light-hover, #dfe0e1);
    --bs-light-rgb: 248, 249, 250;
    --bs-dark-rgb: 33, 37, 41;
    --bs-dark-hover: var(--theme-dark-hover, #1d2124);
    --bs-dark: var(--theme-dark, #212529);
    --bs-hover-dark: var(--theme-dark-hover, #1d2124);
    --bs-dark-rgb: 33, 37, 41;
    --bs-navy-rgb: 26, 36, 74;
    --bs-navy-hover: var(--theme-navy-hover, #172042);
    --bs-navy: var(--theme-navy, #1a244a);
    --bs-hover-navy: var(--theme-navy-hover, #172042);
    --bs-navy-rgb: 26, 36, 74;
    --bs-sand-rgb: 253, 248, 237;
    --bs-sand-hover: var(--theme-sand-hover, #e3dfd5);
    --bs-sand: var(--theme-sand, #fdf8ed);
    --bs-hover-sand: var(--theme-sand-hover, #e3dfd5);
    --bs-sand-rgb: 253, 248, 237;
    --bs-light-sand-rgb: 247, 243, 234;
    --bs-light-sand-hover: var(--theme-light-sand-hover, #dedad2);
    --bs-light-sand: var(--theme-light-sand, #f7f3ea);
    --bs-hover-light-sand: var(--theme-light-sand-hover, #dedad2);
    --bs-light-sand-rgb: 247, 243, 234;
    --bs-gradient-color-rgb: 186, 186, 186;
    --bs-gradient-color-hover: var(--theme-gradient-color-hover, #a7a7a7);
    --bs-gradient-color: var(--theme-gradient-color, #bababa);
    --bs-hover-gradient-color: var(--theme-gradient-color-hover, #a7a7a7);
    --bs-gradient-color-rgb: 186, 186, 186;
    --bs-red-rgb: 216, 74, 64;
    --bs-red-hover: var(--theme-red-hover, #c24239);
    --bs-red: var(--theme-red, #d84a40);
    --bs-hover-red: var(--theme-red-hover, #c24239);
    --bs-red-rgb: 216, 74, 64;
    --bs-light-grey-rgb: 218, 218, 218;
    --bs-light-grey-hover: var(--theme-light-grey-hover, #c4c4c4);
    --bs-light-grey: var(--theme-light-grey, #dadada);
    --bs-hover-light-grey: var(--theme-light-grey-hover, #c4c4c4);
    --bs-light-grey-rgb: 218, 218, 218;
    --bs-tertiary-light-rgb: 136, 197, 217;
    --bs-tertiary-light-hover: var(--theme-tertiary-light-hover, #7ab1c3);
    --bs-tertiary-light: var(--theme-tertiary-light, #88c5d9);
    --bs-hover-tertiary-light: var(--theme-tertiary-light-hover, #7ab1c3);
    --bs-tertiary-light-rgb: 136, 197, 217;
    --bs-link-color: var(--color-black);
    --color-text-body: var(--bs-primary);
    --color-text-headings: var(--color-black);
    --font-main: 'paradise-point-variable';
    --font-headings: "OverusedGrotesk";
}

/******* 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;
}

#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);
    --bs-btn-bg: var(--theme-primary, var(--bs-primary));
    --bs-btn-hover-bg: var(--theme-primary, 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, var(--bs-primary));
    --bs-btn-border-color: var(--theme-primary, var(--bs-primary));
    --bs-btn-hover-border-color: var(--theme-primary, var(--bs-hover-primary));
    --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;
}

#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);
    --bs-btn-bg: var(--theme-secondary, var(--bs-secondary));
    --bs-btn-hover-bg: var(--theme-secondary, 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, var(--bs-secondary));
    --bs-btn-border-color: var(--theme-secondary, var(--bs-secondary));
    --bs-btn-hover-border-color: var(--theme-secondary, var(--bs-hover-secondary));
    --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;
}

#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);
    --bs-btn-bg: var(--theme-tertiary, var(--bs-tertiary));
    --bs-btn-hover-bg: var(--theme-tertiary, 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, var(--bs-tertiary));
    --bs-btn-border-color: var(--theme-tertiary, var(--bs-tertiary));
    --bs-btn-hover-border-color: var(--theme-tertiary, var(--bs-hover-tertiary));
    --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;
}

#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);
    --bs-btn-bg: var(--theme-success, var(--bs-success));
    --bs-btn-hover-bg: var(--theme-success, 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, var(--bs-success));
    --bs-btn-border-color: var(--theme-success, var(--bs-success));
    --bs-btn-hover-border-color: var(--theme-success, var(--bs-hover-success));
    --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;
}

#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);
    --bs-btn-bg: var(--theme-danger, var(--bs-danger));
    --bs-btn-hover-bg: var(--theme-danger, 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, var(--bs-danger));
    --bs-btn-border-color: var(--theme-danger, var(--bs-danger));
    --bs-btn-hover-border-color: var(--theme-danger, var(--bs-hover-danger));
    --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;
}

#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);
    --bs-btn-bg: var(--theme-warning, var(--bs-warning));
    --bs-btn-hover-bg: var(--theme-warning, 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, var(--bs-warning));
    --bs-btn-border-color: var(--theme-warning, var(--bs-warning));
    --bs-btn-hover-border-color: var(--theme-warning, var(--bs-hover-warning));
    --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;
}

#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);
    --bs-btn-bg: var(--theme-info, var(--bs-info));
    --bs-btn-hover-bg: var(--theme-info, 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, var(--bs-info));
    --bs-btn-border-color: var(--theme-info, var(--bs-info));
    --bs-btn-hover-border-color: var(--theme-info, var(--bs-hover-info));
    --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;
}

#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);
    --bs-btn-bg: var(--theme-light, var(--bs-light));
    --bs-btn-hover-bg: var(--theme-light, 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, var(--bs-light));
    --bs-btn-border-color: var(--theme-light, var(--bs-light));
    --bs-btn-hover-border-color: var(--theme-light, var(--bs-hover-light));
    --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;
}

#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);
    --bs-btn-bg: var(--theme-dark, var(--bs-dark));
    --bs-btn-hover-bg: var(--theme-dark, 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, var(--bs-dark));
    --bs-btn-border-color: var(--theme-dark, var(--bs-dark));
    --bs-btn-hover-border-color: var(--theme-dark, var(--bs-hover-dark));
    --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-navy {
    border-color: var(--theme-navy, var(--bs-navy)) !important;
}

.bg-navy,
.bg-navy-hover:hover {
    background-color: var(--theme-navy, var(--bs-navy)) !important;
}

.text-navy,
.text-navy-visited:visited,
.text-navy-hover:hover {
    color: var(--theme-navy, var(--bs-navy)) !important;
}

#app .btn.btn-navy,
.btn.btn-navy,
#app .button.button-navy,
.button.button-navy {
    --bs-btn-color: var(--bs-white);
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-bg: var(--theme-navy, var(--bs-navy));
    --bs-btn-hover-bg: var(--theme-navy, var(--bs-navy-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-navy, var(--bs-navy));
    ;
    --bs-btn-active-border-color: var(--theme-navy, var(--bs-navy));
    ;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-focus-shadow-rgb: var(--bs-navy-rgb);
    --bs-btn-disabled-bg: #d5d5d5;
    --bs-btn-disabled-border-color: #d5d5d5;
}

#app .btn.btn-outline-navy,
.btn.btn-outline-navy {
    --bs-btn-color: var(--theme-navy, var(--bs-navy));
    --bs-btn-bg: transparent;
    --bs-btn-hover-bg: var(--theme-navy, var(--bs-navy));
    --bs-btn-border-color: var(--theme-navy, var(--bs-navy));
    --bs-btn-hover-border-color: var(--theme-navy, var(--bs-hover-navy));
    --bs-btn-active-color: var(--bs-white);
    --bs-btn-active-bg: var(--theme-navy, var(--bs-navy));
    ;
    --bs-btn-active-border-color: var(--theme-navy, var(--bs-navy));
    ;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-focus-shadow-rgb: var(--bs-navy-rgb);
    --bs-btn-disabled-bg: #d5d5d5;
    --bs-btn-disabled-border-color: #d5d5d5;
}

.border-sand {
    border-color: var(--theme-sand, var(--bs-sand)) !important;
}

.bg-sand,
.bg-sand-hover:hover {
    background-color: var(--theme-sand, var(--bs-sand)) !important;
}

.text-sand,
.text-sand-visited:visited,
.text-sand-hover:hover {
    color: var(--theme-sand, var(--bs-sand)) !important;
}

#app .btn.btn-sand,
.btn.btn-sand,
#app .button.button-sand,
.button.button-sand {
    --bs-btn-color: var(--bs-white);
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-bg: var(--theme-sand, var(--bs-sand));
    --bs-btn-hover-bg: var(--theme-sand, var(--bs-sand-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-sand, var(--bs-sand));
    ;
    --bs-btn-active-border-color: var(--theme-sand, var(--bs-sand));
    ;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-focus-shadow-rgb: var(--bs-sand-rgb);
    --bs-btn-disabled-bg: #d5d5d5;
    --bs-btn-disabled-border-color: #d5d5d5;
}

#app .btn.btn-outline-sand,
.btn.btn-outline-sand {
    --bs-btn-color: var(--theme-sand, var(--bs-sand));
    --bs-btn-bg: transparent;
    --bs-btn-hover-bg: var(--theme-sand, var(--bs-sand));
    --bs-btn-border-color: var(--theme-sand, var(--bs-sand));
    --bs-btn-hover-border-color: var(--theme-sand, var(--bs-hover-sand));
    --bs-btn-active-color: var(--bs-white);
    --bs-btn-active-bg: var(--theme-sand, var(--bs-sand));
    ;
    --bs-btn-active-border-color: var(--theme-sand, var(--bs-sand));
    ;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-focus-shadow-rgb: var(--bs-sand-rgb);
    --bs-btn-disabled-bg: #d5d5d5;
    --bs-btn-disabled-border-color: #d5d5d5;
}

.border-light-sand {
    border-color: var(--theme-light-sand, var(--bs-light-sand)) !important;
}

.bg-light-sand,
.bg-light-sand-hover:hover {
    background-color: var(--theme-light-sand, var(--bs-light-sand)) !important;
}

.text-light-sand,
.text-light-sand-visited:visited,
.text-light-sand-hover:hover {
    color: var(--theme-light-sand, var(--bs-light-sand)) !important;
}

#app .btn.btn-light-sand,
.btn.btn-light-sand,
#app .button.button-light-sand,
.button.button-light-sand {
    --bs-btn-color: var(--bs-white);
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-bg: var(--theme-light-sand, var(--bs-light-sand));
    --bs-btn-hover-bg: var(--theme-light-sand, var(--bs-light-sand-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-sand, var(--bs-light-sand));
    ;
    --bs-btn-active-border-color: var(--theme-light-sand, var(--bs-light-sand));
    ;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-focus-shadow-rgb: var(--bs-light-sand-rgb);
    --bs-btn-disabled-bg: #d5d5d5;
    --bs-btn-disabled-border-color: #d5d5d5;
}

#app .btn.btn-outline-light-sand,
.btn.btn-outline-light-sand {
    --bs-btn-color: var(--theme-light-sand, var(--bs-light-sand));
    --bs-btn-bg: transparent;
    --bs-btn-hover-bg: var(--theme-light-sand, var(--bs-light-sand));
    --bs-btn-border-color: var(--theme-light-sand, var(--bs-light-sand));
    --bs-btn-hover-border-color: var(--theme-light-sand, var(--bs-hover-light-sand));
    --bs-btn-active-color: var(--bs-white);
    --bs-btn-active-bg: var(--theme-light-sand, var(--bs-light-sand));
    ;
    --bs-btn-active-border-color: var(--theme-light-sand, var(--bs-light-sand));
    ;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-focus-shadow-rgb: var(--bs-light-sand-rgb);
    --bs-btn-disabled-bg: #d5d5d5;
    --bs-btn-disabled-border-color: #d5d5d5;
}

.border-gradient-color {
    border-color: var(--theme-gradient-color, var(--bs-gradient-color)) !important;
}

.bg-gradient-color,
.bg-gradient-color-hover:hover {
    background-color: var(--theme-gradient-color, var(--bs-gradient-color)) !important;
}

.text-gradient-color,
.text-gradient-color-visited:visited,
.text-gradient-color-hover:hover {
    color: var(--theme-gradient-color, var(--bs-gradient-color)) !important;
}

#app .btn.btn-gradient-color,
.btn.btn-gradient-color,
#app .button.button-gradient-color,
.button.button-gradient-color {
    --bs-btn-color: var(--bs-white);
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-bg: var(--theme-gradient-color, var(--bs-gradient-color));
    --bs-btn-hover-bg: var(--theme-gradient-color, var(--bs-gradient-color-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-gradient-color, var(--bs-gradient-color));
    ;
    --bs-btn-active-border-color: var(--theme-gradient-color, var(--bs-gradient-color));
    ;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-focus-shadow-rgb: var(--bs-gradient-color-rgb);
    --bs-btn-disabled-bg: #d5d5d5;
    --bs-btn-disabled-border-color: #d5d5d5;
}

#app .btn.btn-outline-gradient-color,
.btn.btn-outline-gradient-color {
    --bs-btn-color: var(--theme-gradient-color, var(--bs-gradient-color));
    --bs-btn-bg: transparent;
    --bs-btn-hover-bg: var(--theme-gradient-color, var(--bs-gradient-color));
    --bs-btn-border-color: var(--theme-gradient-color, var(--bs-gradient-color));
    --bs-btn-hover-border-color: var(--theme-gradient-color, var(--bs-hover-gradient-color));
    --bs-btn-active-color: var(--bs-white);
    --bs-btn-active-bg: var(--theme-gradient-color, var(--bs-gradient-color));
    ;
    --bs-btn-active-border-color: var(--theme-gradient-color, var(--bs-gradient-color));
    ;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-focus-shadow-rgb: var(--bs-gradient-color-rgb);
    --bs-btn-disabled-bg: #d5d5d5;
    --bs-btn-disabled-border-color: #d5d5d5;
}

.border-red {
    border-color: var(--theme-red, var(--bs-red)) !important;
}

.bg-red,
.bg-red-hover:hover {
    background-color: var(--theme-red, var(--bs-red)) !important;
}

.text-red,
.text-red-visited:visited,
.text-red-hover:hover {
    color: var(--theme-red, var(--bs-red)) !important;
}

#app .btn.btn-red,
.btn.btn-red,
#app .button.button-red,
.button.button-red {
    --bs-btn-color: var(--bs-white);
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-bg: var(--theme-red, var(--bs-red));
    --bs-btn-hover-bg: var(--theme-red, var(--bs-red-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-red, var(--bs-red));
    ;
    --bs-btn-active-border-color: var(--theme-red, var(--bs-red));
    ;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-focus-shadow-rgb: var(--bs-red-rgb);
    --bs-btn-disabled-bg: #d5d5d5;
    --bs-btn-disabled-border-color: #d5d5d5;
}

#app .btn.btn-outline-red,
.btn.btn-outline-red {
    --bs-btn-color: var(--theme-red, var(--bs-red));
    --bs-btn-bg: transparent;
    --bs-btn-hover-bg: var(--theme-red, var(--bs-red));
    --bs-btn-border-color: var(--theme-red, var(--bs-red));
    --bs-btn-hover-border-color: var(--theme-red, var(--bs-hover-red));
    --bs-btn-active-color: var(--bs-white);
    --bs-btn-active-bg: var(--theme-red, var(--bs-red));
    ;
    --bs-btn-active-border-color: var(--theme-red, var(--bs-red));
    ;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-focus-shadow-rgb: var(--bs-red-rgb);
    --bs-btn-disabled-bg: #d5d5d5;
    --bs-btn-disabled-border-color: #d5d5d5;
}

.border-light-grey {
    border-color: var(--theme-light-grey, var(--bs-light-grey)) !important;
}

.bg-light-grey,
.bg-light-grey-hover:hover {
    background-color: var(--theme-light-grey, var(--bs-light-grey)) !important;
}

.text-light-grey,
.text-light-grey-visited:visited,
.text-light-grey-hover:hover {
    color: var(--theme-light-grey, var(--bs-light-grey)) !important;
}

#app .btn.btn-light-grey,
.btn.btn-light-grey,
#app .button.button-light-grey,
.button.button-light-grey {
    --bs-btn-color: var(--bs-white);
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-bg: var(--theme-light-grey, var(--bs-light-grey));
    --bs-btn-hover-bg: var(--theme-light-grey, var(--bs-light-grey-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-grey, var(--bs-light-grey));
    ;
    --bs-btn-active-border-color: var(--theme-light-grey, var(--bs-light-grey));
    ;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-focus-shadow-rgb: var(--bs-light-grey-rgb);
    --bs-btn-disabled-bg: #d5d5d5;
    --bs-btn-disabled-border-color: #d5d5d5;
}

#app .btn.btn-outline-light-grey,
.btn.btn-outline-light-grey {
    --bs-btn-color: var(--theme-light-grey, var(--bs-light-grey));
    --bs-btn-bg: transparent;
    --bs-btn-hover-bg: var(--theme-light-grey, var(--bs-light-grey));
    --bs-btn-border-color: var(--theme-light-grey, var(--bs-light-grey));
    --bs-btn-hover-border-color: var(--theme-light-grey, var(--bs-hover-light-grey));
    --bs-btn-active-color: var(--bs-white);
    --bs-btn-active-bg: var(--theme-light-grey, var(--bs-light-grey));
    ;
    --bs-btn-active-border-color: var(--theme-light-grey, var(--bs-light-grey));
    ;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-focus-shadow-rgb: var(--bs-light-grey-rgb);
    --bs-btn-disabled-bg: #d5d5d5;
    --bs-btn-disabled-border-color: #d5d5d5;
}

.border-tertiary-light {
    border-color: var(--theme-tertiary-light, var(--bs-tertiary-light)) !important;
}

.bg-tertiary-light,
.bg-tertiary-light-hover:hover {
    background-color: var(--theme-tertiary-light, var(--bs-tertiary-light)) !important;
}

.text-tertiary-light,
.text-tertiary-light-visited:visited,
.text-tertiary-light-hover:hover {
    color: var(--theme-tertiary-light, var(--bs-tertiary-light)) !important;
}

#app .btn.btn-tertiary-light,
.btn.btn-tertiary-light,
#app .button.button-tertiary-light,
.button.button-tertiary-light {
    --bs-btn-color: var(--bs-white);
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-bg: var(--theme-tertiary-light, var(--bs-tertiary-light));
    --bs-btn-hover-bg: var(--theme-tertiary-light, var(--bs-tertiary-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-tertiary-light, var(--bs-tertiary-light));
    ;
    --bs-btn-active-border-color: var(--theme-tertiary-light, var(--bs-tertiary-light));
    ;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-focus-shadow-rgb: var(--bs-tertiary-light-rgb);
    --bs-btn-disabled-bg: #d5d5d5;
    --bs-btn-disabled-border-color: #d5d5d5;
}

#app .btn.btn-outline-tertiary-light,
.btn.btn-outline-tertiary-light {
    --bs-btn-color: var(--theme-tertiary-light, var(--bs-tertiary-light));
    --bs-btn-bg: transparent;
    --bs-btn-hover-bg: var(--theme-tertiary-light, var(--bs-tertiary-light));
    --bs-btn-border-color: var(--theme-tertiary-light, var(--bs-tertiary-light));
    --bs-btn-hover-border-color: var(--theme-tertiary-light, var(--bs-hover-tertiary-light));
    --bs-btn-active-color: var(--bs-white);
    --bs-btn-active-bg: var(--theme-tertiary-light, var(--bs-tertiary-light));
    ;
    --bs-btn-active-border-color: var(--theme-tertiary-light, var(--bs-tertiary-light));
    ;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-focus-shadow-rgb: var(--bs-tertiary-light-rgb);
    --bs-btn-disabled-bg: #d5d5d5;
    --bs-btn-disabled-border-color: #d5d5d5;
}