slot-fb[hidden] {
    display: none
}

ion-accordion,
ion-accordion-group,
ion-action-sheet,
ion-alert,
ion-app,
ion-avatar,
ion-back-button,
ion-backdrop,
ion-badge,
ion-breadcrumb,
ion-breadcrumbs,
ion-button,
ion-buttons,
ion-card,
ion-card-content,
ion-card-header,
ion-card-subtitle,
ion-card-title,
ion-checkbox,
ion-chip,
ion-col,
ion-content,
ion-datetime,
ion-datetime-button,
ion-fab,
ion-fab-button,
ion-fab-list,
ion-footer,
ion-grid,
ion-header,
ion-icon,
ion-img,
ion-infinite-scroll,
ion-infinite-scroll-content,
ion-input,
ion-input-otp,
ion-input-password-toggle,
ion-item,
ion-item-divider,
ion-item-group,
ion-item-option,
ion-item-options,
ion-item-sliding,
ion-label,
ion-list,
ion-list-header,
ion-loading,
ion-menu,
ion-menu-button,
ion-menu-toggle,
ion-modal,
ion-nav,
ion-nav-link,
ion-note,
ion-picker,
ion-picker-column,
ion-picker-column-option,
ion-picker-legacy,
ion-picker-legacy-column,
ion-popover,
ion-progress-bar,
ion-radio,
ion-radio-group,
ion-range,
ion-refresher,
ion-refresher-content,
ion-reorder,
ion-reorder-group,
ion-ripple-effect,
ion-route,
ion-route-redirect,
ion-router,
ion-router-link,
ion-router-outlet,
ion-row,
ion-searchbar,
ion-segment,
ion-segment-button,
ion-segment-content,
ion-segment-view,
ion-select,
ion-select-modal,
ion-select-option,
ion-select-popover,
ion-skeleton-text,
ion-spinner,
ion-split-pane,
ion-tab,
ion-tab-bar,
ion-tab-button,
ion-tabs,
ion-text,
ion-textarea,
ion-thumbnail,
ion-title,
ion-toast,
ion-toggle,
ion-toolbar {
    visibility: hidden
}

.hydrated {
    visibility: inherit
}


@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v43/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu0SC55K5gw.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v43/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu0SC55K5gw.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v43/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu0SC55K5gw.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v43/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu0SC55K5gw.woff2) format('woff2');
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v43/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu0SC55K5gw.woff2) format('woff2');
    unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v43/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTVOmu0SC55K5gw.woff2) format('woff2');
    unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v43/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTUGmu0SC55K5gw.woff2) format('woff2');
    unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB00-1FBFF;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v43/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu0SC55K5gw.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v43/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu0SC55K5gw.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v43/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-mu0SC55I.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v43/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu0SC55K5gw.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v43/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu0SC55K5gw.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v43/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu0SC55K5gw.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v43/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu0SC55K5gw.woff2) format('woff2');
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v43/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu0SC55K5gw.woff2) format('woff2');
    unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v43/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTVOmu0SC55K5gw.woff2) format('woff2');
    unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v43/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTUGmu0SC55K5gw.woff2) format('woff2');
    unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB00-1FBFF;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v43/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu0SC55K5gw.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v43/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu0SC55K5gw.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v43/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-mu0SC55I.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v43/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu0SC55K5gw.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v43/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu0SC55K5gw.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v43/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu0SC55K5gw.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v43/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu0SC55K5gw.woff2) format('woff2');
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v43/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu0SC55K5gw.woff2) format('woff2');
    unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v43/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTVOmu0SC55K5gw.woff2) format('woff2');
    unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v43/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTUGmu0SC55K5gw.woff2) format('woff2');
    unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB00-1FBFF;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v43/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu0SC55K5gw.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v43/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu0SC55K5gw.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v43/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-mu0SC55I.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v43/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu0SC55K5gw.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v43/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu0SC55K5gw.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v43/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu0SC55K5gw.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v43/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu0SC55K5gw.woff2) format('woff2');
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v43/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu0SC55K5gw.woff2) format('woff2');
    unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v43/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTVOmu0SC55K5gw.woff2) format('woff2');
    unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v43/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTUGmu0SC55K5gw.woff2) format('woff2');
    unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB00-1FBFF;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v43/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu0SC55K5gw.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v43/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu0SC55K5gw.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v43/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-mu0SC55I.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v43/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu0SC55K5gw.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v43/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu0SC55K5gw.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v43/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu0SC55K5gw.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v43/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu0SC55K5gw.woff2) format('woff2');
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v43/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu0SC55K5gw.woff2) format('woff2');
    unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v43/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTVOmu0SC55K5gw.woff2) format('woff2');
    unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v43/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTUGmu0SC55K5gw.woff2) format('woff2');
    unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB00-1FBFF;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v43/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu0SC55K5gw.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v43/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu0SC55K5gw.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v43/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-mu0SC55I.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v43/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu0SC55K5gw.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v43/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu0SC55K5gw.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v43/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu0SC55K5gw.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v43/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu0SC55K5gw.woff2) format('woff2');
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v43/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu0SC55K5gw.woff2) format('woff2');
    unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v43/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTVOmu0SC55K5gw.woff2) format('woff2');
    unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v43/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTUGmu0SC55K5gw.woff2) format('woff2');
    unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB00-1FBFF;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v43/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu0SC55K5gw.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v43/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu0SC55K5gw.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v43/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-mu0SC55I.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/materialicons/v143/flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ.woff2) format('woff2');
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3GUBHMdazTgWw.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3iUBHMdazTgWw.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3CUBHMdazTgWw.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3-UBHMdazTgWw.woff2) format('woff2');
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMawCUBHMdazTgWw.woff2) format('woff2');
    unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMaxKUBHMdazTgWw.woff2) format('woff2');
    unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB00-1FBFF;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3OUBHMdazTgWw.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3KUBHMdazTgWw.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3yUBHMdazQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3GUBHMdazTgWw.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3iUBHMdazTgWw.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3CUBHMdazTgWw.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3-UBHMdazTgWw.woff2) format('woff2');
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMawCUBHMdazTgWw.woff2) format('woff2');
    unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMaxKUBHMdazTgWw.woff2) format('woff2');
    unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB00-1FBFF;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3OUBHMdazTgWw.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3KUBHMdazTgWw.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3yUBHMdazQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3GUBHMdazTgWw.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3iUBHMdazTgWw.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3CUBHMdazTgWw.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3-UBHMdazTgWw.woff2) format('woff2');
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMawCUBHMdazTgWw.woff2) format('woff2');
    unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMaxKUBHMdazTgWw.woff2) format('woff2');
    unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB00-1FBFF;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3OUBHMdazTgWw.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3KUBHMdazTgWw.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3yUBHMdazQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

ion-refresher {
    top: 0;
    display: none;
    position: absolute;
    width: 100%;
    height: 60px;
    pointer-events: none;
    z-index: -1
}

ion-refresher {
    inset-inline-start: 0
}

ion-refresher.refresher-active {
    display: block
}

ion-refresher-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%
}

.refresher-pulling,
.refresher-refreshing {
    display: none;
    width: 100%
}

.refresher-pulling-icon,
.refresher-refreshing-icon {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transition: 200ms;
    transition: 200ms;
    font-size: 30px;
    text-align: center
}

:host-context([dir=rtl]) .refresher-pulling-icon,
:host-context([dir=rtl]) .refresher-refreshing-icon {
    -webkit-transform-origin: calc(100% - center);
    transform-origin: calc(100% - center)
}

[dir=rtl] .refresher-pulling-icon,
[dir=rtl] .refresher-refreshing-icon {
    -webkit-transform-origin: calc(100% - center);
    transform-origin: calc(100% - center)
}

@supports selector(:dir(rtl)) {

    .refresher-pulling-icon:dir(rtl),
    .refresher-refreshing-icon:dir(rtl) {
        -webkit-transform-origin: calc(100% - center);
        transform-origin: calc(100% - center)
    }
}

.refresher-pulling-text,
.refresher-refreshing-text {
    font-size: 16px;
    text-align: center
}

ion-refresher-content .arrow-container {
    display: none
}

.refresher-pulling ion-refresher-content .refresher-pulling {
    display: block
}

.refresher-ready ion-refresher-content .refresher-pulling {
    display: block
}

.refresher-ready ion-refresher-content .refresher-pulling-icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.refresher-refreshing ion-refresher-content .refresher-refreshing {
    display: block
}

.refresher-cancelling ion-refresher-content .refresher-pulling {
    display: block
}

.refresher-cancelling ion-refresher-content .refresher-pulling-icon {
    -webkit-transform: scale(0);
    transform: scale(0)
}

.refresher-completing ion-refresher-content .refresher-refreshing {
    display: block
}

.refresher-completing ion-refresher-content .refresher-refreshing-icon {
    -webkit-transform: scale(0);
    transform: scale(0)
}

.refresher-native .refresher-pulling-text,
.refresher-native .refresher-refreshing-text {
    display: none
}

.refresher-md .refresher-pulling-icon,
.refresher-md .refresher-refreshing-icon {
    color: var(--ion-text-color, #000)
}

.refresher-md .refresher-pulling-text,
.refresher-md .refresher-refreshing-text {
    color: var(--ion-text-color, #000)
}

.refresher-md .refresher-refreshing .spinner-lines-md line,
.refresher-md .refresher-refreshing .spinner-lines-small-md line,
.refresher-md .refresher-refreshing .spinner-crescent circle {
    stroke: var(--ion-text-color, #000)
}

.refresher-md .refresher-refreshing .spinner-bubbles circle,
.refresher-md .refresher-refreshing .spinner-circles circle,
.refresher-md .refresher-refreshing .spinner-dots circle {
    fill: var(--ion-text-color, #000)
}

ion-refresher.refresher-native {
    display: block;
    z-index: 1
}

ion-refresher.refresher-native ion-spinner {
    -webkit-margin-start: auto;
    margin-inline-start: auto;
    -webkit-margin-end: auto;
    margin-inline-end: auto;
    margin-top: 0;
    margin-bottom: 0;
    width: 24px;
    height: 24px;
    color: var(--ion-color-primary, #0054e9)
}

ion-refresher.refresher-native .spinner-arrow-container {
    display: inherit
}

ion-refresher.refresher-native .arrow-container {
    display: block;
    position: absolute;
    width: 24px;
    height: 24px
}

ion-refresher.refresher-native .arrow-container ion-icon {
    -webkit-margin-start: auto;
    margin-inline-start: auto;
    -webkit-margin-end: auto;
    margin-inline-end: auto;
    margin-top: 0;
    margin-bottom: 0;
    left: 0;
    right: 0;
    bottom: -4px;
    position: absolute;
    color: var(--ion-color-primary, #0054e9);
    font-size: 12px
}

ion-refresher.refresher-native.refresher-pulling ion-refresher-content .refresher-pulling,
ion-refresher.refresher-native.refresher-ready ion-refresher-content .refresher-pulling {
    display: -ms-flexbox;
    display: flex
}

ion-refresher.refresher-native.refresher-refreshing ion-refresher-content .refresher-refreshing,
ion-refresher.refresher-native.refresher-completing ion-refresher-content .refresher-refreshing,
ion-refresher.refresher-native.refresher-cancelling ion-refresher-content .refresher-refreshing {
    display: -ms-flexbox;
    display: flex
}

ion-refresher.refresher-native .refresher-pulling-icon {
    -webkit-transform: translateY(calc(-100% - 10px));
    transform: translateY(calc(-100% - 10px))
}

ion-refresher.refresher-native .refresher-pulling-icon,
ion-refresher.refresher-native .refresher-refreshing-icon {
    -webkit-margin-start: auto;
    margin-inline-start: auto;
    -webkit-margin-end: auto;
    margin-inline-end: auto;
    margin-top: 0;
    margin-bottom: 0;
    border-radius: 100%;
    -webkit-padding-start: 8px;
    padding-inline-start: 8px;
    -webkit-padding-end: 8px;
    padding-inline-end: 8px;
    padding-top: 8px;
    padding-bottom: 8px;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid var(--ion-color-step-200, var(--ion-background-color-step-200, #ececec));
    background: var(--ion-color-step-250, var(--ion-background-color-step-250, #ffffff));
    -webkit-box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.1)
}

#preboot-loader {
    display: none;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    height: 100%;
    font-family: 'Open Sans', sans-serif;
}

#preboot-loader .spinner {
    width: 50px;
    aspect-ratio: 1;
    border-radius: 50%;
    background:
        radial-gradient(farthest-side, #FFC629 94%, #0000) top/8px 8px no-repeat,
        conic-gradient(#0000 30%, #FFC629);
    -webkit-mask: radial-gradient(farthest-side, #0000 calc(100% - 8px), #000 0);
    animation: l13 1s infinite linear;
}

@keyframes l13 {
    100% {
        transform: rotate(1turn)
    }
}

#preboot-loader #slow-message {
    margin-top: 16px;
    color: #ffffff;
    font-size: 14px;
}

:root {
    --grey-00: #111111;
    --grey-50: #171717;
    --grey-75: #1e1e1e;
    --grey-100: #393939;
    --grey-200: #5f5f5f;
    --grey-300: #858585;
    --grey-400: #a1a1a1;
    --grey-500: #bebebe;
    --grey-600: #c4c4c4;
    --grey-700: #cdcdcd;
    --grey-800: #d5d5d5;
    --grey-900: #e3e3e3;
    --header-dark-color: #181E25;
    --footer-grey-color: #D9D9D9;
    --primary-color: #ffffff;
    --primary-color-shade: #ffffff;
    --primary-color-tint: #ffffff;
    --primary-color-contrast: #ffffff;
    --black-color: #000;
    --black-color-rgb: 0, 0, 0;
    --bg-grey: #f7f9f9;
    --red-color: #C44141;
    --marquee-red: #F44242;
    --green-color: #138807;
    --yellow-color: #E7A22A;
    --bg-grey-5: #C7C7C7;
    --card-background: #EAEAEA;
    --input-background: #E8E8E8;
    --chip-border: #FEAFB2;
    --lay-color: #FDC9D4;
    --lay-color-light: #fff3f4;
    --back-color: #A0D8FB;
    --back-color-light: #f2f9ff;
    --reset-background: #C13F50;
    --white-color: #ffffff;
    --back-light: #D4E8F8;
    --lay-light: #F7E7EB;
    --blue-color: #31a8df;
    --tabIcon-filter: invert(1);
    --d-color: #11833e;
    --w-color: #dd514a;
    --dark-blue-color: #1F6EE7
}

@font-face {

    src: url(OpenSans-Bold.c744609a802a3288.eot);
    src: url(OpenSans-Bold.c744609a802a3288.eot?#iefix) format("embedded-opentype"), url(OpenSans-Bold.b42e8f997302545c.woff2) format("woff2"), url(OpenSans-Bold.64b698d1d2f794fe.woff) format("woff"), url(OpenSans-Bold.b3fe20c65d6b62cf.ttf) format("truetype"), url(OpenSans-Bold.f38a2340fb722694.svg#OpenSans-Bold) format("svg");
    font-weight: 700;
    font-style: normal
}

@font-face {

    src: url(OpenSans-SemiBold.deb5b5413aa8d3ac.eot);
    src: url(OpenSans-SemiBold.deb5b5413aa8d3ac.eot?#iefix) format("embedded-opentype"), url(OpenSans-SemiBold.a6f1c6b1afb3465a.woff2) format("woff2"), url(OpenSans-SemiBold.bb3467e1ab08ad28.woff) format("woff"), url(OpenSans-SemiBold.4f8cd531d5793bcb.ttf) format("truetype"), url(OpenSans-SemiBold.53807d58a1c70bd2.svg#OpenSans-SemiBold) format("svg");
    font-weight: 500;
    font-style: normal
}

@font-face {

    src: url(OpenSans-Regular.3384608ec0a1e49b.eot);
    src: url(OpenSans-Regular.3384608ec0a1e49b.eot?#iefix) format("embedded-opentype"), url(OpenSans-Regular.98f04fd85332c29f.woff2) format("woff2"), url(OpenSans-Regular.bce49be2a274aae7.woff) format("woff"), url(OpenSans-Regular.678fb9cf1b737079.ttf) format("truetype"), url(OpenSans-Regular.9ad98acf6f3e7381.svg#OpenSans-Regular) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {

    src: url(OpenSans-Light.eec8d6d88268332f.eot);
    src: url(OpenSans-Light.eec8d6d88268332f.eot?#iefix) format("embedded-opentype"), url(OpenSans-Light.eca1259dc68dc112.woff2) format("woff2"), url(OpenSans-Light.3d40ad4dbf6ff344.woff) format("woff"), url(OpenSans-Light.5262a04f51b93052.ttf) format("truetype"), url(OpenSans-Light.d50201a459c1c184.svg#OpenSans-Light) format("svg");
    font-weight: 300;
    font-style: normal
}

html,
body {
    height: 100%;
    top: 0 !important
}

* {
    box-sizing: border-box;
    /* -webkit-tap-highlight-color: transparent; */
}

*:focus,
*:focus-visible {
    box-shadow: unset !important;
    border: 0;
    outline: none
}

body {
    background: var(--grey-00);
    color: var(--grey-900);
    margin: 0;
    ,
    open_light,
    open_semiBold,
    open_bold
}

.translator-wrap {
    display: block;
    max-width: 768px;
    margin: auto;
    position: relative
}

.translator-wrap img {
    font-size: 24px;
    position: absolute;
    z-index: 10;
    width: 18px;
    height: 18px;
    background: transparent;
    border-radius: 50%;
    color: var(--black-color);
    display: flex;
    align-items: center;
    justify-content: center;
    right: 15px;
    top: 8px;
    max-width: 30px;
    z-index: 10000
}

.translator-wrap div#google_translate_element {
    position: absolute;
    right: 50px;
    top: 16px;
    z-index: 10
}

.swal2-popup.swal2-toast {
    box-sizing: border-box;
    grid-column: 1/4 !important;
    grid-row: 1/4 !important;
    grid-template-columns: min-content auto min-content;
    padding: 1em;
    overflow-y: hidden;
    background: #fff;
    box-shadow: 0 0 1px rgba(0, 0, 0, .075), 0 1px 2px rgba(0, 0, 0, .075), 1px 2px 4px rgba(0, 0, 0, .075), 1px 3px 8px rgba(0, 0, 0, .075), 2px 4px 16px rgba(0, 0, 0, .075);
    pointer-events: all
}

.swal2-popup.swal2-toast>* {
    grid-column: 2
}

.swal2-popup.swal2-toast .swal2-title {
    margin: .5em 1em;
    padding: 0;
    font-size: 1em;
    text-align: initial
}

.swal2-popup.swal2-toast .swal2-loading {
    justify-content: center
}

.swal2-popup.swal2-toast .swal2-input {
    height: 2em;
    margin: .5em;
    font-size: 1em
}

.swal2-popup.swal2-toast .swal2-validation-message {
    font-size: 1em
}

.swal2-popup.swal2-toast .swal2-footer {
    margin: .5em 0 0;
    padding: .5em 0 0;
    font-size: .8em
}

.swal2-popup.swal2-toast .swal2-close {
    grid-column: 3/3;
    grid-row: 1/99;
    align-self: center;
    width: .8em;
    height: .8em;
    margin: 0;
    font-size: 2em
}

.swal2-popup.swal2-toast .swal2-html-container {
    margin: .5em 1em;
    padding: 0;
    overflow: initial;
    font-size: 1em;
    text-align: initial
}

.swal2-popup.swal2-toast .swal2-html-container:empty {
    padding: 0
}

.swal2-popup.swal2-toast .swal2-loader {
    grid-column: 1;
    grid-row: 1/99;
    align-self: center;
    width: 2em;
    height: 2em;
    margin: .25em
}

.swal2-popup.swal2-toast .swal2-icon {
    grid-column: 1;
    grid-row: 1/99;
    align-self: center;
    width: 2em;
    min-width: 2em;
    height: 2em;
    margin: 0 .5em 0 0
}

.swal2-popup.swal2-toast .swal2-icon .swal2-icon-content {
    display: flex;
    align-items: center;
    font-size: 1.8em;
    font-weight: bold
}

.swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring {
    width: 2em;
    height: 2em
}

.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line] {
    top: .875em;
    width: 1.375em
}

.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
    left: .3125em
}

.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
    right: .3125em
}

.swal2-popup.swal2-toast .swal2-actions {
    justify-content: flex-start;
    height: auto;
    margin: 0;
    margin-top: .5em;
    padding: 0 .5em
}

.swal2-popup.swal2-toast .swal2-styled {
    margin: .25em .5em;
    padding: .4em .6em;
    font-size: 1em
}

.swal2-popup.swal2-toast .swal2-success {
    border-color: #a5dc86
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line] {
    position: absolute;
    width: 1.6em;
    height: 3em;
    transform: rotate(45deg);
    border-radius: 50%
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left] {
    top: -0.8em;
    left: -0.5em;
    transform: rotate(-45deg);
    transform-origin: 2em 2em;
    border-radius: 4em 0 0 4em
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right] {
    top: -0.25em;
    left: .9375em;
    transform-origin: 0 1.5em;
    border-radius: 0 4em 4em 0
}

.swal2-popup.swal2-toast .swal2-success .swal2-success-ring {
    width: 2em;
    height: 2em
}

.swal2-popup.swal2-toast .swal2-success .swal2-success-fix {
    top: 0;
    left: .4375em;
    width: .4375em;
    height: 2.6875em
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line] {
    height: .3125em
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip] {
    top: 1.125em;
    left: .1875em;
    width: .75em
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long] {
    top: .9375em;
    right: .1875em;
    width: 1.375em
}

.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip {
    animation: swal2-toast-animate-success-line-tip .75s
}

.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long {
    animation: swal2-toast-animate-success-line-long .75s
}

.swal2-popup.swal2-toast.swal2-show {
    animation: swal2-toast-show .5s
}

.swal2-popup.swal2-toast.swal2-hide {
    animation: swal2-toast-hide .1s forwards
}

div:where(.swal2-container) {
    display: grid;
    position: fixed;
    z-index: 1060;
    inset: 0;
    box-sizing: border-box;
    grid-template-areas: "top-start     top            top-end" "center-start  center         center-end" "bottom-start  bottom-center  bottom-end";
    grid-template-rows: minmax(min-content, auto) minmax(min-content, auto) minmax(min-content, auto);
    height: 100%;
    padding: .625em;
    overflow-x: hidden;
    transition: background-color .1s;
    -webkit-overflow-scrolling: touch
}

div:where(.swal2-container).swal2-backdrop-show,
div:where(.swal2-container).swal2-noanimation {
    background: rgba(0, 0, 0, .4)
}

div:where(.swal2-container).swal2-backdrop-hide {
    background: rgba(0, 0, 0, 0) !important
}

div:where(.swal2-container).swal2-top-start,
div:where(.swal2-container).swal2-center-start,
div:where(.swal2-container).swal2-bottom-start {
    grid-template-columns: minmax(0, 1fr) auto auto
}

div:where(.swal2-container).swal2-top,
div:where(.swal2-container).swal2-center,
div:where(.swal2-container).swal2-bottom {
    grid-template-columns: auto minmax(0, 1fr) auto
}

div:where(.swal2-container).swal2-top-end,
div:where(.swal2-container).swal2-center-end,
div:where(.swal2-container).swal2-bottom-end {
    grid-template-columns: auto auto minmax(0, 1fr)
}

div:where(.swal2-container).swal2-top-start>.swal2-popup {
    align-self: start
}

div:where(.swal2-container).swal2-top>.swal2-popup {
    grid-column: 2;
    align-self: start;
    justify-self: center
}

div:where(.swal2-container).swal2-top-end>.swal2-popup,
div:where(.swal2-container).swal2-top-right>.swal2-popup {
    grid-column: 3;
    align-self: start;
    justify-self: end
}

div:where(.swal2-container).swal2-center-start>.swal2-popup,
div:where(.swal2-container).swal2-center-left>.swal2-popup {
    grid-row: 2;
    align-self: center
}

div:where(.swal2-container).swal2-center>.swal2-popup {
    grid-column: 2;
    grid-row: 2;
    align-self: center;
    justify-self: center
}

div:where(.swal2-container).swal2-center-end>.swal2-popup,
div:where(.swal2-container).swal2-center-right>.swal2-popup {
    grid-column: 3;
    grid-row: 2;
    align-self: center;
    justify-self: end
}

div:where(.swal2-container).swal2-bottom-start>.swal2-popup,
div:where(.swal2-container).swal2-bottom-left>.swal2-popup {
    grid-column: 1;
    grid-row: 3;
    align-self: end
}

div:where(.swal2-container).swal2-bottom>.swal2-popup {
    grid-column: 2;
    grid-row: 3;
    justify-self: center;
    align-self: end
}

div:where(.swal2-container).swal2-bottom-end>.swal2-popup,
div:where(.swal2-container).swal2-bottom-right>.swal2-popup {
    grid-column: 3;
    grid-row: 3;
    align-self: end;
    justify-self: end
}

div:where(.swal2-container).swal2-grow-row>.swal2-popup,
div:where(.swal2-container).swal2-grow-fullscreen>.swal2-popup {
    grid-column: 1/4;
    width: 100%
}

div:where(.swal2-container).swal2-grow-column>.swal2-popup,
div:where(.swal2-container).swal2-grow-fullscreen>.swal2-popup {
    grid-row: 1/4;
    align-self: stretch
}

div:where(.swal2-container).swal2-no-transition {
    transition: none !important
}

div:where(.swal2-container) div:where(.swal2-popup) {
    display: none;
    position: relative;
    box-sizing: border-box;
    grid-template-columns: minmax(0, 100%);
    width: 32em;
    max-width: 100%;
    padding: 0 0 1.25em;
    border: none;
    border-radius: 5px;
    background: #fff;
    color: #545454;
    font-family: inherit;
    font-size: 1rem
}

div:where(.swal2-container) div:where(.swal2-popup):focus {
    outline: none
}

div:where(.swal2-container) div:where(.swal2-popup).swal2-loading {
    overflow-y: hidden
}

div:where(.swal2-container) h2:where(.swal2-title) {
    position: relative;
    max-width: 100%;
    margin: 0;
    padding: .8em 1em 0;
    color: inherit;
    font-size: 1.875em;
    font-weight: 600;
    text-align: center;
    text-transform: none;
    word-wrap: break-word
}

div:where(.swal2-container) div:where(.swal2-actions) {
    display: flex;
    z-index: 1;
    box-sizing: border-box;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: auto;
    margin: 1.25em auto 0;
    padding: 0
}

div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-styled[disabled] {
    opacity: .4
}

div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-styled:hover {
    background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1))
}

div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-styled:active {
    background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2))
}

div:where(.swal2-container) div:where(.swal2-loader) {
    display: none;
    align-items: center;
    justify-content: center;
    width: 2.2em;
    height: 2.2em;
    margin: 0 1.875em;
    animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
    border-width: .25em;
    border-style: solid;
    border-radius: 100%;
    border-color: #2778c4 rgba(0, 0, 0, 0) #2778c4 rgba(0, 0, 0, 0)
}

div:where(.swal2-container) button:where(.swal2-styled) {
    margin: .3125em;
    padding: .625em 1.1em;
    transition: box-shadow .1s;
    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0);
    font-weight: 500
}

div:where(.swal2-container) button:where(.swal2-styled):not([disabled]) {
    cursor: pointer
}

div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm {
    border: 0;
    border-radius: .25em;
    background: initial;
    background-color: #7066e0;
    color: #fff;
    font-size: 1em
}

div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm:focus {
    box-shadow: 0 0 0 3px rgba(112, 102, 224, .5)
}

div:where(.swal2-container) button:where(.swal2-styled).swal2-deny {
    border: 0;
    border-radius: .25em;
    background: initial;
    background-color: #dc3741;
    color: #fff;
    font-size: 1em
}

div:where(.swal2-container) button:where(.swal2-styled).swal2-deny:focus {
    box-shadow: 0 0 0 3px rgba(220, 55, 65, .5)
}

div:where(.swal2-container) button:where(.swal2-styled).swal2-cancel {
    border: 0;
    border-radius: .25em;
    background: initial;
    background-color: #6e7881;
    color: #fff;
    font-size: 1em
}

div:where(.swal2-container) button:where(.swal2-styled).swal2-cancel:focus {
    box-shadow: 0 0 0 3px rgba(110, 120, 129, .5)
}

div:where(.swal2-container) button:where(.swal2-styled).swal2-default-outline:focus {
    box-shadow: 0 0 0 3px rgba(100, 150, 200, .5)
}

div:where(.swal2-container) button:where(.swal2-styled):focus {
    outline: none
}

div:where(.swal2-container) button:where(.swal2-styled)::-moz-focus-inner {
    border: 0
}

div:where(.swal2-container) div:where(.swal2-footer) {
    justify-content: center;
    margin: 1em 0 0;
    padding: 1em 1em 0;
    border-top: 1px solid #eee;
    color: inherit;
    font-size: 1em
}

div:where(.swal2-container) .swal2-timer-progress-bar-container {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    grid-column: auto !important;
    overflow: hidden;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px
}

div:where(.swal2-container) div:where(.swal2-timer-progress-bar) {
    width: 100%;
    height: .25em;
    background: rgba(0, 0, 0, .2)
}

div:where(.swal2-container) img:where(.swal2-image) {
    max-width: 100%;
    margin: 2em auto 1em
}

div:where(.swal2-container) button:where(.swal2-close) {
    z-index: 2;
    align-items: center;
    justify-content: center;
    width: 1.2em;
    height: 1.2em;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: -1.2em;
    padding: 0;
    overflow: hidden;
    transition: color .1s, box-shadow .1s;
    border: none;
    border-radius: 5px;
    background: rgba(0, 0, 0, 0);
    color: #ccc;
    font-family: monospace;
    font-size: 2.5em;
    cursor: pointer;
    justify-self: end
}

div:where(.swal2-container) button:where(.swal2-close):hover {
    transform: none;
    background: rgba(0, 0, 0, 0);
    color: #f27474
}

div:where(.swal2-container) button:where(.swal2-close):focus {
    outline: none;
    box-shadow: inset 0 0 0 3px rgba(100, 150, 200, .5)
}

div:where(.swal2-container) button:where(.swal2-close)::-moz-focus-inner {
    border: 0
}

div:where(.swal2-container) .swal2-html-container {
    z-index: 1;
    justify-content: center;
    margin: 1em 1.6em .3em;
    padding: 0;
    overflow: auto;
    color: inherit;
    font-size: 1.125em;
    font-weight: normal;
    line-height: normal;
    text-align: center;
    word-wrap: break-word;
    word-break: break-word
}

div:where(.swal2-container) input:where(.swal2-input),
div:where(.swal2-container) input:where(.swal2-file),
div:where(.swal2-container) textarea:where(.swal2-textarea),
div:where(.swal2-container) select:where(.swal2-select),
div:where(.swal2-container) div:where(.swal2-radio),
div:where(.swal2-container) label:where(.swal2-checkbox) {
    margin: 1em 2em 3px
}

div:where(.swal2-container) input:where(.swal2-input),
div:where(.swal2-container) input:where(.swal2-file),
div:where(.swal2-container) textarea:where(.swal2-textarea) {
    box-sizing: border-box;
    width: auto;
    transition: border-color .1s, box-shadow .1s;
    border: 1px solid #d9d9d9;
    border-radius: .1875em;
    background: rgba(0, 0, 0, 0);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .06), 0 0 0 3px rgba(0, 0, 0, 0);
    color: inherit;
    font-size: 1.125em
}

div:where(.swal2-container) input:where(.swal2-input).swal2-inputerror,
div:where(.swal2-container) input:where(.swal2-file).swal2-inputerror,
div:where(.swal2-container) textarea:where(.swal2-textarea).swal2-inputerror {
    border-color: #f27474 !important;
    box-shadow: 0 0 2px #f27474 !important
}

div:where(.swal2-container) input:where(.swal2-input):focus,
div:where(.swal2-container) input:where(.swal2-file):focus,
div:where(.swal2-container) textarea:where(.swal2-textarea):focus {
    border: 1px solid #b4dbed;
    outline: none;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .06), 0 0 0 3px rgba(100, 150, 200, .5)
}

div:where(.swal2-container) input:where(.swal2-input)::placeholder,
div:where(.swal2-container) input:where(.swal2-file)::placeholder,
div:where(.swal2-container) textarea:where(.swal2-textarea)::placeholder {
    color: #ccc
}

div:where(.swal2-container) .swal2-range {
    margin: 1em 2em 3px;
    background: #fff
}

div:where(.swal2-container) .swal2-range input {
    width: 80%
}

div:where(.swal2-container) .swal2-range output {
    width: 20%;
    color: inherit;
    font-weight: 600;
    text-align: center
}

div:where(.swal2-container) .swal2-range input,
div:where(.swal2-container) .swal2-range output {
    height: 2.625em;
    padding: 0;
    font-size: 1.125em;
    line-height: 2.625em
}

div:where(.swal2-container) .swal2-input {
    height: 2.625em;
    padding: 0 .75em
}

div:where(.swal2-container) .swal2-file {
    width: 75%;
    margin-right: auto;
    margin-left: auto;
    background: rgba(0, 0, 0, 0);
    font-size: 1.125em
}

div:where(.swal2-container) .swal2-textarea {
    height: 6.75em;
    padding: .75em
}

div:where(.swal2-container) .swal2-select {
    min-width: 50%;
    max-width: 100%;
    padding: .375em .625em;
    background: rgba(0, 0, 0, 0);
    color: inherit;
    font-size: 1.125em
}

div:where(.swal2-container) .swal2-radio,
div:where(.swal2-container) .swal2-checkbox {
    align-items: center;
    justify-content: center;
    background: #fff;
    color: inherit
}

div:where(.swal2-container) .swal2-radio label,
div:where(.swal2-container) .swal2-checkbox label {
    margin: 0 .6em;
    font-size: 1.125em
}

div:where(.swal2-container) .swal2-radio input,
div:where(.swal2-container) .swal2-checkbox input {
    flex-shrink: 0;
    margin: 0 .4em
}

div:where(.swal2-container) label:where(.swal2-input-label) {
    display: flex;
    justify-content: center;
    margin: 1em auto 0
}

div:where(.swal2-container) div:where(.swal2-validation-message) {
    align-items: center;
    justify-content: center;
    margin: 1em 0 0;
    padding: .625em;
    overflow: hidden;
    background: #f0f0f0;
    color: #666;
    font-size: 1em;
    font-weight: 300
}

div:where(.swal2-container) div:where(.swal2-validation-message)::before {
    content: "!";
    display: inline-block;
    width: 1.5em;
    min-width: 1.5em;
    height: 1.5em;
    margin: 0 .625em;
    border-radius: 50%;
    background-color: #f27474;
    color: #fff;
    font-weight: 600;
    line-height: 1.5em;
    text-align: center
}

div:where(.swal2-container) .swal2-progress-steps {
    flex-wrap: wrap;
    align-items: center;
    max-width: 100%;
    margin: 1.25em auto;
    padding: 0;
    background: rgba(0, 0, 0, 0);
    font-weight: 600
}

div:where(.swal2-container) .swal2-progress-steps li {
    display: inline-block;
    position: relative
}

div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step {
    z-index: 20;
    flex-shrink: 0;
    width: 2em;
    height: 2em;
    border-radius: 2em;
    background: #2778c4;
    color: #fff;
    line-height: 2em;
    text-align: center
}

div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step {
    background: #2778c4
}

div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step {
    background: #add8e6;
    color: #fff
}

div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step-line {
    background: #add8e6
}

div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step-line {
    z-index: 10;
    flex-shrink: 0;
    width: 2.5em;
    height: .4em;
    margin: 0 -1px;
    background: #2778c4
}

div:where(.swal2-icon) {
    position: relative;
    box-sizing: content-box;
    justify-content: center;
    width: 5em;
    height: 5em;
    margin: 2.5em auto .6em;
    border: 0.25em solid rgba(0, 0, 0, 0);
    border-radius: 50%;
    border-color: #000;
    font-family: inherit;
    line-height: 5em;
    cursor: default;
    user-select: none
}

div:where(.swal2-icon) .swal2-icon-content {
    display: flex;
    align-items: center;
    font-size: 3.75em
}

div:where(.swal2-icon).swal2-error {
    border-color: #f27474;
    color: #f27474
}

div:where(.swal2-icon).swal2-error .swal2-x-mark {
    position: relative;
    flex-grow: 1
}

div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line] {
    display: block;
    position: absolute;
    top: 2.3125em;
    width: 2.9375em;
    height: .3125em;
    border-radius: .125em;
    background-color: #f27474
}

div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=left] {
    left: 1.0625em;
    transform: rotate(45deg)
}

div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=right] {
    right: 1em;
    transform: rotate(-45deg)
}

div:where(.swal2-icon).swal2-error.swal2-icon-show {
    animation: swal2-animate-error-icon .5s
}

div:where(.swal2-icon).swal2-error.swal2-icon-show .swal2-x-mark {
    animation: swal2-animate-error-x-mark .5s
}

div:where(.swal2-icon).swal2-warning {
    border-color: #facea8;
    color: #f8bb86
}

div:where(.swal2-icon).swal2-warning.swal2-icon-show {
    animation: swal2-animate-error-icon .5s
}

div:where(.swal2-icon).swal2-warning.swal2-icon-show .swal2-icon-content {
    animation: swal2-animate-i-mark .5s
}

div:where(.swal2-icon).swal2-info {
    border-color: #9de0f6;
    color: #3fc3ee
}

div:where(.swal2-icon).swal2-info.swal2-icon-show {
    animation: swal2-animate-error-icon .5s
}

div:where(.swal2-icon).swal2-info.swal2-icon-show .swal2-icon-content {
    animation: swal2-animate-i-mark .8s
}

div:where(.swal2-icon).swal2-question {
    border-color: #c9dae1;
    color: #87adbd
}

div:where(.swal2-icon).swal2-question.swal2-icon-show {
    animation: swal2-animate-error-icon .5s
}

div:where(.swal2-icon).swal2-question.swal2-icon-show .swal2-icon-content {
    animation: swal2-animate-question-mark .8s
}

div:where(.swal2-icon).swal2-success {
    border-color: #a5dc86;
    color: #a5dc86
}

div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line] {
    position: absolute;
    width: 3.75em;
    height: 7.5em;
    transform: rotate(45deg);
    border-radius: 50%
}

div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=left] {
    top: -0.4375em;
    left: -2.0635em;
    transform: rotate(-45deg);
    transform-origin: 3.75em 3.75em;
    border-radius: 7.5em 0 0 7.5em
}

div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=right] {
    top: -0.6875em;
    left: 1.875em;
    transform: rotate(-45deg);
    transform-origin: 0 3.75em;
    border-radius: 0 7.5em 7.5em 0
}

div:where(.swal2-icon).swal2-success .swal2-success-ring {
    position: absolute;
    z-index: 2;
    top: -0.25em;
    left: -0.25em;
    box-sizing: content-box;
    width: 100%;
    height: 100%;
    border: .25em solid rgba(165, 220, 134, .3);
    border-radius: 50%
}

div:where(.swal2-icon).swal2-success .swal2-success-fix {
    position: absolute;
    z-index: 1;
    top: .5em;
    left: 1.625em;
    width: .4375em;
    height: 5.625em;
    transform: rotate(-45deg)
}

div:where(.swal2-icon).swal2-success [class^=swal2-success-line] {
    display: block;
    position: absolute;
    z-index: 2;
    height: .3125em;
    border-radius: .125em;
    background-color: #a5dc86
}

div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=tip] {
    top: 2.875em;
    left: .8125em;
    width: 1.5625em;
    transform: rotate(45deg)
}

div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=long] {
    top: 2.375em;
    right: .5em;
    width: 2.9375em;
    transform: rotate(-45deg)
}

div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-tip {
    animation: swal2-animate-success-line-tip .75s
}

div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-long {
    animation: swal2-animate-success-line-long .75s
}

div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-circular-line-right {
    animation: swal2-rotate-success-circular-line 4.25s ease-in
}

[class^=swal2] {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.swal2-show {
    animation: swal2-show .3s
}

.swal2-hide {
    animation: swal2-hide .15s forwards
}

.swal2-noanimation {
    transition: none
}

.swal2-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

.swal2-rtl .swal2-close {
    margin-right: initial;
    margin-left: 0
}

.swal2-rtl .swal2-timer-progress-bar {
    right: 0;
    left: auto
}

@keyframes swal2-toast-show {
    0% {
        transform: translateY(-0.625em) rotateZ(2deg)
    }

    33% {
        transform: translateY(0) rotateZ(-2deg)
    }

    66% {
        transform: translateY(0.3125em) rotateZ(2deg)
    }

    100% {
        transform: translateY(0) rotateZ(0deg)
    }
}

@keyframes swal2-toast-hide {
    100% {
        transform: rotateZ(1deg);
        opacity: 0
    }
}

@keyframes swal2-toast-animate-success-line-tip {
    0% {
        top: .5625em;
        left: .0625em;
        width: 0
    }

    54% {
        top: .125em;
        left: .125em;
        width: 0
    }

    70% {
        top: .625em;
        left: -0.25em;
        width: 1.625em
    }

    84% {
        top: 1.0625em;
        left: .75em;
        width: .5em
    }

    100% {
        top: 1.125em;
        left: .1875em;
        width: .75em
    }
}

@keyframes swal2-toast-animate-success-line-long {
    0% {
        top: 1.625em;
        right: 1.375em;
        width: 0
    }

    65% {
        top: 1.25em;
        right: .9375em;
        width: 0
    }

    84% {
        top: .9375em;
        right: 0;
        width: 1.125em
    }

    100% {
        top: .9375em;
        right: .1875em;
        width: 1.375em
    }
}

@keyframes swal2-show {
    0% {
        transform: scale(0.7)
    }

    45% {
        transform: scale(1.05)
    }

    80% {
        transform: scale(0.95)
    }

    100% {
        transform: scale(1)
    }
}

@keyframes swal2-hide {
    0% {
        transform: scale(1);
        opacity: 1
    }

    100% {
        transform: scale(0.5);
        opacity: 0
    }
}

@keyframes swal2-animate-success-line-tip {
    0% {
        top: 1.1875em;
        left: .0625em;
        width: 0
    }

    54% {
        top: 1.0625em;
        left: .125em;
        width: 0
    }

    70% {
        top: 2.1875em;
        left: -0.375em;
        width: 3.125em
    }

    84% {
        top: 3em;
        left: 1.3125em;
        width: 1.0625em
    }

    100% {
        top: 2.8125em;
        left: .8125em;
        width: 1.5625em
    }
}

@keyframes swal2-animate-success-line-long {
    0% {
        top: 3.375em;
        right: 2.875em;
        width: 0
    }

    65% {
        top: 3.375em;
        right: 2.875em;
        width: 0
    }

    84% {
        top: 2.1875em;
        right: 0;
        width: 3.4375em
    }

    100% {
        top: 2.375em;
        right: .5em;
        width: 2.9375em
    }
}

@keyframes swal2-rotate-success-circular-line {
    0% {
        transform: rotate(-45deg)
    }

    5% {
        transform: rotate(-45deg)
    }

    12% {
        transform: rotate(-405deg)
    }

    100% {
        transform: rotate(-405deg)
    }
}

@keyframes swal2-animate-error-x-mark {
    0% {
        margin-top: 1.625em;
        transform: scale(0.4);
        opacity: 0
    }

    50% {
        margin-top: 1.625em;
        transform: scale(0.4);
        opacity: 0
    }

    80% {
        margin-top: -0.375em;
        transform: scale(1.15)
    }

    100% {
        margin-top: 0;
        transform: scale(1);
        opacity: 1
    }
}

@keyframes swal2-animate-error-icon {
    0% {
        transform: rotateX(100deg);
        opacity: 0
    }

    100% {
        transform: rotateX(0deg);
        opacity: 1
    }
}

@keyframes swal2-rotate-loading {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

@keyframes swal2-animate-question-mark {
    0% {
        transform: rotateY(-360deg)
    }

    100% {
        transform: rotateY(0)
    }
}

@keyframes swal2-animate-i-mark {
    0% {
        transform: rotateZ(45deg);
        opacity: 0
    }

    25% {
        transform: rotateZ(-25deg);
        opacity: .4
    }

    50% {
        transform: rotateZ(15deg);
        opacity: .8
    }

    75% {
        transform: rotateZ(-5deg);
        opacity: 1
    }

    100% {
        transform: rotateX(0);
        opacity: 1
    }
}

body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
    overflow: hidden
}

body.swal2-height-auto {
    height: auto !important
}

body.swal2-no-backdrop .swal2-container {
    background-color: rgba(0, 0, 0, 0) !important;
    pointer-events: none
}

body.swal2-no-backdrop .swal2-container .swal2-popup {
    pointer-events: all
}

body.swal2-no-backdrop .swal2-container .swal2-modal {
    box-shadow: 0 0 10px rgba(0, 0, 0, .4)
}

@media print {
    body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
        overflow-y: scroll !important
    }

    body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown)>[aria-hidden=true] {
        display: none
    }

    body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container {
        position: static !important
    }
}

body.swal2-toast-shown .swal2-container {
    box-sizing: border-box;
    width: 360px;
    max-width: 100%;
    background-color: rgba(0, 0, 0, 0);
    pointer-events: none
}

body.swal2-toast-shown .swal2-container.swal2-top {
    inset: 0 auto auto 50%;
    transform: translateX(-50%)
}

body.swal2-toast-shown .swal2-container.swal2-top-end,
body.swal2-toast-shown .swal2-container.swal2-top-right {
    inset: 0 0 auto auto
}

body.swal2-toast-shown .swal2-container.swal2-top-start,
body.swal2-toast-shown .swal2-container.swal2-top-left {
    inset: 0 auto auto 0
}

body.swal2-toast-shown .swal2-container.swal2-center-start,
body.swal2-toast-shown .swal2-container.swal2-center-left {
    inset: 50% auto auto 0;
    transform: translateY(-50%)
}

body.swal2-toast-shown .swal2-container.swal2-center {
    inset: 50% auto auto 50%;
    transform: translate(-50%, -50%)
}

body.swal2-toast-shown .swal2-container.swal2-center-end,
body.swal2-toast-shown .swal2-container.swal2-center-right {
    inset: 50% 0 auto auto;
    transform: translateY(-50%)
}

body.swal2-toast-shown .swal2-container.swal2-bottom-start,
body.swal2-toast-shown .swal2-container.swal2-bottom-left {
    inset: auto auto 0 0
}

body.swal2-toast-shown .swal2-container.swal2-bottom {
    inset: auto auto 0 50%;
    transform: translateX(-50%)
}

body.swal2-toast-shown .swal2-container.swal2-bottom-end,
body.swal2-toast-shown .swal2-container.swal2-bottom-right {
    inset: auto 0 0 auto
}

/* ============= */
.mat-drawer-container {
    position: relative;
    z-index: 1;
    color: var(--mat-sidenav-content-text-color);
    background-color: var(--mat-sidenav-content-background-color);
    box-sizing: border-box;
    -webkit-overflow-scrolling: touch;
    display: block;
    overflow: hidden
}

.mat-drawer-container[fullscreen] {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute
}

.mat-drawer-container[fullscreen].mat-drawer-container-has-open {
    overflow: hidden
}

.mat-drawer-container.mat-drawer-container-explicit-backdrop .mat-drawer-side {
    z-index: 3
}

.mat-drawer-container.ng-animate-disabled .mat-drawer-backdrop,
.mat-drawer-container.ng-animate-disabled .mat-drawer-content,
.ng-animate-disabled .mat-drawer-container .mat-drawer-backdrop,
.ng-animate-disabled .mat-drawer-container .mat-drawer-content {
    transition: none
}

.mat-drawer-backdrop {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    display: block;
    z-index: 3;
    visibility: hidden
}

.mat-drawer-backdrop.mat-drawer-shown {
    visibility: visible;
    background-color: var(--mat-sidenav-scrim-color)
}

.mat-drawer-transition .mat-drawer-backdrop {
    transition-duration: 400ms;
    transition-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1);
    transition-property: background-color, visibility
}

.cdk-high-contrast-active .mat-drawer-backdrop {
    opacity: .5
}

.mat-drawer-content {
    position: relative;
    z-index: 1;
    display: block;
    height: 100%;
    overflow: auto
}

.mat-drawer-transition .mat-drawer-content {
    transition-duration: 400ms;
    transition-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1);
    transition-property: transform, margin-left, margin-right
}

.mat-drawer {
    box-shadow: 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);
    position: relative;
    z-index: 4;
    --mat-sidenav-container-shape: 0;
    color: var(--mat-sidenav-container-text-color);
    background-color: var(--mat-sidenav-container-background-color);
    border-top-right-radius: var(--mat-sidenav-container-shape);
    border-bottom-right-radius: var(--mat-sidenav-container-shape);
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 3;
    outline: 0;
    box-sizing: border-box;
    overflow-y: auto;
    transform: translate3d(-100%, 0, 0)
}

.cdk-high-contrast-active .mat-drawer,
.cdk-high-contrast-active [dir=rtl] .mat-drawer.mat-drawer-end {
    border-right: solid 1px currentColor
}

.cdk-high-contrast-active [dir=rtl] .mat-drawer,
.cdk-high-contrast-active .mat-drawer.mat-drawer-end {
    border-left: solid 1px currentColor;
    border-right: none
}

.mat-drawer.mat-drawer-side {
    z-index: 2
}

.mat-drawer.mat-drawer-end {
    right: 0;
    transform: translate3d(100%, 0, 0);
    border-top-left-radius: var(--mat-sidenav-container-shape);
    border-bottom-left-radius: var(--mat-sidenav-container-shape);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

[dir=rtl] .mat-drawer {
    border-top-left-radius: var(--mat-sidenav-container-shape);
    border-bottom-left-radius: var(--mat-sidenav-container-shape);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    transform: translate3d(100%, 0, 0)
}

[dir=rtl] .mat-drawer.mat-drawer-end {
    border-top-right-radius: var(--mat-sidenav-container-shape);
    border-bottom-right-radius: var(--mat-sidenav-container-shape);
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    left: 0;
    right: auto;
    transform: translate3d(-100%, 0, 0)
}

.mat-drawer[style*="visibility: hidden"] {
    display: none
}

.mat-drawer-side {
    box-shadow: none;
    border-right-color: var(--mat-sidenav-container-divider-color);
    border-right-width: 1px;
    border-right-style: solid
}

.mat-drawer-side.mat-drawer-end {
    border-left-color: var(--mat-sidenav-container-divider-color);
    border-left-width: 1px;
    border-left-style: solid;
    border-right: none
}

[dir=rtl] .mat-drawer-side {
    border-left-color: var(--mat-sidenav-container-divider-color);
    border-left-width: 1px;
    border-left-style: solid;
    border-right: none
}

[dir=rtl] .mat-drawer-side.mat-drawer-end {
    border-right-color: var(--mat-sidenav-container-divider-color);
    border-right-width: 1px;
    border-right-style: solid;
    border-left: none
}

.mat-drawer-inner-container {
    width: 100%;
    height: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.mat-sidenav-fixed {
    position: fixed
}

.mdc-touch-target-wrapper {
    display: inline
}

.mdc-elevation-overlay {
    position: absolute;
    border-radius: inherit;
    pointer-events: none;
    opacity: var(--mdc-elevation-overlay-opacity);
    transition: opacity 280ms cubic-bezier(0.4, 0, 0.2, 1);
    background-color: var(--mdc-elevation-overlay-color)
}

.mdc-fab {
    position: relative;
    display: inline-flex;
    position: relative;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 56px;
    height: 56px;
    padding: 0;
    border: none;
    fill: currentColor;
    text-decoration: none;
    cursor: pointer;
    user-select: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    overflow: visible;
    transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 15ms linear 30ms, transform 270ms 0ms cubic-bezier(0, 0, 0.2, 1)
}

.mdc-fab .mdc-elevation-overlay {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.mdc-fab[hidden] {
    display: none
}

.mdc-fab::-moz-focus-inner {
    padding: 0;
    border: 0
}

.mdc-fab:hover {
    box-shadow: 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)
}

.mdc-fab.mdc-ripple-upgraded--background-focused,
.mdc-fab:not(.mdc-ripple-upgraded):focus {
    box-shadow: 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)
}

.mdc-fab .mdc-fab__focus-ring {
    position: absolute
}

.mdc-fab.mdc-ripple-upgraded--background-focused .mdc-fab__focus-ring,
.mdc-fab:not(.mdc-ripple-upgraded):focus .mdc-fab__focus-ring {
    pointer-events: none;
    border: 2px solid rgba(0, 0, 0, 0);
    border-radius: 6px;
    box-sizing: content-box;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: calc(100% + 4px);
    width: calc(100% + 4px)
}

@media screen and (forced-colors: active) {

    .mdc-fab.mdc-ripple-upgraded--background-focused .mdc-fab__focus-ring,
    .mdc-fab:not(.mdc-ripple-upgraded):focus .mdc-fab__focus-ring {
        border-color: CanvasText
    }
}

.mdc-fab.mdc-ripple-upgraded--background-focused .mdc-fab__focus-ring::after,
.mdc-fab:not(.mdc-ripple-upgraded):focus .mdc-fab__focus-ring::after {
    content: "";
    border: 2px solid rgba(0, 0, 0, 0);
    border-radius: 8px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: calc(100% + 4px);
    width: calc(100% + 4px)
}

@media screen and (forced-colors: active) {

    .mdc-fab.mdc-ripple-upgraded--background-focused .mdc-fab__focus-ring::after,
    .mdc-fab:not(.mdc-ripple-upgraded):focus .mdc-fab__focus-ring::after {
        border-color: CanvasText
    }
}

.mdc-fab:active,
.mdc-fab:focus:active {
    box-shadow: 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)
}

.mdc-fab:active,
.mdc-fab:focus {
    outline: none
}

.mdc-fab:hover {
    cursor: pointer
}

.mdc-fab>svg {
    width: 100%
}

.mdc-fab--mini {
    width: 40px;
    height: 40px
}

.mdc-fab--extended {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mdc-typography-button-font-family);
    font-size: var(--mdc-typography-button-font-size);
    line-height: var(--mdc-typography-button-line-height);
    font-weight: var(--mdc-typography-button-font-weight);
    letter-spacing: var(--mdc-typography-button-letter-spacing);
    text-decoration: var(--mdc-typography-button-text-decoration);
    text-transform: var(--mdc-typography-button-text-transform);
    border-radius: 24px;
    padding-left: 20px;
    padding-right: 20px;
    width: auto;
    max-width: 100%;
    height: 48px;
    line-height: normal
}

.mdc-fab--extended .mdc-fab__ripple {
    border-radius: 24px
}

.mdc-fab--extended .mdc-fab__icon {
    margin-left: calc(12px - 20px);
    margin-right: 12px
}

[dir=rtl] .mdc-fab--extended .mdc-fab__icon,
.mdc-fab--extended .mdc-fab__icon[dir=rtl] {
    margin-left: 12px;
    margin-right: calc(12px - 20px)
}

.mdc-fab--extended .mdc-fab__label+.mdc-fab__icon {
    margin-left: 12px;
    margin-right: calc(12px - 20px)
}

[dir=rtl] .mdc-fab--extended .mdc-fab__label+.mdc-fab__icon,
.mdc-fab--extended .mdc-fab__label+.mdc-fab__icon[dir=rtl] {
    margin-left: calc(12px - 20px);
    margin-right: 12px
}

.mdc-fab--touch {
    margin-top: 4px;
    margin-bottom: 4px;
    margin-right: 4px;
    margin-left: 4px
}

.mdc-fab--touch .mdc-fab__touch {
    position: absolute;
    top: 50%;
    height: 48px;
    left: 50%;
    width: 48px;
    transform: translate(-50%, -50%)
}

.mdc-fab::before {
    position: absolute;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: inherit;
    content: "";
    pointer-events: none
}

@media screen and (forced-colors: active) {
    .mdc-fab::before {
        border-color: CanvasText
    }
}

.mdc-fab__label {
    justify-content: flex-start;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-x: hidden;
    overflow-y: visible
}

.mdc-fab__icon {
    transition: transform 180ms 90ms cubic-bezier(0, 0, 0.2, 1);
    fill: currentColor;
    will-change: transform
}

.mdc-fab .mdc-fab__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.mdc-fab--exited {
    transform: scale(0);
    opacity: 0;
    transition: opacity 15ms linear 150ms, transform 180ms 0ms cubic-bezier(0.4, 0, 1, 1)
}

.mdc-fab--exited .mdc-fab__icon {
    transform: scale(0);
    transition: transform 135ms 0ms cubic-bezier(0.4, 0, 1, 1)
}

.mat-mdc-fab,
.mat-mdc-mini-fab {
    background-color: var(--mdc-fab-container-color);
    --mdc-fab-container-shape: 50%;
    --mdc-fab-icon-size: 24px
}

.mat-mdc-fab .mdc-fab__icon,
.mat-mdc-mini-fab .mdc-fab__icon {
    width: var(--mdc-fab-icon-size);
    height: var(--mdc-fab-icon-size);
    font-size: var(--mdc-fab-icon-size)
}

.mat-mdc-fab:not(:disabled) .mdc-fab__icon,
.mat-mdc-mini-fab:not(:disabled) .mdc-fab__icon {
    color: var(--mdc-fab-icon-color)
}

.mat-mdc-fab:not(.mdc-fab--extended),
.mat-mdc-mini-fab:not(.mdc-fab--extended) {
    border-radius: var(--mdc-fab-container-shape)
}

.mat-mdc-fab:not(.mdc-fab--extended) .mdc-fab__ripple,
.mat-mdc-mini-fab:not(.mdc-fab--extended) .mdc-fab__ripple {
    border-radius: var(--mdc-fab-container-shape)
}

.mat-mdc-extended-fab {
    font-family: var(--mdc-extended-fab-label-text-font);
    font-size: var(--mdc-extended-fab-label-text-size);
    font-weight: var(--mdc-extended-fab-label-text-weight);
    letter-spacing: var(--mdc-extended-fab-label-text-tracking)
}

.mat-mdc-fab,
.mat-mdc-mini-fab {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    box-shadow: 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);
    color: var(--mat-mdc-fab-color, inherit);
    flex-shrink: 0
}

.mat-mdc-fab .mat-mdc-button-ripple,
.mat-mdc-fab .mat-mdc-button-persistent-ripple,
.mat-mdc-fab .mat-mdc-button-persistent-ripple::before,
.mat-mdc-mini-fab .mat-mdc-button-ripple,
.mat-mdc-mini-fab .mat-mdc-button-persistent-ripple,
.mat-mdc-mini-fab .mat-mdc-button-persistent-ripple::before {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    pointer-events: none;
    border-radius: inherit
}

.mat-mdc-fab .mat-mdc-button-ripple,
.mat-mdc-mini-fab .mat-mdc-button-ripple {
    overflow: hidden
}

.mat-mdc-fab .mat-mdc-button-persistent-ripple::before,
.mat-mdc-mini-fab .mat-mdc-button-persistent-ripple::before {
    content: "";
    opacity: 0;
    background-color: var(--mat-mdc-button-persistent-ripple-color)
}

.mat-mdc-fab .mat-ripple-element,
.mat-mdc-mini-fab .mat-ripple-element {
    background-color: var(--mat-mdc-button-ripple-color)
}

.mat-mdc-fab .mdc-button__label,
.mat-mdc-mini-fab .mdc-button__label {
    z-index: 1
}

.mat-mdc-fab .mat-mdc-focus-indicator,
.mat-mdc-mini-fab .mat-mdc-focus-indicator {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute
}

.mat-mdc-fab:focus .mat-mdc-focus-indicator::before,
.mat-mdc-mini-fab:focus .mat-mdc-focus-indicator::before {
    content: ""
}

.mat-mdc-fab .mat-mdc-button-touch-target,
.mat-mdc-mini-fab .mat-mdc-button-touch-target {
    position: absolute;
    top: 50%;
    height: 48px;
    left: 50%;
    width: 48px;
    transform: translate(-50%, -50%)
}

.mat-mdc-fab._mat-animation-noopable,
.mat-mdc-mini-fab._mat-animation-noopable {
    transition: none !important;
    animation: none !important
}

.mat-mdc-fab:hover,
.mat-mdc-fab:focus,
.mat-mdc-mini-fab:hover,
.mat-mdc-mini-fab:focus {
    box-shadow: 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)
}

.mat-mdc-fab:active,
.mat-mdc-fab:focus:active,
.mat-mdc-mini-fab:active,
.mat-mdc-mini-fab:focus:active {
    box-shadow: 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)
}

.mat-mdc-fab[disabled],
.mat-mdc-mini-fab[disabled] {
    cursor: default;
    pointer-events: none;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12)
}

.mat-mdc-fab:not(.mdc-ripple-upgraded):focus::before,
.mat-mdc-mini-fab:not(.mdc-ripple-upgraded):focus::before {
    background: rgba(0, 0, 0, 0);
    opacity: 1
}

.mat-mdc-fab .mat-icon,
.mat-mdc-fab .material-icons,
.mat-mdc-mini-fab .mat-icon,
.mat-mdc-mini-fab .material-icons {
    transition: transform 180ms 90ms cubic-bezier(0, 0, 0.2, 1);
    fill: currentColor;
    will-change: transform
}

.mat-mdc-fab .mat-mdc-focus-indicator::before,
.mat-mdc-mini-fab .mat-mdc-focus-indicator::before {
    margin: calc(calc(var(--mat-mdc-focus-indicator-border-width, 3px) + 2px) * -1)
}

.mat-mdc-extended-fab>.mat-icon,
.mat-mdc-extended-fab>.material-icons {
    margin-left: calc(12px - 20px);
    margin-right: 12px
}

[dir=rtl] .mat-mdc-extended-fab>.mat-icon,
[dir=rtl] .mat-mdc-extended-fab>.material-icons,
.mat-mdc-extended-fab>.mat-icon[dir=rtl],
.mat-mdc-extended-fab>.material-icons[dir=rtl] {
    margin-left: 12px;
    margin-right: calc(12px - 20px)
}

.mat-mdc-extended-fab .mdc-button__label+.mat-icon,
.mat-mdc-extended-fab .mdc-button__label+.material-icons {
    margin-left: 12px;
    margin-right: calc(12px - 20px)
}

[dir=rtl] .mat-mdc-extended-fab .mdc-button__label+.mat-icon,
[dir=rtl] .mat-mdc-extended-fab .mdc-button__label+.material-icons,
.mat-mdc-extended-fab .mdc-button__label+.mat-icon[dir=rtl],
.mat-mdc-extended-fab .mdc-button__label+.material-icons[dir=rtl] {
    margin-left: calc(12px - 20px);
    margin-right: 12px
}

.mat-mdc-extended-fab .mat-mdc-button-touch-target {
    width: 100%
}

mat-icon,
mat-icon.mat-primary,
mat-icon.mat-accent,
mat-icon.mat-warn {
    color: var(--mat-icon-color)
}

.mat-icon {
    -webkit-user-select: none;
    user-select: none;
    background-repeat: no-repeat;
    display: inline-block;
    fill: currentColor;
    height: 24px;
    width: 24px;
    overflow: hidden
}

.mat-icon.mat-icon-inline {
    font-size: inherit;
    height: inherit;
    line-height: inherit;
    width: inherit
}

.mat-icon.mat-ligature-font[fontIcon]::before {
    content: attr(fontIcon)
}

[dir=rtl] .mat-icon-rtl-mirror {
    transform: scale(-1, 1)
}

.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-prefix .mat-icon,
.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-suffix .mat-icon {
    display: block
}

.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-prefix .mat-icon-button .mat-icon,
.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-suffix .mat-icon-button .mat-icon {
    margin: auto
}


.demoid-marquee[_ngcontent-ng-c3660323651] {
    background: var(--red-color);
    color: var(--black-color);
    font-size: 10px;
    padding: 5px 10px;
    bottom: 0;
    width: 100%;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center
}

.demoid-marquee[_ngcontent-ng-c3660323651] marquee[_ngcontent-ng-c3660323651] {
    display: none
}

.demoid-marquee[_ngcontent-ng-c3660323651] p.marquee[_ngcontent-ng-c3660323651] {
    display: block;
    margin: 0;
    color: var(--black-color);
    font-size: 10px;
    text-align: center
}

app-footer app-demoid-marquee .demoid-marquee {
    position: static !important;
    padding: 7px 10px 20px !important;
    margin-bottom: -18px !important
}

@media only screen and (max-width: 340px) {
    .demoid-marquee[_ngcontent-ng-c3660323651] marquee[_ngcontent-ng-c3660323651] {
        display: block
    }

    .demoid-marquee[_ngcontent-ng-c3660323651] p.marquee[_ngcontent-ng-c3660323651] {
        display: none
    }
}

.demoid-marquee[_ngcontent-ng-c3080817936] {
    background: var(--primary-color-tint);
    color: var(--white-color);
    font-size: 10px;
    padding: 5px 10px;
    bottom: 0;
    width: 100%;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center
}

.demoid-marquee[_ngcontent-ng-c3080817936] marquee[_ngcontent-ng-c3080817936] {
    display: none
}

.demoid-marquee[_ngcontent-ng-c3080817936] p.marquee[_ngcontent-ng-c3080817936] {
    display: block;
    margin: 0;
    color: var(--white-color);
    font-size: 10px;
    text-align: center
}

app-footer app-demoid-marquee .demoid-marquee {
    position: static !important;
    padding: 7px 10px 20px !important;
    margin-bottom: -18px !important
}

@media only screen and (max-width: 340px) {
    .demoid-marquee[_ngcontent-ng-c3080817936] marquee[_ngcontent-ng-c3080817936] {
        display: block
    }

    .demoid-marquee[_ngcontent-ng-c3080817936] p.marquee[_ngcontent-ng-c3080817936] {
        display: none
    }
}

.tab-navigation[_ngcontent-ng-c1896169303] {
    border-radius: 20px 20px 0 0;
    padding: 6px 0;
    background: var(--black-color);
    height: 60px;
    display: flex;
    align-items: center;
    width: 100%;
    position: relative;
    z-index: 100
}

.tab-navigation[_ngcontent-ng-c1896169303] button[_ngcontent-ng-c1896169303] {
    width: 100%;
    min-width: auto;
    padding: 0
}

.tab-navigation[_ngcontent-ng-c1896169303] button[_ngcontent-ng-c1896169303] .mdc-button__label {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    row-gap: 0px
}

.tab-navigation[_ngcontent-ng-c1896169303] button[_ngcontent-ng-c1896169303] .mdc-button__label span[class^=ai-] {
    font-size: 18px;
    color: var(--grey-300)
}

.tab-navigation[_ngcontent-ng-c1896169303] button[_ngcontent-ng-c1896169303] .mdc-button__label img {
    width: 30px;
    max-height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-size: 35px;
    margin: 0 auto
}

.tab-navigation[_ngcontent-ng-c1896169303] button[_ngcontent-ng-c1896169303] .mdc-button__label p {
    margin: 0;
    font-size: 10px;
    text-transform: capitalize;
    color: var(--grey-300);
    white-space: nowrap
}

.tab-navigation[_ngcontent-ng-c1896169303] button.active-link[_ngcontent-ng-c1896169303] .mdc-button__label span[class^=ai-] {
    color: var(--secondary-color)
}

.tab-navigation[_ngcontent-ng-c1896169303] button.active-link[_ngcontent-ng-c1896169303] p[_ngcontent-ng-c1896169303] {
    color: var(--secondary-color)
}

.tab-navigation[_ngcontent-ng-c1896169303] button.home[_ngcontent-ng-c1896169303] img[_ngcontent-ng-c1896169303] {
    background-repeat: no-repeat;
    background-position: center -40px
}

.tab-navigation[_ngcontent-ng-c1896169303] button.home.active-link[_ngcontent-ng-c1896169303] img[_ngcontent-ng-c1896169303] {
    background-repeat: no-repeat;
    background-position: center -5px
}

.tab-navigation[_ngcontent-ng-c1896169303] button.cricket[_ngcontent-ng-c1896169303] img[_ngcontent-ng-c1896169303] {
    background-repeat: no-repeat;
    background-position: center -110px
}

.tab-navigation[_ngcontent-ng-c1896169303] button.cricket.active-link[_ngcontent-ng-c1896169303] img[_ngcontent-ng-c1896169303] {
    background-repeat: no-repeat;
    background-position: center -75px
}

.tab-navigation[_ngcontent-ng-c1896169303] button.casino[_ngcontent-ng-c1896169303] img[_ngcontent-ng-c1896169303] {
    background-repeat: no-repeat;
    background-position: center -180px
}

.tab-navigation[_ngcontent-ng-c1896169303] button.casino.active-link[_ngcontent-ng-c1896169303] img[_ngcontent-ng-c1896169303] {
    background-repeat: no-repeat;
    background-position: center -145px
}

.tab-navigation[_ngcontent-ng-c1896169303] button.profile[_ngcontent-ng-c1896169303] img[_ngcontent-ng-c1896169303] {
    background-repeat: no-repeat;
    background-position: center -250px
}

.tab-navigation[_ngcontent-ng-c1896169303] button.profile.active-link[_ngcontent-ng-c1896169303] img[_ngcontent-ng-c1896169303] {
    background-repeat: no-repeat;
    background-position: center -215px
}

.tab-navigation[_ngcontent-ng-c1896169303] button.market[_ngcontent-ng-c1896169303] img[_ngcontent-ng-c1896169303] {
    background-repeat: no-repeat;
    background-position: center -320px
}

.tab-navigation[_ngcontent-ng-c1896169303] button.market.active-link[_ngcontent-ng-c1896169303] img[_ngcontent-ng-c1896169303] {
    background-repeat: no-repeat;
    background-position: center -285px
}

.tab-navigation[_ngcontent-ng-c1896169303] button.offers[_ngcontent-ng-c1896169303] img[_ngcontent-ng-c1896169303] {
    background-repeat: no-repeat;
    background-position: center -390px
}

.tab-navigation[_ngcontent-ng-c1896169303] button.offers.active-link[_ngcontent-ng-c1896169303] img[_ngcontent-ng-c1896169303] {
    background-repeat: no-repeat;
    background-position: center -355px
}

.tab-navigation[_ngcontent-ng-c1896169303] button.refer[_ngcontent-ng-c1896169303] img[_ngcontent-ng-c1896169303] {
    background-repeat: no-repeat;
    background-position: center -460px
}

.tab-navigation[_ngcontent-ng-c1896169303] button.refer.active-link[_ngcontent-ng-c1896169303] img[_ngcontent-ng-c1896169303] {
    background-repeat: no-repeat;
    background-position: center -425px
}

.tab-navigation[_ngcontent-ng-c1896169303] button.passbook[_ngcontent-ng-c1896169303] img[_ngcontent-ng-c1896169303] {
    background-repeat: no-repeat;
    background-position: center -530px
}

.tab-navigation[_ngcontent-ng-c1896169303] button.passbook.active-link[_ngcontent-ng-c1896169303] img[_ngcontent-ng-c1896169303] {
    background-repeat: no-repeat;
    background-position: center -495px
}

#menu[_ngcontent-ng-c1896169303] {
    height: 230px;
    margin-bottom: -10px;
    border-radius: 50% 50% 0 0;
    padding: 0
}

.menu-item[_ngcontent-ng-c1896169303] {
    width: 60px;
    height: 60px;
    position: absolute;
    left: 50%;
    line-height: 5px;
    bottom: 0;
    margin: -50px 0 0 -50px;
    border-radius: 50%;
    background-color: #424242;
    transform: translate(0);
    transition: transform .5s;
    z-index: 2;
    transition: .5s;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center
}

.menu-item[_ngcontent-ng-c1896169303] img[_ngcontent-ng-c1896169303] {
    width: 20px;
    height: 20px
}

.menu-item[_ngcontent-ng-c1896169303]:hover {
    opacity: .5;
    box-shadow: 0 5px 10px #000
}

.container-menu[_ngcontent-ng-c1896169303] ul[_ngcontent-ng-c1896169303]:has(> [_ngcontent-ng-c1896169303]:last-child:nth-child(3)) .menu-item[_ngcontent-ng-c1896169303]:nth-child(4) {
    transform: rotate(60deg) translateY(-150px) rotate(300deg);
    transition-delay: 0s
}

.container-menu[_ngcontent-ng-c1896169303] ul[_ngcontent-ng-c1896169303]:has(> [_ngcontent-ng-c1896169303]:last-child:nth-child(3)) .menu-item[_ngcontent-ng-c1896169303]:nth-child(3) {
    transform: rotate(20deg) translateY(-155px) rotate(-20deg);
    transition-delay: .1s
}

.container-menu[_ngcontent-ng-c1896169303] ul[_ngcontent-ng-c1896169303]:has(> [_ngcontent-ng-c1896169303]:last-child:nth-child(3)) .menu-item[_ngcontent-ng-c1896169303]:nth-child(2) {
    transform: rotate(-20deg) translateY(-155px) rotate(20deg);
    transition-delay: .2s
}

.container-menu[_ngcontent-ng-c1896169303] ul[_ngcontent-ng-c1896169303]:has(> [_ngcontent-ng-c1896169303]:last-child:nth-child(3)) .menu-item[_ngcontent-ng-c1896169303]:nth-child(1) {
    transform: rotate(-60deg) translateY(-150px) rotate(60deg);
    transition-delay: .3s
}

.container-menu[_ngcontent-ng-c1896169303] ul[_ngcontent-ng-c1896169303]:has(> [_ngcontent-ng-c1896169303]:last-child:nth-child(4)) .menu-item[_ngcontent-ng-c1896169303]:nth-child(4) {
    transform: rotate(60deg) translateY(-150px) rotate(300deg);
    transition-delay: 0s
}

.container-menu[_ngcontent-ng-c1896169303] ul[_ngcontent-ng-c1896169303]:has(> [_ngcontent-ng-c1896169303]:last-child:nth-child(4)) .menu-item[_ngcontent-ng-c1896169303]:nth-child(3) {
    transform: rotate(20deg) translateY(-155px) rotate(-20deg);
    transition-delay: .1s
}

.container-menu[_ngcontent-ng-c1896169303] ul[_ngcontent-ng-c1896169303]:has(> [_ngcontent-ng-c1896169303]:last-child:nth-child(4)) .menu-item[_ngcontent-ng-c1896169303]:nth-child(2) {
    transform: rotate(-20deg) translateY(-155px) rotate(20deg);
    transition-delay: .2s
}

.container-menu[_ngcontent-ng-c1896169303] ul[_ngcontent-ng-c1896169303]:has(> [_ngcontent-ng-c1896169303]:last-child:nth-child(4)) .menu-item[_ngcontent-ng-c1896169303]:nth-child(1) {
    transform: rotate(-60deg) translateY(-150px) rotate(60deg);
    transition-delay: .3s
}

.container-menu[_ngcontent-ng-c1896169303] ul[_ngcontent-ng-c1896169303]:has(> [_ngcontent-ng-c1896169303]:last-child:nth-child(6)) .menu-item[_ngcontent-ng-c1896169303]:nth-child(6) {
    transform: rotate(64deg) translateY(-150px) rotate(-64deg);
    transition-delay: 0s
}

.container-menu[_ngcontent-ng-c1896169303] ul[_ngcontent-ng-c1896169303]:has(> [_ngcontent-ng-c1896169303]:last-child:nth-child(6)) .menu-item[_ngcontent-ng-c1896169303]:nth-child(5) {
    transform: rotate(37deg) translateY(-150px) rotate(-38deg);
    transition-delay: 0s
}

.container-menu[_ngcontent-ng-c1896169303] ul[_ngcontent-ng-c1896169303]:has(> [_ngcontent-ng-c1896169303]:last-child:nth-child(6)) .menu-item[_ngcontent-ng-c1896169303]:nth-child(4) {
    transform: rotate(12deg) translateY(-155px) rotate(-12deg);
    transition-delay: 0s
}

.container-menu[_ngcontent-ng-c1896169303] ul[_ngcontent-ng-c1896169303]:has(> [_ngcontent-ng-c1896169303]:last-child:nth-child(6)) .menu-item[_ngcontent-ng-c1896169303]:nth-child(3) {
    transform: rotate(-12deg) translateY(-155px) rotate(12deg);
    transition-delay: .1s
}

.container-menu[_ngcontent-ng-c1896169303] ul[_ngcontent-ng-c1896169303]:has(> [_ngcontent-ng-c1896169303]:last-child:nth-child(6)) .menu-item[_ngcontent-ng-c1896169303]:nth-child(2) {
    transform: rotate(-37deg) translateY(-155px) rotate(35deg);
    transition-delay: .2s
}

.container-menu[_ngcontent-ng-c1896169303] ul[_ngcontent-ng-c1896169303]:has(> [_ngcontent-ng-c1896169303]:last-child:nth-child(6)) .menu-item[_ngcontent-ng-c1896169303]:nth-child(1) {
    transform: rotate(-65deg) translateY(-150px) rotate(65deg);
    transition-delay: .3s
}

.container-menu.listview[_ngcontent-ng-c1896169303] ul#menu[_ngcontent-ng-c1896169303] {
    margin-bottom: 0;
    width: -moz-fit-content;
    width: fit-content;
    position: absolute;
    left: calc(25% + 25px);
    bottom: 75px;
    background: var(--grey-50);
    padding: 5px;
    border-radius: 5px;
    height: auto
}

.container-menu.listview[_ngcontent-ng-c1896169303] ul#menu[_ngcontent-ng-c1896169303] .menu-item[_ngcontent-ng-c1896169303] {
    width: 60px;
    height: 60px;
    position: unset;
    left: calc(25% + 25px);
    line-height: 5px;
    bottom: 60px;
    background-color: #424242;
    transform: unset !important;
    transition: transform .5s;
    z-index: 2;
    transition: .5s;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 5px;
    border-radius: 0
}

.container-menu.listview[_ngcontent-ng-c1896169303] ul#menu[_ngcontent-ng-c1896169303] .menu-item[_ngcontent-ng-c1896169303]:last-child {
    margin-bottom: 0
}

.menu-item[_ngcontent-ng-c1896169303] a[_ngcontent-ng-c1896169303] {
    color: #fff;
    position: relative;
    left: 0;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.menu-item[_ngcontent-ng-c1896169303] a[_ngcontent-ng-c1896169303] p[_ngcontent-ng-c1896169303] {
    margin: 5px 0 0;
    font-size: 9px;
    text-align: center;
    line-height: 1;
    padding: 0 5px
}

.footer-subMenu.mat-mdc-menu-panel {
    background: var(--grey-75);
    min-width: 160px;
    margin-bottom: 15px;
    border-radius: 10px
}

.footer-subMenu.mat-mdc-menu-panel .fs-menu-item {
    min-height: auto;
    height: 40px;
    padding: 0 5px;
    max-width: calc(100% - 15px);
    margin: auto auto 10px;
    background: var(--grey-100);
    border: 1px solid var(--grey-100);
    border-radius: 10px
}

.footer-subMenu.mat-mdc-menu-panel .fs-menu-item:hover {
    border: 1px solid var(--grey-100)
}

.footer-subMenu.mat-mdc-menu-panel .fs-menu-item.active-link {
    background: var(--grey-00);
    border: 1px solid var(--secondary-color)
}

.footer-subMenu.mat-mdc-menu-panel .fs-menu-item:last-child {
    margin-bottom: 0
}

.footer-subMenu.mat-mdc-menu-panel .fs-menu-item .mat-mdc-menu-item-text {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    column-gap: 5px
}

.footer-subMenu.mat-mdc-menu-panel .fs-menu-item .mat-mdc-menu-item-text img {
    width: 20px;
    height: 20px
}

.footer-subMenu.mat-mdc-menu-panel .fs-menu-item .mat-mdc-menu-item-text p {
    font-size: 12px
}

.plt-pwa[_ngcontent-ng-c1896169303] .tab-navigation[_ngcontent-ng-c1896169303] {
    height: 70px;
    padding-bottom: 15px
}

.floating-btns2[_ngcontent-ng-c2345734034] {
    position: absolute;
    bottom: 120px;
    right: 5px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    row-gap: 7px;
    z-index: 1000
}

.floating-btns2[_ngcontent-ng-c2345734034] .btn-item[_ngcontent-ng-c2345734034] {
    position: relative
}

.floating-btns2[_ngcontent-ng-c2345734034] .btn-wrap[_ngcontent-ng-c2345734034] {
    background: var(--primary-color);
    width: 36px;
    height: 36px;
    margin-right: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%
}

.floating-btns2[_ngcontent-ng-c2345734034] .btn-wrap[_ngcontent-ng-c2345734034] mat-icon[_ngcontent-ng-c2345734034] {
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--primary-color-contrast)
}

.badge[_ngcontent-ng-c2345734034] {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: red;
    color: #fff;
    border-radius: 50%;
    font-size: 12px;
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center
}

.d-none[_ngcontent-ng-c2345734034] {
    display: none !important
}

mat-menu {
    display: none
}

.mat-mdc-menu-content {
    margin: 0;
    padding: 8px 0;
    list-style-type: none
}

.mat-mdc-menu-content:focus {
    outline: none
}

.mat-mdc-menu-content,
.mat-mdc-menu-content .mat-mdc-menu-item .mat-mdc-menu-item-text {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    white-space: normal;
    font-family: var(--mat-menu-item-label-text-font);
    line-height: var(--mat-menu-item-label-text-line-height);
    font-size: var(--mat-menu-item-label-text-size);
    letter-spacing: var(--mat-menu-item-label-text-tracking);
    font-weight: var(--mat-menu-item-label-text-weight)
}

.mat-mdc-menu-panel {
    --mat-menu-container-shape: 4px;
    min-width: 112px;
    max-width: 280px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    box-sizing: border-box;
    outline: 0;
    border-radius: var(--mat-menu-container-shape);
    background-color: var(--mat-menu-container-color);
    will-change: transform, opacity
}

.mat-mdc-menu-panel.ng-animating {
    pointer-events: none
}

.cdk-high-contrast-active .mat-mdc-menu-panel {
    outline: solid 1px
}

.mat-mdc-menu-item {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: flex-start;
    overflow: hidden;
    padding: 0;
    padding-left: 16px;
    padding-right: 16px;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
    outline: none;
    border: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    cursor: pointer;
    width: 100%;
    text-align: left;
    box-sizing: border-box;
    color: inherit;
    font-size: inherit;
    background: none;
    text-decoration: none;
    margin: 0;
    align-items: center;
    min-height: 48px
}

.mat-mdc-menu-item:focus {
    outline: none
}

[dir=rtl] .mat-mdc-menu-item,
.mat-mdc-menu-item[dir=rtl] {
    padding-left: 16px;
    padding-right: 16px
}

.mat-mdc-menu-item::-moz-focus-inner {
    border: 0
}

.mat-mdc-menu-item,
.mat-mdc-menu-item:visited,
.mat-mdc-menu-item:link {
    color: var(--mat-menu-item-label-text-color)
}

.mat-mdc-menu-item .mat-icon-no-color,
.mat-mdc-menu-item .mat-mdc-menu-submenu-icon {
    color: var(--mat-menu-item-icon-color)
}

.mat-mdc-menu-item[disabled] {
    cursor: default;
    opacity: .38
}

.mat-mdc-menu-item[disabled]::after {
    display: block;
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.mat-mdc-menu-item .mat-icon {
    margin-right: 16px
}

[dir=rtl] .mat-mdc-menu-item {
    text-align: right
}

[dir=rtl] .mat-mdc-menu-item .mat-icon {
    margin-right: 0;
    margin-left: 16px
}

.mat-mdc-menu-item.mat-mdc-menu-item-submenu-trigger {
    padding-right: 32px
}

[dir=rtl] .mat-mdc-menu-item.mat-mdc-menu-item-submenu-trigger {
    padding-right: 16px;
    padding-left: 32px
}

.mat-mdc-menu-item:not([disabled]):hover {
    background-color: var(--mat-menu-item-hover-state-layer-color)
}

.mat-mdc-menu-item:not([disabled]).cdk-program-focused,
.mat-mdc-menu-item:not([disabled]).cdk-keyboard-focused,
.mat-mdc-menu-item:not([disabled]).mat-mdc-menu-item-highlighted {
    background-color: var(--mat-menu-item-focus-state-layer-color)
}

.cdk-high-contrast-active .mat-mdc-menu-item {
    margin-top: 1px
}

.mat-mdc-menu-submenu-icon {
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
    width: 5px;
    height: 10px;
    fill: currentColor
}

[dir=rtl] .mat-mdc-menu-submenu-icon {
    right: auto;
    left: 16px;
    transform: translateY(-50%) scaleX(-1)
}

.cdk-high-contrast-active .mat-mdc-menu-submenu-icon {
    fill: CanvasText
}

.mat-mdc-menu-item .mat-mdc-menu-ripple {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    pointer-events: none
}

.mdc-touch-target-wrapper {
    display: inline
}

.mdc-elevation-overlay {
    position: absolute;
    border-radius: inherit;
    pointer-events: none;
    opacity: var(--mdc-elevation-overlay-opacity, 0);
    transition: opacity 280ms cubic-bezier(0.4, 0, 0.2, 1)
}

.mdc-button {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-width: 64px;
    border: none;
    outline: none;
    line-height: inherit;
    user-select: none;
    -webkit-appearance: none;
    overflow: visible;
    vertical-align: middle;
    background: rgba(0, 0, 0, 0)
}

.mdc-button .mdc-elevation-overlay {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.mdc-button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.mdc-button:active {
    outline: none
}

.mdc-button:hover {
    cursor: pointer
}

.mdc-button:disabled {
    cursor: default;
    pointer-events: none
}

.mdc-button[hidden] {
    display: none
}

.mdc-button .mdc-button__icon {
    margin-left: 0;
    margin-right: 8px;
    display: inline-block;
    position: relative;
    vertical-align: top
}

[dir=rtl] .mdc-button .mdc-button__icon,
.mdc-button .mdc-button__icon[dir=rtl] {
    margin-left: 8px;
    margin-right: 0
}

.mdc-button .mdc-button__progress-indicator {
    font-size: 0;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    line-height: initial
}

.mdc-button .mdc-button__label {
    position: relative
}

.mdc-button .mdc-button__focus-ring {
    pointer-events: none;
    border: 2px solid rgba(0, 0, 0, 0);
    border-radius: 6px;
    box-sizing: content-box;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: calc(100% + 4px);
    width: calc(100% + 4px);
    display: none
}

@media screen and (forced-colors: active) {
    .mdc-button .mdc-button__focus-ring {
        border-color: CanvasText
    }
}

.mdc-button .mdc-button__focus-ring::after {
    content: "";
    border: 2px solid rgba(0, 0, 0, 0);
    border-radius: 8px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: calc(100% + 4px);
    width: calc(100% + 4px)
}

@media screen and (forced-colors: active) {
    .mdc-button .mdc-button__focus-ring::after {
        border-color: CanvasText
    }
}

@media screen and (forced-colors: active) {

    .mdc-button.mdc-ripple-upgraded--background-focused .mdc-button__focus-ring,
    .mdc-button:not(.mdc-ripple-upgraded):focus .mdc-button__focus-ring {
        display: block
    }
}

.mdc-button .mdc-button__touch {
    position: absolute;
    top: 50%;
    height: 48px;
    left: 0;
    right: 0;
    transform: translateY(-50%)
}

.mdc-button__label+.mdc-button__icon {
    margin-left: 8px;
    margin-right: 0
}

[dir=rtl] .mdc-button__label+.mdc-button__icon,
.mdc-button__label+.mdc-button__icon[dir=rtl] {
    margin-left: 0;
    margin-right: 8px
}

svg.mdc-button__icon {
    fill: currentColor
}

.mdc-button--touch {
    margin-top: 6px;
    margin-bottom: 6px
}

.mdc-button {
    padding: 0 8px 0 8px
}

.mdc-button--unelevated {
    transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
    padding: 0 16px 0 16px
}

.mdc-button--unelevated.mdc-button--icon-trailing {
    padding: 0 12px 0 16px
}

.mdc-button--unelevated.mdc-button--icon-leading {
    padding: 0 16px 0 12px
}

.mdc-button--raised {
    transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
    padding: 0 16px 0 16px
}

.mdc-button--raised.mdc-button--icon-trailing {
    padding: 0 12px 0 16px
}

.mdc-button--raised.mdc-button--icon-leading {
    padding: 0 16px 0 12px
}

.mdc-button--outlined {
    border-style: solid;
    transition: border 280ms cubic-bezier(0.4, 0, 0.2, 1)
}

.mdc-button--outlined .mdc-button__ripple {
    border-style: solid;
    border-color: rgba(0, 0, 0, 0)
}

.mat-mdc-button {
    height: var(--mdc-text-button-container-height, 36px);
    border-radius: var(--mdc-text-button-container-shape, var(--mdc-shape-small, 4px))
}

.mat-mdc-button:not(:disabled) {
    color: var(--mdc-text-button-label-text-color, inherit)
}

.mat-mdc-button:disabled {
    color: var(--mdc-text-button-disabled-label-text-color, rgba(0, 0, 0, 0.38))
}

.mat-mdc-button .mdc-button__ripple {
    border-radius: var(--mdc-text-button-container-shape, var(--mdc-shape-small, 4px))
}

.mat-mdc-unelevated-button {
    height: var(--mdc-filled-button-container-height, 36px);
    border-radius: var(--mdc-filled-button-container-shape, var(--mdc-shape-small, 4px))
}

.mat-mdc-unelevated-button:not(:disabled) {
    background-color: var(--mdc-filled-button-container-color, transparent)
}

.mat-mdc-unelevated-button:disabled {
    background-color: var(--mdc-filled-button-disabled-container-color, rgba(0, 0, 0, 0.12))
}

.mat-mdc-unelevated-button:not(:disabled) {
    color: var(--mdc-filled-button-label-text-color, inherit)
}

.mat-mdc-unelevated-button:disabled {
    color: var(--mdc-filled-button-disabled-label-text-color, rgba(0, 0, 0, 0.38))
}

.mat-mdc-unelevated-button .mdc-button__ripple {
    border-radius: var(--mdc-filled-button-container-shape, var(--mdc-shape-small, 4px))
}

.mat-mdc-raised-button {
    height: var(--mdc-protected-button-container-height, 36px);
    border-radius: var(--mdc-protected-button-container-shape, var(--mdc-shape-small, 4px));
    box-shadow: var(--mdc-protected-button-container-elevation, 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))
}

.mat-mdc-raised-button:not(:disabled) {
    background-color: var(--mdc-protected-button-container-color, transparent)
}

.mat-mdc-raised-button:disabled {
    background-color: var(--mdc-protected-button-disabled-container-color, rgba(0, 0, 0, 0.12))
}

.mat-mdc-raised-button:not(:disabled) {
    color: var(--mdc-protected-button-label-text-color, inherit)
}

.mat-mdc-raised-button:disabled {
    color: var(--mdc-protected-button-disabled-label-text-color, rgba(0, 0, 0, 0.38))
}

.mat-mdc-raised-button .mdc-button__ripple {
    border-radius: var(--mdc-protected-button-container-shape, var(--mdc-shape-small, 4px))
}

.mat-mdc-raised-button.mdc-ripple-upgraded--background-focused,
.mat-mdc-raised-button:not(.mdc-ripple-upgraded):focus {
    box-shadow: var(--mdc-protected-button-focus-container-elevation, 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))
}

.mat-mdc-raised-button:hover {
    box-shadow: var(--mdc-protected-button-hover-container-elevation, 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))
}

.mat-mdc-raised-button:not(:disabled):active {
    box-shadow: var(--mdc-protected-button-pressed-container-elevation, 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))
}

.mat-mdc-raised-button:disabled {
    box-shadow: var(--mdc-protected-button-disabled-container-elevation, 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12))
}

.mat-mdc-outlined-button {
    height: var(--mdc-outlined-button-container-height, 36px);
    border-radius: var(--mdc-outlined-button-container-shape, var(--mdc-shape-small, 4px));
    padding: 0 15px 0 15px;
    border-width: var(--mdc-outlined-button-outline-width, 1px)
}

.mat-mdc-outlined-button:not(:disabled) {
    color: var(--mdc-outlined-button-label-text-color, inherit)
}

.mat-mdc-outlined-button:disabled {
    color: var(--mdc-outlined-button-disabled-label-text-color, rgba(0, 0, 0, 0.38))
}

.mat-mdc-outlined-button .mdc-button__ripple {
    border-radius: var(--mdc-outlined-button-container-shape, var(--mdc-shape-small, 4px))
}

.mat-mdc-outlined-button:not(:disabled) {
    border-color: var(--mdc-outlined-button-outline-color, rgba(0, 0, 0, 0.12))
}

.mat-mdc-outlined-button:disabled {
    border-color: var(--mdc-outlined-button-disabled-outline-color, rgba(0, 0, 0, 0.12))
}

.mat-mdc-outlined-button.mdc-button--icon-trailing {
    padding: 0 11px 0 15px
}

.mat-mdc-outlined-button.mdc-button--icon-leading {
    padding: 0 15px 0 11px
}

.mat-mdc-outlined-button .mdc-button__ripple {
    top: -1px;
    left: -1px;
    bottom: -1px;
    right: -1px;
    border-width: var(--mdc-outlined-button-outline-width, 1px)
}

.mat-mdc-outlined-button .mdc-button__touch {
    left: calc(-1 * var(--mdc-outlined-button-outline-width, 1px));
    width: calc(100% + 2 * var(--mdc-outlined-button-outline-width, 1px))
}

.mat-mdc-button,
.mat-mdc-unelevated-button,
.mat-mdc-raised-button,
.mat-mdc-outlined-button {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.mat-mdc-button .mat-mdc-button-ripple,
.mat-mdc-button .mat-mdc-button-persistent-ripple,
.mat-mdc-button .mat-mdc-button-persistent-ripple::before,
.mat-mdc-unelevated-button .mat-mdc-button-ripple,
.mat-mdc-unelevated-button .mat-mdc-button-persistent-ripple,
.mat-mdc-unelevated-button .mat-mdc-button-persistent-ripple::before,
.mat-mdc-raised-button .mat-mdc-button-ripple,
.mat-mdc-raised-button .mat-mdc-button-persistent-ripple,
.mat-mdc-raised-button .mat-mdc-button-persistent-ripple::before,
.mat-mdc-outlined-button .mat-mdc-button-ripple,
.mat-mdc-outlined-button .mat-mdc-button-persistent-ripple,
.mat-mdc-outlined-button .mat-mdc-button-persistent-ripple::before {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    pointer-events: none;
    border-radius: inherit
}

.mat-mdc-button .mat-mdc-button-ripple,
.mat-mdc-unelevated-button .mat-mdc-button-ripple,
.mat-mdc-raised-button .mat-mdc-button-ripple,
.mat-mdc-outlined-button .mat-mdc-button-ripple {
    overflow: hidden
}

.mat-mdc-button .mat-mdc-button-persistent-ripple::before,
.mat-mdc-unelevated-button .mat-mdc-button-persistent-ripple::before,
.mat-mdc-raised-button .mat-mdc-button-persistent-ripple::before,
.mat-mdc-outlined-button .mat-mdc-button-persistent-ripple::before {
    content: "";
    opacity: 0;
    background-color: var(--mat-mdc-button-persistent-ripple-color)
}

.mat-mdc-button .mat-ripple-element,
.mat-mdc-unelevated-button .mat-ripple-element,
.mat-mdc-raised-button .mat-ripple-element,
.mat-mdc-outlined-button .mat-ripple-element {
    background-color: var(--mat-mdc-button-ripple-color)
}

.mat-mdc-button .mdc-button__label,
.mat-mdc-unelevated-button .mdc-button__label,
.mat-mdc-raised-button .mdc-button__label,
.mat-mdc-outlined-button .mdc-button__label {
    z-index: 1
}

.mat-mdc-button .mat-mdc-focus-indicator,
.mat-mdc-unelevated-button .mat-mdc-focus-indicator,
.mat-mdc-raised-button .mat-mdc-focus-indicator,
.mat-mdc-outlined-button .mat-mdc-focus-indicator {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute
}

.mat-mdc-button:focus .mat-mdc-focus-indicator::before,
.mat-mdc-unelevated-button:focus .mat-mdc-focus-indicator::before,
.mat-mdc-raised-button:focus .mat-mdc-focus-indicator::before,
.mat-mdc-outlined-button:focus .mat-mdc-focus-indicator::before {
    content: ""
}

.mat-mdc-button[disabled],
.mat-mdc-unelevated-button[disabled],
.mat-mdc-raised-button[disabled],
.mat-mdc-outlined-button[disabled] {
    cursor: default;
    pointer-events: none
}

.mat-mdc-button .mat-mdc-button-touch-target,
.mat-mdc-unelevated-button .mat-mdc-button-touch-target,
.mat-mdc-raised-button .mat-mdc-button-touch-target,
.mat-mdc-outlined-button .mat-mdc-button-touch-target {
    position: absolute;
    top: 50%;
    height: 48px;
    left: 0;
    right: 0;
    transform: translateY(-50%)
}

.mat-mdc-button._mat-animation-noopable,
.mat-mdc-unelevated-button._mat-animation-noopable,
.mat-mdc-raised-button._mat-animation-noopable,
.mat-mdc-outlined-button._mat-animation-noopable {
    transition: none !important;
    animation: none !important
}

.mat-mdc-button>.mat-icon {
    margin-left: 0;
    margin-right: 8px;
    display: inline-block;
    position: relative;
    vertical-align: top;
    font-size: 1.125rem;
    height: 1.125rem;
    width: 1.125rem
}

[dir=rtl] .mat-mdc-button>.mat-icon,
.mat-mdc-button>.mat-icon[dir=rtl] {
    margin-left: 8px;
    margin-right: 0
}

.mat-mdc-button .mdc-button__label+.mat-icon {
    margin-left: 8px;
    margin-right: 0
}

[dir=rtl] .mat-mdc-button .mdc-button__label+.mat-icon,
.mat-mdc-button .mdc-button__label+.mat-icon[dir=rtl] {
    margin-left: 0;
    margin-right: 8px
}

.mat-mdc-unelevated-button>.mat-icon,
.mat-mdc-raised-button>.mat-icon,
.mat-mdc-outlined-button>.mat-icon {
    margin-left: 0;
    margin-right: 8px;
    display: inline-block;
    position: relative;
    vertical-align: top;
    font-size: 1.125rem;
    height: 1.125rem;
    width: 1.125rem;
    margin-left: -4px;
    margin-right: 8px
}

[dir=rtl] .mat-mdc-unelevated-button>.mat-icon,
[dir=rtl] .mat-mdc-raised-button>.mat-icon,
[dir=rtl] .mat-mdc-outlined-button>.mat-icon,
.mat-mdc-unelevated-button>.mat-icon[dir=rtl],
.mat-mdc-raised-button>.mat-icon[dir=rtl],
.mat-mdc-outlined-button>.mat-icon[dir=rtl] {
    margin-left: 8px;
    margin-right: 0
}

[dir=rtl] .mat-mdc-unelevated-button>.mat-icon,
[dir=rtl] .mat-mdc-raised-button>.mat-icon,
[dir=rtl] .mat-mdc-outlined-button>.mat-icon,
.mat-mdc-unelevated-button>.mat-icon[dir=rtl],
.mat-mdc-raised-button>.mat-icon[dir=rtl],
.mat-mdc-outlined-button>.mat-icon[dir=rtl] {
    margin-left: 8px;
    margin-right: -4px
}

.mat-mdc-unelevated-button .mdc-button__label+.mat-icon,
.mat-mdc-raised-button .mdc-button__label+.mat-icon,
.mat-mdc-outlined-button .mdc-button__label+.mat-icon {
    margin-left: 8px;
    margin-right: -4px
}

[dir=rtl] .mat-mdc-unelevated-button .mdc-button__label+.mat-icon,
[dir=rtl] .mat-mdc-raised-button .mdc-button__label+.mat-icon,
[dir=rtl] .mat-mdc-outlined-button .mdc-button__label+.mat-icon,
.mat-mdc-unelevated-button .mdc-button__label+.mat-icon[dir=rtl],
.mat-mdc-raised-button .mdc-button__label+.mat-icon[dir=rtl],
.mat-mdc-outlined-button .mdc-button__label+.mat-icon[dir=rtl] {
    margin-left: -4px;
    margin-right: 8px
}

.mat-mdc-outlined-button .mat-mdc-button-ripple,
.mat-mdc-outlined-button .mdc-button__ripple {
    top: -1px;
    left: -1px;
    bottom: -1px;
    right: -1px;
    border-width: -1px
}

.mat-mdc-unelevated-button .mat-mdc-focus-indicator::before,
.mat-mdc-raised-button .mat-mdc-focus-indicator::before {
    margin: calc(calc(var(--mat-mdc-focus-indicator-border-width, 3px) + 2px) * -1)
}

.mat-mdc-outlined-button .mat-mdc-focus-indicator::before {
    margin: calc(calc(var(--mat-mdc-focus-indicator-border-width, 3px) + 3px) * -1)
}

.cdk-high-contrast-active .mat-mdc-button:not(.mdc-button--outlined),
.cdk-high-contrast-active .mat-mdc-unelevated-button:not(.mdc-button--outlined),
.cdk-high-contrast-active .mat-mdc-raised-button:not(.mdc-button--outlined),
.cdk-high-contrast-active .mat-mdc-outlined-button:not(.mdc-button--outlined),
.cdk-high-contrast-active .mat-mdc-icon-button {
    outline: solid 1px
}

.mdc-icon-button {
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    border: none;
    outline: none;
    background-color: rgba(0, 0, 0, 0);
    fill: currentColor;
    color: inherit;
    text-decoration: none;
    cursor: pointer;
    user-select: none;
    z-index: 0;
    overflow: visible
}

.mdc-icon-button .mdc-icon-button__touch {
    position: absolute;
    top: 50%;
    height: 48px;
    left: 50%;
    width: 48px;
    transform: translate(-50%, -50%)
}

@media screen and (forced-colors: active) {

    .mdc-icon-button.mdc-ripple-upgraded--background-focused .mdc-icon-button__focus-ring,
    .mdc-icon-button:not(.mdc-ripple-upgraded):focus .mdc-icon-button__focus-ring {
        display: block
    }
}

.mdc-icon-button:disabled {
    cursor: default;
    pointer-events: none
}

.mdc-icon-button[hidden] {
    display: none
}

.mdc-icon-button--display-flex {
    align-items: center;
    display: inline-flex;
    justify-content: center
}

.mdc-icon-button__focus-ring {
    pointer-events: none;
    border: 2px solid rgba(0, 0, 0, 0);
    border-radius: 6px;
    box-sizing: content-box;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 100%;
    width: 100%;
    display: none
}

@media screen and (forced-colors: active) {
    .mdc-icon-button__focus-ring {
        border-color: CanvasText
    }
}

.mdc-icon-button__focus-ring::after {
    content: "";
    border: 2px solid rgba(0, 0, 0, 0);
    border-radius: 8px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: calc(100% + 4px);
    width: calc(100% + 4px)
}

@media screen and (forced-colors: active) {
    .mdc-icon-button__focus-ring::after {
        border-color: CanvasText
    }
}

.mdc-icon-button__icon {
    display: inline-block
}

.mdc-icon-button__icon.mdc-icon-button__icon--on {
    display: none
}

.mdc-icon-button--on .mdc-icon-button__icon {
    display: none
}

.mdc-icon-button--on .mdc-icon-button__icon.mdc-icon-button__icon--on {
    display: inline-block
}

.mdc-icon-button__link {
    height: 100%;
    left: 0;
    outline: none;
    position: absolute;
    top: 0;
    width: 100%
}

.mat-mdc-icon-button {
    height: var(--mdc-icon-button-state-layer-size);
    width: var(--mdc-icon-button-state-layer-size);
    color: var(--mdc-icon-button-icon-color);
    --mdc-icon-button-state-layer-size: 48px;
    --mdc-icon-button-icon-size: 24px;
    --mdc-icon-button-disabled-icon-color: black;
    --mdc-icon-button-disabled-icon-opacity: 0.38
}

.mat-mdc-icon-button .mdc-button__icon {
    font-size: var(--mdc-icon-button-icon-size)
}

.mat-mdc-icon-button svg,
.mat-mdc-icon-button img {
    width: var(--mdc-icon-button-icon-size);
    height: var(--mdc-icon-button-icon-size)
}

.mat-mdc-icon-button:disabled {
    opacity: var(--mdc-icon-button-disabled-icon-opacity)
}

.mat-mdc-icon-button:disabled {
    color: var(--mdc-icon-button-disabled-icon-color)
}

.mat-mdc-icon-button {
    padding: 12px;
    font-size: var(--mdc-icon-button-icon-size);
    border-radius: 50%;
    flex-shrink: 0;
    text-align: center;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.mat-mdc-icon-button svg {
    vertical-align: baseline
}

.mat-mdc-icon-button[disabled] {
    cursor: default;
    pointer-events: none;
    opacity: 1
}

.mat-mdc-icon-button .mat-mdc-button-ripple,
.mat-mdc-icon-button .mat-mdc-button-persistent-ripple,
.mat-mdc-icon-button .mat-mdc-button-persistent-ripple::before {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    pointer-events: none;
    border-radius: inherit
}

.mat-mdc-icon-button .mat-mdc-button-ripple {
    overflow: hidden
}

.mat-mdc-icon-button .mat-mdc-button-persistent-ripple::before {
    content: "";
    opacity: 0;
    background-color: var(--mat-mdc-button-persistent-ripple-color)
}

.mat-mdc-icon-button .mat-ripple-element {
    background-color: var(--mat-mdc-button-ripple-color)
}

.mat-mdc-icon-button .mdc-button__label {
    z-index: 1
}

.mat-mdc-icon-button .mat-mdc-focus-indicator {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute
}

.mat-mdc-icon-button:focus .mat-mdc-focus-indicator::before {
    content: ""
}

.mat-mdc-icon-button .mat-mdc-button-touch-target {
    position: absolute;
    top: 50%;
    height: 48px;
    left: 50%;
    width: 48px;
    transform: translate(-50%, -50%)
}

.mat-mdc-icon-button._mat-animation-noopable {
    transition: none !important;
    animation: none !important
}

.mat-mdc-icon-button .mat-mdc-button-persistent-ripple {
    border-radius: 50%
}

.mat-mdc-icon-button.mat-unthemed:not(.mdc-ripple-upgraded):focus::before,
.mat-mdc-icon-button.mat-primary:not(.mdc-ripple-upgraded):focus::before,
.mat-mdc-icon-button.mat-accent:not(.mdc-ripple-upgraded):focus::before,
.mat-mdc-icon-button.mat-warn:not(.mdc-ripple-upgraded):focus::before {
    background: rgba(0, 0, 0, 0);
    opacity: 1
}

/* ============= */
.mat-drawer-container {
    position: relative;
    z-index: 1;
    color: var(--mat-sidenav-content-text-color);
    background-color: var(--mat-sidenav-content-background-color);
    box-sizing: border-box;
    -webkit-overflow-scrolling: touch;
    display: block;
    overflow: hidden
}

.mat-drawer-container[fullscreen] {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute
}

.mat-drawer-container[fullscreen].mat-drawer-container-has-open {
    overflow: hidden
}

.mat-drawer-container.mat-drawer-container-explicit-backdrop .mat-drawer-side {
    z-index: 3
}

.mat-drawer-container.ng-animate-disabled .mat-drawer-backdrop,
.mat-drawer-container.ng-animate-disabled .mat-drawer-content,
.ng-animate-disabled .mat-drawer-container .mat-drawer-backdrop,
.ng-animate-disabled .mat-drawer-container .mat-drawer-content {
    transition: none
}

.mat-drawer-backdrop {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    display: block;
    z-index: 3;
    visibility: hidden
}

.mat-drawer-backdrop.mat-drawer-shown {
    visibility: visible;
    background-color: var(--mat-sidenav-scrim-color)
}

.mat-drawer-transition .mat-drawer-backdrop {
    transition-duration: 400ms;
    transition-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1);
    transition-property: background-color, visibility
}

.cdk-high-contrast-active .mat-drawer-backdrop {
    opacity: .5
}

.mat-drawer-content {
    position: relative;
    z-index: 1;
    display: block;
    height: 100%;
    overflow: auto
}

.mat-drawer-transition .mat-drawer-content {
    transition-duration: 400ms;
    transition-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1);
    transition-property: transform, margin-left, margin-right
}

.mat-drawer {
    box-shadow: 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);
    position: relative;
    z-index: 4;
    --mat-sidenav-container-shape: 0;
    color: var(--mat-sidenav-container-text-color);
    background-color: var(--mat-sidenav-container-background-color);
    border-top-right-radius: var(--mat-sidenav-container-shape);
    border-bottom-right-radius: var(--mat-sidenav-container-shape);
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 3;
    outline: 0;
    box-sizing: border-box;
    overflow-y: auto;
    transform: translate3d(-100%, 0, 0)
}

.cdk-high-contrast-active .mat-drawer,
.cdk-high-contrast-active [dir=rtl] .mat-drawer.mat-drawer-end {
    border-right: solid 1px currentColor
}

.cdk-high-contrast-active [dir=rtl] .mat-drawer,
.cdk-high-contrast-active .mat-drawer.mat-drawer-end {
    border-left: solid 1px currentColor;
    border-right: none
}

.mat-drawer.mat-drawer-side {
    z-index: 2
}

.mat-drawer.mat-drawer-end {
    right: 0;
    transform: translate3d(100%, 0, 0);
    border-top-left-radius: var(--mat-sidenav-container-shape);
    border-bottom-left-radius: var(--mat-sidenav-container-shape);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

[dir=rtl] .mat-drawer {
    border-top-left-radius: var(--mat-sidenav-container-shape);
    border-bottom-left-radius: var(--mat-sidenav-container-shape);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    transform: translate3d(100%, 0, 0)
}

[dir=rtl] .mat-drawer.mat-drawer-end {
    border-top-right-radius: var(--mat-sidenav-container-shape);
    border-bottom-right-radius: var(--mat-sidenav-container-shape);
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    left: 0;
    right: auto;
    transform: translate3d(-100%, 0, 0)
}

.mat-drawer[style*="visibility: hidden"] {
    display: none
}

.mat-drawer-side {
    box-shadow: none;
    border-right-color: var(--mat-sidenav-container-divider-color);
    border-right-width: 1px;
    border-right-style: solid
}

.mat-drawer-side.mat-drawer-end {
    border-left-color: var(--mat-sidenav-container-divider-color);
    border-left-width: 1px;
    border-left-style: solid;
    border-right: none
}

[dir=rtl] .mat-drawer-side {
    border-left-color: var(--mat-sidenav-container-divider-color);
    border-left-width: 1px;
    border-left-style: solid;
    border-right: none
}

[dir=rtl] .mat-drawer-side.mat-drawer-end {
    border-right-color: var(--mat-sidenav-container-divider-color);
    border-right-width: 1px;
    border-right-style: solid;
    border-left: none
}

.mat-drawer-inner-container {
    width: 100%;
    height: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.mat-sidenav-fixed {
    position: fixed
}

.mdc-touch-target-wrapper {
    display: inline
}

.mdc-elevation-overlay {
    position: absolute;
    border-radius: inherit;
    pointer-events: none;
    opacity: var(--mdc-elevation-overlay-opacity);
    transition: opacity 280ms cubic-bezier(0.4, 0, 0.2, 1);
    background-color: var(--mdc-elevation-overlay-color)
}

.mdc-fab {
    position: relative;
    display: inline-flex;
    position: relative;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 56px;
    height: 56px;
    padding: 0;
    border: none;
    fill: currentColor;
    text-decoration: none;
    cursor: pointer;
    user-select: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    overflow: visible;
    transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 15ms linear 30ms, transform 270ms 0ms cubic-bezier(0, 0, 0.2, 1)
}

.mdc-fab .mdc-elevation-overlay {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.mdc-fab[hidden] {
    display: none
}

.mdc-fab::-moz-focus-inner {
    padding: 0;
    border: 0
}

.mdc-fab:hover {
    box-shadow: 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)
}

.mdc-fab.mdc-ripple-upgraded--background-focused,
.mdc-fab:not(.mdc-ripple-upgraded):focus {
    box-shadow: 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)
}

.mdc-fab .mdc-fab__focus-ring {
    position: absolute
}

.mdc-fab.mdc-ripple-upgraded--background-focused .mdc-fab__focus-ring,
.mdc-fab:not(.mdc-ripple-upgraded):focus .mdc-fab__focus-ring {
    pointer-events: none;
    border: 2px solid rgba(0, 0, 0, 0);
    border-radius: 6px;
    box-sizing: content-box;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: calc(100% + 4px);
    width: calc(100% + 4px)
}

@media screen and (forced-colors: active) {

    .mdc-fab.mdc-ripple-upgraded--background-focused .mdc-fab__focus-ring,
    .mdc-fab:not(.mdc-ripple-upgraded):focus .mdc-fab__focus-ring {
        border-color: CanvasText
    }
}

.mdc-fab.mdc-ripple-upgraded--background-focused .mdc-fab__focus-ring::after,
.mdc-fab:not(.mdc-ripple-upgraded):focus .mdc-fab__focus-ring::after {
    content: "";
    border: 2px solid rgba(0, 0, 0, 0);
    border-radius: 8px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: calc(100% + 4px);
    width: calc(100% + 4px)
}

@media screen and (forced-colors: active) {

    .mdc-fab.mdc-ripple-upgraded--background-focused .mdc-fab__focus-ring::after,
    .mdc-fab:not(.mdc-ripple-upgraded):focus .mdc-fab__focus-ring::after {
        border-color: CanvasText
    }
}

.mdc-fab:active,
.mdc-fab:focus:active {
    box-shadow: 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)
}

.mdc-fab:active,
.mdc-fab:focus {
    outline: none
}

.mdc-fab:hover {
    cursor: pointer
}

.mdc-fab>svg {
    width: 100%
}

.mdc-fab--mini {
    width: 40px;
    height: 40px
}

.mdc-fab--extended {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mdc-typography-button-font-family);
    font-size: var(--mdc-typography-button-font-size);
    line-height: var(--mdc-typography-button-line-height);
    font-weight: var(--mdc-typography-button-font-weight);
    letter-spacing: var(--mdc-typography-button-letter-spacing);
    text-decoration: var(--mdc-typography-button-text-decoration);
    text-transform: var(--mdc-typography-button-text-transform);
    border-radius: 24px;
    padding-left: 20px;
    padding-right: 20px;
    width: auto;
    max-width: 100%;
    height: 48px;
    line-height: normal
}

.mdc-fab--extended .mdc-fab__ripple {
    border-radius: 24px
}

.mdc-fab--extended .mdc-fab__icon {
    margin-left: calc(12px - 20px);
    margin-right: 12px
}

[dir=rtl] .mdc-fab--extended .mdc-fab__icon,
.mdc-fab--extended .mdc-fab__icon[dir=rtl] {
    margin-left: 12px;
    margin-right: calc(12px - 20px)
}

.mdc-fab--extended .mdc-fab__label+.mdc-fab__icon {
    margin-left: 12px;
    margin-right: calc(12px - 20px)
}

[dir=rtl] .mdc-fab--extended .mdc-fab__label+.mdc-fab__icon,
.mdc-fab--extended .mdc-fab__label+.mdc-fab__icon[dir=rtl] {
    margin-left: calc(12px - 20px);
    margin-right: 12px
}

.mdc-fab--touch {
    margin-top: 4px;
    margin-bottom: 4px;
    margin-right: 4px;
    margin-left: 4px
}

.mdc-fab--touch .mdc-fab__touch {
    position: absolute;
    top: 50%;
    height: 48px;
    left: 50%;
    width: 48px;
    transform: translate(-50%, -50%)
}

.mdc-fab::before {
    position: absolute;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: inherit;
    content: "";
    pointer-events: none
}

@media screen and (forced-colors: active) {
    .mdc-fab::before {
        border-color: CanvasText
    }
}

.mdc-fab__label {
    justify-content: flex-start;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-x: hidden;
    overflow-y: visible
}

.mdc-fab__icon {
    transition: transform 180ms 90ms cubic-bezier(0, 0, 0.2, 1);
    fill: currentColor;
    will-change: transform
}

.mdc-fab .mdc-fab__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.mdc-fab--exited {
    transform: scale(0);
    opacity: 0;
    transition: opacity 15ms linear 150ms, transform 180ms 0ms cubic-bezier(0.4, 0, 1, 1)
}

.mdc-fab--exited .mdc-fab__icon {
    transform: scale(0);
    transition: transform 135ms 0ms cubic-bezier(0.4, 0, 1, 1)
}

.mat-mdc-fab,
.mat-mdc-mini-fab {
    background-color: var(--mdc-fab-container-color);
    --mdc-fab-container-shape: 50%;
    --mdc-fab-icon-size: 24px
}

.mat-mdc-fab .mdc-fab__icon,
.mat-mdc-mini-fab .mdc-fab__icon {
    width: var(--mdc-fab-icon-size);
    height: var(--mdc-fab-icon-size);
    font-size: var(--mdc-fab-icon-size)
}

.mat-mdc-fab:not(:disabled) .mdc-fab__icon,
.mat-mdc-mini-fab:not(:disabled) .mdc-fab__icon {
    color: var(--mdc-fab-icon-color)
}

.mat-mdc-fab:not(.mdc-fab--extended),
.mat-mdc-mini-fab:not(.mdc-fab--extended) {
    border-radius: var(--mdc-fab-container-shape)
}

.mat-mdc-fab:not(.mdc-fab--extended) .mdc-fab__ripple,
.mat-mdc-mini-fab:not(.mdc-fab--extended) .mdc-fab__ripple {
    border-radius: var(--mdc-fab-container-shape)
}

.mat-mdc-extended-fab {
    font-family: var(--mdc-extended-fab-label-text-font);
    font-size: var(--mdc-extended-fab-label-text-size);
    font-weight: var(--mdc-extended-fab-label-text-weight);
    letter-spacing: var(--mdc-extended-fab-label-text-tracking)
}

.mat-mdc-fab,
.mat-mdc-mini-fab {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    box-shadow: 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);
    color: var(--mat-mdc-fab-color, inherit);
    flex-shrink: 0
}

.mat-mdc-fab .mat-mdc-button-ripple,
.mat-mdc-fab .mat-mdc-button-persistent-ripple,
.mat-mdc-fab .mat-mdc-button-persistent-ripple::before,
.mat-mdc-mini-fab .mat-mdc-button-ripple,
.mat-mdc-mini-fab .mat-mdc-button-persistent-ripple,
.mat-mdc-mini-fab .mat-mdc-button-persistent-ripple::before {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    pointer-events: none;
    border-radius: inherit
}

.mat-mdc-fab .mat-mdc-button-ripple,
.mat-mdc-mini-fab .mat-mdc-button-ripple {
    overflow: hidden
}

.mat-mdc-fab .mat-mdc-button-persistent-ripple::before,
.mat-mdc-mini-fab .mat-mdc-button-persistent-ripple::before {
    content: "";
    opacity: 0;
    background-color: var(--mat-mdc-button-persistent-ripple-color)
}

.mat-mdc-fab .mat-ripple-element,
.mat-mdc-mini-fab .mat-ripple-element {
    background-color: var(--mat-mdc-button-ripple-color)
}

.mat-mdc-fab .mdc-button__label,
.mat-mdc-mini-fab .mdc-button__label {
    z-index: 1
}

.mat-mdc-fab .mat-mdc-focus-indicator,
.mat-mdc-mini-fab .mat-mdc-focus-indicator {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute
}

.mat-mdc-fab:focus .mat-mdc-focus-indicator::before,
.mat-mdc-mini-fab:focus .mat-mdc-focus-indicator::before {
    content: ""
}

.mat-mdc-fab .mat-mdc-button-touch-target,
.mat-mdc-mini-fab .mat-mdc-button-touch-target {
    position: absolute;
    top: 50%;
    height: 48px;
    left: 50%;
    width: 48px;
    transform: translate(-50%, -50%)
}

.mat-mdc-fab._mat-animation-noopable,
.mat-mdc-mini-fab._mat-animation-noopable {
    transition: none !important;
    animation: none !important
}

.mat-mdc-fab:hover,
.mat-mdc-fab:focus,
.mat-mdc-mini-fab:hover,
.mat-mdc-mini-fab:focus {
    box-shadow: 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)
}

.mat-mdc-fab:active,
.mat-mdc-fab:focus:active,
.mat-mdc-mini-fab:active,
.mat-mdc-mini-fab:focus:active {
    box-shadow: 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)
}

.mat-mdc-fab[disabled],
.mat-mdc-mini-fab[disabled] {
    cursor: default;
    pointer-events: none;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12)
}

.mat-mdc-fab:not(.mdc-ripple-upgraded):focus::before,
.mat-mdc-mini-fab:not(.mdc-ripple-upgraded):focus::before {
    background: rgba(0, 0, 0, 0);
    opacity: 1
}

.mat-mdc-fab .mat-icon,
.mat-mdc-fab .material-icons,
.mat-mdc-mini-fab .mat-icon,
.mat-mdc-mini-fab .material-icons {
    transition: transform 180ms 90ms cubic-bezier(0, 0, 0.2, 1);
    fill: currentColor;
    will-change: transform
}

.mat-mdc-fab .mat-mdc-focus-indicator::before,
.mat-mdc-mini-fab .mat-mdc-focus-indicator::before {
    margin: calc(calc(var(--mat-mdc-focus-indicator-border-width, 3px) + 2px) * -1)
}

.mat-mdc-extended-fab>.mat-icon,
.mat-mdc-extended-fab>.material-icons {
    margin-left: calc(12px - 20px);
    margin-right: 12px
}

[dir=rtl] .mat-mdc-extended-fab>.mat-icon,
[dir=rtl] .mat-mdc-extended-fab>.material-icons,
.mat-mdc-extended-fab>.mat-icon[dir=rtl],
.mat-mdc-extended-fab>.material-icons[dir=rtl] {
    margin-left: 12px;
    margin-right: calc(12px - 20px)
}

.mat-mdc-extended-fab .mdc-button__label+.mat-icon,
.mat-mdc-extended-fab .mdc-button__label+.material-icons {
    margin-left: 12px;
    margin-right: calc(12px - 20px)
}

[dir=rtl] .mat-mdc-extended-fab .mdc-button__label+.mat-icon,
[dir=rtl] .mat-mdc-extended-fab .mdc-button__label+.material-icons,
.mat-mdc-extended-fab .mdc-button__label+.mat-icon[dir=rtl],
.mat-mdc-extended-fab .mdc-button__label+.material-icons[dir=rtl] {
    margin-left: calc(12px - 20px);
    margin-right: 12px
}

.mat-mdc-extended-fab .mat-mdc-button-touch-target {
    width: 100%
}

mat-icon,
mat-icon.mat-primary,
mat-icon.mat-accent,
mat-icon.mat-warn {
    color: var(--mat-icon-color)
}

.mat-icon {
    -webkit-user-select: none;
    user-select: none;
    background-repeat: no-repeat;
    display: inline-block;
    fill: currentColor;
    height: 24px;
    width: 24px;
    overflow: hidden
}

.mat-icon.mat-icon-inline {
    font-size: inherit;
    height: inherit;
    line-height: inherit;
    width: inherit
}

.mat-icon.mat-ligature-font[fontIcon]::before {
    content: attr(fontIcon)
}

[dir=rtl] .mat-icon-rtl-mirror {
    transform: scale(-1, 1)
}

.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-prefix .mat-icon,
.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-suffix .mat-icon {
    display: block
}

.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-prefix .mat-icon-button .mat-icon,
.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-suffix .mat-icon-button .mat-icon {
    margin: auto
}


.demoid-marquee[_ngcontent-ng-c3660323651] {
    background: var(--red-color);
    color: var(--black-color);
    font-size: 10px;
    padding: 5px 10px;
    bottom: 0;
    width: 100%;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center
}

.demoid-marquee[_ngcontent-ng-c3660323651] marquee[_ngcontent-ng-c3660323651] {
    display: none
}

.demoid-marquee[_ngcontent-ng-c3660323651] p.marquee[_ngcontent-ng-c3660323651] {
    display: block;
    margin: 0;
    color: var(--black-color);
    font-size: 10px;
    text-align: center
}

app-footer app-demoid-marquee .demoid-marquee {
    position: static !important;
    padding: 7px 10px 20px !important;
    margin-bottom: -18px !important
}

@media only screen and (max-width: 340px) {
    .demoid-marquee[_ngcontent-ng-c3660323651] marquee[_ngcontent-ng-c3660323651] {
        display: block
    }

    .demoid-marquee[_ngcontent-ng-c3660323651] p.marquee[_ngcontent-ng-c3660323651] {
        display: none
    }
}

.demoid-marquee[_ngcontent-ng-c3080817936] {
    background: var(--primary-color-tint);
    color: var(--white-color);
    font-size: 10px;
    padding: 5px 10px;
    bottom: 0;
    width: 100%;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center
}

.demoid-marquee[_ngcontent-ng-c3080817936] marquee[_ngcontent-ng-c3080817936] {
    display: none
}

.demoid-marquee[_ngcontent-ng-c3080817936] p.marquee[_ngcontent-ng-c3080817936] {
    display: block;
    margin: 0;
    color: var(--white-color);
    font-size: 10px;
    text-align: center
}

app-footer app-demoid-marquee .demoid-marquee {
    position: static !important;
    padding: 7px 10px 20px !important;
    margin-bottom: -18px !important
}

@media only screen and (max-width: 340px) {
    .demoid-marquee[_ngcontent-ng-c3080817936] marquee[_ngcontent-ng-c3080817936] {
        display: block
    }

    .demoid-marquee[_ngcontent-ng-c3080817936] p.marquee[_ngcontent-ng-c3080817936] {
        display: none
    }
}

.tab-navigation[_ngcontent-ng-c1896169303] {
    border-radius: 20px 20px 0 0;
    padding: 6px 0;
    background: var(--black-color);
    height: 60px;
    display: flex;
    align-items: center;
    width: 100%;
    position: relative;
    z-index: 100
}

.tab-navigation[_ngcontent-ng-c1896169303] button[_ngcontent-ng-c1896169303] {
    width: 100%;
    min-width: auto;
    padding: 0
}

.tab-navigation[_ngcontent-ng-c1896169303] button[_ngcontent-ng-c1896169303] .mdc-button__label {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    row-gap: 5px
}

.tab-navigation[_ngcontent-ng-c1896169303] button[_ngcontent-ng-c1896169303] .mdc-button__label span[class^=ai-] {
    font-size: 18px;
    color: var(--grey-300)
}

.tab-navigation[_ngcontent-ng-c1896169303] button[_ngcontent-ng-c1896169303] .mdc-button__label img {
    width: 30px;
    max-height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-size: 35px;
    margin: 0 auto
}

.tab-navigation[_ngcontent-ng-c1896169303] button[_ngcontent-ng-c1896169303] .mdc-button__label p {
    margin: 0;
    font-size: 10px;
    text-transform: capitalize;
    color: var(--grey-300);
    white-space: nowrap
}

.tab-navigation[_ngcontent-ng-c1896169303] button.active-link[_ngcontent-ng-c1896169303] .mdc-button__label span[class^=ai-] {
    color: var(--secondary-color)
}

.tab-navigation[_ngcontent-ng-c1896169303] button.active-link[_ngcontent-ng-c1896169303] p[_ngcontent-ng-c1896169303] {
    color: var(--secondary-color)
}

.tab-navigation[_ngcontent-ng-c1896169303] button.home[_ngcontent-ng-c1896169303] img[_ngcontent-ng-c1896169303] {
    background-repeat: no-repeat;
    background-position: center -40px
}

.tab-navigation[_ngcontent-ng-c1896169303] button.home.active-link[_ngcontent-ng-c1896169303] img[_ngcontent-ng-c1896169303] {
    background-repeat: no-repeat;
    background-position: center -5px
}

.tab-navigation[_ngcontent-ng-c1896169303] button.cricket[_ngcontent-ng-c1896169303] img[_ngcontent-ng-c1896169303] {
    background-repeat: no-repeat;
    background-position: center -110px
}

.tab-navigation[_ngcontent-ng-c1896169303] button.cricket.active-link[_ngcontent-ng-c1896169303] img[_ngcontent-ng-c1896169303] {
    background-repeat: no-repeat;
    background-position: center -75px
}

.tab-navigation[_ngcontent-ng-c1896169303] button.casino[_ngcontent-ng-c1896169303] img[_ngcontent-ng-c1896169303] {
    background-repeat: no-repeat;
    background-position: center -180px
}

.tab-navigation[_ngcontent-ng-c1896169303] button.casino.active-link[_ngcontent-ng-c1896169303] img[_ngcontent-ng-c1896169303] {
    background-repeat: no-repeat;
    background-position: center -145px
}

.tab-navigation[_ngcontent-ng-c1896169303] button.profile[_ngcontent-ng-c1896169303] img[_ngcontent-ng-c1896169303] {
    background-repeat: no-repeat;
    background-position: center -250px
}

.tab-navigation[_ngcontent-ng-c1896169303] button.profile.active-link[_ngcontent-ng-c1896169303] img[_ngcontent-ng-c1896169303] {
    background-repeat: no-repeat;
    background-position: center -215px
}

.tab-navigation[_ngcontent-ng-c1896169303] button.market[_ngcontent-ng-c1896169303] img[_ngcontent-ng-c1896169303] {
    background-repeat: no-repeat;
    background-position: center -320px
}

.tab-navigation[_ngcontent-ng-c1896169303] button.market.active-link[_ngcontent-ng-c1896169303] img[_ngcontent-ng-c1896169303] {
    background-repeat: no-repeat;
    background-position: center -285px
}

.tab-navigation[_ngcontent-ng-c1896169303] button.offers[_ngcontent-ng-c1896169303] img[_ngcontent-ng-c1896169303] {
    background-repeat: no-repeat;
    background-position: center -390px
}

.tab-navigation[_ngcontent-ng-c1896169303] button.offers.active-link[_ngcontent-ng-c1896169303] img[_ngcontent-ng-c1896169303] {
    background-repeat: no-repeat;
    background-position: center -355px
}

.tab-navigation[_ngcontent-ng-c1896169303] button.refer[_ngcontent-ng-c1896169303] img[_ngcontent-ng-c1896169303] {
    background-repeat: no-repeat;
    background-position: center -460px
}

.tab-navigation[_ngcontent-ng-c1896169303] button.refer.active-link[_ngcontent-ng-c1896169303] img[_ngcontent-ng-c1896169303] {
    background-repeat: no-repeat;
    background-position: center -425px
}

.tab-navigation[_ngcontent-ng-c1896169303] button.passbook[_ngcontent-ng-c1896169303] img[_ngcontent-ng-c1896169303] {
    background-repeat: no-repeat;
    background-position: center -530px
}

.tab-navigation[_ngcontent-ng-c1896169303] button.passbook.active-link[_ngcontent-ng-c1896169303] img[_ngcontent-ng-c1896169303] {
    background-repeat: no-repeat;
    background-position: center -495px
}

#menu[_ngcontent-ng-c1896169303] {
    height: 230px;
    margin-bottom: -10px;
    border-radius: 50% 50% 0 0;
    padding: 0
}

.menu-item[_ngcontent-ng-c1896169303] {
    width: 60px;
    height: 60px;
    position: absolute;
    left: 50%;
    line-height: 5px;
    bottom: 0;
    margin: -50px 0 0 -50px;
    border-radius: 50%;
    background-color: #424242;
    transform: translate(0);
    transition: transform .5s;
    z-index: 2;
    transition: .5s;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center
}

.menu-item[_ngcontent-ng-c1896169303] img[_ngcontent-ng-c1896169303] {
    width: 20px;
    height: 20px
}

.menu-item[_ngcontent-ng-c1896169303]:hover {
    opacity: .5;
    box-shadow: 0 5px 10px #000
}

.container-menu[_ngcontent-ng-c1896169303] ul[_ngcontent-ng-c1896169303]:has(> [_ngcontent-ng-c1896169303]:last-child:nth-child(3)) .menu-item[_ngcontent-ng-c1896169303]:nth-child(4) {
    transform: rotate(60deg) translateY(-150px) rotate(300deg);
    transition-delay: 0s
}

.container-menu[_ngcontent-ng-c1896169303] ul[_ngcontent-ng-c1896169303]:has(> [_ngcontent-ng-c1896169303]:last-child:nth-child(3)) .menu-item[_ngcontent-ng-c1896169303]:nth-child(3) {
    transform: rotate(20deg) translateY(-155px) rotate(-20deg);
    transition-delay: .1s
}

.container-menu[_ngcontent-ng-c1896169303] ul[_ngcontent-ng-c1896169303]:has(> [_ngcontent-ng-c1896169303]:last-child:nth-child(3)) .menu-item[_ngcontent-ng-c1896169303]:nth-child(2) {
    transform: rotate(-20deg) translateY(-155px) rotate(20deg);
    transition-delay: .2s
}

.container-menu[_ngcontent-ng-c1896169303] ul[_ngcontent-ng-c1896169303]:has(> [_ngcontent-ng-c1896169303]:last-child:nth-child(3)) .menu-item[_ngcontent-ng-c1896169303]:nth-child(1) {
    transform: rotate(-60deg) translateY(-150px) rotate(60deg);
    transition-delay: .3s
}

.container-menu[_ngcontent-ng-c1896169303] ul[_ngcontent-ng-c1896169303]:has(> [_ngcontent-ng-c1896169303]:last-child:nth-child(4)) .menu-item[_ngcontent-ng-c1896169303]:nth-child(4) {
    transform: rotate(60deg) translateY(-150px) rotate(300deg);
    transition-delay: 0s
}

.container-menu[_ngcontent-ng-c1896169303] ul[_ngcontent-ng-c1896169303]:has(> [_ngcontent-ng-c1896169303]:last-child:nth-child(4)) .menu-item[_ngcontent-ng-c1896169303]:nth-child(3) {
    transform: rotate(20deg) translateY(-155px) rotate(-20deg);
    transition-delay: .1s
}

.container-menu[_ngcontent-ng-c1896169303] ul[_ngcontent-ng-c1896169303]:has(> [_ngcontent-ng-c1896169303]:last-child:nth-child(4)) .menu-item[_ngcontent-ng-c1896169303]:nth-child(2) {
    transform: rotate(-20deg) translateY(-155px) rotate(20deg);
    transition-delay: .2s
}

.container-menu[_ngcontent-ng-c1896169303] ul[_ngcontent-ng-c1896169303]:has(> [_ngcontent-ng-c1896169303]:last-child:nth-child(4)) .menu-item[_ngcontent-ng-c1896169303]:nth-child(1) {
    transform: rotate(-60deg) translateY(-150px) rotate(60deg);
    transition-delay: .3s
}

.container-menu[_ngcontent-ng-c1896169303] ul[_ngcontent-ng-c1896169303]:has(> [_ngcontent-ng-c1896169303]:last-child:nth-child(6)) .menu-item[_ngcontent-ng-c1896169303]:nth-child(6) {
    transform: rotate(64deg) translateY(-150px) rotate(-64deg);
    transition-delay: 0s
}

.container-menu[_ngcontent-ng-c1896169303] ul[_ngcontent-ng-c1896169303]:has(> [_ngcontent-ng-c1896169303]:last-child:nth-child(6)) .menu-item[_ngcontent-ng-c1896169303]:nth-child(5) {
    transform: rotate(37deg) translateY(-150px) rotate(-38deg);
    transition-delay: 0s
}

.container-menu[_ngcontent-ng-c1896169303] ul[_ngcontent-ng-c1896169303]:has(> [_ngcontent-ng-c1896169303]:last-child:nth-child(6)) .menu-item[_ngcontent-ng-c1896169303]:nth-child(4) {
    transform: rotate(12deg) translateY(-155px) rotate(-12deg);
    transition-delay: 0s
}

.container-menu[_ngcontent-ng-c1896169303] ul[_ngcontent-ng-c1896169303]:has(> [_ngcontent-ng-c1896169303]:last-child:nth-child(6)) .menu-item[_ngcontent-ng-c1896169303]:nth-child(3) {
    transform: rotate(-12deg) translateY(-155px) rotate(12deg);
    transition-delay: .1s
}

.container-menu[_ngcontent-ng-c1896169303] ul[_ngcontent-ng-c1896169303]:has(> [_ngcontent-ng-c1896169303]:last-child:nth-child(6)) .menu-item[_ngcontent-ng-c1896169303]:nth-child(2) {
    transform: rotate(-37deg) translateY(-155px) rotate(35deg);
    transition-delay: .2s
}

.container-menu[_ngcontent-ng-c1896169303] ul[_ngcontent-ng-c1896169303]:has(> [_ngcontent-ng-c1896169303]:last-child:nth-child(6)) .menu-item[_ngcontent-ng-c1896169303]:nth-child(1) {
    transform: rotate(-65deg) translateY(-150px) rotate(65deg);
    transition-delay: .3s
}

.container-menu.listview[_ngcontent-ng-c1896169303] ul#menu[_ngcontent-ng-c1896169303] {
    margin-bottom: 0;
    width: -moz-fit-content;
    width: fit-content;
    position: absolute;
    left: calc(25% + 25px);
    bottom: 75px;
    background: var(--grey-50);
    padding: 5px;
    border-radius: 5px;
    height: auto
}

.container-menu.listview[_ngcontent-ng-c1896169303] ul#menu[_ngcontent-ng-c1896169303] .menu-item[_ngcontent-ng-c1896169303] {
    width: 60px;
    height: 60px;
    position: unset;
    left: calc(25% + 25px);
    line-height: 5px;
    bottom: 60px;
    background-color: #424242;
    transform: unset !important;
    transition: transform .5s;
    z-index: 2;
    transition: .5s;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 5px;
    border-radius: 0
}

.container-menu.listview[_ngcontent-ng-c1896169303] ul#menu[_ngcontent-ng-c1896169303] .menu-item[_ngcontent-ng-c1896169303]:last-child {
    margin-bottom: 0
}

.menu-item[_ngcontent-ng-c1896169303] a[_ngcontent-ng-c1896169303] {
    color: #fff;
    position: relative;
    left: 0;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.menu-item[_ngcontent-ng-c1896169303] a[_ngcontent-ng-c1896169303] p[_ngcontent-ng-c1896169303] {
    margin: 5px 0 0;
    font-size: 9px;
    text-align: center;
    line-height: 1;
    padding: 0 5px
}

.footer-subMenu.mat-mdc-menu-panel {
    background: var(--grey-75);
    min-width: 160px;
    margin-bottom: 15px;
    border-radius: 10px
}

.footer-subMenu.mat-mdc-menu-panel .fs-menu-item {
    min-height: auto;
    height: 40px;
    padding: 0 5px;
    max-width: calc(100% - 15px);
    margin: auto auto 10px;
    background: var(--grey-100);
    border: 1px solid var(--grey-100);
    border-radius: 10px
}

.footer-subMenu.mat-mdc-menu-panel .fs-menu-item:hover {
    border: 1px solid var(--grey-100)
}

.footer-subMenu.mat-mdc-menu-panel .fs-menu-item.active-link {
    background: var(--grey-00);
    border: 1px solid var(--secondary-color)
}

.footer-subMenu.mat-mdc-menu-panel .fs-menu-item:last-child {
    margin-bottom: 0
}

.footer-subMenu.mat-mdc-menu-panel .fs-menu-item .mat-mdc-menu-item-text {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    column-gap: 5px
}

.footer-subMenu.mat-mdc-menu-panel .fs-menu-item .mat-mdc-menu-item-text img {
    width: 20px;
    height: 20px
}

.footer-subMenu.mat-mdc-menu-panel .fs-menu-item .mat-mdc-menu-item-text p {
    font-size: 12px
}

.plt-pwa[_ngcontent-ng-c1896169303] .tab-navigation[_ngcontent-ng-c1896169303] {
    height: 70px;
    padding-bottom: 15px
}

.floating-btns2[_ngcontent-ng-c2345734034] {
    position: absolute;
    bottom: 120px;
    right: 5px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    row-gap: 7px;
    z-index: 1000
}

.floating-btns2[_ngcontent-ng-c2345734034] .btn-item[_ngcontent-ng-c2345734034] {
    position: relative
}

.floating-btns2[_ngcontent-ng-c2345734034] .btn-wrap[_ngcontent-ng-c2345734034] {
    background: var(--primary-color);
    width: 36px;
    height: 36px;
    margin-right: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%
}

.floating-btns2[_ngcontent-ng-c2345734034] .btn-wrap[_ngcontent-ng-c2345734034] mat-icon[_ngcontent-ng-c2345734034] {
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--primary-color-contrast)
}

.badge[_ngcontent-ng-c2345734034] {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: red;
    color: #fff;
    border-radius: 50%;
    font-size: 12px;
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center
}

.d-none[_ngcontent-ng-c2345734034] {
    display: none !important
}

mat-menu {
    display: none
}

.mat-mdc-menu-content {
    margin: 0;
    padding: 8px 0;
    list-style-type: none
}

.mat-mdc-menu-content:focus {
    outline: none
}

.mat-mdc-menu-content,
.mat-mdc-menu-content .mat-mdc-menu-item .mat-mdc-menu-item-text {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    white-space: normal;
    font-family: var(--mat-menu-item-label-text-font);
    line-height: var(--mat-menu-item-label-text-line-height);
    font-size: var(--mat-menu-item-label-text-size);
    letter-spacing: var(--mat-menu-item-label-text-tracking);
    font-weight: var(--mat-menu-item-label-text-weight)
}

.mat-mdc-menu-panel {
    --mat-menu-container-shape: 4px;
    min-width: 112px;
    max-width: 280px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    box-sizing: border-box;
    outline: 0;
    border-radius: var(--mat-menu-container-shape);
    background-color: var(--mat-menu-container-color);
    will-change: transform, opacity
}

.mat-mdc-menu-panel.ng-animating {
    pointer-events: none
}

.cdk-high-contrast-active .mat-mdc-menu-panel {
    outline: solid 1px
}

.mat-mdc-menu-item {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: flex-start;
    overflow: hidden;
    padding: 0;
    padding-left: 16px;
    padding-right: 16px;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
    outline: none;
    border: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    cursor: pointer;
    width: 100%;
    text-align: left;
    box-sizing: border-box;
    color: inherit;
    font-size: inherit;
    background: none;
    text-decoration: none;
    margin: 0;
    align-items: center;
    min-height: 48px
}

.mat-mdc-menu-item:focus {
    outline: none
}

[dir=rtl] .mat-mdc-menu-item,
.mat-mdc-menu-item[dir=rtl] {
    padding-left: 16px;
    padding-right: 16px
}

.mat-mdc-menu-item::-moz-focus-inner {
    border: 0
}

.mat-mdc-menu-item,
.mat-mdc-menu-item:visited,
.mat-mdc-menu-item:link {
    color: var(--mat-menu-item-label-text-color)
}

.mat-mdc-menu-item .mat-icon-no-color,
.mat-mdc-menu-item .mat-mdc-menu-submenu-icon {
    color: var(--mat-menu-item-icon-color)
}

.mat-mdc-menu-item[disabled] {
    cursor: default;
    opacity: .38
}

.mat-mdc-menu-item[disabled]::after {
    display: block;
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.mat-mdc-menu-item .mat-icon {
    margin-right: 16px
}

[dir=rtl] .mat-mdc-menu-item {
    text-align: right
}

[dir=rtl] .mat-mdc-menu-item .mat-icon {
    margin-right: 0;
    margin-left: 16px
}

.mat-mdc-menu-item.mat-mdc-menu-item-submenu-trigger {
    padding-right: 32px
}

[dir=rtl] .mat-mdc-menu-item.mat-mdc-menu-item-submenu-trigger {
    padding-right: 16px;
    padding-left: 32px
}

.mat-mdc-menu-item:not([disabled]):hover {
    background-color: var(--mat-menu-item-hover-state-layer-color)
}

.mat-mdc-menu-item:not([disabled]).cdk-program-focused,
.mat-mdc-menu-item:not([disabled]).cdk-keyboard-focused,
.mat-mdc-menu-item:not([disabled]).mat-mdc-menu-item-highlighted {
    background-color: var(--mat-menu-item-focus-state-layer-color)
}

.cdk-high-contrast-active .mat-mdc-menu-item {
    margin-top: 1px
}

.mat-mdc-menu-submenu-icon {
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
    width: 5px;
    height: 10px;
    fill: currentColor
}

[dir=rtl] .mat-mdc-menu-submenu-icon {
    right: auto;
    left: 16px;
    transform: translateY(-50%) scaleX(-1)
}

.cdk-high-contrast-active .mat-mdc-menu-submenu-icon {
    fill: CanvasText
}

.mat-mdc-menu-item .mat-mdc-menu-ripple {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    pointer-events: none
}

.mdc-touch-target-wrapper {
    display: inline
}

.mdc-elevation-overlay {
    position: absolute;
    border-radius: inherit;
    pointer-events: none;
    opacity: var(--mdc-elevation-overlay-opacity, 0);
    transition: opacity 280ms cubic-bezier(0.4, 0, 0.2, 1)
}

.mdc-button {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-width: 64px;
    border: none;
    outline: none;
    line-height: inherit;
    user-select: none;
    -webkit-appearance: none;
    overflow: visible;
    vertical-align: middle;
    background: rgba(0, 0, 0, 0)
}

.mdc-button .mdc-elevation-overlay {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.mdc-button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.mdc-button:active {
    outline: none
}

.mdc-button:hover {
    cursor: pointer
}

.mdc-button:disabled {
    cursor: default;
    pointer-events: none
}

.mdc-button[hidden] {
    display: none
}

.mdc-button .mdc-button__icon {
    margin-left: 0;
    margin-right: 8px;
    display: inline-block;
    position: relative;
    vertical-align: top
}

[dir=rtl] .mdc-button .mdc-button__icon,
.mdc-button .mdc-button__icon[dir=rtl] {
    margin-left: 8px;
    margin-right: 0
}

.mdc-button .mdc-button__progress-indicator {
    font-size: 0;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    line-height: initial
}

.mdc-button .mdc-button__label {
    position: relative
}

.mdc-button .mdc-button__focus-ring {
    pointer-events: none;
    border: 2px solid rgba(0, 0, 0, 0);
    border-radius: 6px;
    box-sizing: content-box;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: calc(100% + 4px);
    width: calc(100% + 4px);
    display: none
}

@media screen and (forced-colors: active) {
    .mdc-button .mdc-button__focus-ring {
        border-color: CanvasText
    }
}

.mdc-button .mdc-button__focus-ring::after {
    content: "";
    border: 2px solid rgba(0, 0, 0, 0);
    border-radius: 8px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: calc(100% + 4px);
    width: calc(100% + 4px)
}

@media screen and (forced-colors: active) {
    .mdc-button .mdc-button__focus-ring::after {
        border-color: CanvasText
    }
}

@media screen and (forced-colors: active) {

    .mdc-button.mdc-ripple-upgraded--background-focused .mdc-button__focus-ring,
    .mdc-button:not(.mdc-ripple-upgraded):focus .mdc-button__focus-ring {
        display: block
    }
}

.mdc-button .mdc-button__touch {
    position: absolute;
    top: 50%;
    height: 48px;
    left: 0;
    right: 0;
    transform: translateY(-50%)
}

.mdc-button__label+.mdc-button__icon {
    margin-left: 8px;
    margin-right: 0
}

[dir=rtl] .mdc-button__label+.mdc-button__icon,
.mdc-button__label+.mdc-button__icon[dir=rtl] {
    margin-left: 0;
    margin-right: 8px
}

svg.mdc-button__icon {
    fill: currentColor
}

.mdc-button--touch {
    margin-top: 6px;
    margin-bottom: 6px
}

.mdc-button {
    padding: 0 8px 0 8px
}

.mdc-button--unelevated {
    transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
    padding: 0 16px 0 16px
}

.mdc-button--unelevated.mdc-button--icon-trailing {
    padding: 0 12px 0 16px
}

.mdc-button--unelevated.mdc-button--icon-leading {
    padding: 0 16px 0 12px
}

.mdc-button--raised {
    transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
    padding: 0 16px 0 16px
}

.mdc-button--raised.mdc-button--icon-trailing {
    padding: 0 12px 0 16px
}

.mdc-button--raised.mdc-button--icon-leading {
    padding: 0 16px 0 12px
}

.mdc-button--outlined {
    border-style: solid;
    transition: border 280ms cubic-bezier(0.4, 0, 0.2, 1)
}

.mdc-button--outlined .mdc-button__ripple {
    border-style: solid;
    border-color: rgba(0, 0, 0, 0)
}

.mat-mdc-button {
    height: var(--mdc-text-button-container-height, 36px);
    border-radius: var(--mdc-text-button-container-shape, var(--mdc-shape-small, 4px))
}

.mat-mdc-button:not(:disabled) {
    color: var(--mdc-text-button-label-text-color, inherit)
}

.mat-mdc-button:disabled {
    color: var(--mdc-text-button-disabled-label-text-color, rgba(0, 0, 0, 0.38))
}

.mat-mdc-button .mdc-button__ripple {
    border-radius: var(--mdc-text-button-container-shape, var(--mdc-shape-small, 4px))
}

.mat-mdc-unelevated-button {
    height: var(--mdc-filled-button-container-height, 36px);
    border-radius: var(--mdc-filled-button-container-shape, var(--mdc-shape-small, 4px))
}

.mat-mdc-unelevated-button:not(:disabled) {
    background-color: var(--mdc-filled-button-container-color, transparent)
}

.mat-mdc-unelevated-button:disabled {
    background-color: var(--mdc-filled-button-disabled-container-color, rgba(0, 0, 0, 0.12))
}

.mat-mdc-unelevated-button:not(:disabled) {
    color: var(--mdc-filled-button-label-text-color, inherit)
}

.mat-mdc-unelevated-button:disabled {
    color: var(--mdc-filled-button-disabled-label-text-color, rgba(0, 0, 0, 0.38))
}

.mat-mdc-unelevated-button .mdc-button__ripple {
    border-radius: var(--mdc-filled-button-container-shape, var(--mdc-shape-small, 4px))
}

.mat-mdc-raised-button {
    height: var(--mdc-protected-button-container-height, 36px);
    border-radius: var(--mdc-protected-button-container-shape, var(--mdc-shape-small, 4px));
    box-shadow: var(--mdc-protected-button-container-elevation, 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))
}

.mat-mdc-raised-button:not(:disabled) {
    background-color: var(--mdc-protected-button-container-color, transparent)
}

.mat-mdc-raised-button:disabled {
    background-color: var(--mdc-protected-button-disabled-container-color, rgba(0, 0, 0, 0.12))
}

.mat-mdc-raised-button:not(:disabled) {
    color: var(--mdc-protected-button-label-text-color, inherit)
}

.mat-mdc-raised-button:disabled {
    color: var(--mdc-protected-button-disabled-label-text-color, rgba(0, 0, 0, 0.38))
}

.mat-mdc-raised-button .mdc-button__ripple {
    border-radius: var(--mdc-protected-button-container-shape, var(--mdc-shape-small, 4px))
}

.mat-mdc-raised-button.mdc-ripple-upgraded--background-focused,
.mat-mdc-raised-button:not(.mdc-ripple-upgraded):focus {
    box-shadow: var(--mdc-protected-button-focus-container-elevation, 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))
}

.mat-mdc-raised-button:hover {
    box-shadow: var(--mdc-protected-button-hover-container-elevation, 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))
}

.mat-mdc-raised-button:not(:disabled):active {
    box-shadow: var(--mdc-protected-button-pressed-container-elevation, 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))
}

.mat-mdc-raised-button:disabled {
    box-shadow: var(--mdc-protected-button-disabled-container-elevation, 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12))
}

.mat-mdc-outlined-button {
    height: var(--mdc-outlined-button-container-height, 36px);
    border-radius: var(--mdc-outlined-button-container-shape, var(--mdc-shape-small, 4px));
    padding: 0 15px 0 15px;
    border-width: var(--mdc-outlined-button-outline-width, 1px)
}

.mat-mdc-outlined-button:not(:disabled) {
    color: var(--mdc-outlined-button-label-text-color, inherit)
}

.mat-mdc-outlined-button:disabled {
    color: var(--mdc-outlined-button-disabled-label-text-color, rgba(0, 0, 0, 0.38))
}

.mat-mdc-outlined-button .mdc-button__ripple {
    border-radius: var(--mdc-outlined-button-container-shape, var(--mdc-shape-small, 4px))
}

.mat-mdc-outlined-button:not(:disabled) {
    border-color: var(--mdc-outlined-button-outline-color, rgba(0, 0, 0, 0.12))
}

.mat-mdc-outlined-button:disabled {
    border-color: var(--mdc-outlined-button-disabled-outline-color, rgba(0, 0, 0, 0.12))
}

.mat-mdc-outlined-button.mdc-button--icon-trailing {
    padding: 0 11px 0 15px
}

.mat-mdc-outlined-button.mdc-button--icon-leading {
    padding: 0 15px 0 11px
}

.mat-mdc-outlined-button .mdc-button__ripple {
    top: -1px;
    left: -1px;
    bottom: -1px;
    right: -1px;
    border-width: var(--mdc-outlined-button-outline-width, 1px)
}

.mat-mdc-outlined-button .mdc-button__touch {
    left: calc(-1 * var(--mdc-outlined-button-outline-width, 1px));
    width: calc(100% + 2 * var(--mdc-outlined-button-outline-width, 1px))
}

.mat-mdc-button,
.mat-mdc-unelevated-button,
.mat-mdc-raised-button,
.mat-mdc-outlined-button {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.mat-mdc-button .mat-mdc-button-ripple,
.mat-mdc-button .mat-mdc-button-persistent-ripple,
.mat-mdc-button .mat-mdc-button-persistent-ripple::before,
.mat-mdc-unelevated-button .mat-mdc-button-ripple,
.mat-mdc-unelevated-button .mat-mdc-button-persistent-ripple,
.mat-mdc-unelevated-button .mat-mdc-button-persistent-ripple::before,
.mat-mdc-raised-button .mat-mdc-button-ripple,
.mat-mdc-raised-button .mat-mdc-button-persistent-ripple,
.mat-mdc-raised-button .mat-mdc-button-persistent-ripple::before,
.mat-mdc-outlined-button .mat-mdc-button-ripple,
.mat-mdc-outlined-button .mat-mdc-button-persistent-ripple,
.mat-mdc-outlined-button .mat-mdc-button-persistent-ripple::before {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    pointer-events: none;
    border-radius: inherit
}

.mat-mdc-button .mat-mdc-button-ripple,
.mat-mdc-unelevated-button .mat-mdc-button-ripple,
.mat-mdc-raised-button .mat-mdc-button-ripple,
.mat-mdc-outlined-button .mat-mdc-button-ripple {
    overflow: hidden
}

.mat-mdc-button .mat-mdc-button-persistent-ripple::before,
.mat-mdc-unelevated-button .mat-mdc-button-persistent-ripple::before,
.mat-mdc-raised-button .mat-mdc-button-persistent-ripple::before,
.mat-mdc-outlined-button .mat-mdc-button-persistent-ripple::before {
    content: "";
    opacity: 0;
    background-color: var(--mat-mdc-button-persistent-ripple-color)
}

.mat-mdc-button .mat-ripple-element,
.mat-mdc-unelevated-button .mat-ripple-element,
.mat-mdc-raised-button .mat-ripple-element,
.mat-mdc-outlined-button .mat-ripple-element {
    background-color: var(--mat-mdc-button-ripple-color)
}

.mat-mdc-button .mdc-button__label,
.mat-mdc-unelevated-button .mdc-button__label,
.mat-mdc-raised-button .mdc-button__label,
.mat-mdc-outlined-button .mdc-button__label {
    z-index: 1
}

.mat-mdc-button .mat-mdc-focus-indicator,
.mat-mdc-unelevated-button .mat-mdc-focus-indicator,
.mat-mdc-raised-button .mat-mdc-focus-indicator,
.mat-mdc-outlined-button .mat-mdc-focus-indicator {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute
}

.mat-mdc-button:focus .mat-mdc-focus-indicator::before,
.mat-mdc-unelevated-button:focus .mat-mdc-focus-indicator::before,
.mat-mdc-raised-button:focus .mat-mdc-focus-indicator::before,
.mat-mdc-outlined-button:focus .mat-mdc-focus-indicator::before {
    content: ""
}

.mat-mdc-button[disabled],
.mat-mdc-unelevated-button[disabled],
.mat-mdc-raised-button[disabled],
.mat-mdc-outlined-button[disabled] {
    cursor: default;
    pointer-events: none
}

.mat-mdc-button .mat-mdc-button-touch-target,
.mat-mdc-unelevated-button .mat-mdc-button-touch-target,
.mat-mdc-raised-button .mat-mdc-button-touch-target,
.mat-mdc-outlined-button .mat-mdc-button-touch-target {
    position: absolute;
    top: 50%;
    height: 48px;
    left: 0;
    right: 0;
    transform: translateY(-50%)
}

.mat-mdc-button._mat-animation-noopable,
.mat-mdc-unelevated-button._mat-animation-noopable,
.mat-mdc-raised-button._mat-animation-noopable,
.mat-mdc-outlined-button._mat-animation-noopable {
    transition: none !important;
    animation: none !important
}

.mat-mdc-button>.mat-icon {
    margin-left: 0;
    margin-right: 8px;
    display: inline-block;
    position: relative;
    vertical-align: top;
    font-size: 1.125rem;
    height: 1.125rem;
    width: 1.125rem
}

[dir=rtl] .mat-mdc-button>.mat-icon,
.mat-mdc-button>.mat-icon[dir=rtl] {
    margin-left: 8px;
    margin-right: 0
}

.mat-mdc-button .mdc-button__label+.mat-icon {
    margin-left: 8px;
    margin-right: 0
}

[dir=rtl] .mat-mdc-button .mdc-button__label+.mat-icon,
.mat-mdc-button .mdc-button__label+.mat-icon[dir=rtl] {
    margin-left: 0;
    margin-right: 8px
}

.mat-mdc-unelevated-button>.mat-icon,
.mat-mdc-raised-button>.mat-icon,
.mat-mdc-outlined-button>.mat-icon {
    margin-left: 0;
    margin-right: 8px;
    display: inline-block;
    position: relative;
    vertical-align: top;
    font-size: 1.125rem;
    height: 1.125rem;
    width: 1.125rem;
    margin-left: -4px;
    margin-right: 8px
}

[dir=rtl] .mat-mdc-unelevated-button>.mat-icon,
[dir=rtl] .mat-mdc-raised-button>.mat-icon,
[dir=rtl] .mat-mdc-outlined-button>.mat-icon,
.mat-mdc-unelevated-button>.mat-icon[dir=rtl],
.mat-mdc-raised-button>.mat-icon[dir=rtl],
.mat-mdc-outlined-button>.mat-icon[dir=rtl] {
    margin-left: 8px;
    margin-right: 0
}

[dir=rtl] .mat-mdc-unelevated-button>.mat-icon,
[dir=rtl] .mat-mdc-raised-button>.mat-icon,
[dir=rtl] .mat-mdc-outlined-button>.mat-icon,
.mat-mdc-unelevated-button>.mat-icon[dir=rtl],
.mat-mdc-raised-button>.mat-icon[dir=rtl],
.mat-mdc-outlined-button>.mat-icon[dir=rtl] {
    margin-left: 8px;
    margin-right: -4px
}

.mat-mdc-unelevated-button .mdc-button__label+.mat-icon,
.mat-mdc-raised-button .mdc-button__label+.mat-icon,
.mat-mdc-outlined-button .mdc-button__label+.mat-icon {
    margin-left: 8px;
    margin-right: -4px
}

[dir=rtl] .mat-mdc-unelevated-button .mdc-button__label+.mat-icon,
[dir=rtl] .mat-mdc-raised-button .mdc-button__label+.mat-icon,
[dir=rtl] .mat-mdc-outlined-button .mdc-button__label+.mat-icon,
.mat-mdc-unelevated-button .mdc-button__label+.mat-icon[dir=rtl],
.mat-mdc-raised-button .mdc-button__label+.mat-icon[dir=rtl],
.mat-mdc-outlined-button .mdc-button__label+.mat-icon[dir=rtl] {
    margin-left: -4px;
    margin-right: 8px
}

.mat-mdc-outlined-button .mat-mdc-button-ripple,
.mat-mdc-outlined-button .mdc-button__ripple {
    top: -1px;
    left: -1px;
    bottom: -1px;
    right: -1px;
    border-width: -1px
}

.mat-mdc-unelevated-button .mat-mdc-focus-indicator::before,
.mat-mdc-raised-button .mat-mdc-focus-indicator::before {
    margin: calc(calc(var(--mat-mdc-focus-indicator-border-width, 3px) + 2px) * -1)
}

.mat-mdc-outlined-button .mat-mdc-focus-indicator::before {
    margin: calc(calc(var(--mat-mdc-focus-indicator-border-width, 3px) + 3px) * -1)
}

.cdk-high-contrast-active .mat-mdc-button:not(.mdc-button--outlined),
.cdk-high-contrast-active .mat-mdc-unelevated-button:not(.mdc-button--outlined),
.cdk-high-contrast-active .mat-mdc-raised-button:not(.mdc-button--outlined),
.cdk-high-contrast-active .mat-mdc-outlined-button:not(.mdc-button--outlined),
.cdk-high-contrast-active .mat-mdc-icon-button {
    outline: solid 1px
}

.mdc-icon-button {
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    border: none;
    outline: none;
    background-color: rgba(0, 0, 0, 0);
    fill: currentColor;
    color: inherit;
    text-decoration: none;
    cursor: pointer;
    user-select: none;
    z-index: 0;
    overflow: visible
}

.mdc-icon-button .mdc-icon-button__touch {
    position: absolute;
    top: 50%;
    height: 48px;
    left: 50%;
    width: 48px;
    transform: translate(-50%, -50%)
}

@media screen and (forced-colors: active) {

    .mdc-icon-button.mdc-ripple-upgraded--background-focused .mdc-icon-button__focus-ring,
    .mdc-icon-button:not(.mdc-ripple-upgraded):focus .mdc-icon-button__focus-ring {
        display: block
    }
}

.mdc-icon-button:disabled {
    cursor: default;
    pointer-events: none
}

.mdc-icon-button[hidden] {
    display: none
}

.mdc-icon-button--display-flex {
    align-items: center;
    display: inline-flex;
    justify-content: center
}

.mdc-icon-button__focus-ring {
    pointer-events: none;
    border: 2px solid rgba(0, 0, 0, 0);
    border-radius: 6px;
    box-sizing: content-box;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 100%;
    width: 100%;
    display: none
}

@media screen and (forced-colors: active) {
    .mdc-icon-button__focus-ring {
        border-color: CanvasText
    }
}

.mdc-icon-button__focus-ring::after {
    content: "";
    border: 2px solid rgba(0, 0, 0, 0);
    border-radius: 8px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: calc(100% + 4px);
    width: calc(100% + 4px)
}

@media screen and (forced-colors: active) {
    .mdc-icon-button__focus-ring::after {
        border-color: CanvasText
    }
}

.mdc-icon-button__icon {
    display: inline-block
}

.mdc-icon-button__icon.mdc-icon-button__icon--on {
    display: none
}

.mdc-icon-button--on .mdc-icon-button__icon {
    display: none
}

.mdc-icon-button--on .mdc-icon-button__icon.mdc-icon-button__icon--on {
    display: inline-block
}

.mdc-icon-button__link {
    height: 100%;
    left: 0;
    outline: none;
    position: absolute;
    top: 0;
    width: 100%
}

.mat-mdc-icon-button {
    height: var(--mdc-icon-button-state-layer-size);
    width: var(--mdc-icon-button-state-layer-size);
    color: var(--mdc-icon-button-icon-color);
    --mdc-icon-button-state-layer-size: 48px;
    --mdc-icon-button-icon-size: 24px;
    --mdc-icon-button-disabled-icon-color: black;
    --mdc-icon-button-disabled-icon-opacity: 0.38
}

.mat-mdc-icon-button .mdc-button__icon {
    font-size: var(--mdc-icon-button-icon-size)
}

.mat-mdc-icon-button svg,
.mat-mdc-icon-button img {
    width: var(--mdc-icon-button-icon-size);
    height: var(--mdc-icon-button-icon-size)
}

.mat-mdc-icon-button:disabled {
    opacity: var(--mdc-icon-button-disabled-icon-opacity)
}

.mat-mdc-icon-button:disabled {
    color: var(--mdc-icon-button-disabled-icon-color)
}

.mat-mdc-icon-button {
    padding: 12px;
    font-size: var(--mdc-icon-button-icon-size);
    border-radius: 50%;
    flex-shrink: 0;
    text-align: center;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.mat-mdc-icon-button svg {
    vertical-align: baseline
}

.mat-mdc-icon-button[disabled] {
    cursor: default;
    pointer-events: none;
    opacity: 1
}

.mat-mdc-icon-button .mat-mdc-button-ripple,
.mat-mdc-icon-button .mat-mdc-button-persistent-ripple,
.mat-mdc-icon-button .mat-mdc-button-persistent-ripple::before {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    pointer-events: none;
    border-radius: inherit
}

.mat-mdc-icon-button .mat-mdc-button-ripple {
    overflow: hidden
}

.mat-mdc-icon-button .mat-mdc-button-persistent-ripple::before {
    content: "";
    opacity: 0;
    background-color: var(--mat-mdc-button-persistent-ripple-color)
}

.mat-mdc-icon-button .mat-ripple-element {
    background-color: var(--mat-mdc-button-ripple-color)
}

.mat-mdc-icon-button .mdc-button__label {
    z-index: 1
}

.mat-mdc-icon-button .mat-mdc-focus-indicator {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute
}

.mat-mdc-icon-button:focus .mat-mdc-focus-indicator::before {
    content: ""
}

.mat-mdc-icon-button .mat-mdc-button-touch-target {
    position: absolute;
    top: 50%;
    height: 48px;
    left: 50%;
    width: 48px;
    transform: translate(-50%, -50%)
}

.mat-mdc-icon-button._mat-animation-noopable {
    transition: none !important;
    animation: none !important
}

.mat-mdc-icon-button .mat-mdc-button-persistent-ripple {
    border-radius: 50%
}

.mat-mdc-icon-button.mat-unthemed:not(.mdc-ripple-upgraded):focus::before,
.mat-mdc-icon-button.mat-primary:not(.mdc-ripple-upgraded):focus::before,
.mat-mdc-icon-button.mat-accent:not(.mdc-ripple-upgraded):focus::before,
.mat-mdc-icon-button.mat-warn:not(.mdc-ripple-upgraded):focus::before {
    background: rgba(0, 0, 0, 0);
    opacity: 1
}

.mdc-elevation-overlay {
    position: absolute;
    border-radius: inherit;
    pointer-events: none;
    opacity: var(--mdc-elevation-overlay-opacity, 0);
    transition: opacity 280ms cubic-bezier(0.4, 0, 0.2, 1)
}

.mdc-dialog,
.mdc-dialog__scrim {
    position: fixed;
    top: 0;
    left: 0;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 100%;
    height: 100%
}

.mdc-dialog {
    display: none;
    z-index: var(--mdc-dialog-z-index, 7)
}

.mdc-dialog .mdc-dialog__content {
    padding: 20px 24px 20px 24px
}

.mdc-dialog .mdc-dialog__surface {
    min-width: 280px
}

@media(max-width: 592px) {
    .mdc-dialog .mdc-dialog__surface {
        max-width: calc(100vw - 32px)
    }
}

@media(min-width: 592px) {
    .mdc-dialog .mdc-dialog__surface {
        max-width: 560px
    }
}

.mdc-dialog .mdc-dialog__surface {
    max-height: calc(100% - 32px)
}

.mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface {
    max-width: none
}

@media(max-width: 960px) {
    .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface {
        max-height: 560px;
        width: 560px
    }

    .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface .mdc-dialog__close {
        right: -12px
    }
}

@media(max-width: 720px)and (max-width: 672px) {
    .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface {
        width: calc(100vw - 112px)
    }
}

@media(max-width: 720px)and (min-width: 672px) {
    .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface {
        width: 560px
    }
}

@media(max-width: 720px)and (max-height: 720px) {
    .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface {
        max-height: calc(100vh - 160px)
    }
}

@media(max-width: 720px)and (min-height: 720px) {
    .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface {
        max-height: 560px
    }
}

@media(max-width: 720px) {
    .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface .mdc-dialog__close {
        right: -12px
    }
}

@media(max-width: 720px)and (max-height: 400px), (max-width: 600px), (min-width: 720px)and (max-height: 400px) {
    .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface {
        height: 100%;
        max-height: 100vh;
        max-width: 100vw;
        width: 100vw;
        border-radius: 0
    }

    .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface .mdc-dialog__close {
        order: -1;
        left: -12px
    }

    .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface .mdc-dialog__header {
        padding: 0 16px 9px;
        justify-content: flex-start
    }

    .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface .mdc-dialog__title {
        margin-left: calc(16px - 2 * 12px)
    }
}

@media(min-width: 960px) {
    .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface {
        width: calc(100vw - 400px)
    }

    .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface .mdc-dialog__close {
        right: -12px
    }
}

.mdc-dialog.mdc-dialog__scrim--hidden .mdc-dialog__scrim {
    opacity: 0
}

.mdc-dialog__scrim {
    opacity: 0;
    z-index: -1
}

.mdc-dialog__container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
    box-sizing: border-box;
    height: 100%;
    transform: scale(0.8);
    opacity: 0;
    pointer-events: none
}

.mdc-dialog__surface {
    position: relative;
    display: flex;
    flex-direction: column;
    flex-grow: 0;
    flex-shrink: 0;
    box-sizing: border-box;
    max-width: 100%;
    max-height: 100%;
    pointer-events: auto;
    overflow-y: auto;
    outline: 0
}

.mdc-dialog__surface .mdc-elevation-overlay {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

[dir=rtl] .mdc-dialog__surface,
.mdc-dialog__surface[dir=rtl] {
    text-align: right
}

@media screen and (forced-colors: active),
(-ms-high-contrast: active) {
    .mdc-dialog__surface {
        outline: 2px solid windowText
    }
}

.mdc-dialog__surface::before {
    position: absolute;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border: 2px solid rgba(0, 0, 0, 0);
    border-radius: inherit;
    content: "";
    pointer-events: none
}

@media screen and (forced-colors: active) {
    .mdc-dialog__surface::before {
        border-color: CanvasText
    }
}

@media screen and (-ms-high-contrast: active),
screen and (-ms-high-contrast: none) {
    .mdc-dialog__surface::before {
        content: none
    }
}

.mdc-dialog__title {
    display: block;
    margin-top: 0;
    position: relative;
    flex-shrink: 0;
    box-sizing: border-box;
    margin: 0 0 1px;
    padding: 0 24px 9px
}

.mdc-dialog__title::before {
    display: inline-block;
    width: 0;
    height: 40px;
    content: "";
    vertical-align: 0
}

[dir=rtl] .mdc-dialog__title,
.mdc-dialog__title[dir=rtl] {
    text-align: right
}

.mdc-dialog--scrollable .mdc-dialog__title {
    margin-bottom: 1px;
    padding-bottom: 15px
}

.mdc-dialog--fullscreen .mdc-dialog__header {
    align-items: baseline;
    border-bottom: 1px solid rgba(0, 0, 0, 0);
    display: inline-flex;
    justify-content: space-between;
    padding: 0 24px 9px;
    z-index: 1
}

@media screen and (forced-colors: active) {
    .mdc-dialog--fullscreen .mdc-dialog__header {
        border-bottom-color: CanvasText
    }
}

.mdc-dialog--fullscreen .mdc-dialog__header .mdc-dialog__close {
    right: -12px
}

.mdc-dialog--fullscreen .mdc-dialog__title {
    margin-bottom: 0;
    padding: 0;
    border-bottom: 0
}

.mdc-dialog--fullscreen.mdc-dialog--scrollable .mdc-dialog__title {
    border-bottom: 0;
    margin-bottom: 0
}

.mdc-dialog--fullscreen .mdc-dialog__close {
    top: 5px
}

.mdc-dialog--fullscreen.mdc-dialog--scrollable .mdc-dialog__actions {
    border-top: 1px solid rgba(0, 0, 0, 0)
}

@media screen and (forced-colors: active) {
    .mdc-dialog--fullscreen.mdc-dialog--scrollable .mdc-dialog__actions {
        border-top-color: CanvasText
    }
}

.mdc-dialog--fullscreen--titleless .mdc-dialog__close {
    margin-top: 4px
}

.mdc-dialog--fullscreen--titleless.mdc-dialog--scrollable .mdc-dialog__close {
    margin-top: 0
}

.mdc-dialog__content {
    flex-grow: 1;
    box-sizing: border-box;
    margin: 0;
    overflow: auto
}

.mdc-dialog__content>:first-child {
    margin-top: 0
}

.mdc-dialog__content>:last-child {
    margin-bottom: 0
}

.mdc-dialog__title+.mdc-dialog__content,
.mdc-dialog__header+.mdc-dialog__content {
    padding-top: 0
}

.mdc-dialog--scrollable .mdc-dialog__title+.mdc-dialog__content {
    padding-top: 8px;
    padding-bottom: 8px
}

.mdc-dialog__content .mdc-deprecated-list:first-child:last-child {
    padding: 6px 0 0
}

.mdc-dialog--scrollable .mdc-dialog__content .mdc-deprecated-list:first-child:last-child {
    padding: 0
}

.mdc-dialog__actions {
    display: flex;
    position: relative;
    flex-shrink: 0;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    box-sizing: border-box;
    min-height: 52px;
    margin: 0;
    padding: 8px;
    border-top: 1px solid rgba(0, 0, 0, 0)
}

@media screen and (forced-colors: active) {
    .mdc-dialog__actions {
        border-top-color: CanvasText
    }
}

.mdc-dialog--stacked .mdc-dialog__actions {
    flex-direction: column;
    align-items: flex-end
}

.mdc-dialog__button {
    margin-left: 8px;
    margin-right: 0;
    max-width: 100%;
    text-align: right
}

[dir=rtl] .mdc-dialog__button,
.mdc-dialog__button[dir=rtl] {
    margin-left: 0;
    margin-right: 8px
}

.mdc-dialog__button:first-child {
    margin-left: 0;
    margin-right: 0
}

[dir=rtl] .mdc-dialog__button:first-child,
.mdc-dialog__button:first-child[dir=rtl] {
    margin-left: 0;
    margin-right: 0
}

[dir=rtl] .mdc-dialog__button,
.mdc-dialog__button[dir=rtl] {
    text-align: left
}

.mdc-dialog--stacked .mdc-dialog__button:not(:first-child) {
    margin-top: 12px
}

.mdc-dialog--open,
.mdc-dialog--opening,
.mdc-dialog--closing {
    display: flex
}

.mdc-dialog--opening .mdc-dialog__scrim {
    transition: opacity 150ms linear
}

.mdc-dialog--opening .mdc-dialog__container {
    transition: opacity 75ms linear, transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1)
}

.mdc-dialog--closing .mdc-dialog__scrim,
.mdc-dialog--closing .mdc-dialog__container {
    transition: opacity 75ms linear
}

.mdc-dialog--closing .mdc-dialog__container {
    transform: none
}

.mdc-dialog--open .mdc-dialog__scrim {
    opacity: 1
}

.mdc-dialog--open .mdc-dialog__container {
    transform: none;
    opacity: 1
}

.mdc-dialog--open.mdc-dialog__surface-scrim--shown .mdc-dialog__surface-scrim {
    opacity: 1
}

.mdc-dialog--open.mdc-dialog__surface-scrim--hiding .mdc-dialog__surface-scrim {
    transition: opacity 75ms linear
}

.mdc-dialog--open.mdc-dialog__surface-scrim--showing .mdc-dialog__surface-scrim {
    transition: opacity 150ms linear
}

.mdc-dialog__surface-scrim {
    display: none;
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1
}

.mdc-dialog__surface-scrim--shown .mdc-dialog__surface-scrim,
.mdc-dialog__surface-scrim--showing .mdc-dialog__surface-scrim,
.mdc-dialog__surface-scrim--hiding .mdc-dialog__surface-scrim {
    display: block
}

.mdc-dialog-scroll-lock {
    overflow: hidden
}

.mdc-dialog--no-content-padding .mdc-dialog__content {
    padding: 0
}

.mdc-dialog--sheet .mdc-dialog__container .mdc-dialog__close {
    right: 12px;
    top: 9px;
    position: absolute;
    z-index: 1
}

.mdc-dialog__scrim--removed {
    pointer-events: none
}

.mdc-dialog__scrim--removed .mdc-dialog__scrim,
.mdc-dialog__scrim--removed .mdc-dialog__surface-scrim {
    display: none
}

.mat-mdc-dialog-content {
    max-height: 65vh
}

.mat-mdc-dialog-container {
    position: static;
    display: block
}

.mat-mdc-dialog-container,
.mat-mdc-dialog-container .mdc-dialog__container,
.mat-mdc-dialog-container .mdc-dialog__surface {
    max-height: inherit;
    min-height: inherit;
    min-width: inherit;
    max-width: inherit
}

.mat-mdc-dialog-container .mdc-dialog__surface {
    display: block;
    width: 100%;
    height: 100%
}

.mat-mdc-dialog-container {
    --mdc-dialog-container-elevation-shadow: 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);
    --mdc-dialog-container-shadow-color: #000;
    --mdc-dialog-container-shape: 4px;
    --mdc-dialog-container-elevation: var(--mdc-dialog-container-elevation-shadow);
    outline: 0
}

.mat-mdc-dialog-container .mdc-dialog__surface {
    background-color: var(--mdc-dialog-container-color, white)
}

.mat-mdc-dialog-container .mdc-dialog__surface {
    box-shadow: var(--mdc-dialog-container-elevation, 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))
}

.mat-mdc-dialog-container .mdc-dialog__surface {
    border-radius: var(--mdc-dialog-container-shape, 4px)
}

.mat-mdc-dialog-container .mdc-dialog__title {
    font-family: var(--mdc-dialog-subhead-font, Roboto, sans-serif);
    line-height: var(--mdc-dialog-subhead-line-height, 1.5rem);
    font-size: var(--mdc-dialog-subhead-size, 1rem);
    font-weight: var(--mdc-dialog-subhead-weight, 400);
    letter-spacing: var(--mdc-dialog-subhead-tracking, 0.03125em)
}

.mat-mdc-dialog-container .mdc-dialog__title {
    color: var(--mdc-dialog-subhead-color, rgba(0, 0, 0, 0.87))
}

.mat-mdc-dialog-container .mdc-dialog__content {
    font-family: var(--mdc-dialog-supporting-text-font, Roboto, sans-serif);
    line-height: var(--mdc-dialog-supporting-text-line-height, 1.5rem);
    font-size: var(--mdc-dialog-supporting-text-size, 1rem);
    font-weight: var(--mdc-dialog-supporting-text-weight, 400);
    letter-spacing: var(--mdc-dialog-supporting-text-tracking, 0.03125em)
}

.mat-mdc-dialog-container .mdc-dialog__content {
    color: var(--mdc-dialog-supporting-text-color, rgba(0, 0, 0, 0.6))
}

.mat-mdc-dialog-container .mdc-dialog__container {
    transition-duration: var(--mat-dialog-transition-duration, 0ms)
}

.mat-mdc-dialog-container._mat-animation-noopable .mdc-dialog__container {
    transition: none
}

.mat-mdc-dialog-content {
    display: block
}

.mat-mdc-dialog-actions {
    justify-content: start
}

.mat-mdc-dialog-actions.mat-mdc-dialog-actions-align-center,
.mat-mdc-dialog-actions[align=center] {
    justify-content: center
}

.mat-mdc-dialog-actions.mat-mdc-dialog-actions-align-end,
.mat-mdc-dialog-actions[align=end] {
    justify-content: flex-end
}

.mat-mdc-dialog-actions .mat-button-base+.mat-button-base,
.mat-mdc-dialog-actions .mat-mdc-button-base+.mat-mdc-button-base {
    margin-left: 8px
}

[dir=rtl] .mat-mdc-dialog-actions .mat-button-base+.mat-button-base,
[dir=rtl] .mat-mdc-dialog-actions .mat-mdc-button-base+.mat-mdc-button-base {
    margin-left: 0;
    margin-right: 8px
}

[_ngcontent-ng-c3674886643]:root {
    --grey-00: #111111;
    --grey-50: #171717;
    --grey-75: #1e1e1e;
    --grey-100: #393939;
    --grey-200: #5f5f5f;
    --grey-300: #858585;
    --grey-400: #a1a1a1;
    --grey-500: #bebebe;
    --grey-600: #c4c4c4;
    --grey-700: #cdcdcd;
    --grey-800: #d5d5d5;
    --grey-900: #e3e3e3;
    --header-dark-color: #181E25;
    --footer-grey-color: #D9D9D9;
    --primary-color: #ffffff;
    --primary-color-shade: #ffffff;
    --primary-color-tint: #ffffff;
    --primary-color-contrast: #ffffff;
    --black-color: #000;
    --black-color-rgb: 0, 0, 0;
    --bg-grey: #f7f9f9;
    --red-color: #C44141;
    --marquee-red: #F44242;
    --green-color: #138807;
    --yellow-color: #E7A22A;
    --bg-grey-5: #C7C7C7;
    --card-background: #EAEAEA;
    --input-background: #E8E8E8;
    --chip-border: #FEAFB2;
    --lay-color: #FDC9D4;
    --lay-color-light: #fff3f4;
    --back-color: #A0D8FB;
    --back-color-light: #f2f9ff;
    --reset-background: #C13F50;
    --white-color: #ffffff;
    --back-light: #D4E8F8;
    --lay-light: #F7E7EB;
    --blue-color: #31a8df;
    --tabIcon-filter: invert(1);
    --d-color: #11833e;
    --w-color: #dd514a;
    --dark-blue-color: #1F6EE7
}

body[color-theme=default][_ngcontent-ng-c3674886643] {
    --secondary-color: #FFC629;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #FFC629;
    --tabIcon-filter: invert(0)
}

body[color-theme=water-blue][_ngcontent-ng-c3674886643] {
    --secondary-color: #1E64CE;
    --secondary-color-contrast: #ffffff;
    --primary-color: #1E64CE;
    --primary-color-shade: #1F6EE7;
    --primary-color-tint: #2081e7;
    --primary-color-contrast: #ffffff;
    --highlight-color: #ffffff;
    --tabIcon-filter: invert(0)
}

body[color-theme=sunglow][_ngcontent-ng-c3674886643] {
    --secondary-color: #FFC629;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #FFC629;
    --tabIcon-filter: invert(0)
}

body[color-theme=gopunt][_ngcontent-ng-c3674886643] {
    --secondary-color: #feb912;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #feb912;
    --tabIcon-filter: invert(0)
}

body[color-theme=raspberry-pink][_ngcontent-ng-c3674886643] {
    --secondary-color: #db469a;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #db469a;
    --tabIcon-filter: invert(0)
}

body[color-theme=bright-gold][_ngcontent-ng-c3674886643] {
    --secondary-color: #FFCB00;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #FFCB00;
    --tabIcon-filter: invert(0)
}

body[color-theme=saffron][_ngcontent-ng-c3674886643] {
    --secondary-color: #FF671F;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #FF671F;
    --tabIcon-filter: invert(0)
}

body[color-theme=firebush][_ngcontent-ng-c3674886643] {
    --secondary-color: #ff8e2a;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #ff8e2a;
    --tabIcon-filter: invert(0)
}

body[color-theme=darkorange][_ngcontent-ng-c3674886643] {
    --secondary-color: #F78A02;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #F78A02;
    --tabIcon-filter: invert(0)
}

body[color-theme=brightorange][_ngcontent-ng-c3674886643] {
    --secondary-color: #ff6600;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #ff6600;
    --tabIcon-filter: invert(0)
}

body[color-theme=rubyred][_ngcontent-ng-c3674886643] {
    --secondary-color: #e82127;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #e82127;
    --tabIcon-filter: invert(0)
}

body[color-theme=ferrarired][_ngcontent-ng-c3674886643] {
    --secondary-color: #ff2800;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #ff2800;
    --tabIcon-filter: invert(0)
}

body[color-theme=brickred][_ngcontent-ng-c3674886643] {
    --secondary-color: #C32034;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #C32034;
    --tabIcon-filter: invert(0)
}

body[color-theme=dustyred][_ngcontent-ng-c3674886643] {
    --secondary-color: #c14646;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #c14646;
    --tabIcon-filter: invert(0)
}

body[color-theme=lavared][_ngcontent-ng-c3674886643] {
    --secondary-color: #d72c0a;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #d72c0a;
    --tabIcon-filter: invert(0)
}

body[color-theme=orangyred][_ngcontent-ng-c3674886643] {
    --secondary-color: #b01d0b;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #b01d0b;
    --tabIcon-filter: invert(0)
}

body[color-theme=supernova][_ngcontent-ng-c3674886643] {
    --secondary-color: #fdcf13;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #fdcf13;
    --tabIcon-filter: invert(0)
}

body[color-theme=orangeyellow][_ngcontent-ng-c3674886643] {
    --secondary-color: #feba0d;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #feba0d;
    --tabIcon-filter: invert(0)
}

body[color-theme=amberyellow][_ngcontent-ng-c3674886643] {
    --secondary-color: #ffb80c;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #ffb80c;
    --tabIcon-filter: invert(0)
}

body[color-theme=sunshade][_ngcontent-ng-c3674886643] {
    --secondary-color: #FF9934;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #FF9934;
    --tabIcon-filter: invert(0)
}

body[color-theme=deepsaffron][_ngcontent-ng-c3674886643] {
    --secondary-color: #f79333;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #f79333;
    --tabIcon-filter: invert(0)
}

body[color-theme=cadmiumorange][_ngcontent-ng-c3674886643] {
    --secondary-color: #ea9624;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #ea9624;
    --tabIcon-filter: invert(0)
}

body[color-theme=fadedorange][_ngcontent-ng-c3674886643] {
    --secondary-color: #F88651;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #F88651;
    --tabIcon-filter: invert(0)
}

body[color-theme=granolagold][_ngcontent-ng-c3674886643] {
    --secondary-color: #ba9445;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #ba9445;
    --tabIcon-filter: invert(0)
}

body[color-theme=eucalyptusgreen][_ngcontent-ng-c3674886643] {
    --secondary-color: #159365;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #159365;
    --tabIcon-filter: invert(0)
}

body[color-theme=venomgreen][_ngcontent-ng-c3674886643] {
    --secondary-color: #659910;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #659910;
    --tabIcon-filter: invert(0)
}

body[color-theme=peagreen][_ngcontent-ng-c3674886643] {
    --secondary-color: #A6CE39;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #A6CE39;
    --tabIcon-filter: invert(0)
}

body[color-theme=vibrantgreen][_ngcontent-ng-c3674886643] {
    --secondary-color: #00BC00;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #00BC00;
    --tabIcon-filter: invert(0)
}

body[color-theme=pinegreen][_ngcontent-ng-c3674886643] {
    --secondary-color: #14795a;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #14795a;
    --tabIcon-filter: invert(0)
}

body[color-theme=fountainblue][_ngcontent-ng-c3674886643] {
    --secondary-color: #5dade2;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #5dade2;
    --tabIcon-filter: invert(0)
}

body[color-theme=crystalblue][_ngcontent-ng-c3674886643] {
    --secondary-color: #3bc6f3;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #3bc6f3;
    --tabIcon-filter: invert(0)
}

body[color-theme=darkcyan][_ngcontent-ng-c3674886643] {
    --secondary-color: #149897;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #149897;
    --tabIcon-filter: invert(0)
}

body[color-theme=frenchblue][_ngcontent-ng-c3674886643] {
    --secondary-color: #0075DB;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #0075DB;
    --tabIcon-filter: invert(0)
}

body[color-theme=silkblue][_ngcontent-ng-c3674886643] {
    --secondary-color: #3F77D9;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #3F77D9;
    --tabIcon-filter: invert(0)
}

body[color-theme=veniceblue][_ngcontent-ng-c3674886643] {
    --secondary-color: #005b96;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #005b96;
    --tabIcon-filter: invert(0)
}

body[color-theme=midnightblue][_ngcontent-ng-c3674886643] {
    --secondary-color: #0285c8;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #0285c8;
    --tabIcon-filter: invert(0)
}

body[color-theme=mineralgreen][_ngcontent-ng-c3674886643] {
    --secondary-color: #3d5566;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #3d5566;
    --tabIcon-filter: invert(0)
}

body[color-theme=warmpurple][_ngcontent-ng-c3674886643] {
    --secondary-color: #7e1fac;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #7e1fac;
    --tabIcon-filter: invert(0)
}

body[color-theme=cobaltblue][_ngcontent-ng-c3674886643] {
    --secondary-color: #1A3DA6;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #1A3DA6;
    --tabIcon-filter: invert(0)
}

body[color-theme=pacificblue][_ngcontent-ng-c3674886643] {
    --secondary-color: #04A1A6;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #04A1A6;
    --tabIcon-filter: invert(0)
}

body[color-theme=fuelyellow][_ngcontent-ng-c3674886643] {
    --secondary-color: #f6ae2d;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #f6ae2d;
    --tabIcon-filter: invert(0)
}

body[color-theme=brightyellow][_ngcontent-ng-c3674886643] {
    --secondary-color: #f3e819;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #f3e819;
    --tabIcon-filter: invert(0)
}

body[color-theme=osgbook][_ngcontent-ng-c3674886643] {
    --secondary-color: #1A3DA6;
    --secondary-color-contrast: #ffffff;
    --primary-color: #1A3DA6;
    --primary-color-shade: #0f2462;
    --primary-color-tint: #0f2462;
    --primary-color-contrast: #ffffff;
    --highlight-color: #ffffff;
    --tabIcon-filter: invert(0)
}

body[color-theme=tuliporange][_ngcontent-ng-c3674886643] {
    --secondary-color: #F6A237;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #F6A237;
    --tabIcon-filter: invert(0)
}

body[color-theme=winered][_ngcontent-ng-c3674886643] {
    --secondary-color: #A00000;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #A00000;
    --tabIcon-filter: invert(0)
}

body[color-theme=cranberry][_ngcontent-ng-c3674886643] {
    --secondary-color: #D84396;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #D84396;
    --tabIcon-filter: invert(0)
}

body[color-theme=marine][_ngcontent-ng-c3674886643] {
    --secondary-color: #0B2972;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #0B2972;
    --tabIcon-filter: invert(0)
}

body[color-theme=candlelight][_ngcontent-ng-c3674886643] {
    --secondary-color: #FFE001;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #FFE001;
    --tabIcon-filter: invert(0)
}

body[color-theme=beeyellow][_ngcontent-ng-c3674886643] {
    --secondary-color: #EBB023;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #EBB023;
    --tabIcon-filter: invert(0)
}

body[color-theme=orangepeel][_ngcontent-ng-c3674886643] {
    --secondary-color: #FFA800;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #FFA800;
    --tabIcon-filter: invert(0)
}

body[color-theme=azureblue][_ngcontent-ng-c3674886643] {
    --secondary-color: #007ACC;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #007ACC;
    --tabIcon-filter: invert(0)
}

body[color-theme=chromeorange][_ngcontent-ng-c3674886643] {
    --secondary-color: #FF9600;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #FF9600;
    --tabIcon-filter: invert(0)
}

body[color-theme=vibrantyellow][_ngcontent-ng-c3674886643] {
    --secondary-color: #F8FF13;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #F8FF13;
    --tabIcon-filter: invert(0)
}

body[color-theme=shyam365][_ngcontent-ng-c3674886643],
body[color-theme=newlotus][_ngcontent-ng-c3674886643],
body[color-theme=lotus365s][_ngcontent-ng-c3674886643],
body[color-theme=gamblerid365][_ngcontent-ng-c3674886643] {
    --secondary-color: #FFE001;
    --secondary-color-contrast: #000000;
    --primary-color: #1e8067;
    --primary-color-shade: #1a715b;
    --primary-color-tint: #358d76;
    --primary-color-contrast: #ffffff;
    --highlight-color: #FFE001;
    --tabIcon-filter: invert(0)
}

body[color-theme=driftwood][_ngcontent-ng-c3674886643] {
    --secondary-color: #b4833e;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #b4833e;
    --tabIcon-filter: invert(0)
}

body[color-theme=darkpink][_ngcontent-ng-c3674886643] {
    --secondary-color: #B6277B;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #B6277B;
    --tabIcon-filter: invert(0)
}

body[color-theme=cherryred][_ngcontent-ng-c3674886643] {
    --secondary-color: #C10930;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #C10930;
    --tabIcon-filter: invert(0)
}

body[color-theme=electricblue][_ngcontent-ng-c3674886643] {
    --secondary-color: #0088CC;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #0088CC;
    --tabIcon-filter: invert(0)
}

body[color-theme=matchpari][_ngcontent-ng-c3674886643] {
    --secondary-color: #FFC629;
    --secondary-color-contrast: #000000;
    --primary-color: #8000FF;
    --primary-color-shade: #7100e0;
    --primary-color-tint: #8d1aff;
    --primary-color-contrast: #ffffff;
    --highlight-color: #FFC629;
    --tabIcon-filter: invert(0)
}

body[color-theme=dustyorange][_ngcontent-ng-c3674886643] {
    --secondary-color: #EE8C31;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #EE8C31;
    --tabIcon-filter: invert(0)
}

body[color-theme=artyred][_ngcontent-ng-c3674886643] {
    --secondary-color: #FD0000;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #FD0000;
    --tabIcon-filter: invert(0)
}

body[color-theme=goldenbell][_ngcontent-ng-c3674886643] {
    --secondary-color: #ED8929;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #ED8929;
    --tabIcon-filter: invert(0)
}

body[color-theme=brightaqua][_ngcontent-ng-c3674886643] {
    --secondary-color: #00FFFC;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #00FFFC;
    --tabIcon-filter: invert(0)
}

body[color-theme=sandyellow][_ngcontent-ng-c3674886643] {
    --secondary-color: #E9C869;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #E9C869;
    --tabIcon-filter: invert(0)
}

body[color-theme=darkblue][_ngcontent-ng-c3674886643] {
    --secondary-color: #183787;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #183787;
    --tabIcon-filter: invert(0)
}

body[color-theme=funbuzz][_ngcontent-ng-c3674886643] {
    --secondary-color: #FFCC00;
    --secondary-color-contrast: #000000;
    --primary-color: #184438;
    --primary-color-shade: #153c31;
    --primary-color-tint: #2f574c;
    --primary-color-contrast: #ffffff;
    --highlight-color: #FFCC00;
    --tabIcon-filter: invert(0)
}

body[color-theme=tiger11][_ngcontent-ng-c3674886643] {
    --secondary-color: #FF9700;
    --secondary-color-contrast: #000000;
    --primary-color: #205685;
    --primary-color-shade: #1c4c75;
    --primary-color-tint: #366791;
    --primary-color-contrast: #ffffff;
    --highlight-color: #FF9700;
    --tabIcon-filter: invert(0)
}

body[color-theme=brightblue][_ngcontent-ng-c3674886643] {
    --secondary-color: #0052ED;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #0052ED;
    --tabIcon-filter: invert(0)
}

body[color-theme=brightgreen][_ngcontent-ng-c3674886643] {
    --secondary-color: #55FE43;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #55FE43;
    --tabIcon-filter: invert(0)
}

body[color-theme=yaleblue][_ngcontent-ng-c3674886643] {
    --secondary-color: #17459A;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #17459A;
    --tabIcon-filter: invert(0)
}

body[color-theme=hukumid][_ngcontent-ng-c3674886643] {
    --secondary-color: #17459A;
    --secondary-color-contrast: #ffffff;
    --primary-color: #1e8067;
    --primary-color-shade: #1a715b;
    --primary-color-tint: #358d76;
    --primary-color-contrast: #ffffff;
    --highlight-color: #17459A;
    --tabIcon-filter: invert(0)
}

body[color-theme=vividpurple][_ngcontent-ng-c3674886643] {
    --secondary-color: #8000FF;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #8000FF;
    --tabIcon-filter: invert(0)
}

body[color-theme=lightyellow][_ngcontent-ng-c3674886643] {
    --secondary-color: #F7C528;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #F7C528;
    --tabIcon-filter: invert(0)
}

body[color-theme=dodgerblue][_ngcontent-ng-c3674886643] {
    --secondary-color: #1A88F3;
    --secondary-color-contrast: #000000;
    --primary-color: #090f1e;
    --primary-color-shade: #080d1a;
    --primary-color-tint: #222735;
    --primary-color-contrast: #ffffff;
    --highlight-color: #1A88F3;
    --tabIcon-filter: invert(0)
}

body[color-theme=neonblue][_ngcontent-ng-c3674886643] {
    --secondary-color: #00CCFF;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #00CCFF;
    --tabIcon-filter: invert(0)
}

body[color-theme=olivegreen][_ngcontent-ng-c3674886643] {
    --secondary-color: #6B8834;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #6B8834;
    --tabIcon-filter: invert(0)
}

.login-section[_ngcontent-ng-c3674886643] {
    background: var(--grey-75);
    background-image: none !important
}

.login-section[_ngcontent-ng-c3674886643] .login-header-section[_ngcontent-ng-c3674886643] {
    flex-direction: column;
    justify-content: center;
    min-height: 145px;
    padding: 15px;
    box-sizing: border-box;
    position: sticky;
    top: 0
}

.login-section[_ngcontent-ng-c3674886643] .login-header-section[_ngcontent-ng-c3674886643]:before {
    content: "";
    position: absolute;
    background-color: var(--secondary-color);
    left: 50%;
    top: 0;
    transform: translate(-50%);
    width: 60%;
    height: 6px;
    border-radius: 0 0 15px 15px
}

.login-section[_ngcontent-ng-c3674886643] .login-header-section[_ngcontent-ng-c3674886643] .logo[_ngcontent-ng-c3674886643] {
    align-self: unset;
    margin: 15px 0
}

.login-section[_ngcontent-ng-c3674886643] .login-header-section[_ngcontent-ng-c3674886643] .page-back-btn[_ngcontent-ng-c3674886643] {
    background: transparent;
    border: none;
    display: flex;
    align-items: center;
    column-gap: 4px;
    color: var(--white-color);
    padding: 0;
    cursor: pointer
}

.login-section[_ngcontent-ng-c3674886643] .login-header-section[_ngcontent-ng-c3674886643] .welcome-text[_ngcontent-ng-c3674886643] p[_ngcontent-ng-c3674886643] {
    font-family: Open Sans, sans-serif;
    font-size: 14px;
    font-weight: 400;
    margin-top: 6px;
    margin-bottom: 0;
    line-height: normal;
    color: var(--grey-600)
}

.login-section[_ngcontent-ng-c3674886643] .login-header-section[_ngcontent-ng-c3674886643] .welcome-text[_ngcontent-ng-c3674886643] h2[_ngcontent-ng-c3674886643] {
    color: var(--white-color);
    font-size: 22px;
    font-weight: 500;
    font-family: open sans, sans-serif;
    margin-bottom: 0;
    margin-top: 0
}

.login-section[_ngcontent-ng-c3674886643] .body-section[_ngcontent-ng-c3674886643] {
    background: var(--grey-50);
    border-radius: 15px 15px 0 0;
    height: calc(100% - 180px);
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center
}

.login-section[_ngcontent-ng-c3674886643] .body-section[_ngcontent-ng-c3674886643] form[_ngcontent-ng-c3674886643] {
    width: 100%
}

.login-section[_ngcontent-ng-c3674886643] .body-section[_ngcontent-ng-c3674886643] .login-form[_ngcontent-ng-c3674886643] {
    padding: 15px;
    padding-bottom: 15px !important;
    margin-top: 10px
}

.login-section[_ngcontent-ng-c3674886643] .body-section[_ngcontent-ng-c3674886643] .login-form[_ngcontent-ng-c3674886643] .form-list[_ngcontent-ng-c3674886643] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    z-index: 1001
}

.login-section[_ngcontent-ng-c3674886643] .body-section[_ngcontent-ng-c3674886643] .login-form[_ngcontent-ng-c3674886643] .form-list[_ngcontent-ng-c3674886643] p.error[_ngcontent-ng-c3674886643] {
    position: absolute;
    left: 0;
    bottom: 15px;
    margin: 0;
    font-size: 12px;
    padding: 0 5px;
    color: var(--primary-color-contrast)
}

.login-section[_ngcontent-ng-c3674886643] .body-section[_ngcontent-ng-c3674886643] .login-form[_ngcontent-ng-c3674886643] .form-list[_ngcontent-ng-c3674886643] mat-form-field[_ngcontent-ng-c3674886643] {
    min-width: calc(100% - 100px);
    max-width: -moz-fit-content;
    max-width: fit-content
}

.login-section[_ngcontent-ng-c3674886643] .body-section[_ngcontent-ng-c3674886643] .login-form[_ngcontent-ng-c3674886643] .form-list[_ngcontent-ng-c3674886643] mat-form-field[_ngcontent-ng-c3674886643] .mat-mdc-text-field-wrapper {
    background: var(--card-background) !important;
    height: 50px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-radius: 0 10px 10px 0;
    border: none;
    color: var(--black-color)
}

.login-section[_ngcontent-ng-c3674886643] .body-section[_ngcontent-ng-c3674886643] .login-form[_ngcontent-ng-c3674886643] .form-list[_ngcontent-ng-c3674886643] mat-form-field[_ngcontent-ng-c3674886643] .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix {
    display: flex;
    column-gap: 4px;
    align-items: center;
    cursor: pointer
}

.login-section[_ngcontent-ng-c3674886643] .body-section[_ngcontent-ng-c3674886643] .login-form[_ngcontent-ng-c3674886643] .form-list[_ngcontent-ng-c3674886643] mat-form-field[_ngcontent-ng-c3674886643] .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix img {
    max-width: 25px;
    border-radius: 3px;
    width: 25px;
    height: 100%
}

.login-section[_ngcontent-ng-c3674886643] .body-section[_ngcontent-ng-c3674886643] .login-form[_ngcontent-ng-c3674886643] .form-list[_ngcontent-ng-c3674886643] mat-form-field[_ngcontent-ng-c3674886643] .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix p {
    margin: 0;
    font-size: 14px;
    color: var(--black-color);
    min-width: -moz-fit-content;
    min-width: fit-content
}

.login-section[_ngcontent-ng-c3674886643] .body-section[_ngcontent-ng-c3674886643] .login-form[_ngcontent-ng-c3674886643] .form-list[_ngcontent-ng-c3674886643] mat-form-field[_ngcontent-ng-c3674886643] .mat-mdc-text-field-wrapper mat-select {
    max-width: calc(100% - 28px);
    display: flex
}

.login-section[_ngcontent-ng-c3674886643] .body-section[_ngcontent-ng-c3674886643] .login-form[_ngcontent-ng-c3674886643] .form-list[_ngcontent-ng-c3674886643] mat-form-field[_ngcontent-ng-c3674886643] .mat-mdc-text-field-wrapper mat-select .mat-mdc-select-trigger {
    justify-content: flex-end
}

.login-section[_ngcontent-ng-c3674886643] .body-section[_ngcontent-ng-c3674886643] .login-form[_ngcontent-ng-c3674886643] .form-list[_ngcontent-ng-c3674886643] mat-form-field[_ngcontent-ng-c3674886643] .mat-mdc-text-field-wrapper mat-select .mat-mdc-select-arrow-wrapper {
    margin-left: 0
}

.login-section[_ngcontent-ng-c3674886643] .body-section[_ngcontent-ng-c3674886643] .login-form[_ngcontent-ng-c3674886643] .form-list[_ngcontent-ng-c3674886643] mat-form-field[_ngcontent-ng-c3674886643] .mat-mdc-text-field-wrapper mat-select .mat-mdc-select-value {
    display: none
}

.login-section[_ngcontent-ng-c3674886643] .body-section[_ngcontent-ng-c3674886643] .login-form[_ngcontent-ng-c3674886643] .form-list[_ngcontent-ng-c3674886643] mat-form-field[_ngcontent-ng-c3674886643] .mat-mdc-text-field-wrapper mat-select .mat-mdc-select-value .mat-mdc-select-value-text {
    font-size: 14px;
    display: none
}

.login-section[_ngcontent-ng-c3674886643] .body-section[_ngcontent-ng-c3674886643] .login-form[_ngcontent-ng-c3674886643] .form-list[_ngcontent-ng-c3674886643] mat-form-field[_ngcontent-ng-c3674886643] .mat-mdc-text-field-wrapper .mdc-line-ripple {
    display: none
}

.login-section[_ngcontent-ng-c3674886643] .body-section[_ngcontent-ng-c3674886643] .login-form[_ngcontent-ng-c3674886643] .form-list[_ngcontent-ng-c3674886643] mat-form-field[_ngcontent-ng-c3674886643] .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix input {
    font-size: 14px;
    border: none;
    outline: none;
    border-radius: 6px
}

.login-section[_ngcontent-ng-c3674886643] .body-section[_ngcontent-ng-c3674886643] .login-form[_ngcontent-ng-c3674886643] .form-list[_ngcontent-ng-c3674886643] mat-form-field.select-menu[_ngcontent-ng-c3674886643] {
    min-width: 100px;
    width: 100px;
    position: relative
}

.login-section[_ngcontent-ng-c3674886643] .body-section[_ngcontent-ng-c3674886643] .login-form[_ngcontent-ng-c3674886643] .form-list[_ngcontent-ng-c3674886643] mat-form-field.select-menu[_ngcontent-ng-c3674886643]:before {
    content: "";
    width: 2px;
    background: var(--grey-600);
    height: 30px;
    position: absolute;
    top: 10px;
    right: 0;
    z-index: 1;
    opacity: .6
}

.login-section[_ngcontent-ng-c3674886643] .body-section[_ngcontent-ng-c3674886643] .login-form[_ngcontent-ng-c3674886643] .form-list[_ngcontent-ng-c3674886643] mat-form-field.select-menu[_ngcontent-ng-c3674886643] .mat-mdc-text-field-wrapper {
    border-radius: 10px 0 0 10px;
    position: relative;
    padding: 0 8px
}

.login-section[_ngcontent-ng-c3674886643] .body-section[_ngcontent-ng-c3674886643] .login-form[_ngcontent-ng-c3674886643] .form-btn[_ngcontent-ng-c3674886643] {
    width: 100%
}

.login-section[_ngcontent-ng-c3674886643] .body-section[_ngcontent-ng-c3674886643] .login-form[_ngcontent-ng-c3674886643] .form-btn[_ngcontent-ng-c3674886643] .otpBTNs[_ngcontent-ng-c3674886643] {
    display: flex;
    width: 100%;
    column-gap: 5px;
    row-gap: 5px
}

.login-section[_ngcontent-ng-c3674886643] .body-section[_ngcontent-ng-c3674886643] .login-form[_ngcontent-ng-c3674886643] .form-btn[_ngcontent-ng-c3674886643] .otpBTNs[_ngcontent-ng-c3674886643] button[_ngcontent-ng-c3674886643] {
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;

}

.login-section[_ngcontent-ng-c3674886643] .body-section[_ngcontent-ng-c3674886643] .login-form[_ngcontent-ng-c3674886643] .form-btn[_ngcontent-ng-c3674886643] .otpBTNs[_ngcontent-ng-c3674886643] button[_ngcontent-ng-c3674886643] img[_ngcontent-ng-c3674886643] {
    width: 18px;
    margin-right: 5px
}

.login-section[_ngcontent-ng-c3674886643] .body-section[_ngcontent-ng-c3674886643] .login-form[_ngcontent-ng-c3674886643] .form-btn[_ngcontent-ng-c3674886643] .otpBTNs[_ngcontent-ng-c3674886643] button[_ngcontent-ng-c3674886643] mat-icon[_ngcontent-ng-c3674886643] {
    margin-right: 5px;
    font-size: 18px;
    width: 18px;
    height: 18px
}

.login-section[_ngcontent-ng-c3674886643] .body-section[_ngcontent-ng-c3674886643] .login-form[_ngcontent-ng-c3674886643] .form-btn[_ngcontent-ng-c3674886643] p[_ngcontent-ng-c3674886643] {
    margin: 0;
    color: var(--white-color);
    font-size: 10px
}

.login-section[_ngcontent-ng-c3674886643] .body-section[_ngcontent-ng-c3674886643] .login-form[_ngcontent-ng-c3674886643] .form-btn[_ngcontent-ng-c3674886643] p.separator[_ngcontent-ng-c3674886643] {
    text-align: center;
    margin: 10px 0
}

.login-section[_ngcontent-ng-c3674886643] .body-section[_ngcontent-ng-c3674886643] .login-form[_ngcontent-ng-c3674886643] .form-btn[_ngcontent-ng-c3674886643] .extra-btns[_ngcontent-ng-c3674886643] {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 10px
}

.login-section[_ngcontent-ng-c3674886643] .body-section[_ngcontent-ng-c3674886643] .login-form[_ngcontent-ng-c3674886643] .form-btn[_ngcontent-ng-c3674886643] .extra-btns[_ngcontent-ng-c3674886643] button[_ngcontent-ng-c3674886643] {
    min-height: 40px;

}

.login-section[_ngcontent-ng-c3674886643] .body-section[_ngcontent-ng-c3674886643] .login-form[_ngcontent-ng-c3674886643] .form-btn[_ngcontent-ng-c3674886643] .extra-btns[_ngcontent-ng-c3674886643] .whatsapp-id-btn[_ngcontent-ng-c3674886643] {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 4px;
    background: var(--header-dark-color);
    border: 1px solid #01e676;
    color: var(--white-color)
}

.login-section[_ngcontent-ng-c3674886643] .body-section[_ngcontent-ng-c3674886643] .login-form[_ngcontent-ng-c3674886643] .form-btn[_ngcontent-ng-c3674886643] .extra-btns[_ngcontent-ng-c3674886643] .whatsapp-id-btn[_ngcontent-ng-c3674886643] img[_ngcontent-ng-c3674886643] {
    width: 25px
}

.login-section[_ngcontent-ng-c3674886643] .body-section[_ngcontent-ng-c3674886643] .login-form[_ngcontent-ng-c3674886643] .form-btn[_ngcontent-ng-c3674886643] .extra-btns[_ngcontent-ng-c3674886643] .whatsapp-id-btn[_ngcontent-ng-c3674886643] p[_ngcontent-ng-c3674886643] {
    color: var(--white-color)
}

.login-section[_ngcontent-ng-c3674886643] .body-section[_ngcontent-ng-c3674886643] .login-form[_ngcontent-ng-c3674886643] .form-btn[_ngcontent-ng-c3674886643] button[_ngcontent-ng-c3674886643] {
    width: 100%;
    min-height: 45px
}

.login-section[_ngcontent-ng-c3674886643] .body-section[_ngcontent-ng-c3674886643] .terms[_ngcontent-ng-c3674886643] {
    font-size: 12px;
    opacity: .6;
    cursor: pointer;
    position: absolute;
    bottom: 10px
}

.login-section.login-page[_ngcontent-ng-c3674886643] {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.login-section.login-page[_ngcontent-ng-c3674886643] .login-header-section[_ngcontent-ng-c3674886643] {
    height: 100%;
    align-items: center;
    position: relative
}

.login-section.login-page[_ngcontent-ng-c3674886643] .login-header-section[_ngcontent-ng-c3674886643] .welcome-text[_ngcontent-ng-c3674886643] {
    display: none
}

.login-section.login-page[_ngcontent-ng-c3674886643] .body-section[_ngcontent-ng-c3674886643] {
    height: auto
}

.login-section.login-page[_ngcontent-ng-c3674886643] .body-section[_ngcontent-ng-c3674886643] .welcome-text[_ngcontent-ng-c3674886643] {
    width: 100%
}

.login-section.login-page[_ngcontent-ng-c3674886643] .body-section[_ngcontent-ng-c3674886643] .welcome-text[_ngcontent-ng-c3674886643] p[_ngcontent-ng-c3674886643] {
    font-family: Open Sans, sans-serif;
    font-size: 14px;
    font-weight: 400;
    margin-top: 6px;
    margin-bottom: 0;
    line-height: normal
}

.login-section.login-page[_ngcontent-ng-c3674886643] .body-section[_ngcontent-ng-c3674886643] .welcome-text[_ngcontent-ng-c3674886643] h2[_ngcontent-ng-c3674886643] {
    font-size: 18px;
    font-weight: 500;

    margin-bottom: 0;
    margin-top: 0
}

.login-section.login-page[_ngcontent-ng-c3674886643] .body-section[_ngcontent-ng-c3674886643] .login-form[_ngcontent-ng-c3674886643] .form-btn[_ngcontent-ng-c3674886643] p.separator[_ngcontent-ng-c3674886643] {
    color: var(--grey-900)
}

@media all and (max-width: 360px) {
    .login-section[_ngcontent-ng-c3674886643] .body-section[_ngcontent-ng-c3674886643] .login-form[_ngcontent-ng-c3674886643] {
        padding: 5px
    }

    .login-section[_ngcontent-ng-c3674886643] .body-section[_ngcontent-ng-c3674886643] .login-form[_ngcontent-ng-c3674886643] .form-btn[_ngcontent-ng-c3674886643] .extra-btns[_ngcontent-ng-c3674886643] {
        flex-direction: column;
        row-gap: 10px
    }

    .otpBTNs[_ngcontent-ng-c3674886643] {
        display: flex;
        flex-direction: column;
        width: 100%;
        column-gap: 5px;
        row-gap: 5px
    }

    .otpBTNs[_ngcontent-ng-c3674886643] button[_ngcontent-ng-c3674886643] {
        min-width: 100%
    }
}

.mdc-text-field {
    border-top-left-radius: 4px;
    border-top-left-radius: var(--mdc-shape-small, 4px);
    border-top-right-radius: 4px;
    border-top-right-radius: var(--mdc-shape-small, 4px);
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    display: inline-flex;
    align-items: baseline;
    padding: 0 16px;
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
    will-change: opacity, transform, color
}

.mdc-text-field .mdc-floating-label {
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none
}

.mdc-text-field__input {
    height: 28px;
    width: 100%;
    min-width: 0;
    border: none;
    border-radius: 0;
    background: none;
    appearance: none;
    padding: 0
}

.mdc-text-field__input::-ms-clear {
    display: none
}

.mdc-text-field__input::-webkit-calendar-picker-indicator {
    display: none
}

.mdc-text-field__input:focus {
    outline: none
}

.mdc-text-field__input:invalid {
    box-shadow: none
}

@media all {
    .mdc-text-field__input::placeholder {
        opacity: 0
    }
}

@media all {
    .mdc-text-field__input:-ms-input-placeholder {
        opacity: 0
    }
}

@media all {

    .mdc-text-field--no-label .mdc-text-field__input::placeholder,
    .mdc-text-field--focused .mdc-text-field__input::placeholder {
        opacity: 1
    }
}

@media all {

    .mdc-text-field--no-label .mdc-text-field__input:-ms-input-placeholder,
    .mdc-text-field--focused .mdc-text-field__input:-ms-input-placeholder {
        opacity: 1
    }
}

.mdc-text-field__affix {
    height: 28px;
    opacity: 0;
    white-space: nowrap
}

.mdc-text-field--label-floating .mdc-text-field__affix,
.mdc-text-field--no-label .mdc-text-field__affix {
    opacity: 1
}

@supports(-webkit-hyphens: none) {
    .mdc-text-field--outlined .mdc-text-field__affix {
        align-items: center;
        align-self: center;
        display: inline-flex;
        height: 100%
    }
}

.mdc-text-field__affix--prefix {
    padding-left: 0;
    padding-right: 2px
}

[dir=rtl] .mdc-text-field__affix--prefix,
.mdc-text-field__affix--prefix[dir=rtl] {
    padding-left: 2px;
    padding-right: 0
}

.mdc-text-field--end-aligned .mdc-text-field__affix--prefix {
    padding-left: 0;
    padding-right: 12px
}

[dir=rtl] .mdc-text-field--end-aligned .mdc-text-field__affix--prefix,
.mdc-text-field--end-aligned .mdc-text-field__affix--prefix[dir=rtl] {
    padding-left: 12px;
    padding-right: 0
}

.mdc-text-field__affix--suffix {
    padding-left: 12px;
    padding-right: 0
}

[dir=rtl] .mdc-text-field__affix--suffix,
.mdc-text-field__affix--suffix[dir=rtl] {
    padding-left: 0;
    padding-right: 12px
}

.mdc-text-field--end-aligned .mdc-text-field__affix--suffix {
    padding-left: 2px;
    padding-right: 0
}

[dir=rtl] .mdc-text-field--end-aligned .mdc-text-field__affix--suffix,
.mdc-text-field--end-aligned .mdc-text-field__affix--suffix[dir=rtl] {
    padding-left: 0;
    padding-right: 2px
}

.mdc-text-field--filled {
    height: 56px
}

.mdc-text-field--filled::before {
    display: inline-block;
    width: 0;
    height: 40px;
    content: "";
    vertical-align: 0
}

.mdc-text-field--filled .mdc-floating-label {
    left: 16px;
    right: initial
}

[dir=rtl] .mdc-text-field--filled .mdc-floating-label,
.mdc-text-field--filled .mdc-floating-label[dir=rtl] {
    left: initial;
    right: 16px
}

.mdc-text-field--filled .mdc-floating-label--float-above {
    transform: translateY(-106%) scale(0.75)
}

.mdc-text-field--filled.mdc-text-field--no-label .mdc-text-field__input {
    height: 100%
}

.mdc-text-field--filled.mdc-text-field--no-label .mdc-floating-label {
    display: none
}

.mdc-text-field--filled.mdc-text-field--no-label::before {
    display: none
}

@supports(-webkit-hyphens: none) {
    .mdc-text-field--filled.mdc-text-field--no-label .mdc-text-field__affix {
        align-items: center;
        align-self: center;
        display: inline-flex;
        height: 100%
    }
}

.mdc-text-field--outlined {
    height: 56px;
    overflow: visible
}

.mdc-text-field--outlined .mdc-floating-label--float-above {
    transform: translateY(-37.25px) scale(1)
}

.mdc-text-field--outlined .mdc-floating-label--float-above {
    font-size: .75rem
}

.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    transform: translateY(-34.75px) scale(0.75)
}

.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    font-size: 1rem
}

.mdc-text-field--outlined .mdc-text-field__input {
    height: 100%
}

.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading {
    border-top-left-radius: 4px;
    border-top-left-radius: var(--mdc-shape-small, 4px);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 4px;
    border-bottom-left-radius: var(--mdc-shape-small, 4px)
}

[dir=rtl] .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading[dir=rtl] {
    border-top-left-radius: 0;
    border-top-right-radius: 4px;
    border-top-right-radius: var(--mdc-shape-small, 4px);
    border-bottom-right-radius: 4px;
    border-bottom-right-radius: var(--mdc-shape-small, 4px);
    border-bottom-left-radius: 0
}

@supports(top: max(0%)) {
    .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading {
        width: max(12px, var(--mdc-shape-small, 4px))
    }
}

@supports(top: max(0%)) {
    .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__notch {
        max-width: calc(100% - max(12px, var(--mdc-shape-small, 4px))*2)
    }
}

.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing {
    border-top-left-radius: 0;
    border-top-right-radius: 4px;
    border-top-right-radius: var(--mdc-shape-small, 4px);
    border-bottom-right-radius: 4px;
    border-bottom-right-radius: var(--mdc-shape-small, 4px);
    border-bottom-left-radius: 0
}

[dir=rtl] .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing,
.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing[dir=rtl] {
    border-top-left-radius: 4px;
    border-top-left-radius: var(--mdc-shape-small, 4px);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 4px;
    border-bottom-left-radius: var(--mdc-shape-small, 4px)
}

@supports(top: max(0%)) {
    .mdc-text-field--outlined {
        padding-left: max(16px, calc(var(--mdc-shape-small, 4px) + 4px))
    }
}

@supports(top: max(0%)) {
    .mdc-text-field--outlined {
        padding-right: max(16px, var(--mdc-shape-small, 4px))
    }
}

@supports(top: max(0%)) {
    .mdc-text-field--outlined+.mdc-text-field-helper-line {
        padding-left: max(16px, calc(var(--mdc-shape-small, 4px) + 4px))
    }
}

@supports(top: max(0%)) {
    .mdc-text-field--outlined+.mdc-text-field-helper-line {
        padding-right: max(16px, var(--mdc-shape-small, 4px))
    }
}

.mdc-text-field--outlined.mdc-text-field--with-leading-icon {
    padding-left: 0
}

@supports(top: max(0%)) {
    .mdc-text-field--outlined.mdc-text-field--with-leading-icon {
        padding-right: max(16px, var(--mdc-shape-small, 4px))
    }
}

[dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-leading-icon,
.mdc-text-field--outlined.mdc-text-field--with-leading-icon[dir=rtl] {
    padding-right: 0
}

@supports(top: max(0%)) {

    [dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-leading-icon,
    .mdc-text-field--outlined.mdc-text-field--with-leading-icon[dir=rtl] {
        padding-left: max(16px, var(--mdc-shape-small, 4px))
    }
}

.mdc-text-field--outlined.mdc-text-field--with-trailing-icon {
    padding-right: 0
}

@supports(top: max(0%)) {
    .mdc-text-field--outlined.mdc-text-field--with-trailing-icon {
        padding-left: max(16px, calc(var(--mdc-shape-small, 4px) + 4px))
    }
}

[dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-trailing-icon,
.mdc-text-field--outlined.mdc-text-field--with-trailing-icon[dir=rtl] {
    padding-left: 0
}

@supports(top: max(0%)) {

    [dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-trailing-icon,
    .mdc-text-field--outlined.mdc-text-field--with-trailing-icon[dir=rtl] {
        padding-right: max(16px, calc(var(--mdc-shape-small, 4px) + 4px))
    }
}

.mdc-text-field--outlined.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon {
    padding-left: 0;
    padding-right: 0
}

.mdc-text-field--outlined .mdc-notched-outline--notched .mdc-notched-outline__notch {
    padding-top: 1px
}

.mdc-text-field--outlined .mdc-floating-label {
    left: 4px;
    right: initial
}

[dir=rtl] .mdc-text-field--outlined .mdc-floating-label,
.mdc-text-field--outlined .mdc-floating-label[dir=rtl] {
    left: initial;
    right: 4px
}

.mdc-text-field--outlined .mdc-text-field__input {
    display: flex;
    border: none !important;
    background-color: rgba(0, 0, 0, 0)
}

.mdc-text-field--outlined .mdc-notched-outline {
    z-index: 1
}

.mdc-text-field--textarea {
    flex-direction: column;
    align-items: center;
    width: auto;
    height: auto;
    padding: 0
}

.mdc-text-field--textarea .mdc-floating-label {
    top: 19px
}

.mdc-text-field--textarea .mdc-floating-label:not(.mdc-floating-label--float-above) {
    transform: none
}

.mdc-text-field--textarea .mdc-text-field__input {
    flex-grow: 1;
    height: auto;
    min-height: 1.5rem;
    overflow-x: hidden;
    overflow-y: auto;
    box-sizing: border-box;
    resize: none;
    padding: 0 16px
}

.mdc-text-field--textarea.mdc-text-field--filled::before {
    display: none
}

.mdc-text-field--textarea.mdc-text-field--filled .mdc-floating-label--float-above {
    transform: translateY(-10.25px) scale(0.75)
}

.mdc-text-field--textarea.mdc-text-field--filled .mdc-text-field__input {
    margin-top: 23px;
    margin-bottom: 9px
}

.mdc-text-field--textarea.mdc-text-field--filled.mdc-text-field--no-label .mdc-text-field__input {
    margin-top: 16px;
    margin-bottom: 16px
}

.mdc-text-field--textarea.mdc-text-field--outlined .mdc-notched-outline--notched .mdc-notched-outline__notch {
    padding-top: 0
}

.mdc-text-field--textarea.mdc-text-field--outlined .mdc-floating-label--float-above {
    transform: translateY(-27.25px) scale(1)
}

.mdc-text-field--textarea.mdc-text-field--outlined .mdc-floating-label--float-above {
    font-size: .75rem
}

.mdc-text-field--textarea.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-text-field--textarea.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    transform: translateY(-24.75px) scale(0.75)
}

.mdc-text-field--textarea.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-text-field--textarea.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    font-size: 1rem
}

.mdc-text-field--textarea.mdc-text-field--outlined .mdc-text-field__input {
    margin-top: 16px;
    margin-bottom: 16px
}

.mdc-text-field--textarea.mdc-text-field--outlined .mdc-floating-label {
    top: 18px
}

.mdc-text-field--textarea.mdc-text-field--with-internal-counter .mdc-text-field__input {
    margin-bottom: 2px
}

.mdc-text-field--textarea.mdc-text-field--with-internal-counter .mdc-text-field-character-counter {
    align-self: flex-end;
    padding: 0 16px
}

.mdc-text-field--textarea.mdc-text-field--with-internal-counter .mdc-text-field-character-counter::after {
    display: inline-block;
    width: 0;
    height: 16px;
    content: "";
    vertical-align: -16px
}

.mdc-text-field--textarea.mdc-text-field--with-internal-counter .mdc-text-field-character-counter::before {
    display: none
}

.mdc-text-field__resizer {
    align-self: stretch;
    display: inline-flex;
    flex-direction: column;
    flex-grow: 1;
    max-height: 100%;
    max-width: 100%;
    min-height: 56px;
    min-width: fit-content;
    min-width: -moz-available;
    min-width: -webkit-fill-available;
    overflow: hidden;
    resize: both
}

.mdc-text-field--filled .mdc-text-field__resizer {
    transform: translateY(-1px)
}

.mdc-text-field--filled .mdc-text-field__resizer .mdc-text-field__input,
.mdc-text-field--filled .mdc-text-field__resizer .mdc-text-field-character-counter {
    transform: translateY(1px)
}

.mdc-text-field--outlined .mdc-text-field__resizer {
    transform: translateX(-1px) translateY(-1px)
}

[dir=rtl] .mdc-text-field--outlined .mdc-text-field__resizer,
.mdc-text-field--outlined .mdc-text-field__resizer[dir=rtl] {
    transform: translateX(1px) translateY(-1px)
}

.mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field__input,
.mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field-character-counter {
    transform: translateX(1px) translateY(1px)
}

[dir=rtl] .mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field__input,
[dir=rtl] .mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field-character-counter,
.mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field__input[dir=rtl],
.mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field-character-counter[dir=rtl] {
    transform: translateX(-1px) translateY(1px)
}

.mdc-text-field--with-leading-icon {
    padding-left: 0;
    padding-right: 16px
}

[dir=rtl] .mdc-text-field--with-leading-icon,
.mdc-text-field--with-leading-icon[dir=rtl] {
    padding-left: 16px;
    padding-right: 0
}

.mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label {
    max-width: calc(100% - 48px);
    left: 48px;
    right: initial
}

[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label,
.mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label[dir=rtl] {
    left: initial;
    right: 48px
}

.mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label--float-above {
    max-width: calc(100% / 0.75 - 64px / 0.75)
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label {
    left: 36px;
    right: initial
}

[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label,
.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label[dir=rtl] {
    left: initial;
    right: 36px
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined :not(.mdc-notched-outline--notched) .mdc-notched-outline__notch {
    max-width: calc(100% - 60px)
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above {
    transform: translateY(-37.25px) translateX(-32px) scale(1)
}

[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above,
.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above[dir=rtl] {
    transform: translateY(-37.25px) translateX(32px) scale(1)
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above {
    font-size: .75rem
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    transform: translateY(-34.75px) translateX(-32px) scale(0.75)
}

[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl],
.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl] {
    transform: translateY(-34.75px) translateX(32px) scale(0.75)
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    font-size: 1rem
}

.mdc-text-field--with-trailing-icon {
    padding-left: 16px;
    padding-right: 0
}

[dir=rtl] .mdc-text-field--with-trailing-icon,
.mdc-text-field--with-trailing-icon[dir=rtl] {
    padding-left: 0;
    padding-right: 16px
}

.mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label {
    max-width: calc(100% - 64px)
}

.mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label--float-above {
    max-width: calc(100% / 0.75 - 64px / 0.75)
}

.mdc-text-field--with-trailing-icon.mdc-text-field--outlined :not(.mdc-notched-outline--notched) .mdc-notched-outline__notch {
    max-width: calc(100% - 60px)
}

.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon {
    padding-left: 0;
    padding-right: 0
}

.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label {
    max-width: calc(100% - 96px)
}

.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label--float-above {
    max-width: calc(100% / 0.75 - 96px / 0.75)
}

.mdc-text-field-helper-line {
    display: flex;
    justify-content: space-between;
    box-sizing: border-box
}

.mdc-text-field+.mdc-text-field-helper-line {
    padding-right: 16px;
    padding-left: 16px
}

.mdc-form-field>.mdc-text-field+label {
    align-self: flex-start
}

.mdc-text-field--focused .mdc-notched-outline__leading,
.mdc-text-field--focused .mdc-notched-outline__notch,
.mdc-text-field--focused .mdc-notched-outline__trailing {
    border-width: 2px
}

.mdc-text-field--focused+.mdc-text-field-helper-line .mdc-text-field-helper-text:not(.mdc-text-field-helper-text--validation-msg) {
    opacity: 1
}

.mdc-text-field--focused.mdc-text-field--outlined .mdc-notched-outline--notched .mdc-notched-outline__notch {
    padding-top: 2px
}

.mdc-text-field--focused.mdc-text-field--outlined.mdc-text-field--textarea .mdc-notched-outline--notched .mdc-notched-outline__notch {
    padding-top: 0
}

.mdc-text-field--invalid+.mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg {
    opacity: 1
}

.mdc-text-field--disabled {
    pointer-events: none
}

@media screen and (forced-colors: active) {
    .mdc-text-field--disabled .mdc-text-field__input {
        background-color: Window
    }

    .mdc-text-field--disabled .mdc-floating-label {
        z-index: 1
    }
}

.mdc-text-field--disabled .mdc-floating-label {
    cursor: default
}

.mdc-text-field--disabled.mdc-text-field--filled .mdc-text-field__ripple {
    display: none
}

.mdc-text-field--disabled .mdc-text-field__input {
    pointer-events: auto
}

.mdc-text-field--end-aligned .mdc-text-field__input {
    text-align: right
}

[dir=rtl] .mdc-text-field--end-aligned .mdc-text-field__input,
.mdc-text-field--end-aligned .mdc-text-field__input[dir=rtl] {
    text-align: left
}

[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__input,
[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix,
.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__input,
.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix {
    direction: ltr
}

[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--prefix,
.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--prefix {
    padding-left: 0;
    padding-right: 2px
}

[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--suffix,
.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--suffix {
    padding-left: 12px;
    padding-right: 0
}

[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__icon--leading,
.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__icon--leading {
    order: 1
}

[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--suffix,
.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--suffix {
    order: 2
}

[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__input,
.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__input {
    order: 3
}

[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--prefix,
.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--prefix {
    order: 4
}

[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__icon--trailing,
.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__icon--trailing {
    order: 5
}

[dir=rtl] .mdc-text-field--ltr-text.mdc-text-field--end-aligned .mdc-text-field__input,
.mdc-text-field--ltr-text.mdc-text-field--end-aligned[dir=rtl] .mdc-text-field__input {
    text-align: right
}

[dir=rtl] .mdc-text-field--ltr-text.mdc-text-field--end-aligned .mdc-text-field__affix--prefix,
.mdc-text-field--ltr-text.mdc-text-field--end-aligned[dir=rtl] .mdc-text-field__affix--prefix {
    padding-right: 12px
}

[dir=rtl] .mdc-text-field--ltr-text.mdc-text-field--end-aligned .mdc-text-field__affix--suffix,
.mdc-text-field--ltr-text.mdc-text-field--end-aligned[dir=rtl] .mdc-text-field__affix--suffix {
    padding-left: 2px
}

.mdc-floating-label {
    position: absolute;
    left: 0;
    -webkit-transform-origin: left top;
    transform-origin: left top;
    line-height: 1.15rem;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: text;
    overflow: hidden;
    will-change: transform
}

[dir=rtl] .mdc-floating-label,
.mdc-floating-label[dir=rtl] {
    right: 0;
    left: auto;
    -webkit-transform-origin: right top;
    transform-origin: right top;
    text-align: right
}

.mdc-floating-label--float-above {
    cursor: auto
}

.mdc-floating-label--required:not(.mdc-floating-label--hide-required-marker)::after {
    margin-left: 1px;
    margin-right: 0px;
    content: "*"
}

[dir=rtl] .mdc-floating-label--required:not(.mdc-floating-label--hide-required-marker)::after,
.mdc-floating-label--required:not(.mdc-floating-label--hide-required-marker)[dir=rtl]::after {
    margin-left: 0;
    margin-right: 1px
}

.mdc-notched-outline {
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    height: 100%;
    text-align: left;
    pointer-events: none
}

[dir=rtl] .mdc-notched-outline,
.mdc-notched-outline[dir=rtl] {
    text-align: right
}

.mdc-notched-outline__leading,
.mdc-notched-outline__notch,
.mdc-notched-outline__trailing {
    box-sizing: border-box;
    height: 100%;
    pointer-events: none
}

.mdc-notched-outline__trailing {
    flex-grow: 1
}

.mdc-notched-outline__notch {
    flex: 0 0 auto;
    width: auto
}

.mdc-notched-outline .mdc-floating-label {
    display: inline-block;
    position: relative;
    max-width: 100%
}

.mdc-notched-outline .mdc-floating-label--float-above {
    text-overflow: clip
}

.mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    max-width: 133.3333333333%
}

.mdc-notched-outline--notched .mdc-notched-outline__notch {
    padding-left: 0;
    padding-right: 8px;
    border-top: none
}

[dir=rtl] .mdc-notched-outline--notched .mdc-notched-outline__notch,
.mdc-notched-outline--notched .mdc-notched-outline__notch[dir=rtl] {
    padding-left: 8px;
    padding-right: 0
}

.mdc-notched-outline--no-label .mdc-notched-outline__notch {
    display: none
}

.mdc-line-ripple::before,
.mdc-line-ripple::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-bottom-style: solid;
    content: ""
}

.mdc-line-ripple::before {
    z-index: 1
}

.mdc-line-ripple::after {
    transform: scaleX(0);
    opacity: 0;
    z-index: 2
}

.mdc-line-ripple--active::after {
    transform: scaleX(1);
    opacity: 1
}

.mdc-line-ripple--deactivating::after {
    opacity: 0
}

.mdc-floating-label--float-above {
    transform: translateY(-106%) scale(0.75)
}

.mdc-notched-outline__leading,
.mdc-notched-outline__notch,
.mdc-notched-outline__trailing {
    border-top: 1px solid;
    border-bottom: 1px solid
}

.mdc-notched-outline__leading {
    border-left: 1px solid;
    border-right: none;
    width: 12px
}

[dir=rtl] .mdc-notched-outline__leading,
.mdc-notched-outline__leading[dir=rtl] {
    border-left: none;
    border-right: 1px solid
}

.mdc-notched-outline__trailing {
    border-left: none;
    border-right: 1px solid
}

[dir=rtl] .mdc-notched-outline__trailing,
.mdc-notched-outline__trailing[dir=rtl] {
    border-left: 1px solid;
    border-right: none
}

.mdc-notched-outline__notch {
    max-width: calc(100% - 12px * 2)
}

.mdc-line-ripple::before {
    border-bottom-width: 1px
}

.mdc-line-ripple::after {
    border-bottom-width: 2px
}

.mdc-text-field--filled {
    --mdc-filled-text-field-active-indicator-height: 1px;
    --mdc-filled-text-field-focus-active-indicator-height: 2px;
    --mdc-filled-text-field-container-shape: 4px;
    border-top-left-radius: var(--mdc-filled-text-field-container-shape);
    border-top-right-radius: var(--mdc-filled-text-field-container-shape);
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-text-field__input {
    caret-color: var(--mdc-filled-text-field-caret-color)
}

.mdc-text-field--filled.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input {
    caret-color: var(--mdc-filled-text-field-error-caret-color)
}

.mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-text-field__input {
    color: var(--mdc-filled-text-field-input-text-color)
}

.mdc-text-field--filled.mdc-text-field--disabled .mdc-text-field__input {
    color: var(--mdc-filled-text-field-disabled-input-text-color)
}

.mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-floating-label,
.mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-floating-label--float-above {
    color: var(--mdc-filled-text-field-label-text-color)
}

.mdc-text-field--filled:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-floating-label,
.mdc-text-field--filled:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-floating-label--float-above {
    color: var(--mdc-filled-text-field-focus-label-text-color)
}

.mdc-text-field--filled.mdc-text-field--disabled .mdc-floating-label,
.mdc-text-field--filled.mdc-text-field--disabled .mdc-floating-label--float-above {
    color: var(--mdc-filled-text-field-disabled-label-text-color)
}

.mdc-text-field--filled.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label,
.mdc-text-field--filled.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label--float-above {
    color: var(--mdc-filled-text-field-error-label-text-color)
}

.mdc-text-field--filled.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-floating-label,
.mdc-text-field--filled.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-floating-label--float-above {
    color: var(--mdc-filled-text-field-error-focus-label-text-color)
}

.mdc-text-field--filled .mdc-floating-label {
    font-family: var(--mdc-filled-text-field-label-text-font);
    font-size: var(--mdc-filled-text-field-label-text-size);
    font-weight: var(--mdc-filled-text-field-label-text-weight);
    letter-spacing: var(--mdc-filled-text-field-label-text-tracking)
}

@media all {
    .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder {
        color: var(--mdc-filled-text-field-input-text-placeholder-color)
    }
}

@media all {
    .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder {
        color: var(--mdc-filled-text-field-input-text-placeholder-color)
    }
}

.mdc-text-field--filled:not(.mdc-text-field--disabled) {
    background-color: var(--mdc-filled-text-field-container-color)
}

.mdc-text-field--filled.mdc-text-field--disabled {
    background-color: var(--mdc-filled-text-field-disabled-container-color)
}

.mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::before {
    border-bottom-color: var(--mdc-filled-text-field-active-indicator-color)
}

.mdc-text-field--filled:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-line-ripple::before {
    border-bottom-color: var(--mdc-filled-text-field-hover-active-indicator-color)
}

.mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::after {
    border-bottom-color: var(--mdc-filled-text-field-focus-active-indicator-color)
}

.mdc-text-field--filled.mdc-text-field--disabled .mdc-line-ripple::before {
    border-bottom-color: var(--mdc-filled-text-field-disabled-active-indicator-color)
}

.mdc-text-field--filled.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::before {
    border-bottom-color: var(--mdc-filled-text-field-error-active-indicator-color)
}

.mdc-text-field--filled.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-line-ripple::before {
    border-bottom-color: var(--mdc-filled-text-field-error-hover-active-indicator-color)
}

.mdc-text-field--filled.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::after {
    border-bottom-color: var(--mdc-filled-text-field-error-focus-active-indicator-color)
}

.mdc-text-field--filled .mdc-line-ripple::before {
    border-bottom-width: var(--mdc-filled-text-field-active-indicator-height)
}

.mdc-text-field--filled .mdc-line-ripple::after {
    border-bottom-width: var(--mdc-filled-text-field-focus-active-indicator-height)
}

.mdc-text-field--outlined {
    --mdc-outlined-text-field-outline-width: 1px;
    --mdc-outlined-text-field-focus-outline-width: 2px;
    --mdc-outlined-text-field-container-shape: 4px
}

.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-text-field__input {
    caret-color: var(--mdc-outlined-text-field-caret-color)
}

.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input {
    caret-color: var(--mdc-outlined-text-field-error-caret-color)
}

.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-text-field__input {
    color: var(--mdc-outlined-text-field-input-text-color)
}

.mdc-text-field--outlined.mdc-text-field--disabled .mdc-text-field__input {
    color: var(--mdc-outlined-text-field-disabled-input-text-color)
}

.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-floating-label,
.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-floating-label--float-above {
    color: var(--mdc-outlined-text-field-label-text-color)
}

.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-floating-label,
.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-floating-label--float-above {
    color: var(--mdc-outlined-text-field-focus-label-text-color)
}

.mdc-text-field--outlined.mdc-text-field--disabled .mdc-floating-label,
.mdc-text-field--outlined.mdc-text-field--disabled .mdc-floating-label--float-above {
    color: var(--mdc-outlined-text-field-disabled-label-text-color)
}

.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label,
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label--float-above {
    color: var(--mdc-outlined-text-field-error-label-text-color)
}

.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-floating-label,
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-floating-label--float-above {
    color: var(--mdc-outlined-text-field-error-focus-label-text-color)
}

.mdc-text-field--outlined .mdc-floating-label {
    font-family: var(--mdc-outlined-text-field-label-text-font);
    font-size: var(--mdc-outlined-text-field-label-text-size);
    font-weight: var(--mdc-outlined-text-field-label-text-weight);
    letter-spacing: var(--mdc-outlined-text-field-label-text-tracking)
}

@media all {
    .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder {
        color: var(--mdc-outlined-text-field-input-text-placeholder-color)
    }
}

@media all {
    .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder {
        color: var(--mdc-outlined-text-field-input-text-placeholder-color)
    }
}

.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading {
    border-top-left-radius: var(--mdc-outlined-text-field-container-shape);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: var(--mdc-outlined-text-field-container-shape)
}

[dir=rtl] .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading[dir=rtl] {
    border-top-left-radius: 0;
    border-top-right-radius: var(--mdc-outlined-text-field-container-shape);
    border-bottom-right-radius: var(--mdc-outlined-text-field-container-shape);
    border-bottom-left-radius: 0
}

@supports(top: max(0%)) {
    .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading {
        width: max(12px, var(--mdc-outlined-text-field-container-shape))
    }
}

@supports(top: max(0%)) {
    .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__notch {
        max-width: calc(100% - max(12px, var(--mdc-outlined-text-field-container-shape))*2)
    }
}

.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing {
    border-top-left-radius: 0;
    border-top-right-radius: var(--mdc-outlined-text-field-container-shape);
    border-bottom-right-radius: var(--mdc-outlined-text-field-container-shape);
    border-bottom-left-radius: 0
}

[dir=rtl] .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing,
.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing[dir=rtl] {
    border-top-left-radius: var(--mdc-outlined-text-field-container-shape);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: var(--mdc-outlined-text-field-container-shape)
}

@supports(top: max(0%)) {
    .mdc-text-field--outlined {
        padding-left: max(16px, calc(var(--mdc-outlined-text-field-container-shape) + 4px))
    }
}

@supports(top: max(0%)) {
    .mdc-text-field--outlined {
        padding-right: max(16px, var(--mdc-outlined-text-field-container-shape))
    }
}

@supports(top: max(0%)) {
    .mdc-text-field--outlined+.mdc-text-field-helper-line {
        padding-left: max(16px, calc(var(--mdc-outlined-text-field-container-shape) + 4px))
    }
}

@supports(top: max(0%)) {
    .mdc-text-field--outlined+.mdc-text-field-helper-line {
        padding-right: max(16px, var(--mdc-outlined-text-field-container-shape))
    }
}

.mdc-text-field--outlined.mdc-text-field--with-leading-icon {
    padding-left: 0
}

@supports(top: max(0%)) {
    .mdc-text-field--outlined.mdc-text-field--with-leading-icon {
        padding-right: max(16px, var(--mdc-outlined-text-field-container-shape))
    }
}

[dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-leading-icon,
.mdc-text-field--outlined.mdc-text-field--with-leading-icon[dir=rtl] {
    padding-right: 0
}

@supports(top: max(0%)) {

    [dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-leading-icon,
    .mdc-text-field--outlined.mdc-text-field--with-leading-icon[dir=rtl] {
        padding-left: max(16px, var(--mdc-outlined-text-field-container-shape))
    }
}

.mdc-text-field--outlined.mdc-text-field--with-trailing-icon {
    padding-right: 0
}

@supports(top: max(0%)) {
    .mdc-text-field--outlined.mdc-text-field--with-trailing-icon {
        padding-left: max(16px, calc(var(--mdc-outlined-text-field-container-shape) + 4px))
    }
}

[dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-trailing-icon,
.mdc-text-field--outlined.mdc-text-field--with-trailing-icon[dir=rtl] {
    padding-left: 0
}

@supports(top: max(0%)) {

    [dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-trailing-icon,
    .mdc-text-field--outlined.mdc-text-field--with-trailing-icon[dir=rtl] {
        padding-right: max(16px, calc(var(--mdc-outlined-text-field-container-shape) + 4px))
    }
}

.mdc-text-field--outlined.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon {
    padding-left: 0;
    padding-right: 0
}

.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,
.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
    border-color: var(--mdc-outlined-text-field-outline-color)
}

.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing {
    border-color: var(--mdc-outlined-text-field-hover-outline-color)
}

.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,
.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,
.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing {
    border-color: var(--mdc-outlined-text-field-focus-outline-color)
}

.mdc-text-field--outlined.mdc-text-field--disabled .mdc-notched-outline__leading,
.mdc-text-field--outlined.mdc-text-field--disabled .mdc-notched-outline__notch,
.mdc-text-field--outlined.mdc-text-field--disabled .mdc-notched-outline__trailing {
    border-color: var(--mdc-outlined-text-field-disabled-outline-color)
}

.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
    border-color: var(--mdc-outlined-text-field-error-outline-color)
}

.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing {
    border-color: var(--mdc-outlined-text-field-error-hover-outline-color)
}

.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing {
    border-color: var(--mdc-outlined-text-field-error-focus-outline-color)
}

.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline .mdc-notched-outline__trailing {
    border-width: var(--mdc-outlined-text-field-outline-width)
}

.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline .mdc-notched-outline__trailing {
    border-width: var(--mdc-outlined-text-field-focus-outline-width)
}

.mat-mdc-form-field-textarea-control {
    vertical-align: middle;
    resize: vertical;
    box-sizing: border-box;
    height: auto;
    margin: 0;
    padding: 0;
    border: none;
    overflow: auto
}

.mat-mdc-form-field-input-control.mat-mdc-form-field-input-control {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font: inherit;
    letter-spacing: inherit;
    text-decoration: inherit;
    text-transform: inherit;
    border: none
}

.mat-mdc-form-field .mat-mdc-floating-label.mdc-floating-label {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    line-height: normal;
    pointer-events: all
}

.mdc-text-field--no-label:not(.mdc-text-field--textarea) .mat-mdc-form-field-input-control.mdc-text-field__input,
.mat-mdc-text-field-wrapper .mat-mdc-form-field-input-control {
    height: auto
}

.mat-mdc-text-field-wrapper .mat-mdc-form-field-input-control.mdc-text-field__input[type=color] {
    height: 23px
}

.mat-mdc-text-field-wrapper {
    height: auto;
    flex: auto
}

.mat-mdc-form-field-has-icon-prefix .mat-mdc-text-field-wrapper {
    padding-left: 0;
    --mat-mdc-form-field-label-offset-x: -16px
}

.mat-mdc-form-field-has-icon-suffix .mat-mdc-text-field-wrapper {
    padding-right: 0
}

[dir=rtl] .mat-mdc-text-field-wrapper {
    padding-left: 16px;
    padding-right: 16px
}

[dir=rtl] .mat-mdc-form-field-has-icon-suffix .mat-mdc-text-field-wrapper {
    padding-left: 0
}

[dir=rtl] .mat-mdc-form-field-has-icon-prefix .mat-mdc-text-field-wrapper {
    padding-right: 0
}

.mat-form-field-disabled .mdc-text-field__input::placeholder {
    color: var(--mat-form-field-disabled-input-text-placeholder-color)
}

.mat-form-field-disabled .mdc-text-field__input::-moz-placeholder {
    color: var(--mat-form-field-disabled-input-text-placeholder-color)
}

.mat-form-field-disabled .mdc-text-field__input::-webkit-input-placeholder {
    color: var(--mat-form-field-disabled-input-text-placeholder-color)
}

.mat-form-field-disabled .mdc-text-field__input:-ms-input-placeholder {
    color: var(--mat-form-field-disabled-input-text-placeholder-color)
}

.mat-mdc-form-field-label-always-float .mdc-text-field__input::placeholder {
    transition-delay: 40ms;
    transition-duration: 110ms;
    opacity: 1
}

.mat-mdc-text-field-wrapper .mat-mdc-form-field-infix .mat-mdc-floating-label {
    left: auto;
    right: auto
}

.mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-text-field__input {
    display: inline-block
}

.mat-mdc-form-field .mat-mdc-text-field-wrapper.mdc-text-field .mdc-notched-outline__notch {
    padding-top: 0
}

.mat-mdc-text-field-wrapper::before {
    content: none
}

.mat-mdc-form-field-subscript-wrapper {
    box-sizing: border-box;
    width: 100%;
    position: relative
}

.mat-mdc-form-field-hint-wrapper,
.mat-mdc-form-field-error-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 0 16px
}

.mat-mdc-form-field-subscript-dynamic-size .mat-mdc-form-field-hint-wrapper,
.mat-mdc-form-field-subscript-dynamic-size .mat-mdc-form-field-error-wrapper {
    position: static
}

.mat-mdc-form-field-bottom-align::before {
    content: "";
    display: inline-block;
    height: 16px
}

.mat-mdc-form-field-bottom-align.mat-mdc-form-field-subscript-dynamic-size::before {
    content: unset
}

.mat-mdc-form-field-hint-end {
    order: 1
}

.mat-mdc-form-field-hint-wrapper {
    display: flex
}

.mat-mdc-form-field-hint-spacer {
    flex: 1 0 1em
}

.mat-mdc-form-field-error {
    display: block
}

.mat-mdc-form-field-focus-overlay {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    opacity: 0;
    pointer-events: none
}

select.mat-mdc-form-field-input-control {
    -moz-appearance: none;
    -webkit-appearance: none;
    background-color: rgba(0, 0, 0, 0);
    display: inline-flex;
    box-sizing: border-box
}

select.mat-mdc-form-field-input-control:not(:disabled) {
    cursor: pointer
}

.mat-mdc-form-field-type-mat-native-select .mat-mdc-form-field-infix::after {
    content: "";
    width: 0;
    height: 0;
    border-left: 5px solid rgba(0, 0, 0, 0);
    border-right: 5px solid rgba(0, 0, 0, 0);
    border-top: 5px solid;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -2.5px;
    pointer-events: none
}

[dir=rtl] .mat-mdc-form-field-type-mat-native-select .mat-mdc-form-field-infix::after {
    right: auto;
    left: 0
}

.mat-mdc-form-field-type-mat-native-select .mat-mdc-form-field-input-control {
    padding-right: 15px
}

[dir=rtl] .mat-mdc-form-field-type-mat-native-select .mat-mdc-form-field-input-control {
    padding-right: 0;
    padding-left: 15px
}

.cdk-high-contrast-active .mat-form-field-appearance-fill .mat-mdc-text-field-wrapper {
    outline: solid 1px
}

.cdk-high-contrast-active .mat-form-field-appearance-fill.mat-form-field-disabled .mat-mdc-text-field-wrapper {
    outline-color: GrayText
}

.cdk-high-contrast-active .mat-form-field-appearance-fill.mat-focused .mat-mdc-text-field-wrapper {
    outline: dashed 3px
}

.cdk-high-contrast-active .mat-mdc-form-field.mat-focused .mdc-notched-outline {
    border: dashed 3px
}

.mat-mdc-form-field-input-control[type=date],
.mat-mdc-form-field-input-control[type=datetime],
.mat-mdc-form-field-input-control[type=datetime-local],
.mat-mdc-form-field-input-control[type=month],
.mat-mdc-form-field-input-control[type=week],
.mat-mdc-form-field-input-control[type=time] {
    line-height: 1
}

.mat-mdc-form-field-input-control::-webkit-datetime-edit {
    line-height: 1;
    padding: 0;
    margin-bottom: -2px
}

.mat-mdc-form-field {
    --mat-mdc-form-field-floating-label-scale: 0.75;
    display: inline-flex;
    flex-direction: column;
    min-width: 0;
    text-align: left;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mat-form-field-container-text-font);
    line-height: var(--mat-form-field-container-text-line-height);
    font-size: var(--mat-form-field-container-text-size);
    letter-spacing: var(--mat-form-field-container-text-tracking);
    font-weight: var(--mat-form-field-container-text-weight)
}

[dir=rtl] .mat-mdc-form-field {
    text-align: right
}

.mat-mdc-form-field .mdc-text-field--outlined .mdc-floating-label--float-above {
    font-size: calc(var(--mat-form-field-outlined-label-text-populated-size) * var(--mat-mdc-form-field-floating-label-scale))
}

.mat-mdc-form-field .mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    font-size: var(--mat-form-field-outlined-label-text-populated-size)
}

.mat-mdc-form-field-flex {
    display: inline-flex;
    align-items: baseline;
    box-sizing: border-box;
    width: 100%
}

.mat-mdc-text-field-wrapper {
    width: 100%
}

.mat-mdc-form-field-icon-prefix,
.mat-mdc-form-field-icon-suffix {
    align-self: center;
    line-height: 0;
    pointer-events: auto;
    position: relative;
    z-index: 1
}

.mat-mdc-form-field-icon-prefix,
[dir=rtl] .mat-mdc-form-field-icon-suffix {
    padding: 0 4px 0 0
}

.mat-mdc-form-field-icon-suffix,
[dir=rtl] .mat-mdc-form-field-icon-prefix {
    padding: 0 0 0 4px
}

.mat-mdc-form-field-icon-prefix>.mat-icon,
.mat-mdc-form-field-icon-suffix>.mat-icon {
    padding: 12px;
    box-sizing: content-box
}

.mat-mdc-form-field-subscript-wrapper .mat-icon,
.mat-mdc-form-field label .mat-icon {
    width: 1em;
    height: 1em;
    font-size: inherit
}

.mat-mdc-form-field .mdc-notched-outline__notch {
    margin-left: -1px;
    -webkit-clip-path: inset(-9em -999em -9em 1px);
    clip-path: inset(-9em -999em -9em 1px)
}

[dir=rtl] .mat-mdc-form-field .mdc-notched-outline__notch {
    margin-left: 0;
    margin-right: -1px;
    -webkit-clip-path: inset(-9em 1px -9em -999em);
    clip-path: inset(-9em 1px -9em -999em)
}

.mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-text-field__input {
    transition: opacity 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1)
}

@media all {
    .mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-text-field__input::placeholder {
        transition: opacity 67ms 0ms cubic-bezier(0.4, 0, 0.2, 1)
    }
}

@media all {
    .mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-text-field__input:-ms-input-placeholder {
        transition: opacity 67ms 0ms cubic-bezier(0.4, 0, 0.2, 1)
    }
}

@media all {

    .mdc-text-field--no-label .mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-text-field__input::placeholder,
    .mdc-text-field--focused .mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-text-field__input::placeholder {
        transition-delay: 40ms;
        transition-duration: 110ms
    }
}

@media all {

    .mdc-text-field--no-label .mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-text-field__input:-ms-input-placeholder,
    .mdc-text-field--focused .mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-text-field__input:-ms-input-placeholder {
        transition-delay: 40ms;
        transition-duration: 110ms
    }
}

.mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-text-field__affix {
    transition: opacity 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1)
}

.mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-text-field--filled.mdc-ripple-upgraded--background-focused .mdc-text-field__ripple::before,
.mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-text-field--filled:not(.mdc-ripple-upgraded):focus .mdc-text-field__ripple::before {
    transition-duration: 75ms
}

.mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-text-field--outlined .mdc-floating-label--shake {
    animation: mdc-floating-label-shake-float-above-text-field-outlined 250ms 1
}

@keyframes mdc-floating-label-shake-float-above-text-field-outlined {
    0% {
        transform: translateX(calc(0% - 0%)) translateY(calc(0% - 34.75px)) scale(0.75)
    }

    33% {
        animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
        transform: translateX(calc(4% - 0%)) translateY(calc(0% - 34.75px)) scale(0.75)
    }

    66% {
        animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
        transform: translateX(calc(-4% - 0%)) translateY(calc(0% - 34.75px)) scale(0.75)
    }

    100% {
        transform: translateX(calc(0% - 0%)) translateY(calc(0% - 34.75px)) scale(0.75)
    }
}

.mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-text-field--textarea {
    transition: none
}

.mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-text-field--textarea.mdc-text-field--filled .mdc-floating-label--shake {
    animation: mdc-floating-label-shake-float-above-textarea-filled 250ms 1
}

@keyframes mdc-floating-label-shake-float-above-textarea-filled {
    0% {
        transform: translateX(calc(0% - 0%)) translateY(calc(0% - 10.25px)) scale(0.75)
    }

    33% {
        animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
        transform: translateX(calc(4% - 0%)) translateY(calc(0% - 10.25px)) scale(0.75)
    }

    66% {
        animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
        transform: translateX(calc(-4% - 0%)) translateY(calc(0% - 10.25px)) scale(0.75)
    }

    100% {
        transform: translateX(calc(0% - 0%)) translateY(calc(0% - 10.25px)) scale(0.75)
    }
}

.mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-text-field--textarea.mdc-text-field--outlined .mdc-floating-label--shake {
    animation: mdc-floating-label-shake-float-above-textarea-outlined 250ms 1
}

@keyframes mdc-floating-label-shake-float-above-textarea-outlined {
    0% {
        transform: translateX(calc(0% - 0%)) translateY(calc(0% - 24.75px)) scale(0.75)
    }

    33% {
        animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
        transform: translateX(calc(4% - 0%)) translateY(calc(0% - 24.75px)) scale(0.75)
    }

    66% {
        animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
        transform: translateX(calc(-4% - 0%)) translateY(calc(0% - 24.75px)) scale(0.75)
    }

    100% {
        transform: translateX(calc(0% - 0%)) translateY(calc(0% - 24.75px)) scale(0.75)
    }
}

.mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--shake {
    animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon 250ms 1
}

@keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon {
    0% {
        transform: translateX(calc(0% - 32px)) translateY(calc(0% - 34.75px)) scale(0.75)
    }

    33% {
        animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
        transform: translateX(calc(4% - 32px)) translateY(calc(0% - 34.75px)) scale(0.75)
    }

    66% {
        animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
        transform: translateX(calc(-4% - 32px)) translateY(calc(0% - 34.75px)) scale(0.75)
    }

    100% {
        transform: translateX(calc(0% - 32px)) translateY(calc(0% - 34.75px)) scale(0.75)
    }
}

[dir=rtl] .mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--shake,
.mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-text-field--with-leading-icon.mdc-text-field--outlined[dir=rtl] .mdc-floating-label--shake {
    animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon 250ms 1
}

@keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-rtl {
    0% {
        transform: translateX(calc(0% - -32px)) translateY(calc(0% - 34.75px)) scale(0.75)
    }

    33% {
        animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
        transform: translateX(calc(4% - -32px)) translateY(calc(0% - 34.75px)) scale(0.75)
    }

    66% {
        animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
        transform: translateX(calc(-4% - -32px)) translateY(calc(0% - 34.75px)) scale(0.75)
    }

    100% {
        transform: translateX(calc(0% - -32px)) translateY(calc(0% - 34.75px)) scale(0.75)
    }
}

.mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-floating-label {
    transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1), color 150ms cubic-bezier(0.4, 0, 0.2, 1)
}

.mdc-floating-label--shake {
    animation: mdc-floating-label-shake-float-above-standard 250ms 1
}

@keyframes mdc-floating-label-shake-float-above-standard {
    0% {
        transform: translateX(calc(0% - 0%)) translateY(calc(0% - 106%)) scale(0.75)
    }

    33% {
        animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
        transform: translateX(calc(4% - 0%)) translateY(calc(0% - 106%)) scale(0.75)
    }

    66% {
        animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
        transform: translateX(calc(-4% - 0%)) translateY(calc(0% - 106%)) scale(0.75)
    }

    100% {
        transform: translateX(calc(0% - 0%)) translateY(calc(0% - 106%)) scale(0.75)
    }
}

.mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-line-ripple::after {
    transition: transform 180ms cubic-bezier(0.4, 0, 0.2, 1), opacity 180ms cubic-bezier(0.4, 0, 0.2, 1)
}

.mdc-notched-outline .mdc-floating-label {
    max-width: calc(100% + 1px)
}

.mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    max-width: calc(133.3333333333% + 1px)
}

.mat-mdc-select {
    display: inline-block;
    width: 100%;
    outline: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    color: var(--mat-select-enabled-trigger-text-color);
    font-family: var(--mat-select-trigger-text-font);
    line-height: var(--mat-select-trigger-text-line-height);
    font-size: var(--mat-select-trigger-text-size);
    font-weight: var(--mat-select-trigger-text-weight);
    letter-spacing: var(--mat-select-trigger-text-tracking)
}

.mat-mdc-select-disabled {
    color: var(--mat-select-disabled-trigger-text-color)
}

.mat-mdc-select-trigger {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    position: relative;
    box-sizing: border-box;
    width: 100%
}

.mat-mdc-select-disabled .mat-mdc-select-trigger {
    -webkit-user-select: none;
    user-select: none;
    cursor: default
}

.mat-mdc-select-value {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.mat-mdc-select-value-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.mat-mdc-select-arrow-wrapper {
    height: 24px;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center
}

.mat-form-field-appearance-fill .mat-mdc-select-arrow-wrapper {
    transform: translateY(-8px)
}

.mat-form-field-appearance-fill .mdc-text-field--no-label .mat-mdc-select-arrow-wrapper {
    transform: none
}

.mat-mdc-select-arrow {
    width: 10px;
    height: 5px;
    position: relative;
    color: var(--mat-select-enabled-arrow-color)
}

.mat-mdc-form-field.mat-focused .mat-mdc-select-arrow {
    color: var(--mat-select-focused-arrow-color)
}

.mat-mdc-form-field .mat-mdc-select.mat-mdc-select-invalid .mat-mdc-select-arrow {
    color: var(--mat-select-invalid-arrow-color)
}

.mat-mdc-form-field .mat-mdc-select.mat-mdc-select-disabled .mat-mdc-select-arrow {
    color: var(--mat-select-disabled-arrow-color)
}

.mat-mdc-select-arrow svg {
    fill: currentColor;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.cdk-high-contrast-active .mat-mdc-select-arrow svg {
    fill: CanvasText
}

.mat-mdc-select-disabled .cdk-high-contrast-active .mat-mdc-select-arrow svg {
    fill: GrayText
}

div.mat-mdc-select-panel {
    box-shadow: 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);
    width: 100%;
    max-height: 275px;
    outline: 0;
    overflow: auto;
    padding: 8px 0;
    border-radius: 4px;
    box-sizing: border-box;
    position: static;
    background-color: var(--mat-select-panel-background-color)
}

.cdk-high-contrast-active div.mat-mdc-select-panel {
    outline: solid 1px
}

.cdk-overlay-pane:not(.mat-mdc-select-panel-above) div.mat-mdc-select-panel {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    transform-origin: top center
}

.mat-mdc-select-panel-above div.mat-mdc-select-panel {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    transform-origin: bottom center
}

.mat-mdc-select-placeholder {
    transition: color 400ms 133.3333333333ms cubic-bezier(0.25, 0.8, 0.25, 1);
    color: var(--mat-select-placeholder-text-color)
}

._mat-animation-noopable .mat-mdc-select-placeholder {
    transition: none
}

.mat-form-field-hide-placeholder .mat-mdc-select-placeholder {
    color: rgba(0, 0, 0, 0);
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    transition: none;
    display: block
}

.mat-mdc-form-field-type-mat-select.mat-form-field-appearance-fill .mat-mdc-floating-label {
    max-width: calc(100% - 18px)
}

.mat-mdc-form-field-type-mat-select.mat-form-field-appearance-fill .mdc-floating-label--float-above {
    max-width: calc(100% / 0.75 - 24px)
}

.mat-mdc-form-field-type-mat-select.mat-form-field-appearance-outline .mdc-notched-outline__notch {
    max-width: calc(100% - 60px)
}

.mat-mdc-form-field-type-mat-select.mat-form-field-appearance-outline .mdc-text-field--label-floating .mdc-notched-outline__notch {
    max-width: calc(100% - 24px)
}

.mat-mdc-select-min-line:empty::before {
    content: " ";
    white-space: pre;
    width: 1px;
    display: inline-block;
    visibility: hidden
}

.mat-mdc-option {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: flex-start;
    overflow: hidden;
    padding: 0;
    padding-left: 16px;
    padding-right: 16px;
    -webkit-user-select: none;
    user-select: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    color: var(--mat-option-label-text-color);
    font-family: var(--mat-option-label-text-font);
    line-height: var(--mat-option-label-text-line-height);
    font-size: var(--mat-option-label-text-size);
    letter-spacing: var(--mat-option-label-text-tracking);
    font-weight: var(--mat-option-label-text-weight);
    min-height: 48px
}

.mat-mdc-option:focus {
    outline: none
}

[dir=rtl] .mat-mdc-option,
.mat-mdc-option[dir=rtl] {
    padding-left: 16px;
    padding-right: 16px
}

.mat-mdc-option:hover:not(.mdc-list-item--disabled) {
    background-color: var(--mat-option-hover-state-layer-color)
}

.mat-mdc-option:focus.mdc-list-item,
.mat-mdc-option.mat-mdc-option-active.mdc-list-item {
    background-color: var(--mat-option-focus-state-layer-color)
}

.mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text {
    color: var(--mat-option-selected-state-label-text-color)
}

.mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled):not(.mat-mdc-option-multiple) {
    background-color: var(--mat-option-selected-state-layer-color)
}

.mat-mdc-option.mdc-list-item {
    align-items: center
}

.mat-mdc-option.mdc-list-item--disabled {
    cursor: default;
    pointer-events: none
}

.mat-mdc-option.mdc-list-item--disabled .mat-mdc-option-pseudo-checkbox,
.mat-mdc-option.mdc-list-item--disabled .mdc-list-item__primary-text,
.mat-mdc-option.mdc-list-item--disabled>mat-icon {
    opacity: .38
}

.mat-mdc-optgroup .mat-mdc-option:not(.mat-mdc-option-multiple) {
    padding-left: 32px
}

[dir=rtl] .mat-mdc-optgroup .mat-mdc-option:not(.mat-mdc-option-multiple) {
    padding-left: 16px;
    padding-right: 32px
}

.mat-mdc-option .mat-icon,
.mat-mdc-option .mat-pseudo-checkbox-full {
    margin-right: 16px;
    flex-shrink: 0
}

[dir=rtl] .mat-mdc-option .mat-icon,
[dir=rtl] .mat-mdc-option .mat-pseudo-checkbox-full {
    margin-right: 0;
    margin-left: 16px
}

.mat-mdc-option .mat-pseudo-checkbox-minimal {
    margin-left: 16px;
    flex-shrink: 0
}

[dir=rtl] .mat-mdc-option .mat-pseudo-checkbox-minimal {
    margin-right: 16px;
    margin-left: 0
}

.mat-mdc-option .mat-mdc-option-ripple {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    pointer-events: none
}

.mat-mdc-option .mdc-list-item__primary-text {
    white-space: normal;
    font-size: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    line-height: inherit;
    font-family: inherit;
    text-decoration: inherit;
    text-transform: inherit;
    margin-right: auto
}

[dir=rtl] .mat-mdc-option .mdc-list-item__primary-text {
    margin-right: 0;
    margin-left: auto
}

.cdk-high-contrast-active .mat-mdc-option.mdc-list-item--selected:not(.mat-mdc-option-multiple)::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
    width: 10px;
    height: 0;
    border-bottom: solid 10px;
    border-radius: 10px
}

[dir=rtl] .cdk-high-contrast-active .mat-mdc-option.mdc-list-item--selected:not(.mat-mdc-option-multiple)::after {
    right: auto;
    left: 16px
}

.mat-mdc-option-active .mat-mdc-focus-indicator::before {
    content: ""
}

.mat-select-search-hidden[_ngcontent-ng-c3516116704] {
    visibility: hidden
}

.mat-select-search-inner[_ngcontent-ng-c3516116704] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    font-size: inherit;
    box-shadow: none
}

.mat-select-search-inner.mat-select-search-inner-multiple.mat-select-search-inner-toggle-all[_ngcontent-ng-c3516116704] {
    display: flex;
    align-items: center
}

.mat-select-search-input[_ngcontent-ng-c3516116704] {
    box-sizing: border-box;
    width: 100%;
    border: none;
    font-family: inherit;
    font-size: inherit;
    color: currentColor;
    outline: none;
    background: none;
    padding: 0 44px 0 16px;
    height: calc(3em - 1px);
    line-height: calc(3em - 1px)
}

[dir=rtl][_nghost-ng-c3516116704] .mat-select-search-input[_ngcontent-ng-c3516116704],
[dir=rtl] [_nghost-ng-c3516116704] .mat-select-search-input[_ngcontent-ng-c3516116704] {
    padding-right: 16px;
    padding-left: 44px
}

.mat-select-search-inner-toggle-all[_ngcontent-ng-c3516116704] .mat-select-search-input[_ngcontent-ng-c3516116704] {
    padding-left: 5px
}

.mat-select-search-no-entries-found[_ngcontent-ng-c3516116704] {
    padding-top: 8px
}

.mat-select-search-clear[_ngcontent-ng-c3516116704] {
    position: absolute;
    right: 4px;
    top: 0
}

[dir=rtl][_nghost-ng-c3516116704] .mat-select-search-clear[_ngcontent-ng-c3516116704],
[dir=rtl] [_nghost-ng-c3516116704] .mat-select-search-clear[_ngcontent-ng-c3516116704] {
    right: auto;
    left: 4px
}

.mat-select-search-spinner[_ngcontent-ng-c3516116704] {
    position: absolute;
    right: 16px;
    top: calc(50% - 8px)
}

[dir=rtl][_nghost-ng-c3516116704] .mat-select-search-spinner[_ngcontent-ng-c3516116704],
[dir=rtl] [_nghost-ng-c3516116704] .mat-select-search-spinner[_ngcontent-ng-c3516116704] {
    right: auto;
    left: 16px
}

.mat-mdc-option[aria-disabled=true].contains-mat-select-search {
    position: sticky;
    top: -8px;
    z-index: 1;
    opacity: 1;
    margin-top: -8px;
    pointer-events: all
}

.mat-mdc-option[aria-disabled=true].contains-mat-select-search .mat-icon {
    margin-right: 0;
    margin-left: 0
}

.mat-mdc-option[aria-disabled=true].contains-mat-select-search mat-pseudo-checkbox {
    display: none
}

.mat-mdc-option[aria-disabled=true].contains-mat-select-search .mdc-list-item__primary-text {
    opacity: 1
}

.mat-select-search-toggle-all-checkbox[_ngcontent-ng-c3516116704] {
    padding-left: 5px
}

[dir=rtl][_nghost-ng-c3516116704] .mat-select-search-toggle-all-checkbox[_ngcontent-ng-c3516116704],
[dir=rtl] [_nghost-ng-c3516116704] .mat-select-search-toggle-all-checkbox[_ngcontent-ng-c3516116704] {
    padding-left: 0;
    padding-right: 5px
}

.mat-divider {
    --mat-divider-width: 1px;
    display: block;
    margin: 0;
    border-top-style: solid;
    border-top-color: var(--mat-divider-color);
    border-top-width: var(--mat-divider-width)
}

.mat-divider.mat-divider-vertical {
    border-top: 0;
    border-right-style: solid;
    border-right-color: var(--mat-divider-color);
    border-right-width: var(--mat-divider-width)
}

.mat-divider.mat-divider-inset {
    margin-left: 80px
}

[dir=rtl] .mat-divider.mat-divider-inset {
    margin-left: auto;
    margin-right: 80px
}

.mat-pseudo-checkbox {
    border-radius: 2px;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    position: relative;
    flex-shrink: 0;
    transition: border-color 90ms cubic-bezier(0, 0, 0.2, 0.1), background-color 90ms cubic-bezier(0, 0, 0.2, 0.1)
}

.mat-pseudo-checkbox::after {
    position: absolute;
    opacity: 0;
    content: "";
    border-bottom: 2px solid currentColor;
    transition: opacity 90ms cubic-bezier(0, 0, 0.2, 0.1)
}

.mat-pseudo-checkbox._mat-animation-noopable {
    transition: none !important;
    animation: none !important
}

.mat-pseudo-checkbox._mat-animation-noopable::after {
    transition: none
}

.mat-pseudo-checkbox-disabled {
    cursor: default
}

.mat-pseudo-checkbox-indeterminate::after {
    left: 1px;
    opacity: 1;
    border-radius: 2px
}

.mat-pseudo-checkbox-checked::after {
    left: 1px;
    border-left: 2px solid currentColor;
    transform: rotate(-45deg);
    opacity: 1;
    box-sizing: content-box
}

.mat-pseudo-checkbox-full {
    border: 2px solid
}

.mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked,
.mat-pseudo-checkbox-full.mat-pseudo-checkbox-indeterminate {
    border-color: rgba(0, 0, 0, 0)
}

.mat-pseudo-checkbox {
    width: 18px;
    height: 18px
}

.mat-pseudo-checkbox-minimal.mat-pseudo-checkbox-checked::after {
    width: 14px;
    height: 6px;
    transform-origin: center;
    top: -4.2426406871px;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto
}

.mat-pseudo-checkbox-minimal.mat-pseudo-checkbox-indeterminate::after {
    top: 8px;
    width: 16px
}

.mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked::after {
    width: 10px;
    height: 4px;
    transform-origin: center;
    top: -2.8284271247px;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto
}

.mat-pseudo-checkbox-full.mat-pseudo-checkbox-indeterminate::after {
    top: 6px;
    width: 12px
}

/* ================= */
.mat-drawer-container {
    position: relative;
    z-index: 1;
    color: var(--mat-sidenav-content-text-color);
    background-color: var(--mat-sidenav-content-background-color);
    box-sizing: border-box;
    -webkit-overflow-scrolling: touch;
    display: block;
    overflow: hidden
}

.mat-drawer-container[fullscreen] {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute
}

.mat-drawer-container[fullscreen].mat-drawer-container-has-open {
    overflow: hidden
}

.mat-drawer-container.mat-drawer-container-explicit-backdrop .mat-drawer-side {
    z-index: 3
}

.mat-drawer-container.ng-animate-disabled .mat-drawer-backdrop,
.mat-drawer-container.ng-animate-disabled .mat-drawer-content,
.ng-animate-disabled .mat-drawer-container .mat-drawer-backdrop,
.ng-animate-disabled .mat-drawer-container .mat-drawer-content {
    transition: none
}

.mat-drawer-backdrop {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    display: block;
    z-index: 3;
    visibility: hidden
}

.mat-drawer-backdrop.mat-drawer-shown {
    visibility: visible;
    background-color: var(--mat-sidenav-scrim-color)
}

.mat-drawer-transition .mat-drawer-backdrop {
    transition-duration: 400ms;
    transition-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1);
    transition-property: background-color, visibility
}

.cdk-high-contrast-active .mat-drawer-backdrop {
    opacity: .5
}

.mat-drawer-content {
    position: relative;
    z-index: 1;
    display: block;
    height: 100%;
    overflow: auto
}

.mat-drawer-transition .mat-drawer-content {
    transition-duration: 400ms;
    transition-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1);
    transition-property: transform, margin-left, margin-right
}

.mat-drawer {
    box-shadow: 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);
    position: relative;
    z-index: 4;
    --mat-sidenav-container-shape: 0;
    color: var(--mat-sidenav-container-text-color);
    background-color: var(--mat-sidenav-container-background-color);
    border-top-right-radius: var(--mat-sidenav-container-shape);
    border-bottom-right-radius: var(--mat-sidenav-container-shape);
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 3;
    outline: 0;
    box-sizing: border-box;
    overflow-y: auto;
    transform: translate3d(-100%, 0, 0)
}

.cdk-high-contrast-active .mat-drawer,
.cdk-high-contrast-active [dir=rtl] .mat-drawer.mat-drawer-end {
    border-right: solid 1px currentColor
}

.cdk-high-contrast-active [dir=rtl] .mat-drawer,
.cdk-high-contrast-active .mat-drawer.mat-drawer-end {
    border-left: solid 1px currentColor;
    border-right: none
}

.mat-drawer.mat-drawer-side {
    z-index: 2
}

.mat-drawer.mat-drawer-end {
    right: 0;
    transform: translate3d(100%, 0, 0);
    border-top-left-radius: var(--mat-sidenav-container-shape);
    border-bottom-left-radius: var(--mat-sidenav-container-shape);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

[dir=rtl] .mat-drawer {
    border-top-left-radius: var(--mat-sidenav-container-shape);
    border-bottom-left-radius: var(--mat-sidenav-container-shape);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    transform: translate3d(100%, 0, 0)
}

[dir=rtl] .mat-drawer.mat-drawer-end {
    border-top-right-radius: var(--mat-sidenav-container-shape);
    border-bottom-right-radius: var(--mat-sidenav-container-shape);
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    left: 0;
    right: auto;
    transform: translate3d(-100%, 0, 0)
}

.mat-drawer[style*="visibility: hidden"] {
    display: none
}

.mat-drawer-side {
    box-shadow: none;
    border-right-color: var(--mat-sidenav-container-divider-color);
    border-right-width: 1px;
    border-right-style: solid
}

.mat-drawer-side.mat-drawer-end {
    border-left-color: var(--mat-sidenav-container-divider-color);
    border-left-width: 1px;
    border-left-style: solid;
    border-right: none
}

[dir=rtl] .mat-drawer-side {
    border-left-color: var(--mat-sidenav-container-divider-color);
    border-left-width: 1px;
    border-left-style: solid;
    border-right: none
}

[dir=rtl] .mat-drawer-side.mat-drawer-end {
    border-right-color: var(--mat-sidenav-container-divider-color);
    border-right-width: 1px;
    border-right-style: solid;
    border-left: none
}

.mat-drawer-inner-container {
    width: 100%;
    height: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.mat-sidenav-fixed {
    position: fixed
}

.mdc-touch-target-wrapper {
    display: inline
}

.mdc-elevation-overlay {
    position: absolute;
    border-radius: inherit;
    pointer-events: none;
    opacity: var(--mdc-elevation-overlay-opacity);
    transition: opacity 280ms cubic-bezier(0.4, 0, 0.2, 1);
    background-color: var(--mdc-elevation-overlay-color)
}

.mdc-fab {
    position: relative;
    display: inline-flex;
    position: relative;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 56px;
    height: 56px;
    padding: 0;
    border: none;
    fill: currentColor;
    text-decoration: none;
    cursor: pointer;
    user-select: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    overflow: visible;
    transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 15ms linear 30ms, transform 270ms 0ms cubic-bezier(0, 0, 0.2, 1)
}

.mdc-fab .mdc-elevation-overlay {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.mdc-fab[hidden] {
    display: none
}

.mdc-fab::-moz-focus-inner {
    padding: 0;
    border: 0
}

.mdc-fab:hover {
    box-shadow: 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)
}

.mdc-fab.mdc-ripple-upgraded--background-focused,
.mdc-fab:not(.mdc-ripple-upgraded):focus {
    box-shadow: 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)
}

.mdc-fab .mdc-fab__focus-ring {
    position: absolute
}

.mdc-fab.mdc-ripple-upgraded--background-focused .mdc-fab__focus-ring,
.mdc-fab:not(.mdc-ripple-upgraded):focus .mdc-fab__focus-ring {
    pointer-events: none;
    border: 2px solid rgba(0, 0, 0, 0);
    border-radius: 6px;
    box-sizing: content-box;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: calc(100% + 4px);
    width: calc(100% + 4px)
}

@media screen and (forced-colors: active) {

    .mdc-fab.mdc-ripple-upgraded--background-focused .mdc-fab__focus-ring,
    .mdc-fab:not(.mdc-ripple-upgraded):focus .mdc-fab__focus-ring {
        border-color: CanvasText
    }
}

.mdc-fab.mdc-ripple-upgraded--background-focused .mdc-fab__focus-ring::after,
.mdc-fab:not(.mdc-ripple-upgraded):focus .mdc-fab__focus-ring::after {
    content: "";
    border: 2px solid rgba(0, 0, 0, 0);
    border-radius: 8px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: calc(100% + 4px);
    width: calc(100% + 4px)
}

@media screen and (forced-colors: active) {

    .mdc-fab.mdc-ripple-upgraded--background-focused .mdc-fab__focus-ring::after,
    .mdc-fab:not(.mdc-ripple-upgraded):focus .mdc-fab__focus-ring::after {
        border-color: CanvasText
    }
}

.mdc-fab:active,
.mdc-fab:focus:active {
    box-shadow: 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)
}

.mdc-fab:active,
.mdc-fab:focus {
    outline: none
}

.mdc-fab:hover {
    cursor: pointer
}

.mdc-fab>svg {
    width: 100%
}

.mdc-fab--mini {
    width: 40px;
    height: 40px
}

.mdc-fab--extended {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mdc-typography-button-font-family);
    font-size: var(--mdc-typography-button-font-size);
    line-height: var(--mdc-typography-button-line-height);
    font-weight: var(--mdc-typography-button-font-weight);
    letter-spacing: var(--mdc-typography-button-letter-spacing);
    text-decoration: var(--mdc-typography-button-text-decoration);
    text-transform: var(--mdc-typography-button-text-transform);
    border-radius: 24px;
    padding-left: 20px;
    padding-right: 20px;
    width: auto;
    max-width: 100%;
    height: 48px;
    line-height: normal
}

.mdc-fab--extended .mdc-fab__ripple {
    border-radius: 24px
}

.mdc-fab--extended .mdc-fab__icon {
    margin-left: calc(12px - 20px);
    margin-right: 12px
}

[dir=rtl] .mdc-fab--extended .mdc-fab__icon,
.mdc-fab--extended .mdc-fab__icon[dir=rtl] {
    margin-left: 12px;
    margin-right: calc(12px - 20px)
}

.mdc-fab--extended .mdc-fab__label+.mdc-fab__icon {
    margin-left: 12px;
    margin-right: calc(12px - 20px)
}

[dir=rtl] .mdc-fab--extended .mdc-fab__label+.mdc-fab__icon,
.mdc-fab--extended .mdc-fab__label+.mdc-fab__icon[dir=rtl] {
    margin-left: calc(12px - 20px);
    margin-right: 12px
}

.mdc-fab--touch {
    margin-top: 4px;
    margin-bottom: 4px;
    margin-right: 4px;
    margin-left: 4px
}

.mdc-fab--touch .mdc-fab__touch {
    position: absolute;
    top: 50%;
    height: 48px;
    left: 50%;
    width: 48px;
    transform: translate(-50%, -50%)
}

.mdc-fab::before {
    position: absolute;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: inherit;
    content: "";
    pointer-events: none
}

@media screen and (forced-colors: active) {
    .mdc-fab::before {
        border-color: CanvasText
    }
}

.mdc-fab__label {
    justify-content: flex-start;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-x: hidden;
    overflow-y: visible
}

.mdc-fab__icon {
    transition: transform 180ms 90ms cubic-bezier(0, 0, 0.2, 1);
    fill: currentColor;
    will-change: transform
}

.mdc-fab .mdc-fab__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.mdc-fab--exited {
    transform: scale(0);
    opacity: 0;
    transition: opacity 15ms linear 150ms, transform 180ms 0ms cubic-bezier(0.4, 0, 1, 1)
}

.mdc-fab--exited .mdc-fab__icon {
    transform: scale(0);
    transition: transform 135ms 0ms cubic-bezier(0.4, 0, 1, 1)
}

.mat-mdc-fab,
.mat-mdc-mini-fab {
    background-color: var(--mdc-fab-container-color);
    --mdc-fab-container-shape: 50%;
    --mdc-fab-icon-size: 24px
}

.mat-mdc-fab .mdc-fab__icon,
.mat-mdc-mini-fab .mdc-fab__icon {
    width: var(--mdc-fab-icon-size);
    height: var(--mdc-fab-icon-size);
    font-size: var(--mdc-fab-icon-size)
}

.mat-mdc-fab:not(:disabled) .mdc-fab__icon,
.mat-mdc-mini-fab:not(:disabled) .mdc-fab__icon {
    color: var(--mdc-fab-icon-color)
}

.mat-mdc-fab:not(.mdc-fab--extended),
.mat-mdc-mini-fab:not(.mdc-fab--extended) {
    border-radius: var(--mdc-fab-container-shape)
}

.mat-mdc-fab:not(.mdc-fab--extended) .mdc-fab__ripple,
.mat-mdc-mini-fab:not(.mdc-fab--extended) .mdc-fab__ripple {
    border-radius: var(--mdc-fab-container-shape)
}

.mat-mdc-extended-fab {
    font-family: var(--mdc-extended-fab-label-text-font);
    font-size: var(--mdc-extended-fab-label-text-size);
    font-weight: var(--mdc-extended-fab-label-text-weight);
    letter-spacing: var(--mdc-extended-fab-label-text-tracking)
}

.mat-mdc-fab,
.mat-mdc-mini-fab {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    box-shadow: 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);
    color: var(--mat-mdc-fab-color, inherit);
    flex-shrink: 0
}

.mat-mdc-fab .mat-mdc-button-ripple,
.mat-mdc-fab .mat-mdc-button-persistent-ripple,
.mat-mdc-fab .mat-mdc-button-persistent-ripple::before,
.mat-mdc-mini-fab .mat-mdc-button-ripple,
.mat-mdc-mini-fab .mat-mdc-button-persistent-ripple,
.mat-mdc-mini-fab .mat-mdc-button-persistent-ripple::before {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    pointer-events: none;
    border-radius: inherit
}

.mat-mdc-fab .mat-mdc-button-ripple,
.mat-mdc-mini-fab .mat-mdc-button-ripple {
    overflow: hidden
}

.mat-mdc-fab .mat-mdc-button-persistent-ripple::before,
.mat-mdc-mini-fab .mat-mdc-button-persistent-ripple::before {
    content: "";
    opacity: 0;
    background-color: var(--mat-mdc-button-persistent-ripple-color)
}

.mat-mdc-fab .mat-ripple-element,
.mat-mdc-mini-fab .mat-ripple-element {
    background-color: var(--mat-mdc-button-ripple-color)
}

.mat-mdc-fab .mdc-button__label,
.mat-mdc-mini-fab .mdc-button__label {
    z-index: 1
}

.mat-mdc-fab .mat-mdc-focus-indicator,
.mat-mdc-mini-fab .mat-mdc-focus-indicator {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute
}

.mat-mdc-fab:focus .mat-mdc-focus-indicator::before,
.mat-mdc-mini-fab:focus .mat-mdc-focus-indicator::before {
    content: ""
}

.mat-mdc-fab .mat-mdc-button-touch-target,
.mat-mdc-mini-fab .mat-mdc-button-touch-target {
    position: absolute;
    top: 50%;
    height: 48px;
    left: 50%;
    width: 48px;
    transform: translate(-50%, -50%)
}

.mat-mdc-fab._mat-animation-noopable,
.mat-mdc-mini-fab._mat-animation-noopable {
    transition: none !important;
    animation: none !important
}

.mat-mdc-fab:hover,
.mat-mdc-fab:focus,
.mat-mdc-mini-fab:hover,
.mat-mdc-mini-fab:focus {
    box-shadow: 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)
}

.mat-mdc-fab:active,
.mat-mdc-fab:focus:active,
.mat-mdc-mini-fab:active,
.mat-mdc-mini-fab:focus:active {
    box-shadow: 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)
}

.mat-mdc-fab[disabled],
.mat-mdc-mini-fab[disabled] {
    cursor: default;
    pointer-events: none;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12)
}

.mat-mdc-fab:not(.mdc-ripple-upgraded):focus::before,
.mat-mdc-mini-fab:not(.mdc-ripple-upgraded):focus::before {
    background: rgba(0, 0, 0, 0);
    opacity: 1
}

.mat-mdc-fab .mat-icon,
.mat-mdc-fab .material-icons,
.mat-mdc-mini-fab .mat-icon,
.mat-mdc-mini-fab .material-icons {
    transition: transform 180ms 90ms cubic-bezier(0, 0, 0.2, 1);
    fill: currentColor;
    will-change: transform
}

.mat-mdc-fab .mat-mdc-focus-indicator::before,
.mat-mdc-mini-fab .mat-mdc-focus-indicator::before {
    margin: calc(calc(var(--mat-mdc-focus-indicator-border-width, 3px) + 2px) * -1)
}

.mat-mdc-extended-fab>.mat-icon,
.mat-mdc-extended-fab>.material-icons {
    margin-left: calc(12px - 20px);
    margin-right: 12px
}

[dir=rtl] .mat-mdc-extended-fab>.mat-icon,
[dir=rtl] .mat-mdc-extended-fab>.material-icons,
.mat-mdc-extended-fab>.mat-icon[dir=rtl],
.mat-mdc-extended-fab>.material-icons[dir=rtl] {
    margin-left: 12px;
    margin-right: calc(12px - 20px)
}

.mat-mdc-extended-fab .mdc-button__label+.mat-icon,
.mat-mdc-extended-fab .mdc-button__label+.material-icons {
    margin-left: 12px;
    margin-right: calc(12px - 20px)
}

[dir=rtl] .mat-mdc-extended-fab .mdc-button__label+.mat-icon,
[dir=rtl] .mat-mdc-extended-fab .mdc-button__label+.material-icons,
.mat-mdc-extended-fab .mdc-button__label+.mat-icon[dir=rtl],
.mat-mdc-extended-fab .mdc-button__label+.material-icons[dir=rtl] {
    margin-left: calc(12px - 20px);
    margin-right: 12px
}

.mat-mdc-extended-fab .mat-mdc-button-touch-target {
    width: 100%
}

mat-icon,
mat-icon.mat-primary,
mat-icon.mat-accent,
mat-icon.mat-warn {
    color: var(--mat-icon-color)
}

.mat-icon {
    -webkit-user-select: none;
    user-select: none;
    background-repeat: no-repeat;
    display: inline-block;
    fill: currentColor;
    height: 24px;
    width: 24px;
    overflow: hidden
}

.mat-icon.mat-icon-inline {
    font-size: inherit;
    height: inherit;
    line-height: inherit;
    width: inherit
}

.mat-icon.mat-ligature-font[fontIcon]::before {
    content: attr(fontIcon)
}

[dir=rtl] .mat-icon-rtl-mirror {
    transform: scale(-1, 1)
}

.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-prefix .mat-icon,
.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-suffix .mat-icon {
    display: block
}

.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-prefix .mat-icon-button .mat-icon,
.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-suffix .mat-icon-button .mat-icon {
    margin: auto
}


.demoid-marquee[_ngcontent-ng-c3660323651] {
    background: var(--red-color);
    color: var(--black-color);
    font-size: 10px;
    padding: 5px 10px;
    bottom: 0;
    width: 100%;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center
}

.demoid-marquee[_ngcontent-ng-c3660323651] marquee[_ngcontent-ng-c3660323651] {
    display: none
}

.demoid-marquee[_ngcontent-ng-c3660323651] p.marquee[_ngcontent-ng-c3660323651] {
    display: block;
    margin: 0;
    color: var(--black-color);
    font-size: 10px;
    text-align: center
}

app-footer app-demoid-marquee .demoid-marquee {
    position: static !important;
    padding: 7px 10px 20px !important;
    margin-bottom: -18px !important
}

@media only screen and (max-width: 340px) {
    .demoid-marquee[_ngcontent-ng-c3660323651] marquee[_ngcontent-ng-c3660323651] {
        display: block
    }

    .demoid-marquee[_ngcontent-ng-c3660323651] p.marquee[_ngcontent-ng-c3660323651] {
        display: none
    }
}

.demoid-marquee[_ngcontent-ng-c3080817936] {
    background: var(--primary-color-tint);
    color: var(--white-color);
    font-size: 10px;
    padding: 5px 10px;
    bottom: 0;
    width: 100%;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center
}

.demoid-marquee[_ngcontent-ng-c3080817936] marquee[_ngcontent-ng-c3080817936] {
    display: none
}

.demoid-marquee[_ngcontent-ng-c3080817936] p.marquee[_ngcontent-ng-c3080817936] {
    display: block;
    margin: 0;
    color: var(--white-color);
    font-size: 10px;
    text-align: center
}

app-footer app-demoid-marquee .demoid-marquee {
    position: static !important;
    padding: 7px 10px 20px !important;
    margin-bottom: -18px !important
}

@media only screen and (max-width: 340px) {
    .demoid-marquee[_ngcontent-ng-c3080817936] marquee[_ngcontent-ng-c3080817936] {
        display: block
    }

    .demoid-marquee[_ngcontent-ng-c3080817936] p.marquee[_ngcontent-ng-c3080817936] {
        display: none
    }
}

.tab-navigation[_ngcontent-ng-c1896169303] {
    border-radius: 20px 20px 0 0;
    padding: 6px 0;
    background: var(--black-color);
    height: 60px;
    display: flex;
    align-items: center;
    width: 100%;
    position: relative;
    z-index: 100
}

.tab-navigation[_ngcontent-ng-c1896169303] button[_ngcontent-ng-c1896169303] {
    width: 100%;
    min-width: auto;
    padding: 0
}

.tab-navigation[_ngcontent-ng-c1896169303] button[_ngcontent-ng-c1896169303] .mdc-button__label {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    row-gap: 5px
}

.tab-navigation[_ngcontent-ng-c1896169303] button[_ngcontent-ng-c1896169303] .mdc-button__label span[class^=ai-] {
    font-size: 18px;
    color: var(--grey-300)
}

.tab-navigation[_ngcontent-ng-c1896169303] button[_ngcontent-ng-c1896169303] .mdc-button__label img {
    width: 30px;
    max-height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-size: 35px;
    margin: 0 auto
}

.tab-navigation[_ngcontent-ng-c1896169303] button[_ngcontent-ng-c1896169303] .mdc-button__label p {
    margin: 0;
    font-size: 10px;
    text-transform: capitalize;
    color: var(--grey-300);
    white-space: nowrap
}

.tab-navigation[_ngcontent-ng-c1896169303] button.active-link[_ngcontent-ng-c1896169303] .mdc-button__label span[class^=ai-] {
    color: var(--secondary-color)
}

.tab-navigation[_ngcontent-ng-c1896169303] button.active-link[_ngcontent-ng-c1896169303] p[_ngcontent-ng-c1896169303] {
    color: var(--secondary-color)
}

.tab-navigation[_ngcontent-ng-c1896169303] button.home[_ngcontent-ng-c1896169303] img[_ngcontent-ng-c1896169303] {
    background-repeat: no-repeat;
    background-position: center -40px
}

.tab-navigation[_ngcontent-ng-c1896169303] button.home.active-link[_ngcontent-ng-c1896169303] img[_ngcontent-ng-c1896169303] {
    background-repeat: no-repeat;
    background-position: center -5px
}

.tab-navigation[_ngcontent-ng-c1896169303] button.cricket[_ngcontent-ng-c1896169303] img[_ngcontent-ng-c1896169303] {
    background-repeat: no-repeat;
    background-position: center -110px
}

.tab-navigation[_ngcontent-ng-c1896169303] button.cricket.active-link[_ngcontent-ng-c1896169303] img[_ngcontent-ng-c1896169303] {
    background-repeat: no-repeat;
    background-position: center -75px
}

.tab-navigation[_ngcontent-ng-c1896169303] button.casino[_ngcontent-ng-c1896169303] img[_ngcontent-ng-c1896169303] {
    background-repeat: no-repeat;
    background-position: center -180px
}

.tab-navigation[_ngcontent-ng-c1896169303] button.casino.active-link[_ngcontent-ng-c1896169303] img[_ngcontent-ng-c1896169303] {
    background-repeat: no-repeat;
    background-position: center -145px
}

.tab-navigation[_ngcontent-ng-c1896169303] button.profile[_ngcontent-ng-c1896169303] img[_ngcontent-ng-c1896169303] {
    background-repeat: no-repeat;
    background-position: center -250px
}

.tab-navigation[_ngcontent-ng-c1896169303] button.profile.active-link[_ngcontent-ng-c1896169303] img[_ngcontent-ng-c1896169303] {
    background-repeat: no-repeat;
    background-position: center -215px
}

.tab-navigation[_ngcontent-ng-c1896169303] button.market[_ngcontent-ng-c1896169303] img[_ngcontent-ng-c1896169303] {
    background-repeat: no-repeat;
    background-position: center -320px
}

.tab-navigation[_ngcontent-ng-c1896169303] button.market.active-link[_ngcontent-ng-c1896169303] img[_ngcontent-ng-c1896169303] {
    background-repeat: no-repeat;
    background-position: center -285px
}

.tab-navigation[_ngcontent-ng-c1896169303] button.offers[_ngcontent-ng-c1896169303] img[_ngcontent-ng-c1896169303] {
    background-repeat: no-repeat;
    background-position: center -390px
}

.tab-navigation[_ngcontent-ng-c1896169303] button.offers.active-link[_ngcontent-ng-c1896169303] img[_ngcontent-ng-c1896169303] {
    background-repeat: no-repeat;
    background-position: center -355px
}

.tab-navigation[_ngcontent-ng-c1896169303] button.refer[_ngcontent-ng-c1896169303] img[_ngcontent-ng-c1896169303] {
    background-repeat: no-repeat;
    background-position: center -460px
}

.tab-navigation[_ngcontent-ng-c1896169303] button.refer.active-link[_ngcontent-ng-c1896169303] img[_ngcontent-ng-c1896169303] {
    background-repeat: no-repeat;
    background-position: center -425px
}

.tab-navigation[_ngcontent-ng-c1896169303] button.passbook[_ngcontent-ng-c1896169303] img[_ngcontent-ng-c1896169303] {
    background-repeat: no-repeat;
    background-position: center -530px
}

.tab-navigation[_ngcontent-ng-c1896169303] button.passbook.active-link[_ngcontent-ng-c1896169303] img[_ngcontent-ng-c1896169303] {
    background-repeat: no-repeat;
    background-position: center -495px
}

#menu[_ngcontent-ng-c1896169303] {
    height: 230px;
    margin-bottom: -10px;
    border-radius: 50% 50% 0 0;
    padding: 0
}

.menu-item[_ngcontent-ng-c1896169303] {
    width: 60px;
    height: 60px;
    position: absolute;
    left: 50%;
    line-height: 5px;
    bottom: 0;
    margin: -50px 0 0 -50px;
    border-radius: 50%;
    background-color: #424242;
    transform: translate(0);
    transition: transform .5s;
    z-index: 2;
    transition: .5s;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center
}

.menu-item[_ngcontent-ng-c1896169303] img[_ngcontent-ng-c1896169303] {
    width: 20px;
    height: 20px
}

.menu-item[_ngcontent-ng-c1896169303]:hover {
    opacity: .5;
    box-shadow: 0 5px 10px #000
}

.container-menu[_ngcontent-ng-c1896169303] ul[_ngcontent-ng-c1896169303]:has(> [_ngcontent-ng-c1896169303]:last-child:nth-child(3)) .menu-item[_ngcontent-ng-c1896169303]:nth-child(4) {
    transform: rotate(60deg) translateY(-150px) rotate(300deg);
    transition-delay: 0s
}

.container-menu[_ngcontent-ng-c1896169303] ul[_ngcontent-ng-c1896169303]:has(> [_ngcontent-ng-c1896169303]:last-child:nth-child(3)) .menu-item[_ngcontent-ng-c1896169303]:nth-child(3) {
    transform: rotate(20deg) translateY(-155px) rotate(-20deg);
    transition-delay: .1s
}

.container-menu[_ngcontent-ng-c1896169303] ul[_ngcontent-ng-c1896169303]:has(> [_ngcontent-ng-c1896169303]:last-child:nth-child(3)) .menu-item[_ngcontent-ng-c1896169303]:nth-child(2) {
    transform: rotate(-20deg) translateY(-155px) rotate(20deg);
    transition-delay: .2s
}

.container-menu[_ngcontent-ng-c1896169303] ul[_ngcontent-ng-c1896169303]:has(> [_ngcontent-ng-c1896169303]:last-child:nth-child(3)) .menu-item[_ngcontent-ng-c1896169303]:nth-child(1) {
    transform: rotate(-60deg) translateY(-150px) rotate(60deg);
    transition-delay: .3s
}

.container-menu[_ngcontent-ng-c1896169303] ul[_ngcontent-ng-c1896169303]:has(> [_ngcontent-ng-c1896169303]:last-child:nth-child(4)) .menu-item[_ngcontent-ng-c1896169303]:nth-child(4) {
    transform: rotate(60deg) translateY(-150px) rotate(300deg);
    transition-delay: 0s
}

.container-menu[_ngcontent-ng-c1896169303] ul[_ngcontent-ng-c1896169303]:has(> [_ngcontent-ng-c1896169303]:last-child:nth-child(4)) .menu-item[_ngcontent-ng-c1896169303]:nth-child(3) {
    transform: rotate(20deg) translateY(-155px) rotate(-20deg);
    transition-delay: .1s
}

.container-menu[_ngcontent-ng-c1896169303] ul[_ngcontent-ng-c1896169303]:has(> [_ngcontent-ng-c1896169303]:last-child:nth-child(4)) .menu-item[_ngcontent-ng-c1896169303]:nth-child(2) {
    transform: rotate(-20deg) translateY(-155px) rotate(20deg);
    transition-delay: .2s
}

.container-menu[_ngcontent-ng-c1896169303] ul[_ngcontent-ng-c1896169303]:has(> [_ngcontent-ng-c1896169303]:last-child:nth-child(4)) .menu-item[_ngcontent-ng-c1896169303]:nth-child(1) {
    transform: rotate(-60deg) translateY(-150px) rotate(60deg);
    transition-delay: .3s
}

.container-menu[_ngcontent-ng-c1896169303] ul[_ngcontent-ng-c1896169303]:has(> [_ngcontent-ng-c1896169303]:last-child:nth-child(6)) .menu-item[_ngcontent-ng-c1896169303]:nth-child(6) {
    transform: rotate(64deg) translateY(-150px) rotate(-64deg);
    transition-delay: 0s
}

.container-menu[_ngcontent-ng-c1896169303] ul[_ngcontent-ng-c1896169303]:has(> [_ngcontent-ng-c1896169303]:last-child:nth-child(6)) .menu-item[_ngcontent-ng-c1896169303]:nth-child(5) {
    transform: rotate(37deg) translateY(-150px) rotate(-38deg);
    transition-delay: 0s
}

.container-menu[_ngcontent-ng-c1896169303] ul[_ngcontent-ng-c1896169303]:has(> [_ngcontent-ng-c1896169303]:last-child:nth-child(6)) .menu-item[_ngcontent-ng-c1896169303]:nth-child(4) {
    transform: rotate(12deg) translateY(-155px) rotate(-12deg);
    transition-delay: 0s
}

.container-menu[_ngcontent-ng-c1896169303] ul[_ngcontent-ng-c1896169303]:has(> [_ngcontent-ng-c1896169303]:last-child:nth-child(6)) .menu-item[_ngcontent-ng-c1896169303]:nth-child(3) {
    transform: rotate(-12deg) translateY(-155px) rotate(12deg);
    transition-delay: .1s
}

.container-menu[_ngcontent-ng-c1896169303] ul[_ngcontent-ng-c1896169303]:has(> [_ngcontent-ng-c1896169303]:last-child:nth-child(6)) .menu-item[_ngcontent-ng-c1896169303]:nth-child(2) {
    transform: rotate(-37deg) translateY(-155px) rotate(35deg);
    transition-delay: .2s
}

.container-menu[_ngcontent-ng-c1896169303] ul[_ngcontent-ng-c1896169303]:has(> [_ngcontent-ng-c1896169303]:last-child:nth-child(6)) .menu-item[_ngcontent-ng-c1896169303]:nth-child(1) {
    transform: rotate(-65deg) translateY(-150px) rotate(65deg);
    transition-delay: .3s
}

.container-menu.listview[_ngcontent-ng-c1896169303] ul#menu[_ngcontent-ng-c1896169303] {
    margin-bottom: 0;
    width: -moz-fit-content;
    width: fit-content;
    position: absolute;
    left: calc(25% + 25px);
    bottom: 75px;
    background: var(--grey-50);
    padding: 5px;
    border-radius: 5px;
    height: auto
}

.container-menu.listview[_ngcontent-ng-c1896169303] ul#menu[_ngcontent-ng-c1896169303] .menu-item[_ngcontent-ng-c1896169303] {
    width: 60px;
    height: 60px;
    position: unset;
    left: calc(25% + 25px);
    line-height: 5px;
    bottom: 60px;
    background-color: #424242;
    transform: unset !important;
    transition: transform .5s;
    z-index: 2;
    transition: .5s;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 5px;
    border-radius: 0
}

.container-menu.listview[_ngcontent-ng-c1896169303] ul#menu[_ngcontent-ng-c1896169303] .menu-item[_ngcontent-ng-c1896169303]:last-child {
    margin-bottom: 0
}

.menu-item[_ngcontent-ng-c1896169303] a[_ngcontent-ng-c1896169303] {
    color: #fff;
    position: relative;
    left: 0;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.menu-item[_ngcontent-ng-c1896169303] a[_ngcontent-ng-c1896169303] p[_ngcontent-ng-c1896169303] {
    margin: 5px 0 0;
    font-size: 9px;
    text-align: center;
    line-height: 1;
    padding: 0 5px
}

.footer-subMenu.mat-mdc-menu-panel {
    background: var(--grey-75);
    min-width: 160px;
    margin-bottom: 15px;
    border-radius: 10px
}

.footer-subMenu.mat-mdc-menu-panel .fs-menu-item {
    min-height: auto;
    height: 40px;
    padding: 0 5px;
    max-width: calc(100% - 15px);
    margin: auto auto 10px;
    background: var(--grey-100);
    border: 1px solid var(--grey-100);
    border-radius: 10px
}

.footer-subMenu.mat-mdc-menu-panel .fs-menu-item:hover {
    border: 1px solid var(--grey-100)
}

.footer-subMenu.mat-mdc-menu-panel .fs-menu-item.active-link {
    background: var(--grey-00);
    border: 1px solid var(--secondary-color)
}

.footer-subMenu.mat-mdc-menu-panel .fs-menu-item:last-child {
    margin-bottom: 0
}

.footer-subMenu.mat-mdc-menu-panel .fs-menu-item .mat-mdc-menu-item-text {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    column-gap: 5px
}

.footer-subMenu.mat-mdc-menu-panel .fs-menu-item .mat-mdc-menu-item-text img {
    width: 20px;
    height: 20px
}

.footer-subMenu.mat-mdc-menu-panel .fs-menu-item .mat-mdc-menu-item-text p {
    font-size: 12px
}

.plt-pwa[_ngcontent-ng-c1896169303] .tab-navigation[_ngcontent-ng-c1896169303] {
    height: 70px;
    padding-bottom: 15px
}

.floating-btns2[_ngcontent-ng-c2345734034] {
    position: absolute;
    bottom: 120px;
    right: 5px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    row-gap: 7px;
    z-index: 1000
}

.floating-btns2[_ngcontent-ng-c2345734034] .btn-item[_ngcontent-ng-c2345734034] {
    position: relative
}

.floating-btns2[_ngcontent-ng-c2345734034] .btn-wrap[_ngcontent-ng-c2345734034] {
    background: var(--primary-color);
    width: 36px;
    height: 36px;
    margin-right: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%
}

.floating-btns2[_ngcontent-ng-c2345734034] .btn-wrap[_ngcontent-ng-c2345734034] mat-icon[_ngcontent-ng-c2345734034] {
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--primary-color-contrast)
}

.badge[_ngcontent-ng-c2345734034] {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: red;
    color: #fff;
    border-radius: 50%;
    font-size: 12px;
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center
}

.d-none[_ngcontent-ng-c2345734034] {
    display: none !important
}

mat-menu {
    display: none
}

.mat-mdc-menu-content {
    margin: 0;
    padding: 8px 0;
    list-style-type: none
}

.mat-mdc-menu-content:focus {
    outline: none
}

.mat-mdc-menu-content,
.mat-mdc-menu-content .mat-mdc-menu-item .mat-mdc-menu-item-text {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    white-space: normal;
    font-family: var(--mat-menu-item-label-text-font);
    line-height: var(--mat-menu-item-label-text-line-height);
    font-size: var(--mat-menu-item-label-text-size);
    letter-spacing: var(--mat-menu-item-label-text-tracking);
    font-weight: var(--mat-menu-item-label-text-weight)
}

.mat-mdc-menu-panel {
    --mat-menu-container-shape: 4px;
    min-width: 112px;
    max-width: 280px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    box-sizing: border-box;
    outline: 0;
    border-radius: var(--mat-menu-container-shape);
    background-color: var(--mat-menu-container-color);
    will-change: transform, opacity
}

.mat-mdc-menu-panel.ng-animating {
    pointer-events: none
}

.cdk-high-contrast-active .mat-mdc-menu-panel {
    outline: solid 1px
}

.mat-mdc-menu-item {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: flex-start;
    overflow: hidden;
    padding: 0;
    padding-left: 16px;
    padding-right: 16px;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
    outline: none;
    border: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    cursor: pointer;
    width: 100%;
    text-align: left;
    box-sizing: border-box;
    color: inherit;
    font-size: inherit;
    background: none;
    text-decoration: none;
    margin: 0;
    align-items: center;
    min-height: 48px
}

.mat-mdc-menu-item:focus {
    outline: none
}

[dir=rtl] .mat-mdc-menu-item,
.mat-mdc-menu-item[dir=rtl] {
    padding-left: 16px;
    padding-right: 16px
}

.mat-mdc-menu-item::-moz-focus-inner {
    border: 0
}

.mat-mdc-menu-item,
.mat-mdc-menu-item:visited,
.mat-mdc-menu-item:link {
    color: var(--mat-menu-item-label-text-color)
}

.mat-mdc-menu-item .mat-icon-no-color,
.mat-mdc-menu-item .mat-mdc-menu-submenu-icon {
    color: var(--mat-menu-item-icon-color)
}

.mat-mdc-menu-item[disabled] {
    cursor: default;
    opacity: .38
}

.mat-mdc-menu-item[disabled]::after {
    display: block;
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.mat-mdc-menu-item .mat-icon {
    margin-right: 16px
}

[dir=rtl] .mat-mdc-menu-item {
    text-align: right
}

[dir=rtl] .mat-mdc-menu-item .mat-icon {
    margin-right: 0;
    margin-left: 16px
}

.mat-mdc-menu-item.mat-mdc-menu-item-submenu-trigger {
    padding-right: 32px
}

[dir=rtl] .mat-mdc-menu-item.mat-mdc-menu-item-submenu-trigger {
    padding-right: 16px;
    padding-left: 32px
}

.mat-mdc-menu-item:not([disabled]):hover {
    background-color: var(--mat-menu-item-hover-state-layer-color)
}

.mat-mdc-menu-item:not([disabled]).cdk-program-focused,
.mat-mdc-menu-item:not([disabled]).cdk-keyboard-focused,
.mat-mdc-menu-item:not([disabled]).mat-mdc-menu-item-highlighted {
    background-color: var(--mat-menu-item-focus-state-layer-color)
}

.cdk-high-contrast-active .mat-mdc-menu-item {
    margin-top: 1px
}

.mat-mdc-menu-submenu-icon {
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
    width: 5px;
    height: 10px;
    fill: currentColor
}

[dir=rtl] .mat-mdc-menu-submenu-icon {
    right: auto;
    left: 16px;
    transform: translateY(-50%) scaleX(-1)
}

.cdk-high-contrast-active .mat-mdc-menu-submenu-icon {
    fill: CanvasText
}

.mat-mdc-menu-item .mat-mdc-menu-ripple {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    pointer-events: none
}

.mdc-touch-target-wrapper {
    display: inline
}

.mdc-elevation-overlay {
    position: absolute;
    border-radius: inherit;
    pointer-events: none;
    opacity: var(--mdc-elevation-overlay-opacity, 0);
    transition: opacity 280ms cubic-bezier(0.4, 0, 0.2, 1)
}

.mdc-button {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-width: 64px;
    border: none;
    outline: none;
    line-height: inherit;
    user-select: none;
    -webkit-appearance: none;
    overflow: visible;
    vertical-align: middle;
    background: rgba(0, 0, 0, 0)
}

.mdc-button .mdc-elevation-overlay {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.mdc-button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.mdc-button:active {
    outline: none
}

.mdc-button:hover {
    cursor: pointer
}

.mdc-button:disabled {
    cursor: default;
    pointer-events: none
}

.mdc-button[hidden] {
    display: none
}

.mdc-button .mdc-button__icon {
    margin-left: 0;
    margin-right: 8px;
    display: inline-block;
    position: relative;
    vertical-align: top
}

[dir=rtl] .mdc-button .mdc-button__icon,
.mdc-button .mdc-button__icon[dir=rtl] {
    margin-left: 8px;
    margin-right: 0
}

.mdc-button .mdc-button__progress-indicator {
    font-size: 0;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    line-height: initial
}

.mdc-button .mdc-button__label {
    position: relative
}

.mdc-button .mdc-button__focus-ring {
    pointer-events: none;
    border: 2px solid rgba(0, 0, 0, 0);
    border-radius: 6px;
    box-sizing: content-box;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: calc(100% + 4px);
    width: calc(100% + 4px);
    display: none
}

@media screen and (forced-colors: active) {
    .mdc-button .mdc-button__focus-ring {
        border-color: CanvasText
    }
}

.mdc-button .mdc-button__focus-ring::after {
    content: "";
    border: 2px solid rgba(0, 0, 0, 0);
    border-radius: 8px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: calc(100% + 4px);
    width: calc(100% + 4px)
}

@media screen and (forced-colors: active) {
    .mdc-button .mdc-button__focus-ring::after {
        border-color: CanvasText
    }
}

@media screen and (forced-colors: active) {

    .mdc-button.mdc-ripple-upgraded--background-focused .mdc-button__focus-ring,
    .mdc-button:not(.mdc-ripple-upgraded):focus .mdc-button__focus-ring {
        display: block
    }
}

.mdc-button .mdc-button__touch {
    position: absolute;
    top: 50%;
    height: 48px;
    left: 0;
    right: 0;
    transform: translateY(-50%)
}

.mdc-button__label+.mdc-button__icon {
    margin-left: 8px;
    margin-right: 0
}

[dir=rtl] .mdc-button__label+.mdc-button__icon,
.mdc-button__label+.mdc-button__icon[dir=rtl] {
    margin-left: 0;
    margin-right: 8px
}

svg.mdc-button__icon {
    fill: currentColor
}

.mdc-button--touch {
    margin-top: 6px;
    margin-bottom: 6px
}

.mdc-button {
    padding: 0 8px 0 8px
}

.mdc-button--unelevated {
    transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
    padding: 0 16px 0 16px
}

.mdc-button--unelevated.mdc-button--icon-trailing {
    padding: 0 12px 0 16px
}

.mdc-button--unelevated.mdc-button--icon-leading {
    padding: 0 16px 0 12px
}

.mdc-button--raised {
    transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
    padding: 0 16px 0 16px
}

.mdc-button--raised.mdc-button--icon-trailing {
    padding: 0 12px 0 16px
}

.mdc-button--raised.mdc-button--icon-leading {
    padding: 0 16px 0 12px
}

.mdc-button--outlined {
    border-style: solid;
    transition: border 280ms cubic-bezier(0.4, 0, 0.2, 1)
}

.mdc-button--outlined .mdc-button__ripple {
    border-style: solid;
    border-color: rgba(0, 0, 0, 0)
}

.mat-mdc-button {
    height: var(--mdc-text-button-container-height, 36px);
    border-radius: var(--mdc-text-button-container-shape, var(--mdc-shape-small, 4px))
}

.mat-mdc-button:not(:disabled) {
    color: var(--mdc-text-button-label-text-color, inherit)
}

.mat-mdc-button:disabled {
    color: var(--mdc-text-button-disabled-label-text-color, rgba(0, 0, 0, 0.38))
}

.mat-mdc-button .mdc-button__ripple {
    border-radius: var(--mdc-text-button-container-shape, var(--mdc-shape-small, 4px))
}

.mat-mdc-unelevated-button {
    height: var(--mdc-filled-button-container-height, 36px);
    border-radius: var(--mdc-filled-button-container-shape, var(--mdc-shape-small, 4px))
}

.mat-mdc-unelevated-button:not(:disabled) {
    background-color: var(--mdc-filled-button-container-color, transparent)
}

.mat-mdc-unelevated-button:disabled {
    background-color: var(--mdc-filled-button-disabled-container-color, rgba(0, 0, 0, 0.12))
}

.mat-mdc-unelevated-button:not(:disabled) {
    color: var(--mdc-filled-button-label-text-color, inherit)
}

.mat-mdc-unelevated-button:disabled {
    color: var(--mdc-filled-button-disabled-label-text-color, rgba(0, 0, 0, 0.38))
}

.mat-mdc-unelevated-button .mdc-button__ripple {
    border-radius: var(--mdc-filled-button-container-shape, var(--mdc-shape-small, 4px))
}

.mat-mdc-raised-button {
    height: var(--mdc-protected-button-container-height, 36px);
    border-radius: var(--mdc-protected-button-container-shape, var(--mdc-shape-small, 4px));
    box-shadow: var(--mdc-protected-button-container-elevation, 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))
}

.mat-mdc-raised-button:not(:disabled) {
    background-color: var(--mdc-protected-button-container-color, transparent)
}

.mat-mdc-raised-button:disabled {
    background-color: var(--mdc-protected-button-disabled-container-color, rgba(0, 0, 0, 0.12))
}

.mat-mdc-raised-button:not(:disabled) {
    color: var(--mdc-protected-button-label-text-color, inherit)
}

.mat-mdc-raised-button:disabled {
    color: var(--mdc-protected-button-disabled-label-text-color, rgba(0, 0, 0, 0.38))
}

.mat-mdc-raised-button .mdc-button__ripple {
    border-radius: var(--mdc-protected-button-container-shape, var(--mdc-shape-small, 4px))
}

.mat-mdc-raised-button.mdc-ripple-upgraded--background-focused,
.mat-mdc-raised-button:not(.mdc-ripple-upgraded):focus {
    box-shadow: var(--mdc-protected-button-focus-container-elevation, 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))
}

.mat-mdc-raised-button:hover {
    box-shadow: var(--mdc-protected-button-hover-container-elevation, 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))
}

.mat-mdc-raised-button:not(:disabled):active {
    box-shadow: var(--mdc-protected-button-pressed-container-elevation, 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))
}

.mat-mdc-raised-button:disabled {
    box-shadow: var(--mdc-protected-button-disabled-container-elevation, 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12))
}

.mat-mdc-outlined-button {
    height: var(--mdc-outlined-button-container-height, 36px);
    border-radius: var(--mdc-outlined-button-container-shape, var(--mdc-shape-small, 4px));
    padding: 0 15px 0 15px;
    border-width: var(--mdc-outlined-button-outline-width, 1px)
}

.mat-mdc-outlined-button:not(:disabled) {
    color: var(--mdc-outlined-button-label-text-color, inherit)
}

.mat-mdc-outlined-button:disabled {
    color: var(--mdc-outlined-button-disabled-label-text-color, rgba(0, 0, 0, 0.38))
}

.mat-mdc-outlined-button .mdc-button__ripple {
    border-radius: var(--mdc-outlined-button-container-shape, var(--mdc-shape-small, 4px))
}

.mat-mdc-outlined-button:not(:disabled) {
    border-color: var(--mdc-outlined-button-outline-color, rgba(0, 0, 0, 0.12))
}

.mat-mdc-outlined-button:disabled {
    border-color: var(--mdc-outlined-button-disabled-outline-color, rgba(0, 0, 0, 0.12))
}

.mat-mdc-outlined-button.mdc-button--icon-trailing {
    padding: 0 11px 0 15px
}

.mat-mdc-outlined-button.mdc-button--icon-leading {
    padding: 0 15px 0 11px
}

.mat-mdc-outlined-button .mdc-button__ripple {
    top: -1px;
    left: -1px;
    bottom: -1px;
    right: -1px;
    border-width: var(--mdc-outlined-button-outline-width, 1px)
}

.mat-mdc-outlined-button .mdc-button__touch {
    left: calc(-1 * var(--mdc-outlined-button-outline-width, 1px));
    width: calc(100% + 2 * var(--mdc-outlined-button-outline-width, 1px))
}

.mat-mdc-button,
.mat-mdc-unelevated-button,
.mat-mdc-raised-button,
.mat-mdc-outlined-button {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.mat-mdc-button .mat-mdc-button-ripple,
.mat-mdc-button .mat-mdc-button-persistent-ripple,
.mat-mdc-button .mat-mdc-button-persistent-ripple::before,
.mat-mdc-unelevated-button .mat-mdc-button-ripple,
.mat-mdc-unelevated-button .mat-mdc-button-persistent-ripple,
.mat-mdc-unelevated-button .mat-mdc-button-persistent-ripple::before,
.mat-mdc-raised-button .mat-mdc-button-ripple,
.mat-mdc-raised-button .mat-mdc-button-persistent-ripple,
.mat-mdc-raised-button .mat-mdc-button-persistent-ripple::before,
.mat-mdc-outlined-button .mat-mdc-button-ripple,
.mat-mdc-outlined-button .mat-mdc-button-persistent-ripple,
.mat-mdc-outlined-button .mat-mdc-button-persistent-ripple::before {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    pointer-events: none;
    border-radius: inherit
}

.mat-mdc-button .mat-mdc-button-ripple,
.mat-mdc-unelevated-button .mat-mdc-button-ripple,
.mat-mdc-raised-button .mat-mdc-button-ripple,
.mat-mdc-outlined-button .mat-mdc-button-ripple {
    overflow: hidden
}

.mat-mdc-button .mat-mdc-button-persistent-ripple::before,
.mat-mdc-unelevated-button .mat-mdc-button-persistent-ripple::before,
.mat-mdc-raised-button .mat-mdc-button-persistent-ripple::before,
.mat-mdc-outlined-button .mat-mdc-button-persistent-ripple::before {
    content: "";
    opacity: 0;
    background-color: var(--mat-mdc-button-persistent-ripple-color)
}

.mat-mdc-button .mat-ripple-element,
.mat-mdc-unelevated-button .mat-ripple-element,
.mat-mdc-raised-button .mat-ripple-element,
.mat-mdc-outlined-button .mat-ripple-element {
    background-color: var(--mat-mdc-button-ripple-color)
}

.mat-mdc-button .mdc-button__label,
.mat-mdc-unelevated-button .mdc-button__label,
.mat-mdc-raised-button .mdc-button__label,
.mat-mdc-outlined-button .mdc-button__label {
    z-index: 1
}

.mat-mdc-button .mat-mdc-focus-indicator,
.mat-mdc-unelevated-button .mat-mdc-focus-indicator,
.mat-mdc-raised-button .mat-mdc-focus-indicator,
.mat-mdc-outlined-button .mat-mdc-focus-indicator {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute
}

.mat-mdc-button:focus .mat-mdc-focus-indicator::before,
.mat-mdc-unelevated-button:focus .mat-mdc-focus-indicator::before,
.mat-mdc-raised-button:focus .mat-mdc-focus-indicator::before,
.mat-mdc-outlined-button:focus .mat-mdc-focus-indicator::before {
    content: ""
}

.mat-mdc-button[disabled],
.mat-mdc-unelevated-button[disabled],
.mat-mdc-raised-button[disabled],
.mat-mdc-outlined-button[disabled] {
    cursor: default;
    pointer-events: none
}

.mat-mdc-button .mat-mdc-button-touch-target,
.mat-mdc-unelevated-button .mat-mdc-button-touch-target,
.mat-mdc-raised-button .mat-mdc-button-touch-target,
.mat-mdc-outlined-button .mat-mdc-button-touch-target {
    position: absolute;
    top: 50%;
    height: 48px;
    left: 0;
    right: 0;
    transform: translateY(-50%)
}

.mat-mdc-button._mat-animation-noopable,
.mat-mdc-unelevated-button._mat-animation-noopable,
.mat-mdc-raised-button._mat-animation-noopable,
.mat-mdc-outlined-button._mat-animation-noopable {
    transition: none !important;
    animation: none !important
}

.mat-mdc-button>.mat-icon {
    margin-left: 0;
    margin-right: 8px;
    display: inline-block;
    position: relative;
    vertical-align: top;
    font-size: 1.125rem;
    height: 1.125rem;
    width: 1.125rem
}

[dir=rtl] .mat-mdc-button>.mat-icon,
.mat-mdc-button>.mat-icon[dir=rtl] {
    margin-left: 8px;
    margin-right: 0
}

.mat-mdc-button .mdc-button__label+.mat-icon {
    margin-left: 8px;
    margin-right: 0
}

[dir=rtl] .mat-mdc-button .mdc-button__label+.mat-icon,
.mat-mdc-button .mdc-button__label+.mat-icon[dir=rtl] {
    margin-left: 0;
    margin-right: 8px
}

.mat-mdc-unelevated-button>.mat-icon,
.mat-mdc-raised-button>.mat-icon,
.mat-mdc-outlined-button>.mat-icon {
    margin-left: 0;
    margin-right: 8px;
    display: inline-block;
    position: relative;
    vertical-align: top;
    font-size: 1.125rem;
    height: 1.125rem;
    width: 1.125rem;
    margin-left: -4px;
    margin-right: 8px
}

[dir=rtl] .mat-mdc-unelevated-button>.mat-icon,
[dir=rtl] .mat-mdc-raised-button>.mat-icon,
[dir=rtl] .mat-mdc-outlined-button>.mat-icon,
.mat-mdc-unelevated-button>.mat-icon[dir=rtl],
.mat-mdc-raised-button>.mat-icon[dir=rtl],
.mat-mdc-outlined-button>.mat-icon[dir=rtl] {
    margin-left: 8px;
    margin-right: 0
}

[dir=rtl] .mat-mdc-unelevated-button>.mat-icon,
[dir=rtl] .mat-mdc-raised-button>.mat-icon,
[dir=rtl] .mat-mdc-outlined-button>.mat-icon,
.mat-mdc-unelevated-button>.mat-icon[dir=rtl],
.mat-mdc-raised-button>.mat-icon[dir=rtl],
.mat-mdc-outlined-button>.mat-icon[dir=rtl] {
    margin-left: 8px;
    margin-right: -4px
}

.mat-mdc-unelevated-button .mdc-button__label+.mat-icon,
.mat-mdc-raised-button .mdc-button__label+.mat-icon,
.mat-mdc-outlined-button .mdc-button__label+.mat-icon {
    margin-left: 8px;
    margin-right: -4px
}

[dir=rtl] .mat-mdc-unelevated-button .mdc-button__label+.mat-icon,
[dir=rtl] .mat-mdc-raised-button .mdc-button__label+.mat-icon,
[dir=rtl] .mat-mdc-outlined-button .mdc-button__label+.mat-icon,
.mat-mdc-unelevated-button .mdc-button__label+.mat-icon[dir=rtl],
.mat-mdc-raised-button .mdc-button__label+.mat-icon[dir=rtl],
.mat-mdc-outlined-button .mdc-button__label+.mat-icon[dir=rtl] {
    margin-left: -4px;
    margin-right: 8px
}

.mat-mdc-outlined-button .mat-mdc-button-ripple,
.mat-mdc-outlined-button .mdc-button__ripple {
    top: -1px;
    left: -1px;
    bottom: -1px;
    right: -1px;
    border-width: -1px
}

.mat-mdc-unelevated-button .mat-mdc-focus-indicator::before,
.mat-mdc-raised-button .mat-mdc-focus-indicator::before {
    margin: calc(calc(var(--mat-mdc-focus-indicator-border-width, 3px) + 2px) * -1)
}

.mat-mdc-outlined-button .mat-mdc-focus-indicator::before {
    margin: calc(calc(var(--mat-mdc-focus-indicator-border-width, 3px) + 3px) * -1)
}

.cdk-high-contrast-active .mat-mdc-button:not(.mdc-button--outlined),
.cdk-high-contrast-active .mat-mdc-unelevated-button:not(.mdc-button--outlined),
.cdk-high-contrast-active .mat-mdc-raised-button:not(.mdc-button--outlined),
.cdk-high-contrast-active .mat-mdc-outlined-button:not(.mdc-button--outlined),
.cdk-high-contrast-active .mat-mdc-icon-button {
    outline: solid 1px
}

.mdc-icon-button {
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    border: none;
    outline: none;
    background-color: rgba(0, 0, 0, 0);
    fill: currentColor;
    color: inherit;
    text-decoration: none;
    cursor: pointer;
    user-select: none;
    z-index: 0;
    overflow: visible
}

.mdc-icon-button .mdc-icon-button__touch {
    position: absolute;
    top: 50%;
    height: 48px;
    left: 50%;
    width: 48px;
    transform: translate(-50%, -50%)
}

@media screen and (forced-colors: active) {

    .mdc-icon-button.mdc-ripple-upgraded--background-focused .mdc-icon-button__focus-ring,
    .mdc-icon-button:not(.mdc-ripple-upgraded):focus .mdc-icon-button__focus-ring {
        display: block
    }
}

.mdc-icon-button:disabled {
    cursor: default;
    pointer-events: none
}

.mdc-icon-button[hidden] {
    display: none
}

.mdc-icon-button--display-flex {
    align-items: center;
    display: inline-flex;
    justify-content: center
}

.mdc-icon-button__focus-ring {
    pointer-events: none;
    border: 2px solid rgba(0, 0, 0, 0);
    border-radius: 6px;
    box-sizing: content-box;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 100%;
    width: 100%;
    display: none
}

@media screen and (forced-colors: active) {
    .mdc-icon-button__focus-ring {
        border-color: CanvasText
    }
}

.mdc-icon-button__focus-ring::after {
    content: "";
    border: 2px solid rgba(0, 0, 0, 0);
    border-radius: 8px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: calc(100% + 4px);
    width: calc(100% + 4px)
}

@media screen and (forced-colors: active) {
    .mdc-icon-button__focus-ring::after {
        border-color: CanvasText
    }
}

.mdc-icon-button__icon {
    display: inline-block
}

.mdc-icon-button__icon.mdc-icon-button__icon--on {
    display: none
}

.mdc-icon-button--on .mdc-icon-button__icon {
    display: none
}

.mdc-icon-button--on .mdc-icon-button__icon.mdc-icon-button__icon--on {
    display: inline-block
}

.mdc-icon-button__link {
    height: 100%;
    left: 0;
    outline: none;
    position: absolute;
    top: 0;
    width: 100%
}

.mat-mdc-icon-button {
    height: var(--mdc-icon-button-state-layer-size);
    width: var(--mdc-icon-button-state-layer-size);
    color: var(--mdc-icon-button-icon-color);
    --mdc-icon-button-state-layer-size: 48px;
    --mdc-icon-button-icon-size: 24px;
    --mdc-icon-button-disabled-icon-color: black;
    --mdc-icon-button-disabled-icon-opacity: 0.38
}

.mat-mdc-icon-button .mdc-button__icon {
    font-size: var(--mdc-icon-button-icon-size)
}

.mat-mdc-icon-button svg,
.mat-mdc-icon-button img {
    width: var(--mdc-icon-button-icon-size);
    height: var(--mdc-icon-button-icon-size)
}

.mat-mdc-icon-button:disabled {
    opacity: var(--mdc-icon-button-disabled-icon-opacity)
}

.mat-mdc-icon-button:disabled {
    color: var(--mdc-icon-button-disabled-icon-color)
}

.mat-mdc-icon-button {
    padding: 12px;
    font-size: var(--mdc-icon-button-icon-size);
    border-radius: 50%;
    flex-shrink: 0;
    text-align: center;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.mat-mdc-icon-button svg {
    vertical-align: baseline
}

.mat-mdc-icon-button[disabled] {
    cursor: default;
    pointer-events: none;
    opacity: 1
}

.mat-mdc-icon-button .mat-mdc-button-ripple,
.mat-mdc-icon-button .mat-mdc-button-persistent-ripple,
.mat-mdc-icon-button .mat-mdc-button-persistent-ripple::before {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    pointer-events: none;
    border-radius: inherit
}

.mat-mdc-icon-button .mat-mdc-button-ripple {
    overflow: hidden
}

.mat-mdc-icon-button .mat-mdc-button-persistent-ripple::before {
    content: "";
    opacity: 0;
    background-color: var(--mat-mdc-button-persistent-ripple-color)
}

.mat-mdc-icon-button .mat-ripple-element {
    background-color: var(--mat-mdc-button-ripple-color)
}

.mat-mdc-icon-button .mdc-button__label {
    z-index: 1
}

.mat-mdc-icon-button .mat-mdc-focus-indicator {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute
}

.mat-mdc-icon-button:focus .mat-mdc-focus-indicator::before {
    content: ""
}

.mat-mdc-icon-button .mat-mdc-button-touch-target {
    position: absolute;
    top: 50%;
    height: 48px;
    left: 50%;
    width: 48px;
    transform: translate(-50%, -50%)
}

.mat-mdc-icon-button._mat-animation-noopable {
    transition: none !important;
    animation: none !important
}

.mat-mdc-icon-button .mat-mdc-button-persistent-ripple {
    border-radius: 50%
}

.mat-mdc-icon-button.mat-unthemed:not(.mdc-ripple-upgraded):focus::before,
.mat-mdc-icon-button.mat-primary:not(.mdc-ripple-upgraded):focus::before,
.mat-mdc-icon-button.mat-accent:not(.mdc-ripple-upgraded):focus::before,
.mat-mdc-icon-button.mat-warn:not(.mdc-ripple-upgraded):focus::before {
    background: rgba(0, 0, 0, 0);
    opacity: 1
}

.mdc-elevation-overlay {
    position: absolute;
    border-radius: inherit;
    pointer-events: none;
    opacity: var(--mdc-elevation-overlay-opacity, 0);
    transition: opacity 280ms cubic-bezier(0.4, 0, 0.2, 1)
}

.mdc-dialog,
.mdc-dialog__scrim {
    position: fixed;
    top: 0;
    left: 0;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 100%;
    height: 100%
}

.mdc-dialog {
    display: none;
    z-index: var(--mdc-dialog-z-index, 7)
}

.mdc-dialog .mdc-dialog__content {
    padding: 20px 24px 20px 24px
}

.mdc-dialog .mdc-dialog__surface {
    min-width: 280px
}

@media(max-width: 592px) {
    .mdc-dialog .mdc-dialog__surface {
        max-width: calc(100vw - 32px)
    }
}

@media(min-width: 592px) {
    .mdc-dialog .mdc-dialog__surface {
        max-width: 560px
    }
}

.mdc-dialog .mdc-dialog__surface {
    max-height: calc(100% - 32px)
}

.mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface {
    max-width: none
}

@media(max-width: 960px) {
    .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface {
        max-height: 560px;
        width: 560px
    }

    .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface .mdc-dialog__close {
        right: -12px
    }
}

@media(max-width: 720px)and (max-width: 672px) {
    .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface {
        width: calc(100vw - 112px)
    }
}

@media(max-width: 720px)and (min-width: 672px) {
    .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface {
        width: 560px
    }
}

@media(max-width: 720px)and (max-height: 720px) {
    .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface {
        max-height: calc(100vh - 160px)
    }
}

@media(max-width: 720px)and (min-height: 720px) {
    .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface {
        max-height: 560px
    }
}

@media(max-width: 720px) {
    .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface .mdc-dialog__close {
        right: -12px
    }
}

@media(max-width: 720px)and (max-height: 400px), (max-width: 600px), (min-width: 720px)and (max-height: 400px) {
    .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface {
        height: 100%;
        max-height: 100vh;
        max-width: 100vw;
        width: 100vw;
        border-radius: 0
    }

    .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface .mdc-dialog__close {
        order: -1;
        left: -12px
    }

    .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface .mdc-dialog__header {
        padding: 0 16px 9px;
        justify-content: flex-start
    }

    .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface .mdc-dialog__title {
        margin-left: calc(16px - 2 * 12px)
    }
}

@media(min-width: 960px) {
    .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface {
        width: calc(100vw - 400px)
    }

    .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface .mdc-dialog__close {
        right: -12px
    }
}

.mdc-dialog.mdc-dialog__scrim--hidden .mdc-dialog__scrim {
    opacity: 0
}

.mdc-dialog__scrim {
    opacity: 0;
    z-index: -1
}

.mdc-dialog__container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
    box-sizing: border-box;
    height: 100%;
    transform: scale(0.8);
    opacity: 0;
    pointer-events: none
}

.mdc-dialog__surface {
    position: relative;
    display: flex;
    flex-direction: column;
    flex-grow: 0;
    flex-shrink: 0;
    box-sizing: border-box;
    max-width: 100%;
    max-height: 100%;
    pointer-events: auto;
    overflow-y: auto;
    outline: 0
}

.mdc-dialog__surface .mdc-elevation-overlay {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

[dir=rtl] .mdc-dialog__surface,
.mdc-dialog__surface[dir=rtl] {
    text-align: right
}

@media screen and (forced-colors: active),
(-ms-high-contrast: active) {
    .mdc-dialog__surface {
        outline: 2px solid windowText
    }
}

.mdc-dialog__surface::before {
    position: absolute;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border: 2px solid rgba(0, 0, 0, 0);
    border-radius: inherit;
    content: "";
    pointer-events: none
}

@media screen and (forced-colors: active) {
    .mdc-dialog__surface::before {
        border-color: CanvasText
    }
}

@media screen and (-ms-high-contrast: active),
screen and (-ms-high-contrast: none) {
    .mdc-dialog__surface::before {
        content: none
    }
}

.mdc-dialog__title {
    display: block;
    margin-top: 0;
    position: relative;
    flex-shrink: 0;
    box-sizing: border-box;
    margin: 0 0 1px;
    padding: 0 24px 9px
}

.mdc-dialog__title::before {
    display: inline-block;
    width: 0;
    height: 40px;
    content: "";
    vertical-align: 0
}

[dir=rtl] .mdc-dialog__title,
.mdc-dialog__title[dir=rtl] {
    text-align: right
}

.mdc-dialog--scrollable .mdc-dialog__title {
    margin-bottom: 1px;
    padding-bottom: 15px
}

.mdc-dialog--fullscreen .mdc-dialog__header {
    align-items: baseline;
    border-bottom: 1px solid rgba(0, 0, 0, 0);
    display: inline-flex;
    justify-content: space-between;
    padding: 0 24px 9px;
    z-index: 1
}

@media screen and (forced-colors: active) {
    .mdc-dialog--fullscreen .mdc-dialog__header {
        border-bottom-color: CanvasText
    }
}

.mdc-dialog--fullscreen .mdc-dialog__header .mdc-dialog__close {
    right: -12px
}

.mdc-dialog--fullscreen .mdc-dialog__title {
    margin-bottom: 0;
    padding: 0;
    border-bottom: 0
}

.mdc-dialog--fullscreen.mdc-dialog--scrollable .mdc-dialog__title {
    border-bottom: 0;
    margin-bottom: 0
}

.mdc-dialog--fullscreen .mdc-dialog__close {
    top: 5px
}

.mdc-dialog--fullscreen.mdc-dialog--scrollable .mdc-dialog__actions {
    border-top: 1px solid rgba(0, 0, 0, 0)
}

@media screen and (forced-colors: active) {
    .mdc-dialog--fullscreen.mdc-dialog--scrollable .mdc-dialog__actions {
        border-top-color: CanvasText
    }
}

.mdc-dialog--fullscreen--titleless .mdc-dialog__close {
    margin-top: 4px
}

.mdc-dialog--fullscreen--titleless.mdc-dialog--scrollable .mdc-dialog__close {
    margin-top: 0
}

.mdc-dialog__content {
    flex-grow: 1;
    box-sizing: border-box;
    margin: 0;
    overflow: auto
}

.mdc-dialog__content>:first-child {
    margin-top: 0
}

.mdc-dialog__content>:last-child {
    margin-bottom: 0
}

.mdc-dialog__title+.mdc-dialog__content,
.mdc-dialog__header+.mdc-dialog__content {
    padding-top: 0
}

.mdc-dialog--scrollable .mdc-dialog__title+.mdc-dialog__content {
    padding-top: 8px;
    padding-bottom: 8px
}

.mdc-dialog__content .mdc-deprecated-list:first-child:last-child {
    padding: 6px 0 0
}

.mdc-dialog--scrollable .mdc-dialog__content .mdc-deprecated-list:first-child:last-child {
    padding: 0
}

.mdc-dialog__actions {
    display: flex;
    position: relative;
    flex-shrink: 0;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    box-sizing: border-box;
    min-height: 52px;
    margin: 0;
    padding: 8px;
    border-top: 1px solid rgba(0, 0, 0, 0)
}

@media screen and (forced-colors: active) {
    .mdc-dialog__actions {
        border-top-color: CanvasText
    }
}

.mdc-dialog--stacked .mdc-dialog__actions {
    flex-direction: column;
    align-items: flex-end
}

.mdc-dialog__button {
    margin-left: 8px;
    margin-right: 0;
    max-width: 100%;
    text-align: right
}

[dir=rtl] .mdc-dialog__button,
.mdc-dialog__button[dir=rtl] {
    margin-left: 0;
    margin-right: 8px
}

.mdc-dialog__button:first-child {
    margin-left: 0;
    margin-right: 0
}

[dir=rtl] .mdc-dialog__button:first-child,
.mdc-dialog__button:first-child[dir=rtl] {
    margin-left: 0;
    margin-right: 0
}

[dir=rtl] .mdc-dialog__button,
.mdc-dialog__button[dir=rtl] {
    text-align: left
}

.mdc-dialog--stacked .mdc-dialog__button:not(:first-child) {
    margin-top: 12px
}

.mdc-dialog--open,
.mdc-dialog--opening,
.mdc-dialog--closing {
    display: flex
}

.mdc-dialog--opening .mdc-dialog__scrim {
    transition: opacity 150ms linear
}

.mdc-dialog--opening .mdc-dialog__container {
    transition: opacity 75ms linear, transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1)
}

.mdc-dialog--closing .mdc-dialog__scrim,
.mdc-dialog--closing .mdc-dialog__container {
    transition: opacity 75ms linear
}

.mdc-dialog--closing .mdc-dialog__container {
    transform: none
}

.mdc-dialog--open .mdc-dialog__scrim {
    opacity: 1
}

.mdc-dialog--open .mdc-dialog__container {
    transform: none;
    opacity: 1
}

.mdc-dialog--open.mdc-dialog__surface-scrim--shown .mdc-dialog__surface-scrim {
    opacity: 1
}

.mdc-dialog--open.mdc-dialog__surface-scrim--hiding .mdc-dialog__surface-scrim {
    transition: opacity 75ms linear
}

.mdc-dialog--open.mdc-dialog__surface-scrim--showing .mdc-dialog__surface-scrim {
    transition: opacity 150ms linear
}

.mdc-dialog__surface-scrim {
    display: none;
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1
}

.mdc-dialog__surface-scrim--shown .mdc-dialog__surface-scrim,
.mdc-dialog__surface-scrim--showing .mdc-dialog__surface-scrim,
.mdc-dialog__surface-scrim--hiding .mdc-dialog__surface-scrim {
    display: block
}

.mdc-dialog-scroll-lock {
    overflow: hidden
}

.mdc-dialog--no-content-padding .mdc-dialog__content {
    padding: 0
}

.mdc-dialog--sheet .mdc-dialog__container .mdc-dialog__close {
    right: 12px;
    top: 9px;
    position: absolute;
    z-index: 1
}

.mdc-dialog__scrim--removed {
    pointer-events: none
}

.mdc-dialog__scrim--removed .mdc-dialog__scrim,
.mdc-dialog__scrim--removed .mdc-dialog__surface-scrim {
    display: none
}

.mat-mdc-dialog-content {
    max-height: 65vh
}

.mat-mdc-dialog-container {
    position: static;
    display: block
}

.mat-mdc-dialog-container,
.mat-mdc-dialog-container .mdc-dialog__container,
.mat-mdc-dialog-container .mdc-dialog__surface {
    max-height: inherit;
    min-height: inherit;
    min-width: inherit;
    max-width: inherit
}

.mat-mdc-dialog-container .mdc-dialog__surface {
    display: block;
    width: 100%;
    height: 100%
}

.mat-mdc-dialog-container {
    --mdc-dialog-container-elevation-shadow: 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);
    --mdc-dialog-container-shadow-color: #000;
    --mdc-dialog-container-shape: 4px;
    --mdc-dialog-container-elevation: var(--mdc-dialog-container-elevation-shadow);
    outline: 0
}

.mat-mdc-dialog-container .mdc-dialog__surface {
    background-color: var(--mdc-dialog-container-color, white)
}

.mat-mdc-dialog-container .mdc-dialog__surface {
    box-shadow: var(--mdc-dialog-container-elevation, 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))
}

.mat-mdc-dialog-container .mdc-dialog__surface {
    border-radius: var(--mdc-dialog-container-shape, 4px)
}

.mat-mdc-dialog-container .mdc-dialog__title {
    font-family: var(--mdc-dialog-subhead-font, Roboto, sans-serif);
    line-height: var(--mdc-dialog-subhead-line-height, 1.5rem);
    font-size: var(--mdc-dialog-subhead-size, 1rem);
    font-weight: var(--mdc-dialog-subhead-weight, 400);
    letter-spacing: var(--mdc-dialog-subhead-tracking, 0.03125em)
}

.mat-mdc-dialog-container .mdc-dialog__title {
    color: var(--mdc-dialog-subhead-color, rgba(0, 0, 0, 0.87))
}

.mat-mdc-dialog-container .mdc-dialog__content {
    font-family: var(--mdc-dialog-supporting-text-font, Roboto, sans-serif);
    line-height: var(--mdc-dialog-supporting-text-line-height, 1.5rem);
    font-size: var(--mdc-dialog-supporting-text-size, 1rem);
    font-weight: var(--mdc-dialog-supporting-text-weight, 400);
    letter-spacing: var(--mdc-dialog-supporting-text-tracking, 0.03125em)
}

.mat-mdc-dialog-container .mdc-dialog__content {
    color: var(--mdc-dialog-supporting-text-color, rgba(0, 0, 0, 0.6))
}

.mat-mdc-dialog-container .mdc-dialog__container {
    transition-duration: var(--mat-dialog-transition-duration, 0ms)
}

.mat-mdc-dialog-container._mat-animation-noopable .mdc-dialog__container {
    transition: none
}

.mat-mdc-dialog-content {
    display: block
}

.mat-mdc-dialog-actions {
    justify-content: start
}

.mat-mdc-dialog-actions.mat-mdc-dialog-actions-align-center,
.mat-mdc-dialog-actions[align=center] {
    justify-content: center
}

.mat-mdc-dialog-actions.mat-mdc-dialog-actions-align-end,
.mat-mdc-dialog-actions[align=end] {
    justify-content: flex-end
}

.mat-mdc-dialog-actions .mat-button-base+.mat-button-base,
.mat-mdc-dialog-actions .mat-mdc-button-base+.mat-mdc-button-base {
    margin-left: 8px
}

[dir=rtl] .mat-mdc-dialog-actions .mat-button-base+.mat-button-base,
[dir=rtl] .mat-mdc-dialog-actions .mat-mdc-button-base+.mat-mdc-button-base {
    margin-left: 0;
    margin-right: 8px
}

[_ngcontent-ng-c3674886643]:root {
    --grey-00: #111111;
    --grey-50: #171717;
    --grey-75: #1e1e1e;
    --grey-100: #393939;
    --grey-200: #5f5f5f;
    --grey-300: #858585;
    --grey-400: #a1a1a1;
    --grey-500: #bebebe;
    --grey-600: #c4c4c4;
    --grey-700: #cdcdcd;
    --grey-800: #d5d5d5;
    --grey-900: #e3e3e3;
    --header-dark-color: #181E25;
    --footer-grey-color: #D9D9D9;
    --primary-color: #ffffff;
    --primary-color-shade: #ffffff;
    --primary-color-tint: #ffffff;
    --primary-color-contrast: #ffffff;
    --black-color: #000;
    --black-color-rgb: 0, 0, 0;
    --bg-grey: #f7f9f9;
    --red-color: #C44141;
    --marquee-red: #F44242;
    --green-color: #138807;
    --yellow-color: #E7A22A;
    --bg-grey-5: #C7C7C7;
    --card-background: #EAEAEA;
    --input-background: #E8E8E8;
    --chip-border: #FEAFB2;
    --lay-color: #FDC9D4;
    --lay-color-light: #fff3f4;
    --back-color: #A0D8FB;
    --back-color-light: #f2f9ff;
    --reset-background: #C13F50;
    --white-color: #ffffff;
    --back-light: #D4E8F8;
    --lay-light: #F7E7EB;
    --blue-color: #31a8df;
    --tabIcon-filter: invert(1);
    --d-color: #11833e;
    --w-color: #dd514a;
    --dark-blue-color: #1F6EE7
}

body[color-theme=default][_ngcontent-ng-c3674886643] {
    --secondary-color: #FFC629;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #FFC629;
    --tabIcon-filter: invert(0)
}

body[color-theme=water-blue][_ngcontent-ng-c3674886643] {
    --secondary-color: #1E64CE;
    --secondary-color-contrast: #ffffff;
    --primary-color: #1E64CE;
    --primary-color-shade: #1F6EE7;
    --primary-color-tint: #2081e7;
    --primary-color-contrast: #ffffff;
    --highlight-color: #ffffff;
    --tabIcon-filter: invert(0)
}

body[color-theme=sunglow][_ngcontent-ng-c3674886643] {
    --secondary-color: #FFC629;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #FFC629;
    --tabIcon-filter: invert(0)
}

body[color-theme=gopunt][_ngcontent-ng-c3674886643] {
    --secondary-color: #feb912;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #feb912;
    --tabIcon-filter: invert(0)
}

body[color-theme=raspberry-pink][_ngcontent-ng-c3674886643] {
    --secondary-color: #db469a;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #db469a;
    --tabIcon-filter: invert(0)
}

body[color-theme=bright-gold][_ngcontent-ng-c3674886643] {
    --secondary-color: #FFCB00;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #FFCB00;
    --tabIcon-filter: invert(0)
}

body[color-theme=saffron][_ngcontent-ng-c3674886643] {
    --secondary-color: #FF671F;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #FF671F;
    --tabIcon-filter: invert(0)
}

body[color-theme=firebush][_ngcontent-ng-c3674886643] {
    --secondary-color: #ff8e2a;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #ff8e2a;
    --tabIcon-filter: invert(0)
}

body[color-theme=darkorange][_ngcontent-ng-c3674886643] {
    --secondary-color: #F78A02;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #F78A02;
    --tabIcon-filter: invert(0)
}

body[color-theme=brightorange][_ngcontent-ng-c3674886643] {
    --secondary-color: #ff6600;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #ff6600;
    --tabIcon-filter: invert(0)
}

body[color-theme=rubyred][_ngcontent-ng-c3674886643] {
    --secondary-color: #e82127;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #e82127;
    --tabIcon-filter: invert(0)
}

body[color-theme=ferrarired][_ngcontent-ng-c3674886643] {
    --secondary-color: #ff2800;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #ff2800;
    --tabIcon-filter: invert(0)
}

body[color-theme=brickred][_ngcontent-ng-c3674886643] {
    --secondary-color: #C32034;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #C32034;
    --tabIcon-filter: invert(0)
}

body[color-theme=dustyred][_ngcontent-ng-c3674886643] {
    --secondary-color: #c14646;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #c14646;
    --tabIcon-filter: invert(0)
}

body[color-theme=lavared][_ngcontent-ng-c3674886643] {
    --secondary-color: #d72c0a;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #d72c0a;
    --tabIcon-filter: invert(0)
}

body[color-theme=orangyred][_ngcontent-ng-c3674886643] {
    --secondary-color: #b01d0b;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #b01d0b;
    --tabIcon-filter: invert(0)
}

body[color-theme=supernova][_ngcontent-ng-c3674886643] {
    --secondary-color: #fdcf13;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #fdcf13;
    --tabIcon-filter: invert(0)
}

body[color-theme=orangeyellow][_ngcontent-ng-c3674886643] {
    --secondary-color: #feba0d;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #feba0d;
    --tabIcon-filter: invert(0)
}

body[color-theme=amberyellow][_ngcontent-ng-c3674886643] {
    --secondary-color: #ffb80c;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #ffb80c;
    --tabIcon-filter: invert(0)
}

body[color-theme=sunshade][_ngcontent-ng-c3674886643] {
    --secondary-color: #FF9934;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #FF9934;
    --tabIcon-filter: invert(0)
}

body[color-theme=deepsaffron][_ngcontent-ng-c3674886643] {
    --secondary-color: #f79333;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #f79333;
    --tabIcon-filter: invert(0)
}

body[color-theme=cadmiumorange][_ngcontent-ng-c3674886643] {
    --secondary-color: #ea9624;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #ea9624;
    --tabIcon-filter: invert(0)
}

body[color-theme=fadedorange][_ngcontent-ng-c3674886643] {
    --secondary-color: #F88651;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #F88651;
    --tabIcon-filter: invert(0)
}

body[color-theme=granolagold][_ngcontent-ng-c3674886643] {
    --secondary-color: #ba9445;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #ba9445;
    --tabIcon-filter: invert(0)
}

body[color-theme=eucalyptusgreen][_ngcontent-ng-c3674886643] {
    --secondary-color: #159365;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #159365;
    --tabIcon-filter: invert(0)
}

body[color-theme=venomgreen][_ngcontent-ng-c3674886643] {
    --secondary-color: #659910;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #659910;
    --tabIcon-filter: invert(0)
}

body[color-theme=peagreen][_ngcontent-ng-c3674886643] {
    --secondary-color: #A6CE39;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #A6CE39;
    --tabIcon-filter: invert(0)
}

body[color-theme=vibrantgreen][_ngcontent-ng-c3674886643] {
    --secondary-color: #00BC00;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #00BC00;
    --tabIcon-filter: invert(0)
}

body[color-theme=pinegreen][_ngcontent-ng-c3674886643] {
    --secondary-color: #14795a;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #14795a;
    --tabIcon-filter: invert(0)
}

body[color-theme=fountainblue][_ngcontent-ng-c3674886643] {
    --secondary-color: #5dade2;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #5dade2;
    --tabIcon-filter: invert(0)
}

body[color-theme=crystalblue][_ngcontent-ng-c3674886643] {
    --secondary-color: #3bc6f3;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #3bc6f3;
    --tabIcon-filter: invert(0)
}

body[color-theme=darkcyan][_ngcontent-ng-c3674886643] {
    --secondary-color: #149897;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #149897;
    --tabIcon-filter: invert(0)
}

body[color-theme=frenchblue][_ngcontent-ng-c3674886643] {
    --secondary-color: #0075DB;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #0075DB;
    --tabIcon-filter: invert(0)
}

body[color-theme=silkblue][_ngcontent-ng-c3674886643] {
    --secondary-color: #3F77D9;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #3F77D9;
    --tabIcon-filter: invert(0)
}

body[color-theme=veniceblue][_ngcontent-ng-c3674886643] {
    --secondary-color: #005b96;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #005b96;
    --tabIcon-filter: invert(0)
}

body[color-theme=midnightblue][_ngcontent-ng-c3674886643] {
    --secondary-color: #0285c8;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #0285c8;
    --tabIcon-filter: invert(0)
}

body[color-theme=mineralgreen][_ngcontent-ng-c3674886643] {
    --secondary-color: #3d5566;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #3d5566;
    --tabIcon-filter: invert(0)
}

body[color-theme=warmpurple][_ngcontent-ng-c3674886643] {
    --secondary-color: #7e1fac;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #7e1fac;
    --tabIcon-filter: invert(0)
}

body[color-theme=cobaltblue][_ngcontent-ng-c3674886643] {
    --secondary-color: #1A3DA6;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #1A3DA6;
    --tabIcon-filter: invert(0)
}

body[color-theme=pacificblue][_ngcontent-ng-c3674886643] {
    --secondary-color: #04A1A6;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #04A1A6;
    --tabIcon-filter: invert(0)
}

body[color-theme=fuelyellow][_ngcontent-ng-c3674886643] {
    --secondary-color: #f6ae2d;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #f6ae2d;
    --tabIcon-filter: invert(0)
}

body[color-theme=brightyellow][_ngcontent-ng-c3674886643] {
    --secondary-color: #f3e819;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #f3e819;
    --tabIcon-filter: invert(0)
}

body[color-theme=osgbook][_ngcontent-ng-c3674886643] {
    --secondary-color: #1A3DA6;
    --secondary-color-contrast: #ffffff;
    --primary-color: #1A3DA6;
    --primary-color-shade: #0f2462;
    --primary-color-tint: #0f2462;
    --primary-color-contrast: #ffffff;
    --highlight-color: #ffffff;
    --tabIcon-filter: invert(0)
}

body[color-theme=tuliporange][_ngcontent-ng-c3674886643] {
    --secondary-color: #F6A237;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #F6A237;
    --tabIcon-filter: invert(0)
}

body[color-theme=winered][_ngcontent-ng-c3674886643] {
    --secondary-color: #A00000;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #A00000;
    --tabIcon-filter: invert(0)
}

body[color-theme=cranberry][_ngcontent-ng-c3674886643] {
    --secondary-color: #D84396;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #D84396;
    --tabIcon-filter: invert(0)
}

body[color-theme=marine][_ngcontent-ng-c3674886643] {
    --secondary-color: #0B2972;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #0B2972;
    --tabIcon-filter: invert(0)
}

body[color-theme=candlelight][_ngcontent-ng-c3674886643] {
    --secondary-color: #FFE001;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #FFE001;
    --tabIcon-filter: invert(0)
}

body[color-theme=beeyellow][_ngcontent-ng-c3674886643] {
    --secondary-color: #EBB023;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #EBB023;
    --tabIcon-filter: invert(0)
}

body[color-theme=orangepeel][_ngcontent-ng-c3674886643] {
    --secondary-color: #FFA800;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #FFA800;
    --tabIcon-filter: invert(0)
}

body[color-theme=azureblue][_ngcontent-ng-c3674886643] {
    --secondary-color: #007ACC;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #007ACC;
    --tabIcon-filter: invert(0)
}

body[color-theme=chromeorange][_ngcontent-ng-c3674886643] {
    --secondary-color: #FF9600;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #FF9600;
    --tabIcon-filter: invert(0)
}

body[color-theme=vibrantyellow][_ngcontent-ng-c3674886643] {
    --secondary-color: #F8FF13;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #F8FF13;
    --tabIcon-filter: invert(0)
}

body[color-theme=shyam365][_ngcontent-ng-c3674886643],
body[color-theme=newlotus][_ngcontent-ng-c3674886643],
body[color-theme=lotus365s][_ngcontent-ng-c3674886643],
body[color-theme=gamblerid365][_ngcontent-ng-c3674886643] {
    --secondary-color: #FFE001;
    --secondary-color-contrast: #000000;
    --primary-color: #1e8067;
    --primary-color-shade: #1a715b;
    --primary-color-tint: #358d76;
    --primary-color-contrast: #ffffff;
    --highlight-color: #FFE001;
    --tabIcon-filter: invert(0)
}

body[color-theme=driftwood][_ngcontent-ng-c3674886643] {
    --secondary-color: #b4833e;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #b4833e;
    --tabIcon-filter: invert(0)
}

body[color-theme=darkpink][_ngcontent-ng-c3674886643] {
    --secondary-color: #B6277B;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #B6277B;
    --tabIcon-filter: invert(0)
}

body[color-theme=cherryred][_ngcontent-ng-c3674886643] {
    --secondary-color: #C10930;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #C10930;
    --tabIcon-filter: invert(0)
}

body[color-theme=electricblue][_ngcontent-ng-c3674886643] {
    --secondary-color: #0088CC;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #0088CC;
    --tabIcon-filter: invert(0)
}

body[color-theme=matchpari][_ngcontent-ng-c3674886643] {
    --secondary-color: #FFC629;
    --secondary-color-contrast: #000000;
    --primary-color: #8000FF;
    --primary-color-shade: #7100e0;
    --primary-color-tint: #8d1aff;
    --primary-color-contrast: #ffffff;
    --highlight-color: #FFC629;
    --tabIcon-filter: invert(0)
}

body[color-theme=dustyorange][_ngcontent-ng-c3674886643] {
    --secondary-color: #EE8C31;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #EE8C31;
    --tabIcon-filter: invert(0)
}

body[color-theme=artyred][_ngcontent-ng-c3674886643] {
    --secondary-color: #FD0000;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #FD0000;
    --tabIcon-filter: invert(0)
}

body[color-theme=goldenbell][_ngcontent-ng-c3674886643] {
    --secondary-color: #ED8929;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #ED8929;
    --tabIcon-filter: invert(0)
}

body[color-theme=brightaqua][_ngcontent-ng-c3674886643] {
    --secondary-color: #00FFFC;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #00FFFC;
    --tabIcon-filter: invert(0)
}

body[color-theme=sandyellow][_ngcontent-ng-c3674886643] {
    --secondary-color: #E9C869;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #E9C869;
    --tabIcon-filter: invert(0)
}

body[color-theme=darkblue][_ngcontent-ng-c3674886643] {
    --secondary-color: #183787;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #183787;
    --tabIcon-filter: invert(0)
}

body[color-theme=funbuzz][_ngcontent-ng-c3674886643] {
    --secondary-color: #FFCC00;
    --secondary-color-contrast: #000000;
    --primary-color: #184438;
    --primary-color-shade: #153c31;
    --primary-color-tint: #2f574c;
    --primary-color-contrast: #ffffff;
    --highlight-color: #FFCC00;
    --tabIcon-filter: invert(0)
}

body[color-theme=tiger11][_ngcontent-ng-c3674886643] {
    --secondary-color: #FF9700;
    --secondary-color-contrast: #000000;
    --primary-color: #205685;
    --primary-color-shade: #1c4c75;
    --primary-color-tint: #366791;
    --primary-color-contrast: #ffffff;
    --highlight-color: #FF9700;
    --tabIcon-filter: invert(0)
}

body[color-theme=brightblue][_ngcontent-ng-c3674886643] {
    --secondary-color: #0052ED;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #0052ED;
    --tabIcon-filter: invert(0)
}

body[color-theme=brightgreen][_ngcontent-ng-c3674886643] {
    --secondary-color: #55FE43;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #55FE43;
    --tabIcon-filter: invert(0)
}

body[color-theme=yaleblue][_ngcontent-ng-c3674886643] {
    --secondary-color: #17459A;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #17459A;
    --tabIcon-filter: invert(0)
}

body[color-theme=hukumid][_ngcontent-ng-c3674886643] {
    --secondary-color: #17459A;
    --secondary-color-contrast: #ffffff;
    --primary-color: #1e8067;
    --primary-color-shade: #1a715b;
    --primary-color-tint: #358d76;
    --primary-color-contrast: #ffffff;
    --highlight-color: #17459A;
    --tabIcon-filter: invert(0)
}

body[color-theme=vividpurple][_ngcontent-ng-c3674886643] {
    --secondary-color: #8000FF;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #8000FF;
    --tabIcon-filter: invert(0)
}

body[color-theme=lightyellow][_ngcontent-ng-c3674886643] {
    --secondary-color: #F7C528;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #F7C528;
    --tabIcon-filter: invert(0)
}

body[color-theme=dodgerblue][_ngcontent-ng-c3674886643] {
    --secondary-color: #1A88F3;
    --secondary-color-contrast: #000000;
    --primary-color: #090f1e;
    --primary-color-shade: #080d1a;
    --primary-color-tint: #222735;
    --primary-color-contrast: #ffffff;
    --highlight-color: #1A88F3;
    --tabIcon-filter: invert(0)
}

body[color-theme=neonblue][_ngcontent-ng-c3674886643] {
    --secondary-color: #00CCFF;
    --secondary-color-contrast: #000000;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #00CCFF;
    --tabIcon-filter: invert(0)
}

body[color-theme=olivegreen][_ngcontent-ng-c3674886643] {
    --secondary-color: #6B8834;
    --secondary-color-contrast: #ffffff;
    --primary-color: #000000;
    --primary-color-shade: #141414;
    --primary-color-tint: #222222;
    --primary-color-contrast: #ffffff;
    --highlight-color: #6B8834;
    --tabIcon-filter: invert(0)
}

.login-section[_ngcontent-ng-c3674886643] {
    background: var(--grey-75);
    background-image: none !important
}

.login-section[_ngcontent-ng-c3674886643] .login-header-section[_ngcontent-ng-c3674886643] {
    flex-direction: column;
    justify-content: center;
    min-height: 145px;
    padding: 15px;
    box-sizing: border-box;
    position: sticky;
    top: 0
}

.login-section[_ngcontent-ng-c3674886643] .login-header-section[_ngcontent-ng-c3674886643]:before {
    content: "";
    position: absolute;
    background-color: var(--secondary-color);
    left: 50%;
    top: 0;
    transform: translate(-50%);
    width: 60%;
    height: 6px;
    border-radius: 0 0 15px 15px
}

.login-section[_ngcontent-ng-c3674886643] .login-header-section[_ngcontent-ng-c3674886643] .logo[_ngcontent-ng-c3674886643] {
    align-self: unset;
    margin: 15px 0
}

.login-section[_ngcontent-ng-c3674886643] .login-header-section[_ngcontent-ng-c3674886643] .page-back-btn[_ngcontent-ng-c3674886643] {
    background: transparent;
    border: none;
    display: flex;
    align-items: center;
    column-gap: 4px;
    color: var(--white-color);
    padding: 0;
    cursor: pointer
}

.login-section[_ngcontent-ng-c3674886643] .login-header-section[_ngcontent-ng-c3674886643] .welcome-text[_ngcontent-ng-c3674886643] p[_ngcontent-ng-c3674886643] {
    font-family: Open Sans, sans-serif;
    font-size: 14px;
    font-weight: 400;
    margin-top: 6px;
    margin-bottom: 0;
    line-height: normal;
    color: var(--grey-600)
}

.login-section[_ngcontent-ng-c3674886643] .login-header-section[_ngcontent-ng-c3674886643] .welcome-text[_ngcontent-ng-c3674886643] h2[_ngcontent-ng-c3674886643] {
    color: var(--white-color);
    font-size: 22px;
    font-weight: 500;
    font-family: open sans, sans-serif;
    margin-bottom: 0;
    margin-top: 0
}

.login-section[_ngcontent-ng-c3674886643] .body-section[_ngcontent-ng-c3674886643] {
    background: var(--grey-50);
    border-radius: 15px 15px 0 0;
    height: calc(100% - 180px);
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center
}

.login-section[_ngcontent-ng-c3674886643] .body-section[_ngcontent-ng-c3674886643] form[_ngcontent-ng-c3674886643] {
    width: 100%
}

.login-section[_ngcontent-ng-c3674886643] .body-section[_ngcontent-ng-c3674886643] .login-form[_ngcontent-ng-c3674886643] {
    padding: 15px;
    padding-bottom: 15px !important;
    margin-top: 10px
}

.login-section[_ngcontent-ng-c3674886643] .body-section[_ngcontent-ng-c3674886643] .login-form[_ngcontent-ng-c3674886643] .form-list[_ngcontent-ng-c3674886643] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    z-index: 1001
}

.login-section[_ngcontent-ng-c3674886643] .body-section[_ngcontent-ng-c3674886643] .login-form[_ngcontent-ng-c3674886643] .form-list[_ngcontent-ng-c3674886643] p.error[_ngcontent-ng-c3674886643] {
    position: absolute;
    left: 0;
    bottom: 15px;
    margin: 0;
    font-size: 12px;
    padding: 0 5px;
    color: var(--primary-color-contrast)
}

.login-section[_ngcontent-ng-c3674886643] .body-section[_ngcontent-ng-c3674886643] .login-form[_ngcontent-ng-c3674886643] .form-list[_ngcontent-ng-c3674886643] mat-form-field[_ngcontent-ng-c3674886643] {
    min-width: calc(100% - 100px);
    max-width: -moz-fit-content;
    max-width: fit-content
}

.login-section[_ngcontent-ng-c3674886643] .body-section[_ngcontent-ng-c3674886643] .login-form[_ngcontent-ng-c3674886643] .form-list[_ngcontent-ng-c3674886643] mat-form-field[_ngcontent-ng-c3674886643] .mat-mdc-text-field-wrapper {
    background: var(--card-background) !important;
    height: 50px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-radius: 0 10px 10px 0;
    border: none;
    color: var(--black-color)
}

.login-section[_ngcontent-ng-c3674886643] .body-section[_ngcontent-ng-c3674886643] .login-form[_ngcontent-ng-c3674886643] .form-list[_ngcontent-ng-c3674886643] mat-form-field[_ngcontent-ng-c3674886643] .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix {
    display: flex;
    column-gap: 4px;
    align-items: center;
    cursor: pointer
}

.login-section[_ngcontent-ng-c3674886643] .body-section[_ngcontent-ng-c3674886643] .login-form[_ngcontent-ng-c3674886643] .form-list[_ngcontent-ng-c3674886643] mat-form-field[_ngcontent-ng-c3674886643] .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix img {
    max-width: 25px;
    border-radius: 3px;
    width: 25px;
    height: 100%
}

.login-section[_ngcontent-ng-c3674886643] .body-section[_ngcontent-ng-c3674886643] .login-form[_ngcontent-ng-c3674886643] .form-list[_ngcontent-ng-c3674886643] mat-form-field[_ngcontent-ng-c3674886643] .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix p {
    margin: 0;
    font-size: 14px;
    color: var(--black-color);
    min-width: -moz-fit-content;
    min-width: fit-content
}

.login-section[_ngcontent-ng-c3674886643] .body-section[_ngcontent-ng-c3674886643] .login-form[_ngcontent-ng-c3674886643] .form-list[_ngcontent-ng-c3674886643] mat-form-field[_ngcontent-ng-c3674886643] .mat-mdc-text-field-wrapper mat-select {
    max-width: calc(100% - 28px);
    display: flex
}

.login-section[_ngcontent-ng-c3674886643] .body-section[_ngcontent-ng-c3674886643] .login-form[_ngcontent-ng-c3674886643] .form-list[_ngcontent-ng-c3674886643] mat-form-field[_ngcontent-ng-c3674886643] .mat-mdc-text-field-wrapper mat-select .mat-mdc-select-trigger {
    justify-content: flex-end
}

.login-section[_ngcontent-ng-c3674886643] .body-section[_ngcontent-ng-c3674886643] .login-form[_ngcontent-ng-c3674886643] .form-list[_ngcontent-ng-c3674886643] mat-form-field[_ngcontent-ng-c3674886643] .mat-mdc-text-field-wrapper mat-select .mat-mdc-select-arrow-wrapper {
    margin-left: 0
}

.login-section[_ngcontent-ng-c3674886643] .body-section[_ngcontent-ng-c3674886643] .login-form[_ngcontent-ng-c3674886643] .form-list[_ngcontent-ng-c3674886643] mat-form-field[_ngcontent-ng-c3674886643] .mat-mdc-text-field-wrapper mat-select .mat-mdc-select-value {
    display: none
}

.login-section[_ngcontent-ng-c3674886643] .body-section[_ngcontent-ng-c3674886643] .login-form[_ngcontent-ng-c3674886643] .form-list[_ngcontent-ng-c3674886643] mat-form-field[_ngcontent-ng-c3674886643] .mat-mdc-text-field-wrapper mat-select .mat-mdc-select-value .mat-mdc-select-value-text {
    font-size: 14px;
    display: none
}

.login-section[_ngcontent-ng-c3674886643] .body-section[_ngcontent-ng-c3674886643] .login-form[_ngcontent-ng-c3674886643] .form-list[_ngcontent-ng-c3674886643] mat-form-field[_ngcontent-ng-c3674886643] .mat-mdc-text-field-wrapper .mdc-line-ripple {
    display: none
}

.login-section[_ngcontent-ng-c3674886643] .body-section[_ngcontent-ng-c3674886643] .login-form[_ngcontent-ng-c3674886643] .form-list[_ngcontent-ng-c3674886643] mat-form-field[_ngcontent-ng-c3674886643] .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix input {
    font-size: 14px;
    border: none;
    outline: none;
    border-radius: 6px
}

.login-section[_ngcontent-ng-c3674886643] .body-section[_ngcontent-ng-c3674886643] .login-form[_ngcontent-ng-c3674886643] .form-list[_ngcontent-ng-c3674886643] mat-form-field.select-menu[_ngcontent-ng-c3674886643] {
    min-width: 100px;
    width: 100px;
    position: relative
}

.login-section[_ngcontent-ng-c3674886643] .body-section[_ngcontent-ng-c3674886643] .login-form[_ngcontent-ng-c3674886643] .form-list[_ngcontent-ng-c3674886643] mat-form-field.select-menu[_ngcontent-ng-c3674886643]:before {
    content: "";
    width: 2px;
    background: var(--grey-600);
    height: 30px;
    position: absolute;
    top: 10px;
    right: 0;
    z-index: 1;
    opacity: .6
}

.login-section[_ngcontent-ng-c3674886643] .body-section[_ngcontent-ng-c3674886643] .login-form[_ngcontent-ng-c3674886643] .form-list[_ngcontent-ng-c3674886643] mat-form-field.select-menu[_ngcontent-ng-c3674886643] .mat-mdc-text-field-wrapper {
    border-radius: 10px 0 0 10px;
    position: relative;
    padding: 0 8px
}

.login-section[_ngcontent-ng-c3674886643] .body-section[_ngcontent-ng-c3674886643] .login-form[_ngcontent-ng-c3674886643] .form-btn[_ngcontent-ng-c3674886643] {
    width: 100%
}

.login-section[_ngcontent-ng-c3674886643] .body-section[_ngcontent-ng-c3674886643] .login-form[_ngcontent-ng-c3674886643] .form-btn[_ngcontent-ng-c3674886643] .otpBTNs[_ngcontent-ng-c3674886643] {
    display: flex;
    width: 100%;
    column-gap: 5px;
    row-gap: 5px
}

.login-section[_ngcontent-ng-c3674886643] .body-section[_ngcontent-ng-c3674886643] .login-form[_ngcontent-ng-c3674886643] .form-btn[_ngcontent-ng-c3674886643] .otpBTNs[_ngcontent-ng-c3674886643] button[_ngcontent-ng-c3674886643] {
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;

}

.login-section[_ngcontent-ng-c3674886643] .body-section[_ngcontent-ng-c3674886643] .login-form[_ngcontent-ng-c3674886643] .form-btn[_ngcontent-ng-c3674886643] .otpBTNs[_ngcontent-ng-c3674886643] button[_ngcontent-ng-c3674886643] img[_ngcontent-ng-c3674886643] {
    width: 18px;
    margin-right: 5px
}

.login-section[_ngcontent-ng-c3674886643] .body-section[_ngcontent-ng-c3674886643] .login-form[_ngcontent-ng-c3674886643] .form-btn[_ngcontent-ng-c3674886643] .otpBTNs[_ngcontent-ng-c3674886643] button[_ngcontent-ng-c3674886643] mat-icon[_ngcontent-ng-c3674886643] {
    margin-right: 5px;
    font-size: 18px;
    width: 18px;
    height: 18px
}

.login-section[_ngcontent-ng-c3674886643] .body-section[_ngcontent-ng-c3674886643] .login-form[_ngcontent-ng-c3674886643] .form-btn[_ngcontent-ng-c3674886643] p[_ngcontent-ng-c3674886643] {
    margin: 0;
    color: var(--white-color);
    font-size: 10px
}

.login-section[_ngcontent-ng-c3674886643] .body-section[_ngcontent-ng-c3674886643] .login-form[_ngcontent-ng-c3674886643] .form-btn[_ngcontent-ng-c3674886643] p.separator[_ngcontent-ng-c3674886643] {
    text-align: center;
    margin: 10px 0
}

.login-section[_ngcontent-ng-c3674886643] .body-section[_ngcontent-ng-c3674886643] .login-form[_ngcontent-ng-c3674886643] .form-btn[_ngcontent-ng-c3674886643] .extra-btns[_ngcontent-ng-c3674886643] {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 10px
}

.login-section[_ngcontent-ng-c3674886643] .body-section[_ngcontent-ng-c3674886643] .login-form[_ngcontent-ng-c3674886643] .form-btn[_ngcontent-ng-c3674886643] .extra-btns[_ngcontent-ng-c3674886643] button[_ngcontent-ng-c3674886643] {
    min-height: 40px;

}

.login-section[_ngcontent-ng-c3674886643] .body-section[_ngcontent-ng-c3674886643] .login-form[_ngcontent-ng-c3674886643] .form-btn[_ngcontent-ng-c3674886643] .extra-btns[_ngcontent-ng-c3674886643] .whatsapp-id-btn[_ngcontent-ng-c3674886643] {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 4px;
    background: var(--header-dark-color);
    border: 1px solid #01e676;
    color: var(--white-color)
}

.login-section[_ngcontent-ng-c3674886643] .body-section[_ngcontent-ng-c3674886643] .login-form[_ngcontent-ng-c3674886643] .form-btn[_ngcontent-ng-c3674886643] .extra-btns[_ngcontent-ng-c3674886643] .whatsapp-id-btn[_ngcontent-ng-c3674886643] img[_ngcontent-ng-c3674886643] {
    width: 25px
}

.login-section[_ngcontent-ng-c3674886643] .body-section[_ngcontent-ng-c3674886643] .login-form[_ngcontent-ng-c3674886643] .form-btn[_ngcontent-ng-c3674886643] .extra-btns[_ngcontent-ng-c3674886643] .whatsapp-id-btn[_ngcontent-ng-c3674886643] p[_ngcontent-ng-c3674886643] {
    color: var(--white-color)
}

.login-section[_ngcontent-ng-c3674886643] .body-section[_ngcontent-ng-c3674886643] .login-form[_ngcontent-ng-c3674886643] .form-btn[_ngcontent-ng-c3674886643] button[_ngcontent-ng-c3674886643] {
    width: 100%;
    min-height: 45px
}

.login-section[_ngcontent-ng-c3674886643] .body-section[_ngcontent-ng-c3674886643] .terms[_ngcontent-ng-c3674886643] {
    font-size: 12px;
    opacity: .6;
    cursor: pointer;
    position: absolute;
    bottom: 10px
}

.login-section.login-page[_ngcontent-ng-c3674886643] {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.login-section.login-page[_ngcontent-ng-c3674886643] .login-header-section[_ngcontent-ng-c3674886643] {
    height: 100%;
    align-items: center;
    position: relative
}

.login-section.login-page[_ngcontent-ng-c3674886643] .login-header-section[_ngcontent-ng-c3674886643] .welcome-text[_ngcontent-ng-c3674886643] {
    display: none
}

.login-section.login-page[_ngcontent-ng-c3674886643] .body-section[_ngcontent-ng-c3674886643] {
    height: auto
}

.login-section.login-page[_ngcontent-ng-c3674886643] .body-section[_ngcontent-ng-c3674886643] .welcome-text[_ngcontent-ng-c3674886643] {
    width: 100%
}

.login-section.login-page[_ngcontent-ng-c3674886643] .body-section[_ngcontent-ng-c3674886643] .welcome-text[_ngcontent-ng-c3674886643] p[_ngcontent-ng-c3674886643] {
    font-family: Open Sans, sans-serif;
    font-size: 14px;
    font-weight: 400;
    margin-top: 6px;
    margin-bottom: 0;
    line-height: normal
}

.login-section.login-page[_ngcontent-ng-c3674886643] .body-section[_ngcontent-ng-c3674886643] .welcome-text[_ngcontent-ng-c3674886643] h2[_ngcontent-ng-c3674886643] {
    font-size: 18px;
    font-weight: 500;

    margin-bottom: 0;
    margin-top: 0
}

.login-section.login-page[_ngcontent-ng-c3674886643] .body-section[_ngcontent-ng-c3674886643] .login-form[_ngcontent-ng-c3674886643] .form-btn[_ngcontent-ng-c3674886643] p.separator[_ngcontent-ng-c3674886643] {
    color: var(--grey-900)
}

@media all and (max-width: 360px) {
    .login-section[_ngcontent-ng-c3674886643] .body-section[_ngcontent-ng-c3674886643] .login-form[_ngcontent-ng-c3674886643] {
        padding: 5px
    }

    .login-section[_ngcontent-ng-c3674886643] .body-section[_ngcontent-ng-c3674886643] .login-form[_ngcontent-ng-c3674886643] .form-btn[_ngcontent-ng-c3674886643] .extra-btns[_ngcontent-ng-c3674886643] {
        flex-direction: column;
        row-gap: 10px
    }

    .otpBTNs[_ngcontent-ng-c3674886643] {
        display: flex;
        flex-direction: column;
        width: 100%;
        column-gap: 5px;
        row-gap: 5px
    }

    .otpBTNs[_ngcontent-ng-c3674886643] button[_ngcontent-ng-c3674886643] {
        min-width: 100%
    }
}

.mdc-text-field {
    border-top-left-radius: 4px;
    border-top-left-radius: var(--mdc-shape-small, 4px);
    border-top-right-radius: 4px;
    border-top-right-radius: var(--mdc-shape-small, 4px);
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    display: inline-flex;
    align-items: baseline;
    padding: 0 16px;
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
    will-change: opacity, transform, color
}

.mdc-text-field .mdc-floating-label {
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none
}

.mdc-text-field__input {
    height: 28px;
    width: 100%;
    min-width: 0;
    border: none;
    border-radius: 0;
    background: none;
    appearance: none;
    padding: 0
}

.mdc-text-field__input::-ms-clear {
    display: none
}

.mdc-text-field__input::-webkit-calendar-picker-indicator {
    display: none
}

.mdc-text-field__input:focus {
    outline: none
}

.mdc-text-field__input:invalid {
    box-shadow: none
}

@media all {
    .mdc-text-field__input::placeholder {
        opacity: 0
    }
}

@media all {
    .mdc-text-field__input:-ms-input-placeholder {
        opacity: 0
    }
}

@media all {

    .mdc-text-field--no-label .mdc-text-field__input::placeholder,
    .mdc-text-field--focused .mdc-text-field__input::placeholder {
        opacity: 1
    }
}

@media all {

    .mdc-text-field--no-label .mdc-text-field__input:-ms-input-placeholder,
    .mdc-text-field--focused .mdc-text-field__input:-ms-input-placeholder {
        opacity: 1
    }
}

.mdc-text-field__affix {
    height: 28px;
    opacity: 0;
    white-space: nowrap
}

.mdc-text-field--label-floating .mdc-text-field__affix,
.mdc-text-field--no-label .mdc-text-field__affix {
    opacity: 1
}

@supports(-webkit-hyphens: none) {
    .mdc-text-field--outlined .mdc-text-field__affix {
        align-items: center;
        align-self: center;
        display: inline-flex;
        height: 100%
    }
}

.mdc-text-field__affix--prefix {
    padding-left: 0;
    padding-right: 2px
}

[dir=rtl] .mdc-text-field__affix--prefix,
.mdc-text-field__affix--prefix[dir=rtl] {
    padding-left: 2px;
    padding-right: 0
}

.mdc-text-field--end-aligned .mdc-text-field__affix--prefix {
    padding-left: 0;
    padding-right: 12px
}

[dir=rtl] .mdc-text-field--end-aligned .mdc-text-field__affix--prefix,
.mdc-text-field--end-aligned .mdc-text-field__affix--prefix[dir=rtl] {
    padding-left: 12px;
    padding-right: 0
}

.mdc-text-field__affix--suffix {
    padding-left: 12px;
    padding-right: 0
}

[dir=rtl] .mdc-text-field__affix--suffix,
.mdc-text-field__affix--suffix[dir=rtl] {
    padding-left: 0;
    padding-right: 12px
}

.mdc-text-field--end-aligned .mdc-text-field__affix--suffix {
    padding-left: 2px;
    padding-right: 0
}

[dir=rtl] .mdc-text-field--end-aligned .mdc-text-field__affix--suffix,
.mdc-text-field--end-aligned .mdc-text-field__affix--suffix[dir=rtl] {
    padding-left: 0;
    padding-right: 2px
}

.mdc-text-field--filled {
    height: 56px
}

.mdc-text-field--filled::before {
    display: inline-block;
    width: 0;
    height: 40px;
    content: "";
    vertical-align: 0
}

.mdc-text-field--filled .mdc-floating-label {
    left: 16px;
    right: initial
}

[dir=rtl] .mdc-text-field--filled .mdc-floating-label,
.mdc-text-field--filled .mdc-floating-label[dir=rtl] {
    left: initial;
    right: 16px
}

.mdc-text-field--filled .mdc-floating-label--float-above {
    transform: translateY(-106%) scale(0.75)
}

.mdc-text-field--filled.mdc-text-field--no-label .mdc-text-field__input {
    height: 100%
}

.mdc-text-field--filled.mdc-text-field--no-label .mdc-floating-label {
    display: none
}

.mdc-text-field--filled.mdc-text-field--no-label::before {
    display: none
}

@supports(-webkit-hyphens: none) {
    .mdc-text-field--filled.mdc-text-field--no-label .mdc-text-field__affix {
        align-items: center;
        align-self: center;
        display: inline-flex;
        height: 100%
    }
}

.mdc-text-field--outlined {
    height: 56px;
    overflow: visible
}

.mdc-text-field--outlined .mdc-floating-label--float-above {
    transform: translateY(-37.25px) scale(1)
}

.mdc-text-field--outlined .mdc-floating-label--float-above {
    font-size: .75rem
}

.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    transform: translateY(-34.75px) scale(0.75)
}

.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    font-size: 1rem
}

.mdc-text-field--outlined .mdc-text-field__input {
    height: 100%
}

.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading {
    border-top-left-radius: 4px;
    border-top-left-radius: var(--mdc-shape-small, 4px);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 4px;
    border-bottom-left-radius: var(--mdc-shape-small, 4px)
}

[dir=rtl] .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading[dir=rtl] {
    border-top-left-radius: 0;
    border-top-right-radius: 4px;
    border-top-right-radius: var(--mdc-shape-small, 4px);
    border-bottom-right-radius: 4px;
    border-bottom-right-radius: var(--mdc-shape-small, 4px);
    border-bottom-left-radius: 0
}

@supports(top: max(0%)) {
    .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading {
        width: max(12px, var(--mdc-shape-small, 4px))
    }
}

@supports(top: max(0%)) {
    .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__notch {
        max-width: calc(100% - max(12px, var(--mdc-shape-small, 4px))*2)
    }
}

.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing {
    border-top-left-radius: 0;
    border-top-right-radius: 4px;
    border-top-right-radius: var(--mdc-shape-small, 4px);
    border-bottom-right-radius: 4px;
    border-bottom-right-radius: var(--mdc-shape-small, 4px);
    border-bottom-left-radius: 0
}

[dir=rtl] .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing,
.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing[dir=rtl] {
    border-top-left-radius: 4px;
    border-top-left-radius: var(--mdc-shape-small, 4px);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 4px;
    border-bottom-left-radius: var(--mdc-shape-small, 4px)
}

@supports(top: max(0%)) {
    .mdc-text-field--outlined {
        padding-left: max(16px, calc(var(--mdc-shape-small, 4px) + 4px))
    }
}

@supports(top: max(0%)) {
    .mdc-text-field--outlined {
        padding-right: max(16px, var(--mdc-shape-small, 4px))
    }
}

@supports(top: max(0%)) {
    .mdc-text-field--outlined+.mdc-text-field-helper-line {
        padding-left: max(16px, calc(var(--mdc-shape-small, 4px) + 4px))
    }
}

@supports(top: max(0%)) {
    .mdc-text-field--outlined+.mdc-text-field-helper-line {
        padding-right: max(16px, var(--mdc-shape-small, 4px))
    }
}

.mdc-text-field--outlined.mdc-text-field--with-leading-icon {
    padding-left: 0
}

@supports(top: max(0%)) {
    .mdc-text-field--outlined.mdc-text-field--with-leading-icon {
        padding-right: max(16px, var(--mdc-shape-small, 4px))
    }
}

[dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-leading-icon,
.mdc-text-field--outlined.mdc-text-field--with-leading-icon[dir=rtl] {
    padding-right: 0
}

@supports(top: max(0%)) {

    [dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-leading-icon,
    .mdc-text-field--outlined.mdc-text-field--with-leading-icon[dir=rtl] {
        padding-left: max(16px, var(--mdc-shape-small, 4px))
    }
}

.mdc-text-field--outlined.mdc-text-field--with-trailing-icon {
    padding-right: 0
}

@supports(top: max(0%)) {
    .mdc-text-field--outlined.mdc-text-field--with-trailing-icon {
        padding-left: max(16px, calc(var(--mdc-shape-small, 4px) + 4px))
    }
}

[dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-trailing-icon,
.mdc-text-field--outlined.mdc-text-field--with-trailing-icon[dir=rtl] {
    padding-left: 0
}

@supports(top: max(0%)) {

    [dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-trailing-icon,
    .mdc-text-field--outlined.mdc-text-field--with-trailing-icon[dir=rtl] {
        padding-right: max(16px, calc(var(--mdc-shape-small, 4px) + 4px))
    }
}

.mdc-text-field--outlined.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon {
    padding-left: 0;
    padding-right: 0
}

.mdc-text-field--outlined .mdc-notched-outline--notched .mdc-notched-outline__notch {
    padding-top: 1px
}

.mdc-text-field--outlined .mdc-floating-label {
    left: 4px;
    right: initial
}

[dir=rtl] .mdc-text-field--outlined .mdc-floating-label,
.mdc-text-field--outlined .mdc-floating-label[dir=rtl] {
    left: initial;
    right: 4px
}

.mdc-text-field--outlined .mdc-text-field__input {
    display: flex;
    border: none !important;
    background-color: rgba(0, 0, 0, 0)
}

.mdc-text-field--outlined .mdc-notched-outline {
    z-index: 1
}

.mdc-text-field--textarea {
    flex-direction: column;
    align-items: center;
    width: auto;
    height: auto;
    padding: 0
}

.mdc-text-field--textarea .mdc-floating-label {
    top: 19px
}

.mdc-text-field--textarea .mdc-floating-label:not(.mdc-floating-label--float-above) {
    transform: none
}

.mdc-text-field--textarea .mdc-text-field__input {
    flex-grow: 1;
    height: auto;
    min-height: 1.5rem;
    overflow-x: hidden;
    overflow-y: auto;
    box-sizing: border-box;
    resize: none;
    padding: 0 16px
}

.mdc-text-field--textarea.mdc-text-field--filled::before {
    display: none
}

.mdc-text-field--textarea.mdc-text-field--filled .mdc-floating-label--float-above {
    transform: translateY(-10.25px) scale(0.75)
}

.mdc-text-field--textarea.mdc-text-field--filled .mdc-text-field__input {
    margin-top: 23px;
    margin-bottom: 9px
}

.mdc-text-field--textarea.mdc-text-field--filled.mdc-text-field--no-label .mdc-text-field__input {
    margin-top: 16px;
    margin-bottom: 16px
}

.mdc-text-field--textarea.mdc-text-field--outlined .mdc-notched-outline--notched .mdc-notched-outline__notch {
    padding-top: 0
}

.mdc-text-field--textarea.mdc-text-field--outlined .mdc-floating-label--float-above {
    transform: translateY(-27.25px) scale(1)
}

.mdc-text-field--textarea.mdc-text-field--outlined .mdc-floating-label--float-above {
    font-size: .75rem
}

.mdc-text-field--textarea.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-text-field--textarea.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    transform: translateY(-24.75px) scale(0.75)
}

.mdc-text-field--textarea.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-text-field--textarea.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    font-size: 1rem
}

.mdc-text-field--textarea.mdc-text-field--outlined .mdc-text-field__input {
    margin-top: 16px;
    margin-bottom: 16px
}

.mdc-text-field--textarea.mdc-text-field--outlined .mdc-floating-label {
    top: 18px
}

.mdc-text-field--textarea.mdc-text-field--with-internal-counter .mdc-text-field__input {
    margin-bottom: 2px
}

.mdc-text-field--textarea.mdc-text-field--with-internal-counter .mdc-text-field-character-counter {
    align-self: flex-end;
    padding: 0 16px
}

.mdc-text-field--textarea.mdc-text-field--with-internal-counter .mdc-text-field-character-counter::after {
    display: inline-block;
    width: 0;
    height: 16px;
    content: "";
    vertical-align: -16px
}

.mdc-text-field--textarea.mdc-text-field--with-internal-counter .mdc-text-field-character-counter::before {
    display: none
}

.mdc-text-field__resizer {
    align-self: stretch;
    display: inline-flex;
    flex-direction: column;
    flex-grow: 1;
    max-height: 100%;
    max-width: 100%;
    min-height: 56px;
    min-width: fit-content;
    min-width: -moz-available;
    min-width: -webkit-fill-available;
    overflow: hidden;
    resize: both
}

.mdc-text-field--filled .mdc-text-field__resizer {
    transform: translateY(-1px)
}

.mdc-text-field--filled .mdc-text-field__resizer .mdc-text-field__input,
.mdc-text-field--filled .mdc-text-field__resizer .mdc-text-field-character-counter {
    transform: translateY(1px)
}

.mdc-text-field--outlined .mdc-text-field__resizer {
    transform: translateX(-1px) translateY(-1px)
}

[dir=rtl] .mdc-text-field--outlined .mdc-text-field__resizer,
.mdc-text-field--outlined .mdc-text-field__resizer[dir=rtl] {
    transform: translateX(1px) translateY(-1px)
}

.mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field__input,
.mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field-character-counter {
    transform: translateX(1px) translateY(1px)
}

[dir=rtl] .mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field__input,
[dir=rtl] .mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field-character-counter,
.mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field__input[dir=rtl],
.mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field-character-counter[dir=rtl] {
    transform: translateX(-1px) translateY(1px)
}

.mdc-text-field--with-leading-icon {
    padding-left: 0;
    padding-right: 16px
}

[dir=rtl] .mdc-text-field--with-leading-icon,
.mdc-text-field--with-leading-icon[dir=rtl] {
    padding-left: 16px;
    padding-right: 0
}

.mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label {
    max-width: calc(100% - 48px);
    left: 48px;
    right: initial
}

[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label,
.mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label[dir=rtl] {
    left: initial;
    right: 48px
}

.mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label--float-above {
    max-width: calc(100% / 0.75 - 64px / 0.75)
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label {
    left: 36px;
    right: initial
}

[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label,
.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label[dir=rtl] {
    left: initial;
    right: 36px
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined :not(.mdc-notched-outline--notched) .mdc-notched-outline__notch {
    max-width: calc(100% - 60px)
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above {
    transform: translateY(-37.25px) translateX(-32px) scale(1)
}

[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above,
.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above[dir=rtl] {
    transform: translateY(-37.25px) translateX(32px) scale(1)
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above {
    font-size: .75rem
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    transform: translateY(-34.75px) translateX(-32px) scale(0.75)
}

[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl],
.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl] {
    transform: translateY(-34.75px) translateX(32px) scale(0.75)
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    font-size: 1rem
}

.mdc-text-field--with-trailing-icon {
    padding-left: 16px;
    padding-right: 0
}

[dir=rtl] .mdc-text-field--with-trailing-icon,
.mdc-text-field--with-trailing-icon[dir=rtl] {
    padding-left: 0;
    padding-right: 16px
}

.mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label {
    max-width: calc(100% - 64px)
}

.mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label--float-above {
    max-width: calc(100% / 0.75 - 64px / 0.75)
}

.mdc-text-field--with-trailing-icon.mdc-text-field--outlined :not(.mdc-notched-outline--notched) .mdc-notched-outline__notch {
    max-width: calc(100% - 60px)
}

.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon {
    padding-left: 0;
    padding-right: 0
}

.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label {
    max-width: calc(100% - 96px)
}

.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label--float-above {
    max-width: calc(100% / 0.75 - 96px / 0.75)
}

.mdc-text-field-helper-line {
    display: flex;
    justify-content: space-between;
    box-sizing: border-box
}

.mdc-text-field+.mdc-text-field-helper-line {
    padding-right: 16px;
    padding-left: 16px
}

.mdc-form-field>.mdc-text-field+label {
    align-self: flex-start
}

.mdc-text-field--focused .mdc-notched-outline__leading,
.mdc-text-field--focused .mdc-notched-outline__notch,
.mdc-text-field--focused .mdc-notched-outline__trailing {
    border-width: 2px
}

.mdc-text-field--focused+.mdc-text-field-helper-line .mdc-text-field-helper-text:not(.mdc-text-field-helper-text--validation-msg) {
    opacity: 1
}

.mdc-text-field--focused.mdc-text-field--outlined .mdc-notched-outline--notched .mdc-notched-outline__notch {
    padding-top: 2px
}

.mdc-text-field--focused.mdc-text-field--outlined.mdc-text-field--textarea .mdc-notched-outline--notched .mdc-notched-outline__notch {
    padding-top: 0
}

.mdc-text-field--invalid+.mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg {
    opacity: 1
}

.mdc-text-field--disabled {
    pointer-events: none
}

@media screen and (forced-colors: active) {
    .mdc-text-field--disabled .mdc-text-field__input {
        background-color: Window
    }

    .mdc-text-field--disabled .mdc-floating-label {
        z-index: 1
    }
}

.mdc-text-field--disabled .mdc-floating-label {
    cursor: default
}

.mdc-text-field--disabled.mdc-text-field--filled .mdc-text-field__ripple {
    display: none
}

.mdc-text-field--disabled .mdc-text-field__input {
    pointer-events: auto
}

.mdc-text-field--end-aligned .mdc-text-field__input {
    text-align: right
}

[dir=rtl] .mdc-text-field--end-aligned .mdc-text-field__input,
.mdc-text-field--end-aligned .mdc-text-field__input[dir=rtl] {
    text-align: left
}

[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__input,
[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix,
.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__input,
.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix {
    direction: ltr
}

[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--prefix,
.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--prefix {
    padding-left: 0;
    padding-right: 2px
}

[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--suffix,
.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--suffix {
    padding-left: 12px;
    padding-right: 0
}

[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__icon--leading,
.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__icon--leading {
    order: 1
}

[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--suffix,
.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--suffix {
    order: 2
}

[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__input,
.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__input {
    order: 3
}

[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--prefix,
.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--prefix {
    order: 4
}

[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__icon--trailing,
.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__icon--trailing {
    order: 5
}

[dir=rtl] .mdc-text-field--ltr-text.mdc-text-field--end-aligned .mdc-text-field__input,
.mdc-text-field--ltr-text.mdc-text-field--end-aligned[dir=rtl] .mdc-text-field__input {
    text-align: right
}

[dir=rtl] .mdc-text-field--ltr-text.mdc-text-field--end-aligned .mdc-text-field__affix--prefix,
.mdc-text-field--ltr-text.mdc-text-field--end-aligned[dir=rtl] .mdc-text-field__affix--prefix {
    padding-right: 12px
}

[dir=rtl] .mdc-text-field--ltr-text.mdc-text-field--end-aligned .mdc-text-field__affix--suffix,
.mdc-text-field--ltr-text.mdc-text-field--end-aligned[dir=rtl] .mdc-text-field__affix--suffix {
    padding-left: 2px
}

.mdc-floating-label {
    position: absolute;
    left: 0;
    -webkit-transform-origin: left top;
    transform-origin: left top;
    line-height: 1.15rem;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: text;
    overflow: hidden;
    will-change: transform
}

[dir=rtl] .mdc-floating-label,
.mdc-floating-label[dir=rtl] {
    right: 0;
    left: auto;
    -webkit-transform-origin: right top;
    transform-origin: right top;
    text-align: right
}

.mdc-floating-label--float-above {
    cursor: auto
}

.mdc-floating-label--required:not(.mdc-floating-label--hide-required-marker)::after {
    margin-left: 1px;
    margin-right: 0px;
    content: "*"
}

[dir=rtl] .mdc-floating-label--required:not(.mdc-floating-label--hide-required-marker)::after,
.mdc-floating-label--required:not(.mdc-floating-label--hide-required-marker)[dir=rtl]::after {
    margin-left: 0;
    margin-right: 1px
}

.mdc-notched-outline {
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    height: 100%;
    text-align: left;
    pointer-events: none
}

[dir=rtl] .mdc-notched-outline,
.mdc-notched-outline[dir=rtl] {
    text-align: right
}

.mdc-notched-outline__leading,
.mdc-notched-outline__notch,
.mdc-notched-outline__trailing {
    box-sizing: border-box;
    height: 100%;
    pointer-events: none
}

.mdc-notched-outline__trailing {
    flex-grow: 1
}

.mdc-notched-outline__notch {
    flex: 0 0 auto;
    width: auto
}

.mdc-notched-outline .mdc-floating-label {
    display: inline-block;
    position: relative;
    max-width: 100%
}

.mdc-notched-outline .mdc-floating-label--float-above {
    text-overflow: clip
}

.mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    max-width: 133.3333333333%
}

.mdc-notched-outline--notched .mdc-notched-outline__notch {
    padding-left: 0;
    padding-right: 8px;
    border-top: none
}

[dir=rtl] .mdc-notched-outline--notched .mdc-notched-outline__notch,
.mdc-notched-outline--notched .mdc-notched-outline__notch[dir=rtl] {
    padding-left: 8px;
    padding-right: 0
}

.mdc-notched-outline--no-label .mdc-notched-outline__notch {
    display: none
}

.mdc-line-ripple::before,
.mdc-line-ripple::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-bottom-style: solid;
    content: ""
}

.mdc-line-ripple::before {
    z-index: 1
}

.mdc-line-ripple::after {
    transform: scaleX(0);
    opacity: 0;
    z-index: 2
}

.mdc-line-ripple--active::after {
    transform: scaleX(1);
    opacity: 1
}

.mdc-line-ripple--deactivating::after {
    opacity: 0
}

.mdc-floating-label--float-above {
    transform: translateY(-106%) scale(0.75)
}

.mdc-notched-outline__leading,
.mdc-notched-outline__notch,
.mdc-notched-outline__trailing {
    border-top: 1px solid;
    border-bottom: 1px solid
}

.mdc-notched-outline__leading {
    border-left: 1px solid;
    border-right: none;
    width: 12px
}

[dir=rtl] .mdc-notched-outline__leading,
.mdc-notched-outline__leading[dir=rtl] {
    border-left: none;
    border-right: 1px solid
}

.mdc-notched-outline__trailing {
    border-left: none;
    border-right: 1px solid
}

[dir=rtl] .mdc-notched-outline__trailing,
.mdc-notched-outline__trailing[dir=rtl] {
    border-left: 1px solid;
    border-right: none
}

.mdc-notched-outline__notch {
    max-width: calc(100% - 12px * 2)
}

.mdc-line-ripple::before {
    border-bottom-width: 1px
}

.mdc-line-ripple::after {
    border-bottom-width: 2px
}

.mdc-text-field--filled {
    --mdc-filled-text-field-active-indicator-height: 1px;
    --mdc-filled-text-field-focus-active-indicator-height: 2px;
    --mdc-filled-text-field-container-shape: 4px;
    border-top-left-radius: var(--mdc-filled-text-field-container-shape);
    border-top-right-radius: var(--mdc-filled-text-field-container-shape);
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-text-field__input {
    caret-color: var(--mdc-filled-text-field-caret-color)
}

.mdc-text-field--filled.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input {
    caret-color: var(--mdc-filled-text-field-error-caret-color)
}

.mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-text-field__input {
    color: var(--mdc-filled-text-field-input-text-color)
}

.mdc-text-field--filled.mdc-text-field--disabled .mdc-text-field__input {
    color: var(--mdc-filled-text-field-disabled-input-text-color)
}

.mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-floating-label,
.mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-floating-label--float-above {
    color: var(--mdc-filled-text-field-label-text-color)
}

.mdc-text-field--filled:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-floating-label,
.mdc-text-field--filled:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-floating-label--float-above {
    color: var(--mdc-filled-text-field-focus-label-text-color)
}

.mdc-text-field--filled.mdc-text-field--disabled .mdc-floating-label,
.mdc-text-field--filled.mdc-text-field--disabled .mdc-floating-label--float-above {
    color: var(--mdc-filled-text-field-disabled-label-text-color)
}

.mdc-text-field--filled.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label,
.mdc-text-field--filled.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label--float-above {
    color: var(--mdc-filled-text-field-error-label-text-color)
}

.mdc-text-field--filled.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-floating-label,
.mdc-text-field--filled.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-floating-label--float-above {
    color: var(--mdc-filled-text-field-error-focus-label-text-color)
}

.mdc-text-field--filled .mdc-floating-label {
    font-family: var(--mdc-filled-text-field-label-text-font);
    font-size: var(--mdc-filled-text-field-label-text-size);
    font-weight: var(--mdc-filled-text-field-label-text-weight);
    letter-spacing: var(--mdc-filled-text-field-label-text-tracking)
}

@media all {
    .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder {
        color: var(--mdc-filled-text-field-input-text-placeholder-color)
    }
}

@media all {
    .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder {
        color: var(--mdc-filled-text-field-input-text-placeholder-color)
    }
}

.mdc-text-field--filled:not(.mdc-text-field--disabled) {
    background-color: var(--mdc-filled-text-field-container-color)
}

.mdc-text-field--filled.mdc-text-field--disabled {
    background-color: var(--mdc-filled-text-field-disabled-container-color)
}

.mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::before {
    border-bottom-color: var(--mdc-filled-text-field-active-indicator-color)
}

.mdc-text-field--filled:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-line-ripple::before {
    border-bottom-color: var(--mdc-filled-text-field-hover-active-indicator-color)
}

.mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::after {
    border-bottom-color: var(--mdc-filled-text-field-focus-active-indicator-color)
}

.mdc-text-field--filled.mdc-text-field--disabled .mdc-line-ripple::before {
    border-bottom-color: var(--mdc-filled-text-field-disabled-active-indicator-color)
}

.mdc-text-field--filled.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::before {
    border-bottom-color: var(--mdc-filled-text-field-error-active-indicator-color)
}

.mdc-text-field--filled.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-line-ripple::before {
    border-bottom-color: var(--mdc-filled-text-field-error-hover-active-indicator-color)
}

.mdc-text-field--filled.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::after {
    border-bottom-color: var(--mdc-filled-text-field-error-focus-active-indicator-color)
}

.mdc-text-field--filled .mdc-line-ripple::before {
    border-bottom-width: var(--mdc-filled-text-field-active-indicator-height)
}

.mdc-text-field--filled .mdc-line-ripple::after {
    border-bottom-width: var(--mdc-filled-text-field-focus-active-indicator-height)
}

.mdc-text-field--outlined {
    --mdc-outlined-text-field-outline-width: 1px;
    --mdc-outlined-text-field-focus-outline-width: 2px;
    --mdc-outlined-text-field-container-shape: 4px
}

.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-text-field__input {
    caret-color: var(--mdc-outlined-text-field-caret-color)
}

.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input {
    caret-color: var(--mdc-outlined-text-field-error-caret-color)
}

.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-text-field__input {
    color: var(--mdc-outlined-text-field-input-text-color)
}

.mdc-text-field--outlined.mdc-text-field--disabled .mdc-text-field__input {
    color: var(--mdc-outlined-text-field-disabled-input-text-color)
}

.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-floating-label,
.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-floating-label--float-above {
    color: var(--mdc-outlined-text-field-label-text-color)
}

.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-floating-label,
.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-floating-label--float-above {
    color: var(--mdc-outlined-text-field-focus-label-text-color)
}

.mdc-text-field--outlined.mdc-text-field--disabled .mdc-floating-label,
.mdc-text-field--outlined.mdc-text-field--disabled .mdc-floating-label--float-above {
    color: var(--mdc-outlined-text-field-disabled-label-text-color)
}

.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label,
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label--float-above {
    color: var(--mdc-outlined-text-field-error-label-text-color)
}

.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-floating-label,
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-floating-label--float-above {
    color: var(--mdc-outlined-text-field-error-focus-label-text-color)
}

.mdc-text-field--outlined .mdc-floating-label {
    font-family: var(--mdc-outlined-text-field-label-text-font);
    font-size: var(--mdc-outlined-text-field-label-text-size);
    font-weight: var(--mdc-outlined-text-field-label-text-weight);
    letter-spacing: var(--mdc-outlined-text-field-label-text-tracking)
}

@media all {
    .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder {
        color: var(--mdc-outlined-text-field-input-text-placeholder-color)
    }
}

@media all {
    .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder {
        color: var(--mdc-outlined-text-field-input-text-placeholder-color)
    }
}

.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading {
    border-top-left-radius: var(--mdc-outlined-text-field-container-shape);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: var(--mdc-outlined-text-field-container-shape)
}

[dir=rtl] .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading[dir=rtl] {
    border-top-left-radius: 0;
    border-top-right-radius: var(--mdc-outlined-text-field-container-shape);
    border-bottom-right-radius: var(--mdc-outlined-text-field-container-shape);
    border-bottom-left-radius: 0
}

@supports(top: max(0%)) {
    .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading {
        width: max(12px, var(--mdc-outlined-text-field-container-shape))
    }
}

@supports(top: max(0%)) {
    .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__notch {
        max-width: calc(100% - max(12px, var(--mdc-outlined-text-field-container-shape))*2)
    }
}

.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing {
    border-top-left-radius: 0;
    border-top-right-radius: var(--mdc-outlined-text-field-container-shape);
    border-bottom-right-radius: var(--mdc-outlined-text-field-container-shape);
    border-bottom-left-radius: 0
}

[dir=rtl] .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing,
.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing[dir=rtl] {
    border-top-left-radius: var(--mdc-outlined-text-field-container-shape);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: var(--mdc-outlined-text-field-container-shape)
}

@supports(top: max(0%)) {
    .mdc-text-field--outlined {
        padding-left: max(16px, calc(var(--mdc-outlined-text-field-container-shape) + 4px))
    }
}

@supports(top: max(0%)) {
    .mdc-text-field--outlined {
        padding-right: max(16px, var(--mdc-outlined-text-field-container-shape))
    }
}

@supports(top: max(0%)) {
    .mdc-text-field--outlined+.mdc-text-field-helper-line {
        padding-left: max(16px, calc(var(--mdc-outlined-text-field-container-shape) + 4px))
    }
}

@supports(top: max(0%)) {
    .mdc-text-field--outlined+.mdc-text-field-helper-line {
        padding-right: max(16px, var(--mdc-outlined-text-field-container-shape))
    }
}

.mdc-text-field--outlined.mdc-text-field--with-leading-icon {
    padding-left: 0
}

@supports(top: max(0%)) {
    .mdc-text-field--outlined.mdc-text-field--with-leading-icon {
        padding-right: max(16px, var(--mdc-outlined-text-field-container-shape))
    }
}

[dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-leading-icon,
.mdc-text-field--outlined.mdc-text-field--with-leading-icon[dir=rtl] {
    padding-right: 0
}

@supports(top: max(0%)) {

    [dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-leading-icon,
    .mdc-text-field--outlined.mdc-text-field--with-leading-icon[dir=rtl] {
        padding-left: max(16px, var(--mdc-outlined-text-field-container-shape))
    }
}

.mdc-text-field--outlined.mdc-text-field--with-trailing-icon {
    padding-right: 0
}

@supports(top: max(0%)) {
    .mdc-text-field--outlined.mdc-text-field--with-trailing-icon {
        padding-left: max(16px, calc(var(--mdc-outlined-text-field-container-shape) + 4px))
    }
}

[dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-trailing-icon,
.mdc-text-field--outlined.mdc-text-field--with-trailing-icon[dir=rtl] {
    padding-left: 0
}

@supports(top: max(0%)) {

    [dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-trailing-icon,
    .mdc-text-field--outlined.mdc-text-field--with-trailing-icon[dir=rtl] {
        padding-right: max(16px, calc(var(--mdc-outlined-text-field-container-shape) + 4px))
    }
}

.mdc-text-field--outlined.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon {
    padding-left: 0;
    padding-right: 0
}

.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,
.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
    border-color: var(--mdc-outlined-text-field-outline-color)
}

.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing {
    border-color: var(--mdc-outlined-text-field-hover-outline-color)
}

.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,
.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,
.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing {
    border-color: var(--mdc-outlined-text-field-focus-outline-color)
}

.mdc-text-field--outlined.mdc-text-field--disabled .mdc-notched-outline__leading,
.mdc-text-field--outlined.mdc-text-field--disabled .mdc-notched-outline__notch,
.mdc-text-field--outlined.mdc-text-field--disabled .mdc-notched-outline__trailing {
    border-color: var(--mdc-outlined-text-field-disabled-outline-color)
}

.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
    border-color: var(--mdc-outlined-text-field-error-outline-color)
}

.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing {
    border-color: var(--mdc-outlined-text-field-error-hover-outline-color)
}

.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing {
    border-color: var(--mdc-outlined-text-field-error-focus-outline-color)
}

.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline .mdc-notched-outline__trailing {
    border-width: var(--mdc-outlined-text-field-outline-width)
}

.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline .mdc-notched-outline__trailing {
    border-width: var(--mdc-outlined-text-field-focus-outline-width)
}

.mat-mdc-form-field-textarea-control {
    vertical-align: middle;
    resize: vertical;
    box-sizing: border-box;
    height: auto;
    margin: 0;
    padding: 0;
    border: none;
    overflow: auto
}

.mat-mdc-form-field-input-control.mat-mdc-form-field-input-control {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font: inherit;
    letter-spacing: inherit;
    text-decoration: inherit;
    text-transform: inherit;
    border: none
}

.mat-mdc-form-field .mat-mdc-floating-label.mdc-floating-label {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    line-height: normal;
    pointer-events: all
}

.mdc-text-field--no-label:not(.mdc-text-field--textarea) .mat-mdc-form-field-input-control.mdc-text-field__input,
.mat-mdc-text-field-wrapper .mat-mdc-form-field-input-control {
    height: auto
}

.mat-mdc-text-field-wrapper .mat-mdc-form-field-input-control.mdc-text-field__input[type=color] {
    height: 23px
}

.mat-mdc-text-field-wrapper {
    height: auto;
    flex: auto
}

.mat-mdc-form-field-has-icon-prefix .mat-mdc-text-field-wrapper {
    padding-left: 0;
    --mat-mdc-form-field-label-offset-x: -16px
}

.mat-mdc-form-field-has-icon-suffix .mat-mdc-text-field-wrapper {
    padding-right: 0
}

[dir=rtl] .mat-mdc-text-field-wrapper {
    padding-left: 16px;
    padding-right: 16px
}

[dir=rtl] .mat-mdc-form-field-has-icon-suffix .mat-mdc-text-field-wrapper {
    padding-left: 0
}

[dir=rtl] .mat-mdc-form-field-has-icon-prefix .mat-mdc-text-field-wrapper {
    padding-right: 0
}

.mat-form-field-disabled .mdc-text-field__input::placeholder {
    color: var(--mat-form-field-disabled-input-text-placeholder-color)
}

.mat-form-field-disabled .mdc-text-field__input::-moz-placeholder {
    color: var(--mat-form-field-disabled-input-text-placeholder-color)
}

.mat-form-field-disabled .mdc-text-field__input::-webkit-input-placeholder {
    color: var(--mat-form-field-disabled-input-text-placeholder-color)
}

.mat-form-field-disabled .mdc-text-field__input:-ms-input-placeholder {
    color: var(--mat-form-field-disabled-input-text-placeholder-color)
}

.mat-mdc-form-field-label-always-float .mdc-text-field__input::placeholder {
    transition-delay: 40ms;
    transition-duration: 110ms;
    opacity: 1
}

.mat-mdc-text-field-wrapper .mat-mdc-form-field-infix .mat-mdc-floating-label {
    left: auto;
    right: auto
}

.mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-text-field__input {
    display: inline-block
}

.mat-mdc-form-field .mat-mdc-text-field-wrapper.mdc-text-field .mdc-notched-outline__notch {
    padding-top: 0
}

.mat-mdc-text-field-wrapper::before {
    content: none
}

.mat-mdc-form-field-subscript-wrapper {
    box-sizing: border-box;
    width: 100%;
    position: relative
}

.mat-mdc-form-field-hint-wrapper,
.mat-mdc-form-field-error-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 0 16px
}

.mat-mdc-form-field-subscript-dynamic-size .mat-mdc-form-field-hint-wrapper,
.mat-mdc-form-field-subscript-dynamic-size .mat-mdc-form-field-error-wrapper {
    position: static
}

.mat-mdc-form-field-bottom-align::before {
    content: "";
    display: inline-block;
    height: 16px
}

.mat-mdc-form-field-bottom-align.mat-mdc-form-field-subscript-dynamic-size::before {
    content: unset
}

.mat-mdc-form-field-hint-end {
    order: 1
}

.mat-mdc-form-field-hint-wrapper {
    display: flex
}

.mat-mdc-form-field-hint-spacer {
    flex: 1 0 1em
}

.mat-mdc-form-field-error {
    display: block
}

.mat-mdc-form-field-focus-overlay {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    opacity: 0;
    pointer-events: none
}

select.mat-mdc-form-field-input-control {
    -moz-appearance: none;
    -webkit-appearance: none;
    background-color: rgba(0, 0, 0, 0);
    display: inline-flex;
    box-sizing: border-box
}

select.mat-mdc-form-field-input-control:not(:disabled) {
    cursor: pointer
}

.mat-mdc-form-field-type-mat-native-select .mat-mdc-form-field-infix::after {
    content: "";
    width: 0;
    height: 0;
    border-left: 5px solid rgba(0, 0, 0, 0);
    border-right: 5px solid rgba(0, 0, 0, 0);
    border-top: 5px solid;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -2.5px;
    pointer-events: none
}

[dir=rtl] .mat-mdc-form-field-type-mat-native-select .mat-mdc-form-field-infix::after {
    right: auto;
    left: 0
}

.mat-mdc-form-field-type-mat-native-select .mat-mdc-form-field-input-control {
    padding-right: 15px
}

[dir=rtl] .mat-mdc-form-field-type-mat-native-select .mat-mdc-form-field-input-control {
    padding-right: 0;
    padding-left: 15px
}

.cdk-high-contrast-active .mat-form-field-appearance-fill .mat-mdc-text-field-wrapper {
    outline: solid 1px
}

.cdk-high-contrast-active .mat-form-field-appearance-fill.mat-form-field-disabled .mat-mdc-text-field-wrapper {
    outline-color: GrayText
}

.cdk-high-contrast-active .mat-form-field-appearance-fill.mat-focused .mat-mdc-text-field-wrapper {
    outline: dashed 3px
}

.cdk-high-contrast-active .mat-mdc-form-field.mat-focused .mdc-notched-outline {
    border: dashed 3px
}

.mat-mdc-form-field-input-control[type=date],
.mat-mdc-form-field-input-control[type=datetime],
.mat-mdc-form-field-input-control[type=datetime-local],
.mat-mdc-form-field-input-control[type=month],
.mat-mdc-form-field-input-control[type=week],
.mat-mdc-form-field-input-control[type=time] {
    line-height: 1
}

.mat-mdc-form-field-input-control::-webkit-datetime-edit {
    line-height: 1;
    padding: 0;
    margin-bottom: -2px
}

.mat-mdc-form-field {
    --mat-mdc-form-field-floating-label-scale: 0.75;
    display: inline-flex;
    flex-direction: column;
    min-width: 0;
    text-align: left;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mat-form-field-container-text-font);
    line-height: var(--mat-form-field-container-text-line-height);
    font-size: var(--mat-form-field-container-text-size);
    letter-spacing: var(--mat-form-field-container-text-tracking);
    font-weight: var(--mat-form-field-container-text-weight)
}

[dir=rtl] .mat-mdc-form-field {
    text-align: right
}

.mat-mdc-form-field .mdc-text-field--outlined .mdc-floating-label--float-above {
    font-size: calc(var(--mat-form-field-outlined-label-text-populated-size) * var(--mat-mdc-form-field-floating-label-scale))
}

.mat-mdc-form-field .mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    font-size: var(--mat-form-field-outlined-label-text-populated-size)
}

.mat-mdc-form-field-flex {
    display: inline-flex;
    align-items: baseline;
    box-sizing: border-box;
    width: 100%
}

.mat-mdc-text-field-wrapper {
    width: 100%
}

.mat-mdc-form-field-icon-prefix,
.mat-mdc-form-field-icon-suffix {
    align-self: center;
    line-height: 0;
    pointer-events: auto;
    position: relative;
    z-index: 1
}

.mat-mdc-form-field-icon-prefix,
[dir=rtl] .mat-mdc-form-field-icon-suffix {
    padding: 0 4px 0 0
}

.mat-mdc-form-field-icon-suffix,
[dir=rtl] .mat-mdc-form-field-icon-prefix {
    padding: 0 0 0 4px
}

.mat-mdc-form-field-icon-prefix>.mat-icon,
.mat-mdc-form-field-icon-suffix>.mat-icon {
    padding: 12px;
    box-sizing: content-box
}

.mat-mdc-form-field-subscript-wrapper .mat-icon,
.mat-mdc-form-field label .mat-icon {
    width: 1em;
    height: 1em;
    font-size: inherit
}

.mat-mdc-form-field .mdc-notched-outline__notch {
    margin-left: -1px;
    -webkit-clip-path: inset(-9em -999em -9em 1px);
    clip-path: inset(-9em -999em -9em 1px)
}

[dir=rtl] .mat-mdc-form-field .mdc-notched-outline__notch {
    margin-left: 0;
    margin-right: -1px;
    -webkit-clip-path: inset(-9em 1px -9em -999em);
    clip-path: inset(-9em 1px -9em -999em)
}

.mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-text-field__input {
    transition: opacity 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1)
}

@media all {
    .mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-text-field__input::placeholder {
        transition: opacity 67ms 0ms cubic-bezier(0.4, 0, 0.2, 1)
    }
}

@media all {
    .mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-text-field__input:-ms-input-placeholder {
        transition: opacity 67ms 0ms cubic-bezier(0.4, 0, 0.2, 1)
    }
}

@media all {

    .mdc-text-field--no-label .mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-text-field__input::placeholder,
    .mdc-text-field--focused .mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-text-field__input::placeholder {
        transition-delay: 40ms;
        transition-duration: 110ms
    }
}

@media all {

    .mdc-text-field--no-label .mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-text-field__input:-ms-input-placeholder,
    .mdc-text-field--focused .mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-text-field__input:-ms-input-placeholder {
        transition-delay: 40ms;
        transition-duration: 110ms
    }
}

.mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-text-field__affix {
    transition: opacity 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1)
}

.mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-text-field--filled.mdc-ripple-upgraded--background-focused .mdc-text-field__ripple::before,
.mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-text-field--filled:not(.mdc-ripple-upgraded):focus .mdc-text-field__ripple::before {
    transition-duration: 75ms
}

.mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-text-field--outlined .mdc-floating-label--shake {
    animation: mdc-floating-label-shake-float-above-text-field-outlined 250ms 1
}

@keyframes mdc-floating-label-shake-float-above-text-field-outlined {
    0% {
        transform: translateX(calc(0% - 0%)) translateY(calc(0% - 34.75px)) scale(0.75)
    }

    33% {
        animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
        transform: translateX(calc(4% - 0%)) translateY(calc(0% - 34.75px)) scale(0.75)
    }

    66% {
        animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
        transform: translateX(calc(-4% - 0%)) translateY(calc(0% - 34.75px)) scale(0.75)
    }

    100% {
        transform: translateX(calc(0% - 0%)) translateY(calc(0% - 34.75px)) scale(0.75)
    }
}

.mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-text-field--textarea {
    transition: none
}

.mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-text-field--textarea.mdc-text-field--filled .mdc-floating-label--shake {
    animation: mdc-floating-label-shake-float-above-textarea-filled 250ms 1
}

@keyframes mdc-floating-label-shake-float-above-textarea-filled {
    0% {
        transform: translateX(calc(0% - 0%)) translateY(calc(0% - 10.25px)) scale(0.75)
    }

    33% {
        animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
        transform: translateX(calc(4% - 0%)) translateY(calc(0% - 10.25px)) scale(0.75)
    }

    66% {
        animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
        transform: translateX(calc(-4% - 0%)) translateY(calc(0% - 10.25px)) scale(0.75)
    }

    100% {
        transform: translateX(calc(0% - 0%)) translateY(calc(0% - 10.25px)) scale(0.75)
    }
}

.mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-text-field--textarea.mdc-text-field--outlined .mdc-floating-label--shake {
    animation: mdc-floating-label-shake-float-above-textarea-outlined 250ms 1
}

@keyframes mdc-floating-label-shake-float-above-textarea-outlined {
    0% {
        transform: translateX(calc(0% - 0%)) translateY(calc(0% - 24.75px)) scale(0.75)
    }

    33% {
        animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
        transform: translateX(calc(4% - 0%)) translateY(calc(0% - 24.75px)) scale(0.75)
    }

    66% {
        animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
        transform: translateX(calc(-4% - 0%)) translateY(calc(0% - 24.75px)) scale(0.75)
    }

    100% {
        transform: translateX(calc(0% - 0%)) translateY(calc(0% - 24.75px)) scale(0.75)
    }
}

.mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--shake {
    animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon 250ms 1
}

@keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon {
    0% {
        transform: translateX(calc(0% - 32px)) translateY(calc(0% - 34.75px)) scale(0.75)
    }

    33% {
        animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
        transform: translateX(calc(4% - 32px)) translateY(calc(0% - 34.75px)) scale(0.75)
    }

    66% {
        animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
        transform: translateX(calc(-4% - 32px)) translateY(calc(0% - 34.75px)) scale(0.75)
    }

    100% {
        transform: translateX(calc(0% - 32px)) translateY(calc(0% - 34.75px)) scale(0.75)
    }
}

[dir=rtl] .mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--shake,
.mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-text-field--with-leading-icon.mdc-text-field--outlined[dir=rtl] .mdc-floating-label--shake {
    animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon 250ms 1
}

@keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-rtl {
    0% {
        transform: translateX(calc(0% - -32px)) translateY(calc(0% - 34.75px)) scale(0.75)
    }

    33% {
        animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
        transform: translateX(calc(4% - -32px)) translateY(calc(0% - 34.75px)) scale(0.75)
    }

    66% {
        animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
        transform: translateX(calc(-4% - -32px)) translateY(calc(0% - 34.75px)) scale(0.75)
    }

    100% {
        transform: translateX(calc(0% - -32px)) translateY(calc(0% - 34.75px)) scale(0.75)
    }
}

.mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-floating-label {
    transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1), color 150ms cubic-bezier(0.4, 0, 0.2, 1)
}

.mdc-floating-label--shake {
    animation: mdc-floating-label-shake-float-above-standard 250ms 1
}

@keyframes mdc-floating-label-shake-float-above-standard {
    0% {
        transform: translateX(calc(0% - 0%)) translateY(calc(0% - 106%)) scale(0.75)
    }

    33% {
        animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
        transform: translateX(calc(4% - 0%)) translateY(calc(0% - 106%)) scale(0.75)
    }

    66% {
        animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
        transform: translateX(calc(-4% - 0%)) translateY(calc(0% - 106%)) scale(0.75)
    }

    100% {
        transform: translateX(calc(0% - 0%)) translateY(calc(0% - 106%)) scale(0.75)
    }
}

.mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-line-ripple::after {
    transition: transform 180ms cubic-bezier(0.4, 0, 0.2, 1), opacity 180ms cubic-bezier(0.4, 0, 0.2, 1)
}

.mdc-notched-outline .mdc-floating-label {
    max-width: calc(100% + 1px)
}

.mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    max-width: calc(133.3333333333% + 1px)
}

.mat-mdc-select {
    display: inline-block;
    width: 100%;
    outline: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    color: var(--mat-select-enabled-trigger-text-color);
    font-family: var(--mat-select-trigger-text-font);
    line-height: var(--mat-select-trigger-text-line-height);
    font-size: var(--mat-select-trigger-text-size);
    font-weight: var(--mat-select-trigger-text-weight);
    letter-spacing: var(--mat-select-trigger-text-tracking)
}

.mat-mdc-select-disabled {
    color: var(--mat-select-disabled-trigger-text-color)
}

.mat-mdc-select-trigger {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    position: relative;
    box-sizing: border-box;
    width: 100%
}

.mat-mdc-select-disabled .mat-mdc-select-trigger {
    -webkit-user-select: none;
    user-select: none;
    cursor: default
}

.mat-mdc-select-value {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.mat-mdc-select-value-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.mat-mdc-select-arrow-wrapper {
    height: 24px;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center
}

.mat-form-field-appearance-fill .mat-mdc-select-arrow-wrapper {
    transform: translateY(-8px)
}

.mat-form-field-appearance-fill .mdc-text-field--no-label .mat-mdc-select-arrow-wrapper {
    transform: none
}

.mat-mdc-select-arrow {
    width: 10px;
    height: 5px;
    position: relative;
    color: var(--mat-select-enabled-arrow-color)
}

.mat-mdc-form-field.mat-focused .mat-mdc-select-arrow {
    color: var(--mat-select-focused-arrow-color)
}

.mat-mdc-form-field .mat-mdc-select.mat-mdc-select-invalid .mat-mdc-select-arrow {
    color: var(--mat-select-invalid-arrow-color)
}

.mat-mdc-form-field .mat-mdc-select.mat-mdc-select-disabled .mat-mdc-select-arrow {
    color: var(--mat-select-disabled-arrow-color)
}

.mat-mdc-select-arrow svg {
    fill: currentColor;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.cdk-high-contrast-active .mat-mdc-select-arrow svg {
    fill: CanvasText
}

.mat-mdc-select-disabled .cdk-high-contrast-active .mat-mdc-select-arrow svg {
    fill: GrayText
}

div.mat-mdc-select-panel {
    box-shadow: 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);
    width: 100%;
    max-height: 275px;
    outline: 0;
    overflow: auto;
    padding: 8px 0;
    border-radius: 4px;
    box-sizing: border-box;
    position: static;
    background-color: var(--mat-select-panel-background-color)
}

.cdk-high-contrast-active div.mat-mdc-select-panel {
    outline: solid 1px
}

.cdk-overlay-pane:not(.mat-mdc-select-panel-above) div.mat-mdc-select-panel {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    transform-origin: top center
}

.mat-mdc-select-panel-above div.mat-mdc-select-panel {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    transform-origin: bottom center
}

.mat-mdc-select-placeholder {
    transition: color 400ms 133.3333333333ms cubic-bezier(0.25, 0.8, 0.25, 1);
    color: var(--mat-select-placeholder-text-color)
}

._mat-animation-noopable .mat-mdc-select-placeholder {
    transition: none
}

.mat-form-field-hide-placeholder .mat-mdc-select-placeholder {
    color: rgba(0, 0, 0, 0);
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    transition: none;
    display: block
}

.mat-mdc-form-field-type-mat-select.mat-form-field-appearance-fill .mat-mdc-floating-label {
    max-width: calc(100% - 18px)
}

.mat-mdc-form-field-type-mat-select.mat-form-field-appearance-fill .mdc-floating-label--float-above {
    max-width: calc(100% / 0.75 - 24px)
}

.mat-mdc-form-field-type-mat-select.mat-form-field-appearance-outline .mdc-notched-outline__notch {
    max-width: calc(100% - 60px)
}

.mat-mdc-form-field-type-mat-select.mat-form-field-appearance-outline .mdc-text-field--label-floating .mdc-notched-outline__notch {
    max-width: calc(100% - 24px)
}

.mat-mdc-select-min-line:empty::before {
    content: " ";
    white-space: pre;
    width: 1px;
    display: inline-block;
    visibility: hidden
}

.mat-mdc-option {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: flex-start;
    overflow: hidden;
    padding: 0;
    padding-left: 16px;
    padding-right: 16px;
    -webkit-user-select: none;
    user-select: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    color: var(--mat-option-label-text-color);
    font-family: var(--mat-option-label-text-font);
    line-height: var(--mat-option-label-text-line-height);
    font-size: var(--mat-option-label-text-size);
    letter-spacing: var(--mat-option-label-text-tracking);
    font-weight: var(--mat-option-label-text-weight);
    min-height: 48px
}

.mat-mdc-option:focus {
    outline: none
}

[dir=rtl] .mat-mdc-option,
.mat-mdc-option[dir=rtl] {
    padding-left: 16px;
    padding-right: 16px
}

.mat-mdc-option:hover:not(.mdc-list-item--disabled) {
    background-color: var(--mat-option-hover-state-layer-color)
}

.mat-mdc-option:focus.mdc-list-item,
.mat-mdc-option.mat-mdc-option-active.mdc-list-item {
    background-color: var(--mat-option-focus-state-layer-color)
}

.mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text {
    color: var(--mat-option-selected-state-label-text-color)
}

.mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled):not(.mat-mdc-option-multiple) {
    background-color: var(--mat-option-selected-state-layer-color)
}

.mat-mdc-option.mdc-list-item {
    align-items: center
}

.mat-mdc-option.mdc-list-item--disabled {
    cursor: default;
    pointer-events: none
}

.mat-mdc-option.mdc-list-item--disabled .mat-mdc-option-pseudo-checkbox,
.mat-mdc-option.mdc-list-item--disabled .mdc-list-item__primary-text,
.mat-mdc-option.mdc-list-item--disabled>mat-icon {
    opacity: .38
}

.mat-mdc-optgroup .mat-mdc-option:not(.mat-mdc-option-multiple) {
    padding-left: 32px
}

[dir=rtl] .mat-mdc-optgroup .mat-mdc-option:not(.mat-mdc-option-multiple) {
    padding-left: 16px;
    padding-right: 32px
}

.mat-mdc-option .mat-icon,
.mat-mdc-option .mat-pseudo-checkbox-full {
    margin-right: 16px;
    flex-shrink: 0
}

[dir=rtl] .mat-mdc-option .mat-icon,
[dir=rtl] .mat-mdc-option .mat-pseudo-checkbox-full {
    margin-right: 0;
    margin-left: 16px
}

.mat-mdc-option .mat-pseudo-checkbox-minimal {
    margin-left: 16px;
    flex-shrink: 0
}

[dir=rtl] .mat-mdc-option .mat-pseudo-checkbox-minimal {
    margin-right: 16px;
    margin-left: 0
}

.mat-mdc-option .mat-mdc-option-ripple {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    pointer-events: none
}

.mat-mdc-option .mdc-list-item__primary-text {
    white-space: normal;
    font-size: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    line-height: inherit;
    font-family: inherit;
    text-decoration: inherit;
    text-transform: inherit;
    margin-right: auto
}

[dir=rtl] .mat-mdc-option .mdc-list-item__primary-text {
    margin-right: 0;
    margin-left: auto
}

.cdk-high-contrast-active .mat-mdc-option.mdc-list-item--selected:not(.mat-mdc-option-multiple)::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
    width: 10px;
    height: 0;
    border-bottom: solid 10px;
    border-radius: 10px
}

[dir=rtl] .cdk-high-contrast-active .mat-mdc-option.mdc-list-item--selected:not(.mat-mdc-option-multiple)::after {
    right: auto;
    left: 16px
}

.mat-mdc-option-active .mat-mdc-focus-indicator::before {
    content: ""
}

.mat-select-search-hidden[_ngcontent-ng-c3516116704] {
    visibility: hidden
}

.mat-select-search-inner[_ngcontent-ng-c3516116704] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    font-size: inherit;
    box-shadow: none
}

.mat-select-search-inner.mat-select-search-inner-multiple.mat-select-search-inner-toggle-all[_ngcontent-ng-c3516116704] {
    display: flex;
    align-items: center
}

.mat-select-search-input[_ngcontent-ng-c3516116704] {
    box-sizing: border-box;
    width: 100%;
    border: none;
    font-family: inherit;
    font-size: inherit;
    color: currentColor;
    outline: none;
    background: none;
    padding: 0 44px 0 16px;
    height: calc(3em - 1px);
    line-height: calc(3em - 1px)
}

[dir=rtl][_nghost-ng-c3516116704] .mat-select-search-input[_ngcontent-ng-c3516116704],
[dir=rtl] [_nghost-ng-c3516116704] .mat-select-search-input[_ngcontent-ng-c3516116704] {
    padding-right: 16px;
    padding-left: 44px
}

.mat-select-search-inner-toggle-all[_ngcontent-ng-c3516116704] .mat-select-search-input[_ngcontent-ng-c3516116704] {
    padding-left: 5px
}

.mat-select-search-no-entries-found[_ngcontent-ng-c3516116704] {
    padding-top: 8px
}

.mat-select-search-clear[_ngcontent-ng-c3516116704] {
    position: absolute;
    right: 4px;
    top: 0
}

[dir=rtl][_nghost-ng-c3516116704] .mat-select-search-clear[_ngcontent-ng-c3516116704],
[dir=rtl] [_nghost-ng-c3516116704] .mat-select-search-clear[_ngcontent-ng-c3516116704] {
    right: auto;
    left: 4px
}

.mat-select-search-spinner[_ngcontent-ng-c3516116704] {
    position: absolute;
    right: 16px;
    top: calc(50% - 8px)
}

[dir=rtl][_nghost-ng-c3516116704] .mat-select-search-spinner[_ngcontent-ng-c3516116704],
[dir=rtl] [_nghost-ng-c3516116704] .mat-select-search-spinner[_ngcontent-ng-c3516116704] {
    right: auto;
    left: 16px
}

.mat-mdc-option[aria-disabled=true].contains-mat-select-search {
    position: sticky;
    top: -8px;
    z-index: 1;
    opacity: 1;
    margin-top: -8px;
    pointer-events: all
}

.mat-mdc-option[aria-disabled=true].contains-mat-select-search .mat-icon {
    margin-right: 0;
    margin-left: 0
}

.mat-mdc-option[aria-disabled=true].contains-mat-select-search mat-pseudo-checkbox {
    display: none
}

.mat-mdc-option[aria-disabled=true].contains-mat-select-search .mdc-list-item__primary-text {
    opacity: 1
}

.mat-select-search-toggle-all-checkbox[_ngcontent-ng-c3516116704] {
    padding-left: 5px
}

[dir=rtl][_nghost-ng-c3516116704] .mat-select-search-toggle-all-checkbox[_ngcontent-ng-c3516116704],
[dir=rtl] [_nghost-ng-c3516116704] .mat-select-search-toggle-all-checkbox[_ngcontent-ng-c3516116704] {
    padding-left: 0;
    padding-right: 5px
}

.mat-divider {
    --mat-divider-width: 1px;
    display: block;
    margin: 0;
    border-top-style: solid;
    border-top-color: var(--mat-divider-color);
    border-top-width: var(--mat-divider-width)
}

.mat-divider.mat-divider-vertical {
    border-top: 0;
    border-right-style: solid;
    border-right-color: var(--mat-divider-color);
    border-right-width: var(--mat-divider-width)
}

.mat-divider.mat-divider-inset {
    margin-left: 80px
}

[dir=rtl] .mat-divider.mat-divider-inset {
    margin-left: auto;
    margin-right: 80px
}

.mat-pseudo-checkbox {
    border-radius: 2px;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    position: relative;
    flex-shrink: 0;
    transition: border-color 90ms cubic-bezier(0, 0, 0.2, 0.1), background-color 90ms cubic-bezier(0, 0, 0.2, 0.1)
}

.mat-pseudo-checkbox::after {
    position: absolute;
    opacity: 0;
    content: "";
    border-bottom: 2px solid currentColor;
    transition: opacity 90ms cubic-bezier(0, 0, 0.2, 0.1)
}

.mat-pseudo-checkbox._mat-animation-noopable {
    transition: none !important;
    animation: none !important
}

.mat-pseudo-checkbox._mat-animation-noopable::after {
    transition: none
}

.mat-pseudo-checkbox-disabled {
    cursor: default
}

.mat-pseudo-checkbox-indeterminate::after {
    left: 1px;
    opacity: 1;
    border-radius: 2px
}

.mat-pseudo-checkbox-checked::after {
    left: 1px;
    border-left: 2px solid currentColor;
    transform: rotate(-45deg);
    opacity: 1;
    box-sizing: content-box
}

.mat-pseudo-checkbox-full {
    border: 2px solid
}

.mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked,
.mat-pseudo-checkbox-full.mat-pseudo-checkbox-indeterminate {
    border-color: rgba(0, 0, 0, 0)
}

.mat-pseudo-checkbox {
    width: 18px;
    height: 18px
}

.mat-pseudo-checkbox-minimal.mat-pseudo-checkbox-checked::after {
    width: 14px;
    height: 6px;
    transform-origin: center;
    top: -4.2426406871px;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto
}

.mat-pseudo-checkbox-minimal.mat-pseudo-checkbox-indeterminate::after {
    top: 8px;
    width: 16px
}

.mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked::after {
    width: 10px;
    height: 4px;
    transform-origin: center;
    top: -2.8284271247px;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto
}

.mat-pseudo-checkbox-full.mat-pseudo-checkbox-indeterminate::after {
    top: 6px;
    width: 12px
}

.skeleton-img[_ngcontent-ng-c1308154342] {
    height: 100%;
    opacity: 1;
    background-size: contain;
    background-repeat: repeat;
    background: #1c1c1c
}

.skeleton-img[_ngcontent-ng-c1308154342]:after {
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    background-size: 100vw auto;
    height: 100%;
    animation: _ngcontent-ng-c1308154342_shimmer 3s reverse infinite linear;
    content: ""
}

@keyframes _ngcontent-ng-c1308154342_shimmer {
    to {
        background-position: -100vw 80%
    }
}

.fullpage-skeleton[_ngcontent-ng-c1308154342] {
    height: calc(var(--vh, 1vh) * 100)
}

.main[_ngcontent-ng-c1308154342] {
    position: absolute;
    width: 100%;
    margin: auto;
    top: 44px;
    z-index: 10000;
    left: 50%;
    transform: translate(-50%);
    max-height: calc(var(--vh, 1vh) * 100 - 101px)
}

.main[_ngcontent-ng-c1308154342] .container[_ngcontent-ng-c1308154342] {
    height: 100%
}

.page-header[_ngcontent-ng-c1308154342] {
    min-height: 55px;
    background: var(--black-color);
    margin: 0
}

.page-header[_ngcontent-ng-c1308154342] .header-wrapper[_ngcontent-ng-c1308154342] {
    height: 55px
}

.page-body[_ngcontent-ng-c1308154342] {
    padding: 10px
}

.page-body[_ngcontent-ng-c1308154342] .topbox[_ngcontent-ng-c1308154342] {
    width: 100%;
    margin: auto;
    height: 120px;
    border-radius: 10px
}

.page-body[_ngcontent-ng-c1308154342] .list[_ngcontent-ng-c1308154342] ul[_ngcontent-ng-c1308154342] {
    list-style: none;
    padding: 0
}

.page-body[_ngcontent-ng-c1308154342] .list[_ngcontent-ng-c1308154342] ul[_ngcontent-ng-c1308154342] li[_ngcontent-ng-c1308154342] {
    display: flex;
    width: 100%;
    align-items: center;
    column-gap: 10px;
    margin: 10px 0
}

.page-body[_ngcontent-ng-c1308154342] .list[_ngcontent-ng-c1308154342] ul[_ngcontent-ng-c1308154342] li[_ngcontent-ng-c1308154342] .img[_ngcontent-ng-c1308154342] {
    width: 50px;
    height: 50px;
    min-width: 50px
}

.page-body[_ngcontent-ng-c1308154342] .list[_ngcontent-ng-c1308154342] ul[_ngcontent-ng-c1308154342] li[_ngcontent-ng-c1308154342] .content[_ngcontent-ng-c1308154342] {
    width: 100%
}

.page-body[_ngcontent-ng-c1308154342] .list[_ngcontent-ng-c1308154342] ul[_ngcontent-ng-c1308154342] li[_ngcontent-ng-c1308154342] p[_ngcontent-ng-c1308154342] {
    height: 14px;
    width: 100%
}

.page-footer[_ngcontent-ng-c1308154342] {
    height: 45px;
    border-radius: 20px 20px 0 0;
    padding: 6px 0;
    background: var(--footer-grey-color);
    margin: 0
}

.sl-item[_ngcontent-ng-c1308154342] {
    display: flex;
    align-items: center;
    column-gap: 10px;
    margin: 10px 0 5px
}

.sl-item[_ngcontent-ng-c1308154342] .sl-img[_ngcontent-ng-c1308154342] {
    min-width: 35px;
    height: 35px;
    border-radius: 50%
}

.sl-item[_ngcontent-ng-c1308154342] .sl-team[_ngcontent-ng-c1308154342] {
    width: 70%
}

.sl-item[_ngcontent-ng-c1308154342] p[_ngcontent-ng-c1308154342] {
    height: 10px;
    width: 100%;
    margin: 0 0 4px;
    border-radius: 2px
}

.sl-item[_ngcontent-ng-c1308154342] p[_ngcontent-ng-c1308154342]:nth-child(2) {
    width: 60%
}

.sl-item[_ngcontent-ng-c1308154342] .sl-chip[_ngcontent-ng-c1308154342] {
    width: 15%;
    height: 35px
}

.swal2-popup.swal2-toast {
    box-sizing: border-box;
    grid-column: 1/4 !important;
    grid-row: 1/4 !important;
    grid-template-columns: min-content auto min-content;
    padding: 1em;
    overflow-y: hidden;
    background: #fff;
    box-shadow: 0 0 1px rgba(0, 0, 0, .075), 0 1px 2px rgba(0, 0, 0, .075), 1px 2px 4px rgba(0, 0, 0, .075), 1px 3px 8px rgba(0, 0, 0, .075), 2px 4px 16px rgba(0, 0, 0, .075);
    pointer-events: all
}

.swal2-popup.swal2-toast>* {
    grid-column: 2
}

.swal2-popup.swal2-toast .swal2-title {
    margin: .5em 1em;
    padding: 0;
    font-size: 1em;
    text-align: initial
}

.swal2-popup.swal2-toast .swal2-loading {
    justify-content: center
}

.swal2-popup.swal2-toast .swal2-input {
    height: 2em;
    margin: .5em;
    font-size: 1em
}

.swal2-popup.swal2-toast .swal2-validation-message {
    font-size: 1em
}

.swal2-popup.swal2-toast .swal2-footer {
    margin: .5em 0 0;
    padding: .5em 0 0;
    font-size: .8em
}

.swal2-popup.swal2-toast .swal2-close {
    grid-column: 3/3;
    grid-row: 1/99;
    align-self: center;
    width: .8em;
    height: .8em;
    margin: 0;
    font-size: 2em
}

.swal2-popup.swal2-toast .swal2-html-container {
    margin: .5em 1em;
    padding: 0;
    overflow: initial;
    font-size: 1em;
    text-align: initial
}

.swal2-popup.swal2-toast .swal2-html-container:empty {
    padding: 0
}

.swal2-popup.swal2-toast .swal2-loader {
    grid-column: 1;
    grid-row: 1/99;
    align-self: center;
    width: 2em;
    height: 2em;
    margin: .25em
}

.swal2-popup.swal2-toast .swal2-icon {
    grid-column: 1;
    grid-row: 1/99;
    align-self: center;
    width: 2em;
    min-width: 2em;
    height: 2em;
    margin: 0 .5em 0 0
}

.swal2-popup.swal2-toast .swal2-icon .swal2-icon-content {
    display: flex;
    align-items: center;
    font-size: 1.8em;
    font-weight: bold
}

.swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring {
    width: 2em;
    height: 2em
}

.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line] {
    top: .875em;
    width: 1.375em
}

.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
    left: .3125em
}

.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
    right: .3125em
}

.swal2-popup.swal2-toast .swal2-actions {
    justify-content: flex-start;
    height: auto;
    margin: 0;
    margin-top: .5em;
    padding: 0 .5em
}

.swal2-popup.swal2-toast .swal2-styled {
    margin: .25em .5em;
    padding: .4em .6em;
    font-size: 1em
}

.swal2-popup.swal2-toast .swal2-success {
    border-color: #a5dc86
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line] {
    position: absolute;
    width: 1.6em;
    height: 3em;
    transform: rotate(45deg);
    border-radius: 50%
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left] {
    top: -0.8em;
    left: -0.5em;
    transform: rotate(-45deg);
    transform-origin: 2em 2em;
    border-radius: 4em 0 0 4em
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right] {
    top: -0.25em;
    left: .9375em;
    transform-origin: 0 1.5em;
    border-radius: 0 4em 4em 0
}

.swal2-popup.swal2-toast .swal2-success .swal2-success-ring {
    width: 2em;
    height: 2em
}

.swal2-popup.swal2-toast .swal2-success .swal2-success-fix {
    top: 0;
    left: .4375em;
    width: .4375em;
    height: 2.6875em
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line] {
    height: .3125em
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip] {
    top: 1.125em;
    left: .1875em;
    width: .75em
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long] {
    top: .9375em;
    right: .1875em;
    width: 1.375em
}

.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip {
    animation: swal2-toast-animate-success-line-tip .75s
}

.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long {
    animation: swal2-toast-animate-success-line-long .75s
}

.swal2-popup.swal2-toast.swal2-show {
    animation: swal2-toast-show .5s
}

.swal2-popup.swal2-toast.swal2-hide {
    animation: swal2-toast-hide .1s forwards
}

div:where(.swal2-container) {
    display: grid;
    position: fixed;
    z-index: 1060;
    inset: 0;
    box-sizing: border-box;
    grid-template-areas: "top-start     top            top-end" "center-start  center         center-end" "bottom-start  bottom-center  bottom-end";
    grid-template-rows: minmax(min-content, auto) minmax(min-content, auto) minmax(min-content, auto);
    height: 100%;
    padding: .625em;
    overflow-x: hidden;
    transition: background-color .1s;
    -webkit-overflow-scrolling: touch
}

div:where(.swal2-container).swal2-backdrop-show,
div:where(.swal2-container).swal2-noanimation {
    background: rgba(0, 0, 0, .4)
}

div:where(.swal2-container).swal2-backdrop-hide {
    background: rgba(0, 0, 0, 0) !important
}

div:where(.swal2-container).swal2-top-start,
div:where(.swal2-container).swal2-center-start,
div:where(.swal2-container).swal2-bottom-start {
    grid-template-columns: minmax(0, 1fr) auto auto
}

div:where(.swal2-container).swal2-top,
div:where(.swal2-container).swal2-center,
div:where(.swal2-container).swal2-bottom {
    grid-template-columns: auto minmax(0, 1fr) auto
}

div:where(.swal2-container).swal2-top-end,
div:where(.swal2-container).swal2-center-end,
div:where(.swal2-container).swal2-bottom-end {
    grid-template-columns: auto auto minmax(0, 1fr)
}

div:where(.swal2-container).swal2-top-start>.swal2-popup {
    align-self: start
}

div:where(.swal2-container).swal2-top>.swal2-popup {
    grid-column: 2;
    align-self: start;
    justify-self: center
}

div:where(.swal2-container).swal2-top-end>.swal2-popup,
div:where(.swal2-container).swal2-top-right>.swal2-popup {
    grid-column: 3;
    align-self: start;
    justify-self: end
}

div:where(.swal2-container).swal2-center-start>.swal2-popup,
div:where(.swal2-container).swal2-center-left>.swal2-popup {
    grid-row: 2;
    align-self: center
}

div:where(.swal2-container).swal2-center>.swal2-popup {
    grid-column: 2;
    grid-row: 2;
    align-self: center;
    justify-self: center
}

div:where(.swal2-container).swal2-center-end>.swal2-popup,
div:where(.swal2-container).swal2-center-right>.swal2-popup {
    grid-column: 3;
    grid-row: 2;
    align-self: center;
    justify-self: end
}

div:where(.swal2-container).swal2-bottom-start>.swal2-popup,
div:where(.swal2-container).swal2-bottom-left>.swal2-popup {
    grid-column: 1;
    grid-row: 3;
    align-self: end
}

div:where(.swal2-container).swal2-bottom>.swal2-popup {
    grid-column: 2;
    grid-row: 3;
    justify-self: center;
    align-self: end
}

div:where(.swal2-container).swal2-bottom-end>.swal2-popup,
div:where(.swal2-container).swal2-bottom-right>.swal2-popup {
    grid-column: 3;
    grid-row: 3;
    align-self: end;
    justify-self: end
}

div:where(.swal2-container).swal2-grow-row>.swal2-popup,
div:where(.swal2-container).swal2-grow-fullscreen>.swal2-popup {
    grid-column: 1/4;
    width: 100%
}

div:where(.swal2-container).swal2-grow-column>.swal2-popup,
div:where(.swal2-container).swal2-grow-fullscreen>.swal2-popup {
    grid-row: 1/4;
    align-self: stretch
}

div:where(.swal2-container).swal2-no-transition {
    transition: none !important
}

div:where(.swal2-container) div:where(.swal2-popup) {
    display: none;
    position: relative;
    box-sizing: border-box;
    grid-template-columns: minmax(0, 100%);
    width: 32em;
    max-width: 100%;
    padding: 0 0 1.25em;
    border: none;
    border-radius: 5px;
    background: #fff;
    color: #545454;
    font-family: inherit;
    font-size: 1rem
}

div:where(.swal2-container) div:where(.swal2-popup):focus {
    outline: none
}

div:where(.swal2-container) div:where(.swal2-popup).swal2-loading {
    overflow-y: hidden
}

div:where(.swal2-container) h2:where(.swal2-title) {
    position: relative;
    max-width: 100%;
    margin: 0;
    padding: .8em 1em 0;
    color: inherit;
    font-size: 1.875em;
    font-weight: 600;
    text-align: center;
    text-transform: none;
    word-wrap: break-word
}

div:where(.swal2-container) div:where(.swal2-actions) {
    display: flex;
    z-index: 1;
    box-sizing: border-box;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: auto;
    margin: 1.25em auto 0;
    padding: 0
}

div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-styled[disabled] {
    opacity: .4
}

div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-styled:hover {
    background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1))
}

div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-styled:active {
    background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2))
}

div:where(.swal2-container) div:where(.swal2-loader) {
    display: none;
    align-items: center;
    justify-content: center;
    width: 2.2em;
    height: 2.2em;
    margin: 0 1.875em;
    animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
    border-width: .25em;
    border-style: solid;
    border-radius: 100%;
    border-color: #2778c4 rgba(0, 0, 0, 0) #2778c4 rgba(0, 0, 0, 0)
}

div:where(.swal2-container) button:where(.swal2-styled) {
    margin: .3125em;
    padding: .625em 1.1em;
    transition: box-shadow .1s;
    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0);
    font-weight: 500
}

div:where(.swal2-container) button:where(.swal2-styled):not([disabled]) {
    cursor: pointer
}

div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm {
    border: 0;
    border-radius: .25em;
    background: initial;
    background-color: #7066e0;
    color: #fff;
    font-size: 1em
}

div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm:focus {
    box-shadow: 0 0 0 3px rgba(112, 102, 224, .5)
}

div:where(.swal2-container) button:where(.swal2-styled).swal2-deny {
    border: 0;
    border-radius: .25em;
    background: initial;
    background-color: #dc3741;
    color: #fff;
    font-size: 1em
}

div:where(.swal2-container) button:where(.swal2-styled).swal2-deny:focus {
    box-shadow: 0 0 0 3px rgba(220, 55, 65, .5)
}

div:where(.swal2-container) button:where(.swal2-styled).swal2-cancel {
    border: 0;
    border-radius: .25em;
    background: initial;
    background-color: #6e7881;
    color: #fff;
    font-size: 1em
}

div:where(.swal2-container) button:where(.swal2-styled).swal2-cancel:focus {
    box-shadow: 0 0 0 3px rgba(110, 120, 129, .5)
}

div:where(.swal2-container) button:where(.swal2-styled).swal2-default-outline:focus {
    box-shadow: 0 0 0 3px rgba(100, 150, 200, .5)
}

div:where(.swal2-container) button:where(.swal2-styled):focus {
    outline: none
}

div:where(.swal2-container) button:where(.swal2-styled)::-moz-focus-inner {
    border: 0
}

div:where(.swal2-container) div:where(.swal2-footer) {
    justify-content: center;
    margin: 1em 0 0;
    padding: 1em 1em 0;
    border-top: 1px solid #eee;
    color: inherit;
    font-size: 1em
}

div:where(.swal2-container) .swal2-timer-progress-bar-container {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    grid-column: auto !important;
    overflow: hidden;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px
}

div:where(.swal2-container) div:where(.swal2-timer-progress-bar) {
    width: 100%;
    height: .25em;
    background: rgba(0, 0, 0, .2)
}

div:where(.swal2-container) img:where(.swal2-image) {
    max-width: 100%;
    margin: 2em auto 1em
}

div:where(.swal2-container) button:where(.swal2-close) {
    z-index: 2;
    align-items: center;
    justify-content: center;
    width: 1.2em;
    height: 1.2em;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: -1.2em;
    padding: 0;
    overflow: hidden;
    transition: color .1s, box-shadow .1s;
    border: none;
    border-radius: 5px;
    background: rgba(0, 0, 0, 0);
    color: #ccc;
    font-family: monospace;
    font-size: 2.5em;
    cursor: pointer;
    justify-self: end
}

div:where(.swal2-container) button:where(.swal2-close):hover {
    transform: none;
    background: rgba(0, 0, 0, 0);
    color: #f27474
}

div:where(.swal2-container) button:where(.swal2-close):focus {
    outline: none;
    box-shadow: inset 0 0 0 3px rgba(100, 150, 200, .5)
}

div:where(.swal2-container) button:where(.swal2-close)::-moz-focus-inner {
    border: 0
}

div:where(.swal2-container) .swal2-html-container {
    z-index: 1;
    justify-content: center;
    margin: 1em 1.6em .3em;
    padding: 0;
    overflow: auto;
    color: inherit;
    font-size: 1.125em;
    font-weight: normal;
    line-height: normal;
    text-align: center;
    word-wrap: break-word;
    word-break: break-word
}

div:where(.swal2-container) input:where(.swal2-input),
div:where(.swal2-container) input:where(.swal2-file),
div:where(.swal2-container) textarea:where(.swal2-textarea),
div:where(.swal2-container) select:where(.swal2-select),
div:where(.swal2-container) div:where(.swal2-radio),
div:where(.swal2-container) label:where(.swal2-checkbox) {
    margin: 1em 2em 3px
}

div:where(.swal2-container) input:where(.swal2-input),
div:where(.swal2-container) input:where(.swal2-file),
div:where(.swal2-container) textarea:where(.swal2-textarea) {
    box-sizing: border-box;
    width: auto;
    transition: border-color .1s, box-shadow .1s;
    border: 1px solid #d9d9d9;
    border-radius: .1875em;
    background: rgba(0, 0, 0, 0);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .06), 0 0 0 3px rgba(0, 0, 0, 0);
    color: inherit;
    font-size: 1.125em
}

div:where(.swal2-container) input:where(.swal2-input).swal2-inputerror,
div:where(.swal2-container) input:where(.swal2-file).swal2-inputerror,
div:where(.swal2-container) textarea:where(.swal2-textarea).swal2-inputerror {
    border-color: #f27474 !important;
    box-shadow: 0 0 2px #f27474 !important
}

div:where(.swal2-container) input:where(.swal2-input):focus,
div:where(.swal2-container) input:where(.swal2-file):focus,
div:where(.swal2-container) textarea:where(.swal2-textarea):focus {
    border: 1px solid #b4dbed;
    outline: none;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .06), 0 0 0 3px rgba(100, 150, 200, .5)
}

div:where(.swal2-container) input:where(.swal2-input)::placeholder,
div:where(.swal2-container) input:where(.swal2-file)::placeholder,
div:where(.swal2-container) textarea:where(.swal2-textarea)::placeholder {
    color: #ccc
}

div:where(.swal2-container) .swal2-range {
    margin: 1em 2em 3px;
    background: #fff
}

div:where(.swal2-container) .swal2-range input {
    width: 80%
}

div:where(.swal2-container) .swal2-range output {
    width: 20%;
    color: inherit;
    font-weight: 600;
    text-align: center
}

div:where(.swal2-container) .swal2-range input,
div:where(.swal2-container) .swal2-range output {
    height: 2.625em;
    padding: 0;
    font-size: 1.125em;
    line-height: 2.625em
}

div:where(.swal2-container) .swal2-input {
    height: 2.625em;
    padding: 0 .75em
}

div:where(.swal2-container) .swal2-file {
    width: 75%;
    margin-right: auto;
    margin-left: auto;
    background: rgba(0, 0, 0, 0);
    font-size: 1.125em
}

div:where(.swal2-container) .swal2-textarea {
    height: 6.75em;
    padding: .75em
}

div:where(.swal2-container) .swal2-select {
    min-width: 50%;
    max-width: 100%;
    padding: .375em .625em;
    background: rgba(0, 0, 0, 0);
    color: inherit;
    font-size: 1.125em
}

div:where(.swal2-container) .swal2-radio,
div:where(.swal2-container) .swal2-checkbox {
    align-items: center;
    justify-content: center;
    background: #fff;
    color: inherit
}

div:where(.swal2-container) .swal2-radio label,
div:where(.swal2-container) .swal2-checkbox label {
    margin: 0 .6em;
    font-size: 1.125em
}

div:where(.swal2-container) .swal2-radio input,
div:where(.swal2-container) .swal2-checkbox input {
    flex-shrink: 0;
    margin: 0 .4em
}

div:where(.swal2-container) label:where(.swal2-input-label) {
    display: flex;
    justify-content: center;
    margin: 1em auto 0
}

div:where(.swal2-container) div:where(.swal2-validation-message) {
    align-items: center;
    justify-content: center;
    margin: 1em 0 0;
    padding: .625em;
    overflow: hidden;
    background: #f0f0f0;
    color: #666;
    font-size: 1em;
    font-weight: 300
}

div:where(.swal2-container) div:where(.swal2-validation-message)::before {
    content: "!";
    display: inline-block;
    width: 1.5em;
    min-width: 1.5em;
    height: 1.5em;
    margin: 0 .625em;
    border-radius: 50%;
    background-color: #f27474;
    color: #fff;
    font-weight: 600;
    line-height: 1.5em;
    text-align: center
}

div:where(.swal2-container) .swal2-progress-steps {
    flex-wrap: wrap;
    align-items: center;
    max-width: 100%;
    margin: 1.25em auto;
    padding: 0;
    background: rgba(0, 0, 0, 0);
    font-weight: 600
}

div:where(.swal2-container) .swal2-progress-steps li {
    display: inline-block;
    position: relative
}

div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step {
    z-index: 20;
    flex-shrink: 0;
    width: 2em;
    height: 2em;
    border-radius: 2em;
    background: #2778c4;
    color: #fff;
    line-height: 2em;
    text-align: center
}

div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step {
    background: #2778c4
}

div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step {
    background: #add8e6;
    color: #fff
}

div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step-line {
    background: #add8e6
}

div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step-line {
    z-index: 10;
    flex-shrink: 0;
    width: 2.5em;
    height: .4em;
    margin: 0 -1px;
    background: #2778c4
}

div:where(.swal2-icon) {
    position: relative;
    box-sizing: content-box;
    justify-content: center;
    width: 5em;
    height: 5em;
    margin: 2.5em auto .6em;
    border: 0.25em solid rgba(0, 0, 0, 0);
    border-radius: 50%;
    border-color: #000;
    font-family: inherit;
    line-height: 5em;
    cursor: default;
    user-select: none
}

div:where(.swal2-icon) .swal2-icon-content {
    display: flex;
    align-items: center;
    font-size: 3.75em
}

div:where(.swal2-icon).swal2-error {
    border-color: #f27474;
    color: #f27474
}

div:where(.swal2-icon).swal2-error .swal2-x-mark {
    position: relative;
    flex-grow: 1
}

div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line] {
    display: block;
    position: absolute;
    top: 2.3125em;
    width: 2.9375em;
    height: .3125em;
    border-radius: .125em;
    background-color: #f27474
}

div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=left] {
    left: 1.0625em;
    transform: rotate(45deg)
}

div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=right] {
    right: 1em;
    transform: rotate(-45deg)
}

div:where(.swal2-icon).swal2-error.swal2-icon-show {
    animation: swal2-animate-error-icon .5s
}

div:where(.swal2-icon).swal2-error.swal2-icon-show .swal2-x-mark {
    animation: swal2-animate-error-x-mark .5s
}

div:where(.swal2-icon).swal2-warning {
    border-color: #facea8;
    color: #f8bb86
}

div:where(.swal2-icon).swal2-warning.swal2-icon-show {
    animation: swal2-animate-error-icon .5s
}

div:where(.swal2-icon).swal2-warning.swal2-icon-show .swal2-icon-content {
    animation: swal2-animate-i-mark .5s
}

div:where(.swal2-icon).swal2-info {
    border-color: #9de0f6;
    color: #3fc3ee
}

div:where(.swal2-icon).swal2-info.swal2-icon-show {
    animation: swal2-animate-error-icon .5s
}

div:where(.swal2-icon).swal2-info.swal2-icon-show .swal2-icon-content {
    animation: swal2-animate-i-mark .8s
}

div:where(.swal2-icon).swal2-question {
    border-color: #c9dae1;
    color: #87adbd
}

div:where(.swal2-icon).swal2-question.swal2-icon-show {
    animation: swal2-animate-error-icon .5s
}

div:where(.swal2-icon).swal2-question.swal2-icon-show .swal2-icon-content {
    animation: swal2-animate-question-mark .8s
}

div:where(.swal2-icon).swal2-success {
    border-color: #a5dc86;
    color: #a5dc86
}

div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line] {
    position: absolute;
    width: 3.75em;
    height: 7.5em;
    transform: rotate(45deg);
    border-radius: 50%
}

div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=left] {
    top: -0.4375em;
    left: -2.0635em;
    transform: rotate(-45deg);
    transform-origin: 3.75em 3.75em;
    border-radius: 7.5em 0 0 7.5em
}

div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=right] {
    top: -0.6875em;
    left: 1.875em;
    transform: rotate(-45deg);
    transform-origin: 0 3.75em;
    border-radius: 0 7.5em 7.5em 0
}

div:where(.swal2-icon).swal2-success .swal2-success-ring {
    position: absolute;
    z-index: 2;
    top: -0.25em;
    left: -0.25em;
    box-sizing: content-box;
    width: 100%;
    height: 100%;
    border: .25em solid rgba(165, 220, 134, .3);
    border-radius: 50%
}

div:where(.swal2-icon).swal2-success .swal2-success-fix {
    position: absolute;
    z-index: 1;
    top: .5em;
    left: 1.625em;
    width: .4375em;
    height: 5.625em;
    transform: rotate(-45deg)
}

div:where(.swal2-icon).swal2-success [class^=swal2-success-line] {
    display: block;
    position: absolute;
    z-index: 2;
    height: .3125em;
    border-radius: .125em;
    background-color: #a5dc86
}

div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=tip] {
    top: 2.875em;
    left: .8125em;
    width: 1.5625em;
    transform: rotate(45deg)
}

div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=long] {
    top: 2.375em;
    right: .5em;
    width: 2.9375em;
    transform: rotate(-45deg)
}

div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-tip {
    animation: swal2-animate-success-line-tip .75s
}

div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-long {
    animation: swal2-animate-success-line-long .75s
}

div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-circular-line-right {
    animation: swal2-rotate-success-circular-line 4.25s ease-in
}

[class^=swal2] {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.swal2-show {
    animation: swal2-show .3s
}

.swal2-hide {
    animation: swal2-hide .15s forwards
}

.swal2-noanimation {
    transition: none
}

.swal2-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

.swal2-rtl .swal2-close {
    margin-right: initial;
    margin-left: 0
}

.swal2-rtl .swal2-timer-progress-bar {
    right: 0;
    left: auto
}

@keyframes swal2-toast-show {
    0% {
        transform: translateY(-0.625em) rotateZ(2deg)
    }

    33% {
        transform: translateY(0) rotateZ(-2deg)
    }

    66% {
        transform: translateY(0.3125em) rotateZ(2deg)
    }

    100% {
        transform: translateY(0) rotateZ(0deg)
    }
}

@keyframes swal2-toast-hide {
    100% {
        transform: rotateZ(1deg);
        opacity: 0
    }
}

@keyframes swal2-toast-animate-success-line-tip {
    0% {
        top: .5625em;
        left: .0625em;
        width: 0
    }

    54% {
        top: .125em;
        left: .125em;
        width: 0
    }

    70% {
        top: .625em;
        left: -0.25em;
        width: 1.625em
    }

    84% {
        top: 1.0625em;
        left: .75em;
        width: .5em
    }

    100% {
        top: 1.125em;
        left: .1875em;
        width: .75em
    }
}

@keyframes swal2-toast-animate-success-line-long {
    0% {
        top: 1.625em;
        right: 1.375em;
        width: 0
    }

    65% {
        top: 1.25em;
        right: .9375em;
        width: 0
    }

    84% {
        top: .9375em;
        right: 0;
        width: 1.125em
    }

    100% {
        top: .9375em;
        right: .1875em;
        width: 1.375em
    }
}

@keyframes swal2-show {
    0% {
        transform: scale(0.7)
    }

    45% {
        transform: scale(1.05)
    }

    80% {
        transform: scale(0.95)
    }

    100% {
        transform: scale(1)
    }
}

@keyframes swal2-hide {
    0% {
        transform: scale(1);
        opacity: 1
    }

    100% {
        transform: scale(0.5);
        opacity: 0
    }
}

@keyframes swal2-animate-success-line-tip {
    0% {
        top: 1.1875em;
        left: .0625em;
        width: 0
    }

    54% {
        top: 1.0625em;
        left: .125em;
        width: 0
    }

    70% {
        top: 2.1875em;
        left: -0.375em;
        width: 3.125em
    }

    84% {
        top: 3em;
        left: 1.3125em;
        width: 1.0625em
    }

    100% {
        top: 2.8125em;
        left: .8125em;
        width: 1.5625em
    }
}

@keyframes swal2-animate-success-line-long {
    0% {
        top: 3.375em;
        right: 2.875em;
        width: 0
    }

    65% {
        top: 3.375em;
        right: 2.875em;
        width: 0
    }

    84% {
        top: 2.1875em;
        right: 0;
        width: 3.4375em
    }

    100% {
        top: 2.375em;
        right: .5em;
        width: 2.9375em
    }
}

@keyframes swal2-rotate-success-circular-line {
    0% {
        transform: rotate(-45deg)
    }

    5% {
        transform: rotate(-45deg)
    }

    12% {
        transform: rotate(-405deg)
    }

    100% {
        transform: rotate(-405deg)
    }
}

@keyframes swal2-animate-error-x-mark {
    0% {
        margin-top: 1.625em;
        transform: scale(0.4);
        opacity: 0
    }

    50% {
        margin-top: 1.625em;
        transform: scale(0.4);
        opacity: 0
    }

    80% {
        margin-top: -0.375em;
        transform: scale(1.15)
    }

    100% {
        margin-top: 0;
        transform: scale(1);
        opacity: 1
    }
}

@keyframes swal2-animate-error-icon {
    0% {
        transform: rotateX(100deg);
        opacity: 0
    }

    100% {
        transform: rotateX(0deg);
        opacity: 1
    }
}

@keyframes swal2-rotate-loading {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

@keyframes swal2-animate-question-mark {
    0% {
        transform: rotateY(-360deg)
    }

    100% {
        transform: rotateY(0)
    }
}

@keyframes swal2-animate-i-mark {
    0% {
        transform: rotateZ(45deg);
        opacity: 0
    }

    25% {
        transform: rotateZ(-25deg);
        opacity: .4
    }

    50% {
        transform: rotateZ(15deg);
        opacity: .8
    }

    75% {
        transform: rotateZ(-5deg);
        opacity: 1
    }

    100% {
        transform: rotateX(0);
        opacity: 1
    }
}

body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
    overflow: hidden
}

body.swal2-height-auto {
    height: auto !important
}

body.swal2-no-backdrop .swal2-container {
    background-color: rgba(0, 0, 0, 0) !important;
    pointer-events: none
}

body.swal2-no-backdrop .swal2-container .swal2-popup {
    pointer-events: all
}

body.swal2-no-backdrop .swal2-container .swal2-modal {
    box-shadow: 0 0 10px rgba(0, 0, 0, .4)
}

@media print {
    body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
        overflow-y: scroll !important
    }

    body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown)>[aria-hidden=true] {
        display: none
    }

    body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container {
        position: static !important
    }
}

body.swal2-toast-shown .swal2-container {
    box-sizing: border-box;
    width: 360px;
    max-width: 100%;
    background-color: rgba(0, 0, 0, 0);
    pointer-events: none
}

body.swal2-toast-shown .swal2-container.swal2-top {
    inset: 0 auto auto 50%;
    transform: translateX(-50%)
}

body.swal2-toast-shown .swal2-container.swal2-top-end,
body.swal2-toast-shown .swal2-container.swal2-top-right {
    inset: 0 0 auto auto
}

body.swal2-toast-shown .swal2-container.swal2-top-start,
body.swal2-toast-shown .swal2-container.swal2-top-left {
    inset: 0 auto auto 0
}

body.swal2-toast-shown .swal2-container.swal2-center-start,
body.swal2-toast-shown .swal2-container.swal2-center-left {
    inset: 50% auto auto 0;
    transform: translateY(-50%)
}

body.swal2-toast-shown .swal2-container.swal2-center {
    inset: 50% auto auto 50%;
    transform: translate(-50%, -50%)
}

body.swal2-toast-shown .swal2-container.swal2-center-end,
body.swal2-toast-shown .swal2-container.swal2-center-right {
    inset: 50% 0 auto auto;
    transform: translateY(-50%)
}

body.swal2-toast-shown .swal2-container.swal2-bottom-start,
body.swal2-toast-shown .swal2-container.swal2-bottom-left {
    inset: auto auto 0 0
}

body.swal2-toast-shown .swal2-container.swal2-bottom {
    inset: auto auto 0 50%;
    transform: translateX(-50%)
}

body.swal2-toast-shown .swal2-container.swal2-bottom-end,
body.swal2-toast-shown .swal2-container.swal2-bottom-right {
    inset: auto 0 0 auto
}