:root,
[data-bs-theme=light] {
    --fn-primary: #d85151;
    --fn-secondary: #6c727f;
    --fn-success: #33b36b;
    --fn-info: #3d7a81;
    --fn-warning: #fc9231;
    --fn-danger: #f03d3d;
    --fn-light: #fff;
    --fn-dark: #1d2735;
    --fn-primary-rgb: 216, 81, 81;
    --fn-secondary-rgb: 108, 114, 127;
    --fn-success-rgb: 51, 179, 107;
    --fn-info-rgb: 61, 122, 129;
    --fn-warning-rgb: 252, 146, 49;
    --fn-danger-rgb: 240, 61, 61;
    --fn-light-rgb: 255, 255, 255;
    --fn-dark-rgb: 29, 39, 53;
    --fn-primary-text-emphasis: #c92d2d;
    --fn-secondary-text-emphasis: #333d4c;
    --fn-success-text-emphasis: #288b53;
    --fn-info-text-emphasis: #2d595e;
    --fn-warning-text-emphasis: #f67804;
    --fn-danger-text-emphasis: #e81212;
    --fn-light-text-emphasis: #333d4c;
    --fn-dark-text-emphasis: #111827;
    --fn-primary-bg-subtle: #fbeeee;
    --fn-secondary-bg-subtle: #eef1f6;
    --fn-success-bg-subtle: #ebf7f0;
    --fn-info-bg-subtle: #ecf2f2;
    --fn-warning-bg-subtle: #fff4ea;
    --fn-danger-bg-subtle: #feecec;
    --fn-light-bg-subtle: #fff;
    --fn-dark-bg-subtle: #edeeef;
    --fn-primary-border-subtle: #f7dcdc;
    --fn-secondary-border-subtle: #e0e5eb;
    --fn-success-border-subtle: #d6f0e1;
    --fn-info-border-subtle: #d8e4e6;
    --fn-warning-border-subtle: #fee9d6;
    --fn-danger-border-subtle: #fcd8d8;
    --fn-light-border-subtle: #eef1f6;
    --fn-dark-border-subtle: #e0e5eb;
    --fn-white-rgb: 255, 255, 255;
    --fn-black-rgb: 0, 0, 0;
    --fn-user-selection-color: rgba(17, 24, 39, 0.1);
    --fn-font-family-sans-serif: "Inter", sans-serif;
    --fn-font-size-root: 1rem;
    --fn-font-size-base: 1rem;
    --fn-font-size-xl: 1.25rem;
    --fn-font-size-lg: 1.125rem;
    --fn-font-size-sm: 0.875rem;
    --fn-font-size-xs: 0.75rem;
    --fn-font-weight-lighter: lighter;
    --fn-font-weight-light: 300;
    --fn-font-weight-normal: 400;
    --fn-font-weight-medium: 500;
    --fn-font-weight-semibold: 600;
    --fn-font-weight-bold: 700;
    --fn-font-weight-bolder: bolder;
    --fn-font-weight-base: 400;
    --fn-line-height-base: 1.5;
    --fn-line-height-sm: 1.25;
    --fn-line-height-lg: 2;
    --fn-h1-font-size: 2.5rem;
    --fn-h2-font-size: 2rem;
    --fn-h3-font-size: 1.75rem;
    --fn-h4-font-size: 1.5rem;
    --fn-h5-font-size: 1.25rem;
    --fn-h6-font-size: 1rem;
    --fn-headings-margin-bottom: 1rem;
    --fn-headings-font-weight: 600;
    --fn-headings-color: #111827;
    --fn-h1-line-height: 1.2;
    --fn-h2-line-height: 1.25;
    --fn-h3-line-height: 1.3;
    --fn-h4-line-height: 1.35;
    --fn-h5-line-height: 1.4;
    --fn-h6-line-height: 1.45;
    --fn-display-font-size-1: 5rem;
    --fn-display-font-size-2: 4.5rem;
    --fn-display-font-size-3: 4rem;
    --fn-display-font-size-4: 3.5rem;
    --fn-display-font-size-5: 3rem;
    --fn-display-font-size-6: 2.625rem;
    --fn-display-font-weight: 700;
    --fn-display-line-height: 1.2;
    --fn-lead-font-size: 1.5rem;
    --fn-lead-font-weight: 400;
    --fn-blockquote-margin-y: 1.5rem;
    --fn-blockquote-color: #111827;
    --fn-blockquote-font-size: 1.25rem;
    --fn-blockquote-font-weight: 600;
    --fn-blockquote-footer-color: #4e5562;
    --fn-blockquote-footer-font-size: 0.875rem;
    --fn-hr-margin-y: 1.5rem;
    --fn-hr-color: #e0e5eb;
    --fn-hr-opacity: 1;
    --fn-legend-margin-bottom: 1rem;
    --fn-legend-font-size: 1.125rem;
    --fn-legend-color: #111827;
    --fn-legend-font-weight: 600;
    --fn-dt-font-weight: 600;
    --fn-dt-color: #111827;
    --fn-list-inline-padding: 1rem;
    --fn-table-cell-padding-y: 0.75rem;
    --fn-table-cell-padding-x: 0.75rem;
    --fn-table-cell-padding-y-sm: 0.375rem;
    --fn-table-cell-padding-x-sm: 0.375rem;
    --fn-table-th-font-weight: 600;
    --fn-table-th-color: #111827;
    --fn-table-striped-bg-factor: 0.05;
    --fn-table-striped-bg: rgba(51, 61, 76, 0.05);
    --fn-table-active-bg-factor: 0.1;
    --fn-table-active-bg: rgba(51, 61, 76, 0.1);
    --fn-table-hover-bg-factor: 0.075;
    --fn-table-hover-bg: rgba(51, 61, 76, 0.075);
    --fn-input-btn-padding-y: 0.53rem;
    --fn-input-btn-padding-x: 1rem;
    --fn-input-btn-font-size: 0.875rem;
    --fn-input-btn-padding-y-sm: 0.375rem;
    --fn-input-btn-padding-x-sm: 0.875rem;
    --fn-input-btn-font-size-sm: 0.75rem;
    --fn-input-btn-padding-y-lg: 0.685rem;
    --fn-input-btn-padding-x-lg: 1.125rem;
    --fn-input-btn-font-size-lg: 1rem;
    --fn-input-btn-focus-box-shadow: unset;
    --fn-input-btn-focus-width: 0;
    --fn-btn-color: #333d4c;
    --fn-btn-font-weight: 500;
    --fn-btn-line-height: 1.125rem;
    --fn-btn-white-space: nowrap;
    --fn-btn-padding-y: 0.625rem;
    --fn-btn-padding-x: 1.25rem;
    --fn-btn-padding-x-sm: 1rem;
    --fn-btn-padding-y-lg: 0.875rem;
    --fn-btn-padding-x-lg: 1.5rem;
    --fn-btn-disabled-opacity: 0.55;
    --fn-btn-link-disabled-color: #9ca3af;
    --fn-btn-border-radius: 0.5rem;
    --fn-btn-border-radius-sm: 0.375rem;
    --fn-btn-border-radius-lg: 0.5rem;
    --fn-btn-box-shadow: none;
    --fn-btn-active-box-shadow: none;
    --fn-btn-transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, border-color 0.25s ease-in-out;
    --fn-btn-icon-size: 2.5rem;
    --fn-btn-icon-size-sm: 2rem;
    --fn-btn-icon-size-lg: 3rem;
    --fn-form-text-margin-top: 0.375rem;
    --fn-form-text-font-size: 0.75rem;
    --fn-form-label-font-size: 0.875rem;
    --fn-form-label-font-weight: 500;
    --fn-form-label-color: #111827;
    --fn-input-padding-x: 1rem;
    --fn-input-bg: #fff;
    --fn-input-color: #4e5562;
    --fn-input-border-color: #cad0d9;
    --fn-input-focus-border-color: #111827;
    --fn-input-disabled-color: #9ca3af;
    --fn-input-disabled-bg: #f5f7fa;
    --fn-input-disabled-border-color: #e0e5eb;
    --fn-input-border-radius: 0.5rem;
    --fn-input-border-radius-sm: 0.375rem;
    --fn-input-border-radius-lg: 0.5rem;
    --fn-input-placeholder-color: #9ca3af;
    --fn-form-check-margin-bottom: 0.25rem;
    --fn-form-check-input-border: 1px solid #cad0d9;
    --fn-form-check-input-checked-color: #111827;
    --fn-form-check-input-checked-bg-color: #fff;
    --fn-form-check-input-checked-border-color: #111827;
    --fn-form-check-input-indeterminate-color: #111827;
    --fn-form-check-input-indeterminate-bg-color: #fff;
    --fn-form-check-input-indeterminate-border-color: #111827;
    --fn-form-switch-width: 2.75rem;
    --fn-form-switch-height: 1.5rem;
    --fn-form-switch-padding-start: 3.375rem;
    --fn-form-switch-margin-bottom: 0.75rem;
    --fn-form-switch-color: #fff;
    --fn-form-switch-focus-color: #fff;
    --fn-form-switch-checked-color: #fff;
    --fn-form-switch-bg-color: #cad0d9;
    --fn-form-switch-checked-bg-color: #33b36b;
    --fn-form-select-bg-size: 15px 11px;
    --fn-form-select-padding-x: 1rem;
    --fn-form-select-indicator-padding: 2.25rem;
    --fn-form-select-indicator-color: #4e5562;
    --fn-form-range-track-height: 0.125rem;
    --fn-form-range-track-bg: #e0e5eb;
    --fn-form-range-thumb-width: 0.5rem;
    --fn-form-range-thumb-bg: #fff;
    --fn-form-range-thumb-box-shadow: 0 0 0 0.125rem #1d2735;
    --fn-form-range-thumb-active-bg: #1d2735;
    --fn-form-range-thumb-disabled-bg: #eef1f6;
    --fn-form-feedback-valid-color: #33b36b;
    --fn-form-feedback-invalid-color: #f03d3d;
    --fn-form-feedback-icon-valid-color: #33b36b;
    --fn-form-feedback-icon-invalid-color: #f03d3d;
    --fn-form-feedback-icon-valid: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='#33b36b'><path d='M10.2,3.8c1.8-0.4,3.6-0.2,5.3,0.5c0.4,0.2,0.9,0,1.1-0.4s0-0.9-0.4-1.1c0,0,0,0,0,0c-5-2.2-10.9,0-13.2,5.1s0,10.9,5.1,13.2s10.9,0,13.2-5.1c0.6-1.3,0.9-2.7,0.9-4.1v-0.8c0-0.4-0.4-0.8-0.8-0.8s-0.8,0.4-0.8,0.8l0,0V12c0,4.6-3.8,8.4-8.4,8.4S3.6,16.6,3.6,12C3.6,8.1,6.3,4.7,10.2,3.8z'/><path d='M21.8,5.2c0.3-0.3,0.3-0.8,0-1.1c-0.3-0.3-0.8-0.3-1.1,0c0,0,0,0,0,0L12,12.7l-2.2-2.2c-0.3-0.3-0.8-0.3-1.1,0c-0.3,0.3-0.3,0.8,0,1.1l2.8,2.8c0.3,0.3,0.8,0.3,1.1,0c0,0,0,0,0,0L21.8,5.2L21.8,5.2z'/></svg>");
    --fn-form-feedback-icon-invalid: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='#f03d3d'><path d='M12,1.5C6.2,1.5,1.5,6.2,1.5,12S6.2,22.5,12,22.5S22.5,17.8,22.5,12S17.8,1.5,12,1.5z M12,20.7c-4.8,0-8.7-4-8.7-8.7S7.2,3.3,12,3.3s8.7,4,8.7,8.7S16.8,20.7,12,20.7z'/><path d='M15.7,14.5c0.3,0.3,0.3,0.9,0,1.2s-0.9,0.3-1.2,0L12,13.2l-2.5,2.5c-0.3,0.3-0.9,0.3-1.2,0s-0.3-0.9,0-1.2l2.5-2.5L8.3,9.5c-0.4-0.3-0.4-0.9,0-1.2c0.3-0.4,0.9-0.4,1.2,0l2.5,2.5l2.5-2.5c0.3-0.3,0.9-0.3,1.2,0s0.3,0.9,0,1.2L13.2,12L15.7,14.5z'/></svg>");
    --fn-form-feedback-tooltip-padding-y: 0.25rem;
    --fn-form-feedback-tooltip-padding-x: 0.5rem;
    --fn-form-feedback-tooltip-font-size: 0.75rem;
    --fn-password-toggle-button-color: #4e5562;
    --fn-password-toggle-button-hover-color: #1d2735;
    --fn-range-slider-height: 0.125rem;
    --fn-range-slider-bg: #e0e5eb;
    --fn-range-slider-connect-bg: #1d2735;
    --fn-range-slider-handle-size: 0.8125rem;
    --fn-range-slider-handle-bg: #fff;
    --fn-range-slider-handle-active-bg: #1d2735;
    --fn-range-slider-handle-border-width: 2px;
    --fn-range-slider-handle-border-color: #1d2735;
    --fn-range-slider-tooltip-font-size: 0.75rem;
    --fn-range-slider-tooltip-bg: transparent;
    --fn-range-slider-tooltip-color: #1d2735;
    --fn-range-slider-pips-font-size: 0.75rem;
    --fn-nav-link-padding-y: 0.5rem;
    --fn-nav-link-padding-x: 1.25rem;
    --fn-nav-link-font-size: 0.875rem;
    --fn-nav-link-font-weight: 500;
    --fn-nav-link-line-height: 1.375rem;
    --fn-nav-link-color: #333d4c;
    --fn-nav-link-hover-color: #111827;
    --fn-nav-link-active-color: #111827;
    --fn-nav-link-disabled-color: #9ca3af;
    --fn-nav-link-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
    --fn-nav-tabs-padding: 0.375rem;
    --fn-nav-tabs-bg: #f5f7fa;
    --fn-nav-tabs-border-color: transparent;
    --fn-nav-tabs-border-width: 0;
    --fn-nav-tabs-link-hover-bg: #eef1f6;
    --fn-nav-tabs-link-active-bg: #fff;
    --fn-nav-tabs-link-hover-border-color: transparent;
    --fn-nav-tabs-link-active-border-color: transparent;
    --fn-nav-tabs-link-active-box-shadow: 0 0.375rem 1.5rem rgba(103, 111, 123, 0.06);
    --fn-nav-pills-gap: 0.875rem 1rem;
    --fn-nav-pills-border-radius: 50rem;
    --fn-nav-pills-link-border-width: 1px;
    --fn-nav-pills-link-border-color: #e0e5eb;
    --fn-nav-pills-link-hover-color: #111827;
    --fn-nav-pills-link-hover-border-color: #6c727f;
    --fn-nav-pills-link-active-color: #111827;
    --fn-nav-pills-link-active-bg: #f5f7fa;
    --fn-nav-pills-link-active-border-color: #111827;
    --fn-nav-pills-link-disabled-color: #9ca3af;
    --fn-nav-pills-link-disabled-border-color: #e0e5eb;
    --fn-nav-underline-gap: 0.5rem 1.75rem;
    --fn-nav-underline-border-width: 1px;
    --fn-nav-underline-link-active-color: #111827;
    --fn-navbar-padding-y: 0.625rem;
    --fn-navbar-padding-x: 0.625rem;
    --fn-navbar-nav-link-padding-x: 1.125rem;
    --fn-navbar-nav-link-font-size: 1rem;
    --fn-navbar-nav-link-action-bg: rgba(202, 208, 217, 0.25);
    --fn-navbar-brand-font-size: 1.5rem;
    --fn-navbar-brand-font-weight: 600;
    --fn-navbar-toggler-padding-y: 0.625rem;
    --fn-navbar-toggler-padding-x: 0.25rem;
    --fn-navbar-toggler-border-radius: 0;
    --fn-navbar-toggler-bar-width: 1.375rem;
    --fn-navbar-toggler-bar-height: 0.125rem;
    --fn-navbar-toggler-bar-spacing: 0.3125rem;
    --fn-navbar-toggler-focus-width: 0;
    --fn-navbar-light-color: #333d4c;
    --fn-navbar-light-hover-color: #111827;
    --fn-navbar-light-active-color: #111827;
    --fn-navbar-light-disabled-color: #9ca3af;
    --fn-navbar-light-brand-color: #111827;
    --fn-navbar-light-brand-hover-color: #111827;
    --fn-navbar-light-toggler-border-color: transparent;
    --fn-navbar-light-toggler-icon-bg: initial;
    --fn-navbar-dark-color: rgba(255, 255, 255, 0.8);
    --fn-navbar-dark-hover-color: #fff;
    --fn-navbar-dark-active-color: #fff;
    --fn-navbar-dark-disabled-color: rgba(255, 255, 255, 0.4);
    --fn-navbar-dark-brand-color: #fff;
    --fn-navbar-dark-brand-hover-color: #fff;
    --fn-navbar-dark-toggler-border-color: transparent;
    --fn-navbar-dark-toggler-icon-bg: initial;
    --fn-dropdown-min-width: 12.5rem;
    --fn-dropdown-padding-x: 0.75rem;
    --fn-dropdown-padding-y: 0.75rem;
    --fn-dropdown-spacer: 0.25rem;
    --fn-dropdown-font-size: 0.875rem;
    --fn-dropdown-color: #333d4c;
    --fn-dropdown-border-color: #eef1f6;
    --fn-dropdown-divider-bg: #e0e5eb;
    --fn-dropdown-divider-margin-y: 0.375rem;
    --fn-dropdown-box-shadow: 0 0.5rem 2rem -0.25rem rgba(103, 111, 123, 0.1);
    --fn-dropdown-link-color: #333d4c;
    --fn-dropdown-link-hover-color: #111827;
    --fn-dropdown-link-hover-bg: #f5f7fa;
    --fn-dropdown-link-active-color: #111827;
    --fn-dropdown-link-active-bg: #f5f7fa;
    --fn-dropdown-link-disabled-color: #9ca3af;
    --fn-dropdown-link-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
    --fn-dropdown-item-padding-y: 0.5rem;
    --fn-dropdown-item-padding-x: 0.75rem;
    --fn-dropdown-item-border-radius: 0.375rem;
    --fn-dropdown-item-spacer: 0.125rem;
    --fn-dropdown-header-color: #111827;
    --fn-dropdown-header-padding-x: 0.75rem;
    --fn-dropdown-header-padding-y: 0.5rem;
    --fn-dropdown-dark-color: #e0e5eb;
    --fn-dropdown-dark-bg: #111827;
    --fn-dropdown-dark-border-color: #333d4c;
    --fn-dropdown-dark-box-shadow: 0 0.5rem 1.875rem -0.25rem rgba(8, 11, 18, 0.35);
    --fn-dropdown-dark-link-hover-color: #fff;
    --fn-dropdown-dark-link-hover-bg: #1d2735;
    --fn-dropdown-dark-link-active-color: #fff;
    --fn-dropdown-dark-link-active-bg: #333d4c;
    --fn-dropdown-dark-header-color: #fff;
    --fn-pagination-spacer: 0.25rem;
    --fn-pagination-margin-start: 0;
    --fn-pagination-padding-y: 0.375rem;
    --fn-pagination-padding-x: 0.75rem;
    --fn-pagination-padding-y-sm: 0.1875rem;
    --fn-pagination-padding-x-sm: 0.5rem;
    --fn-pagination-padding-y-lg: 0.5rem;
    --fn-pagination-padding-x-lg: 0.9375rem;
    --fn-pagination-font-size: 0.875rem;
    --fn-pagination-font-size-sm: 0.75rem;
    --fn-pagination-font-size-lg: 1rem;
    --fn-pagination-border-radius: 0.375rem;
    --fn-pagination-border-radius-sm: 0.25rem;
    --fn-pagination-border-radius-lg: 0.5rem;
    --fn-pagination-font-weight: 500;
    --fn-pagination-color: #333d4c;
    --fn-pagination-bg: transparent;
    --fn-pagination-border-width: 0;
    --fn-pagination-focus-color: #111827;
    --fn-pagination-focus-bg: #f5f7fa;
    --fn-pagination-hover-color: #111827;
    --fn-pagination-hover-bg: #f5f7fa;
    --fn-pagination-active-color: #111827;
    --fn-pagination-active-bg: #f5f7fa;
    --fn-pagination-disabled-color: #9ca3af;
    --fn-pagination-disabled-bg: transparent;
    --fn-pagination-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
    --fn-placeholder-opacity-max: 0.35;
    --fn-placeholder-opacity-min: 0.15;
    --fn-card-spacer-y: 1.5rem;
    --fn-card-spacer-x: 1.5rem;
    --fn-card-title-spacer-y: 0.75rem;
    --fn-card-title-color: #111827;
    --fn-card-img-overlay-padding: 1.5rem;
    --fn-accordion-padding-y: 1.25rem;
    --fn-accordion-padding-x: 0;
    --fn-accordion-bg: transparent;
    --fn-accordion-border-radius: 0;
    --fn-accordion-inner-border-radius: 0;
    --fn-accordion-body-padding-y: 0;
    --fn-accordion-body-padding-x: 0;
    --fn-accordion-body-font-size: 0.875rem;
    --fn-accordion-button-color: #111827;
    --fn-accordion-button-font-size: 1rem;
    --fn-accordion-button-font-weight: 600;
    --fn-accordion-button-active-color: #111827;
    --fn-accordion-button-active-bg: transparent;
    --fn-accordion-transition: none;
    --fn-accordion-icon-width: 1em;
    --fn-accordion-icon-color: #111827;
    --fn-accordion-icon-active-color: #111827;
    --fn-accordion-button-icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='#111827'><path d='M3.8,7.9c0.4-0.4,1.1-0.4,1.5,0l6.7,6.7l6.7-6.7c0.4-0.4,1.1-0.4,1.5,0c0.4,0.4,0.4,1.1,0,1.5l-7.4,7.4c-0.4,0.4-1.1,0.4-1.5,0L3.8,9.4C3.3,9.1,3.3,8.4,3.8,7.9z'/></svg>");
    --fn-accordion-button-active-icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='#111827'><path d='M3.8,7.9c0.4-0.4,1.1-0.4,1.5,0l6.7,6.7l6.7-6.7c0.4-0.4,1.1-0.4,1.5,0c0.4,0.4,0.4,1.1,0,1.5l-7.4,7.4c-0.4,0.4-1.1,0.4-1.5,0L3.8,9.4C3.3,9.1,3.3,8.4,3.8,7.9z'/></svg>");
    --fn-accordion-button-icon-alt: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='#111827'><path d='M12 4.125c.483 0 .875.392.875.875v14c0 .483-.392.875-.875.875s-.875-.392-.875-.875V5c0-.483.392-.875.875-.875z'/><path d='M4.125 12c0-.483.392-.875.875-.875h14c.483 0 .875.392.875.875s-.392.875-.875.875H5c-.483 0-.875-.392-.875-.875z'/></svg>");
    --fn-accordion-button-active-icon-alt: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='#111827'><path d='M4.125 12c0-.483.392-.875.875-.875h14c.483 0 .875.392.875.875s-.392.875-.875.875H5c-.483 0-.875-.392-.875-.875z'/></svg>");
    --fn-tooltip-padding-y: 0.375rem;
    --fn-tooltip-padding-x: 0.625rem;
    --fn-tooltip-border-radius: 0.375rem;
    --fn-tooltip-opacity: 1;
    --fn-popover-border-color: #eef1f6;
    --fn-popover-border-radius: 0.5rem;
    --fn-popover-header-padding-y: 0.75rem;
    --fn-popover-header-font-size: 0.875rem;
    --fn-popover-header-bg: transparent;
    --fn-popover-header-color: #111827;
    --fn-popover-body-color: #6c727f;
    --fn-toast-padding-x: 0.75rem;
    --fn-toast-padding-y: 0.75rem;
    --fn-toast-border-color: #eef1f6;
    --fn-toast-background-color: #fff;
    --fn-toast-spacing: 1.5rem;
    --fn-toast-header-color: #111827;
    --fn-toast-header-background-color: transparent;
    --fn-badge-font-weight: 500;
    --fn-badge-border-radius: 0.33em;
    --fn-modal-inner-padding: 1.5rem;
    --fn-modal-header-padding-y: 1.3125rem;
    --fn-modal-footer-margin-between: 0.75rem;
    --fn-modal-content-border-color: #e0e5eb;
    --fn-modal-content-box-shadow-xs: 0 0.5rem 2rem -0.25rem rgba(103, 111, 123, 0.1);
    --fn-modal-content-box-shadow-sm-up: 0 0.5rem 2rem -0.25rem rgba(103, 111, 123, 0.1);
    --fn-modal-fade-transform: scale(0.9);
    --fn-modal-transition: transform 0.2s ease-out;
    --fn-modal-backdrop-bg: #030712;
    --fn-modal-backdrop-opacity: 0.75;
    --fn-alert-margin-bottom: 1.25rem;
    --fn-alert-link-font-weight: 600;
    --fn-progress-border-radius: 50rem;
    --fn-progress-box-shadow: none;
    --fn-list-group-font-size: 0.875rem;
    --fn-list-group-bg: transparent;
    --fn-list-group-item-padding-y: 0.625rem;
    --fn-list-group-item-padding-x: 0.75rem;
    --fn-list-group-item-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
    --fn-list-group-hover-color: #111827;
    --fn-list-group-hover-bg: #f5f7fa;
    --fn-list-group-active-color: #111827;
    --fn-list-group-active-bg: #f5f7fa;
    --fn-list-group-active-border-color: #e0e5eb;
    --fn-list-group-disabled-color: #9ca3af;
    --fn-list-group-action-font-weight: 500;
    --fn-list-group-action-color: #333d4c;
    --fn-list-group-action-hover-color: #111827;
    --fn-list-group-action-active-color: #111827;
    --fn-list-group-action-active-bg: #f5f7fa;
    --fn-list-group-borderless-item-spacer: 0.1875rem;
    --fn-thumbnail-padding: 0.375rem;
    --fn-thumbnail-border-radius: 0.75rem;
    --fn-thumbnail-box-shadow: none;
    --fn-figure-caption-font-size: 0.75rem;
    --fn-breadcrumb-font-size: 0.875rem;
    --fn-breadcrumb-font-weight: 500;
    --fn-breadcrumb-item-padding-x: 0.375rem;
    --fn-breadcrumb-color: #333d4c;
    --fn-breadcrumb-hover-color: #111827;
    --fn-breadcrumb-active-color: #9ca3af;
    --fn-breadcrumb-divider-color: #333d4c;
    --fn-breadcrumb-divider: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='#333d4c'><path d='M8.381 5.381c.342-.342.896-.342 1.237 0l6 6c.342.342.342.896 0 1.237l-6 6c-.342.342-.896.342-1.237 0s-.342-.896 0-1.237L13.763 12 8.381 6.619c-.342-.342-.342-.896 0-1.237z'/></svg>");
    --fn-breadcrumb-divider-flipped: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='#333d4c'><path d='M15.3,5.4c0.3,0.3,0.3,0.9,0,1.2L9.9,12l5.4,5.4c0.3,0.3,0.3,0.9,0,1.2s-0.9,0.3-1.2,0l-6-6c-0.3-0.3-0.3-0.9,0-1.2l6-6C14.4,5,14.9,5,15.3,5.4L15.3,5.4z'/></svg>");
    --fn-breadcrumb-transition: color 0.2s ease-in-out;
    --fn-spinner-border-width: 0.15em;
    --fn-spinner-border-width-sm: 0.1em;
    --fn-btn-close-width: 0.75em;
    --fn-btn-close-color: #111827;
    --fn-btn-close-opacity: 0.6;
    --fn-btn-close-hover-opacity: 0.9;
    --fn-btn-close-focus-opacity: 1;
    --fn-btn-close-disabled-opacity: 0.3;
    --fn-btn-close-transition: opacity 0.2s ease-in-out;
    --fn-offcanvas-horizontal-width: 350px;
    --fn-offcanvas-vertical-height: 350px;
    --fn-pre-padding-y: 1.25rem;
    --fn-pre-padding-x: 1rem;
    --fn-pre-color: #fff;
    --fn-pre-bg: #1d2735;
    --fn-pre-border-radius: 0.5rem;
    --fn-kbd-bg: #1d2735;
    --fn-scrollbar-width: 0.1875rem;
    --fn-scrollbar-track-width: 0.1875rem;
    --fn-scrollbar-border-radius: 0.5rem;
    --fn-scrollbar-bg: #cad0d9;
    --fn-scrollbar-track-bg: #eef1f6;
    --fn-carousel-bullet-size: 0.5rem;
    --fn-carousel-bullet-bg: #e0e5eb;
    --fn-carousel-bullet-active-bg: #d85151;
    --fn-carousel-bullet-opacity: 1;
    --fn-carousel-bullet-active-opacity: 1;
    --fn-carousel-bullet-border-radius: 50%;
    --fn-carousel-bullet-gap: 0.75rem;
    --fn-carousel-bullet-transition: background-color 0.2s ease-in-out;
    --fn-carousel-progressbar-size: 0.25rem;
    --fn-carousel-progressbar-border-radius: 50rem;
    --fn-carousel-progressbar-bg: #eef1f6;
    --fn-carousel-progressbar-fill-bg: #1d2735;
    --fn-carousel-scrollbar-size: 0.25rem;
    --fn-carousel-scrollbar-border-radius: 50rem;
    --fn-carousel-scrollbar-bg: #eef1f6;
    --fn-carousel-scrollbar-drag-bg: #1d2735;
    --fn-body-color: #4e5562;
    --fn-body-bg: #fff;
    --fn-body-secondary-color: #6c727f;
    --fn-body-secondary-bg: #eef1f6;
    --fn-body-tertiary-color: #9ca3af;
    --fn-body-tertiary-bg: #f5f7fa;
    --fn-body-emphasis-color: #1d2735;
    --fn-border-width: 1px;
    --fn-border-color: #e0e5eb;
    --fn-border-color-translucent: rgba(0, 0, 0, 0.1);
    --fn-border-radius: 0.5rem;
    --fn-border-radius-xs: 0.25rem;
    --fn-border-radius-sm: 0.375rem;
    --fn-border-radius-lg: 0.75rem;
    --fn-border-radius-xl: 1rem;
    --fn-border-radius-xxl: 1.25rem;
    --fn-border-radius-xxxl: 1.5rem;
    --fn-border-radius-pill: 50rem;
    --fn-box-shadow: 0 0.5rem 2rem -0.25rem rgba(103, 111, 123, 0.1);
    --fn-box-shadow-sm: 0 0.375rem 1.5rem rgba(103, 111, 123, 0.06);
    --fn-box-shadow-lg: 0 1.125rem 3rem -0.375rem rgba(103, 111, 123, 0.12);
    --fn-box-shadow-inset: unset;
    --fn-component-color: #333d4c;
    --fn-component-hover-color: #111827;
    --fn-component-hover-bg: #f5f7fa;
    --fn-component-active-color: #111827;
    --fn-component-active-bg: #f5f7fa;
    --fn-component-disabled-color: #9ca3af;
    --fn-focus-ring-width: 0.25rem;
    --fn-focus-ring-opacity: 0.1;
    --fn-focus-ring-color: rgba(17, 24, 39, 0.1);
    --fn-focus-ring-blur: 0;
    --fn-focus-ring-box-shadow: 0 0 0 0.25rem rgba(17, 24, 39, 0.1);
    --fn-caret-width: 1.275em;
    --fn-caret-spacing: 0.15em;
}

/* Dark Mode Styles from _variables.scss and _buttons.scss */
[data-bs-theme=dark] {
    --fn-body-color: #cad0d9;
    --fn-body-bg: #111827;
    --fn-body-secondary-color: #9ca3af;
    --fn-body-secondary-bg: #333d4c;
    --fn-body-tertiary-color: #6c727f;
    --fn-body-tertiary-bg: #1d2735;
    --fn-user-selection-color-dark: #e89797;
    --fn-btn-link-disabled-color-dark: #6c727f;
}

/* Reboot Styles from _reboot.scss */
html * {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

html *:focus-visible {
    outline: 0.25rem solid rgba(17, 24, 39, 0.1);
}

.offcanvas:focus-visible {
    outline: none;
}

body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.content-wrapper {
    flex: 1;
}

.footer {
    flex-shrink: 0;
}

img,
figure {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}

svg {
    max-width: 100%;
}

iframe {
    width: 100%;
}

a,
button {
    text-underline-offset: 0.25em;
}

a.text-decoration-underline:hover,
button.text-decoration-underline:hover {
    text-decoration: none !important;
}

.link-body-emphasis {
    --fn-link-opacity: 1;
}

::selection {
    background: rgba(17, 24, 39, 0.1);
}

[data-bs-theme=dark] ::selection {
    background: #e89797;
}

ol,
ul {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding-left: 1.5rem;
}

ol ul,
ol ol,
ul ul,
ul ol {
    margin-top: 0.5rem;
}

ol,
ul,
dl {
    margin-top: 0;
    margin-bottom: 1rem;
}

dt {
    color: #111827;
}

dd {
    margin-bottom: 0.75rem;
}

legend {
    color: #111827;
}

[class*=" fi-"],
[class^="fi-"] {
    display: inline-flex;
}

[class*=" fi-"]:not(.animate-target),
[class^="fi-"]:not(.animate-target) {
    a [class*=" fi-"],
    a [class^="fi-"],
    button [class*=" fi-"],
    button [class^="fi-"] {
        transition: opacity 0.2s ease-in-out;
    }
    a:hover [class*=" fi-"],
    a:focus-visible [class*=" fi-"],
    a.active [class*=" fi-"],
    a.show [class*=" fi-"],
    button:hover [class*=" fi-"],
    button:focus-visible [class*=" fi-"],
    button.active [class*=" fi-"],
    button.show [class*=" fi-"] {
        opacity: 1 !important;
    }
}

pre,
.hljs {
    padding: 1.25rem 1rem;
    margin: 0;
    background-color: #1d2735;
    border-radius: 0.5rem;
}

kbd {
    border-radius: 0.25rem;
}

.hljs-comment,
.hljs-quote {
    font-style: normal;
}

.container-start {
    margin-left: calc((100% - (1328px - 1.5rem)) / 2);
}

.container-end {
    margin-right: calc((100% - (1328px - 1.5rem)) / 2);
}

@media (max-width: 1400px) {
    .container-start {
        margin-left: calc((100% - (95% - 1.5rem)) / 2);
    }
    .container-end {
        margin-right: calc((100% - (95% - 1.5rem)) / 2);
    }
}

@media (max-width: 500px) {
    .container-start {
        padding-left: 1rem;
        margin-left: 0;
    }
    .container-end {
        padding-right: 1rem;
        margin-right: 0;
    }
}

/* Button Styles from _buttons.scss */
.btn {
    --fn-btn-active-border-color: transparent;
    --fn-btn-disabled-border-color: transparent;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.btn:focus-visible {
    box-shadow: 0 0 0 0.25rem rgba(17, 24, 39, 0.1);
}

.btn:not(.btn-icon) [class*=" fi-chevron"],
.btn:not(.btn-icon) [class^="fi-chevron"] {
    margin-top: 0.125rem;
}

.btn-primary {
    --fn-btn-hover-bg: #c92d2d;
    --fn-btn-active-bg: #c92d2d;
    --fn-btn-hover-border-color: #c92d2d;
    --fn-btn-active-border-color: #c92d2d;
}

.btn-success {
    --fn-btn-hover-bg: #288b53;
    --fn-btn-active-bg: #288b53;
    --fn-btn-hover-border-color: #288b53;
    --fn-btn-active-border-color: #288b53;
}

.btn-info {
    --fn-btn-hover-bg: #2d595e;
    --fn-btn-active-bg: #2d595e;
    --fn-btn-hover-border-color: #2d595e;
    --fn-btn-active-border-color: #2d595e;
}

.btn-warning {
    --fn-btn-hover-bg: #f67804;
    --fn-btn-active-bg: #f67804;
    --fn-btn-hover-border-color: #f67804;
    --fn-btn-active-border-color: #f67804;
}

.btn-danger {
    --fn-btn-hover-bg: #e81212;
    --fn-btn-active-bg: #e81212;
    --fn-btn-hover-border-color: #e81212;
    --fn-btn-active-border-color: #e81212;
}

.btn-secondary {
    --fn-btn-color: #333d4c;
    --fn-btn-bg: #eef1f6;
    --fn-btn-border-color: #eef1f6;
    --fn-btn-hover-color: #111827;
    --fn-btn-hover-bg: #e0e5eb;
    --fn-btn-hover-border-color: #e0e5eb;
    --fn-btn-active-color: #333d4c;
    --fn-btn-active-bg: #e0e5eb;
    --fn-btn-active-border-color: #e0e5eb;
    --fn-btn-disabled-color: #333d4c;
    --fn-btn-disabled-bg: #eef1f6;
    --fn-btn-disabled-border-color: #eef1f6;
}

.btn-dark {
    --fn-btn-hover-bg: #030712;
    --fn-btn-hover-border-color: #030712;
    --fn-btn-active-bg: #030712;
    --fn-btn-active-border-color: #030712;
}

.btn-light {
    --fn-btn-color: #111827;
    --fn-btn-hover-color: #111827;
    --fn-btn-hover-bg: #e0e5eb;
    --fn-btn-hover-border-color: #e0e5eb;
    --fn-btn-active-color: #111827;
    --fn-btn-active-bg: #e0e5eb;
    --fn-btn-active-border-color: #e0e5eb;
}

.btn-link {
    font-weight: 500;
}

.btn-outline-secondary {
    --fn-btn-color: #333d4c;
    --fn-btn-border-color: #e0e5eb;
    --fn-btn-hover-color: #111827;
    --fn-btn-hover-bg: transparent;
    --fn-btn-hover-border-color: #6c727f;
    --fn-btn-active-color: #111827;
    --fn-btn-active-bg: transparent;
    --fn-btn-active-border-color: #111827;
    --fn-btn-disabled-color: #333d4c;
    --fn-btn-disabled-border-color: #e0e5eb;
}

.btn-ghost {
    background-color: transparent;
    border-color: transparent;
}

.btn-ghost:hover,
.btn-ghost:focus-visible,
.btn-ghost.show {
    background-color: var(--fn-btn-bg);
    border-color: var(--fn-btn-border-color);
}

.btn-ghost.active {
    background-color: var(--fn-btn-active-bg);
    border-color: var(--fn-btn-active-border-color);
}

.btn-icon {
    --fn-btn-size: 2.5rem;
    flex-shrink: 0;
    width: var(--fn-btn-size);
    height: var(--fn-btn-size);
    padding: 0;
}

.btn-icon.btn-lg {
    --fn-btn-size: 3rem;
}

.btn-icon.btn-sm {
    --fn-btn-size: 2rem;
}

.btn-market {
    --fn-btn-padding-y: 0.625rem;
    --fn-btn-padding-x: 1rem;
    --fn-btn-border-width: 0;
    --fn-btn-color: #fff;
    --fn-btn-hover-color: #fff;
    --fn-btn-active-color: #fff;
    --fn-btn-bg: #1d2735;
    --fn-btn-hover-bg: #333d4c;
    --fn-btn-active-bg: #333d4c;
}

.btn-market.btn-lg {
    --fn-btn-padding-y: 0.75rem;
    --fn-btn-padding-x: 1.125rem;
}

.btn-color {
    --fn-btn-active-border-color: #9ca3af;
    display: inline-block;
    flex-shrink: 0;
    width: 1em;
    height: 1em;
    padding: 0.125rem;
    border-radius: 50%;
}

.btn-color::before {
    display: flex;
    width: 100%;
    height: 100%;
    content: "";
    background-color: currentcolor;
    border-radius: 50%;
}

.btn-check:checked + .btn-color + label {
    color: #111827;
}

.btn-image {
    --fn-btn-active-border-color: #111827;
}

.btn-scroll-top {
    --fn-btn-padding-x: 0.75rem;
    --fn-btn-padding-y: 0.375rem;
    position: relative;
    font-size: 0.625rem;
    text-transform: uppercase;
    visibility: hidden;
    opacity: 0;
    transition: transform 0.25s ease-in-out, opacity 0.25s, visibility 0.25s;
    transform: scale(0);
}

.btn-scroll-top.show {
    visibility: visible;
    opacity: 1;
    transform: scale(1);
}

[data-sort] {
    display: inline-flex;
    align-items: center;
}

[data-sort]::after {
    width: 1.25em;
    margin-top: 0.125em;
    font-size: 1.25em;
    content: "\2195";
}

[data-sort].asc::after {
    content: "\2191";
    transform: scale(0.75);
}

[data-sort].desc::after {
    content: "\2193";
    transform: scale(0.75);
}

.btn .badge {
    top: 0;
}

.floating-buttons {
    transform: translateX(50%) rotate(-90deg);
}

[data-bs-theme=dark] .btn-secondary:not([data-bs-theme="light"]) {
    --fn-btn-color: #e0e5eb;
    --fn-btn-bg: #333d4c;
    --fn-btn-border-color: #333d4c;
    --fn-btn-hover-color: #fff;
    --fn-btn-hover-bg: #4e5562;
    --fn-btn-hover-border-color: #4e5562;
    --fn-btn-active-color: #e0e5eb;
    --fn-btn-active-bg: #4e5562;
    --fn-btn-active-border-color: #4e5562;
    --fn-btn-disabled-color: #e0e5eb;
    --fn-btn-disabled-bg: #333d4c;
    --fn-btn-disabled-border-color: #333d4c;
}

[data-bs-theme=dark] .btn-dark:not([data-bs-theme="light"]) {
    --fn-btn-color: #111827;
    --fn-btn-hover-color: #111827;
    --fn-btn-hover-bg: #e0e5eb;
    --fn-btn-hover-border-color: #e0e5eb;
    --fn-btn-active-color: #111827;
    --fn-btn-active-bg: #e0e5eb;
    --fn-btn-active-border-color: #e0e5eb;
}

[data-bs-theme=dark] .btn-link:not([data-bs-theme="light"]) {
    --fn-btn-disabled-color: #6c727f;
}

[data-bs-theme=dark] .btn-outline-secondary:not([data-bs-theme="light"]) {
    --fn-btn-color: #e0e5eb;
    --fn-btn-border-color: #333d4c;
    --fn-btn-hover-color: #fff;
    --fn-btn-hover-border-color: #9ca3af;
    --fn-btn-active-color: #fff;
    --fn-btn-active-border-color: #fff;
    --fn-btn-disabled-color: #e0e5eb;
    --fn-btn-disabled-border-color: #333d4c;
}

[data-bs-theme=dark] .btn-outline-dark:not([data-bs-theme="light"]) {
    --fn-btn-color: #f5f7fa;
    --fn-btn-border-color: #f5f7fa;
    --fn-btn-hover-color: #111827;
    --fn-btn-hover-bg: #fff;
    --fn-btn-hover-border-color: #fff;
    --fn-btn-active-color: #111827;
    --fn-btn-active-bg: #fff;
    --fn-btn-active-border-color: #fff;
    --fn-btn-disabled-color: #f5f7fa;
    --fn-btn-disabled-border-color: #f5f7fa;
}

[data-bs-theme=dark] .btn-market {
    --fn-btn-color: #fff;
    --fn-btn-hover-color: #fff;
    --fn-btn-active-color: #fff;
    --fn-btn-bg: #333d4c;
    --fn-btn-hover-bg: #4e5562;
    --fn-btn-active-bg: #4e5562;
}

/* Fallback for .animate-target */
.animate-target {
    transition: transform 0.2s ease-in-out;
}

.animate-target:hover {
    transform: scale(1.1);
}


/* Utility classes for font size and margins */
.fs-lg {
    font-size: 1.125rem; /* From $font-size-lg in _variables.scss */
}
.ms-n2 {
    margin-left: -0.5rem; /* Bootstrap negative margin: $spacer * -0.5 */
}
.me-1 {
    margin-right: 0.25rem; /* Bootstrap margin: $spacer * 0.25 */
}
.me-sm-2 {
    margin-right: 0.5rem; /* Bootstrap margin: $spacer * 0.5 */
}
@media (min-width: 500px) {
    .me-sm-2 {
        margin-right: 0.5rem; /* Same at sm breakpoint */
    }
}

.special-red {
    color: #df1717;
}

.card-footer .badge {
font-size: 13px;
}