@import url(https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css);
@import url(https://fonts.googleapis.com/css?family=Material+Icons:400&display=swap);

:root, body {
    --f7-list-inset-border-radius: 8px;
    --f7-list-margin-vertical: 32px;
    --f7-list-font-size: 16px;
    --f7-list-border-color: rgba(0, 0, 0, 0.12);
    --f7-list-item-min-height: 48px;
    --f7-list-item-text-text-color: rgba(0, 0, 0, 0.6);
    --f7-font-size: 14px;
    --f7-button-font-size: 14px;
    --f7-list-item-border-color: rgba(0, 0, 0, 0.12);
    --color-red-500: #F44336;
    --color-red-600: #E53935;
    --color-red-400: #EF5350;
    --f7-color-gray-rgb: 142,142,147
}

/*body, html {
    overflow-x: hidden;
    height: 100%
}

.page, body, html {
    height: 100%
}*/

.list, body {
    --menu-list-offset: 0px
}

    .list.inset, :root {
        --f7-safe-area-left: 0px;
        --f7-safe-area-right: 0px
    }

    .list .item-content, .row {
        justify-content: space-between
    }

    .list ul, body {
        margin: 0;
        padding: 0;
        position: relative
    }

        .list ul:after, .list ul:before {
            position: absolute;
            background-color: var(--f7-list-border-color);
            width: 100%
        }

        .list ul:after, .page, body, html {
            width: 100%
        }

.row, .row .col-100, body {
    --f7-cols-per-row: 1
}

.cards-list.inset li, .list.inset, .list.inset ul {
    border-radius: var(--f7-list-inset-border-radius)
}

.cards-list > ul.row > li, .list ul, body {
    padding: 0
}

.list, .list .item-inner, .list li, .list ul, .page-content, body, html {
    position: relative
}

    .list .item-content, .list .item-inner {
        display: flex;
        min-height: calc(var(--f7-list-item-min-height) - var(--menu-list-offset));
        box-sizing: border-box
    }

    .button, .list .item-cell, .list .item-content, .list .item-inner, .list .item-row, .list li, .page, .page-content, .row > [class*=col-] {
        box-sizing: border-box
    }

.text-color-gray, body {
    --f7-theme-color-text-color: #8e8e93
}

.material-icons, body {
    -webkit-font-smoothing: antialiased
}

.button, .link {
    cursor: pointer
}

.badge, .button {
    text-align: center
}

    .badge[class*=color-], body {
        --f7-badge-bg-color: var(--f7-theme-color)
    }

.lines-2, .multi-line-text {
    -webkit-line-clamp: 2 !important
}

:root {
    --bs-body-bg: var(--bs-gray-100);
    --f7-elevation-0: 0px 0px 0px 0px rgba(0, 0, 0, 0);
    --f7-elevation-1: 0px 2px 1px -1px rgba(0, 0, 0, 0.2),0px 1px 1px 0px rgba(0, 0, 0, 0.14),0px 1px 3px 0px rgba(0, 0, 0, 0.12);
    --f7-elevation-2: 0px 3px 1px -2px rgba(0, 0, 0, 0.2),0px 2px 2px 0px rgba(0, 0, 0, 0.14),0px 1px 5px 0px rgba(0, 0, 0, 0.12);
    --f7-elevation-3: 0px 3px 3px -2px rgba(0, 0, 0, 0.2),0px 3px 4px 0px rgba(0, 0, 0, 0.14),0px 1px 8px 0px rgba(0, 0, 0, 0.12);
    --f7-elevation-4: 0px 2px 4px -1px rgba(0, 0, 0, 0.2),0px 4px 5px 0px rgba(0, 0, 0, 0.14),0px 1px 10px 0px rgba(0, 0, 0, 0.12);
    --f7-elevation-5: 0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 5px 8px 0px rgba(0, 0, 0, 0.14),0px 1px 14px 0px rgba(0, 0, 0, 0.12);
    --f7-elevation-6: 0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px 0px rgba(0, 0, 0, 0.14),0px 1px 18px 0px rgba(0, 0, 0, 0.12);
    --f7-elevation-7: 0px 4px 5px -2px rgba(0, 0, 0, 0.2),0px 7px 10px 1px rgba(0, 0, 0, 0.14),0px 2px 16px 1px rgba(0, 0, 0, 0.12);
    --f7-elevation-8: 0px 5px 5px -3px rgba(0, 0, 0, 0.2),0px 8px 10px 1px rgba(0, 0, 0, 0.14),0px 3px 14px 2px rgba(0, 0, 0, 0.12);
    --f7-elevation-9: 0px 5px 6px -3px rgba(0, 0, 0, 0.2),0px 9px 12px 1px rgba(0, 0, 0, 0.14),0px 3px 16px 2px rgba(0, 0, 0, 0.12);
    --f7-elevation-10: 0px 6px 6px -3px rgba(0, 0, 0, 0.2),0px 10px 14px 1px rgba(0, 0, 0, 0.14),0px 4px 18px 3px rgba(0, 0, 0, 0.12);
    --f7-elevation-11: 0px 6px 7px -4px rgba(0, 0, 0, 0.2),0px 11px 15px 1px rgba(0, 0, 0, 0.14),0px 4px 20px 3px rgba(0, 0, 0, 0.12);
    --f7-elevation-12: 0px 7px 8px -4px rgba(0, 0, 0, 0.2),0px 12px 17px 2px rgba(0, 0, 0, 0.14),0px 5px 22px 4px rgba(0, 0, 0, 0.12);
    --f7-elevation-13: 0px 7px 8px -4px rgba(0, 0, 0, 0.2),0px 13px 19px 2px rgba(0, 0, 0, 0.14),0px 5px 24px 4px rgba(0, 0, 0, 0.12);
    --f7-elevation-14: 0px 7px 9px -4px rgba(0, 0, 0, 0.2),0px 14px 21px 2px rgba(0, 0, 0, 0.14),0px 5px 26px 4px rgba(0, 0, 0, 0.12);
    --f7-elevation-15: 0px 8px 9px -5px rgba(0, 0, 0, 0.2),0px 15px 22px 2px rgba(0, 0, 0, 0.14),0px 6px 28px 5px rgba(0, 0, 0, 0.12);
    --f7-elevation-16: 0px 8px 10px -5px rgba(0, 0, 0, 0.2),0px 16px 24px 2px rgba(0, 0, 0, 0.14),0px 6px 30px 5px rgba(0, 0, 0, 0.12);
    --f7-elevation-17: 0px 8px 11px -5px rgba(0, 0, 0, 0.2),0px 17px 26px 2px rgba(0, 0, 0, 0.14),0px 6px 32px 5px rgba(0, 0, 0, 0.12);
    --f7-elevation-18: 0px 9px 11px -5px rgba(0, 0, 0, 0.2),0px 18px 28px 2px rgba(0, 0, 0, 0.14),0px 7px 34px 6px rgba(0, 0, 0, 0.12);
    --f7-elevation-19: 0px 9px 12px -6px rgba(0, 0, 0, 0.2),0px 19px 29px 2px rgba(0, 0, 0, 0.14),0px 7px 36px 6px rgba(0, 0, 0, 0.12);
    --f7-elevation-20: 0px 10px 13px -6px rgba(0, 0, 0, 0.2),0px 20px 31px 3px rgba(0, 0, 0, 0.14),0px 8px 38px 7px rgba(0, 0, 0, 0.12);
    --f7-elevation-21: 0px 10px 13px -6px rgba(0, 0, 0, 0.2),0px 21px 33px 3px rgba(0, 0, 0, 0.14),0px 8px 40px 7px rgba(0, 0, 0, 0.12);
    --f7-elevation-22: 0px 10px 14px -6px rgba(0, 0, 0, 0.2),0px 22px 35px 3px rgba(0, 0, 0, 0.14),0px 8px 42px 7px rgba(0, 0, 0, 0.12);
    --f7-elevation-23: 0px 11px 14px -7px rgba(0, 0, 0, 0.2),0px 23px 36px 3px rgba(0, 0, 0, 0.14),0px 9px 44px 8px rgba(0, 0, 0, 0.12);
    --f7-elevation-24: 0px 11px 15px -7px rgba(0, 0, 0, 0.2),0px 24px 38px 3px rgba(0, 0, 0, 0.14),0px 9px 46px 8px rgba(0, 0, 0, 0.12);
    --f7-list-in-list-padding-left: 16px;
    --f7-list-chevron-icon-area: 20px;
    --f7-list-item-subtitle-font-size: 14px;
    --f7-list-item-text-font-size: 14px;
    --f7-list-item-text-line-height: 20px;
    --f7-list-item-after-font-size: 14px;
    --f7-list-item-after-padding: 8px;
    --f7-list-item-media-icons-margin: 8px;
    --f7-list-media-item-padding-vertical: 16px;
    --f7-list-media-item-title-font-weight: 600;
    --f7-list-button-border-color: rgba(0, 0, 0, 0.12);
    --f7-list-item-divider-height: 32px;
    --f7-list-item-divider-font-size: 14px;
    --f7-list-item-divider-bg-color: rgba(0, 0, 0, 0.03);
    --f7-list-item-divider-border-color: transparent;
    --f7-list-group-title-height: 32px;
    --f7-list-group-title-font-size: 14px;
    --f7-list-group-title-font-weight: 500;
    --f7-list-group-title-bg-color: #f7f7f7;
    --f7-list-link-pressed-bg-color: rgba(0, 0, 0, 0.1);
    --f7-list-link-hover-bg-color: rgba(0, 0, 0, 0.03);
    --f7-list-item-after-text-color: rgba(0, 0, 0, 0.5);
    --f7-list-item-footer-text-color: rgba(0, 0, 0, 0.6);
    --f7-list-button-hover-bg-color: rgba(0, 0, 0, 0.03);
    --f7-list-item-divider-text-color: rgba(0, 0, 0, 0.6);
    --f7-list-group-title-text-color: rgba(0, 0, 0, 0.6);
    --f7-list-media-item-padding-horizontal: 16px;
    --f7-list-item-text-max-lines: 2;
    --f7-list-chevron-icon-font-size: 20px;
    --f7-list-item-media-margin: 16px;
    --f7-list-item-title-font-size: inherit;
    --f7-list-item-title-font-weight: 400;
    --f7-list-item-title-text-color: inherit;
    --f7-list-item-title-line-height: inherit;
    --f7-list-item-title-white-space: nowrap;
    --f7-list-item-subtitle-font-weight: 400;
    --f7-list-item-subtitle-text-color: inherit;
    --f7-list-item-subtitle-line-height: inherit;
    --f7-list-item-text-font-weight: 400;
    --f7-list-item-after-font-weight: 400;
    --f7-list-item-after-line-height: inherit;
    --f7-list-item-header-text-color: inherit;
    --f7-list-item-header-font-size: 12px;
    --f7-list-item-header-font-weight: 400;
    --f7-list-item-header-line-height: 1.2;
    --f7-list-item-footer-font-size: 12px;
    --f7-list-item-footer-font-weight: 400;
    --f7-list-item-footer-line-height: 1.2;
    --f7-list-button-font-size: inherit;
    --f7-list-button-font-weight: 400;
    --f7-list-button-text-align: center;
    --f7-list-item-divider-line-height: inherit;
    --f7-list-item-divider-font-weight: 400;
    --f7-list-group-title-line-height: inherit;
    --f7-menu-list-offset: 8px;
    --f7-menu-list-border-radius: 8px;
    --f7-menu-list-font-size: 14px;
    --f7-menu-list-item-title-font-size: 14px;
    --f7-menu-list-item-title-font-weight: 500;
    --f7-menu-list-item-subtitle-font-size: 14px;
    --f7-menu-list-item-text-font-size: 14px;
    --f7-menu-list-item-after-font-size: 14px;
    --f7-list-chevron-icon-color: rgba(0, 0, 0, 0.2);
    --f7-grid-row-gap: 0px;
    --f7-grid-resize-handler-bg-color: rgba(0, 0, 0, 0.35);
    --f7-safe-area-top: env(safe-area-inset-top);
    --f7-safe-area-bottom: env(safe-area-inset-bottom);
    --f7-safe-area-outer-left: 0px;
    --f7-safe-area-outer-right: 0px;
    --f7-device-pixel-ratio: 1;
    --f7-color-red: #ff3b30;
    --f7-link-highlight-color: rgba(var(--f7-theme-color-rgb), 0.15);
    --f7-block-strong-bg-color: #fff;
    --f7-list-inset-side-margin: 16px;
    --f7-list-item-cell-margin: 16px;
    --f7-list-item-padding-horizontal: 16px;
    --f7-list-item-padding-vertical: 8px;
    --f7-list-bg-color: #fff;
    --f7-menu-list-selected-text-color: var(--f7-theme-color);
    --f7-menu-list-selected-bg-color: rgba(var(--f7-theme-color-rgb), 0.15);
    --f7-badge-text-color: #fff;
    --f7-badge-bg-color: #8e8e93;
    --f7-badge-padding: 0 4px;
    --f7-badge-font-weight: normal;
    --f7-badge-font-size: 12px;
    --f7-button-bg-color: transparent;
    --f7-button-border-width: 0px;
    --f7-button-text-transform: uppercase;
    --f7-touch-ripple-black: rgba(0, 0, 0, 0.1);
    --f7-touch-ripple-white: rgba(255, 255, 255, 0.3);
    --f7-touch-ripple-color: var(--f7-touch-ripple-black);
    --f7-dialog-button-text-color: var(--f7-theme-color);
    --f7-popup-push-offset: var(--f7-safe-area-top);
    --f7-sheet-push-offset: var(--f7-safe-area-top);
    --f7-card-margin-horizontal: 16px;
    --f7-card-margin-vertical: 16px;
    --f7-card-border-radius: 4px;
    --f7-grid-gap: 16px;
    --swiper-theme-color: var(--f7-theme-color);
    --f7-autocomplete-dropdown-font-size: var(--f7-list-font-size);
    --f7-elevation-2: 0px 3px 1px -2px rgba(0, 0, 0, 0.2),0px 2px 2px 0px rgba(0, 0, 0, 0.14),0px 1px 5px 0px rgba(0, 0, 0, 0.12);
    --f7-elevation-6: 0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px 0px rgba(0, 0, 0, 0.14),0px 1px 18px 0px rgba(0, 0, 0, 0.12);
    --f7-elevation-8: 0px 5px 5px -3px rgba(0, 0, 0, 0.2),0px 8px 10px 1px rgba(0, 0, 0, 0.14),0px 3px 14px 2px rgba(0, 0, 0, 0.12);
    --f7-typography-padding: 10px;
    --f7-typography-margin: 12px;
    --f7-badge-bg-color: var(--color-gray-500);
    --f7-font-size: 16px;
    --f7-body-bg-color: #ECEFF1;
    --f7-button-min-width: auto;
    --f7-table-card-header-height: var(--f7-table-body-cell-height);
    --f7-input-fill-bg-color: rgba(var(--f7-color-gray-rgb), 0.25);
    --f7-input-error-text-color: var(--f7-color-red);
    --f7-keypad-button-pressed-bg-color: #ADBBCA;
    --f7-keypad-button-dark-pressed-bg-color: var(--f7-keypad-button-pressed-bg-color);
    --f7-panel-bg-color: var(--color-gray-50);
    --f7-swipeout-delete-button-bg-color: var(--f7-color-red);
    --f7-text-editor-bg-color: var(--f7-block-strong-bg-color);
    --color-red-700: #D32F2F;
    --color-red-900: #B71C1C;
    --color-red-rgb-500: 244,67,54;
    --gradient-red: linear-gradient(to bottom right, var(--color-red-900), var(--color-red-700), var(--color-red-500));
    --f7-color-red: var(--color-red-500);
    --f7-color-red-rgb: var(--color-red-rgb-500);
    --f7-color-red-shade: var(--color-red-600);
    --f7-color-red-tint: var(--color-red-400);
    --color-pink-400: #EC407A;
    --color-pink-500: #E91E63;
    --color-pink-600: #D81B60;
    --color-pink-700: #C2185B;
    --color-pink-900: #880E4F;
    --color-pink-rgb-500: 233,30,99;
    --gradient-pink: linear-gradient(to bottom right, var(--color-pink-900), var(--color-pink-700), var(--color-pink-500));
    --f7-color-pink: var(--color-pink-500);
    --f7-color-pink-rgb: var(--color-pink-rgb-500);
    --f7-color-pink-shade: var(--color-pink-600);
    --f7-color-pink-tint: var(--color-pink-400);
    --color-purple-400: #AB47BC;
    --color-purple-500: #9C27B0;
    --color-purple-600: #8E24AA;
    --color-purple-700: #7B1FA2;
    --color-purple-900: #4A148C;
    --color-purple-rgb-500: 156,39,176;
    --gradient-purple: linear-gradient(to bottom right, var(--color-purple-900), var(--color-purple-700), var(--color-purple-500));
    --f7-color-purple: var(--color-purple-500);
    --f7-color-purple-rgb: var(--color-purple-rgb-500);
    --f7-color-purple-shade: var(--color-purple-600);
    --f7-color-purple-tint: var(--color-purple-400);
    --color-deeppurple-400: #7E57C2;
    --color-deeppurple-500: #673AB7;
    --color-deeppurple-600: #5E35B1;
    --color-deeppurple-700: #512DA8;
    --color-deeppurple-900: #311B92;
    --color-deeppurple-rgb-500: 103,58,183;
    --gradient-deeppurple: linear-gradient(to bottom right, var(--color-deeppurple-900), var(--color-deeppurple-700), var(--color-deeppurple-500));
    --f7-color-deeppurple: var(--color-deeppurple-500);
    --f7-color-deeppurple-rgb: var(--color-deeppurple-rgb-500);
    --f7-color-deeppurple-shade: var(--color-deeppurple-600);
    --f7-color-deeppurple-tint: var(--color-deeppurple-400);
    --color-indigo-400: #5C6BC0;
    --color-indigo-500: #3F51B5;
    --color-indigo-600: #3949AB;
    --color-indigo-700: #303F9F;
    --color-indigo-900: #1A237E;
    --color-indigo-rgb-500: 63,81,181;
    --gradient-indigo: linear-gradient(to bottom right, var(--color-indigo-900), var(--color-indigo-700), var(--color-indigo-500));
    --f7-color-indigo: var(--color-indigo-500);
    --f7-color-indigo-rgb: var(--color-indigo-rgb-500);
    --f7-color-indigo-shade: var(--color-indigo-600);
    --f7-color-indigo-tint: var(--color-indigo-400);
    --color-blue-400: #42A5F5;
    --color-blue-500: #2196F3;
    --color-blue-600: #1E88E5;
    --color-blue-700: #1976D2;
    --color-blue-900: #0D47A1;
    --color-blue-rgb-500: 33,150,243;
    --gradient-blue: linear-gradient(to bottom right, var(--color-blue-900), var(--color-blue-700), var(--color-blue-500));
    --f7-color-blue: var(--color-blue-500);
    --f7-color-blue-rgb: var(--color-blue-rgb-500);
    --f7-color-blue-shade: var(--color-blue-600);
    --f7-color-blue-tint: var(--color-blue-400);
    --color-lightblue-400: #29B6F6;
    --color-lightblue-500: #03A9F4;
    --color-lightblue-600: #039BE5;
    --color-lightblue-700: #0288D1;
    --color-lightblue-900: #01579B;
    --color-lightblue-rgb-500: 3,169,244;
    --gradient-lightblue: linear-gradient(to bottom right, var(--color-lightblue-900), var(--color-lightblue-700), var(--color-lightblue-500));
    --f7-color-lightblue: var(--color-lightblue-500);
    --f7-color-lightblue-rgb: var(--color-lightblue-rgb-500);
    --f7-color-lightblue-shade: var(--color-lightblue-600);
    --f7-color-lightblue-tint: var(--color-lightblue-400);
    --color-cyan-400: #26C6DA;
    --color-cyan-500: #00BCD4;
    --color-cyan-600: #00ACC1;
    --color-cyan-700: #0097A7;
    --color-cyan-900: #006064;
    --color-cyan-rgb-500: 0,188,212;
    --gradient-cyan: linear-gradient(to bottom right, var(--color-cyan-900), var(--color-cyan-700), var(--color-cyan-500));
    --f7-color-cyan: var(--color-cyan-500);
    --f7-color-cyan-rgb: var(--color-cyan-rgb-500);
    --f7-color-cyan-shade: var(--color-cyan-600);
    --f7-color-cyan-tint: var(--color-cyan-400);
    --color-teal-400: #26A69A;
    --color-teal-500: #009688;
    --color-teal-600: #00897B;
    --color-teal-700: #00796B;
    --color-teal-900: #004D40;
    --color-teal-rgb-500: 0,150,136;
    --gradient-teal: linear-gradient(to bottom right, var(--color-teal-900), var(--color-teal-700), var(--color-teal-500));
    --f7-color-teal: var(--color-teal-500);
    --f7-color-teal-rgb: var(--color-teal-rgb-500);
    --f7-color-teal-shade: var(--color-teal-600);
    --f7-color-teal-tint: var(--color-teal-400);
    --color-green-400: #66BB6A;
    --color-green-500: #4CAF50;
    --color-green-600: #43A047;
    --color-green-700: #388E3C;
    --color-green-900: #1B5E20;
    --color-green-rgb-500: 76,175,80;
    --gradient-green: linear-gradient(to bottom right, var(--color-green-900), var(--color-green-700), var(--color-green-500));
    --f7-color-green: var(--color-green-500);
    --f7-color-green-rgb: var(--color-green-rgb-500);
    --f7-color-green-shade: var(--color-green-600);
    --f7-color-green-tint: var(--color-green-400);
    --color-lightgreen-400: #9CCC65;
    --color-lightgreen-500: #8BC34A;
    --color-lightgreen-600: #7CB342;
    --color-lightgreen-700: #689F38;
    --color-lightgreen-900: #33691E;
    --color-lightgreen-rgb-500: 139,195,74;
    --gradient-lightgreen: linear-gradient(to bottom right, var(--color-lightgreen-900), var(--color-lightgreen-700), var(--color-lightgreen-500));
    --f7-color-lightgreen: var(--color-lightgreen-500);
    --f7-color-lightgreen-rgb: var(--color-lightgreen-rgb-500);
    --f7-color-lightgreen-shade: var(--color-lightgreen-600);
    --f7-color-lightgreen-tint: var(--color-lightgreen-400);
    --color-lime-400: #D4E157;
    --color-lime-500: #CDDC39;
    --color-lime-600: #C0CA33;
    --color-lime-700: #AFB42B;
    --color-lime-900: #827717;
    --color-lime-rgb-500: 205,220,57;
    --gradient-lime: linear-gradient(to bottom right, var(--color-lime-900), var(--color-lime-700), var(--color-lime-500));
    --f7-color-lime: var(--color-lime-500);
    --f7-color-lime-rgb: var(--color-lime-rgb-500);
    --f7-color-lime-shade: var(--color-lime-600);
    --f7-color-lime-tint: var(--color-lime-400);
    --color-yellow-400: #FFEE58;
    --color-yellow-500: #FFEB3B;
    --color-yellow-600: #FDD835;
    --color-yellow-700: #FBC02D;
    --color-yellow-900: #F57F17;
    --color-yellow-rgb-500: 255,235,59;
    --gradient-yellow: linear-gradient(to bottom right, var(--color-yellow-900), var(--color-yellow-700), var(--color-yellow-500));
    --f7-color-yellow: var(--color-yellow-500);
    --f7-color-yellow-rgb: var(--color-yellow-rgb-500);
    --f7-color-yellow-shade: var(--color-yellow-600);
    --f7-color-yellow-tint: var(--color-yellow-400);
    --color-amber-400: #FFCA28;
    --color-amber-500: #FFC107;
    --color-amber-600: #FFB300;
    --color-amber-700: #FFA000;
    --color-amber-900: #FF6F00;
    --color-amber-rgb-500: 255,193,7;
    --gradient-amber: linear-gradient(to bottom right, var(--color-amber-900), var(--color-amber-700), var(--color-amber-500));
    --f7-color-amber: var(--color-amber-500);
    --f7-color-amber-rgb: var(--color-amber-rgb-500);
    --f7-color-amber-shade: var(--color-amber-600);
    --f7-color-amber-tint: var(--color-amber-400);
    --color-orange-400: #FFA726;
    --color-orange-500: #FF9800;
    --color-orange-600: #FB8C00;
    --color-orange-700: #F57C00;
    --color-orange-900: #E65100;
    --color-orange-rgb-500: 255,152,0;
    --gradient-orange: linear-gradient(to bottom right, var(--color-orange-900), var(--color-orange-700), var(--color-orange-500));
    --f7-color-orange: var(--color-orange-500);
    --f7-color-orange-rgb: var(--color-orange-rgb-500);
    --f7-color-orange-shade: var(--color-orange-600);
    --f7-color-orange-tint: var(--color-orange-400);
    --color-deeporange-400: #FF7043;
    --color-deeporange-500: #FF5722;
    --color-deeporange-600: #F4511E;
    --color-deeporange-700: #E64A19;
    --color-deeporange-900: #BF360C;
    --color-deeporange-rgb-500: 255,87,34;
    --gradient-deeporange: linear-gradient(to bottom right, var(--color-deeporange-900), var(--color-deeporange-700), var(--color-deeporange-500));
    --f7-color-deeporange: var(--color-deeporange-500);
    --f7-color-deeporange-rgb: var(--color-deeporange-rgb-500);
    --f7-color-deeporange-shade: var(--color-deeporange-600);
    --f7-color-deeporange-tint: var(--color-deeporange-400);
    --color-brown-400: #8D6E63;
    --color-brown-500: #795548;
    --color-brown-600: #6D4C41;
    --color-brown-700: #5D4037;
    --color-brown-900: #3E2723;
    --color-brown-rgb-500: 121,85,72;
    --gradient-brown: linear-gradient(to bottom right, var(--color-brown-900), var(--color-brown-700), var(--color-brown-500));
    --f7-color-brown: var(--color-brown-500);
    --f7-color-brown-rgb: var(--color-brown-rgb-500);
    --f7-color-brown-shade: var(--color-brown-600);
    --f7-color-brown-tint: var(--color-brown-400);
    --color-gray-50: #FAFAFA;
    --color-gray-300: #E0E0E0;
    --color-gray-400: #BDBDBD;
    --color-gray-500: #9E9E9E;
    --color-gray-600: #757575;
    --color-gray-700: #616161;
    --color-gray-900: #212121;
    --color-gray-rgb-500: 158,158,158;
    --gradient-gray: linear-gradient(to bottom right, var(--color-gray-900), var(--color-gray-700), var(--color-gray-500));
    --f7-color-gray: var(--color-gray-500);
    --f7-color-gray-rgb: var(--color-gray-rgb-500);
    --f7-color-gray-shade: var(--color-gray-600);
    --f7-color-gray-tint: var(--color-gray-400);
    --color-bluegray-400: #78909C;
    --color-bluegray-500: #607D8B;
    --color-bluegray-600: #546E7A;
    --color-bluegray-700: #455A64;
    --color-bluegray-900: #263238;
    --color-bluegray-rgb-500: 96,125,139;
    --gradient-bluegray: linear-gradient(to bottom right, var(--color-bluegray-900), var(--color-bluegray-700), var(--color-bluegray-500));
    --f7-color-bluegray: var(--color-bluegray-500);
    --f7-color-bluegray-rgb: var(--color-bluegray-rgb-500);
    --f7-color-bluegray-shade: var(--color-bluegray-600);
    --f7-color-bluegray-tint: var(--color-bluegray-400);
}

.button-fill, body {
    --f7-button-bg-color: var(--f7-button-fill-bg-color, var(--f7-theme-color));
    --f7-button-text-color: var(--f7-button-fill-text-color, #fff);
    --f7-button-pressed-bg-color: var(--f7-button-fill-pressed-bg-color);
    --f7-button-hover-bg-color: var(--f7-button-fill-hover-bg-color, var(--f7-theme-color-tint))
}

.badge[class*=color-], .button, body {
    --f7-touch-ripple-color: rgba(var(--f7-theme-color-rgb), 0.25)
}

.color-gray, body {
    --swiper-theme-color: var(--color-gray-500)
}


a {
    color: #499f89
}

h1:focus-visible {
    outline: 0 !important
}

:focus {
    outline: 0 !important
}

body {
    --f7-safe-area-left: env(safe-area-inset-left);
    --f7-safe-area-outer-left: env(safe-area-inset-left);
    --f7-safe-area-right: env(safe-area-inset-right);
    --f7-safe-area-outer-right: env(safe-area-inset-right);
    --f7-safe-area-left: env(safe-area-inset-left);
    --f7-safe-area-outer-left: env(safe-area-inset-left);
    --f7-safe-area-right: env(safe-area-inset-right);
    --f7-safe-area-outer-right: env(safe-area-inset-right);
    --f7-font-family: -apple-system,system-ui,Helvetica,Arial,sans-serif;
    --f7-line-height: 1.5;
    --f7-text-color: #000;
    --f7-page-bg-color: #f3f4f6;
    --f7-link-hover-opacity: 0.65;
    --f7-block-inset-border-radius: 8px;
    --f7-block-header-text-color: rgba(0, 0, 0, 0.6);
    --f7-block-footer-text-color: rgba(0, 0, 0, 0.6);
    --f7-badge-size: 18px;
    --f7-badge-font-weight: 600;
    --f7-button-height: 36px;
    --f7-button-min-width: 24px;
    --f7-button-padding-horizontal: 10px;
    --f7-button-border-radius: 8px;
    --f7-button-font-weight: 600;
    --f7-button-letter-spacing: 0em;
    --f7-popover-box-shadow: var(--f7-elevation-8);
    --f7-sortable-sorting-item-box-shadow: var(--f7-elevation-2);
    --f7-card-border-radius: 8px;
    --f7-card-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
    --f7-input-font-size: 16px;
    --f7-table-body-cell-height: 48px;
    --f7-fab-box-shadow: var(--f7-elevation-6);
    --f7-searchbar-input-border-radius: 8px;
    --f7-notification-title-font-size: 16px;
    --f7-actions-button-font-size: var(--f7-font-size);
    --f7-actions-label-font-size: var(--f7-font-size);
    --f7-badge-font-weight: normal;
    --f7-badge-size: 20px;
    --f7-button-font-weight: 500;
    --f7-button-padding-horizontal: 16px;
    --f7-button-letter-spacing: 0.025em;
    --f7-button-font-weight: 500;
    --f7-button-padding-horizontal: 16px;
    --f7-button-letter-spacing: 0.025em;
    --f7-card-border-radius: var(--f7-block-inset-border-radius);
    --f7-card-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    --f7-button-font-weight: 500;
    --f7-button-padding-horizontal: 16px;
    --f7-button-letter-spacing: 0.025em;
    --f7-card-border-radius: var(--f7-block-inset-border-radius);
    --f7-card-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    --f7-dialog-input-font-size: var(--f7-input-font-size);
    --f7-dialog-input-font-size: var(--f7-input-font-size);
    --f7-card-expandable-border-radius: var(--f7-card-border-radius);
    --f7-card-expandable-margin-horizontal: var(--f7-card-margin-horizontal);
    --f7-card-expandable-margin-vertical: var(--f7-card-margin-vertical);
    --f7-card-expandable-tablet-border-radius: var(--f7-card-border-radius);
    --f7-dialog-input-font-size: var(--f7-input-font-size);
    --f7-card-expandable-border-radius: var(--f7-card-border-radius);
    --f7-card-expandable-margin-horizontal: var(--f7-card-margin-horizontal);
    --f7-card-expandable-margin-vertical: var(--f7-card-margin-vertical);
    --f7-card-expandable-tablet-border-radius: var(--f7-card-border-radius);
    --f7-input-font-size: 14px;
    --f7-list-font-size: var(--f7-font-size);
    --f7-list-group-title-height: var(--f7-list-item-min-height);
    --f7-list-item-divider-height: var(--f7-list-item-min-height);
    --f7-list-item-header-text-color: var(--f7-block-header-text-color);
    --f7-list-item-footer-text-color: var(--f7-block-footer-text-color);
    --f7-list-font-size: var(--f7-font-size);
    --f7-list-group-title-height: var(--f7-list-item-min-height);
    --f7-list-item-divider-height: var(--f7-list-item-min-height);
    --f7-list-item-header-text-color: var(--f7-block-header-text-color);
    --f7-list-item-footer-text-color: var(--f7-block-footer-text-color);
    --f7-list-font-size: var(--f7-font-size);
    --f7-list-group-title-height: var(--f7-list-item-min-height);
    --f7-list-item-divider-height: var(--f7-list-item-min-height);
    --f7-list-item-header-text-color: var(--f7-block-header-text-color);
    --f7-list-item-footer-text-color: var(--f7-block-footer-text-color);
    --f7-list-font-size: var(--f7-font-size);
    --f7-list-group-title-height: var(--f7-list-item-min-height);
    --f7-list-item-divider-height: var(--f7-list-item-min-height);
    --f7-list-item-header-text-color: var(--f7-block-header-text-color);
    --f7-list-item-footer-text-color: var(--f7-block-footer-text-color);
    --f7-notification-subtitle-font-size: var(--f7-notification-title-font-size);
    --f7-page-bg-color: #ECEFF1;
    --f7-notification-subtitle-font-size: var(--f7-notification-title-font-size);
    --f7-page-bg-color: #ECEFF1;
    --f7-range-label-bg-color: var(--f7-theme-color);
    --f7-searchbar-in-page-content-input-border-radius: var(--f7-searchbar-input-border-radius);
    --f7-timeline-item-inner-border-radius: var(--f7-card-border-radius);
    --f7-timeline-item-inner-box-shadow: var(--f7-card-box-shadow);
    --f7-timeline-item-title-font-size: var(--f7-font-size);
    --f7-timeline-item-text-color: var(--f7-list-item-text-text-color);
    --f7-safe-area-left: 0px;
    --f7-safe-area-right: 0px;
    --f7-cols-per-row: 2;
    --f7-cols-per-row: 2;
    --f7-button-border-radius: var(--f7-button-height);
    --f7-touch-ripple-color: var(--f7-touch-ripple-white);
    --f7-touch-ripple-color: var(--f7-touch-ripple-white);
    --f7-button-pressed-bg-color: var(--f7-button-fill-pressed-bg-color, var(--f7-theme-color-shade));
    --f7-button-pressed-bg-color: var(--f7-button-fill-pressed-bg-color, var(--f7-theme-color-shade));

    --swiper-theme-color: var(--color-red-500);

    --swiper-theme-color: var(--color-red-500);

    --f7-touch-ripple-color: var(--f7-link-touch-ripple-color, rgba(var(--f7-theme-color-rgb), 0.25));
    --f7-touch-ripple-color: var(--f7-link-touch-ripple-color, rgba(var(--f7-theme-color-rgb), 0.25));
    --f7-touch-ripple-color: rgba(var(--f7-color-gray-rgb), 0.25);

    --swiper-theme-color: var(--color-pink-500);
    --swiper-theme-color: var(--color-amber-500);
    /*overflow: hidden;*/
    -webkit-text-size-adjust: 100%;
    font-family: var(--f7-font-family);
    font-size: var(--f7-font-size)
}