[type="text"]{
	
    /*border:1px solid lightblue !important;
    max-width: 220px;
    padding: 3px !important;
    margin-left: 5px !important;*/
	
	/*border-bottom: 1px solid #cececf !important;*/
    padding-bottom: 8px !important;
	width: 88vw;
	font-size: 17px !important;
	font-weight: 400;
	
}

@media only screen and (min-width: 1025px) {
    [type="text"]{
        width: 80%;
    }
}

.input-clear-button {
    float: right;
    position: relative;
    top: -15px;
    right: 12px;
}

.zxFormInputLockedUpper, .zxFormInputLocked {
	display: block;
	border-bottom: 1px solid #cececf;
    padding-bottom: 8px;
	width: 88vw;
	font-size: 17px;
	font-weight: 400;
}

tr>td.zxLabelPlain[width="20%"] {
  display: none;
}

/*.zXRowClass {
	display: block;
}*/

.zXFormLabel{
    display: block;
    margin-top: 8px;
    font-size: 12px;
    /* margin-left: 7px; */
    font-weight: 600;
}

.zxListHeader {
    margin-top: 8px;
    font-size: 12px;
    margin-left: 7px;
}

.zxNor td, .zxAlt td{
 /*border-bottom:  1px solid var(--f7-list-item-border-color);*/
 cursor: pointer;
 background-color: white !important;
 height: 30px;
 padding-left: 5px;
}

/*form{
    background-color: white !important;
    padding: 10px 2px !important;
}*/
.zxNor, .zxAlt {

    background-color: white !important;
 
   }

.zXButtonArea td:first-child{
  /*  
  waarom stond deze op none?
  display: none;*/
}

.zXRowClass {
    display: block;
    padding: 3px 0px;
    border-bottom: 1px solid lightgray;
}

[type="submit"]{

    --f7-safe-area-left: 0px;
    --f7-safe-area-right: 0px;
    --f7-safe-area-outer-left: 0px;
    --f7-safe-area-outer-right: 0px;
    --f7-device-pixel-ratio: 1;
    --f7-safe-area-top: env(safe-area-inset-top);
    --f7-safe-area-bottom: env(safe-area-inset-bottom);
    --f7-font-size: 14px;
    --f7-bars-bg-image: none;
    --f7-bars-translucent-opacity: 0.8;
    --f7-bars-translucent-blur: 20px;
    --f7-bars-shadow-bottom-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.08) 40%, rgba(0, 0, 0, 0.04) 50%, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%);
    --f7-bars-shadow-top-image: linear-gradient(to top, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.08) 40%, rgba(0, 0, 0, 0.04) 50%, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%);
    --f7-bars-text-color: #000;
    --f7-bars-bg-color: #f7f7f8;
    --f7-bars-bg-color-rgb: 247,247,248;
    --f7-font-family: Roboto,system-ui,Noto,Helvetica,Arial,sans-serif;
    --f7-line-height: 1.5;
    --f7-bars-border-color: transparent;
    --f7-text-color: #212121;
    --f7-color-red: #ff3b30;
    --f7-color-red-rgb: 255,59,48;
    --f7-color-red-shade: #ff1407;
    --f7-color-red-tint: #ff6259;
    --f7-color-green: #4cd964;
    --f7-color-green-rgb: 76,217,100;
    --f7-color-green-shade: #2cd048;
    --f7-color-green-tint: #6ee081;
    --f7-color-blue: #2196f3;
    --f7-color-blue-rgb: 33,150,243;
    --f7-color-blue-shade: #0c82df;
    --f7-color-blue-tint: #48a8f5;
    --f7-color-pink: #ff2d55;
    --f7-color-pink-rgb: 255,45,85;
    --f7-color-pink-shade: #ff0434;
    --f7-color-pink-tint: #ff5676;
    --f7-color-yellow: #ffcc00;
    --f7-color-yellow-rgb: 255,204,0;
    --f7-color-yellow-shade: #d6ab00;
    --f7-color-yellow-tint: #ffd429;
    --f7-color-orange: #ff9500;
    --f7-color-orange-rgb: 255,149,0;
    --f7-color-orange-shade: #d67d00;
    --f7-color-orange-tint: #ffa629;
    --f7-color-purple: #9c27b0;
    --f7-color-purple-rgb: 156,39,176;
    --f7-color-purple-shade: #7e208f;
    --f7-color-purple-tint: #b92fd1;
    --f7-color-deeppurple: #673ab7;
    --f7-color-deeppurple-rgb: 103,58,183;
    --f7-color-deeppurple-shade: #563098;
    --f7-color-deeppurple-tint: #7c52c8;
    --f7-color-lightblue: #5ac8fa;
    --f7-color-lightblue-rgb: 90,200,250;
    --f7-color-lightblue-shade: #32bbf9;
    --f7-color-lightblue-tint: #82d5fb;
    --f7-color-teal: #009688;
    --f7-color-teal-rgb: 0,150,136;
    --f7-color-teal-shade: #006d63;
    --f7-color-teal-tint: #00bfad;
    --f7-color-lime: #cddc39;
    --f7-color-lime-rgb: 205,220,57;
    --f7-color-lime-shade: #bac923;
    --f7-color-lime-tint: #d6e25c;
    --f7-color-deeporange: #ff6b22;
    --f7-color-deeporange-rgb: 255,107,34;
    --f7-color-deeporange-shade: #f85200;
    --f7-color-deeporange-tint: #ff864b;
    --f7-color-gray: #8e8e93;
    --f7-color-gray-rgb: 142,142,147;
    --f7-color-gray-shade: #79797f;
    --f7-color-gray-tint: #a3a3a7;
    --f7-color-white: #ffffff;
    --f7-color-white-rgb: 255,255,255;
    --f7-color-white-shade: #ebebeb;
    --f7-color-white-tint: #ffffff;
    --f7-color-black: #000000;
    --f7-color-black-rgb: 0,0,0;
    --f7-color-black-shade: #000000;
    --f7-color-black-tint: #141414;
    --f7-page-master-width: 320px;
    --f7-page-master-border-color: rgba(0, 0, 0, 0.1);
    --f7-page-master-border-width: 1px;
    --f7-page-swipeback-transition-duration: 300ms;
    --f7-page-parallax-transition-duration: 500ms;
    --f7-page-cover-transition-duration: 450ms;
    --f7-page-dive-transition-duration: 500ms;
    --f7-page-fade-transition-duration: 500ms;
    --f7-page-flip-transition-duration: 700ms;
    --f7-page-push-transition-duration: 500ms;
    --f7-page-transition-duration: 250ms;
    --f7-page-bg-color: #fff;
    --f7-link-highlight-black: rgba(0, 0, 0, 0.1);
    --f7-link-highlight-white: rgba(255, 255, 255, 0.15);
    --f7-link-highlight-color: var(--f7-link-highlight-black);
    --f7-navbar-hide-show-transition-duration: 400ms;
    --f7-navbar-title-line-height: 1.2;
    --f7-navbar-title-font-size: inherit;
    --f7-navbar-subtitle-text-align: inherit;
    --f7-navbar-large-title-line-height: 1.2;
    --f7-navbar-large-title-text-color: inherit;
    --f7-navbar-large-title-padding-left: 16px;
    --f7-navbar-large-title-padding-right: 16px;
    --f7-navbar-height: 56px;
    --f7-navbar-tablet-height: 64px;
    --f7-navbar-font-size: 20px;
    --f7-navbar-inner-padding-left: 0px;
    --f7-navbar-inner-padding-right: 0px;
    --f7-navbar-title-font-weight: 500;
    --f7-navbar-title-margin-left: 16px;
    --f7-navbar-title-margin-right: 16px;
    --f7-navbar-title-text-align: left;
    --f7-navbar-subtitle-font-size: 14px;
    --f7-navbar-subtitle-line-height: 1.2;
    --f7-navbar-shadow-image: var(--f7-bars-shadow-bottom-image);
    --f7-navbar-large-title-font-size: 34px;
    --f7-navbar-large-title-height: 56px;
    --f7-navbar-large-title-font-weight: 500;
    --f7-navbar-large-title-letter-spacing: 0;
    --f7-navbar-large-title-padding-vertical: 8px;
    --f7-navbar-subtitle-text-color: rgba(0, 0, 0, 0.85);
    --f7-tabbar-link-active-bg-color: transparent;
    --f7-tabbar-label-text-transform: none;
    --f7-toolbar-hide-show-transition-duration: 400ms;
    --f7-toolbar-height: 48px;
    --f7-toolbar-font-size: 14px;
    --f7-toolbar-inner-padding-left: 0px;
    --f7-toolbar-inner-padding-right: 0px;
    --f7-tabbar-labels-height: 56px;
    --f7-tabbar-labels-tablet-height: 56px;
    --f7-toolbar-top-shadow-image: var(--f7-bars-shadow-bottom-image);
    --f7-toolbar-bottom-shadow-image: var(--f7-bars-shadow-top-image);
    --f7-tabbar-icon-size: 24px;
    --f7-tabbar-link-text-transform: uppercase;
    --f7-tabbar-link-font-weight: 500;
    --f7-tabbar-link-letter-spacing: 0.03em;
    --f7-tabbar-label-font-size: 14px;
    --f7-tabbar-label-tablet-font-size: 14px;
    --f7-tabbar-label-font-weight: 400;
    --f7-tabbar-label-letter-spacing: 0;
    --f7-tabbar-link-inactive-color: rgba(0, 0, 0, 0.54);
    --f7-subnavbar-title-line-height: 1.2;
    --f7-subnavbar-height: 48px;
    --f7-subnavbar-inner-padding-left: 16px;
    --f7-subnavbar-inner-padding-right: 16px;
    --f7-subnavbar-title-font-size: 20px;
    --f7-subnavbar-title-font-weight: 500;
    --f7-subnavbar-title-letter-spacing: 0;
    --f7-subnavbar-title-margin-left: 0px;
    --f7-subnavbar-shadow-image: var(--f7-bars-shadow-bottom-image);
    --f7-block-padding-horizontal: 16px;
    --f7-block-padding-vertical: 16px;
    --f7-block-font-size: inherit;
    --f7-block-text-color: inherit;
    --f7-block-header-margin: 10px;
    --f7-block-footer-margin: 10px;
    --f7-block-header-font-size: 14px;
    --f7-block-footer-font-size: 14px;
    --f7-block-title-text-transform: none;
    --f7-block-title-white-space: nowrap;
    --f7-block-title-medium-text-transform: none;
    --f7-block-title-large-text-transform: none;
    --f7-block-inset-side-margin: 16px;
    --f7-block-title-medium-text-color: #000;
    --f7-block-title-large-text-color: #000;
    --f7-block-strong-bg-color: #fff;
    --f7-block-margin-vertical: 32px;
    --f7-block-strong-text-color: inherit;
    --f7-block-strong-border-color: rgba(0, 0, 0, 0.12);
    --f7-block-title-font-size: inherit;
    --f7-block-title-text-color: rgba(0, 0, 0, 0.54);
    --f7-block-title-font-weight: 500;
    --f7-block-title-line-height: 16px;
    --f7-block-title-margin-bottom: 16px;
    --f7-block-title-medium-font-size: 24px;
    --f7-block-title-medium-font-weight: 500;
    --f7-block-title-medium-line-height: 1.3;
    --f7-block-title-large-font-size: 34px;
    --f7-block-title-large-font-weight: 500;
    --f7-block-title-large-line-height: 1.2;
    --f7-block-inset-border-radius: 4px;
    --f7-block-header-text-color: rgba(0, 0, 0, 0.54);
    --f7-block-footer-text-color: rgba(0, 0, 0, 0.54);
    --f7-list-inset-side-margin: 16px;
    --f7-list-item-cell-margin: 16px;
    --f7-list-item-padding-horizontal: 16px;
    --f7-list-media-item-padding-horizontal: 16px;
    --f7-list-item-text-max-lines: 2;
    --f7-list-chevron-icon-font-size: 20px;
    --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-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-item-divider-line-height: inherit;
    --f7-list-group-title-line-height: inherit;
    --f7-list-bg-color: #fff;
    --f7-list-chevron-icon-color: rgba(0, 0, 0, 0.2);
    --f7-list-in-list-padding-left: 40px;
    --f7-list-inset-border-radius: 4px;
    --f7-list-margin-vertical: 32px;
    --f7-list-font-size: 16px;
    --f7-list-chevron-icon-area: 26px;
    --f7-list-border-color: rgba(0, 0, 0, 0.12);
    --f7-list-item-border-color: rgba(0, 0, 0, 0.12);
    --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-line-height: inherit;
    --f7-list-item-after-padding: 8px;
    --f7-list-item-min-height: 48px;
    --f7-list-item-media-margin: 16px;
    --f7-list-item-media-icons-margin: 8px;
    --f7-list-item-padding-vertical: 8px;
    --f7-list-media-item-padding-vertical: 14px;
    --f7-list-button-text-align: left;
    --f7-list-button-border-color: transparent;
    --f7-list-item-divider-height: 48px;
    --f7-list-item-divider-font-size: 14px;
    --f7-list-item-divider-font-weight: 400;
    --f7-list-item-divider-bg-color: #f4f4f4;
    --f7-list-item-divider-border-color: transparent;
    --f7-list-group-title-height: 48px;
    --f7-list-group-title-font-size: 14px;
    --f7-list-group-title-font-weight: 400;
    --f7-list-group-title-bg-color: #f4f4f4;
    --f7-list-link-pressed-bg-color: rgba(0, 0, 0, 0.1);
    --f7-list-item-text-text-color: rgba(0, 0, 0, 0.54);
    --f7-list-item-after-text-color: rgba(0, 0, 0, 0.54);
    --f7-list-item-footer-text-color: rgba(0, 0, 0, 0.5);
    --f7-list-button-text-color: #212121;
    --f7-list-button-pressed-bg-color: rgba(0, 0, 0, 0.1);
    --f7-list-item-divider-text-color: rgba(0, 0, 0, 0.54);
    --f7-list-group-title-text-color: rgba(0, 0, 0, 0.54);
    --f7-list-chevron-icon-left: 'chevron_left';
    --f7-list-chevron-icon-right: 'chevron_right';
    --f7-badge-text-color: #fff;
    --f7-badge-bg-color: #8e8e93;
    --f7-badge-padding: 0 4px;
    --f7-badge-in-icon-size: 16px;
    --f7-badge-in-icon-font-size: 10px;
    --f7-badge-font-weight: normal;
    --f7-badge-font-size: 12px;
    --f7-badge-size: 18px;
    --f7-button-min-width: 32px;
    --f7-button-border-width: 0px;
    --f7-button-outline-border-width: 2px;
    --f7-button-raised-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12),0 1px 2px rgba(0,0,0,0.24);
    --f7-button-raised-pressed-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16),0 3px 6px rgba(0,0,0,0.23);
    --f7-segmented-raised-divider-color: rgba(0, 0, 0, 0.1);
    --f7-segmented-strong-padding: 2px;
    --f7-segmented-strong-between-buttons: 4px;
    --f7-segmented-strong-button-font-weight: 500;
    --f7-segmented-strong-button-active-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);
    --f7-segmented-strong-bg-color: rgba(0, 0, 0, 0.07);
    --f7-segmented-strong-button-text-color: #000;
    --f7-segmented-strong-button-pressed-bg-color: rgba(0, 0, 0, 0.07);
    --f7-segmented-strong-button-hover-bg-color: rgba(0, 0, 0, 0.04);
    --f7-segmented-strong-button-active-text-color: #000;
    --f7-segmented-strong-button-active-bg-color: #fff;
    --f7-button-font-size: 14px;
    --f7-button-height: 36px;
    --f7-button-padding-horizontal: 8px;
    --f7-button-border-radius: 4px;
    --f7-button-font-weight: 500;
    --f7-button-letter-spacing: 0.03em;
    --f7-button-text-transform: uppercase;
    --f7-button-large-height: 48px;
    --f7-button-large-font-size: 14px;
    --f7-button-large-font-weight: 500;
    --f7-button-large-text-transform: uppercase;
    --f7-button-small-height: 28px;
    --f7-button-small-font-size: 12px;
    --f7-button-small-font-weight: 500;
    --f7-button-small-text-transform: uppercase;
    --f7-button-small-outline-border-width: 2px;
    --f7-segmented-strong-button-text-transform: uppercase;
    --f7-segmented-strong-button-active-font-weight: 500;
    --f7-touch-ripple-black: rgba(0, 0, 0, 0.1);
    --f7-touch-ripple-white: rgba(255, 255, 255, 0.3);
    --f7-appbar-shadow-image: none;
    --f7-appbar-height: 48px;
    --f7-appbar-inner-padding-left: 16px;
    --f7-appbar-inner-padding-right: 16px;
    --f7-dialog-button-text-color: var(--f7-theme-color);
    --f7-dialog-button-text-align: center;
    --f7-dialog-input-bg-color: #fff;
    --f7-dialog-box-shadow: var(--f7-elevation-24);
    --f7-dialog-width: 280px;
    --f7-dialog-inner-padding: 24px;
    --f7-dialog-border-radius: 4px;
    --f7-dialog-text-align: left;
    --f7-dialog-font-size: 16px;
    --f7-dialog-title-font-size: 20px;
    --f7-dialog-title-font-weight: 500;
    --f7-dialog-title-line-height: 1.3;
    --f7-dialog-button-font-size: 14px;
    --f7-dialog-button-height: 36px;
    --f7-dialog-button-letter-spacing: 0.03em;
    --f7-dialog-button-font-weight: 500;
    --f7-dialog-button-text-transform: uppercase;
    --f7-dialog-input-border-radius: 0px;
    --f7-dialog-input-font-size: 16px;
    --f7-dialog-input-height: 36px;
    --f7-dialog-input-border-color: transparent;
    --f7-dialog-input-border-width: 0px;
    --f7-dialog-preloader-size: 32px;
    --f7-dialog-bg-color: #fff;
    --f7-dialog-text-color: rgba(0, 0, 0, 0.54);
    --f7-dialog-title-text-color: #212121;
    --f7-dialog-button-pressed-bg-color: rgba(0, 0, 0, 0.1);
    --f7-dialog-input-placeholder-color: rgba(0, 0, 0, 0.35);
    --f7-popup-border-radius: 0px;
    --f7-popup-tablet-width: 630px;
    --f7-popup-tablet-height: 630px;
    --f7-popup-transition-duration: 400ms;
    --f7-popup-push-border-radius: 10px;
    --f7-popup-push-offset: var(--f7-safe-area-top);
    --f7-popup-box-shadow: 0px 20px 44px rgba(0, 0, 0, 0.5);
    --f7-login-screen-blocks-max-width: 480px;
    --f7-login-screen-title-text-align: center;
    --f7-login-screen-title-text-color: inherit;
    --f7-login-screen-title-letter-spacing: 0;
    --f7-login-screen-title-font-weight: 600;
    --f7-login-screen-title-font-size: 28px;
    --f7-login-screen-content-bg-color: #fff;
    --f7-login-screen-bg-color: #fff;
    --f7-login-screen-blocks-margin-vertical: 24px;
    --f7-popover-width: 260px;
    --f7-popover-border-radius: 4px;
    --f7-popover-box-shadow: var(--f7-elevation-8);
    --f7-popover-actions-icon-size: 24px;
    --f7-popover-bg-color: #fff;
    --f7-popover-actions-label-text-color: rgba(0, 0, 0, 0.54);
    --f7-actions-grid-button-font-size: 12px;
    --f7-actions-grid-button-text-color: #757575;
    --f7-actions-border-radius: 0px;
    --f7-actions-button-border-color: transparent;
    --f7-actions-button-padding: 0 16px;
    --f7-actions-button-text-align: left;
    --f7-actions-button-height: 48px;
    --f7-actions-button-height-landscape: 48px;
    --f7-actions-button-font-size: 16px;
    --f7-actions-button-icon-size: 24px;
    --f7-actions-button-justify-content: space-between;
    --f7-actions-label-padding: 12px 16px;
    --f7-actions-label-font-size: 16px;
    --f7-actions-label-justify-content: flex-start;
    --f7-actions-group-margin: 0px;
    --f7-actions-grid-button-icon-size: 48px;
    --f7-actions-bg-color: #fff;
    --f7-actions-button-text-color: rgba(0, 0, 0, 0.87);
    --f7-actions-button-pressed-bg-color: #e5e5e5;
    --f7-actions-label-text-color: rgba(0, 0, 0, 0.54);
    --f7-actions-group-border-color: rgba(0, 0, 0, 0.12);
    --f7-sheet-height: 260px;
    --f7-sheet-border-color: transparent;
    --f7-sheet-transition-duration: 300ms;
    --f7-sheet-push-border-radius: 10px;
    --f7-sheet-push-offset: var(--f7-safe-area-top);
    --f7-sheet-bg-color: #fff;
    --f7-toast-text-color: #fff;
    --f7-toast-font-size: 14px;
    --f7-toast-icon-size: 48px;
    --f7-toast-bg-color: #323232;
    --f7-toast-padding-horizontal: 24px;
    --f7-toast-padding-vertical: 14px;
    --f7-toast-border-radius: 4px;
    --f7-toast-button-min-width: 64px;
    --f7-preloader-modal-padding: 8px;
    --f7-preloader-modal-bg-color: rgba(0, 0, 0, 0.8);
    --f7-preloader-color: #757575;
    --f7-preloader-size: 32px;
    --f7-preloader-modal-preloader-size: 32px;
    --f7-preloader-modal-border-radius: 4px;
    --f7-progressbar-height: 4px;
    --f7-progressbar-border-radius: 0px;
    --f7-sortable-handler-color: rgba(0, 0, 0, 0.22);
    --f7-sortable-sorting-item-bg-color: rgba(255, 255, 255, 0.8);
    --f7-sortable-handler-width: 42px;
    --f7-sortable-sorting-item-box-shadow: var(--f7-elevation-2);
    --f7-swipeout-button-text-color: #fff;
    --f7-swipeout-delete-button-bg-color: #ff3b30;
    --f7-swipeout-button-font-size: inherit;
    --f7-swipeout-button-font-weight: inherit;
    --f7-swipeout-button-bg-color: rgba(0, 0, 0, 0.22);
    --f7-swipeout-button-padding: 0 24px;
    --f7-accordion-chevron-icon-down: 'chevron_down';
    --f7-accordion-chevron-icon-up: 'chevron_up';
    --f7-contacts-list-title-font-size: 20px;
    --f7-contacts-list-title-font-weight: 500;
    --f7-contacts-list-title-height: 48px;
    --f7-contacts-list-title-bg-color: transparent;
    --f7-list-index-width: 16px;
    --f7-list-index-font-size: 11px;
    --f7-list-index-font-weight: 600;
    --f7-list-index-item-height: 14px;
    --f7-list-index-label-text-color: #fff;
    --f7-list-index-label-font-weight: 500;
    --f7-list-index-label-size: 56px;
    --f7-list-index-label-font-size: 20px;
    --f7-list-index-skip-dot-size: 4px;
    --f7-timeline-inner-block-margin-vertical: 16px;
    --f7-timeline-divider-margin-horizontal: 16px;
    --f7-timeline-horizontal-date-height: 34px;
    --f7-timeline-year-height: 24px;
    --f7-timeline-year-font-weight: inherit;
    --f7-timeline-month-height: 24px;
    --f7-timeline-month-font-size: inherit;
    --f7-timeline-month-font-weight: inherit;
    --f7-timeline-item-text-font-weight: inherit;
    --f7-timeline-item-subtitle-font-weight: inherit;
    --f7-timeline-item-inner-bg-color: #fff;
    --f7-timeline-padding-horizontal: 16px;
    --f7-timeline-margin-vertical: 32px;
    --f7-timeline-item-inner-border-radius: 4px;
    --f7-timeline-item-inner-box-shadow: var(--f7-elevation-1);
    --f7-timeline-item-time-font-size: 13px;
    --f7-timeline-item-title-font-size: 16px;
    --f7-timeline-item-title-line-height: inherit;
    --f7-timeline-item-title-font-weight: 400;
    --f7-timeline-item-subtitle-font-size: inherit;
    --f7-timeline-item-subtitle-line-height: inherit;
    --f7-timeline-item-text-font-size: inherit;
    --f7-timeline-item-text-line-height: inherit;
    --f7-timeline-item-text-color: inherit;
    --f7-timeline-year-font-size: 16px;
    --f7-timeline-horizontal-item-padding: 12px;
    --f7-timeline-horizontal-item-date-shadow-image: var(--f7-bars-shadow-bottom-image);
    --f7-timeline-item-time-text-color: rgba(0, 0, 0, 0.54);
    --f7-timeline-horizontal-item-border-color: rgba(0, 0, 0, 0.12);
    --f7-timeline-horizontal-item-date-border-color: transparent;
    --f7-panel-width: 260px;
    --f7-panel-bg-color: #fff;
    --f7-panel-collapsed-width: 60px;
    --f7-panel-backdrop-bg-color: rgba(0, 0, 0, 0.3);
    --f7-panel-transition-duration: 300ms;
    --f7-panel-shadow: rgba(0, 0, 0, 0.2) 0%,rgba(0, 0, 0, 0.07) 30%,rgba(0, 0, 0, 0.03) 40%,rgba(0, 0, 0, 0) 60%,rgba(0, 0, 0, 0) 100%;
    --f7-card-content-padding-horizontal: 16px;
    --f7-card-content-padding-vertical: 16px;
    --f7-card-border-radius: 4px;
    --f7-card-font-size: inherit;
    --f7-card-header-text-color: inherit;
    --f7-card-header-font-weight: 400;
    --f7-card-header-padding-horizontal: 16px;
    --f7-card-footer-font-weight: 400;
    --f7-card-footer-font-size: inherit;
    --f7-card-footer-padding-horizontal: 16px;
    --f7-card-expandable-font-size: 16px;
    --f7-card-expandable-tablet-width: 670px;
    --f7-card-expandable-tablet-height: 670px;
    --f7-card-bg-color: #fff;
    --f7-card-outline-border-color: rgba(0, 0, 0, 0.12);
    --f7-card-header-border-color: rgba(0, 0, 0, 0.1);
    --f7-card-footer-border-color: rgba(0, 0, 0, 0.1);
    --f7-card-expandable-bg-color: #fff;
    --f7-card-margin-horizontal: 8px;
    --f7-card-margin-vertical: 8px;
    --f7-card-box-shadow: var(--f7-elevation-1);
    --f7-card-header-font-size: 16px;
    --f7-card-header-padding-vertical: 4px;
    --f7-card-header-min-height: 48px;
    --f7-card-footer-text-color: rgba(0, 0, 0, 0.54);
    --f7-card-footer-padding-vertical: 4px;
    --f7-card-footer-min-height: 48px;
    --f7-card-expandable-margin-horizontal: 12px;
    --f7-card-expandable-margin-vertical: 24px;
    --f7-card-expandable-box-shadow: var(--f7-elevation-10);
    --f7-card-expandable-border-radius: 8px;
    --f7-card-expandable-tablet-border-radius: 4px;
    --f7-card-expandable-header-font-size: 24px;
    --f7-card-expandable-header-font-weight: 500;
    --f7-chip-font-size: 13px;
    --f7-chip-font-weight: normal;
    --f7-chip-media-font-size: 16px;
    --f7-chip-bg-color: rgba(0, 0, 0, 0.12);
    --f7-chip-outline-border-color: rgba(0, 0, 0, 0.12);
    --f7-chip-delete-button-color: #000;
    --f7-chip-height: 32px;
    --f7-chip-padding-horizontal: 12px;
    --f7-chip-text-color: rgba(0, 0, 0, 0.87);
    --f7-input-bg-color: transparent;
    --f7-label-font-weight: 400;
    --f7-label-line-height: 1.3;
    --f7-input-padding-left: 0px;
    --f7-input-padding-right: 0px;
    --f7-input-error-text-color: #ff3b30;
    --f7-input-error-font-size: 12px;
    --f7-input-error-line-height: 1.4;
    --f7-input-error-font-weight: 400;
    --f7-input-info-font-size: 12px;
    --f7-input-info-line-height: 1.4;
    --f7-input-outline-height: 40px;
    --f7-input-outline-border-radius: 4px;
    --f7-input-outline-padding-horizontal: 12px;
    --f7-textarea-height: 100px;
    --f7-input-outline-border-color: #999;
    --f7-input-height: 36px;
    --f7-input-font-size: 16px;
    --f7-textarea-padding-vertical: 7px;
    --f7-label-font-size: 12px;
    --f7-floating-label-scale: calc(16 / 12);
    --f7-inline-label-font-size: 16px;
    --f7-inline-label-line-height: 1.5;
    --f7-inline-label-padding-top: 7px;
    --f7-input-clear-button-size: 18px;
    --f7-input-clear-button-color: #aaa;
    --f7-input-text-color: #212121;
    --f7-input-placeholder-color: rgba(0, 0, 0, 0.35);
    --f7-label-text-color: rgba(0, 0, 0, 0.65);
    --f7-input-info-text-color: rgba(0, 0, 0, 0.45);
    --f7-checkbox-icon-color: #fff;
    --f7-checkbox-size: 18px;
    --f7-checkbox-border-radius: 2px;
    --f7-checkbox-border-width: 2px;
    --f7-checkbox-extra-margin: 22px;
    --f7-checkbox-inactive-color: #6d6d6d;
    --f7-radio-border-radius: 50%;
    --f7-radio-size: 20px;
    --f7-radio-border-width: 2px;
    --f7-radio-extra-margin: 22px;
    --f7-radio-inactive-color: #6d6d6d;
    --f7-toggle-handle-color: #fff;
    --f7-toggle-width: 36px;
    --f7-toggle-height: 14px;
    --f7-toggle-inactive-color: #b0afaf;
    --f7-range-scale-step-height: 5px;
    --f7-range-scale-text-color: #666;
    --f7-range-scale-substep-width: 1px;
    --f7-range-scale-substep-height: 4px;
    --f7-range-size: 20px;
    --f7-range-bar-bg-color: #b9b9b9;
    --f7-range-bar-size: 2px;
    --f7-range-bar-border-radius: 0px;
    --f7-range-knob-size: 12px;
    --f7-range-knob-box-shadow: none;
    --f7-range-label-size: 26px;
    --f7-range-label-font-weight: normal;
    --f7-range-label-text-color: #fff;
    --f7-range-label-font-size: 10px;
    --f7-range-label-border-radius: 50%;
    --f7-range-label-padding: 0px;
    --f7-range-scale-step-width: 2px;
    --f7-range-scale-font-size: 12px;
    --f7-range-scale-font-weight: 400;
    --f7-range-scale-label-offset: 4px;
    --f7-stepper-fill-button-text-color: #fff;
    --f7-stepper-raised-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12),0 1px 2px rgba(0,0,0,0.24);
    --f7-stepper-value-font-weight: 500;
    --f7-stepper-border-width: 2px;
    --f7-stepper-height: 36px;
    --f7-stepper-border-radius: 4px;
    --f7-stepper-large-height: 48px;
    --f7-stepper-small-border-width: 2px;
    --f7-stepper-small-height: 28px;
    --f7-stepper-value-font-size: 14px;
    --f7-stepper-button-pressed-bg-color: rgba(0, 0, 0, 0.1);
    --f7-grid-gap: 16px;
    --f7-grid-row-gap: 0px;
    --f7-grid-resize-handler-bg-color: rgba(0, 0, 0, 0.35);
    --f7-calendar-height: 340px;
    --f7-calendar-sheet-landscape-height: 220px;
    --f7-calendar-popover-width: 320px;
    --f7-calendar-popover-height: 320px;
    --f7-calendar-modal-height: 420px;
    --f7-calendar-modal-max-width: 380px;
    --f7-calendar-modal-border-radius: 4px;
    --f7-calendar-footer-padding: 0 8px;
    --f7-calendar-week-header-font-size: 11px;
    --f7-calendar-selected-text-color: #fff;
    --f7-calendar-prev-next-text-color: #b8b8b8;
    --f7-calendar-disabled-text-color: #d4d4d4;
    --f7-calendar-event-dot-size: 4px;
    --f7-calendar-day-text-color: #000;
    --f7-calendar-sheet-bg-color: #fff;
    --f7-calendar-modal-bg-color: #fff;
    --f7-calendar-picker-bg-color: #fff;
    --f7-calendar-picker-pressed-bg-color: rgba(0, 0, 0, 0.1);
    --f7-calendar-picker-hover-bg-color: rgba(0, 0, 0, 0.03);
    --f7-calendar-sheet-border-color: #ccc;
    --f7-calendar-header-height: 56px;
    --f7-calendar-header-font-size: 20px;
    --f7-calendar-header-font-weight: 400;
    --f7-calendar-header-padding: 0 24px;
    --f7-calendar-footer-height: 48px;
    --f7-calendar-footer-font-size: 14px;
    --f7-calendar-week-header-height: 24px;
    --f7-calendar-row-border-color: transparent;
    --f7-calendar-day-font-size: 14px;
    --f7-calendar-today-bg-color: none;
    --f7-calendar-day-size: 32px;
    --f7-calendar-picker-font-size: 14px;
    --f7-calendar-time-selector-font-size: 14px;
    --f7-picker-height: 260px;
    --f7-picker-inline-height: 200px;
    --f7-picker-popover-height: 200px;
    --f7-picker-popover-width: 280px;
    --f7-picker-landscape-height: 200px;
    --f7-picker-item-height: 36px;
    --f7-picker-item-selected-text-color: #000;
    --f7-picker-column-font-size: 20px;
    --f7-picker-divider-text-color: rgba(0, 0, 0, 0.87);
    --f7-picker-item-text-color: rgba(0, 0, 0, 0.54);
    --f7-picker-item-selected-border-color: rgba(0, 0, 0, 0.15);
    --f7-ptr-preloader-size: 22px;
    --f7-ptr-size: 40px;
    --f7-ptr-top: -4px;
    --f7-table-head-font-size: 12px;
    --f7-table-body-font-size: 14px;
    --f7-table-footer-font-size: 12px;
    --f7-table-input-height: 24px;
    --f7-table-input-font-size: 14px;
    --f7-table-collapsible-cell-padding: 16px;
    --f7-table-link-icon-only-icon-size: 20px;
    --f7-table-sortable-icon-color: #000;
    --f7-table-head-font-weight: 500;
    --f7-table-head-cell-height: 56px;
    --f7-table-head-icon-size: 16px;
    --f7-table-body-cell-height: 48px;
    --f7-table-cell-padding-vertical: 0px;
    --f7-table-cell-padding-horizontal: 28px;
    --f7-table-edge-cell-padding-horizontal: 24px;
    --f7-table-label-cell-padding-horizontal: 24px;
    --f7-table-checkbox-cell-width: 18px;
    --f7-table-title-font-size: 20px;
    --f7-table-title-font-weight: 400;
    --f7-table-card-header-height: 64px;
    --f7-table-footer-height: 56px;
    --f7-table-head-text-color: rgba(0, 0, 0, 0.54);
    --f7-table-cell-border-color: rgba(0, 0, 0, 0.12);
    --f7-table-actions-cell-link-color: rgba(0, 0, 0, 0.54);
    --f7-table-selected-row-bg-color: #f5f5f5;
    --f7-table-actions-link-color: rgba(0, 0, 0, 0.54);
    --f7-table-footer-text-color: rgba(0, 0, 0, 0.54);
    --f7-table-input-text-color: #212121;
    --f7-fab-margin: 16px;
    --f7-fab-text-color: #fff;
    --f7-fab-extended-text-font-size: 14px;
    --f7-fab-extended-text-padding: 0 20px;
    --f7-fab-label-bg-color: #fff;
    --f7-fab-label-text-color: #333;
    --f7-fab-label-border-radius: 4px;
    --f7-fab-label-padding: 4px 12px;
    --f7-fab-button-size: 40px;
    --f7-fab-size: 56px;
    --f7-fab-box-shadow: var(--f7-elevation-6);
    --f7-fab-extended-size: 48px;
    --f7-fab-extended-text-font-weight: 500;
    --f7-fab-extended-text-letter-spacing: 0.03em;
    --f7-fab-label-box-shadow: var(--f7-elevation-3);
    --f7-fab-label-font-size: inherit;
    --f7-searchbar-input-border-width: 0px;
    --f7-searchbar-input-border-color: transparent;
    --f7-searchbar-input-text-color: #000;
    --f7-searchbar-placeholder-color: rgba(0, 0, 0, 0.4);
    --f7-searchbar-border-color: transparent;
    --f7-searchbar-height: 48px;
    --f7-searchbar-inner-padding-left: 0px;
    --f7-searchbar-inner-padding-right: 0px;
    --f7-searchbar-link-color: #737373;
    --f7-searchbar-search-icon-color: #737373;
    --f7-searchbar-input-font-size: 20px;
    --f7-searchbar-input-border-radius: 0px;
    --f7-searchbar-input-height: 100%;
    --f7-searchbar-input-padding-horizontal: 48px;
    --f7-searchbar-inline-input-padding-horizontal: 24px;
    --f7-searchbar-input-clear-button-color: #737373;
    --f7-searchbar-backdrop-bg-color: rgba(0, 0, 0, 0.25);
    --f7-searchbar-shadow-image: var(--f7-bars-shadow-bottom-image);
    --f7-searchbar-in-page-content-margin: 8px;
    --f7-searchbar-in-page-content-box-shadow: var(--f7-elevation-1);
    --f7-searchbar-in-page-content-border-radius: 4px;
    --f7-searchbar-in-page-content-input-border-radius: 4px;
    --f7-searchbar-bg-color: #fff;
    --f7-searchbar-input-bg-color: #fff;
    --f7-message-text-header-text-color: inherit;
    --f7-message-text-header-opacity: 0.65;
    --f7-message-text-header-font-size: 12px;
    --f7-message-text-footer-text-color: inherit;
    --f7-message-text-footer-opacity: 0.65;
    --f7-message-text-footer-font-size: 12px;
    --f7-message-bubble-line-height: 1.2;
    --f7-message-header-font-size: 12px;
    --f7-message-footer-font-size: 11px;
    --f7-message-name-font-size: 12px;
    --f7-message-name-font-weight: inherit;
    --f7-message-avatar-border-radius: 50%;
    --f7-messages-title-font-weight: inherit;
    --f7-message-sent-text-color: #fff;
    --f7-messages-content-bg-color: #fff;
    --f7-message-typing-indicator-bg-color: #000;
    --f7-message-received-bg-color: #e5e5ea;
    --f7-message-received-text-color: #000;
    --f7-messages-title-font-size: 12px;
    --f7-message-avatar-size: 32px;
    --f7-message-margin: 16px;
    --f7-message-bubble-min-height: 32px;
    --f7-message-bubble-font-size: 16px;
    --f7-message-bubble-border-radius: 4px;
    --f7-message-bubble-padding-vertical: 6px;
    --f7-message-bubble-padding-horizontal: 8px;
    --f7-message-typing-indicator-opacity: 0.6;
    --f7-messages-title-text-color: rgba(0, 0, 0, 0.51);
    --f7-message-header-text-color: rgba(0, 0, 0, 0.51);
    --f7-message-footer-text-color: rgba(0, 0, 0, 0.51);
    --f7-message-name-text-color: rgba(0, 0, 0, 0.51);
    --f7-messagebar-shadow-image: none;
    --f7-messagebar-textarea-bg-color: transparent;
    --f7-messagebar-attachments-height: 155px;
    --f7-messagebar-attachment-height: 155px;
    --f7-messagebar-attachment-landscape-height: 120px;
    --f7-messagebar-sheet-height: 252px;
    --f7-messagebar-sheet-landscape-height: 192px;
    --f7-messagebar-bg-color: #fff;
    --f7-messagebar-bg-color-rgb: 255,255,255;
    --f7-messagebar-height: 48px;
    --f7-messagebar-font-size: 16px;
    --f7-messagebar-textarea-border-radius: 0px;
    --f7-messagebar-textarea-padding: 5px 8px;
    --f7-messagebar-textarea-height: 32px;
    --f7-messagebar-textarea-font-size: 16px;
    --f7-messagebar-textarea-line-height: 22px;
    --f7-messagebar-textarea-border: 1px solid transparent;
    --f7-messagebar-sheet-bg-color: #fff;
    --f7-messagebar-attachment-border-radius: 4px;
    --f7-messagebar-link-color: #333;
    --f7-messagebar-border-color: #d1d1d1;
    --f7-messagebar-textarea-text-color: #333;
    --f7-messagebar-attachments-border-color: #ddd;
    --swiper-navigation-size: 44px;
    --swiper-theme-color: var(--f7-theme-color);
    --f7-photobrowser-bg-color: #fff;
    --f7-photobrowser-bars-bg-image: none;
    --f7-photobrowser-caption-font-size: 14px;
    --f7-photobrowser-caption-light-text-color: #000;
    --f7-photobrowser-caption-light-bg-color: rgba(255, 255, 255, 0.8);
    --f7-photobrowser-caption-dark-text-color: #fff;
    --f7-photobrowser-caption-dark-bg-color: rgba(0, 0, 0, 0.8);
    --f7-photobrowser-exposed-bg-color: #000;
    --f7-photobrowser-dark-bg-color: #000;
    --f7-photobrowser-dark-bars-bg-color: rgba(27, 27, 27, 0.8);
    --f7-photobrowser-dark-bars-text-color: #fff;
    --f7-photobrowser-dark-bars-link-color: #fff;
    --f7-notification-max-width: 568px;
    --f7-notification-subtitle-text-transform: none;
    --f7-notification-subtitle-line-height: 1.35;
    --f7-notification-text-text-transform: none;
    --f7-notification-text-font-weight: 400;
    --f7-notification-margin: 0px;
    --f7-notification-padding: 16px;
    --f7-notification-border-radius: 0px;
    --f7-notification-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22),0 1px 2px rgba(0, 0, 0, 0.24);
    --f7-notification-icon-size: 16px;
    --f7-notification-title-color: var(--f7-theme-color);
    --f7-notification-title-font-size: 12px;
    --f7-notification-title-text-transform: none;
    --f7-notification-title-line-height: 1;
    --f7-notification-title-font-weight: 400;
    --f7-notification-title-right-font-size: 12px;
    --f7-notification-subtitle-font-size: 14px;
    --f7-notification-subtitle-font-weight: 400;
    --f7-notification-text-font-size: 14px;
    --f7-notification-text-line-height: 1.35;
    --f7-notification-bg-color: #fff;
    --f7-notification-title-right-color: rgba(0, 0, 0, 0.54);
    --f7-notification-subtitle-color: #212121;
    --f7-notification-text-color: rgba(0, 0, 0, 0.54);
    --f7-autocomplete-dropdown-placeholder-color: #a9a9a9;
    --f7-autocomplete-dropdown-preloader-size: 20px;
    --f7-autocomplete-dropdown-bg-color: #fff;
    --f7-autocomplete-dropdown-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
    --f7-autocomplete-dropdown-text-matching-font-weight: 400;
    --f7-autocomplete-dropdown-font-size: var(--f7-list-font-size);
    --f7-autocomplete-dropdown-text-color: rgba(0, 0, 0, 0.54);
    --f7-autocomplete-dropdown-text-matching-color: #212121;
    --f7-tooltip-bg-color: rgba(0, 0, 0, 0.87);
    --f7-tooltip-text-color: #fff;
    --f7-tooltip-border-radius: 4px;
    --f7-tooltip-padding: 8px 16px;
    --f7-tooltip-font-size: 14px;
    --f7-tooltip-font-weight: 500;
    --f7-tooltip-desktop-padding: 6px 8px;
    --f7-tooltip-desktop-font-size: 12px;
    --f7-skeleton-color: #ccc;
    --f7-menu-text-color: #fff;
    --f7-menu-font-size: 16px;
    --f7-menu-font-weight: 500;
    --f7-menu-line-height: 1.2;
    --f7-menu-bg-color: rgba(0, 0, 0, 0.9);
    --f7-menu-item-pressed-bg-color: rgba(20, 20, 20, 0.9);
    --f7-menu-item-padding-horizontal: 12px;
    --f7-menu-item-spacing: 6px;
    --f7-menu-item-height: 40px;
    --f7-menu-item-dropdown-icon-color: rgba(255, 255, 255, 0.4);
    --f7-menu-item-border-radius: 8px;
    --f7-menu-dropdown-item-height: 28px;
    --f7-menu-dropdown-divider-color: rgba(255, 255, 255, 0.2);
    --f7-menu-dropdown-padding-vertical: 6px;
    --f7-color-picker-popover-width: 350px;
    --f7-color-picker-slider-size: 6px;
    --f7-color-picker-slider-knob-size: 16px;
    --f7-color-picker-bar-size: 50px;
    --f7-color-picker-bar-min-height: 260px;
    --f7-color-picker-value-width: 64px;
    --f7-color-picker-value-height: 32px;
    --f7-color-picker-value-font-size: 16px;
    --f7-color-picker-value-border-radius: 4px;
    --f7-color-picker-hex-value-width: 84px;
    --f7-color-picker-label-font-size: 14px;
    --f7-color-picker-label-width: 10px;
    --f7-color-picker-label-height: 14px;
    --f7-color-picker-sb-spectrum-height: 260px;
    --f7-color-picker-sb-spectrum-handle-size: 16px;
    --f7-color-picker-wheel-width: 330px;
    --f7-color-picker-palette-value-width: 36px;
    --f7-color-picker-palette-value-height: 36px;
    --f7-color-picker-initial-current-color-height: 40px;
    --f7-color-picker-initial-current-color-border-radius: 4px;
    --f7-color-picker-sheet-bg-color: #fff;
    --f7-color-picker-popup-bg-color: #fff;
    --f7-color-picker-value-bg-color: rgba(0, 0, 0, 0.05);
    --f7-color-picker-group-bg-color: rgba(0, 0, 0, 0.05);
    --f7-color-picker-group-value-bg-color: #fff;
    --f7-treeview-item-padding-left: 16px;
    --f7-treeview-item-padding-right: 16px;
    --f7-treeview-toggle-size: 24px;
    --f7-treeview-children-offset: 29px;
    --f7-treeview-label-font-weight: 400;
    --f7-treeview-label-text-color: inherit;
    --f7-treeview-toggle-color: rgba(0, 0, 0, 0.5);
    --f7-treeview-toggle-hover-bg-color: rgba(0, 0, 0, 0.1);
    --f7-treeview-toggle-pressed-bg-color: rgba(0, 0, 0, 0.15);
    --f7-treeview-icon-color: rgba(0, 0, 0, 0.5);
    --f7-treeview-selectable-hover-bg-color: rgba(0, 0, 0, 0.1);
    --f7-treeview-link-hover-bg-color: rgba(0, 0, 0, 0.1);
    --f7-treeview-link-pressed-bg-color: rgba(0, 0, 0, 0.15);
    --f7-treeview-item-height: 34px;
    --f7-treeview-label-font-size: 16px;
    --f7-treeview-icon-size: 24px;
    --f7-text-editor-font-size: inherit;
    --f7-text-editor-font-weight: inherit;
    --f7-text-editor-border-width: 1px;
    --f7-text-editor-height: 250px;
    --f7-text-editor-margin: 16px;
    --f7-text-editor-padding: 8px;
    --f7-text-editor-button-bg-color: transparent;
    --f7-text-editor-button-size: 28px;
    --f7-text-editor-button-icon-size: 20px;
    --f7-text-editor-button-margin: 2px;
    --f7-text-editor-button-border-radius: 2px;
    --f7-text-editor-text-color: #000;
    --f7-text-editor-bg-color: #fff;
    --f7-text-editor-border-color: rgba(0, 0, 0, 0.1);
    --f7-text-editor-toolbar-bg-color: #fff;
    --f7-text-editor-button-text-color: #333;
    --f7-text-editor-button-divider-color: rgba(0, 0, 0, 0.15);
    --f7-text-editor-placeholder-color: rgba(0, 0, 0, 0.35);
    --f7-text-editor-toolbar-padding: 8px;
    --f7-text-editor-toolbar-box-shadow: 0px 2px 3px -1px rgba(0, 0, 0, 0.25);
    --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-typography-padding: 16px;
    --f7-typography-margin: 16px;
    -webkit-font-smoothing: antialiased;
    --f7-page-navbar-offset: calc(var(--f7-navbar-height) + var(--f7-safe-area-top));
    -webkit-tap-highlight-color: transparent;
    text-decoration: none;
    text-align: center;
    display: block;
    -webkit-appearance: none;
    background: 0 0;
    margin: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: relative;
    overflow: hidden;
    font-family: inherit;
    cursor: pointer;
    outline: 0;
    box-sizing: border-box;
    vertical-align: middle;
    justify-content: center;
    align-items: center;
    border: var(--f7-button-border-width,0px) solid var(--f7-button-border-color,var(--f7-theme-color));
    font-size: var(--f7-button-font-size);
    color: var(--f7-button-text-color,var(--f7-theme-color));
    height: var(--f7-button-height);
    line-height: calc(var(--f7-button-height) - var(--f7-button-border-width,0) * 2);
    padding: var(--f7-button-padding-vertical,0px) var(--f7-button-padding-horizontal);
    border-radius: var(--f7-button-border-radius);
    min-width: var(--f7-button-min-width);
    font-weight: var(--f7-button-font-weight);
    letter-spacing: var(--f7-button-letter-spacing);
    text-transform: var(--f7-button-text-transform);
    background-color: var(--f7-button-bg-color);
    box-shadow: var(--f7-button-box-shadow);
    --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-touch-ripple-color: var(--f7-touch-ripple-white);
    user-select: none;
    transition-duration: .3s;
    transform: translate3d(0,0,0);
    --f7-button-pressed-bg-color: var(--f7-button-fill-pressed-bg-color, var(--f7-theme-color-shade));
    width: 100%;
}



[type="button"]{
    --f7-theme-color: #007aff;
    --f7-theme-color-rgb: 0,122,255;
    --f7-theme-color-shade: #0066d6;
    --f7-theme-color-tint: #298fff;
    --f7-safe-area-left: 0px;
    --f7-safe-area-right: 0px;
    --f7-safe-area-outer-left: 0px;
    --f7-safe-area-outer-right: 0px;
    --f7-device-pixel-ratio: 1;
    --f7-safe-area-top: env(safe-area-inset-top);
    --f7-safe-area-bottom: env(safe-area-inset-bottom);
    --f7-font-size: 14px;
    --f7-bars-bg-image: none;
    --f7-bars-translucent-opacity: 0.8;
    --f7-bars-translucent-blur: 20px;
    --f7-bars-shadow-bottom-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.08) 40%, rgba(0, 0, 0, 0.04) 50%, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%);
    --f7-bars-shadow-top-image: linear-gradient(to top, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.08) 40%, rgba(0, 0, 0, 0.04) 50%, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%);
    --f7-bars-text-color: #000;
    --f7-bars-bg-color: #f7f7f8;
    --f7-bars-bg-color-rgb: 247,247,248;
    --f7-font-family: Roboto,system-ui,Noto,Helvetica,Arial,sans-serif;
    --f7-line-height: 1.5;
    --f7-bars-border-color: transparent;
    --f7-text-color: #212121;
    --f7-color-red: #ff3b30;
    --f7-color-red-rgb: 255,59,48;
    --f7-color-red-shade: #ff1407;
    --f7-color-red-tint: #ff6259;
    --f7-color-green: #4cd964;
    --f7-color-green-rgb: 76,217,100;
    --f7-color-green-shade: #2cd048;
    --f7-color-green-tint: #6ee081;
    --f7-color-blue: #2196f3;
    --f7-color-blue-rgb: 33,150,243;
    --f7-color-blue-shade: #0c82df;
    --f7-color-blue-tint: #48a8f5;
    --f7-color-pink: #ff2d55;
    --f7-color-pink-rgb: 255,45,85;
    --f7-color-pink-shade: #ff0434;
    --f7-color-pink-tint: #ff5676;
    --f7-color-yellow: #ffcc00;
    --f7-color-yellow-rgb: 255,204,0;
    --f7-color-yellow-shade: #d6ab00;
    --f7-color-yellow-tint: #ffd429;
    --f7-color-orange: #ff9500;
    --f7-color-orange-rgb: 255,149,0;
    --f7-color-orange-shade: #d67d00;
    --f7-color-orange-tint: #ffa629;
    --f7-color-purple: #9c27b0;
    --f7-color-purple-rgb: 156,39,176;
    --f7-color-purple-shade: #7e208f;
    --f7-color-purple-tint: #b92fd1;
    --f7-color-deeppurple: #673ab7;
    --f7-color-deeppurple-rgb: 103,58,183;
    --f7-color-deeppurple-shade: #563098;
    --f7-color-deeppurple-tint: #7c52c8;
    --f7-color-lightblue: #5ac8fa;
    --f7-color-lightblue-rgb: 90,200,250;
    --f7-color-lightblue-shade: #32bbf9;
    --f7-color-lightblue-tint: #82d5fb;
    --f7-color-teal: #009688;
    --f7-color-teal-rgb: 0,150,136;
    --f7-color-teal-shade: #006d63;
    --f7-color-teal-tint: #00bfad;
    --f7-color-lime: #cddc39;
    --f7-color-lime-rgb: 205,220,57;
    --f7-color-lime-shade: #bac923;
    --f7-color-lime-tint: #d6e25c;
    --f7-color-deeporange: #ff6b22;
    --f7-color-deeporange-rgb: 255,107,34;
    --f7-color-deeporange-shade: #f85200;
    --f7-color-deeporange-tint: #ff864b;
    --f7-color-gray: #8e8e93;
    --f7-color-gray-rgb: 142,142,147;
    --f7-color-gray-shade: #79797f;
    --f7-color-gray-tint: #a3a3a7;
    --f7-color-white: #ffffff;
    --f7-color-white-rgb: 255,255,255;
    --f7-color-white-shade: #ebebeb;
    --f7-color-white-tint: #ffffff;
    --f7-color-black: #000000;
    --f7-color-black-rgb: 0,0,0;
    --f7-color-black-shade: #000000;
    --f7-color-black-tint: #141414;
    --f7-page-master-width: 320px;
    --f7-page-master-border-color: rgba(0, 0, 0, 0.1);
    --f7-page-master-border-width: 1px;
    --f7-page-swipeback-transition-duration: 300ms;
    --f7-page-parallax-transition-duration: 500ms;
    --f7-page-cover-transition-duration: 450ms;
    --f7-page-dive-transition-duration: 500ms;
    --f7-page-fade-transition-duration: 500ms;
    --f7-page-flip-transition-duration: 700ms;
    --f7-page-push-transition-duration: 500ms;
    --f7-page-transition-duration: 250ms;
    --f7-page-bg-color: #fff;
    --f7-link-highlight-black: rgba(0, 0, 0, 0.1);
    --f7-link-highlight-white: rgba(255, 255, 255, 0.15);
    --f7-link-highlight-color: var(--f7-link-highlight-black);
    --f7-navbar-hide-show-transition-duration: 400ms;
    --f7-navbar-title-line-height: 1.2;
    --f7-navbar-title-font-size: inherit;
    --f7-navbar-subtitle-text-align: inherit;
    --f7-navbar-large-title-line-height: 1.2;
    --f7-navbar-large-title-text-color: inherit;
    --f7-navbar-large-title-padding-left: 16px;
    --f7-navbar-large-title-padding-right: 16px;
    --f7-navbar-height: 56px;
    --f7-navbar-tablet-height: 64px;
    --f7-navbar-font-size: 20px;
    --f7-navbar-inner-padding-left: 0px;
    --f7-navbar-inner-padding-right: 0px;
    --f7-navbar-title-font-weight: 500;
    --f7-navbar-title-margin-left: 16px;
    --f7-navbar-title-margin-right: 16px;
    --f7-navbar-title-text-align: left;
    --f7-navbar-subtitle-font-size: 14px;
    --f7-navbar-subtitle-line-height: 1.2;
    --f7-navbar-shadow-image: var(--f7-bars-shadow-bottom-image);
    --f7-navbar-large-title-font-size: 34px;
    --f7-navbar-large-title-height: 56px;
    --f7-navbar-large-title-font-weight: 500;
    --f7-navbar-large-title-letter-spacing: 0;
    --f7-navbar-large-title-padding-vertical: 8px;
    --f7-navbar-subtitle-text-color: rgba(0, 0, 0, 0.85);
    --f7-tabbar-link-active-bg-color: transparent;
    --f7-tabbar-label-text-transform: none;
    --f7-toolbar-hide-show-transition-duration: 400ms;
    --f7-toolbar-height: 48px;
    --f7-toolbar-font-size: 14px;
    --f7-toolbar-inner-padding-left: 0px;
    --f7-toolbar-inner-padding-right: 0px;
    --f7-tabbar-labels-height: 56px;
    --f7-tabbar-labels-tablet-height: 56px;
    --f7-toolbar-top-shadow-image: var(--f7-bars-shadow-bottom-image);
    --f7-toolbar-bottom-shadow-image: var(--f7-bars-shadow-top-image);
    --f7-tabbar-icon-size: 24px;
    --f7-tabbar-link-text-transform: uppercase;
    --f7-tabbar-link-font-weight: 500;
    --f7-tabbar-link-letter-spacing: 0.03em;
    --f7-tabbar-label-font-size: 14px;
    --f7-tabbar-label-tablet-font-size: 14px;
    --f7-tabbar-label-font-weight: 400;
    --f7-tabbar-label-letter-spacing: 0;
    --f7-tabbar-link-inactive-color: rgba(0, 0, 0, 0.54);
    --f7-subnavbar-title-line-height: 1.2;
    --f7-subnavbar-height: 48px;
    --f7-subnavbar-inner-padding-left: 16px;
    --f7-subnavbar-inner-padding-right: 16px;
    --f7-subnavbar-title-font-size: 20px;
    --f7-subnavbar-title-font-weight: 500;
    --f7-subnavbar-title-letter-spacing: 0;
    --f7-subnavbar-title-margin-left: 0px;
    --f7-subnavbar-shadow-image: var(--f7-bars-shadow-bottom-image);
    --f7-block-padding-horizontal: 16px;
    --f7-block-padding-vertical: 16px;
    --f7-block-font-size: inherit;
    --f7-block-text-color: inherit;
    --f7-block-header-margin: 10px;
    --f7-block-footer-margin: 10px;
    --f7-block-header-font-size: 14px;
    --f7-block-footer-font-size: 14px;
    --f7-block-title-text-transform: none;
    --f7-block-title-white-space: nowrap;
    --f7-block-title-medium-text-transform: none;
    --f7-block-title-large-text-transform: none;
    --f7-block-inset-side-margin: 16px;
    --f7-block-title-medium-text-color: #000;
    --f7-block-title-large-text-color: #000;
    --f7-block-strong-bg-color: #fff;
    --f7-block-margin-vertical: 32px;
    --f7-block-strong-text-color: inherit;
    --f7-block-strong-border-color: rgba(0, 0, 0, 0.12);
    --f7-block-title-font-size: inherit;
    --f7-block-title-text-color: rgba(0, 0, 0, 0.54);
    --f7-block-title-font-weight: 500;
    --f7-block-title-line-height: 16px;
    --f7-block-title-margin-bottom: 16px;
    --f7-block-title-medium-font-size: 24px;
    --f7-block-title-medium-font-weight: 500;
    --f7-block-title-medium-line-height: 1.3;
    --f7-block-title-large-font-size: 34px;
    --f7-block-title-large-font-weight: 500;
    --f7-block-title-large-line-height: 1.2;
    --f7-block-inset-border-radius: 4px;
    --f7-block-header-text-color: rgba(0, 0, 0, 0.54);
    --f7-block-footer-text-color: rgba(0, 0, 0, 0.54);
    --f7-list-inset-side-margin: 16px;
    --f7-list-item-cell-margin: 16px;
    --f7-list-item-padding-horizontal: 16px;
    --f7-list-media-item-padding-horizontal: 16px;
    --f7-list-item-text-max-lines: 2;
    --f7-list-chevron-icon-font-size: 20px;
    --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-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-item-divider-line-height: inherit;
    --f7-list-group-title-line-height: inherit;
    --f7-list-bg-color: #fff;
    --f7-list-chevron-icon-color: rgba(0, 0, 0, 0.2);
    --f7-list-in-list-padding-left: 40px;
    --f7-list-inset-border-radius: 4px;
    --f7-list-margin-vertical: 32px;
    --f7-list-font-size: 16px;
    --f7-list-chevron-icon-area: 26px;
    --f7-list-border-color: rgba(0, 0, 0, 0.12);
    --f7-list-item-border-color: rgba(0, 0, 0, 0.12);
    --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-line-height: inherit;
    --f7-list-item-after-padding: 8px;
    --f7-list-item-min-height: 48px;
    --f7-list-item-media-margin: 16px;
    --f7-list-item-media-icons-margin: 8px;
    --f7-list-item-padding-vertical: 8px;
    --f7-list-media-item-padding-vertical: 14px;
    --f7-list-button-text-align: left;
    --f7-list-button-border-color: transparent;
    --f7-list-item-divider-height: 48px;
    --f7-list-item-divider-font-size: 14px;
    --f7-list-item-divider-font-weight: 400;
    --f7-list-item-divider-bg-color: #f4f4f4;
    --f7-list-item-divider-border-color: transparent;
    --f7-list-group-title-height: 48px;
    --f7-list-group-title-font-size: 14px;
    --f7-list-group-title-font-weight: 400;
    --f7-list-group-title-bg-color: #f4f4f4;
    --f7-list-link-pressed-bg-color: rgba(0, 0, 0, 0.1);
    --f7-list-item-text-text-color: rgba(0, 0, 0, 0.54);
    --f7-list-item-after-text-color: rgba(0, 0, 0, 0.54);
    --f7-list-item-footer-text-color: rgba(0, 0, 0, 0.5);
    --f7-list-button-text-color: #212121;
    --f7-list-button-pressed-bg-color: rgba(0, 0, 0, 0.1);
    --f7-list-item-divider-text-color: rgba(0, 0, 0, 0.54);
    --f7-list-group-title-text-color: rgba(0, 0, 0, 0.54);
    --f7-list-chevron-icon-left: 'chevron_left';
    --f7-list-chevron-icon-right: 'chevron_right';
    --f7-badge-text-color: #fff;
    --f7-badge-bg-color: #8e8e93;
    --f7-badge-padding: 0 4px;
    --f7-badge-in-icon-size: 16px;
    --f7-badge-in-icon-font-size: 10px;
    --f7-badge-font-weight: normal;
    --f7-badge-font-size: 12px;
    --f7-badge-size: 18px;
    --f7-button-min-width: 32px;
    --f7-button-border-width: 0px;
    --f7-button-outline-border-width: 2px;
    --f7-button-raised-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12),0 1px 2px rgba(0,0,0,0.24);
    --f7-button-raised-pressed-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16),0 3px 6px rgba(0,0,0,0.23);
    --f7-segmented-raised-divider-color: rgba(0, 0, 0, 0.1);
    --f7-segmented-strong-padding: 2px;
    --f7-segmented-strong-between-buttons: 4px;
    --f7-segmented-strong-button-font-weight: 500;
    --f7-segmented-strong-button-active-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);
    --f7-segmented-strong-bg-color: rgba(0, 0, 0, 0.07);
    --f7-segmented-strong-button-text-color: #000;
    --f7-segmented-strong-button-pressed-bg-color: rgba(0, 0, 0, 0.07);
    --f7-segmented-strong-button-hover-bg-color: rgba(0, 0, 0, 0.04);
    --f7-segmented-strong-button-active-text-color: #000;
    --f7-segmented-strong-button-active-bg-color: #fff;
    --f7-button-font-size: 14px;
    --f7-button-height: 36px;
    --f7-button-padding-horizontal: 8px;
    --f7-button-border-radius: 4px;
    --f7-button-font-weight: 500;
    --f7-button-letter-spacing: 0.03em;
    --f7-button-text-transform: uppercase;
    --f7-button-large-height: 48px;
    --f7-button-large-font-size: 14px;
    --f7-button-large-font-weight: 500;
    --f7-button-large-text-transform: uppercase;
    --f7-button-small-height: 28px;
    --f7-button-small-font-size: 12px;
    --f7-button-small-font-weight: 500;
    --f7-button-small-text-transform: uppercase;
    --f7-button-small-outline-border-width: 2px;
    --f7-segmented-strong-button-text-transform: uppercase;
    --f7-segmented-strong-button-active-font-weight: 500;
    --f7-touch-ripple-black: rgba(0, 0, 0, 0.1);
    --f7-touch-ripple-white: rgba(255, 255, 255, 0.3);
    --f7-appbar-shadow-image: none;
    --f7-appbar-height: 48px;
    --f7-appbar-inner-padding-left: 16px;
    --f7-appbar-inner-padding-right: 16px;
    --f7-dialog-button-text-color: var(--f7-theme-color);
    --f7-dialog-button-text-align: center;
    --f7-dialog-input-bg-color: #fff;
    --f7-dialog-box-shadow: var(--f7-elevation-24);
    --f7-dialog-width: 280px;
    --f7-dialog-inner-padding: 24px;
    --f7-dialog-border-radius: 4px;
    --f7-dialog-text-align: left;
    --f7-dialog-font-size: 16px;
    --f7-dialog-title-font-size: 20px;
    --f7-dialog-title-font-weight: 500;
    --f7-dialog-title-line-height: 1.3;
    --f7-dialog-button-font-size: 14px;
    --f7-dialog-button-height: 36px;
    --f7-dialog-button-letter-spacing: 0.03em;
    --f7-dialog-button-font-weight: 500;
    --f7-dialog-button-text-transform: uppercase;
    --f7-dialog-input-border-radius: 0px;
    --f7-dialog-input-font-size: 16px;
    --f7-dialog-input-height: 36px;
    --f7-dialog-input-border-color: transparent;
    --f7-dialog-input-border-width: 0px;
    --f7-dialog-preloader-size: 32px;
    --f7-dialog-bg-color: #fff;
    --f7-dialog-text-color: rgba(0, 0, 0, 0.54);
    --f7-dialog-title-text-color: #212121;
    --f7-dialog-button-pressed-bg-color: rgba(0, 0, 0, 0.1);
    --f7-dialog-input-placeholder-color: rgba(0, 0, 0, 0.35);
    --f7-popup-border-radius: 0px;
    --f7-popup-tablet-width: 630px;
    --f7-popup-tablet-height: 630px;
    --f7-popup-transition-duration: 400ms;
    --f7-popup-push-border-radius: 10px;
    --f7-popup-push-offset: var(--f7-safe-area-top);
    --f7-popup-box-shadow: 0px 20px 44px rgba(0, 0, 0, 0.5);
    --f7-login-screen-blocks-max-width: 480px;
    --f7-login-screen-title-text-align: center;
    --f7-login-screen-title-text-color: inherit;
    --f7-login-screen-title-letter-spacing: 0;
    --f7-login-screen-title-font-weight: 600;
    --f7-login-screen-title-font-size: 28px;
    --f7-login-screen-content-bg-color: #fff;
    --f7-login-screen-bg-color: #fff;
    --f7-login-screen-blocks-margin-vertical: 24px;
    --f7-popover-width: 260px;
    --f7-popover-border-radius: 4px;
    --f7-popover-box-shadow: var(--f7-elevation-8);
    --f7-popover-actions-icon-size: 24px;
    --f7-popover-bg-color: #fff;
    --f7-popover-actions-label-text-color: rgba(0, 0, 0, 0.54);
    --f7-actions-grid-button-font-size: 12px;
    --f7-actions-grid-button-text-color: #757575;
    --f7-actions-border-radius: 0px;
    --f7-actions-button-border-color: transparent;
    --f7-actions-button-padding: 0 16px;
    --f7-actions-button-text-align: left;
    --f7-actions-button-height: 48px;
    --f7-actions-button-height-landscape: 48px;
    --f7-actions-button-font-size: 16px;
    --f7-actions-button-icon-size: 24px;
    --f7-actions-button-justify-content: space-between;
    --f7-actions-label-padding: 12px 16px;
    --f7-actions-label-font-size: 16px;
    --f7-actions-label-justify-content: flex-start;
    --f7-actions-group-margin: 0px;
    --f7-actions-grid-button-icon-size: 48px;
    --f7-actions-bg-color: #fff;
    --f7-actions-button-text-color: rgba(0, 0, 0, 0.87);
    --f7-actions-button-pressed-bg-color: #e5e5e5;
    --f7-actions-label-text-color: rgba(0, 0, 0, 0.54);
    --f7-actions-group-border-color: rgba(0, 0, 0, 0.12);
    --f7-sheet-height: 260px;
    --f7-sheet-border-color: transparent;
    --f7-sheet-transition-duration: 300ms;
    --f7-sheet-push-border-radius: 10px;
    --f7-sheet-push-offset: var(--f7-safe-area-top);
    --f7-sheet-bg-color: #fff;
    --f7-toast-text-color: #fff;
    --f7-toast-font-size: 14px;
    --f7-toast-icon-size: 48px;
    --f7-toast-bg-color: #323232;
    --f7-toast-padding-horizontal: 24px;
    --f7-toast-padding-vertical: 14px;
    --f7-toast-border-radius: 4px;
    --f7-toast-button-min-width: 64px;
    --f7-preloader-modal-padding: 8px;
    --f7-preloader-modal-bg-color: rgba(0, 0, 0, 0.8);
    --f7-preloader-color: #757575;
    --f7-preloader-size: 32px;
    --f7-preloader-modal-preloader-size: 32px;
    --f7-preloader-modal-border-radius: 4px;
    --f7-progressbar-height: 4px;
    --f7-progressbar-border-radius: 0px;
    --f7-sortable-handler-color: rgba(0, 0, 0, 0.22);
    --f7-sortable-sorting-item-bg-color: rgba(255, 255, 255, 0.8);
    --f7-sortable-handler-width: 42px;
    --f7-sortable-sorting-item-box-shadow: var(--f7-elevation-2);
    --f7-swipeout-button-text-color: #fff;
    --f7-swipeout-delete-button-bg-color: #ff3b30;
    --f7-swipeout-button-font-size: inherit;
    --f7-swipeout-button-font-weight: inherit;
    --f7-swipeout-button-bg-color: rgba(0, 0, 0, 0.22);
    --f7-swipeout-button-padding: 0 24px;
    --f7-accordion-chevron-icon-down: 'chevron_down';
    --f7-accordion-chevron-icon-up: 'chevron_up';
    --f7-contacts-list-title-font-size: 20px;
    --f7-contacts-list-title-font-weight: 500;
    --f7-contacts-list-title-height: 48px;
    --f7-contacts-list-title-bg-color: transparent;
    --f7-list-index-width: 16px;
    --f7-list-index-font-size: 11px;
    --f7-list-index-font-weight: 600;
    --f7-list-index-item-height: 14px;
    --f7-list-index-label-text-color: #fff;
    --f7-list-index-label-font-weight: 500;
    --f7-list-index-label-size: 56px;
    --f7-list-index-label-font-size: 20px;
    --f7-list-index-skip-dot-size: 4px;
    --f7-timeline-inner-block-margin-vertical: 16px;
    --f7-timeline-divider-margin-horizontal: 16px;
    --f7-timeline-horizontal-date-height: 34px;
    --f7-timeline-year-height: 24px;
    --f7-timeline-year-font-weight: inherit;
    --f7-timeline-month-height: 24px;
    --f7-timeline-month-font-size: inherit;
    --f7-timeline-month-font-weight: inherit;
    --f7-timeline-item-text-font-weight: inherit;
    --f7-timeline-item-subtitle-font-weight: inherit;
    --f7-timeline-item-inner-bg-color: #fff;
    --f7-timeline-padding-horizontal: 16px;
    --f7-timeline-margin-vertical: 32px;
    --f7-timeline-item-inner-border-radius: 4px;
    --f7-timeline-item-inner-box-shadow: var(--f7-elevation-1);
    --f7-timeline-item-time-font-size: 13px;
    --f7-timeline-item-title-font-size: 16px;
    --f7-timeline-item-title-line-height: inherit;
    --f7-timeline-item-title-font-weight: 400;
    --f7-timeline-item-subtitle-font-size: inherit;
    --f7-timeline-item-subtitle-line-height: inherit;
    --f7-timeline-item-text-font-size: inherit;
    --f7-timeline-item-text-line-height: inherit;
    --f7-timeline-item-text-color: inherit;
    --f7-timeline-year-font-size: 16px;
    --f7-timeline-horizontal-item-padding: 12px;
    --f7-timeline-horizontal-item-date-shadow-image: var(--f7-bars-shadow-bottom-image);
    --f7-timeline-item-time-text-color: rgba(0, 0, 0, 0.54);
    --f7-timeline-horizontal-item-border-color: rgba(0, 0, 0, 0.12);
    --f7-timeline-horizontal-item-date-border-color: transparent;
    --f7-panel-width: 260px;
    --f7-panel-bg-color: #fff;
    --f7-panel-collapsed-width: 60px;
    --f7-panel-backdrop-bg-color: rgba(0, 0, 0, 0.3);
    --f7-panel-transition-duration: 300ms;
    --f7-panel-shadow: rgba(0, 0, 0, 0.2) 0%,rgba(0, 0, 0, 0.07) 30%,rgba(0, 0, 0, 0.03) 40%,rgba(0, 0, 0, 0) 60%,rgba(0, 0, 0, 0) 100%;
    --f7-card-content-padding-horizontal: 16px;
    --f7-card-content-padding-vertical: 16px;
    --f7-card-border-radius: 4px;
    --f7-card-font-size: inherit;
    --f7-card-header-text-color: inherit;
    --f7-card-header-font-weight: 400;
    --f7-card-header-padding-horizontal: 16px;
    --f7-card-footer-font-weight: 400;
    --f7-card-footer-font-size: inherit;
    --f7-card-footer-padding-horizontal: 16px;
    --f7-card-expandable-font-size: 16px;
    --f7-card-expandable-tablet-width: 670px;
    --f7-card-expandable-tablet-height: 670px;
    --f7-card-bg-color: #fff;
    --f7-card-outline-border-color: rgba(0, 0, 0, 0.12);
    --f7-card-header-border-color: rgba(0, 0, 0, 0.1);
    --f7-card-footer-border-color: rgba(0, 0, 0, 0.1);
    --f7-card-expandable-bg-color: #fff;
    --f7-card-margin-horizontal: 8px;
    --f7-card-margin-vertical: 8px;
    --f7-card-box-shadow: var(--f7-elevation-1);
    --f7-card-header-font-size: 16px;
    --f7-card-header-padding-vertical: 4px;
    --f7-card-header-min-height: 48px;
    --f7-card-footer-text-color: rgba(0, 0, 0, 0.54);
    --f7-card-footer-padding-vertical: 4px;
    --f7-card-footer-min-height: 48px;
    --f7-card-expandable-margin-horizontal: 12px;
    --f7-card-expandable-margin-vertical: 24px;
    --f7-card-expandable-box-shadow: var(--f7-elevation-10);
    --f7-card-expandable-border-radius: 8px;
    --f7-card-expandable-tablet-border-radius: 4px;
    --f7-card-expandable-header-font-size: 24px;
    --f7-card-expandable-header-font-weight: 500;
    --f7-chip-font-size: 13px;
    --f7-chip-font-weight: normal;
    --f7-chip-media-font-size: 16px;
    --f7-chip-bg-color: rgba(0, 0, 0, 0.12);
    --f7-chip-outline-border-color: rgba(0, 0, 0, 0.12);
    --f7-chip-delete-button-color: #000;
    --f7-chip-height: 32px;
    --f7-chip-padding-horizontal: 12px;
    --f7-chip-text-color: rgba(0, 0, 0, 0.87);
    --f7-input-bg-color: transparent;
    --f7-label-font-weight: 400;
    --f7-label-line-height: 1.3;
    --f7-input-padding-left: 0px;
    --f7-input-padding-right: 0px;
    --f7-input-error-text-color: #ff3b30;
    --f7-input-error-font-size: 12px;
    --f7-input-error-line-height: 1.4;
    --f7-input-error-font-weight: 400;
    --f7-input-info-font-size: 12px;
    --f7-input-info-line-height: 1.4;
    --f7-input-outline-height: 40px;
    --f7-input-outline-border-radius: 4px;
    --f7-input-outline-padding-horizontal: 12px;
    --f7-textarea-height: 100px;
    --f7-input-outline-border-color: #999;
    --f7-input-height: 36px;
    --f7-input-font-size: 16px;
    --f7-textarea-padding-vertical: 7px;
    --f7-label-font-size: 12px;
    --f7-floating-label-scale: calc(16 / 12);
    --f7-inline-label-font-size: 16px;
    --f7-inline-label-line-height: 1.5;
    --f7-inline-label-padding-top: 7px;
    --f7-input-clear-button-size: 18px;
    --f7-input-clear-button-color: #aaa;
    --f7-input-text-color: #212121;
    --f7-input-placeholder-color: rgba(0, 0, 0, 0.35);
    --f7-label-text-color: rgba(0, 0, 0, 0.65);
    --f7-input-info-text-color: rgba(0, 0, 0, 0.45);
    --f7-checkbox-icon-color: #fff;
    --f7-checkbox-size: 18px;
    --f7-checkbox-border-radius: 2px;
    --f7-checkbox-border-width: 2px;
    --f7-checkbox-extra-margin: 22px;
    --f7-checkbox-inactive-color: #6d6d6d;
    --f7-radio-border-radius: 50%;
    --f7-radio-size: 20px;
    --f7-radio-border-width: 2px;
    --f7-radio-extra-margin: 22px;
    --f7-radio-inactive-color: #6d6d6d;
    --f7-toggle-handle-color: #fff;
    --f7-toggle-width: 36px;
    --f7-toggle-height: 14px;
    --f7-toggle-inactive-color: #b0afaf;
    --f7-range-scale-step-height: 5px;
    --f7-range-scale-text-color: #666;
    --f7-range-scale-substep-width: 1px;
    --f7-range-scale-substep-height: 4px;
    --f7-range-size: 20px;
    --f7-range-bar-bg-color: #b9b9b9;
    --f7-range-bar-size: 2px;
    --f7-range-bar-border-radius: 0px;
    --f7-range-knob-size: 12px;
    --f7-range-knob-box-shadow: none;
    --f7-range-label-size: 26px;
    --f7-range-label-font-weight: normal;
    --f7-range-label-text-color: #fff;
    --f7-range-label-font-size: 10px;
    --f7-range-label-border-radius: 50%;
    --f7-range-label-padding: 0px;
    --f7-range-scale-step-width: 2px;
    --f7-range-scale-font-size: 12px;
    --f7-range-scale-font-weight: 400;
    --f7-range-scale-label-offset: 4px;
    --f7-stepper-fill-button-text-color: #fff;
    --f7-stepper-raised-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12),0 1px 2px rgba(0,0,0,0.24);
    --f7-stepper-value-font-weight: 500;
    --f7-stepper-border-width: 2px;
    --f7-stepper-height: 36px;
    --f7-stepper-border-radius: 4px;
    --f7-stepper-large-height: 48px;
    --f7-stepper-small-border-width: 2px;
    --f7-stepper-small-height: 28px;
    --f7-stepper-value-font-size: 14px;
    --f7-stepper-button-pressed-bg-color: rgba(0, 0, 0, 0.1);
    --f7-grid-gap: 16px;
    --f7-grid-row-gap: 0px;
    --f7-grid-resize-handler-bg-color: rgba(0, 0, 0, 0.35);
    --f7-calendar-height: 340px;
    --f7-calendar-sheet-landscape-height: 220px;
    --f7-calendar-popover-width: 320px;
    --f7-calendar-popover-height: 320px;
    --f7-calendar-modal-height: 420px;
    --f7-calendar-modal-max-width: 380px;
    --f7-calendar-modal-border-radius: 4px;
    --f7-calendar-footer-padding: 0 8px;
    --f7-calendar-week-header-font-size: 11px;
    --f7-calendar-selected-text-color: #fff;
    --f7-calendar-prev-next-text-color: #b8b8b8;
    --f7-calendar-disabled-text-color: #d4d4d4;
    --f7-calendar-event-dot-size: 4px;
    --f7-calendar-day-text-color: #000;
    --f7-calendar-sheet-bg-color: #fff;
    --f7-calendar-modal-bg-color: #fff;
    --f7-calendar-picker-bg-color: #fff;
    --f7-calendar-picker-pressed-bg-color: rgba(0, 0, 0, 0.1);
    --f7-calendar-picker-hover-bg-color: rgba(0, 0, 0, 0.03);
    --f7-calendar-sheet-border-color: #ccc;
    --f7-calendar-header-height: 56px;
    --f7-calendar-header-font-size: 20px;
    --f7-calendar-header-font-weight: 400;
    --f7-calendar-header-padding: 0 24px;
    --f7-calendar-footer-height: 48px;
    --f7-calendar-footer-font-size: 14px;
    --f7-calendar-week-header-height: 24px;
    --f7-calendar-row-border-color: transparent;
    --f7-calendar-day-font-size: 14px;
    --f7-calendar-today-bg-color: none;
    --f7-calendar-day-size: 32px;
    --f7-calendar-picker-font-size: 14px;
    --f7-calendar-time-selector-font-size: 14px;
    --f7-picker-height: 260px;
    --f7-picker-inline-height: 200px;
    --f7-picker-popover-height: 200px;
    --f7-picker-popover-width: 280px;
    --f7-picker-landscape-height: 200px;
    --f7-picker-item-height: 36px;
    --f7-picker-item-selected-text-color: #000;
    --f7-picker-column-font-size: 20px;
    --f7-picker-divider-text-color: rgba(0, 0, 0, 0.87);
    --f7-picker-item-text-color: rgba(0, 0, 0, 0.54);
    --f7-picker-item-selected-border-color: rgba(0, 0, 0, 0.15);
    --f7-ptr-preloader-size: 22px;
    --f7-ptr-size: 40px;
    --f7-ptr-top: -4px;
    --f7-table-head-font-size: 12px;
    --f7-table-body-font-size: 14px;
    --f7-table-footer-font-size: 12px;
    --f7-table-input-height: 24px;
    --f7-table-input-font-size: 14px;
    --f7-table-collapsible-cell-padding: 16px;
    --f7-table-link-icon-only-icon-size: 20px;
    --f7-table-sortable-icon-color: #000;
    --f7-table-head-font-weight: 500;
    --f7-table-head-cell-height: 56px;
    --f7-table-head-icon-size: 16px;
    --f7-table-body-cell-height: 48px;
    --f7-table-cell-padding-vertical: 0px;
    --f7-table-cell-padding-horizontal: 28px;
    --f7-table-edge-cell-padding-horizontal: 24px;
    --f7-table-label-cell-padding-horizontal: 24px;
    --f7-table-checkbox-cell-width: 18px;
    --f7-table-title-font-size: 20px;
    --f7-table-title-font-weight: 400;
    --f7-table-card-header-height: 64px;
    --f7-table-footer-height: 56px;
    --f7-table-head-text-color: rgba(0, 0, 0, 0.54);
    --f7-table-cell-border-color: rgba(0, 0, 0, 0.12);
    --f7-table-actions-cell-link-color: rgba(0, 0, 0, 0.54);
    --f7-table-selected-row-bg-color: #f5f5f5;
    --f7-table-actions-link-color: rgba(0, 0, 0, 0.54);
    --f7-table-footer-text-color: rgba(0, 0, 0, 0.54);
    --f7-table-input-text-color: #212121;
    --f7-fab-margin: 16px;
    --f7-fab-text-color: #fff;
    --f7-fab-extended-text-font-size: 14px;
    --f7-fab-extended-text-padding: 0 20px;
    --f7-fab-label-bg-color: #fff;
    --f7-fab-label-text-color: #333;
    --f7-fab-label-border-radius: 4px;
    --f7-fab-label-padding: 4px 12px;
    --f7-fab-button-size: 40px;
    --f7-fab-size: 56px;
    --f7-fab-box-shadow: var(--f7-elevation-6);
    --f7-fab-extended-size: 48px;
    --f7-fab-extended-text-font-weight: 500;
    --f7-fab-extended-text-letter-spacing: 0.03em;
    --f7-fab-label-box-shadow: var(--f7-elevation-3);
    --f7-fab-label-font-size: inherit;
    --f7-searchbar-input-border-width: 0px;
    --f7-searchbar-input-border-color: transparent;
    --f7-searchbar-input-text-color: #000;
    --f7-searchbar-placeholder-color: rgba(0, 0, 0, 0.4);
    --f7-searchbar-border-color: transparent;
    --f7-searchbar-height: 48px;
    --f7-searchbar-inner-padding-left: 0px;
    --f7-searchbar-inner-padding-right: 0px;
    --f7-searchbar-link-color: #737373;
    --f7-searchbar-search-icon-color: #737373;
    --f7-searchbar-input-font-size: 20px;
    --f7-searchbar-input-border-radius: 0px;
    --f7-searchbar-input-height: 100%;
    --f7-searchbar-input-padding-horizontal: 48px;
    --f7-searchbar-inline-input-padding-horizontal: 24px;
    --f7-searchbar-input-clear-button-color: #737373;
    --f7-searchbar-backdrop-bg-color: rgba(0, 0, 0, 0.25);
    --f7-searchbar-shadow-image: var(--f7-bars-shadow-bottom-image);
    --f7-searchbar-in-page-content-margin: 8px;
    --f7-searchbar-in-page-content-box-shadow: var(--f7-elevation-1);
    --f7-searchbar-in-page-content-border-radius: 4px;
    --f7-searchbar-in-page-content-input-border-radius: 4px;
    --f7-searchbar-bg-color: #fff;
    --f7-searchbar-input-bg-color: #fff;
    --f7-message-text-header-text-color: inherit;
    --f7-message-text-header-opacity: 0.65;
    --f7-message-text-header-font-size: 12px;
    --f7-message-text-footer-text-color: inherit;
    --f7-message-text-footer-opacity: 0.65;
    --f7-message-text-footer-font-size: 12px;
    --f7-message-bubble-line-height: 1.2;
    --f7-message-header-font-size: 12px;
    --f7-message-footer-font-size: 11px;
    --f7-message-name-font-size: 12px;
    --f7-message-name-font-weight: inherit;
    --f7-message-avatar-border-radius: 50%;
    --f7-messages-title-font-weight: inherit;
    --f7-message-sent-text-color: #fff;
    --f7-messages-content-bg-color: #fff;
    --f7-message-typing-indicator-bg-color: #000;
    --f7-message-received-bg-color: #e5e5ea;
    --f7-message-received-text-color: #000;
    --f7-messages-title-font-size: 12px;
    --f7-message-avatar-size: 32px;
    --f7-message-margin: 16px;
    --f7-message-bubble-min-height: 32px;
    --f7-message-bubble-font-size: 16px;
    --f7-message-bubble-border-radius: 4px;
    --f7-message-bubble-padding-vertical: 6px;
    --f7-message-bubble-padding-horizontal: 8px;
    --f7-message-typing-indicator-opacity: 0.6;
    --f7-messages-title-text-color: rgba(0, 0, 0, 0.51);
    --f7-message-header-text-color: rgba(0, 0, 0, 0.51);
    --f7-message-footer-text-color: rgba(0, 0, 0, 0.51);
    --f7-message-name-text-color: rgba(0, 0, 0, 0.51);
    --f7-messagebar-shadow-image: none;
    --f7-messagebar-textarea-bg-color: transparent;
    --f7-messagebar-attachments-height: 155px;
    --f7-messagebar-attachment-height: 155px;
    --f7-messagebar-attachment-landscape-height: 120px;
    --f7-messagebar-sheet-height: 252px;
    --f7-messagebar-sheet-landscape-height: 192px;
    --f7-messagebar-bg-color: #fff;
    --f7-messagebar-bg-color-rgb: 255,255,255;
    --f7-messagebar-height: 48px;
    --f7-messagebar-font-size: 16px;
    --f7-messagebar-textarea-border-radius: 0px;
    --f7-messagebar-textarea-padding: 5px 8px;
    --f7-messagebar-textarea-height: 32px;
    --f7-messagebar-textarea-font-size: 16px;
    --f7-messagebar-textarea-line-height: 22px;
    --f7-messagebar-textarea-border: 1px solid transparent;
    --f7-messagebar-sheet-bg-color: #fff;
    --f7-messagebar-attachment-border-radius: 4px;
    --f7-messagebar-link-color: #333;
    --f7-messagebar-border-color: #d1d1d1;
    --f7-messagebar-textarea-text-color: #333;
    --f7-messagebar-attachments-border-color: #ddd;
    --swiper-navigation-size: 44px;
    --swiper-theme-color: var(--f7-theme-color);
    --f7-photobrowser-bg-color: #fff;
    --f7-photobrowser-bars-bg-image: none;
    --f7-photobrowser-caption-font-size: 14px;
    --f7-photobrowser-caption-light-text-color: #000;
    --f7-photobrowser-caption-light-bg-color: rgba(255, 255, 255, 0.8);
    --f7-photobrowser-caption-dark-text-color: #fff;
    --f7-photobrowser-caption-dark-bg-color: rgba(0, 0, 0, 0.8);
    --f7-photobrowser-exposed-bg-color: #000;
    --f7-photobrowser-dark-bg-color: #000;
    --f7-photobrowser-dark-bars-bg-color: rgba(27, 27, 27, 0.8);
    --f7-photobrowser-dark-bars-text-color: #fff;
    --f7-photobrowser-dark-bars-link-color: #fff;
    --f7-notification-max-width: 568px;
    --f7-notification-subtitle-text-transform: none;
    --f7-notification-subtitle-line-height: 1.35;
    --f7-notification-text-text-transform: none;
    --f7-notification-text-font-weight: 400;
    --f7-notification-margin: 0px;
    --f7-notification-padding: 16px;
    --f7-notification-border-radius: 0px;
    --f7-notification-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22),0 1px 2px rgba(0, 0, 0, 0.24);
    --f7-notification-icon-size: 16px;
    --f7-notification-title-color: var(--f7-theme-color);
    --f7-notification-title-font-size: 12px;
    --f7-notification-title-text-transform: none;
    --f7-notification-title-line-height: 1;
    --f7-notification-title-font-weight: 400;
    --f7-notification-title-right-font-size: 12px;
    --f7-notification-subtitle-font-size: 14px;
    --f7-notification-subtitle-font-weight: 400;
    --f7-notification-text-font-size: 14px;
    --f7-notification-text-line-height: 1.35;
    --f7-notification-bg-color: #fff;
    --f7-notification-title-right-color: rgba(0, 0, 0, 0.54);
    --f7-notification-subtitle-color: #212121;
    --f7-notification-text-color: rgba(0, 0, 0, 0.54);
    --f7-autocomplete-dropdown-placeholder-color: #a9a9a9;
    --f7-autocomplete-dropdown-preloader-size: 20px;
    --f7-autocomplete-dropdown-bg-color: #fff;
    --f7-autocomplete-dropdown-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
    --f7-autocomplete-dropdown-text-matching-font-weight: 400;
    --f7-autocomplete-dropdown-font-size: var(--f7-list-font-size);
    --f7-autocomplete-dropdown-text-color: rgba(0, 0, 0, 0.54);
    --f7-autocomplete-dropdown-text-matching-color: #212121;
    --f7-tooltip-bg-color: rgba(0, 0, 0, 0.87);
    --f7-tooltip-text-color: #fff;
    --f7-tooltip-border-radius: 4px;
    --f7-tooltip-padding: 8px 16px;
    --f7-tooltip-font-size: 14px;
    --f7-tooltip-font-weight: 500;
    --f7-tooltip-desktop-padding: 6px 8px;
    --f7-tooltip-desktop-font-size: 12px;
    --f7-skeleton-color: #ccc;
    --f7-menu-text-color: #fff;
    --f7-menu-font-size: 16px;
    --f7-menu-font-weight: 500;
    --f7-menu-line-height: 1.2;
    --f7-menu-bg-color: rgba(0, 0, 0, 0.9);
    --f7-menu-item-pressed-bg-color: rgba(20, 20, 20, 0.9);
    --f7-menu-item-padding-horizontal: 12px;
    --f7-menu-item-spacing: 6px;
    --f7-menu-item-height: 40px;
    --f7-menu-item-dropdown-icon-color: rgba(255, 255, 255, 0.4);
    --f7-menu-item-border-radius: 8px;
    --f7-menu-dropdown-item-height: 28px;
    --f7-menu-dropdown-divider-color: rgba(255, 255, 255, 0.2);
    --f7-menu-dropdown-padding-vertical: 6px;
    --f7-color-picker-popover-width: 350px;
    --f7-color-picker-slider-size: 6px;
    --f7-color-picker-slider-knob-size: 16px;
    --f7-color-picker-bar-size: 50px;
    --f7-color-picker-bar-min-height: 260px;
    --f7-color-picker-value-width: 64px;
    --f7-color-picker-value-height: 32px;
    --f7-color-picker-value-font-size: 16px;
    --f7-color-picker-value-border-radius: 4px;
    --f7-color-picker-hex-value-width: 84px;
    --f7-color-picker-label-font-size: 14px;
    --f7-color-picker-label-width: 10px;
    --f7-color-picker-label-height: 14px;
    --f7-color-picker-sb-spectrum-height: 260px;
    --f7-color-picker-sb-spectrum-handle-size: 16px;
    --f7-color-picker-wheel-width: 330px;
    --f7-color-picker-palette-value-width: 36px;
    --f7-color-picker-palette-value-height: 36px;
    --f7-color-picker-initial-current-color-height: 40px;
    --f7-color-picker-initial-current-color-border-radius: 4px;
    --f7-color-picker-sheet-bg-color: #fff;
    --f7-color-picker-popup-bg-color: #fff;
    --f7-color-picker-value-bg-color: rgba(0, 0, 0, 0.05);
    --f7-color-picker-group-bg-color: rgba(0, 0, 0, 0.05);
    --f7-color-picker-group-value-bg-color: #fff;
    --f7-treeview-item-padding-left: 16px;
    --f7-treeview-item-padding-right: 16px;
    --f7-treeview-toggle-size: 24px;
    --f7-treeview-children-offset: 29px;
    --f7-treeview-label-font-weight: 400;
    --f7-treeview-label-text-color: inherit;
    --f7-treeview-toggle-color: rgba(0, 0, 0, 0.5);
    --f7-treeview-toggle-hover-bg-color: rgba(0, 0, 0, 0.1);
    --f7-treeview-toggle-pressed-bg-color: rgba(0, 0, 0, 0.15);
    --f7-treeview-icon-color: rgba(0, 0, 0, 0.5);
    --f7-treeview-selectable-hover-bg-color: rgba(0, 0, 0, 0.1);
    --f7-treeview-link-hover-bg-color: rgba(0, 0, 0, 0.1);
    --f7-treeview-link-pressed-bg-color: rgba(0, 0, 0, 0.15);
    --f7-treeview-item-height: 34px;
    --f7-treeview-label-font-size: 16px;
    --f7-treeview-icon-size: 24px;
    --f7-text-editor-font-size: inherit;
    --f7-text-editor-font-weight: inherit;
    --f7-text-editor-border-width: 1px;
    --f7-text-editor-height: 250px;
    --f7-text-editor-margin: 16px;
    --f7-text-editor-padding: 8px;
    --f7-text-editor-button-bg-color: transparent;
    --f7-text-editor-button-size: 28px;
    --f7-text-editor-button-icon-size: 20px;
    --f7-text-editor-button-margin: 2px;
    --f7-text-editor-button-border-radius: 2px;
    --f7-text-editor-text-color: #000;
    --f7-text-editor-bg-color: #fff;
    --f7-text-editor-border-color: rgba(0, 0, 0, 0.1);
    --f7-text-editor-toolbar-bg-color: #fff;
    --f7-text-editor-button-text-color: #333;
    --f7-text-editor-button-divider-color: rgba(0, 0, 0, 0.15);
    --f7-text-editor-placeholder-color: rgba(0, 0, 0, 0.35);
    --f7-text-editor-toolbar-padding: 8px;
    --f7-text-editor-toolbar-box-shadow: 0px 2px 3px -1px rgba(0, 0, 0, 0.25);
    --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-typography-padding: 16px;
    --f7-typography-margin: 16px;
    -webkit-font-smoothing: antialiased;
    --f7-page-navbar-offset: calc(var(--f7-navbar-height) + var(--f7-safe-area-top));
    -webkit-tap-highlight-color: transparent;
    text-decoration: none;
    text-align: center;
    display: block;
    -webkit-appearance: none;
    background: 0 0;
    margin: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: relative;
    overflow: hidden;
    font-family: inherit;
    cursor: pointer;
    outline: 0;
    box-sizing: border-box;
    vertical-align: middle;
    justify-content: center;
    align-items: center;
    border: var(--f7-button-border-width,0px) solid var(--f7-button-border-color,var(--f7-theme-color));
    font-size: var(--f7-button-font-size);
    color: var(--f7-button-text-color,var(--f7-theme-color));
    height: var(--f7-button-height);
    line-height: calc(var(--f7-button-height) - var(--f7-button-border-width,0) * 2);
    padding: var(--f7-button-padding-vertical,0px) var(--f7-button-padding-horizontal);
    border-radius: var(--f7-button-border-radius);
    min-width: var(--f7-button-min-width);
    font-weight: var(--f7-button-font-weight);
    letter-spacing: var(--f7-button-letter-spacing);
    text-transform: var(--f7-button-text-transform);
    background-color: var(--f7-button-bg-color);
    box-shadow: var(--f7-button-box-shadow);
    --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-touch-ripple-color: var(--f7-touch-ripple-white);
    user-select: none;
    transition-duration: .3s;
    transform: translate3d(0,0,0);
    --f7-button-pressed-bg-color: var(--f7-button-fill-pressed-bg-color, var(--f7-theme-color-shade));
    width: 100%;
}