*/
:root,
[data-bs-theme="light"] {
    --fc-blue: #0aad0a;
    --fc-yellow: #ffc107;
    --fc-green: #198754;
    --fc-cyan: #016bf8;
    --fc-black: #000;
    --fc-gray: #5c6c75;
    --fc-gray-dark: #21313c;
    --fc-gray-100: #f0f3f2;
    --fc-gray-200: #ecf0ef;
    --fc-gray-300: #dfe2e1;
    --fc-gray-500: #889397;
    --fc-gray-600: #5c6c75;
    --fc-gray-700: #3d4f58;
    --fc-gray-800: #21313c;
    --fc-gray-900: #001e2b;
    --fc-primary: #0aad0a;
    --fc-secondary: #889397;
    --fc-success: #198754;
    --fc-info: #016bf8;
    --fc-warning: #ffc107;
    --fc-danger: #db3030;
    --fc-light: #f0f3f2;
    --fc-dark: #001e2b;
    --fc-gray-400: #c1c7c6;
    --fc-white: #fff;
    --fc-light-primary: #ceefce;
    --fc-light-secondary: #889397;
    --fc-light-danger: #f8d6d6;
    --fc-light-info: #cce1fe;
    --fc-light-warning: #fff3cd;
    --fc-light-success: #d1e7dd;
    --fc-dark-primary: #044504;
    --fc-dark-warning: #664d03;
    --fc-dark-info: #002b63;
    --fc-dark-danger: #581313;
    --fc-dark-success: #0a3622;
    --fc-dark-secondary: #ecf0ef;
    --fc-indigo: #6610f2;
    --fc-red: #db3030;
    --fc-pink: #d63384;
    --fc-orange: #fd7e14;
    --fc-teal: #20c997;
    --fc-purple: #6f42c1;
    --fc-primary-rgb: 10, 173, 10;
    --fc-secondary-rgb: 136, 147, 151;
    --fc-success-rgb: 25, 135, 84;
    --fc-info-rgb: 1, 107, 248;
    --fc-warning-rgb: 255, 193, 7;
    --fc-danger-rgb: 219, 48, 48;
    --fc-light-rgb: 240, 243, 242;
    --fc-dark-rgb: 0, 30, 43;
    --fc-gray-400-rgb: 193, 199, 198;
    --fc-light-primary-rgb: 206, 239, 206;
    --fc-light-secondary-rgb: 136, 147, 151;
    --fc-light-danger-rgb: 248, 214, 214;
    --fc-light-info-rgb: 204, 225, 254;
    --fc-light-warning-rgb: 255, 243, 205;
    --fc-light-success-rgb: 209, 231, 221;
    --fc-dark-primary-rgb: 4, 69, 4;
    --fc-dark-warning-rgb: 102, 77, 3;
    --fc-dark-info-rgb: 0, 43, 99;
    --fc-dark-danger-rgb: 88, 19, 19;
    --fc-dark-success-rgb: 10, 54, 34;
    --fc-dark-secondary-rgb: 236, 240, 239;
    --fc-indigo-rgb: 102, 16, 242;
    --fc-red-rgb: 219, 48, 48;
    --fc-pink-rgb: 214, 51, 132;
    --fc-orange-rgb: 253, 126, 20;
    --fc-teal-rgb: 32, 201, 151;
    --fc-purple-rgb: 111, 66, 193;
    --fc-primary-text-emphasis: #044504;
    --fc-secondary-text-emphasis: #363b3c;
    --fc-success-text-emphasis: #0a3622;
    --fc-info-text-emphasis: #002b63;
    --fc-warning-text-emphasis: #664d03;
    --fc-danger-text-emphasis: #581313;
    --fc-light-text-emphasis: #3d4f58;
    --fc-dark-text-emphasis: #3d4f58;
    --fc-primary-bg-subtle: #ceefce;
    --fc-secondary-bg-subtle: #e7e9ea;
    --fc-success-bg-subtle: #d1e7dd;
    --fc-info-bg-subtle: #cce1fe;
    --fc-warning-bg-subtle: #fff3cd;
    --fc-danger-bg-subtle: #f8d6d6;
    --fc-light-bg-subtle: #f8f9f9;
    --fc-dark-bg-subtle: #c1c7c6;
    --fc-primary-border-subtle: #9dde9d;
    --fc-secondary-border-subtle: #cfd4d5;
    --fc-success-border-subtle: #a3cfbb;
    --fc-info-border-subtle: #99c4fc;
    --fc-warning-border-subtle: #ffe69c;
    --fc-danger-border-subtle: #f1acac;
    --fc-light-border-subtle: #ecf0ef;
    --fc-dark-border-subtle: #889397;
    --fc-white-rgb: 255, 255, 255;
    --fc-black-rgb: 0, 0, 0;
    --fc-font-sans-serif: "Inter", sans-serif;
    --fc-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --fc-gradient: linear-gradient(180deg, hsla(0, 0%, 100%, 0.15), hsla(0, 0%, 100%, 0));
    --fc-body-font-family: var(--fc-font-sans-serif);
    --fc-body-font-size: 0.875rem;
    --fc-body-font-weight: 500;
    --fc-body-line-height: 1.6;
    --fc-body-color: #5c6c75;
    --fc-body-color-rgb: 92, 108, 117;
    --fc-body-bg: #fff;
    --fc-body-bg-rgb: 255, 255, 255;
    --fc-emphasis-color: #000;
    --fc-emphasis-color-rgb: 0, 0, 0;
    --fc-secondary-color: rgba(92, 108, 117, 0.75);
    --fc-secondary-color-rgb: 92, 108, 117;
    --fc-secondary-bg: #ecf0ef;
    --fc-secondary-bg-rgb: 236, 240, 239;
    --fc-tertiary-color: rgba(92, 108, 117, 0.5);
    --fc-tertiary-color-rgb: 92, 108, 117;
    --fc-tertiary-bg: #f0f3f2;
    --fc-tertiary-bg-rgb: 240, 243, 242;
    --fc-heading-color: #21313c;
    --fc-link-color: #0aad0a;
    --fc-link-color-rgb: 10, 173, 10;
    --fc-link-decoration: underline;
    --fc-link-hover-color: #088a08;
    --fc-link-hover-color-rgb: 8, 138, 8;
    --fc-code-color: #d63384;
    --fc-highlight-color: #5c6c75;
    --fc-highlight-bg: #fff3cd;
    --fc-border-width: 1px;
    --fc-border-style: solid;
    --fc-border-color: var(--fc-gray-300);
    --fc-border-color-translucent: var(--fc-gray-300);
    --fc-border-radius: 0.5rem;
    --fc-border-radius-sm: 0.25rem;
    --fc-border-radius-lg: 0.75rem;
    --fc-border-radius-xl: 1rem;
    --fc-border-radius-xxl: 2rem;
    --fc-border-radius-2xl: var(--fc-border-radius-xxl);
    --fc-border-radius-pill: 50rem;
    --fc-box-shadow: rgba(145, 158, 171, 0.2) 0px 2px 4px -1px, rgba(145, 158, 171, 0.14) 0px 4px 5px 0px, rgba(145, 158, 171, 0.12) 0px 1px 10px 0px;
    --fc-box-shadow-sm: rgba(145, 158, 171, 0.2) 0px 3px 1px -2px, rgba(145, 158, 171, 0.14) 0px 2px 2px 0px, rgba(145, 158, 171, 0.12) 0px 1px 5px 0px;
    --fc-box-shadow-lg: 0px 0px 2px rgba(145, 158, 171, 0.2), 0px 12px 24px -4px rgba(145, 158, 171, 0.12);
    --fc-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
    --fc-focus-ring-width: 0.25rem;
    --fc-focus-ring-opacity: 0.25;
    --fc-focus-ring-color: rgba(10, 173, 10, 0.25);
    --fc-form-valid-color: #198754;
    --fc-form-valid-border-color: #198754;
    --fc-form-invalid-color: #db3030;
    --fc-form-invalid-border-color: #db3030;
}
[data-bs-theme="dark"] {
    --fc-body-color: #dfe2e1;
    --fc-body-color-rgb: 223, 226, 225;
    --fc-body-bg: #001e2b;
    --fc-body-bg-rgb: 0, 30, 43;
    --fc-emphasis-color: #fff;
    --fc-emphasis-color-rgb: 255, 255, 255;
    --fc-secondary-color: hsla(160, 5%, 88%, 0.75);
    --fc-secondary-color-rgb: 223, 226, 225;
    --fc-secondary-bg: #21313c;
    --fc-secondary-bg-rgb: 33, 49, 60;
    --fc-tertiary-color: hsla(160, 5%, 88%, 0.5);
    --fc-tertiary-color-rgb: 223, 226, 225;
    --fc-tertiary-bg: #112834;
    --fc-tertiary-bg-rgb: 17, 40, 52;
    --fc-primary-text-emphasis: #6cce6c;
    --fc-secondary-text-emphasis: #b8bec1;
    --fc-success-text-emphasis: #75b798;
    --fc-info-text-emphasis: #67a6fb;
    --fc-warning-text-emphasis: #ffda6a;
    --fc-danger-text-emphasis: #e98383;
    --fc-light-text-emphasis: #f0f3f2;
    --fc-dark-text-emphasis: #dfe2e1;
    --fc-primary-bg-subtle: #022302;
    --fc-secondary-bg-subtle: #1b1d1e;
    --fc-success-bg-subtle: #051b11;
    --fc-info-bg-subtle: #001532;
    --fc-warning-bg-subtle: #332701;
    --fc-danger-bg-subtle: #2c0a0a;
    --fc-light-bg-subtle: #21313c;
    --fc-dark-bg-subtle: #11191e;
    --fc-primary-border-subtle: #066806;
    --fc-secondary-border-subtle: #52585b;
    --fc-success-border-subtle: #0f5132;
    --fc-info-border-subtle: #014095;
    --fc-warning-border-subtle: #997404;
    --fc-danger-border-subtle: #831d1d;
    --fc-light-border-subtle: #3d4f58;
    --fc-dark-border-subtle: #21313c;
    --fc-heading-color: inherit;
    --fc-link-color: #6cce6c;
    --fc-link-hover-color: #89d889;
    --fc-link-color-rgb: 108, 206, 108;
    --fc-link-hover-color-rgb: 137, 216, 137;
    --fc-code-color: #e685b5;
    --fc-highlight-color: #dfe2e1;
    --fc-highlight-bg: #664d03;
    --fc-border-color: #3d4f58;
    --fc-border-color-translucent: hsla(0, 0%, 100%, 0.15);
    --fc-form-valid-color: #75b798;
    --fc-form-valid-border-color: #75b798;
    --fc-form-invalid-color: #e98383;
    --fc-form-invalid-border-color: #e98383;
    color-scheme: dark;
}




.offcanvas,
.offcanvas-lg,
.offcanvas-md,
.offcanvas-sm,
.offcanvas-xl,
.offcanvas-xxl {
    --fc-offcanvas-zindex: 1045;
    --fc-offcanvas-width: 560px;
    --fc-offcanvas-height: 30vh;
    --fc-offcanvas-padding-x: 1rem;
    --fc-offcanvas-padding-y: 1rem;
    --fc-offcanvas-color: var(--fc-body-color);
    --fc-offcanvas-bg: #fff;
    --fc-offcanvas-border-width: 1px;
    --fc-offcanvas-border-color: var(--fc-border-transparent);
    --fc-offcanvas-box-shadow: rgba(145, 158, 171, 0.2) 0px 3px 1px -2px, rgba(145, 158, 171, 0.14) 0px 2px 2px 0px, rgba(145, 158, 171, 0.12) 0px 1px 5px 0px;
    --fc-offcanvas-transition: transform 0.3s ease-in-out;
    --fc-offcanvas-title-line-height: 1.6;
}
@media (max-width: 575.98px) {
    .offcanvas-sm {
        background-clip: padding-box;
        background-color: var(--fc-offcanvas-bg);
        bottom: 0;
        color: var(--fc-offcanvas-color);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        outline: 0;
        position: fixed;
        transition: var(--fc-offcanvas-transition);
        visibility: hidden;
        z-index: var(--fc-offcanvas-zindex);
    }
}
@media (max-width: 575.98px) and (prefers-reduced-motion: reduce) {
    .offcanvas-sm {
        transition: none;
    }
}
@media (max-width: 575.98px) {
    .offcanvas-sm.offcanvas-start {
        border-right: var(--fc-offcanvas-border-width) solid var(--fc-offcanvas-border-color);
        left: 0;
        top: 0;
        transform: translateX(-100%);
        width: var(--fc-offcanvas-width);
    }
    .offcanvas-sm.offcanvas-end {
        border-left: var(--fc-offcanvas-border-width) solid var(--fc-offcanvas-border-color);
        right: 0;
        top: 0;
        transform: translateX(100%);
        width: var(--fc-offcanvas-width);
    }
    .offcanvas-sm.offcanvas-top {
        border-bottom: var(--fc-offcanvas-border-width) solid var(--fc-offcanvas-border-color);
        top: 0;
        transform: translateY(-100%);
    }
    .offcanvas-sm.offcanvas-bottom,
    .offcanvas-sm.offcanvas-top {
        height: var(--fc-offcanvas-height);
        left: 0;
        max-height: 100%;
        right: 0;
    }
    .offcanvas-sm.offcanvas-bottom {
        border-top: var(--fc-offcanvas-border-width) solid var(--fc-offcanvas-border-color);
        transform: translateY(100%);
    }
    .offcanvas-sm.show:not(.hiding),
    .offcanvas-sm.showing {
        transform: none;
    }
    .offcanvas-sm.hiding,
    .offcanvas-sm.show,
    .offcanvas-sm.showing {
        visibility: visible;
    }
}
@media (min-width: 576px) {
    .offcanvas-sm {
        --fc-offcanvas-height: auto;
        --fc-offcanvas-border-width: 0;
        background-color: transparent !important;
    }
    .offcanvas-sm .offcanvas-header {
        display: none;
    }
    .offcanvas-sm .offcanvas-body {
        background-color: transparent !important;
        display: flex;
        flex-grow: 0;
        overflow-y: visible;
        padding: 0;
    }
}
@media (max-width: 767.98px) {
    .offcanvas-md {
        background-clip: padding-box;
        background-color: var(--fc-offcanvas-bg);
        bottom: 0;
        color: var(--fc-offcanvas-color);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        outline: 0;
        position: fixed;
        transition: var(--fc-offcanvas-transition);
        visibility: hidden;
        z-index: var(--fc-offcanvas-zindex);
    }
}
@media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
    .offcanvas-md {
        transition: none;
    }
}
@media (max-width: 767.98px) {
    .offcanvas-md.offcanvas-start {
        border-right: var(--fc-offcanvas-border-width) solid var(--fc-offcanvas-border-color);
        left: 0;
        top: 0;
        transform: translateX(-100%);
        width: var(--fc-offcanvas-width);
    }
    .offcanvas-md.offcanvas-end {
        border-left: var(--fc-offcanvas-border-width) solid var(--fc-offcanvas-border-color);
        right: 0;
        top: 0;
        transform: translateX(100%);
        width: var(--fc-offcanvas-width);
    }
    .offcanvas-md.offcanvas-top {
        border-bottom: var(--fc-offcanvas-border-width) solid var(--fc-offcanvas-border-color);
        top: 0;
        transform: translateY(-100%);
    }
    .offcanvas-md.offcanvas-bottom,
    .offcanvas-md.offcanvas-top {
        height: var(--fc-offcanvas-height);
        left: 0;
        max-height: 100%;
        right: 0;
    }
    .offcanvas-md.offcanvas-bottom {
        border-top: var(--fc-offcanvas-border-width) solid var(--fc-offcanvas-border-color);
        transform: translateY(100%);
    }
    .offcanvas-md.show:not(.hiding),
    .offcanvas-md.showing {
        transform: none;
    }
    .offcanvas-md.hiding,
    .offcanvas-md.show,
    .offcanvas-md.showing {
        visibility: visible;
    }
}
@media (min-width: 768px) {
    .offcanvas-md {
        --fc-offcanvas-height: auto;
        --fc-offcanvas-border-width: 0;
        background-color: transparent !important;
    }
    .offcanvas-md .offcanvas-header {
        display: none;
    }
    .offcanvas-md .offcanvas-body {
        background-color: transparent !important;
        display: flex;
        flex-grow: 0;
        overflow-y: visible;
        padding: 0;
    }
}
@media (max-width: 991.98px) {
    .offcanvas-lg {
        background-clip: padding-box;
        background-color: var(--fc-offcanvas-bg);
        bottom: 0;
        color: var(--fc-offcanvas-color);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        outline: 0;
        position: fixed;
        transition: var(--fc-offcanvas-transition);
        visibility: hidden;
        z-index: var(--fc-offcanvas-zindex);
    }
}
@media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
    .offcanvas-lg {
        transition: none;
    }
}
@media (max-width: 991.98px) {
    .offcanvas-lg.offcanvas-start {
        border-right: var(--fc-offcanvas-border-width) solid var(--fc-offcanvas-border-color);
        left: 0;
        top: 0;
        transform: translateX(-100%);
        width: var(--fc-offcanvas-width);
    }
    .offcanvas-lg.offcanvas-end {
        border-left: var(--fc-offcanvas-border-width) solid var(--fc-offcanvas-border-color);
        right: 0;
        top: 0;
        transform: translateX(100%);
        width: var(--fc-offcanvas-width);
    }
    .offcanvas-lg.offcanvas-top {
        border-bottom: var(--fc-offcanvas-border-width) solid var(--fc-offcanvas-border-color);
        top: 0;
        transform: translateY(-100%);
    }
    .offcanvas-lg.offcanvas-bottom,
    .offcanvas-lg.offcanvas-top {
        height: var(--fc-offcanvas-height);
        left: 0;
        max-height: 100%;
        right: 0;
    }
    .offcanvas-lg.offcanvas-bottom {
        border-top: var(--fc-offcanvas-border-width) solid var(--fc-offcanvas-border-color);
        transform: translateY(100%);
    }
    .offcanvas-lg.show:not(.hiding),
    .offcanvas-lg.showing {
        transform: none;
    }
    .offcanvas-lg.hiding,
    .offcanvas-lg.show,
    .offcanvas-lg.showing {
        visibility: visible;
    }
}
@media (min-width: 992px) {
    .offcanvas-lg {
        --fc-offcanvas-height: auto;
        --fc-offcanvas-border-width: 0;
        background-color: transparent !important;
    }
    .offcanvas-lg .offcanvas-header {
        display: none;
    }
    .offcanvas-lg .offcanvas-body {
        background-color: transparent !important;
        display: flex;
        flex-grow: 0;
        overflow-y: visible;
        padding: 0;
    }
}
@media (max-width: 1199.98px) {
    .offcanvas-xl {
        background-clip: padding-box;
        background-color: var(--fc-offcanvas-bg);
        bottom: 0;
        color: var(--fc-offcanvas-color);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        outline: 0;
        position: fixed;
        transition: var(--fc-offcanvas-transition);
        visibility: hidden;
        z-index: var(--fc-offcanvas-zindex);
    }
}
@media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) {
    .offcanvas-xl {
        transition: none;
    }
}
@media (max-width: 1199.98px) {
    .offcanvas-xl.offcanvas-start {
        border-right: var(--fc-offcanvas-border-width) solid var(--fc-offcanvas-border-color);
        left: 0;
        top: 0;
        transform: translateX(-100%);
        width: var(--fc-offcanvas-width);
    }
    .offcanvas-xl.offcanvas-end {
        border-left: var(--fc-offcanvas-border-width) solid var(--fc-offcanvas-border-color);
        right: 0;
        top: 0;
        transform: translateX(100%);
        width: var(--fc-offcanvas-width);
    }
    .offcanvas-xl.offcanvas-top {
        border-bottom: var(--fc-offcanvas-border-width) solid var(--fc-offcanvas-border-color);
        top: 0;
        transform: translateY(-100%);
    }
    .offcanvas-xl.offcanvas-bottom,
    .offcanvas-xl.offcanvas-top {
        height: var(--fc-offcanvas-height);
        left: 0;
        max-height: 100%;
        right: 0;
    }
    .offcanvas-xl.offcanvas-bottom {
        border-top: var(--fc-offcanvas-border-width) solid var(--fc-offcanvas-border-color);
        transform: translateY(100%);
    }
    .offcanvas-xl.show:not(.hiding),
    .offcanvas-xl.showing {
        transform: none;
    }
    .offcanvas-xl.hiding,
    .offcanvas-xl.show,
    .offcanvas-xl.showing {
        visibility: visible;
    }
}
@media (min-width: 1200px) {
    .offcanvas-xl {
        --fc-offcanvas-height: auto;
        --fc-offcanvas-border-width: 0;
        background-color: transparent !important;
    }
    .offcanvas-xl .offcanvas-header {
        display: none;
    }
    .offcanvas-xl .offcanvas-body {
        background-color: transparent !important;
        display: flex;
        flex-grow: 0;
        overflow-y: visible;
        padding: 0;
    }
}
@media (max-width: 1399.98px) {
    .offcanvas-xxl {
        background-clip: padding-box;
        background-color: var(--fc-offcanvas-bg);
        bottom: 0;
        color: var(--fc-offcanvas-color);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        outline: 0;
        position: fixed;
        transition: var(--fc-offcanvas-transition);
        visibility: hidden;
        z-index: var(--fc-offcanvas-zindex);
    }
}
@media (max-width: 1399.98px) and (prefers-reduced-motion: reduce) {
    .offcanvas-xxl {
        transition: none;
    }
}
@media (max-width: 1399.98px) {
    .offcanvas-xxl.offcanvas-start {
        border-right: var(--fc-offcanvas-border-width) solid var(--fc-offcanvas-border-color);
        left: 0;
        top: 0;
        transform: translateX(-100%);
        width: var(--fc-offcanvas-width);
    }
    .offcanvas-xxl.offcanvas-end {
        border-left: var(--fc-offcanvas-border-width) solid var(--fc-offcanvas-border-color);
        right: 0;
        top: 0;
        transform: translateX(100%);
        width: var(--fc-offcanvas-width);
    }
    .offcanvas-xxl.offcanvas-top {
        border-bottom: var(--fc-offcanvas-border-width) solid var(--fc-offcanvas-border-color);
        top: 0;
        transform: translateY(-100%);
    }
    .offcanvas-xxl.offcanvas-bottom,
    .offcanvas-xxl.offcanvas-top {
        height: var(--fc-offcanvas-height);
        left: 0;
        max-height: 100%;
        right: 0;
    }
    .offcanvas-xxl.offcanvas-bottom {
        border-top: var(--fc-offcanvas-border-width) solid var(--fc-offcanvas-border-color);
        transform: translateY(100%);
    }
    .offcanvas-xxl.show:not(.hiding),
    .offcanvas-xxl.showing {
        transform: none;
    }
    .offcanvas-xxl.hiding,
    .offcanvas-xxl.show,
    .offcanvas-xxl.showing {
        visibility: visible;
    }
}
@media (min-width: 1400px) {
    .offcanvas-xxl {
        --fc-offcanvas-height: auto;
        --fc-offcanvas-border-width: 0;
        background-color: transparent !important;
    }
    .offcanvas-xxl .offcanvas-header {
        display: none;
    }
    .offcanvas-xxl .offcanvas-body {
        background-color: transparent !important;
        display: flex;
        flex-grow: 0;
        overflow-y: visible;
        padding: 0;
    }
}
.offcanvas {
    background-clip: padding-box;
    background-color: var(--fc-offcanvas-bg);
    bottom: 0;
    color: var(--fc-offcanvas-color);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    outline: 0;
    position: fixed;
    transition: var(--fc-offcanvas-transition);
    visibility: hidden;
    z-index: var(--fc-offcanvas-zindex);
}
@media (prefers-reduced-motion: reduce) {
    .offcanvas {
        transition: none;
    }
}
.offcanvas.offcanvas-start {
    border-right: var(--fc-offcanvas-border-width) solid var(--fc-offcanvas-border-color);
    left: 0;
    top: 0;
    transform: translateX(-100%);
    width: var(--fc-offcanvas-width);
}
.offcanvas.offcanvas-end {
    border-left: var(--fc-offcanvas-border-width) solid var(--fc-offcanvas-border-color);
    right: 0;
    top: 0;
    transform: translateX(100%);
    width: var(--fc-offcanvas-width);
}
.offcanvas.offcanvas-top {
    border-bottom: var(--fc-offcanvas-border-width) solid var(--fc-offcanvas-border-color);
    top: 0;
    transform: translateY(-100%);
}
.offcanvas.offcanvas-bottom,
.offcanvas.offcanvas-top {
    height: var(--fc-offcanvas-height);
    left: 0;
    max-height: 100%;
    right: 0;
}
.offcanvas.offcanvas-bottom {
    border-top: var(--fc-offcanvas-border-width) solid var(--fc-offcanvas-border-color);
    transform: translateY(100%);
}
.offcanvas.show:not(.hiding),
.offcanvas.showing {
    transform: none;
}
.offcanvas.hiding,
.offcanvas.show,
.offcanvas.showing {
    visibility: visible;
}
.offcanvas-backdrop {
    background-color: #000;
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 1040;
}
.offcanvas-backdrop.fade {
    opacity: 0;
}
.offcanvas-backdrop.show {
    opacity: 0.5;
}
.offcanvas-header {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: var(--fc-offcanvas-padding-y) var(--fc-offcanvas-padding-x);
}
.offcanvas-header .btn-close {
    margin-bottom: calc(var(--fc-offcanvas-padding-y) * -0.5);
    margin-right: calc(var(--fc-offcanvas-padding-x) * -0.5);
    margin-top: calc(var(--fc-offcanvas-padding-y) * -0.5);
    padding: calc(var(--fc-offcanvas-padding-y) * 0.5) calc(var(--fc-offcanvas-padding-x) * 0.5);
}
.offcanvas-title {
    line-height: var(--fc-offcanvas-title-line-height);
    margin-bottom: 0;
}
.offcanvas-body {
    flex-grow: 1;
    overflow-y: auto;
    padding: var(--fc-offcanvas-padding-y) var(--fc-offcanvas-padding-x);
}

@media (min-width: 992px) {
    .offcanvas-collapse {
        background-color: transparent;
        bottom: auto !important;
        display: block;
        height: auto !important;
        left: auto !important;
        position: static;
        right: auto !important;
        top: auto !important;
        transform: none !important;
        visibility: visible;
        width: 100% !important;
    }
}