@font-face {
    font-family: Avertacy;
    src: url(../fonts/avertacy-light-webfont.woff2) format("woff2"), url(../fonts/avertacy-light-webfont.woff) format("woff");
    font-style: normal;
    font-weight: 300;
    font-stretch: normal;
    font-display: swap
}

@font-face {
    font-family: Avertacy;
    src: url(../fonts/avertacy-regular-webfont.woff2) format("woff2"), url(../fonts/avertacy-regular-webfont.woff) format("woff");
    font-style: normal;
    font-weight: 400;
    font-stretch: normal;
    font-display: swap
}

@font-face {
    font-family: Avertacy;
    src: url(../fonts/avertacy-semibold-webfont.woff2) format("woff2"), url(../fonts/avertacy-semibold-webfont.woff) format("woff");
    font-style: normal;
    font-weight: 600;
    font-stretch: normal;
    font-display: swap
}

@font-face {
    font-family: Avertacy;
    src: url(../fonts/avertacy-bold-webfont.woff2) format("woff2"), url(../fonts/avertacy-bold-webfont.woff) format("woff");
    font-style: normal;
    font-weight: 700;
    font-stretch: normal;
    font-display: swap
}

@font-face {
    font-family: fallbackFont;
    src: local("Arial");
    font-style: normal;
    font-weight: 300;
    size-adjust: 101.8392%;
    ascent-override: 96.0337%;
    descent-override: 25.3341%;
    font-stretch: normal
}

@font-face {
    font-family: fallbackFont;
    src: local("Arial");
    font-style: normal;
    font-weight: 400;
    size-adjust: 104.0824%;
    ascent-override: 93.964%;
    descent-override: 24.7881%;
    font-stretch: normal
}

@font-face {
    font-family: fallbackFont;
    src: local("Arial");
    font-style: normal;
    font-weight: 600;
    size-adjust: 106.3255%;
    ascent-override: 91.9817%;
    descent-override: 24.2651%;
    font-stretch: normal
}

@font-face {
    font-family: fallbackFont;
    src: local("Arial");
    font-style: normal;
    font-weight: 700;
    size-adjust: 105.3669%;
    ascent-override: 100.421%;
    descent-override: 26.229%;
    font-stretch: normal
}

@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/robotocondensed/v31/ieVo2ZhZI2eCN5jzbjEETS9weq8-_d6T_POl0fRJeyWyosBD5XxxKA.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 Condensed';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/robotocondensed/v31/ieVo2ZhZI2eCN5jzbjEETS9weq8-_d6T_POl0fRJeyWyosBK5XxxKA.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/robotocondensed/v31/ieVo2ZhZI2eCN5jzbjEETS9weq8-_d6T_POl0fRJeyWyosBC5XxxKA.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}

@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/robotocondensed/v31/ieVo2ZhZI2eCN5jzbjEETS9weq8-_d6T_POl0fRJeyWyosBN5XxxKA.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 Condensed';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/robotocondensed/v31/ieVo2ZhZI2eCN5jzbjEETS9weq8-_d6T_POl0fRJeyWyosBB5XxxKA.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 Condensed';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/robotocondensed/v31/ieVo2ZhZI2eCN5jzbjEETS9weq8-_d6T_POl0fRJeyWyosBA5XxxKA.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 Condensed';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/robotocondensed/v31/ieVo2ZhZI2eCN5jzbjEETS9weq8-_d6T_POl0fRJeyWyosBO5Xw.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;
}

html {
    --mat-app-background-color: #fafafa;
    --mat-app-text-color: rgba(0, 0, 0, .87);
    --mat-app-elevation-shadow-level-0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);
    --mat-app-elevation-shadow-level-1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);
    --mat-app-elevation-shadow-level-2: 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12);
    --mat-app-elevation-shadow-level-3: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);
    --mat-app-elevation-shadow-level-4: 0px 2px 4px -1px rgba(0, 0, 0, .2), 0px 4px 5px 0px rgba(0, 0, 0, .14), 0px 1px 10px 0px rgba(0, 0, 0, .12);
    --mat-app-elevation-shadow-level-5: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 5px 8px 0px rgba(0, 0, 0, .14), 0px 1px 14px 0px rgba(0, 0, 0, .12);
    --mat-app-elevation-shadow-level-6: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);
    --mat-app-elevation-shadow-level-7: 0px 4px 5px -2px rgba(0, 0, 0, .2), 0px 7px 10px 1px rgba(0, 0, 0, .14), 0px 2px 16px 1px rgba(0, 0, 0, .12);
    --mat-app-elevation-shadow-level-8: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);
    --mat-app-elevation-shadow-level-9: 0px 5px 6px -3px rgba(0, 0, 0, .2), 0px 9px 12px 1px rgba(0, 0, 0, .14), 0px 3px 16px 2px rgba(0, 0, 0, .12);
    --mat-app-elevation-shadow-level-10: 0px 6px 6px -3px rgba(0, 0, 0, .2), 0px 10px 14px 1px rgba(0, 0, 0, .14), 0px 4px 18px 3px rgba(0, 0, 0, .12);
    --mat-app-elevation-shadow-level-11: 0px 6px 7px -4px rgba(0, 0, 0, .2), 0px 11px 15px 1px rgba(0, 0, 0, .14), 0px 4px 20px 3px rgba(0, 0, 0, .12);
    --mat-app-elevation-shadow-level-12: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);
    --mat-app-elevation-shadow-level-13: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 13px 19px 2px rgba(0, 0, 0, .14), 0px 5px 24px 4px rgba(0, 0, 0, .12);
    --mat-app-elevation-shadow-level-14: 0px 7px 9px -4px rgba(0, 0, 0, .2), 0px 14px 21px 2px rgba(0, 0, 0, .14), 0px 5px 26px 4px rgba(0, 0, 0, .12);
    --mat-app-elevation-shadow-level-15: 0px 8px 9px -5px rgba(0, 0, 0, .2), 0px 15px 22px 2px rgba(0, 0, 0, .14), 0px 6px 28px 5px rgba(0, 0, 0, .12);
    --mat-app-elevation-shadow-level-16: 0px 8px 10px -5px rgba(0, 0, 0, .2), 0px 16px 24px 2px rgba(0, 0, 0, .14), 0px 6px 30px 5px rgba(0, 0, 0, .12);
    --mat-app-elevation-shadow-level-17: 0px 8px 11px -5px rgba(0, 0, 0, .2), 0px 17px 26px 2px rgba(0, 0, 0, .14), 0px 6px 32px 5px rgba(0, 0, 0, .12);
    --mat-app-elevation-shadow-level-18: 0px 9px 11px -5px rgba(0, 0, 0, .2), 0px 18px 28px 2px rgba(0, 0, 0, .14), 0px 7px 34px 6px rgba(0, 0, 0, .12);
    --mat-app-elevation-shadow-level-19: 0px 9px 12px -6px rgba(0, 0, 0, .2), 0px 19px 29px 2px rgba(0, 0, 0, .14), 0px 7px 36px 6px rgba(0, 0, 0, .12);
    --mat-app-elevation-shadow-level-20: 0px 10px 13px -6px rgba(0, 0, 0, .2), 0px 20px 31px 3px rgba(0, 0, 0, .14), 0px 8px 38px 7px rgba(0, 0, 0, .12);
    --mat-app-elevation-shadow-level-21: 0px 10px 13px -6px rgba(0, 0, 0, .2), 0px 21px 33px 3px rgba(0, 0, 0, .14), 0px 8px 40px 7px rgba(0, 0, 0, .12);
    --mat-app-elevation-shadow-level-22: 0px 10px 14px -6px rgba(0, 0, 0, .2), 0px 22px 35px 3px rgba(0, 0, 0, .14), 0px 8px 42px 7px rgba(0, 0, 0, .12);
    --mat-app-elevation-shadow-level-23: 0px 11px 14px -7px rgba(0, 0, 0, .2), 0px 23px 36px 3px rgba(0, 0, 0, .14), 0px 9px 44px 8px rgba(0, 0, 0, .12);
    --mat-app-elevation-shadow-level-24: 0px 11px 15px -7px rgba(0, 0, 0, .2), 0px 24px 38px 3px rgba(0, 0, 0, .14), 0px 9px 46px 8px rgba(0, 0, 0, .12);
    --mat-ripple-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent);
    --mat-option-selected-state-label-text-color: #ff6d70;
    --mat-option-label-text-color: rgba(0, 0, 0, .87);
    --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, .87) 4%, transparent);
    --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent);
    --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent);
    --mat-optgroup-label-text-color: rgba(0, 0, 0, .87);
    --mat-pseudo-checkbox-full-selected-icon-color: #3399ff;
    --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
    --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, .54);
    --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
    --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);
    --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);
    --mat-pseudo-checkbox-minimal-selected-checkmark-color: #3399ff;
    --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);
    --mat-option-label-text-font: Avertacy, fallbackFont, Helvetica Neue, Helvetica, sans-serif;
    --mat-option-label-text-line-height: 24px;
    --mat-option-label-text-size: 16px;
    --mat-option-label-text-tracking: .03125em;
    --mat-option-label-text-weight: 400;
    --mat-optgroup-label-text-font: Avertacy, fallbackFont, Helvetica Neue, Helvetica, sans-serif;
    --mat-optgroup-label-text-line-height: 24px;
    --mat-optgroup-label-text-size: 16px;
    --mat-optgroup-label-text-tracking: .03125em;
    --mat-optgroup-label-text-weight: 400;
    --mat-card-elevated-container-shape: 4px;
    --mat-card-outlined-container-shape: 4px;
    --mat-card-filled-container-shape: 4px;
    --mat-card-outlined-outline-width: 1px;
    --mat-card-elevated-container-color: white;
    --mat-card-elevated-container-elevation: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);
    --mat-card-outlined-container-color: white;
    --mat-card-outlined-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);
    --mat-card-outlined-outline-color: rgba(0, 0, 0, .12);
    --mat-card-subtitle-text-color: rgba(0, 0, 0, .54);
    --mat-card-filled-container-color: white;
    --mat-card-filled-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);
    --mat-card-title-text-font: Avertacy, fallbackFont, Helvetica Neue, Helvetica, sans-serif;
    --mat-card-title-text-line-height: 32px;
    --mat-card-title-text-size: 20px;
    --mat-card-title-text-tracking: .0125em;
    --mat-card-title-text-weight: 500;
    --mat-card-subtitle-text-font: Avertacy, fallbackFont, Helvetica Neue, Helvetica, sans-serif;
    --mat-card-subtitle-text-line-height: 22px;
    --mat-card-subtitle-text-size: 14px;
    --mat-card-subtitle-text-tracking: .0071428571em;
    --mat-card-subtitle-text-weight: 500;
    --mat-progress-bar-active-indicator-height: 4px;
    --mat-progress-bar-track-height: 4px;
    --mat-progress-bar-track-shape: 0;
    --mat-tooltip-container-shape: 4px;
    --mat-tooltip-supporting-text-line-height: 16px;
    --mat-tooltip-container-color: #424242;
    --mat-tooltip-supporting-text-color: white;
    --mat-tooltip-supporting-text-font: Avertacy, fallbackFont, Helvetica Neue, Helvetica, sans-serif;
    --mat-tooltip-supporting-text-size: 12px;
    --mat-tooltip-supporting-text-weight: 400;
    --mat-tooltip-supporting-text-tracking: .0333333333em;
    --mat-form-field-filled-active-indicator-height: 1px;
    --mat-form-field-filled-focus-active-indicator-height: 2px;
    --mat-form-field-filled-container-shape: 4px;
    --mat-form-field-outlined-outline-width: 1px;
    --mat-form-field-outlined-focus-outline-width: 2px;
    --mat-form-field-outlined-container-shape: 4px;
    --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #ff6d70 87%, transparent);
    --mat-form-field-filled-caret-color: #ff6d70;
    --mat-form-field-filled-focus-active-indicator-color: #ff6d70;
    --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #ff6d70 87%, transparent);
    --mat-form-field-outlined-caret-color: #ff6d70;
    --mat-form-field-outlined-focus-outline-color: #ff6d70;
    --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #ff6d70 87%, transparent);
    --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);
    --mat-form-field-state-layer-color: rgba(0, 0, 0, .87);
    --mat-form-field-error-text-color: #f44336;
    --mat-form-field-select-option-text-color: inherit;
    --mat-form-field-select-disabled-option-text-color: GrayText;
    --mat-form-field-leading-icon-color: unset;
    --mat-form-field-disabled-leading-icon-color: unset;
    --mat-form-field-trailing-icon-color: unset;
    --mat-form-field-disabled-trailing-icon-color: unset;
    --mat-form-field-error-focus-trailing-icon-color: unset;
    --mat-form-field-error-hover-trailing-icon-color: unset;
    --mat-form-field-error-trailing-icon-color: unset;
    --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, .54);
    --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);
    --mat-form-field-hover-state-layer-opacity: .04;
    --mat-form-field-focus-state-layer-opacity: .12;
    --mat-form-field-filled-container-color: #f6f6f6;
    --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, .87) 4%, transparent);
    --mat-form-field-filled-label-text-color: rgba(0, 0, 0, .54);
    --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, .54);
    --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);
    --mat-form-field-filled-input-text-color: rgba(0, 0, 0, .87);
    --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);
    --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, .54);
    --mat-form-field-filled-error-hover-label-text-color: #f44336;
    --mat-form-field-filled-error-focus-label-text-color: #f44336;
    --mat-form-field-filled-error-label-text-color: #f44336;
    --mat-form-field-filled-error-caret-color: #f44336;
    --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, .54);
    --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent);
    --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, .87);
    --mat-form-field-filled-error-active-indicator-color: #f44336;
    --mat-form-field-filled-error-focus-active-indicator-color: #f44336;
    --mat-form-field-filled-error-hover-active-indicator-color: #f44336;
    --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, .54);
    --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, .87);
    --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);
    --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, .87);
    --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);
    --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, .54);
    --mat-form-field-outlined-error-caret-color: #f44336;
    --mat-form-field-outlined-error-focus-label-text-color: #f44336;
    --mat-form-field-outlined-error-label-text-color: #f44336;
    --mat-form-field-outlined-error-hover-label-text-color: #f44336;
    --mat-form-field-outlined-outline-color: rgba(0, 0, 0, .38);
    --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent);
    --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, .87);
    --mat-form-field-outlined-error-focus-outline-color: #f44336;
    --mat-form-field-outlined-error-hover-outline-color: #f44336;
    --mat-form-field-outlined-error-outline-color: #f44336;
    --mat-form-field-container-height: 56px;
    --mat-form-field-filled-label-display: block;
    --mat-form-field-container-vertical-padding: 16px;
    --mat-form-field-filled-with-label-container-padding-top: 24px;
    --mat-form-field-filled-with-label-container-padding-bottom: 8px;
    --mat-form-field-container-text-font: Avertacy, fallbackFont, Helvetica Neue, Helvetica, sans-serif;
    --mat-form-field-container-text-line-height: 24px;
    --mat-form-field-container-text-size: 16px;
    --mat-form-field-container-text-tracking: .03125em;
    --mat-form-field-container-text-weight: 400;
    --mat-form-field-outlined-label-text-populated-size: 16px;
    --mat-form-field-subscript-text-font: Avertacy, fallbackFont, Helvetica Neue, Helvetica, sans-serif;
    --mat-form-field-subscript-text-line-height: 20px;
    --mat-form-field-subscript-text-size: 12px;
    --mat-form-field-subscript-text-tracking: .0333333333em;
    --mat-form-field-subscript-text-weight: 400;
    --mat-form-field-filled-label-text-font: Avertacy, fallbackFont, Helvetica Neue, Helvetica, sans-serif;
    --mat-form-field-filled-label-text-size: 16px;
    --mat-form-field-filled-label-text-tracking: .03125em;
    --mat-form-field-filled-label-text-weight: 400;
    --mat-form-field-outlined-label-text-font: Avertacy, fallbackFont, Helvetica Neue, Helvetica, sans-serif;
    --mat-form-field-outlined-label-text-size: 16px;
    --mat-form-field-outlined-label-text-tracking: .03125em;
    --mat-form-field-outlined-label-text-weight: 400;
    --mat-select-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);
    --mat-select-panel-background-color: white;
    --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, .87);
    --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);
    --mat-select-placeholder-text-color: rgba(0, 0, 0, .54);
    --mat-select-enabled-arrow-color: rgba(0, 0, 0, .54);
    --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);
    --mat-select-focused-arrow-color: #ff6d70;
    --mat-select-invalid-arrow-color: #f44336;
    --mat-select-arrow-transform: translateY(-8px);
    --mat-select-trigger-text-font: Avertacy, fallbackFont, Helvetica Neue, Helvetica, sans-serif;
    --mat-select-trigger-text-line-height: 24px;
    --mat-select-trigger-text-size: 16px;
    --mat-select-trigger-text-tracking: .03125em;
    --mat-select-trigger-text-weight: 400;
    --mat-autocomplete-container-shape: 4px;
    --mat-autocomplete-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);
    --mat-autocomplete-background-color: white;
    --mat-dialog-container-shape: 4px;
    --mat-dialog-container-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, .2), 0px 24px 38px 3px rgba(0, 0, 0, .14), 0px 9px 46px 8px rgba(0, 0, 0, .12);
    --mat-dialog-container-max-width: 80vw;
    --mat-dialog-container-small-max-width: 80vw;
    --mat-dialog-container-min-width: 0;
    --mat-dialog-actions-alignment: start;
    --mat-dialog-actions-padding: 8px;
    --mat-dialog-content-padding: 20px 24px;
    --mat-dialog-with-actions-content-padding: 20px 24px;
    --mat-dialog-headline-padding: 0 24px 9px;
    --mat-dialog-container-color: white;
    --mat-dialog-subhead-color: rgba(0, 0, 0, .87);
    --mat-dialog-supporting-text-color: rgba(0, 0, 0, .54);
    --mat-dialog-subhead-font: Avertacy, fallbackFont, Helvetica Neue, Helvetica, sans-serif;
    --mat-dialog-subhead-line-height: 32px;
    --mat-dialog-subhead-size: 20px;
    --mat-dialog-subhead-weight: 500;
    --mat-dialog-subhead-tracking: .0125em;
    --mat-dialog-supporting-text-font: Avertacy, fallbackFont, Helvetica Neue, Helvetica, sans-serif;
    --mat-dialog-supporting-text-line-height: 24px;
    --mat-dialog-supporting-text-size: 16px;
    --mat-dialog-supporting-text-weight: 400;
    --mat-dialog-supporting-text-tracking: .03125em;
    --mat-slide-toggle-disabled-handle-opacity: .38;
    --mat-slide-toggle-disabled-selected-handle-opacity: .38;
    --mat-slide-toggle-disabled-selected-icon-opacity: .38;
    --mat-slide-toggle-disabled-track-opacity: .12;
    --mat-slide-toggle-disabled-unselected-handle-opacity: .38;
    --mat-slide-toggle-disabled-unselected-icon-opacity: .38;
    --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
    --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
    --mat-slide-toggle-handle-height: 20px;
    --mat-slide-toggle-handle-shape: 10px;
    --mat-slide-toggle-handle-width: 20px;
    --mat-slide-toggle-hidden-track-opacity: 1;
    --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(.4, 0, .6, 1);
    --mat-slide-toggle-pressed-handle-size: 20px;
    --mat-slide-toggle-selected-focus-state-layer-opacity: .12;
    --mat-slide-toggle-selected-handle-horizontal-margin: 0;
    --mat-slide-toggle-selected-handle-size: 20px;
    --mat-slide-toggle-selected-hover-state-layer-opacity: .04;
    --mat-slide-toggle-selected-icon-size: 18px;
    --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
    --mat-slide-toggle-selected-pressed-state-layer-opacity: .12;
    --mat-slide-toggle-selected-track-outline-color: transparent;
    --mat-slide-toggle-selected-track-outline-width: 1px;
    --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
    --mat-slide-toggle-track-height: 14px;
    --mat-slide-toggle-track-outline-color: transparent;
    --mat-slide-toggle-track-outline-width: 1px;
    --mat-slide-toggle-track-shape: 7px;
    --mat-slide-toggle-track-width: 36px;
    --mat-slide-toggle-unselected-focus-state-layer-opacity: .12;
    --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
    --mat-slide-toggle-unselected-handle-size: 20px;
    --mat-slide-toggle-unselected-hover-state-layer-opacity: .12;
    --mat-slide-toggle-unselected-icon-size: 18px;
    --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
    --mat-slide-toggle-unselected-pressed-state-layer-opacity: .1;
    --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
    --mat-slide-toggle-visible-track-opacity: 1;
    --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, .2, 1);
    --mat-slide-toggle-with-icon-handle-size: 20px;
    --mat-slide-toggle-selected-icon-color: #ffffff;
    --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
    --mat-slide-toggle-selected-focus-state-layer-color: #ff6d70;
    --mat-slide-toggle-selected-handle-color: #ff6d70;
    --mat-slide-toggle-selected-hover-state-layer-color: #ff6d70;
    --mat-slide-toggle-selected-pressed-state-layer-color: #ff6d70;
    --mat-slide-toggle-selected-focus-handle-color: #ff6d70;
    --mat-slide-toggle-selected-hover-handle-color: #ff6d70;
    --mat-slide-toggle-selected-pressed-handle-color: #ff6d70;
    --mat-slide-toggle-selected-focus-track-color: #ff999b;
    --mat-slide-toggle-selected-hover-track-color: #ff999b;
    --mat-slide-toggle-selected-pressed-track-color: #ff999b;
    --mat-slide-toggle-selected-track-color: #ff999b;
    --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);
    --mat-slide-toggle-disabled-handle-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);
    --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, .87);
    --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, .87);
    --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, .87);
    --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
    --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, .87);
    --mat-slide-toggle-handle-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);
    --mat-slide-toggle-handle-surface-color: white;
    --mat-slide-toggle-label-text-color: rgba(0, 0, 0, .87);
    --mat-slide-toggle-unselected-hover-handle-color: #424242;
    --mat-slide-toggle-unselected-focus-handle-color: #424242;
    --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, .87);
    --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, .12);
    --mat-slide-toggle-unselected-icon-color: #f6f6f6;
    --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, .54);
    --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, .87);
    --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, .12);
    --mat-slide-toggle-unselected-pressed-handle-color: #424242;
    --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, .12);
    --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, .87);
    --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, .12);
    --mat-slide-toggle-state-layer-size: 40px;
    --mat-slide-toggle-label-text-font: Avertacy, fallbackFont, Helvetica Neue, Helvetica, sans-serif;
    --mat-slide-toggle-label-text-line-height: 20px;
    --mat-slide-toggle-label-text-size: 14px;
    --mat-slide-toggle-label-text-tracking: .0178571429em;
    --mat-slide-toggle-label-text-weight: 400;
    --mat-radio-disabled-selected-icon-opacity: .38;
    --mat-radio-disabled-unselected-icon-opacity: .38;
    --mat-radio-state-layer-size: 40px;
    --mat-radio-touch-target-display: block;
    --mat-radio-label-text-font: Avertacy, fallbackFont, Helvetica Neue, Helvetica, sans-serif;
    --mat-radio-label-text-line-height: 20px;
    --mat-radio-label-text-size: 14px;
    --mat-radio-label-text-tracking: .0178571429em;
    --mat-radio-label-text-weight: 400;
    --mat-slider-active-track-height: 6px;
    --mat-slider-active-track-shape: 9999px;
    --mat-slider-handle-elevation: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);
    --mat-slider-handle-height: 20px;
    --mat-slider-handle-shape: 50%;
    --mat-slider-handle-width: 20px;
    --mat-slider-inactive-track-height: 4px;
    --mat-slider-inactive-track-shape: 9999px;
    --mat-slider-value-indicator-border-radius: 4px;
    --mat-slider-value-indicator-caret-display: block;
    --mat-slider-value-indicator-container-transform: translateX(-50%);
    --mat-slider-value-indicator-height: 32px;
    --mat-slider-value-indicator-padding: 0 12px;
    --mat-slider-value-indicator-text-transform: none;
    --mat-slider-value-indicator-width: auto;
    --mat-slider-with-overlap-handle-outline-width: 1px;
    --mat-slider-with-tick-marks-active-container-opacity: .6;
    --mat-slider-with-tick-marks-container-shape: 50%;
    --mat-slider-with-tick-marks-container-size: 2px;
    --mat-slider-with-tick-marks-inactive-container-opacity: .6;
    --mat-slider-active-track-color: #ff6d70;
    --mat-slider-focus-handle-color: #ff6d70;
    --mat-slider-handle-color: #ff6d70;
    --mat-slider-hover-handle-color: #ff6d70;
    --mat-slider-focus-state-layer-color: color-mix(in srgb, #ff6d70 12%, transparent);
    --mat-slider-hover-state-layer-color: color-mix(in srgb, #ff6d70 4%, transparent);
    --mat-slider-inactive-track-color: #ff6d70;
    --mat-slider-ripple-color: #ff6d70;
    --mat-slider-with-tick-marks-active-container-color: #ffffff;
    --mat-slider-with-tick-marks-inactive-container-color: #ff6d70;
    --mat-slider-disabled-active-track-color: rgba(0, 0, 0, .87);
    --mat-slider-disabled-handle-color: rgba(0, 0, 0, .87);
    --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, .87);
    --mat-slider-label-container-color: #424242;
    --mat-slider-label-label-text-color: white;
    --mat-slider-value-indicator-opacity: 1;
    --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, .87);
    --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, .87);
    --mat-slider-label-label-text-font: Avertacy, fallbackFont, Helvetica Neue, Helvetica, sans-serif;
    --mat-slider-label-label-text-size: 14px;
    --mat-slider-label-label-text-line-height: 22px;
    --mat-slider-label-label-text-tracking: .0071428571em;
    --mat-slider-label-label-text-weight: 500;
    --mat-menu-container-shape: 4px;
    --mat-menu-divider-bottom-spacing: 0;
    --mat-menu-divider-top-spacing: 0;
    --mat-menu-item-spacing: 16px;
    --mat-menu-item-icon-size: 24px;
    --mat-menu-item-leading-spacing: 16px;
    --mat-menu-item-trailing-spacing: 16px;
    --mat-menu-item-with-icon-leading-spacing: 16px;
    --mat-menu-item-with-icon-trailing-spacing: 16px;
    --mat-menu-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);
    --mat-menu-item-label-text-color: rgba(0, 0, 0, .87);
    --mat-menu-item-icon-color: rgba(0, 0, 0, .87);
    --mat-menu-item-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, .87) 4%, transparent);
    --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent);
    --mat-menu-container-color: white;
    --mat-menu-divider-color: rgba(0, 0, 0, .12);
    --mat-menu-item-label-text-font: Avertacy, fallbackFont, Helvetica Neue, Helvetica, sans-serif;
    --mat-menu-item-label-text-size: 16px;
    --mat-menu-item-label-text-tracking: .03125em;
    --mat-menu-item-label-text-line-height: 24px;
    --mat-menu-item-label-text-weight: 400;
    --mat-list-active-indicator-color: transparent;
    --mat-list-active-indicator-shape: 4px;
    --mat-list-list-item-container-shape: 0;
    --mat-list-list-item-leading-avatar-shape: 50%;
    --mat-list-list-item-container-color: transparent;
    --mat-list-list-item-selected-container-color: transparent;
    --mat-list-list-item-leading-avatar-color: transparent;
    --mat-list-list-item-leading-icon-size: 24px;
    --mat-list-list-item-leading-avatar-size: 40px;
    --mat-list-list-item-trailing-icon-size: 24px;
    --mat-list-list-item-disabled-state-layer-color: transparent;
    --mat-list-list-item-disabled-state-layer-opacity: 0;
    --mat-list-list-item-disabled-label-text-opacity: .38;
    --mat-list-list-item-disabled-leading-icon-opacity: .38;
    --mat-list-list-item-disabled-trailing-icon-opacity: .38;
    --mat-list-list-item-label-text-color: rgba(0, 0, 0, .87);
    --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, .54);
    --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, .54);
    --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, .54);
    --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, .54);
    --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, .54);
    --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, .87);
    --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, .87);
    --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, .87);
    --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, .87);
    --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, .54);
    --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, .87);
    --mat-list-list-item-hover-state-layer-opacity: .04;
    --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, .54);
    --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, .87);
    --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, .87);
    --mat-list-list-item-focus-state-layer-opacity: .12;
    --mat-list-list-item-leading-icon-start-space: 16px;
    --mat-list-list-item-leading-icon-end-space: 32px;
    --mat-list-list-item-one-line-container-height: 48px;
    --mat-list-list-item-two-line-container-height: 64px;
    --mat-list-list-item-three-line-container-height: 88px;
    --mat-list-list-item-label-text-font: Avertacy, fallbackFont, Helvetica Neue, Helvetica, sans-serif;
    --mat-list-list-item-label-text-line-height: 24px;
    --mat-list-list-item-label-text-size: 16px;
    --mat-list-list-item-label-text-tracking: .03125em;
    --mat-list-list-item-label-text-weight: 400;
    --mat-list-list-item-supporting-text-font: Avertacy, fallbackFont, Helvetica Neue, Helvetica, sans-serif;
    --mat-list-list-item-supporting-text-line-height: 20px;
    --mat-list-list-item-supporting-text-size: 14px;
    --mat-list-list-item-supporting-text-tracking: .0178571429em;
    --mat-list-list-item-supporting-text-weight: 400;
    --mat-list-list-item-trailing-supporting-text-font: Avertacy, fallbackFont, Helvetica Neue, Helvetica, sans-serif;
    --mat-list-list-item-trailing-supporting-text-line-height: 20px;
    --mat-list-list-item-trailing-supporting-text-size: 12px;
    --mat-list-list-item-trailing-supporting-text-tracking: .0333333333em;
    --mat-list-list-item-trailing-supporting-text-weight: 400;
    --mat-paginator-container-text-color: rgba(0, 0, 0, .87);
    --mat-paginator-container-background-color: white;
    --mat-paginator-enabled-icon-color: rgba(0, 0, 0, .54);
    --mat-paginator-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);
    --mat-paginator-container-size: 56px;
    --mat-paginator-form-field-container-height: 40px;
    --mat-paginator-form-field-container-vertical-padding: 8px;
    --mat-paginator-touch-target-display: block;
    --mat-paginator-container-text-font: Avertacy, fallbackFont, Helvetica Neue, Helvetica, sans-serif;
    --mat-paginator-container-text-line-height: 20px;
    --mat-paginator-container-text-size: 12px;
    --mat-paginator-container-text-tracking: .0333333333em;
    --mat-paginator-container-text-weight: 400;
    --mat-paginator-select-trigger-text-size: 12px;
    --mat-tab-container-height: 48px;
    --mat-tab-divider-color: transparent;
    --mat-tab-divider-height: 0;
    --mat-tab-active-indicator-height: 2px;
    --mat-tab-active-indicator-shape: 0;
    --mat-checkbox-disabled-selected-checkmark-color: white;
    --mat-checkbox-selected-focus-state-layer-opacity: .12;
    --mat-checkbox-selected-hover-state-layer-opacity: .04;
    --mat-checkbox-selected-pressed-state-layer-opacity: .12;
    --mat-checkbox-unselected-focus-state-layer-opacity: .12;
    --mat-checkbox-unselected-hover-state-layer-opacity: .04;
    --mat-checkbox-unselected-pressed-state-layer-opacity: .12;
    --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);
    --mat-checkbox-label-text-color: rgba(0, 0, 0, .87);
    --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);
    --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);
    --mat-checkbox-selected-checkmark-color: #000000;
    --mat-checkbox-selected-focus-icon-color: #3399ff;
    --mat-checkbox-selected-hover-icon-color: #3399ff;
    --mat-checkbox-selected-icon-color: #3399ff;
    --mat-checkbox-selected-pressed-icon-color: #3399ff;
    --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, .87);
    --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, .87);
    --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);
    --mat-checkbox-selected-focus-state-layer-color: #3399ff;
    --mat-checkbox-selected-hover-state-layer-color: #3399ff;
    --mat-checkbox-selected-pressed-state-layer-color: #3399ff;
    --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, .87);
    --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, .87);
    --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, .87);
    --mat-checkbox-touch-target-display: block;
    --mat-checkbox-state-layer-size: 40px;
    --mat-checkbox-label-text-font: Avertacy, fallbackFont, Helvetica Neue, Helvetica, sans-serif;
    --mat-checkbox-label-text-line-height: 20px;
    --mat-checkbox-label-text-size: 14px;
    --mat-checkbox-label-text-tracking: .0178571429em;
    --mat-checkbox-label-text-weight: 400;
    --mat-button-filled-container-shape: 4px;
    --mat-button-filled-horizontal-padding: 16px;
    --mat-button-filled-icon-offset: -4px;
    --mat-button-filled-icon-spacing: 8px;
    --mat-button-outlined-container-shape: 4px;
    --mat-button-outlined-horizontal-padding: 15px;
    --mat-button-outlined-icon-offset: -4px;
    --mat-button-outlined-icon-spacing: 8px;
    --mat-button-outlined-keep-touch-target: false;
    --mat-button-outlined-outline-width: 1px;
    --mat-button-protected-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12);
    --mat-button-protected-container-shape: 4px;
    --mat-button-protected-disabled-container-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);
    --mat-button-protected-focus-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, .2), 0px 4px 5px 0px rgba(0, 0, 0, .14), 0px 1px 10px 0px rgba(0, 0, 0, .12);
    --mat-button-protected-horizontal-padding: 16px;
    --mat-button-protected-hover-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, .2), 0px 4px 5px 0px rgba(0, 0, 0, .14), 0px 1px 10px 0px rgba(0, 0, 0, .12);
    --mat-button-protected-icon-offset: -4px;
    --mat-button-protected-icon-spacing: 8px;
    --mat-button-protected-pressed-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);
    --mat-button-text-container-shape: 4px;
    --mat-button-text-horizontal-padding: 8px;
    --mat-button-text-icon-offset: 0;
    --mat-button-text-icon-spacing: 8px;
    --mat-button-text-with-icon-horizontal-padding: 8px;
    --mat-button-tonal-container-shape: 4px;
    --mat-button-tonal-horizontal-padding: 16px;
    --mat-button-tonal-icon-offset: -4px;
    --mat-button-tonal-icon-spacing: 8px;
    --mat-button-filled-container-color: white;
    --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent);
    --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);
    --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, .54);
    --mat-button-filled-focus-state-layer-opacity: .12;
    --mat-button-filled-hover-state-layer-opacity: .04;
    --mat-button-filled-label-text-color: rgba(0, 0, 0, .87);
    --mat-button-filled-pressed-state-layer-opacity: .12;
    --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent);
    --mat-button-filled-state-layer-color: rgba(0, 0, 0, .87);
    --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);
    --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, .12);
    --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, .54);
    --mat-button-outlined-focus-state-layer-opacity: .12;
    --mat-button-outlined-hover-state-layer-opacity: .04;
    --mat-button-outlined-label-text-color: rgba(0, 0, 0, .87);
    --mat-button-outlined-outline-color: rgba(0, 0, 0, .12);
    --mat-button-outlined-pressed-state-layer-opacity: .12;
    --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent);
    --mat-button-outlined-state-layer-color: rgba(0, 0, 0, .87);
    --mat-button-protected-container-color: white;
    --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent);
    --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);
    --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, .54);
    --mat-button-protected-focus-state-layer-opacity: .12;
    --mat-button-protected-hover-state-layer-opacity: .04;
    --mat-button-protected-label-text-color: rgba(0, 0, 0, .87);
    --mat-button-protected-pressed-state-layer-opacity: .12;
    --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent);
    --mat-button-protected-state-layer-color: rgba(0, 0, 0, .87);
    --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);
    --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, .54);
    --mat-button-text-focus-state-layer-opacity: .12;
    --mat-button-text-hover-state-layer-opacity: .04;
    --mat-button-text-label-text-color: rgba(0, 0, 0, .87);
    --mat-button-text-pressed-state-layer-opacity: .12;
    --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent);
    --mat-button-text-state-layer-color: rgba(0, 0, 0, .87);
    --mat-button-tonal-container-color: white;
    --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent);
    --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);
    --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, .54);
    --mat-button-tonal-focus-state-layer-opacity: .12;
    --mat-button-tonal-hover-state-layer-opacity: .04;
    --mat-button-tonal-label-text-color: rgba(0, 0, 0, .87);
    --mat-button-tonal-pressed-state-layer-opacity: .12;
    --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent);
    --mat-button-tonal-state-layer-color: rgba(0, 0, 0, .87);
    --mat-button-filled-container-height: 36px;
    --mat-button-filled-touch-target-display: block;
    --mat-button-outlined-container-height: 36px;
    --mat-button-outlined-touch-target-display: block;
    --mat-button-protected-container-height: 36px;
    --mat-button-protected-touch-target-display: block;
    --mat-button-text-container-height: 36px;
    --mat-button-text-touch-target-display: block;
    --mat-button-tonal-container-height: 36px;
    --mat-button-tonal-touch-target-display: block;
    --mat-button-filled-label-text-font: Avertacy, fallbackFont, Helvetica Neue, Helvetica, sans-serif;
    --mat-button-filled-label-text-size: 14px;
    --mat-button-filled-label-text-tracking: .0892857143em;
    --mat-button-filled-label-text-transform: none;
    --mat-button-filled-label-text-weight: 500;
    --mat-button-outlined-label-text-font: Avertacy, fallbackFont, Helvetica Neue, Helvetica, sans-serif;
    --mat-button-outlined-label-text-size: 14px;
    --mat-button-outlined-label-text-tracking: .0892857143em;
    --mat-button-outlined-label-text-transform: none;
    --mat-button-outlined-label-text-weight: 500;
    --mat-button-protected-label-text-font: Avertacy, fallbackFont, Helvetica Neue, Helvetica, sans-serif;
    --mat-button-protected-label-text-size: 14px;
    --mat-button-protected-label-text-tracking: .0892857143em;
    --mat-button-protected-label-text-transform: none;
    --mat-button-protected-label-text-weight: 500;
    --mat-button-text-label-text-font: Avertacy, fallbackFont, Helvetica Neue, Helvetica, sans-serif;
    --mat-button-text-label-text-size: 14px;
    --mat-button-text-label-text-tracking: .0892857143em;
    --mat-button-text-label-text-transform: none;
    --mat-button-text-label-text-weight: 500;
    --mat-button-tonal-label-text-font: Avertacy, fallbackFont, Helvetica Neue, Helvetica, sans-serif;
    --mat-button-tonal-label-text-size: 14px;
    --mat-button-tonal-label-text-tracking: .0892857143em;
    --mat-button-tonal-label-text-transform: none;
    --mat-button-tonal-label-text-weight: 500;
    --mat-icon-button-icon-size: 24px;
    --mat-icon-button-container-shape: 50%;
    --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);
    --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, .54);
    --mat-icon-button-focus-state-layer-opacity: .12;
    --mat-icon-button-hover-state-layer-opacity: .04;
    --mat-icon-button-icon-color: inherit;
    --mat-icon-button-pressed-state-layer-opacity: .12;
    --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent);
    --mat-icon-button-state-layer-color: rgba(0, 0, 0, .87);
    --mat-icon-button-touch-target-display: block;
    --mat-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);
    --mat-fab-container-shape: 50%;
    --mat-fab-extended-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);
    --mat-fab-extended-container-height: 48px;
    --mat-fab-extended-container-shape: 24px;
    --mat-fab-extended-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);
    --mat-fab-extended-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);
    --mat-fab-extended-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);
    --mat-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);
    --mat-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);
    --mat-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);
    --mat-fab-small-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);
    --mat-fab-small-container-shape: 50%;
    --mat-fab-small-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);
    --mat-fab-small-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);
    --mat-fab-small-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);
    --mat-fab-container-color: white;
    --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent);
    --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);
    --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, .54);
    --mat-fab-focus-state-layer-opacity: .12;
    --mat-fab-foreground-color: rgba(0, 0, 0, .87);
    --mat-fab-hover-state-layer-opacity: .04;
    --mat-fab-pressed-state-layer-opacity: .12;
    --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent);
    --mat-fab-small-container-color: white;
    --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent);
    --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);
    --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, .54);
    --mat-fab-small-focus-state-layer-opacity: .12;
    --mat-fab-small-foreground-color: rgba(0, 0, 0, .87);
    --mat-fab-small-hover-state-layer-opacity: .04;
    --mat-fab-small-pressed-state-layer-opacity: .12;
    --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent);
    --mat-fab-small-state-layer-color: rgba(0, 0, 0, .87);
    --mat-fab-state-layer-color: rgba(0, 0, 0, .87);
    --mat-fab-small-touch-target-display: block;
    --mat-fab-touch-target-display: block;
    --mat-fab-extended-label-text-font: Avertacy, fallbackFont, Helvetica Neue, Helvetica, sans-serif;
    --mat-fab-extended-label-text-size: 14px;
    --mat-fab-extended-label-text-tracking: .0892857143em;
    --mat-fab-extended-label-text-weight: 500;
    --mat-snack-bar-container-shape: 4px;
    --mat-snack-bar-container-color: #424242;
    --mat-snack-bar-supporting-text-color: white;
    --mat-snack-bar-button-color: #ff999b;
    --mat-snack-bar-supporting-text-font: Avertacy, fallbackFont, Helvetica Neue, Helvetica, sans-serif;
    --mat-snack-bar-supporting-text-line-height: 20px;
    --mat-snack-bar-supporting-text-size: 14px;
    --mat-snack-bar-supporting-text-weight: 400;
    --mat-table-row-item-outline-width: 1px;
    --mat-table-background-color: white;
    --mat-table-header-headline-color: rgba(0, 0, 0, .87);
    --mat-table-row-item-label-text-color: rgba(0, 0, 0, .87);
    --mat-table-row-item-outline-color: rgba(0, 0, 0, .12);
    --mat-table-header-container-height: 56px;
    --mat-table-footer-container-height: 52px;
    --mat-table-row-item-container-height: 52px;
    --mat-table-header-headline-font: Avertacy, fallbackFont, Helvetica Neue, Helvetica, sans-serif;
    --mat-table-header-headline-line-height: 22px;
    --mat-table-header-headline-size: 14px;
    --mat-table-header-headline-weight: 500;
    --mat-table-header-headline-tracking: .0071428571em;
    --mat-table-row-item-label-text-font: Avertacy, fallbackFont, Helvetica Neue, Helvetica, sans-serif;
    --mat-table-row-item-label-text-line-height: 20px;
    --mat-table-row-item-label-text-size: 14px;
    --mat-table-row-item-label-text-weight: 400;
    --mat-table-row-item-label-text-tracking: .0178571429em;
    --mat-table-footer-supporting-text-font: Avertacy, fallbackFont, Helvetica Neue, Helvetica, sans-serif;
    --mat-table-footer-supporting-text-line-height: 20px;
    --mat-table-footer-supporting-text-size: 14px;
    --mat-table-footer-supporting-text-weight: 400;
    --mat-table-footer-supporting-text-tracking: .0178571429em;
    --mat-progress-spinner-active-indicator-width: 4px;
    --mat-progress-spinner-size: 48px;
    --mat-progress-spinner-active-indicator-color: #ff6d70;
    --mat-badge-container-shape: 50%;
    --mat-badge-container-size: unset;
    --mat-badge-small-size-container-size: unset;
    --mat-badge-large-size-container-size: unset;
    --mat-badge-legacy-container-size: 22px;
    --mat-badge-legacy-small-size-container-size: 16px;
    --mat-badge-legacy-large-size-container-size: 28px;
    --mat-badge-container-offset: -11px 0;
    --mat-badge-small-size-container-offset: -8px 0;
    --mat-badge-large-size-container-offset: -14px 0;
    --mat-badge-container-overlap-offset: -11px;
    --mat-badge-small-size-container-overlap-offset: -8px;
    --mat-badge-large-size-container-overlap-offset: -14px;
    --mat-badge-container-padding: 0;
    --mat-badge-small-size-container-padding: 0;
    --mat-badge-large-size-container-padding: 0;
    --mat-badge-background-color: #ff6d70;
    --mat-badge-text-color: #ffffff;
    --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent);
    --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);
    --mat-badge-text-font: Avertacy, fallbackFont, Helvetica Neue, Helvetica, sans-serif;
    --mat-badge-line-height: 22px;
    --mat-badge-text-size: 12px;
    --mat-badge-text-weight: 600;
    --mat-badge-small-size-text-size: 9px;
    --mat-badge-small-size-line-height: 16px;
    --mat-badge-large-size-text-size: 24px;
    --mat-badge-large-size-line-height: 28px;
    --mat-bottom-sheet-container-shape: 4px;
    --mat-bottom-sheet-container-text-color: rgba(0, 0, 0, .87);
    --mat-bottom-sheet-container-background-color: white;
    --mat-bottom-sheet-container-text-font: Avertacy, fallbackFont, Helvetica Neue, Helvetica, sans-serif;
    --mat-bottom-sheet-container-text-line-height: 20px;
    --mat-bottom-sheet-container-text-size: 14px;
    --mat-bottom-sheet-container-text-tracking: .0178571429em;
    --mat-bottom-sheet-container-text-weight: 400;
    --mat-button-toggle-focus-state-layer-opacity: .12;
    --mat-button-toggle-hover-state-layer-opacity: .04;
    --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
    --mat-button-toggle-legacy-height: 36px;
    --mat-button-toggle-legacy-shape: 2px;
    --mat-button-toggle-shape: 4px;
    --mat-button-toggle-background-color: white;
    --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent);
    --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);
    --mat-button-toggle-disabled-state-background-color: white;
    --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);
    --mat-button-toggle-divider-color: rgba(0, 0, 0, .12);
    --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent);
    --mat-button-toggle-legacy-disabled-state-background-color: white;
    --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);
    --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent);
    --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, .87);
    --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent);
    --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, .87);
    --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent);
    --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, .87);
    --mat-button-toggle-state-layer-color: rgba(0, 0, 0, .87);
    --mat-button-toggle-text-color: rgba(0, 0, 0, .87);
    --mat-button-toggle-height: 48px;
    --mat-button-toggle-label-text-font: Avertacy, fallbackFont, Helvetica Neue, Helvetica, sans-serif;
    --mat-button-toggle-label-text-line-height: 24px;
    --mat-button-toggle-label-text-size: 16px;
    --mat-button-toggle-label-text-tracking: .03125em;
    --mat-button-toggle-label-text-weight: 400;
    --mat-button-toggle-legacy-label-text-font: Avertacy, fallbackFont, Helvetica Neue, Helvetica, sans-serif;
    --mat-button-toggle-legacy-label-text-line-height: 24px;
    --mat-button-toggle-legacy-label-text-size: 16px;
    --mat-button-toggle-legacy-label-text-tracking: .03125em;
    --mat-button-toggle-legacy-label-text-weight: 400;
    --mat-datepicker-calendar-container-shape: 4px;
    --mat-datepicker-calendar-container-touch-shape: 4px;
    --mat-datepicker-calendar-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, .2), 0px 4px 5px 0px rgba(0, 0, 0, .14), 0px 1px 10px 0px rgba(0, 0, 0, .12);
    --mat-datepicker-calendar-container-touch-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, .2), 0px 24px 38px 3px rgba(0, 0, 0, .14), 0px 9px 46px 8px rgba(0, 0, 0, .12);
    --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #ff6d70 20%, transparent);
    --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #3399ff 20%, transparent);
    --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
    --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
    --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
    --mat-datepicker-calendar-date-selected-state-background-color: #ff6d70;
    --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #ff6d70 38%, transparent);
    --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
    --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #ff6d70 12%, transparent);
    --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #ff6d70 4%, transparent);
    --mat-datepicker-toggle-active-state-icon-color: #ff6d70;
    --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, .54);
    --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, .54);
    --mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, .87);
    --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, .54);
    --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, .54);
    --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, .12);
    --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, .54);
    --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, .54);
    --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);
    --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, .87);
    --mat-datepicker-calendar-date-outline-color: transparent;
    --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);
    --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, .54);
    --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, .87);
    --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);
    --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);
    --mat-datepicker-calendar-container-background-color: white;
    --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, .87);
    --mat-datepicker-calendar-text-font: Avertacy, fallbackFont, Helvetica Neue, Helvetica, sans-serif;
    --mat-datepicker-calendar-text-size: 13px;
    --mat-datepicker-calendar-body-label-text-size: 14px;
    --mat-datepicker-calendar-body-label-text-weight: 500;
    --mat-datepicker-calendar-period-button-text-size: 14px;
    --mat-datepicker-calendar-period-button-text-weight: 500;
    --mat-datepicker-calendar-header-text-size: 11px;
    --mat-datepicker-calendar-header-text-weight: 400;
    --mat-divider-width: 1px;
    --mat-divider-color: rgba(0, 0, 0, .12);
    --mat-expansion-container-shape: 4px;
    --mat-expansion-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12);
    --mat-expansion-legacy-header-indicator-display: inline-block;
    --mat-expansion-header-indicator-display: none;
    --mat-expansion-container-background-color: white;
    --mat-expansion-container-text-color: rgba(0, 0, 0, .87);
    --mat-expansion-actions-divider-color: rgba(0, 0, 0, .12);
    --mat-expansion-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, .87) 4%, transparent);
    --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent);
    --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);
    --mat-expansion-header-text-color: rgba(0, 0, 0, .87);
    --mat-expansion-header-description-color: rgba(0, 0, 0, .54);
    --mat-expansion-header-indicator-color: rgba(0, 0, 0, .54);
    --mat-expansion-header-collapsed-state-height: 48px;
    --mat-expansion-header-expanded-state-height: 64px;
    --mat-expansion-header-text-font: Avertacy, fallbackFont, Helvetica Neue, Helvetica, sans-serif;
    --mat-expansion-header-text-size: 14px;
    --mat-expansion-header-text-weight: 500;
    --mat-expansion-header-text-line-height: inherit;
    --mat-expansion-header-text-tracking: inherit;
    --mat-expansion-container-text-font: Avertacy, fallbackFont, Helvetica Neue, Helvetica, sans-serif;
    --mat-expansion-container-text-line-height: 20px;
    --mat-expansion-container-text-size: 14px;
    --mat-expansion-container-text-tracking: .0178571429em;
    --mat-expansion-container-text-weight: 400;
    --mat-grid-list-tile-header-primary-text-size: 14px;
    --mat-grid-list-tile-header-secondary-text-size: 12px;
    --mat-grid-list-tile-footer-primary-text-size: 14px;
    --mat-grid-list-tile-footer-secondary-text-size: 12px;
    --mat-icon-color: inherit;
    --mat-sidenav-container-shape: 0;
    --mat-sidenav-container-elevation-shadow: 0px 8px 10px -5px rgba(0, 0, 0, .2), 0px 16px 24px 2px rgba(0, 0, 0, .14), 0px 6px 30px 5px rgba(0, 0, 0, .12);
    --mat-sidenav-container-width: auto;
    --mat-sidenav-container-divider-color: rgba(0, 0, 0, .12);
    --mat-sidenav-container-background-color: white;
    --mat-sidenav-container-text-color: rgba(0, 0, 0, .87);
    --mat-sidenav-content-background-color: #fafafa;
    --mat-sidenav-content-text-color: rgba(0, 0, 0, .87);
    --mat-sidenav-scrim-color: rgba(0, 0, 0, .6);
    --mat-stepper-header-focus-state-layer-shape: 0;
    --mat-stepper-header-hover-state-layer-shape: 0;
    --mat-stepper-header-icon-foreground-color: #ffffff;
    --mat-stepper-header-selected-state-icon-background-color: #ff6d70;
    --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
    --mat-stepper-header-done-state-icon-background-color: #ff6d70;
    --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
    --mat-stepper-header-edit-state-icon-background-color: #ff6d70;
    --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
    --mat-stepper-container-color: white;
    --mat-stepper-line-color: rgba(0, 0, 0, .12);
    --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, .87) 4%, transparent);
    --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent);
    --mat-stepper-header-label-text-color: rgba(0, 0, 0, .54);
    --mat-stepper-header-optional-label-text-color: rgba(0, 0, 0, .54);
    --mat-stepper-header-selected-state-label-text-color: rgba(0, 0, 0, .87);
    --mat-stepper-header-error-state-label-text-color: #f44336;
    --mat-stepper-header-icon-background-color: rgba(0, 0, 0, .54);
    --mat-stepper-header-error-state-icon-foreground-color: #f44336;
    --mat-stepper-header-error-state-icon-background-color: transparent;
    --mat-stepper-header-height: 72px;
    --mat-stepper-container-text-font: Avertacy, fallbackFont, Helvetica Neue, Helvetica, sans-serif;
    --mat-stepper-header-label-text-font: Avertacy, fallbackFont, Helvetica Neue, Helvetica, sans-serif;
    --mat-stepper-header-label-text-size: 14px;
    --mat-stepper-header-label-text-weight: 400;
    --mat-stepper-header-error-state-label-text-size: 16px;
    --mat-stepper-header-selected-state-label-text-size: 16px;
    --mat-stepper-header-selected-state-label-text-weight: 400;
    --mat-sort-arrow-color: rgba(0, 0, 0, .87);
    --mat-toolbar-container-background-color: white;
    --mat-toolbar-container-text-color: rgba(0, 0, 0, .87);
    --mat-toolbar-standard-height: 64px;
    --mat-toolbar-mobile-height: 56px;
    --mat-toolbar-title-text-font: Avertacy, fallbackFont, Helvetica Neue, Helvetica, sans-serif;
    --mat-toolbar-title-text-line-height: 32px;
    --mat-toolbar-title-text-size: 20px;
    --mat-toolbar-title-text-tracking: .0125em;
    --mat-toolbar-title-text-weight: 500;
    --mat-tree-container-background-color: white;
    --mat-tree-node-text-color: rgba(0, 0, 0, .87);
    --mat-tree-node-min-height: 48px;
    --mat-tree-node-text-font: Avertacy, fallbackFont, Helvetica Neue, Helvetica, sans-serif;
    --mat-tree-node-text-size: 14px;
    --mat-tree-node-text-weight: 400;
    --mat-timepicker-container-shape: 4px;
    --mat-timepicker-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);
    --mat-timepicker-container-background-color: white
}

.mat-elevation-z0,
.mat-mdc-elevation-specific.mat-elevation-z0 {
    box-shadow: var(--mat-app-elevation-shadow-level-0, 0px 0px 0px 0px --mat-sys-shadow, 0px 0px 0px 0px --mat-sys-shadow, 0px 0px 0px 0px --mat-sys-shadow)
}

.mat-elevation-z1,
.mat-mdc-elevation-specific.mat-elevation-z1 {
    box-shadow: var(--mat-app-elevation-shadow-level-1, 0px 2px 1px -1px --mat-sys-shadow, 0px 1px 1px 0px --mat-sys-shadow, 0px 1px 3px 0px --mat-sys-shadow)
}

.mat-elevation-z2,
.mat-mdc-elevation-specific.mat-elevation-z2 {
    box-shadow: var(--mat-app-elevation-shadow-level-2, 0px 3px 1px -2px --mat-sys-shadow, 0px 2px 2px 0px --mat-sys-shadow, 0px 1px 5px 0px --mat-sys-shadow)
}

.mat-elevation-z3,
.mat-mdc-elevation-specific.mat-elevation-z3 {
    box-shadow: var(--mat-app-elevation-shadow-level-3, 0px 3px 3px -2px --mat-sys-shadow, 0px 3px 4px 0px --mat-sys-shadow, 0px 1px 8px 0px --mat-sys-shadow)
}

.mat-elevation-z4,
.mat-mdc-elevation-specific.mat-elevation-z4 {
    box-shadow: var(--mat-app-elevation-shadow-level-4, 0px 2px 4px -1px --mat-sys-shadow, 0px 4px 5px 0px --mat-sys-shadow, 0px 1px 10px 0px --mat-sys-shadow)
}

.mat-elevation-z5,
.mat-mdc-elevation-specific.mat-elevation-z5 {
    box-shadow: var(--mat-app-elevation-shadow-level-5, 0px 3px 5px -1px --mat-sys-shadow, 0px 5px 8px 0px --mat-sys-shadow, 0px 1px 14px 0px --mat-sys-shadow)
}

.mat-elevation-z6,
.mat-mdc-elevation-specific.mat-elevation-z6 {
    box-shadow: var(--mat-app-elevation-shadow-level-6, 0px 3px 5px -1px --mat-sys-shadow, 0px 6px 10px 0px --mat-sys-shadow, 0px 1px 18px 0px --mat-sys-shadow)
}

.mat-elevation-z7,
.mat-mdc-elevation-specific.mat-elevation-z7 {
    box-shadow: var(--mat-app-elevation-shadow-level-7, 0px 4px 5px -2px --mat-sys-shadow, 0px 7px 10px 1px --mat-sys-shadow, 0px 2px 16px 1px --mat-sys-shadow)
}

.mat-elevation-z8,
.mat-mdc-elevation-specific.mat-elevation-z8 {
    box-shadow: var(--mat-app-elevation-shadow-level-8, 0px 5px 5px -3px --mat-sys-shadow, 0px 8px 10px 1px --mat-sys-shadow, 0px 3px 14px 2px --mat-sys-shadow)
}

.mat-elevation-z9,
.mat-mdc-elevation-specific.mat-elevation-z9 {
    box-shadow: var(--mat-app-elevation-shadow-level-9, 0px 5px 6px -3px --mat-sys-shadow, 0px 9px 12px 1px --mat-sys-shadow, 0px 3px 16px 2px --mat-sys-shadow)
}

.mat-elevation-z10,
.mat-mdc-elevation-specific.mat-elevation-z10 {
    box-shadow: var(--mat-app-elevation-shadow-level-10, 0px 6px 6px -3px --mat-sys-shadow, 0px 10px 14px 1px --mat-sys-shadow, 0px 4px 18px 3px --mat-sys-shadow)
}

.mat-elevation-z11,
.mat-mdc-elevation-specific.mat-elevation-z11 {
    box-shadow: var(--mat-app-elevation-shadow-level-11, 0px 6px 7px -4px --mat-sys-shadow, 0px 11px 15px 1px --mat-sys-shadow, 0px 4px 20px 3px --mat-sys-shadow)
}

.mat-elevation-z12,
.mat-mdc-elevation-specific.mat-elevation-z12 {
    box-shadow: var(--mat-app-elevation-shadow-level-12, 0px 7px 8px -4px --mat-sys-shadow, 0px 12px 17px 2px --mat-sys-shadow, 0px 5px 22px 4px --mat-sys-shadow)
}

.mat-elevation-z13,
.mat-mdc-elevation-specific.mat-elevation-z13 {
    box-shadow: var(--mat-app-elevation-shadow-level-13, 0px 7px 8px -4px --mat-sys-shadow, 0px 13px 19px 2px --mat-sys-shadow, 0px 5px 24px 4px --mat-sys-shadow)
}

.mat-elevation-z14,
.mat-mdc-elevation-specific.mat-elevation-z14 {
    box-shadow: var(--mat-app-elevation-shadow-level-14, 0px 7px 9px -4px --mat-sys-shadow, 0px 14px 21px 2px --mat-sys-shadow, 0px 5px 26px 4px --mat-sys-shadow)
}

.mat-elevation-z15,
.mat-mdc-elevation-specific.mat-elevation-z15 {
    box-shadow: var(--mat-app-elevation-shadow-level-15, 0px 8px 9px -5px --mat-sys-shadow, 0px 15px 22px 2px --mat-sys-shadow, 0px 6px 28px 5px --mat-sys-shadow)
}

.mat-elevation-z16,
.mat-mdc-elevation-specific.mat-elevation-z16 {
    box-shadow: var(--mat-app-elevation-shadow-level-16, 0px 8px 10px -5px --mat-sys-shadow, 0px 16px 24px 2px --mat-sys-shadow, 0px 6px 30px 5px --mat-sys-shadow)
}

.mat-elevation-z17,
.mat-mdc-elevation-specific.mat-elevation-z17 {
    box-shadow: var(--mat-app-elevation-shadow-level-17, 0px 8px 11px -5px --mat-sys-shadow, 0px 17px 26px 2px --mat-sys-shadow, 0px 6px 32px 5px --mat-sys-shadow)
}

.mat-elevation-z18,
.mat-mdc-elevation-specific.mat-elevation-z18 {
    box-shadow: var(--mat-app-elevation-shadow-level-18, 0px 9px 11px -5px --mat-sys-shadow, 0px 18px 28px 2px --mat-sys-shadow, 0px 7px 34px 6px --mat-sys-shadow)
}

.mat-elevation-z19,
.mat-mdc-elevation-specific.mat-elevation-z19 {
    box-shadow: var(--mat-app-elevation-shadow-level-19, 0px 9px 12px -6px --mat-sys-shadow, 0px 19px 29px 2px --mat-sys-shadow, 0px 7px 36px 6px --mat-sys-shadow)
}

.mat-elevation-z20,
.mat-mdc-elevation-specific.mat-elevation-z20 {
    box-shadow: var(--mat-app-elevation-shadow-level-20, 0px 10px 13px -6px --mat-sys-shadow, 0px 20px 31px 3px --mat-sys-shadow, 0px 8px 38px 7px --mat-sys-shadow)
}

.mat-elevation-z21,
.mat-mdc-elevation-specific.mat-elevation-z21 {
    box-shadow: var(--mat-app-elevation-shadow-level-21, 0px 10px 13px -6px --mat-sys-shadow, 0px 21px 33px 3px --mat-sys-shadow, 0px 8px 40px 7px --mat-sys-shadow)
}

.mat-elevation-z22,
.mat-mdc-elevation-specific.mat-elevation-z22 {
    box-shadow: var(--mat-app-elevation-shadow-level-22, 0px 10px 14px -6px --mat-sys-shadow, 0px 22px 35px 3px --mat-sys-shadow, 0px 8px 42px 7px --mat-sys-shadow)
}

.mat-elevation-z23,
.mat-mdc-elevation-specific.mat-elevation-z23 {
    box-shadow: var(--mat-app-elevation-shadow-level-23, 0px 11px 14px -7px --mat-sys-shadow, 0px 23px 36px 3px --mat-sys-shadow, 0px 9px 44px 8px --mat-sys-shadow)
}

.mat-elevation-z24,
.mat-mdc-elevation-specific.mat-elevation-z24 {
    box-shadow: var(--mat-app-elevation-shadow-level-24, 0px 11px 15px -7px --mat-sys-shadow, 0px 24px 38px 3px --mat-sys-shadow, 0px 9px 46px 8px --mat-sys-shadow)
}

html html {
    --mat-sys-on-surface: initial
}

.mat-app-background {
    background-color: var(--mat-app-background-color, var(--mat-sys-background, transparent));
    color: var(--mat-app-text-color, var(--mat-sys-on-background, inherit))
}

html .mat-accent {
    --mat-option-selected-state-label-text-color: #3399ff;
    --mat-option-label-text-color: rgba(0, 0, 0, .87);
    --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, .87) 4%, transparent);
    --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent);
    --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent)
}

html .mat-warn {
    --mat-option-selected-state-label-text-color: #f44336;
    --mat-option-label-text-color: rgba(0, 0, 0, .87);
    --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, .87) 4%, transparent);
    --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent);
    --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent)
}

html .mat-primary {
    --mat-pseudo-checkbox-full-selected-icon-color: #ff6d70;
    --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
    --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, .54);
    --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
    --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);
    --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);
    --mat-pseudo-checkbox-minimal-selected-checkmark-color: #ff6d70;
    --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent)
}

html .mat-accent {
    --mat-pseudo-checkbox-full-selected-icon-color: #3399ff;
    --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
    --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, .54);
    --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
    --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);
    --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);
    --mat-pseudo-checkbox-minimal-selected-checkmark-color: #3399ff;
    --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent)
}

html .mat-warn {
    --mat-pseudo-checkbox-full-selected-icon-color: #f44336;
    --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
    --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, .54);
    --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
    --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);
    --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);
    --mat-pseudo-checkbox-minimal-selected-checkmark-color: #f44336;
    --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent)
}

html .mat-mdc-progress-bar {
    --mat-progress-bar-active-indicator-color: #ff6d70;
    --mat-progress-bar-track-color: rgba(255, 109, 112, .25)
}

html .mat-mdc-progress-bar.mat-accent {
    --mat-progress-bar-active-indicator-color: #3399ff;
    --mat-progress-bar-track-color: rgba(51, 153, 255, .25)
}

html .mat-mdc-progress-bar.mat-warn {
    --mat-progress-bar-active-indicator-color: #f44336;
    --mat-progress-bar-track-color: rgba(244, 67, 54, .25)
}

html .mat-mdc-form-field.mat-accent {
    --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #3399ff 87%, transparent);
    --mat-form-field-filled-caret-color: #3399ff;
    --mat-form-field-filled-focus-active-indicator-color: #3399ff;
    --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #3399ff 87%, transparent);
    --mat-form-field-outlined-caret-color: #3399ff;
    --mat-form-field-outlined-focus-outline-color: #3399ff;
    --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #3399ff 87%, transparent)
}

html .mat-mdc-form-field.mat-warn {
    --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #f44336 87%, transparent);
    --mat-form-field-filled-caret-color: #f44336;
    --mat-form-field-filled-focus-active-indicator-color: #f44336;
    --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #f44336 87%, transparent);
    --mat-form-field-outlined-caret-color: #f44336;
    --mat-form-field-outlined-focus-outline-color: #f44336;
    --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #f44336 87%, transparent)
}

html .mat-mdc-form-field.mat-accent {
    --mat-select-panel-background-color: white;
    --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, .87);
    --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);
    --mat-select-placeholder-text-color: rgba(0, 0, 0, .54);
    --mat-select-enabled-arrow-color: rgba(0, 0, 0, .54);
    --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);
    --mat-select-focused-arrow-color: #3399ff;
    --mat-select-invalid-arrow-color: #f44336
}

html .mat-mdc-form-field.mat-warn {
    --mat-select-panel-background-color: white;
    --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, .87);
    --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);
    --mat-select-placeholder-text-color: rgba(0, 0, 0, .54);
    --mat-select-enabled-arrow-color: rgba(0, 0, 0, .54);
    --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);
    --mat-select-focused-arrow-color: #f44336;
    --mat-select-invalid-arrow-color: #f44336
}

html .mat-mdc-standard-chip {
    --mat-chip-container-shape-radius: 16px;
    --mat-chip-disabled-container-opacity: .4;
    --mat-chip-disabled-outline-color: transparent;
    --mat-chip-flat-selected-outline-width: 0;
    --mat-chip-focus-outline-color: transparent;
    --mat-chip-hover-state-layer-opacity: .04;
    --mat-chip-outline-color: transparent;
    --mat-chip-outline-width: 0;
    --mat-chip-selected-hover-state-layer-opacity: .04;
    --mat-chip-selected-trailing-action-state-layer-color: transparent;
    --mat-chip-trailing-action-focus-opacity: 1;
    --mat-chip-trailing-action-focus-state-layer-opacity: 0;
    --mat-chip-trailing-action-hover-state-layer-opacity: 0;
    --mat-chip-trailing-action-opacity: .54;
    --mat-chip-trailing-action-state-layer-color: transparent;
    --mat-chip-with-avatar-avatar-shape-radius: 14px;
    --mat-chip-with-avatar-avatar-size: 28px;
    --mat-chip-with-avatar-disabled-avatar-opacity: 1;
    --mat-chip-with-icon-disabled-icon-opacity: 1;
    --mat-chip-with-icon-icon-size: 18px;
    --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1
}

html .mat-mdc-standard-chip {
    --mat-chip-disabled-label-text-color: rgba(0, 0, 0, .87);
    --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent);
    --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent);
    --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent);
    --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent);
    --mat-chip-focus-state-layer-color: rgba(0, 0, 0, .87);
    --mat-chip-focus-state-layer-opacity: .12;
    --mat-chip-hover-state-layer-color: rgba(0, 0, 0, .87);
    --mat-chip-label-text-color: rgba(0, 0, 0, .87);
    --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, .87);
    --mat-chip-selected-focus-state-layer-color: .12;
    --mat-chip-selected-focus-state-layer-opacity: .12;
    --mat-chip-selected-hover-state-layer-color: .04;
    --mat-chip-selected-label-text-color: rgba(0, 0, 0, .87);
    --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, .87);
    --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, .87);
    --mat-chip-with-icon-icon-color: rgba(0, 0, 0, .87);
    --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, .87);
    --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, .87);
    --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, .87)
}

html .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
html .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
    --mat-chip-disabled-label-text-color: #ffffff;
    --mat-chip-elevated-container-color: #ff6d70;
    --mat-chip-elevated-disabled-container-color: #ff6d70;
    --mat-chip-elevated-selected-container-color: #ff6d70;
    --mat-chip-flat-disabled-selected-container-color: #ff6d70;
    --mat-chip-focus-state-layer-color: rgba(0, 0, 0, .87);
    --mat-chip-focus-state-layer-opacity: .12;
    --mat-chip-hover-state-layer-color: rgba(0, 0, 0, .87);
    --mat-chip-label-text-color: #ffffff;
    --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
    --mat-chip-selected-focus-state-layer-color: .12;
    --mat-chip-selected-focus-state-layer-opacity: .12;
    --mat-chip-selected-hover-state-layer-color: .04;
    --mat-chip-selected-label-text-color: #ffffff;
    --mat-chip-selected-trailing-icon-color: #ffffff;
    --mat-chip-with-icon-disabled-icon-color: #ffffff;
    --mat-chip-with-icon-icon-color: #ffffff;
    --mat-chip-with-icon-selected-icon-color: #ffffff;
    --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
    --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff
}

html .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
html .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
    --mat-chip-disabled-label-text-color: #000000;
    --mat-chip-elevated-container-color: #3399ff;
    --mat-chip-elevated-disabled-container-color: #3399ff;
    --mat-chip-elevated-selected-container-color: #3399ff;
    --mat-chip-flat-disabled-selected-container-color: #3399ff;
    --mat-chip-focus-state-layer-color: rgba(0, 0, 0, .87);
    --mat-chip-focus-state-layer-opacity: .12;
    --mat-chip-hover-state-layer-color: rgba(0, 0, 0, .87);
    --mat-chip-label-text-color: #000000;
    --mat-chip-selected-disabled-trailing-icon-color: #000000;
    --mat-chip-selected-focus-state-layer-color: .12;
    --mat-chip-selected-focus-state-layer-opacity: .12;
    --mat-chip-selected-hover-state-layer-color: .04;
    --mat-chip-selected-label-text-color: #000000;
    --mat-chip-selected-trailing-icon-color: #000000;
    --mat-chip-with-icon-disabled-icon-color: #000000;
    --mat-chip-with-icon-icon-color: #000000;
    --mat-chip-with-icon-selected-icon-color: #000000;
    --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #000000;
    --mat-chip-with-trailing-icon-trailing-icon-color: #000000
}

html .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
html .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
    --mat-chip-disabled-label-text-color: white;
    --mat-chip-elevated-container-color: #f44336;
    --mat-chip-elevated-disabled-container-color: #f44336;
    --mat-chip-elevated-selected-container-color: #f44336;
    --mat-chip-flat-disabled-selected-container-color: #f44336;
    --mat-chip-focus-state-layer-color: rgba(0, 0, 0, .87);
    --mat-chip-focus-state-layer-opacity: .12;
    --mat-chip-hover-state-layer-color: rgba(0, 0, 0, .87);
    --mat-chip-label-text-color: white;
    --mat-chip-selected-disabled-trailing-icon-color: white;
    --mat-chip-selected-focus-state-layer-color: .12;
    --mat-chip-selected-focus-state-layer-opacity: .12;
    --mat-chip-selected-hover-state-layer-color: .04;
    --mat-chip-selected-label-text-color: white;
    --mat-chip-selected-trailing-icon-color: white;
    --mat-chip-with-icon-disabled-icon-color: white;
    --mat-chip-with-icon-icon-color: white;
    --mat-chip-with-icon-selected-icon-color: white;
    --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
    --mat-chip-with-trailing-icon-trailing-icon-color: white
}

html .mat-mdc-chip.mat-mdc-standard-chip {
    --mat-chip-container-height: 32px
}

html .mat-mdc-standard-chip {
    --mat-chip-label-text-font: Avertacy, fallbackFont, Helvetica Neue, Helvetica, sans-serif;
    --mat-chip-label-text-line-height: 20px;
    --mat-chip-label-text-size: 14px;
    --mat-chip-label-text-tracking: .0178571429em;
    --mat-chip-label-text-weight: 400
}

html .mat-mdc-slide-toggle.mat-accent {
    --mat-slide-toggle-selected-icon-color: #000000;
    --mat-slide-toggle-disabled-selected-icon-color: #000000;
    --mat-slide-toggle-selected-focus-state-layer-color: #3399ff;
    --mat-slide-toggle-selected-handle-color: #3399ff;
    --mat-slide-toggle-selected-hover-state-layer-color: #3399ff;
    --mat-slide-toggle-selected-pressed-state-layer-color: #3399ff;
    --mat-slide-toggle-selected-focus-handle-color: #3399ff;
    --mat-slide-toggle-selected-hover-handle-color: #3399ff;
    --mat-slide-toggle-selected-pressed-handle-color: #3399ff;
    --mat-slide-toggle-selected-focus-track-color: #70b8ff;
    --mat-slide-toggle-selected-hover-track-color: #70b8ff;
    --mat-slide-toggle-selected-pressed-track-color: #70b8ff;
    --mat-slide-toggle-selected-track-color: #70b8ff
}

html .mat-mdc-slide-toggle.mat-warn {
    --mat-slide-toggle-selected-icon-color: white;
    --mat-slide-toggle-disabled-selected-icon-color: white;
    --mat-slide-toggle-selected-focus-state-layer-color: #f44336;
    --mat-slide-toggle-selected-handle-color: #f44336;
    --mat-slide-toggle-selected-hover-state-layer-color: #f44336;
    --mat-slide-toggle-selected-pressed-state-layer-color: #f44336;
    --mat-slide-toggle-selected-focus-handle-color: #f44336;
    --mat-slide-toggle-selected-hover-handle-color: #f44336;
    --mat-slide-toggle-selected-pressed-handle-color: #f44336;
    --mat-slide-toggle-selected-focus-track-color: #e57373;
    --mat-slide-toggle-selected-hover-track-color: #e57373;
    --mat-slide-toggle-selected-pressed-track-color: #e57373;
    --mat-slide-toggle-selected-track-color: #e57373
}

html .mat-mdc-slide-toggle {
    --mat-slide-toggle-label-text-font: Avertacy, fallbackFont, Helvetica Neue, Helvetica, sans-serif;
    --mat-slide-toggle-label-text-line-height: 20px;
    --mat-slide-toggle-label-text-size: 14px;
    --mat-slide-toggle-label-text-tracking: .0178571429em;
    --mat-slide-toggle-label-text-weight: 400
}

html .mat-mdc-radio-button.mat-primary {
    --mat-radio-checked-ripple-color: #ff6d70;
    --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);
    --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, .87);
    --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, .87);
    --mat-radio-label-text-color: rgba(0, 0, 0, .87);
    --mat-radio-ripple-color: rgba(0, 0, 0, .87);
    --mat-radio-selected-focus-icon-color: #ff6d70;
    --mat-radio-selected-hover-icon-color: #ff6d70;
    --mat-radio-selected-icon-color: #ff6d70;
    --mat-radio-selected-pressed-icon-color: #ff6d70;
    --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, .87);
    --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, .87);
    --mat-radio-unselected-icon-color: rgba(0, 0, 0, .54);
    --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, .87)
}

html .mat-mdc-radio-button.mat-accent {
    --mat-radio-checked-ripple-color: #3399ff;
    --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);
    --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, .87);
    --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, .87);
    --mat-radio-label-text-color: rgba(0, 0, 0, .87);
    --mat-radio-ripple-color: rgba(0, 0, 0, .87);
    --mat-radio-selected-focus-icon-color: #3399ff;
    --mat-radio-selected-hover-icon-color: #3399ff;
    --mat-radio-selected-icon-color: #3399ff;
    --mat-radio-selected-pressed-icon-color: #3399ff;
    --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, .87);
    --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, .87);
    --mat-radio-unselected-icon-color: rgba(0, 0, 0, .54);
    --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, .87)
}

html .mat-mdc-radio-button.mat-warn {
    --mat-radio-checked-ripple-color: #f44336;
    --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);
    --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, .87);
    --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, .87);
    --mat-radio-label-text-color: rgba(0, 0, 0, .87);
    --mat-radio-ripple-color: rgba(0, 0, 0, .87);
    --mat-radio-selected-focus-icon-color: #f44336;
    --mat-radio-selected-hover-icon-color: #f44336;
    --mat-radio-selected-icon-color: #f44336;
    --mat-radio-selected-pressed-icon-color: #f44336;
    --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, .87);
    --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, .87);
    --mat-radio-unselected-icon-color: rgba(0, 0, 0, .54);
    --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, .87)
}

html .mat-accent {
    --mat-slider-active-track-color: #3399ff;
    --mat-slider-focus-handle-color: #3399ff;
    --mat-slider-handle-color: #3399ff;
    --mat-slider-hover-handle-color: #3399ff;
    --mat-slider-focus-state-layer-color: color-mix(in srgb, #3399ff 12%, transparent);
    --mat-slider-hover-state-layer-color: color-mix(in srgb, #3399ff 4%, transparent);
    --mat-slider-inactive-track-color: #3399ff;
    --mat-slider-ripple-color: #3399ff;
    --mat-slider-with-tick-marks-active-container-color: #000000;
    --mat-slider-with-tick-marks-inactive-container-color: #3399ff
}

html .mat-warn {
    --mat-slider-active-track-color: #f44336;
    --mat-slider-focus-handle-color: #f44336;
    --mat-slider-handle-color: #f44336;
    --mat-slider-hover-handle-color: #f44336;
    --mat-slider-focus-state-layer-color: color-mix(in srgb, #f44336 12%, transparent);
    --mat-slider-hover-state-layer-color: color-mix(in srgb, #f44336 4%, transparent);
    --mat-slider-inactive-track-color: #f44336;
    --mat-slider-ripple-color: #f44336;
    --mat-slider-with-tick-marks-active-container-color: white;
    --mat-slider-with-tick-marks-inactive-container-color: #f44336
}

html .mdc-list-item__start,
html .mdc-list-item__end {
    --mat-radio-checked-ripple-color: #ff6d70;
    --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);
    --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, .87);
    --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, .87);
    --mat-radio-label-text-color: rgba(0, 0, 0, .87);
    --mat-radio-ripple-color: rgba(0, 0, 0, .87);
    --mat-radio-selected-focus-icon-color: #ff6d70;
    --mat-radio-selected-hover-icon-color: #ff6d70;
    --mat-radio-selected-icon-color: #ff6d70;
    --mat-radio-selected-pressed-icon-color: #ff6d70;
    --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, .87);
    --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, .87);
    --mat-radio-unselected-icon-color: rgba(0, 0, 0, .54);
    --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, .87)
}

html .mat-accent .mdc-list-item__start,
html .mat-accent .mdc-list-item__end {
    --mat-radio-checked-ripple-color: #3399ff;
    --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);
    --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, .87);
    --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, .87);
    --mat-radio-label-text-color: rgba(0, 0, 0, .87);
    --mat-radio-ripple-color: rgba(0, 0, 0, .87);
    --mat-radio-selected-focus-icon-color: #3399ff;
    --mat-radio-selected-hover-icon-color: #3399ff;
    --mat-radio-selected-icon-color: #3399ff;
    --mat-radio-selected-pressed-icon-color: #3399ff;
    --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, .87);
    --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, .87);
    --mat-radio-unselected-icon-color: rgba(0, 0, 0, .54);
    --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, .87)
}

html .mat-warn .mdc-list-item__start,
html .mat-warn .mdc-list-item__end {
    --mat-radio-checked-ripple-color: #f44336;
    --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);
    --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, .87);
    --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, .87);
    --mat-radio-label-text-color: rgba(0, 0, 0, .87);
    --mat-radio-ripple-color: rgba(0, 0, 0, .87);
    --mat-radio-selected-focus-icon-color: #f44336;
    --mat-radio-selected-hover-icon-color: #f44336;
    --mat-radio-selected-icon-color: #f44336;
    --mat-radio-selected-pressed-icon-color: #f44336;
    --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, .87);
    --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, .87);
    --mat-radio-unselected-icon-color: rgba(0, 0, 0, .54);
    --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, .87)
}

html .mat-mdc-list-option {
    --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);
    --mat-checkbox-label-text-color: rgba(0, 0, 0, .87);
    --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);
    --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);
    --mat-checkbox-selected-checkmark-color: #ffffff;
    --mat-checkbox-selected-focus-icon-color: #ff6d70;
    --mat-checkbox-selected-hover-icon-color: #ff6d70;
    --mat-checkbox-selected-icon-color: #ff6d70;
    --mat-checkbox-selected-pressed-icon-color: #ff6d70;
    --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, .87);
    --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, .87);
    --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);
    --mat-checkbox-selected-focus-state-layer-color: #ff6d70;
    --mat-checkbox-selected-hover-state-layer-color: #ff6d70;
    --mat-checkbox-selected-pressed-state-layer-color: #ff6d70;
    --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, .87);
    --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, .87);
    --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, .87)
}

html .mat-mdc-list-option.mat-accent {
    --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);
    --mat-checkbox-label-text-color: rgba(0, 0, 0, .87);
    --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);
    --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);
    --mat-checkbox-selected-checkmark-color: #000000;
    --mat-checkbox-selected-focus-icon-color: #3399ff;
    --mat-checkbox-selected-hover-icon-color: #3399ff;
    --mat-checkbox-selected-icon-color: #3399ff;
    --mat-checkbox-selected-pressed-icon-color: #3399ff;
    --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, .87);
    --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, .87);
    --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);
    --mat-checkbox-selected-focus-state-layer-color: #3399ff;
    --mat-checkbox-selected-hover-state-layer-color: #3399ff;
    --mat-checkbox-selected-pressed-state-layer-color: #3399ff;
    --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, .87);
    --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, .87);
    --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, .87)
}

html .mat-mdc-list-option.mat-warn {
    --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);
    --mat-checkbox-label-text-color: rgba(0, 0, 0, .87);
    --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);
    --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);
    --mat-checkbox-selected-checkmark-color: white;
    --mat-checkbox-selected-focus-icon-color: #f44336;
    --mat-checkbox-selected-hover-icon-color: #f44336;
    --mat-checkbox-selected-icon-color: #f44336;
    --mat-checkbox-selected-pressed-icon-color: #f44336;
    --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, .87);
    --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, .87);
    --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);
    --mat-checkbox-selected-focus-state-layer-color: #f44336;
    --mat-checkbox-selected-hover-state-layer-color: #f44336;
    --mat-checkbox-selected-pressed-state-layer-color: #f44336;
    --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, .87);
    --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, .87);
    --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, .87)
}

html .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
html .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
html .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
html .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
    color: #ff6d70
}

html .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
html .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
html .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
    opacity: 1
}

html .mdc-list-item__start,
html .mdc-list-item__end {
    --mat-radio-state-layer-size: 40px;
    --mat-radio-touch-target-display: block
}

html .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
html .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
html .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
    height: 56px
}

html .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
html .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
html .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
    height: 72px
}

html .mdc-list-group__subheader {
    font: 400 16px/28px Avertacy, fallbackFont, Helvetica Neue, Helvetica, sans-serif;
    letter-spacing: .009375em
}

html .mat-mdc-tab-group,
html .mat-mdc-tab-nav-bar {
    --mat-tab-disabled-ripple-color: rgba(0, 0, 0, .54);
    --mat-tab-pagination-icon-color: rgba(0, 0, 0, .87);
    --mat-tab-inactive-label-text-color: rgba(0, 0, 0, .54);
    --mat-tab-active-label-text-color: #ff6d70;
    --mat-tab-active-ripple-color: #ff6d70;
    --mat-tab-inactive-ripple-color: #ff6d70;
    --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, .54);
    --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, .54);
    --mat-tab-active-focus-label-text-color: #ff6d70;
    --mat-tab-active-hover-label-text-color: #ff6d70;
    --mat-tab-active-focus-indicator-color: #ff6d70;
    --mat-tab-active-hover-indicator-color: #ff6d70;
    --mat-tab-active-indicator-color: #ff6d70
}

html .mat-mdc-tab-group.mat-accent,
html .mat-mdc-tab-nav-bar.mat-accent {
    --mat-tab-disabled-ripple-color: rgba(0, 0, 0, .54);
    --mat-tab-pagination-icon-color: rgba(0, 0, 0, .87);
    --mat-tab-inactive-label-text-color: rgba(0, 0, 0, .54);
    --mat-tab-active-label-text-color: #3399ff;
    --mat-tab-active-ripple-color: #3399ff;
    --mat-tab-inactive-ripple-color: #3399ff;
    --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, .54);
    --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, .54);
    --mat-tab-active-focus-label-text-color: #3399ff;
    --mat-tab-active-hover-label-text-color: #3399ff;
    --mat-tab-active-focus-indicator-color: #3399ff;
    --mat-tab-active-hover-indicator-color: #3399ff;
    --mat-tab-active-indicator-color: #3399ff
}

html .mat-mdc-tab-group.mat-warn,
html .mat-mdc-tab-nav-bar.mat-warn {
    --mat-tab-disabled-ripple-color: rgba(0, 0, 0, .54);
    --mat-tab-pagination-icon-color: rgba(0, 0, 0, .87);
    --mat-tab-inactive-label-text-color: rgba(0, 0, 0, .54);
    --mat-tab-active-label-text-color: #f44336;
    --mat-tab-active-ripple-color: #f44336;
    --mat-tab-inactive-ripple-color: #f44336;
    --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, .54);
    --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, .54);
    --mat-tab-active-focus-label-text-color: #f44336;
    --mat-tab-active-hover-label-text-color: #f44336;
    --mat-tab-active-focus-indicator-color: #f44336;
    --mat-tab-active-hover-indicator-color: #f44336;
    --mat-tab-active-indicator-color: #f44336
}

html .mat-mdc-tab-group.mat-background-primary,
html .mat-mdc-tab-nav-bar.mat-background-primary {
    --mat-tab-background-color: #ff6d70;
    --mat-tab-foreground-color: #ffffff
}

html .mat-mdc-tab-group.mat-background-accent,
html .mat-mdc-tab-nav-bar.mat-background-accent {
    --mat-tab-background-color: #3399ff;
    --mat-tab-foreground-color: #000000
}

html .mat-mdc-tab-group.mat-background-warn,
html .mat-mdc-tab-nav-bar.mat-background-warn {
    --mat-tab-background-color: #f44336;
    --mat-tab-foreground-color: white
}

html .mat-mdc-tab-header {
    --mat-tab-container-height: 48px
}

html .mat-mdc-tab-header {
    --mat-tab-label-text-font: Avertacy, fallbackFont, Helvetica Neue, Helvetica, sans-serif;
    --mat-tab-label-text-size: 14px;
    --mat-tab-label-text-tracking: .0892857143em;
    --mat-tab-label-text-line-height: 36px;
    --mat-tab-label-text-weight: 500
}

html .mat-mdc-checkbox.mat-primary {
    --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);
    --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);
    --mat-checkbox-selected-checkmark-color: #ffffff;
    --mat-checkbox-selected-focus-icon-color: #ff6d70;
    --mat-checkbox-selected-hover-icon-color: #ff6d70;
    --mat-checkbox-selected-icon-color: #ff6d70;
    --mat-checkbox-selected-pressed-icon-color: #ff6d70;
    --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, .87);
    --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, .87);
    --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);
    --mat-checkbox-selected-focus-state-layer-color: #ff6d70;
    --mat-checkbox-selected-hover-state-layer-color: #ff6d70;
    --mat-checkbox-selected-pressed-state-layer-color: #ff6d70;
    --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, .87);
    --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, .87);
    --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, .87)
}

html .mat-mdc-checkbox.mat-warn {
    --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);
    --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);
    --mat-checkbox-selected-checkmark-color: white;
    --mat-checkbox-selected-focus-icon-color: #f44336;
    --mat-checkbox-selected-hover-icon-color: #f44336;
    --mat-checkbox-selected-icon-color: #f44336;
    --mat-checkbox-selected-pressed-icon-color: #f44336;
    --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, .87);
    --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, .87);
    --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);
    --mat-checkbox-selected-focus-state-layer-color: #f44336;
    --mat-checkbox-selected-hover-state-layer-color: #f44336;
    --mat-checkbox-selected-pressed-state-layer-color: #f44336;
    --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, .87);
    --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, .87);
    --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, .87)
}

html .mat-mdc-button.mat-primary,
html .mat-mdc-unelevated-button.mat-primary,
html .mat-mdc-raised-button.mat-primary,
html .mat-mdc-outlined-button.mat-primary,
html .mat-tonal-button.mat-primary {
    --mat-button-filled-container-color: #ff6d70;
    --mat-button-filled-label-text-color: #ffffff;
    --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
    --mat-button-filled-state-layer-color: #ffffff;
    --mat-button-outlined-label-text-color: #ff6d70;
    --mat-button-outlined-outline-color: rgba(0, 0, 0, .12);
    --mat-button-outlined-ripple-color: color-mix(in srgb, #ff6d70 12%, transparent);
    --mat-button-outlined-state-layer-color: #ff6d70;
    --mat-button-protected-container-color: #ff6d70;
    --mat-button-protected-label-text-color: #ffffff;
    --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
    --mat-button-protected-state-layer-color: #ffffff;
    --mat-button-text-label-text-color: #ff6d70;
    --mat-button-text-ripple-color: color-mix(in srgb, #ff6d70 12%, transparent);
    --mat-button-text-state-layer-color: #ff6d70;
    --mat-button-tonal-container-color: #ff6d70;
    --mat-button-tonal-label-text-color: #ffffff;
    --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
    --mat-button-tonal-state-layer-color: #ffffff
}

html .mat-mdc-button.mat-accent,
html .mat-mdc-unelevated-button.mat-accent,
html .mat-mdc-raised-button.mat-accent,
html .mat-mdc-outlined-button.mat-accent,
html .mat-tonal-button.mat-accent {
    --mat-button-filled-container-color: #3399ff;
    --mat-button-filled-label-text-color: #000000;
    --mat-button-filled-ripple-color: color-mix(in srgb, #000000 12%, transparent);
    --mat-button-filled-state-layer-color: #000000;
    --mat-button-outlined-label-text-color: #3399ff;
    --mat-button-outlined-outline-color: rgba(0, 0, 0, .12);
    --mat-button-outlined-ripple-color: color-mix(in srgb, #3399ff 12%, transparent);
    --mat-button-outlined-state-layer-color: #3399ff;
    --mat-button-protected-container-color: #3399ff;
    --mat-button-protected-label-text-color: #000000;
    --mat-button-protected-ripple-color: color-mix(in srgb, #000000 12%, transparent);
    --mat-button-protected-state-layer-color: #000000;
    --mat-button-text-label-text-color: #3399ff;
    --mat-button-text-ripple-color: color-mix(in srgb, #3399ff 12%, transparent);
    --mat-button-text-state-layer-color: #3399ff;
    --mat-button-tonal-container-color: #3399ff;
    --mat-button-tonal-label-text-color: #000000;
    --mat-button-tonal-ripple-color: color-mix(in srgb, #000000 12%, transparent);
    --mat-button-tonal-state-layer-color: #000000
}

html .mat-mdc-button.mat-warn,
html .mat-mdc-unelevated-button.mat-warn,
html .mat-mdc-raised-button.mat-warn,
html .mat-mdc-outlined-button.mat-warn,
html .mat-tonal-button.mat-warn {
    --mat-button-filled-container-color: #f44336;
    --mat-button-filled-label-text-color: white;
    --mat-button-filled-ripple-color: color-mix(in srgb, white 12%, transparent);
    --mat-button-filled-state-layer-color: white;
    --mat-button-outlined-label-text-color: #f44336;
    --mat-button-outlined-outline-color: rgba(0, 0, 0, .12);
    --mat-button-outlined-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
    --mat-button-outlined-state-layer-color: #f44336;
    --mat-button-protected-container-color: #f44336;
    --mat-button-protected-label-text-color: white;
    --mat-button-protected-ripple-color: color-mix(in srgb, white 12%, transparent);
    --mat-button-protected-state-layer-color: white;
    --mat-button-text-label-text-color: #f44336;
    --mat-button-text-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
    --mat-button-text-state-layer-color: #f44336;
    --mat-button-tonal-container-color: #f44336;
    --mat-button-tonal-label-text-color: white;
    --mat-button-tonal-ripple-color: color-mix(in srgb, white 12%, transparent);
    --mat-button-tonal-state-layer-color: white
}

html .mat-mdc-icon-button.mat-primary {
    --mat-icon-button-icon-color: #ff6d70;
    --mat-icon-button-state-layer-color: #ff6d70;
    --mat-icon-button-ripple-color: color-mix(in srgb, #ff6d70 12%, transparent)
}

html .mat-mdc-icon-button.mat-accent {
    --mat-icon-button-icon-color: #3399ff;
    --mat-icon-button-state-layer-color: #3399ff;
    --mat-icon-button-ripple-color: color-mix(in srgb, #3399ff 12%, transparent)
}

html .mat-mdc-icon-button.mat-warn {
    --mat-icon-button-icon-color: #f44336;
    --mat-icon-button-state-layer-color: #f44336;
    --mat-icon-button-ripple-color: color-mix(in srgb, #f44336 12%, transparent)
}

html .mat-mdc-icon-button.mat-mdc-button-base {
    --mdc-icon-button-state-layer-size: 48px;
    --mat-icon-button-state-layer-size: 48px;
    width: var(--mat-icon-button-state-layer-size);
    height: var(--mat-icon-button-state-layer-size);
    padding: 12px
}

html .mat-mdc-fab.mat-primary,
html .mat-mdc-mini-fab.mat-primary {
    --mat-fab-container-color: #ff6d70;
    --mat-fab-foreground-color: #ffffff;
    --mat-fab-ripple-color: color-mix(in srgb, #ff6d70 12%, transparent);
    --mat-fab-small-container-color: #ff6d70;
    --mat-fab-small-foreground-color: #ffffff;
    --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
    --mat-fab-small-state-layer-color: #ffffff;
    --mat-fab-state-layer-color: #ffffff
}

html .mat-mdc-fab.mat-accent,
html .mat-mdc-mini-fab.mat-accent {
    --mat-fab-container-color: #3399ff;
    --mat-fab-foreground-color: #000000;
    --mat-fab-ripple-color: color-mix(in srgb, #3399ff 12%, transparent);
    --mat-fab-small-container-color: #3399ff;
    --mat-fab-small-foreground-color: #000000;
    --mat-fab-small-ripple-color: color-mix(in srgb, #000000 12%, transparent);
    --mat-fab-small-state-layer-color: #000000;
    --mat-fab-state-layer-color: #000000
}

html .mat-mdc-fab.mat-warn,
html .mat-mdc-mini-fab.mat-warn {
    --mat-fab-container-color: #f44336;
    --mat-fab-foreground-color: white;
    --mat-fab-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
    --mat-fab-small-container-color: #f44336;
    --mat-fab-small-foreground-color: white;
    --mat-fab-small-ripple-color: color-mix(in srgb, white 12%, transparent);
    --mat-fab-small-state-layer-color: white;
    --mat-fab-state-layer-color: white
}

html .mat-accent {
    --mat-progress-spinner-active-indicator-color: #3399ff
}

html .mat-warn {
    --mat-progress-spinner-active-indicator-color: #f44336
}

html .mat-badge-accent {
    --mat-badge-background-color: #3399ff;
    --mat-badge-text-color: #000000
}

html .mat-badge-warn {
    --mat-badge-background-color: #f44336;
    --mat-badge-text-color: white
}

html .mat-datepicker-content.mat-accent,
html .mat-datepicker-toggle-active.mat-accent {
    --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #3399ff 20%, transparent);
    --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #3399ff 20%, transparent);
    --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
    --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
    --mat-datepicker-calendar-date-selected-state-text-color: #000000;
    --mat-datepicker-calendar-date-selected-state-background-color: #3399ff;
    --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #3399ff 38%, transparent);
    --mat-datepicker-calendar-date-today-selected-state-outline-color: #000000;
    --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #3399ff 12%, transparent);
    --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #3399ff 4%, transparent);
    --mat-datepicker-toggle-active-state-icon-color: #3399ff;
    --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, .54);
    --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, .54);
    --mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, .87);
    --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, .54);
    --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, .54);
    --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, .12);
    --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, .54);
    --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, .54);
    --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);
    --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, .87);
    --mat-datepicker-calendar-date-outline-color: transparent;
    --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);
    --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, .54);
    --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, .87);
    --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);
    --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);
    --mat-datepicker-calendar-container-background-color: white;
    --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, .87)
}

html .mat-datepicker-content.mat-warn,
html .mat-datepicker-toggle-active.mat-warn {
    --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #f44336 20%, transparent);
    --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #3399ff 20%, transparent);
    --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
    --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
    --mat-datepicker-calendar-date-selected-state-text-color: white;
    --mat-datepicker-calendar-date-selected-state-background-color: #f44336;
    --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #f44336 38%, transparent);
    --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
    --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #f44336 12%, transparent);
    --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #f44336 4%, transparent);
    --mat-datepicker-toggle-active-state-icon-color: #f44336;
    --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, .54);
    --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, .54);
    --mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, .87);
    --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, .54);
    --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, .54);
    --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, .12);
    --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, .54);
    --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, .54);
    --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);
    --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, .87);
    --mat-datepicker-calendar-date-outline-color: transparent;
    --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);
    --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, .54);
    --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, .87);
    --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);
    --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);
    --mat-datepicker-calendar-container-background-color: white;
    --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, .87)
}

html .mat-calendar-controls {
    --mat-icon-button-touch-target-display: none
}

html .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
    --mdc-icon-button-state-layer-size: 40px;
    --mat-icon-button-state-layer-size: 40px;
    width: var(--mat-icon-button-state-layer-size);
    height: var(--mat-icon-button-state-layer-size);
    padding: 8px
}

html .mat-icon.mat-primary {
    --mat-icon-color: #ff6d70
}

html .mat-icon.mat-accent {
    --mat-icon-color: #3399ff
}

html .mat-icon.mat-warn {
    --mat-icon-color: #f44336
}

html .mat-step-header.mat-accent {
    --mat-stepper-header-icon-foreground-color: #000000;
    --mat-stepper-header-selected-state-icon-background-color: #3399ff;
    --mat-stepper-header-selected-state-icon-foreground-color: #000000;
    --mat-stepper-header-done-state-icon-background-color: #3399ff;
    --mat-stepper-header-done-state-icon-foreground-color: #000000;
    --mat-stepper-header-edit-state-icon-background-color: #3399ff;
    --mat-stepper-header-edit-state-icon-foreground-color: #000000
}

html .mat-step-header.mat-warn {
    --mat-stepper-header-icon-foreground-color: white;
    --mat-stepper-header-selected-state-icon-background-color: #f44336;
    --mat-stepper-header-selected-state-icon-foreground-color: white;
    --mat-stepper-header-done-state-icon-background-color: #f44336;
    --mat-stepper-header-done-state-icon-foreground-color: white;
    --mat-stepper-header-edit-state-icon-background-color: #f44336;
    --mat-stepper-header-edit-state-icon-foreground-color: white
}

html .mat-toolbar.mat-primary {
    --mat-toolbar-container-background-color: #ff6d70;
    --mat-toolbar-container-text-color: #ffffff
}

html .mat-toolbar.mat-accent {
    --mat-toolbar-container-background-color: #3399ff;
    --mat-toolbar-container-text-color: #000000
}

html .mat-toolbar.mat-warn {
    --mat-toolbar-container-background-color: #f44336;
    --mat-toolbar-container-text-color: white
}

.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 576px) {
    .container {
        max-width: 540px
    }
}

@media (min-width: 767px) {
    .container {
        max-width: 720px
    }
}

@media (min-width: 1025px) {
    .container {
        max-width: 960px
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1140px
    }
}

.container-fluid,
.container-xl,
.container-lg,
.container-md,
.container-sm {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 576px) {

    .container-sm,
    .container {
        max-width: 540px
    }
}

@media (min-width: 767px) {

    .container-md,
    .container-sm,
    .container {
        max-width: 720px
    }
}

@media (min-width: 1025px) {

    .container-lg,
    .container-md,
    .container-sm,
    .container {
        max-width: 960px
    }
}

@media (min-width: 1200px) {

    .container-xl,
    .container-lg,
    .container-md,
    .container-sm,
    .container {
        max-width: 1140px
    }
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

.no-gutters>.col,
.no-gutters>[class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.col-xl,
.col-xl-auto,
.col-xl-12,
.col-xl-11,
.col-xl-10,
.col-xl-9,
.col-xl-8,
.col-xl-7,
.col-xl-6,
.col-xl-5,
.col-xl-4,
.col-xl-3,
.col-xl-2,
.col-xl-1,
.col-lg,
.col-lg-auto,
.col-lg-12,
.col-lg-11,
.col-lg-10,
.col-lg-9,
.col-lg-8,
.col-lg-7,
.col-lg-6,
.col-lg-5,
.col-lg-4,
.col-lg-3,
.col-lg-2,
.col-lg-1,
.col-md,
.col-md-auto,
.col-md-12,
.col-md-11,
.col-md-10,
.col-md-9,
.col-md-8,
.col-md-7,
.col-md-6,
.col-md-5,
.col-md-4,
.col-md-3,
.col-md-2,
.col-md-1,
.col-sm,
.col-sm-auto,
.col-sm-12,
.col-sm-11,
.col-sm-10,
.col-sm-9,
.col-sm-8,
.col-sm-7,
.col-sm-6,
.col-sm-5,
.col-sm-4,
.col-sm-3,
.col-sm-2,
.col-sm-1,
.col,
.col-auto,
.col-12,
.col-11,
.col-10,
.col-9,
.col-8,
.col-7,
.col-6,
.col-5,
.col-4,
.col-3,
.col-2,
.col-1 {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
}

.col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
}

.row-cols-1>* {
    flex: 0 0 100%;
    max-width: 100%
}

.row-cols-2>* {
    flex: 0 0 50%;
    max-width: 50%
}

.row-cols-3>* {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
}

.row-cols-4>* {
    flex: 0 0 25%;
    max-width: 25%
}

.row-cols-5>* {
    flex: 0 0 20%;
    max-width: 20%
}

.row-cols-6>* {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
}

.col-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%
}

.col-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
}

.col-3 {
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
}

.col-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%
}

.col-6 {
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%
}

.col-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%
}

.col-9 {
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%
}

.col-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%
}

.col-12 {
    flex: 0 0 100%;
    max-width: 100%
}

.order-first {
    order: -1
}

.order-last {
    order: 13
}

.order-0 {
    order: 0
}

.order-1 {
    order: 1
}

.order-2 {
    order: 2
}

.order-3 {
    order: 3
}

.order-4 {
    order: 4
}

.order-5 {
    order: 5
}

.order-6 {
    order: 6
}

.order-7 {
    order: 7
}

.order-8 {
    order: 8
}

.order-9 {
    order: 9
}

.order-10 {
    order: 10
}

.order-11 {
    order: 11
}

.order-12 {
    order: 12
}

.offset-1 {
    margin-left: 8.3333333333%
}

.offset-2 {
    margin-left: 16.6666666667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.3333333333%
}

.offset-5 {
    margin-left: 41.6666666667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.3333333333%
}

.offset-8 {
    margin-left: 66.6666666667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.3333333333%
}

.offset-11 {
    margin-left: 91.6666666667%
}

@media (min-width: 576px) {
    .col-sm {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .row-cols-sm-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }

    .row-cols-sm-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }

    .row-cols-sm-3>* {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .row-cols-sm-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }

    .row-cols-sm-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }

    .row-cols-sm-6>* {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-sm-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .col-sm-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-sm-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-sm-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .col-sm-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-sm-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .col-sm-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .col-sm-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-sm-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .col-sm-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-sm-first {
        order: -1
    }

    .order-sm-last {
        order: 13
    }

    .order-sm-0 {
        order: 0
    }

    .order-sm-1 {
        order: 1
    }

    .order-sm-2 {
        order: 2
    }

    .order-sm-3 {
        order: 3
    }

    .order-sm-4 {
        order: 4
    }

    .order-sm-5 {
        order: 5
    }

    .order-sm-6 {
        order: 6
    }

    .order-sm-7 {
        order: 7
    }

    .order-sm-8 {
        order: 8
    }

    .order-sm-9 {
        order: 9
    }

    .order-sm-10 {
        order: 10
    }

    .order-sm-11 {
        order: 11
    }

    .order-sm-12 {
        order: 12
    }

    .offset-sm-0 {
        margin-left: 0
    }

    .offset-sm-1 {
        margin-left: 8.3333333333%
    }

    .offset-sm-2 {
        margin-left: 16.6666666667%
    }

    .offset-sm-3 {
        margin-left: 25%
    }

    .offset-sm-4 {
        margin-left: 33.3333333333%
    }

    .offset-sm-5 {
        margin-left: 41.6666666667%
    }

    .offset-sm-6 {
        margin-left: 50%
    }

    .offset-sm-7 {
        margin-left: 58.3333333333%
    }

    .offset-sm-8 {
        margin-left: 66.6666666667%
    }

    .offset-sm-9 {
        margin-left: 75%
    }

    .offset-sm-10 {
        margin-left: 83.3333333333%
    }

    .offset-sm-11 {
        margin-left: 91.6666666667%
    }
}

@media (min-width: 767px) {
    .col-md {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .row-cols-md-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }

    .row-cols-md-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }

    .row-cols-md-3>* {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .row-cols-md-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }

    .row-cols-md-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }

    .row-cols-md-6>* {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-md-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .col-md-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-md-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-md-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .col-md-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-md-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .col-md-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .col-md-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-md-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .col-md-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-md-first {
        order: -1
    }

    .order-md-last {
        order: 13
    }

    .order-md-0 {
        order: 0
    }

    .order-md-1 {
        order: 1
    }

    .order-md-2 {
        order: 2
    }

    .order-md-3 {
        order: 3
    }

    .order-md-4 {
        order: 4
    }

    .order-md-5 {
        order: 5
    }

    .order-md-6 {
        order: 6
    }

    .order-md-7 {
        order: 7
    }

    .order-md-8 {
        order: 8
    }

    .order-md-9 {
        order: 9
    }

    .order-md-10 {
        order: 10
    }

    .order-md-11 {
        order: 11
    }

    .order-md-12 {
        order: 12
    }

    .offset-md-0 {
        margin-left: 0
    }

    .offset-md-1 {
        margin-left: 8.3333333333%
    }

    .offset-md-2 {
        margin-left: 16.6666666667%
    }

    .offset-md-3 {
        margin-left: 25%
    }

    .offset-md-4 {
        margin-left: 33.3333333333%
    }

    .offset-md-5 {
        margin-left: 41.6666666667%
    }

    .offset-md-6 {
        margin-left: 50%
    }

    .offset-md-7 {
        margin-left: 58.3333333333%
    }

    .offset-md-8 {
        margin-left: 66.6666666667%
    }

    .offset-md-9 {
        margin-left: 75%
    }

    .offset-md-10 {
        margin-left: 83.3333333333%
    }

    .offset-md-11 {
        margin-left: 91.6666666667%
    }
}

@media (min-width: 1025px) {
    .col-lg {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .row-cols-lg-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }

    .row-cols-lg-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }

    .row-cols-lg-3>* {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .row-cols-lg-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }

    .row-cols-lg-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }

    .row-cols-lg-6>* {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-lg-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .col-lg-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-lg-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .col-lg-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-lg-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .col-lg-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-lg-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .col-lg-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-lg-first {
        order: -1
    }

    .order-lg-last {
        order: 13
    }

    .order-lg-0 {
        order: 0
    }

    .order-lg-1 {
        order: 1
    }

    .order-lg-2 {
        order: 2
    }

    .order-lg-3 {
        order: 3
    }

    .order-lg-4 {
        order: 4
    }

    .order-lg-5 {
        order: 5
    }

    .order-lg-6 {
        order: 6
    }

    .order-lg-7 {
        order: 7
    }

    .order-lg-8 {
        order: 8
    }

    .order-lg-9 {
        order: 9
    }

    .order-lg-10 {
        order: 10
    }

    .order-lg-11 {
        order: 11
    }

    .order-lg-12 {
        order: 12
    }

    .offset-lg-0 {
        margin-left: 0
    }

    .offset-lg-1 {
        margin-left: 8.3333333333%
    }

    .offset-lg-2 {
        margin-left: 16.6666666667%
    }

    .offset-lg-3 {
        margin-left: 25%
    }

    .offset-lg-4 {
        margin-left: 33.3333333333%
    }

    .offset-lg-5 {
        margin-left: 41.6666666667%
    }

    .offset-lg-6 {
        margin-left: 50%
    }

    .offset-lg-7 {
        margin-left: 58.3333333333%
    }

    .offset-lg-8 {
        margin-left: 66.6666666667%
    }

    .offset-lg-9 {
        margin-left: 75%
    }

    .offset-lg-10 {
        margin-left: 83.3333333333%
    }

    .offset-lg-11 {
        margin-left: 91.6666666667%
    }
}

@media (min-width: 1200px) {
    .col-xl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .row-cols-xl-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }

    .row-cols-xl-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }

    .row-cols-xl-3>* {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .row-cols-xl-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }

    .row-cols-xl-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }

    .row-cols-xl-6>* {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-xl-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .col-xl-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-xl-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xl-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .col-xl-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .col-xl-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xl-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .col-xl-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .col-xl-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-xl-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .col-xl-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .col-xl-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-xl-first {
        order: -1
    }

    .order-xl-last {
        order: 13
    }

    .order-xl-0 {
        order: 0
    }

    .order-xl-1 {
        order: 1
    }

    .order-xl-2 {
        order: 2
    }

    .order-xl-3 {
        order: 3
    }

    .order-xl-4 {
        order: 4
    }

    .order-xl-5 {
        order: 5
    }

    .order-xl-6 {
        order: 6
    }

    .order-xl-7 {
        order: 7
    }

    .order-xl-8 {
        order: 8
    }

    .order-xl-9 {
        order: 9
    }

    .order-xl-10 {
        order: 10
    }

    .order-xl-11 {
        order: 11
    }

    .order-xl-12 {
        order: 12
    }

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 8.3333333333%
    }

    .offset-xl-2 {
        margin-left: 16.6666666667%
    }

    .offset-xl-3 {
        margin-left: 25%
    }

    .offset-xl-4 {
        margin-left: 33.3333333333%
    }

    .offset-xl-5 {
        margin-left: 41.6666666667%
    }

    .offset-xl-6 {
        margin-left: 50%
    }

    .offset-xl-7 {
        margin-left: 58.3333333333%
    }

    .offset-xl-8 {
        margin-left: 66.6666666667%
    }

    .offset-xl-9 {
        margin-left: 75%
    }

    .offset-xl-10 {
        margin-left: 83.3333333333%
    }

    .offset-xl-11 {
        margin-left: 91.6666666667%
    }
}

.article-header-title {
    font-weight: 600;
    margin: 0
}

@media (min-width: 1025px) {
    .article-header-title {
        font-size: 38px;
        line-height: 51px
    }
}

@media (max-width: 1024.98px) {
    .article-header-title {
        font-size: 26px;
        line-height: 38px
    }
}

.mgs-menu-name,
.post-date {
    font-size: 14px;
    line-height: 1.3571;
    font-weight: 600
}

@font-face {
    font-family: swiper-icons;
    src: url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA) format("woff");
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

:host {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
    transform: translateZ(0)
}

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    backface-visibility: hidden
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d {
    perspective: 1200px
}

.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
    transform-style: preserve-3d
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-css-mode.swiper-vertical>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
    scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: none
}

.swiper-css-mode.swiper-centered>.swiper-wrapper:before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: #00000026
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, #00000080, #0000)
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, #00000080, #0000)
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, #00000080, #0000)
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, #00000080, #0000)
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.wrap-extended {
    max-width: 1280px
}

.wrap-native-ads {
    max-width: 1280px;
    padding: 0 76px
}

@media (max-width: 1199.98px) {
    .wrap-native-ads {
        padding: 0 30px
    }
}

@media (max-width: 1024.98px) {
    .wrap-native-ads {
        padding: 0 15px
    }
}

@media (max-width: 766.98px) {
    .wrap-native-ads {
        padding: 0
    }
}

.wrap.wrap-native-adv {
    padding-top: 100px
}

@media (max-width: 766.98px) {
    .wrap.wrap-native-adv {
        padding: 48px 24px
    }
}

.mat-mdc-button-base:hover {
    text-decoration: none
}

.hidden {
    display: none;
    visibility: hidden;
    opacity: 0
}

.close-btn {
    display: block;
    position: absolute;
    width: 24px;
    height: 24px;
    color: inherit;
    background: transparent;
    cursor: pointer;
    border: 0;
    outline: 0;
    box-shadow: none;
    border-radius: 0
}

@media (min-width: 1025px) {
    .close-btn {
        right: 40px;
        top: 20px
    }
}

@media (max-width: 1024.98px) {
    .close-btn {
        top: 15px;
        right: 15px
    }
}

@media (max-width: 1024.98px) {
    .show-nav .h-nav {
        transform: translate(0) !important;
        transition: .4s
    }
}

.smooth .h-nav {
    transition: .4s
}

mgs-blog-counter+mgs-blog-counter {
    margin-left: 11px
}

.post-date {
    color: #777
}

@media (max-width: 766.98px) {
    .post-date span {
        display: none
    }
}

.stub-page {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 480px
}

.notFoundPost {
    font-size: 17px;
    line-height: 27px;
    padding: 15px
}

.mgs-form-recaptcha .recaptcha.center>div {
    margin: 0 auto
}

.item-label {
    display: inline-block;
    white-space: nowrap;
    text-decoration: none;
    vertical-align: baseline;
    text-align: center;
    margin: 0;
    min-width: 64px;
    padding: 0 16px;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 36px;
    font-weight: 600;
    letter-spacing: .05em
}

.item-label--default {
    background: #d1d1d4
}

.item-label--accent {
    background: #39f
}

.item-label--event {
    background: #00c;
    padding: 0 15px
}

.item-label--primary {
    background: #ff6d70
}

.item-label--white {
    background: #ffffffc2;
    color: #333
}

.item-label--black {
    background: #0000003d;
    color: #fff
}

.page-title {
    font-size: 38px;
    line-height: 52px;
    position: relative;
    display: inline-block
}

@media (min-width: 767px) {
    .page-title {
        margin: 0 0 30px
    }
}

@media (max-width: 766.98px) {
    .page-title {
        margin: 0 0 28px
    }
}

.page-title:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    height: 22px
}

.page-title__wrap {
    position: relative
}

.page-title--center:before {
    left: -30px;
    right: -30px
}

.page-title--left:before {
    left: 0;
    right: -32px
}

.page-title--primary:before {
    opacity: .75;
    background: #ff6d70
}

.page-title--accent:before {
    opacity: .75;
    background: #39f
}

.page-title--accent-light:before {
    opacity: .25;
    background: #39f
}

.bottom-panel {
    border-top: 1px solid #D1D1D4;
    border-bottom: 1px solid #D1D1D4;
    background: #fff;
    z-index: 90
}

@media (min-width: 1025px) {
    .bottom-panel {
        padding: 16px 0
    }
}

@media (max-width: 1024.98px) {
    .bottom-panel {
        padding: 9px 0
    }
}

.bottom-panel__body {
    display: flex
}

@media (min-width: 1025px) {
    .bottom-panel__body {
        align-items: center
    }
}

@media (max-width: 1024.98px) {
    .bottom-panel__body {
        justify-content: space-between
    }
}

.bottom-panel__left {
    margin-right: auto
}

@media (max-width: 766.98px) {
    .bottom-panel__left {
        display: none
    }
}

.bottom-panel__right .btn {
    color: #39f;
    border-color: #39f;
    border-radius: 36px;
    height: 36px;
    min-width: 110px;
    text-transform: uppercase
}

.review-container {
    width: 100%;
    max-width: 1440px;
    padding: 0 40px;
    margin: 0 auto
}

@media (max-width: 766.98px) {
    .review-container {
        padding: 0 20px
    }
}

.review-wrap {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto
}

@media (max-width: 766.98px) {
    .review-2022-wrap {
        padding: 0 16px
    }
}

.webinars-modal-wrapper {
    height: calc(100vh - 40px)
}

.markdown {
    display: block;
    padding-bottom: 40px;
    position: relative;
    height: 100%;
    font-size: 17px;
    line-height: 27px
}

.markdown>span {
    font-size: 17px;
    line-height: 27px
}

.markdown img {
    height: auto
}

.markdown .table-wrap {
    width: 100%;
    overflow-x: auto
}

.markdown table,
.markdown .table {
    position: relative;
    border: 5px solid #212121;
    margin: 30px auto;
    border-spacing: 0
}

.markdown table th,
.markdown .table th {
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
    color: #212121;
    background-color: #fff;
    padding: 20px 24px 16px;
    border-bottom: 3px solid #212121;
    box-sizing: border-box
}

.markdown table th:not(.markdown table th:last-child, .markdown .table th:last-child),
.markdown .table th:not(.markdown table th:last-child, .markdown .table th:last-child) {
    border-right: 3px solid #212121
}

.markdown table tbody,
.markdown .table tbody {
    background-color: #f5f9ff
}

.markdown table tbody tr,
.markdown .table tbody tr {
    margin-bottom: 4px
}

.markdown table tbody tr:first-child td,
.markdown .table tbody tr:first-child td {
    padding-top: 22px
}

.markdown table tbody tr:last-child td,
.markdown .table tbody tr:last-child td {
    padding-bottom: 22px
}

.markdown table tbody td,
.markdown .table tbody td {
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    padding: 8px 24px;
    min-width: 216px
}

.markdown table tbody td:not(.markdown table tbody td:last-child, .markdown .table tbody td:last-child),
.markdown .table tbody td:not(.markdown table tbody td:last-child, .markdown .table tbody td:last-child) {
    border-right: 3px solid #212121
}

.markdown .su-button-wrap,
.markdown span.su-button-wrap {
    display: block;
    text-align: center;
    line-height: 1
}

.markdown a.su-button,
.markdown input.su-button {
    display: inline-block;
    margin: 0 auto;
    padding: 0 30px;
    line-height: 52px;
    color: #fff;
    background-color: #ff6d70;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1.4px;
    border-radius: 6px;
    transition: background-color .2s;
    border: none;
    cursor: pointer
}

.markdown a.su-button:hover,
.markdown a.su-button:focus,
.markdown input.su-button:hover,
.markdown input.su-button:focus {
    background-color: #ff2400
}

.markdown a.su-button:active,
.markdown input.su-button:active {
    background-color: #e43d30
}

.markdown a.su-button:disabled,
.markdown input.su-button:disabled {
    opacity: .5
}

.markdown a.su-button:disabled:hover,
.markdown a.su-button:disabled:focus,
.markdown a.su-button:disabled:active,
.markdown input.su-button:disabled:hover,
.markdown input.su-button:disabled:focus,
.markdown input.su-button:disabled:active {
    background-color: #ff6d70
}

.markdown .alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em
}

.markdown .alignright {
    display: inline;
    float: right;
    margin-right: 1.5em
}

.markdown:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #ff6d70;
    content: ""
}

.markdown .h1,
.markdown h1 {
    font-size: 30px;
    font-weight: 600;
    line-height: 40px;
    margin: 60px 0 24px
}

.markdown .h2,
.markdown h2 {
    font-size: 26px;
    font-weight: 600;
    line-height: 39px;
    margin: 62px 0 30px
}

.markdown .h3,
.markdown h3 {
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    margin: 48px 0 24px
}

.markdown .h3,
.markdown h3 {
    font-size: 20px;
    line-height: 30px;
    margin: 48px 0 26px
}

.markdown .text,
.markdown p,
.markdown b {
    font-size: 17px;
    line-height: 27px;
    margin-bottom: 27px;
    word-break: break-word
}

.markdown .text:last-child,
.markdown p:last-child,
.markdown b:last-child {
    margin-bottom: 0
}

.markdown .blockquote,
.markdown blockquote {
    padding: 15px 30px;
    border-left: 1px solid #FF6D70;
    margin: 0 0 60px
}

.markdown .blockquote .text,
.markdown .blockquote p,
.markdown .blockquote span,
.markdown blockquote .text,
.markdown blockquote p,
.markdown blockquote span {
    margin: 0 0 30px;
    font-size: 24px;
    line-height: 36px;
    font-weight: 600
}

.markdown .blockquote .text:last-child,
.markdown .blockquote p:last-child,
.markdown .blockquote span:last-child,
.markdown blockquote .text:last-child,
.markdown blockquote p:last-child,
.markdown blockquote span:last-child {
    margin: 0
}

.markdown .blockquote em,
.markdown blockquote em {
    display: inline-block;
    margin-bottom: 30px
}

.markdown .cite,
.markdown cite {
    display: block;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    color: #577e8f;
    font-style: normal;
    margin-top: 40px
}

.markdown .figure {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin: 0
}

.markdown .figcaption {
    font-size: 12px;
    font-weight: 600;
    line-height: 1.33;
    color: #333;
    padding: 20px 0;
    border-bottom: 1px solid #D1D1D4
}

.markdown .list,
.markdown ul,
.markdown ol {
    margin: 20px 0 40px;
    padding: 0;
    list-style: none;
    counter-reset: my-counter
}

.markdown ul,
.markdown ol {
    margin-bottom: 40px
}

.markdown .item,
.markdown li {
    font-size: 17px;
    line-height: 27px;
    margin-bottom: 32px;
    padding-left: 45px;
    box-sizing: border-box;
    position: relative
}

.markdown li {
    font-size: 17px;
    line-height: 27px;
    font-weight: 400;
    word-break: break-word
}

.markdown .item:last-child,
.markdown li:last-child {
    margin-bottom: 0
}

.markdown .item:before,
.markdown li:before {
    position: absolute;
    left: 0
}

.markdown .list_unorderd .item:before,
.markdown ul li:before {
    top: 10px;
    content: "";
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background-color: #ff6d70
}

.markdown .no-bullets .item:before,
.markdown .no-bullets li:before {
    content: none
}

.markdown .list_ordered .item,
.markdown ol li {
    counter-increment: my-counter
}

.markdown .list_ordered .item:before,
.markdown ol,
.markdown li:before {
    top: 1px;
    content: counter(my-counter);
    font-weight: 600
}

.markdown .code {
    display: block;
    padding: 30px;
    font-size: 17px;
    box-sizing: border-box;
    background-color: #f5f9f9;
    color: #577e8f;
    line-height: 1.59;
    overflow: auto
}

.markdown .note {
    margin: 30px 0;
    padding: 82px 30px 30px;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 1.5;
    position: relative
}

.markdown .note:before {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%);
    padding: 16px 0;
    width: calc(100% - 60px);
    border-bottom: 1px solid #D1D1D4;
    color: #ff6d70;
    content: "NOTE"
}

.markdown .highlight {
    background-color: #e7eff1
}

.markdown div.highlight {
    margin-bottom: 50px;
    background-color: #f5f9f9
}

.markdown div.highlight:last-child {
    margin-bottom: 0
}

.markdown div.highlight .title {
    position: relative;
    background-color: #577e8f;
    padding: 12px 30px 16px 60px;
    color: #fff;
    margin: 0;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: .5px
}

.markdown div.highlight .title:before {
    position: absolute;
    top: 18px;
    left: 30px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background-color: #ff6d70;
    content: ""
}

.markdown div.highlight .text {
    margin: 0;
    padding: 42px 60px 48px
}

@media (max-width: 766.98px) {
    .markdown div.highlight .text {
        padding: 42px 30px 48px
    }
}

.markdown div.highlight ul,
.markdown div.highlight ol {
    margin: 0;
    padding: 42px 60px 48px
}

@media (max-width: 766.98px) {

    .markdown div.highlight ul,
    .markdown div.highlight ol {
        padding: 42px 30px 48px
    }
}

.markdown div.highlight ul li,
.markdown div.highlight ol li {
    padding-left: 30px;
    margin-bottom: 16px
}

.markdown div.highlight ul li:last-child,
.markdown div.highlight ol li:last-child {
    margin-bottom: 0
}

.markdown div.highlight ul li:before {
    background-color: #95b3be
}

.markdown .devider {
    margin: 24px 0;
    width: 30px;
    height: 3px;
    background-color: #ff6d70
}

.markdown sub,
.markdown sup {
    font-size: 11px
}

.markdown pre {
    overflow: auto;
    padding: 5px
}

@media (min-width: 1025px) {
    .markdown pre {
        max-width: calc(100vw - 80px)
    }
}

@media (max-width: 1024.98px) {
    .markdown pre {
        max-width: calc(100vw - 60px)
    }
}

.markdown-blog-list:after {
    display: none
}

.markdown-blog-list .text {
    margin: 0
}

.markdown.case-study h2 {
    font-size: 30px;
    line-height: 40px;
    margin: 54px 0 24px
}

.markdown.guide {
    padding-bottom: 0
}

.markdown.guide:after {
    display: none
}

.markdown.guide .blockquote,
.markdown.guide blockquote {
    padding: 0;
    border-left: 0;
    line-height: 1.4;
    letter-spacing: 1px;
    margin-bottom: 80px
}

.markdown.guide h2 {
    font-size: 30px;
    line-height: 1.33;
    margin-bottom: 32px
}

.markdown.guide-step .figure {
    margin-bottom: 40px
}

.markdown.about {
    padding: 0;
    margin: 0
}

.markdown.about:after {
    display: none
}

.markdown.about.quote-slider-text .blockquote,
.markdown.about.quote-slider-text blockquote {
    margin: 0;
    padding: 0;
    border: none
}

.markdown.about.quote-slider-text .blockquote .text,
.markdown.about.quote-slider-text blockquote .text {
    font-weight: 400;
    max-width: 920px;
    line-height: 1.5;
    display: inline;
    margin: 0 auto
}

@media (min-width: 1025px) {

    .markdown.about.quote-slider-text .blockquote .text,
    .markdown.about.quote-slider-text blockquote .text {
        font-size: 28px
    }
}

@media (max-width: 1024.98px) {

    .markdown.about.quote-slider-text .blockquote .text,
    .markdown.about.quote-slider-text blockquote .text {
        font-size: 24px
    }
}

.markdown.about.quote-slider-text .blockquote .blockquote,
.markdown.about.quote-slider-text .blockquote blockquote,
.markdown.about.quote-slider-text blockquote .blockquote,
.markdown.about.quote-slider-text blockquote blockquote {
    display: inline
}

.markdown.about.quote-slider-text .blockquote .blockquote .text,
.markdown.about.quote-slider-text .blockquote blockquote .text,
.markdown.about.quote-slider-text blockquote .blockquote .text,
.markdown.about.quote-slider-text blockquote blockquote .text {
    display: inline;
    padding: 0;
    margin: 0;
    position: relative;
    box-shadow: inset 0 -16px #3cf6
}

.markdown.native-adv {
    padding-bottom: 0
}

.markdown.native-adv:after {
    display: none
}

.markdown.native-adv p {
    font-size: 16px;
    line-height: 24px;
    color: #eceff1;
    margin: 0 0 24px
}

@media (max-width: 766.98px) {
    .markdown.native-adv p {
        font-size: 14px
    }
}

.markdown.native-adv p a {
    color: inherit;
    text-decoration: underline
}

.markdown.native-adv ul {
    margin: 0 0 24px
}

.markdown.native-adv ul.list_unorderd .item,
.markdown.native-adv ul.list_unorderd li {
    font-size: 16px;
    line-height: 28px;
    color: #eceff1;
    padding-left: 20px;
    margin: 0
}

.markdown.native-adv ul.list_unorderd .item:before,
.markdown.native-adv ul.list_unorderd li:before {
    top: 12px;
    left: 6px;
    width: 4px;
    height: 4px;
    background-color: #eceff1
}

@media (max-width: 766.98px) {

    .markdown.native-adv ul.list_unorderd .item,
    .markdown.native-adv ul.list_unorderd li {
        font-size: 14px;
        line-height: 24px
    }
}

.markdown.review-2021 {
    padding-bottom: 0;
    height: auto
}

.markdown.review-2021:after {
    display: none
}

.markdown.review-2021-community p {
    font-size: 22px;
    line-height: 1.32;
    color: #000
}

@media (max-width: 1024.98px) {
    .markdown.review-2021-community p {
        font-size: 20px
    }
}

@media (max-width: 766.98px) {
    .markdown.review-2021-community p {
        font-size: 18px;
        line-height: 1.33
    }
}

.markdown.review-2021-pre-footer p {
    font-weight: 600;
    font-size: 36px;
    line-height: 1.5;
    color: #0ff;
    margin-top: 0
}

@media (max-width: 766.98px) {
    .markdown.review-2021-pre-footer p {
        font-size: 30px;
        line-height: 1.33
    }
}

.markdown.review-2021-trends p {
    font-size: 16px;
    line-height: 1.5;
    color: #000;
    margin: 0
}

.markdown.review-2021-trends a {
    color: inherit;
    background: #0ff
}

.markdown.review-2021-event p {
    font-size: 16px;
    line-height: 1.5;
    color: #000;
    margin: 0
}

.markdown.review-2022 {
    padding-bottom: 0;
    height: auto
}

.markdown.review-2022:after {
    display: none
}

.markdown.review-2022-final-thoughts p {
    font-weight: 600;
    color: #fff;
    font-size: 18px;
    line-height: 32px;
    margin: 0 0 32px
}

@media (min-width: 767px) {
    .markdown.review-2022-final-thoughts p {
        line-height: 24px;
        margin-bottom: 24px
    }
}

.markdown.review-2022-trend p {
    font-size: 16px;
    line-height: 23px
}

.markdown.review-2022-trend a {
    color: inherit;
    text-decoration: underline
}

.markdown.review-2022-community p {
    font-weight: 400;
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    margin-top: 0
}

.markdown.review-2022-milestones p {
    font-weight: 300;
    color: #000;
    font-size: 16px;
    line-height: 23px;
    margin-top: 0
}

.markdown.review-2022-milestones p a {
    color: inherit;
    text-decoration: underline
}

@media (min-width: 767px) {
    .markdown.review-2022-milestones p {
        font-size: 18px
    }
}

.markdown.native-ads {
    padding-bottom: 0;
    height: auto
}

.markdown.native-ads:after {
    display: none
}

.markdown.native-ads p {
    font-size: 24px;
    font-weight: 300;
    line-height: 31px;
    color: #2b2b2b
}

.markdown.native-ads a {
    text-decoration: underline;
    color: #0071e3
}

@media (max-width: 766.98px) {
    .markdown.native-ads p {
        font-size: 18px;
        line-height: 23px
    }
}

.markdown.native-ads-blue p {
    font-size: 20px;
    font-weight: 600;
    line-height: 26px;
    color: #00c
}

@media (max-width: 766.98px) {
    .markdown.native-ads-blue p {
        font-size: 16px;
        line-height: 20px
    }
}

.markdown.native-ads.dialog p {
    font-weight: 400;
    font-size: 17px;
    line-height: 22px;
    color: #2b2b2b
}

.markdown.native-ads.dialog p a {
    color: inherit
}

@media (max-width: 766.98px) {
    .markdown.native-ads.dialog p {
        font-size: 14px;
        line-height: 18px
    }
}

.markdown.native-ads.formats {
    height: auto
}

.markdown.native-ads.formats p {
    color: #00c
}

.markdown.native-ads.slide p {
    font-size: 14px;
    line-height: 18px;
    margin-top: 20px
}

.markdown.native-ads.lg-text p {
    font-weight: 400;
    font-size: 17px;
    line-height: 22px
}

@media (max-width: 766.98px) {
    .markdown.native-ads.lg-text p {
        font-size: 14px;
        line-height: 18px
    }
}

.markdown.native-ads-examples p {
    font-size: 28px;
    line-height: 34px;
    color: #00c
}

@media (max-width: 766.98px) {
    .markdown.native-ads-examples p {
        font-weight: 400;
        font-size: 18px;
        line-height: 23px;
        color: #fff
    }
}

.markdown.native-ads-footer p {
    font-weight: 600;
    font-size: 30px;
    line-height: 36px;
    color: #00c
}

@media (max-width: 766.98px) {
    .markdown.native-ads-footer p {
        font-size: 24px;
        line-height: 31px
    }
}

.markdown.native-ads.white p {
    color: #fff
}

.markdown.native-ads-how-to-create-slider-mob p {
    font-weight: 600;
    font-size: 16px;
    line-height: 21px;
    color: #f65151
}

.markdown.native-ads.head-title {
    display: inline;
    margin-right: 20px
}

@media (max-width: 1024.98px) {
    .markdown.native-ads.head-title {
        margin-right: 15px
    }
}

.markdown.native-ads.head-title .h1 {
    font-size: 80px;
    line-height: 1em;
    font-weight: 700;
    letter-spacing: -5.76px;
    text-transform: uppercase;
    color: #fff;
    word-break: break-all;
    display: inline;
    flex-shrink: 10
}

@media (max-width: 1024.98px) {
    .markdown.native-ads.head-title .h1 {
        font-size: 60px
    }
}

@media (max-width: 766.98px) {
    .markdown.native-ads.head-title .h1 {
        font-size: 64px;
        letter-spacing: -3.84px
    }
}

.review-2021-events .event.active .review-2021-event p {
    font-size: 18px;
    line-height: 1.5;
    color: #fff
}

.review-2021-events .event.active .review-2021-event a {
    color: #000;
    background: #fff
}

.native-adv-formats .markdown p {
    text-align: center
}

@media (max-width: 766.98px) {
    .native-adv-formats .markdown p {
        text-align: left
    }
}

.native-adv-formats .markdown a {
    font-weight: 700;
    color: #eceff1;
    text-decoration: underline
}

.native-adv-benefits .markdown ul.list_unorderd .item,
.native-adv-benefits .markdown ul.list_unorderd li {
    font-size: 20px;
    line-height: 140%;
    color: #212121
}

.native-adv-benefits .markdown ul.list_unorderd .item:before,
.native-adv-benefits .markdown ul.list_unorderd li:before {
    background-color: #212121
}

@media (max-width: 766.98px) {

    .native-adv-benefits .markdown ul.list_unorderd .item,
    .native-adv-benefits .markdown ul.list_unorderd li {
        font-size: 14px;
        line-height: 24px
    }
}

.native-adv-benefits .markdown p {
    font-size: 20px;
    line-height: 140%;
    color: #212121
}

@media (max-width: 766.98px) {
    .native-adv-benefits .markdown p {
        font-size: 14px;
        line-height: 24px
    }
}

.native-adv-efficiency .markdown p,
.native-adv-efficiency .markdown p a {
    color: #f3f6f8
}

.native-adv-ecosystem .markdown p,
.native-adv-partner .markdown p {
    color: #546e7a
}

.native-adv-ecosystem .markdown p a,
.native-adv-partner .markdown p a {
    color: #39f
}

.year-list .markdown .text,
.year-list .markdown p,
.year-list .markdown b {
    font-size: 18px
}

.native-adv-basics .markdown {
    padding-right: 28px
}

@media (max-width: 766.98px) {
    .native-adv-basics .markdown {
        padding-right: 0
    }
}

.native-adv-basics .markdown p {
    color: #37474f
}

.native-adv-basics .markdown p a {
    text-decoration: underline;
    color: #3385ff
}

.native-adv-basics .markdown ul.list_unorderd .item,
.native-adv-basics .markdown ul.list_unorderd li {
    color: #37474f
}

.native-adv-basics .markdown ul.list_unorderd .item:before,
.native-adv-basics .markdown ul.list_unorderd li:before {
    background-color: #37474f
}

.milestones .h3 {
    font-size: 24px;
    line-height: 1.29;
    margin: 0 0 20px;
    color: #000
}

@media (max-width: 1024.98px) {
    .milestones .h3 {
        font-size: 22px
    }
}

@media (max-width: 766.98px) {
    .milestones .h3 {
        font-size: 20px;
        line-height: 1.3
    }
}

.milestones .text+.h3 {
    margin-top: 20px
}

.milestones .text {
    font-size: 16px;
    line-height: 1.31;
    margin: 0 0 20px;
    color: #000
}

@media (max-width: 766.98px) {
    .milestones .text {
        font-size: 14px;
        line-height: 1.5
    }
}

.milestones a {
    color: #00f;
    text-decoration: underline
}

.landings-mark-title {
    font-size: 14px;
    line-height: 1.36;
    position: relative;
    text-transform: uppercase;
    font-weight: 600
}

.landings-mark-title:before {
    bottom: -10px;
    height: 18px
}

.landings-marked-title {
    font-size: 14px;
    line-height: 1.36;
    position: relative;
    text-transform: uppercase;
    font-weight: 600;
    display: inline-block;
    margin: 0 0 30px;
    letter-spacing: .7px
}

.landings-marked-title:before {
    content: "";
    display: block;
    position: absolute;
    bottom: -10px;
    height: 18px;
    left: -30px;
    right: -30px;
    background: #ff6d70c2
}

.landings-marked-title-wrap {
    position: relative
}

.landings-title {
    font-size: 38px;
    font-weight: 600;
    line-height: 1.2;
    margin: 0
}

@media (max-width: 766.98px) {
    .landings-title {
        font-size: 32px
    }
}

.landings-title.pink {
    color: #ff6d70
}

.landings-title.blue {
    color: #0f4b81
}

.landings-h2 {
    font-size: 38px;
    font-weight: 600;
    line-height: 1.32;
    margin: 0 0 20px
}

.landings-h3 {
    font-size: 30px;
    font-weight: 600;
    line-height: 1.33;
    margin: 0 0 20px
}

.landings-text {
    font-size: 20px;
    line-height: 1.5;
    margin: 0
}

@media (max-width: 766.98px) {
    .landings-text {
        font-size: 18px
    }
}

.landings-text-sm {
    font-size: 18px;
    line-height: 1.5;
    margin: 0 0 28px
}

.landings-text.bold {
    font-weight: 600
}

.landings-text.upper {
    text-transform: uppercase
}

.landings-text.marked:before {
    content: "\2192";
    margin-right: 15px
}

.landings-delimiter {
    position: relative;
    max-width: 1110px;
    height: 2px;
    background-color: #e7eff1
}

.landings-slider-nav {
    display: flex;
    align-items: center;
    justify-content: center
}

.landings-slider-nav .mat-mdc-button {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border-radius: 50%;
    min-width: 48px;
    height: 48px !important;
    top: auto;
    margin: auto;
}

.landings-slider-nav .mat-mdc-button .mat-icon {
    margin-right: 0
}

.landings-slider-nav .mat-mdc-button.landings-slider-prev {
    margin-right: 18px
}

.landings-slider-nav.native-ads-slider {
    justify-content: flex-end;
    display: flex;
    width: 100%;
    column-gap: 24px;
    margin-top: 36px
}

@media (max-width: 766.98px) {
    .landings-slider-nav.native-ads-slider {
        padding-right: 30px;
        margin-top: 30px
    }
}

.landings-slider-nav.native-ads-slider .prev,
.landings-slider-nav.native-ads-slider .next {
    background: #eaecef;
    margin: 0 !important
}

.landings-slider-nav.native-ads-slider .prev.cdk-focus,
.landings-slider-nav.native-ads-slider .prev:hover,
.landings-slider-nav.native-ads-slider .next.cdk-focus,
.landings-slider-nav.native-ads-slider .next:hover {
    background: #eaecef
}

.landings-slider-nav.native-ads-slider .slide-btn-icon {
    color: transparent;
    stroke: #00c;
    width: 48px;
    height: 48px
}

.landings-slider-next,
.landings-slider-prev {
    background-color: transparent;
    stroke: #577e8f;
    transition: background-color .2s, color .2s
}

.landings-slider-next:hover,
.landings-slider-next:focus,
.landings-slider-prev:hover,
.landings-slider-prev:focus {
    background-color: #e7eff1
}

.landings-slider-next:active,
.landings-slider-prev:active {
    background-color: #577e8f;
    stroke: #fff
}

.landings-slider-next .mat-icon,
.landings-slider-prev .mat-icon {
    width: 18px;
    height: 16px;
    display: flex;
    align-items: center
}

.landings-slider-next.swiper-button-disabled,
.landings-slider-prev.swiper-button-disabled {
    background-color: transparent;
    opacity: .5
}

.landings-slider-next.swiper-button-disabled:hover,
.landings-slider-next.swiper-button-disabled:focus,
.landings-slider-next.swiper-button-disabled:active,
.landings-slider-prev.swiper-button-disabled:hover,
.landings-slider-prev.swiper-button-disabled:focus,
.landings-slider-prev.swiper-button-disabled:active {
    background-color: transparent
}

.landings-slider-pagination {
    display: flex;
    align-items: center;
    justify-content: center
}

.landings-slider-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background-color: #e7eff1;
    margin-right: 34px !important;
    border-radius: 50%;
    outline: none;
    opacity: 1
}

.landings-slider-pagination .swiper-pagination-bullet:last-child {
    margin-right: 0 !important
}

.landings-slider-pagination .swiper-pagination-bullet-active {
    width: 12px;
    height: 12px;
    background-color: #ff6d70
}

.landings-slider-pagination-webinars {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 60px;
    width: 100%
}

.landings-slider-pagination-webinars .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    margin-right: 30px
}

.landings-slider-pagination-webinars .swiper-pagination-bullet:last-child {
    margin-right: 0
}

.landings-expansion-panel .mat-expansion-panel-body {
    padding: 15px 15px 25px
}

.landings-expansion-panel .mat-expansion-indicator {
    min-height: 31px
}

.landings-expansion-panel .mat-expanded .mat-expansion-indicator:after {
    vertical-align: bottom;
    color: #ff6d70
}

.native-adv-basics .mat-expansion-panel-header.mat-expanded .mat-expansion-indicator {
    font-size: 8px
}

.native-adv-basics .mat-expansion-panel-header.mat-expanded .mat-expansion-indicator:after {
    color: #005ae1
}

.native-adv-basics .mat-expansion-panel-content {
    padding: 0 50px 0 40px
}

@media (max-width: 766.98px) {
    .native-adv-basics .mat-expansion-panel-content {
        padding: 0 16px
    }
}

.native-adv-basics .mat-expansion-panel-content .mat-expansion-panel-body {
    padding: 6px 0 36px;
    background: none
}

@media (max-width: 766.98px) {
    .native-adv-basics .mat-expansion-panel-content .mat-expansion-panel-body {
        padding: 16px 0 32px
    }
}

.article {
    position: relative
}

@media (min-width: 1025px) {
    .article-header {
        text-align: center;
        padding-top: 142px;
        position: relative
    }

    .article-header:before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 56.1%;
        background: #e7eff1
    }
}

@media (max-width: 1024.98px) {
    .article-header {
        padding-top: 60px
    }
}

@media (max-width: 1024.98px) {
    .article-header-top {
        display: flex;
        flex-wrap: wrap
    }
}

@media (min-width: 1025px) {
    .article-header-data {
        margin-bottom: 60px
    }
}

@media (max-width: 1024.98px) {
    .article-header-data {
        order: 1;
        display: flex;
        flex-direction: column;
        padding-top: 30px
    }
}

.article-header-title {
    position: relative;
    order: 1;
    margin-top: 10px;
    margin-bottom: 30px
}

@media (min-width: 1025px) {
    .article-header-title {
        margin-top: 0;
        margin-bottom: 10px
    }
}

@media (max-width: 1024.98px) {
    .article-header-cat {
        order: 0
    }
}

.article-body {
    padding-top: 78px
}

@media (max-width: 1024.98px) {
    .article-body {
        padding-top: 0
    }
}

@media (min-width: 1025px) {
    .article-body-wrap {
        max-width: 85%
    }
}

@media screen and (min-width: 1400px) {
    .article-body-wrap {
        max-width: 1190px
    }
}

.article-body-inner {
    position: relative;
    display: flex
}

@media (min-width: 1025px) {
    .article-body-inner {
        justify-content: space-between
    }
}

@media (max-width: 1024.98px) {
    .article-body-inner {
        flex-wrap: wrap;
        flex-direction: column
    }
}

.article-social {
    position: absolute;
    top: 0;
    left: -120px;
    height: 100%
}

@media (max-width: 1024.98px) {
    .article-social {
        position: relative;
        top: 0;
        left: 0;
        margin-bottom: 30px
    }
}

.article-content {
    width: 100%
}

@media (min-width: 1025px) {
    .article-content {
        width: calc(57.3333% + 30px)
    }
}

.article-content-footer {
    padding: 36px 0 70px
}

.article-aside {
    display: flex;
    justify-content: flex-start;
    flex-direction: column
}

@media (min-width: 1025px) {
    .article-aside {
        max-width: 350px;
        width: 33.3333%;
        margin-left: auto
    }

    .article-aside>* {
        margin-bottom: 70px;
        display: block
    }
}

@media (max-width: 1024.98px) {
    .article-aside {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: center
    }

    .article-aside mgs-author {
        display: none
    }
}

.article-banner {
    flex-grow: 1;
    width: 100%;
    height: 100%
}

@media (max-width: 1024.98px) {
    .article-banner {
        max-width: 316px;
        margin-bottom: 70px
    }
}

@media (max-width: 766.98px) {
    .mgs-swiper-features .swiper-slide {
        width: 256px;
        padding: 70px 30px 20px;
        box-sizing: border-box
    }
}

@media (max-width: 766.98px) {
    .mgs-swiper-widgets .swiper-slide {
        width: 350px;
        margin: 0
    }
}

.mgs-swiper-adv-features .swiper-slide {
    min-height: 400px;
    padding: 44px 30px 0;
    box-sizing: border-box;
    background-color: #fff
}

.swiper-landing-cs .swiper-wrapper {
    margin-bottom: 70px
}

@media (max-width: 575.98px) {
    .swiper-landing-cs .swiper-wrapper {
        margin-bottom: 0
    }
}

.swiper-landing-cs.case-slider-pagination .swiper-slide {
    position: relative;
    width: 22.972972973%;
    height: 96px;
    border-top: 2px solid #E7EFF1;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.swiper-landing-cs.case-slider-pagination .swiper-slide:before {
    position: absolute;
    top: -2px;
    left: 0;
    width: 0;
    height: 2px;
    background-color: #ff6d70;
    content: ""
}

.swiper-landing-cs.case-slider-pagination .swiper-slide:last-child {
    margin-right: 0
}

.swiper-landing-cs.case-slider-pagination .swiper-slide.swiper-slide-thumb-active:before {
    animation: lineWidth 15s ease-in forwards
}

.swiper-landing-cs.case-slider-pagination-image {
    display: block;
    width: 100%;
    height: 100%;
    max-width: 175px;
    object-fit: cover
}

.swiper-news .swiper-slide {
    display: flex;
    justify-content: flex-end
}

@media (max-width: 1024.98px) {
    .swiper-news .swiper-slide {
        justify-content: center
    }
}

.swiper-event .swiper-slide {
    display: flex
}

@media (max-width: 1024.98px) {
    .swiper-event .swiper-slide {
        justify-content: center
    }
}

.mgs-swiper-timeline-slider .swiper-slide {
    height: auto
}

.mgs-swiper-timeline-slider .swiper-slide-active .timeline-progress:before {
    animation: lineWidth 10s ease-in forwards
}

.mgs-swiper-timeline-pagination .swiper-slide {
    position: relative;
    width: 98px !important;
    height: 64px;
    line-height: 48px;
    border-style: solid;
    border-color: transparent;
    border-width: 8px 12px;
    transition: border-color .4s;
    border-radius: 4px;
    cursor: pointer
}

.mgs-swiper-timeline-pagination .swiper-slide:hover {
    border-color: #e7eff1
}

.mgs-swiper-timeline-pagination .swiper-slide.swiper-slide-thumb-active {
    border-color: #ff6d70
}

.mgs-swiper-timeline-pagination .swiper-slide.swiper-slide-thumb-active:before,
.mgs-swiper-timeline-pagination .swiper-slide.swiper-slide-thumb-active:after {
    content: "";
    display: block;
    position: absolute;
    top: -3px;
    width: 2px;
    bottom: -3px;
    background: #fff
}

.mgs-swiper-timeline-pagination .swiper-slide.swiper-slide-thumb-active:before {
    left: -8px
}

.mgs-swiper-timeline-pagination .swiper-slide.swiper-slide-thumb-active:after {
    right: -8px
}

.case-studies-recent-slider .swiper-slide-active .case-studies-recent-slider-progress:before {
    animation: lineWidth 10s ease-in forwards
}

@keyframes lineWidth {
    0% {
        width: 0
    }

    to {
        width: 100%
    }
}

@media (max-width: 766.98px) {
    .trends .mgs-swiper.mgs-swiper-review-2021-trends.left .swiper-slide[data-swiper-slide-index="1"] .trend-container .trend-img {
        width: 223px
    }
}

@media (max-width: 766.98px) {

    .trends .mgs-swiper.mgs-swiper-review-2021-trends.left .swiper-slide[data-swiper-slide-index="3"] .trend-container .trend-img,
    .trends .mgs-swiper.mgs-swiper-review-2021-trends.left .swiper-slide[data-swiper-slide-index="4"] .trend-container .trend-img,
    .trends .mgs-swiper.mgs-swiper-review-2021-trends.left .swiper-slide[data-swiper-slide-index="5"] .trend-container .trend-img {
        width: 185px
    }
}

@media (max-width: 766.98px) {
    .trends .mgs-swiper.mgs-swiper-review-2021-trends.right .swiper-slide[data-swiper-slide-index="1"] .trend-container .trend-img {
        width: 231px
    }
}

@media (max-width: 766.98px) {

    .trends .mgs-swiper.mgs-swiper-review-2021-trends.right .swiper-slide[data-swiper-slide-index="2"] .trend-container .trend-img,
    .trends .mgs-swiper.mgs-swiper-review-2021-trends.right .swiper-slide[data-swiper-slide-index="3"] .trend-container .trend-img,
    .trends .mgs-swiper.mgs-swiper-review-2021-trends.right .swiper-slide[data-swiper-slide-index="4"] .trend-container .trend-img {
        width: 254px
    }
}

@media (max-width: 766.98px) {
    .trends .mgs-swiper.mgs-swiper-review-2021-trends.right .swiper-slide[data-swiper-slide-index="5"] .trend-container .trend-img {
        width: 185px
    }
}

.mat-flat-button.mat-accent,
.mat-raised-button.mat-accent,
.mat-fab.mat-accent,
.mat-mini-fab.mat-accent {
    color: #fff
}

.btn-rounded {
    text-transform: uppercase
}

.btn-rounded.btn-lg {
    border-radius: 52px;
    padding-left: 34px;
    padding-right: 34px
}

.mat-stroked-button.btn {
    border-color: currentColor
}

.btn-gray-blue {
    background: #577e8f;
    color: #fff !important
}

.btn-gray-blue.mat-stroked-button {
    background: transparent;
    border-color: #577e8f;
    color: #577e8f
}

.btn-gray-blue:hover {
    color: #fff;
    background: #577e8f
}

.blog__filters .mat-mdc-form-field-subscript-wrapper,
.webinars-top-filters .mat-mdc-form-field-subscript-wrapper {
    height: 1.344rem
}

.blog__filters .mat-mdc-form-field,
.webinars-top-filters .mat-mdc-form-field {
    max-width: 320px;
    display: block;
    font-size: 16px;
    position: relative
}

.blog__filters .mat-mdc-form-field:after,
.webinars-top-filters .mat-mdc-form-field:after {
    content: "";
    display: block;
    position: absolute;
    top: calc(50% - 13px);
    transform: translateY(-50%) rotate(135deg);
    transform-origin: center center;
    right: 7px;
    border-bottom: 8px solid transparent;
    border-right: 8px solid #777777;
    transition: border-right-color .1s;
    z-index: -10
}

.blog__filters .mat-mdc-form-field:hover .mdc-line-ripple:before,
.blog__filters .mat-mdc-form-field:hover .mdc-line-ripple:after,
.webinars-top-filters .mat-mdc-form-field:hover .mdc-line-ripple:before,
.webinars-top-filters .mat-mdc-form-field:hover .mdc-line-ripple:after {
    border-bottom-color: #ff6d70
}

.blog__filters .mat-mdc-form-field:hover:after,
.webinars-top-filters .mat-mdc-form-field:hover:after {
    border-right-color: #ff6d70
}

.blog__filters .mat-mdc-form-field:hover.mgs-form-autocomplete .input__fake,
.webinars-top-filters .mat-mdc-form-field:hover.mgs-form-autocomplete .input__fake {
    color: #777
}

.blog__filters .mat-mdc-form-field.is-open:after,
.webinars-top-filters .mat-mdc-form-field.is-open:after {
    border-right-color: #ff6d70;
    margin-top: 4px;
    transform: translateY(-50%) rotate(-45deg)
}

.blog__filters .mat-mdc-form-field.is-open.mgs-form-autocomplete .input__fake,
.webinars-top-filters .mat-mdc-form-field.is-open.mgs-form-autocomplete .input__fake {
    color: #333
}

.blog__filters .mat-mdc-form-field.mat-focused .mdc-line-ripple:before,
.blog__filters .mat-mdc-form-field.mat-focused .mdc-line-ripple:after,
.webinars-top-filters .mat-mdc-form-field.mat-focused .mdc-line-ripple:before,
.webinars-top-filters .mat-mdc-form-field.mat-focused .mdc-line-ripple:after {
    border-bottom-color: #ff6d70;
    border-bottom-width: 1px
}

.blog__filters .mat-mdc-form-field .mdc-text-field--no-label:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mat-mdc-form-field-infix,
.webinars-top-filters .mat-mdc-form-field .mdc-text-field--no-label:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mat-mdc-form-field-infix {
    line-height: 18px;
    padding: 12px 0;
    min-height: 42px
}

.blog__filters .mat-mdc-form-field .mat-mdc-text-field-wrapper,
.webinars-top-filters .mat-mdc-form-field .mat-mdc-text-field-wrapper {
    background-color: transparent
}

.blog__filters .mat-mdc-form-field .mdc-text-field--filled:not(.mdc-text-field--disabled):hover .mdc-line-ripple:before,
.webinars-top-filters .mat-mdc-form-field .mdc-text-field--filled:not(.mdc-text-field--disabled):hover .mdc-line-ripple:before {
    border-bottom-color: #ff6d70
}

.blog__filters .mat-form-field-appearance-fill .mat-mdc-form-field-focus-overlay,
.webinars-top-filters .mat-form-field-appearance-fill .mat-mdc-form-field-focus-overlay {
    background: transparent
}

.blog__filters .mat-form-field-appearance-fill .mat-form-field-ripple,
.webinars-top-filters .mat-form-field-appearance-fill .mat-form-field-ripple {
    display: none
}

.blog__filters .mgs-form-autocomplete .input__fake,
.webinars-top-filters .mgs-form-autocomplete .input__fake {
    font-size: 16px;
    line-height: 18px;
    color: #333;
    display: inline-block;
    width: 100%;
    position: absolute;
    bottom: 12px;
    left: 0;
    transition: opacity .1s ease, color .1s ease;
    opacity: 1;
    z-index: 1;
    cursor: pointer;
    text-transform: capitalize
}

.blog__filters .mgs-form-autocomplete .input__fake.hide,
.webinars-top-filters .mgs-form-autocomplete .input__fake.hide {
    opacity: 0;
    z-index: -1
}

.blog__filters .mgs-form-autocomplete .input__fake.hide+.input__autocomplete,
.webinars-top-filters .mgs-form-autocomplete .input__fake.hide+.input__autocomplete {
    opacity: 1
}

.blog__filters .mgs-form-autocomplete .input__fake.value,
.webinars-top-filters .mgs-form-autocomplete .input__fake.value {
    color: inherit
}

.blog__filters .mgs-form-autocomplete .input__autocomplete,
.webinars-top-filters .mgs-form-autocomplete .input__autocomplete {
    color: #333;
    opacity: 0;
    transition: opacity .1s ease
}

.webinars-top-filters.search .mat-mdc-form-field {
    width: 100%;
    max-width: 100%
}

.webinars-top-filters-item .mat-mdc-form-field {
    max-width: 255px
}

@media (max-width: 1024.98px) {
    .webinars-top-filters-item .mat-mdc-form-field {
        max-width: 100%
    }
}

.cdk-overlay-container .mat-mdc-select-panel,
.cdk-overlay-container .mat-mdc-autocomplete-panel {
    border-radius: 0;
    padding: 0
}

.cdk-overlay-container .mat-mdc-select-panel .mat-mdc-option,
.cdk-overlay-container .mat-mdc-autocomplete-panel .mat-mdc-option {
    line-height: 38px;
    min-height: 38px;
    padding: 0 38px 0 20px
}

.cdk-overlay-container .mat-mdc-select-panel .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text,
.cdk-overlay-container .mat-mdc-autocomplete-panel .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text {
    color: inherit
}

.cdk-overlay-container .mat-mdc-select-panel .mdc-list-item__primary-text,
.cdk-overlay-container .mat-mdc-autocomplete-panel .mdc-list-item__primary-text {
    margin-right: 0
}

.cdk-overlay-container .mat-mdc-select-panel .mat-pseudo-checkbox,
.cdk-overlay-container .mat-mdc-autocomplete-panel .mat-pseudo-checkbox {
    display: none
}

.cdk-overlay-container .mat-mdc-option:hover:not(.mdc-list-item--disabled) {
    background: #e7eff1
}

.mat-icon path {
    transition: inherit
}

.cdk-overlay-pane .mat-bottom-sheet-container-large {
    min-width: 100vw;
    padding: 0
}

.cdk-overlay-pane .mat-bottom-sheet-container {
    padding: 0
}

.cdk-overlay-pane .mat-dialog-container {
    border-radius: 0
}

.cdk-overlay-pane .mat-menu-panel {
    max-width: none
}

.cdk-overlay-pane .mat-mdc-menu-panel {
    margin-top: 10px
}

.cdk-overlay-pane .mat-mdc-menu-content {
    padding: 0
}

.cdk-overlay-pane .mat-menu-panel {
    background-color: transparent;
    box-shadow: none;
    overflow: visible
}

.snackBar-successful {
    background: #1de9b6
}

.snackBar-successful .mat-simple-snackbar {
    font-weight: 600
}

.opt-out-tooltip {
    line-height: 1.1;
    font-size: 12px
}

.mgs-menu-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    text-decoration: none;
    color: #333;
    padding: 9px 20px;
    transition: .2s
}

.mgs-menu-link:hover,
.mgs-menu-link:focus {
    color: #ff6d70;
    background: #f5f9f9;
    text-decoration: none
}

.mgs-menu-link:hover .mgs-menu-name:before,
.mgs-menu-link:focus .mgs-menu-name:before {
    border-color: #ff6d70
}

.mgs-menu-link:active {
    color: #e43d30;
    border-color: #e43d30;
    background-color: #e7eff1
}

.mgs-menu-link.is-active:hover,
.mgs-menu-link.is-active:focus {
    color: #333
}

.mgs-menu-link.is-active .mgs-menu-name:before {
    border-color: #e43d30;
    background: #e43d30
}

.mgs-menu-name {
    display: block;
    width: 100%;
    position: relative
}

.mgs-menu-name:before {
    content: "";
    position: relative;
    top: 6px;
    transform: translateY(-50%);
    display: inline-block;
    vertical-align: middle;
    width: 12px;
    height: 12px;
    border: 1px solid #95B3BE;
    border-radius: 12px;
    margin: 0 10px 0 3px
}

.chat-button .mat-progress-spinner circle,
.chat-button .mat-spinner circle {
    stroke: #fff
}

.mat-mdc-checkbox {
    padding: 0;
    margin-right: 8px
}

.mat-mdc-checkbox .mdc-checkbox {
    padding: 0;
    margin: 0 8px 0 0
}

.mat-mdc-checkbox .mdc-checkbox__background {
    width: 16px;
    height: 16px;
    top: 0;
    left: 0
}

.mat-mdc-checkbox.mat-mdc-checkbox-checked .mdc-checkbox__background {
    border-color: #95b3be !important;
    background-color: #95b3be !important
}

.mat-mdc-checkbox .mdc-checkbox__checkmark {
    color: #fafafa !important
}

.mat-mdc-checkbox .mdc-label {
    letter-spacing: normal
}

.lang-menu-link .mat-mdc-menu-item-text {
    display: flex;
    width: 100%
}

.mat-mdc-button,
.mat-icon-button,
.mat-stroked-button,
.mat-flat-button {
    white-space: nowrap
}

.mat-mdc-button.btn {
    text-transform: uppercase;
    text-align: center;
    letter-spacing: inherit;
    border-radius: 3px;
    transition: .2s color, .2s border-color, .2s background;
    font-weight: 600;
    min-width: 40px
}

.mat-mdc-button.btn:hover {
    text-decoration: none
}

.mat-mdc-button.btn.btn-first-big-letter .mdc-button__label {
    display: inline-block
}

.mat-mdc-button.btn.btn-first-big-letter .mdc-button__label:first-letter {
    text-transform: capitalize
}

.mat-mdc-button.btn .mdc-button__label {
    display: flex;
    justify-content: center;
    align-items: center
}

.mat-mdc-button.btn .mat-button-focus-overlay {
    display: none
}

.mat-mdc-button.btn .mat-icon {
    display: flex
}

.mat-mdc-button.btn path {
    fill: currentColor
}

.mat-mdc-button.btn-stroked {
    background: transparent;
    border: 1px solid transparent
}

.mat-mdc-button.btn-raised {
    box-shadow: 0 8px 12px #00000029
}

.mat-mdc-button.btn-text {
    font-size: 12px;
    letter-spacing: .6px
}

.mat-mdc-button.btn-text-circle {
    letter-spacing: 0;
    min-width: 30px;
    max-height: 30px;
    max-width: 30px;
    line-height: 30px;
    border-radius: 15px;
    padding: 0
}

.mat-mdc-button.btn-link:after {
    content: "";
    display: block;
    position: absolute;
    height: 1px;
    transition: .2s opacity, .2s left, .2s right
}

.mat-mdc-button.btn-link:hover:after,
.mat-mdc-button.btn-link:focus:after,
.mat-mdc-button.btn-link:active:after {
    opacity: 1
}

.mat-mdc-button.btn-link .mat-ripple {
    display: none
}

.mat-mdc-button.btn-menu-link {
    padding: 6px;
    border-radius: 4px;
    color: #577e8f;
    font-size: 14px;
    line-height: 32px;
    height: 44px
}

.mat-mdc-button.btn-menu-link:after {
    left: 6px;
    right: 6px;
    bottom: 6px;
    background: #e43d30;
    opacity: 0
}

.mat-mdc-button.btn-menu-link:focus {
    background: #e1ecfe
}

.mat-mdc-button.btn-menu-link:active {
    color: #e43d30;
    background: #fff
}

.mat-mdc-button.btn-cat-link {
    padding: 6px;
    border-radius: 4px;
    color: #ff6d70;
    font-size: 12px;
    line-height: 32px;
    height: 44px
}

.mat-mdc-button.btn-cat-link:after {
    left: 6px;
    right: 6px;
    bottom: 6px;
    height: 1px;
    background: #ff6d70;
    opacity: 0;
    transition: .2s opacity
}

.mat-mdc-button.btn-cat-link:focus {
    background: #e1ecfe
}

.mat-mdc-button.btn-cat-link:active {
    color: #e43d30;
    background: transparent
}

.mat-mdc-button.btn-cat-link:active:after {
    background: #e43d30
}

.mat-mdc-button.btn-cat-link-inverted {
    padding: 0 15px;
    border-radius: 0;
    color: #ff6d70;
    font-size: 12px;
    line-height: 36px;
    height: 36px;
    letter-spacing: .6px;
    background: transparent
}

.mat-mdc-button.btn-cat-link-inverted:after {
    left: calc(50% - 8px);
    right: calc(50% - 8px);
    min-width: 16px;
    bottom: 0;
    height: 1px;
    background: #ff6d70;
    opacity: 1
}

.mat-mdc-button.btn-cat-link-inverted:hover:after,
.mat-mdc-button.btn-cat-link-inverted:focus:after,
.mat-mdc-button.btn-cat-link-inverted:active:after {
    left: 0;
    right: 0
}

.mat-mdc-button.btn-cat-link-inverted:hover,
.mat-mdc-button.btn-cat-link-inverted:focus {
    background: #fff
}

.mat-mdc-button.btn-cat-link-inverted:active {
    color: #e43d30;
    background: transparent
}

.mat-mdc-button.btn-cat-link-inverted:active:after {
    background: #e43d30
}

.mat-mdc-button.btn-cat-link-filter {
    padding: 0 10px;
    border-radius: 0;
    color: #777;
    font-size: 16px;
    line-height: 36px;
    height: 36px;
    background: transparent;
    text-transform: none
}

.mat-mdc-button.btn-cat-link-filter:after {
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    background: #ff6d70;
    opacity: 0
}

.mat-mdc-button.btn-cat-link-filter:hover {
    background: #95b3be14
}

.mat-mdc-button.btn-cat-link-filter:focus {
    background: #95b3be29
}

.mat-mdc-button.btn-cat-link-filter:active,
.mat-mdc-button.btn-cat-link-filter.is-active {
    color: #333;
    background: transparent
}

.mat-mdc-button.btn-cat-link-filter:active:after,
.mat-mdc-button.btn-cat-link-filter.is-active:after {
    opacity: 1;
    background: #e43d30
}

.mat-mdc-button.btn-anchor-link {
    padding: 10px 25px;
    border-radius: 6px;
    color: #fff;
    font-size: 14px;
    line-height: 42px;
    height: 62px;
    letter-spacing: 1.4px;
    background: transparent;
    text-transform: none
}

.mat-mdc-button.btn-anchor-link:after {
    left: 10px;
    right: 10px;
    bottom: 10px;
    height: 1px;
    background: #ff6d70;
    opacity: 0
}

.mat-mdc-button.btn-anchor-link:focus {
    background: #254a6b
}

.mat-mdc-button.btn-anchor-link:active {
    color: #ff6d70;
    background: transparent
}

.mat-mdc-button.btn-download-link {
    padding: 6px 16px;
    color: #39f;
    font-size: 14px;
    line-height: 48px;
    height: 60px;
    letter-spacing: .7px
}

.mat-mdc-button.btn-download-link:after {
    left: 6px;
    right: 6px;
    bottom: 6px;
    height: 1px;
    background: #39f;
    opacity: 0
}

.mat-mdc-button.btn-download-link:focus {
    background: #def
}

.mat-mdc-button.btn-download-link:active {
    color: #00c;
    background: transparent
}

.mat-mdc-button.btn-download-link:active:after {
    background: #00c
}

.mat-mdc-button.btn-download-link .mat-icon {
    margin-right: 12px
}

.mat-mdc-button.btn-social {
    letter-spacing: 0;
    padding: 0;
    border-radius: 100%;
    min-width: 0
}

.mat-mdc-button.btn-social-sm {
    width: 32px;
    height: 32px;
    line-height: 32px
}

.mat-mdc-button.btn-social-md {
    width: 38px;
    height: 38px;
    line-height: 38px
}

.mat-mdc-button.btn-social-primary:not(:disabled) {
    color: #95b3be
}

.mat-mdc-button.btn-social-primary:hover,
.mat-mdc-button.btn-social-primary:focus {
    color: #fff;
    background: #95b3be
}

.mat-mdc-button.btn-social-primary:active {
    color: #fff;
    background: #577e8f
}

.mat-mdc-button.btn-social-secondary {
    color: #d1d1d4
}

.mat-mdc-button.btn-social-secondary:hover,
.mat-mdc-button.btn-social-secondary:focus {
    color: #fff;
    background: #d1d1d4
}

.mat-mdc-button.btn-social-secondary:active {
    color: #fff;
    background: #777
}

.mat-mdc-button.btn-social-white {
    color: #fff
}

.mat-mdc-button.btn-social-white:hover,
.mat-mdc-button.btn-social-white:focus {
    color: #0f4b81;
    background: #fff
}

.mat-mdc-button.btn-social-white:active {
    color: #0f4b81;
    background: #fff
}

.mat-mdc-button.btn-social-has-counter {
    margin-right: 40px
}

.mat-mdc-button.btn-social-counter {
    display: block;
    position: absolute;
    left: calc(100% + 8px);
    top: calc(50% - 8px);
    font-size: 12px;
    line-height: 38px;
    color: #777;
    letter-spacing: .6px;
    font-weight: 400
}

.mat-mdc-button.btn-social-download .mdc-button__label {
    flex-direction: column;
    align-items: flex-start
}

@media (max-width: 1024.98px) {
    .mat-mdc-button.btn-social-download .mdc-button__label {
        flex-direction: row;
        align-items: center
    }
}

.mat-mdc-button.btn-social-download .mat-button-focus-overlay {
    display: none
}

.mat-mdc-button.btn-social-download .mat-icon svg {
    width: 14px;
    height: 17px
}

.mat-mdc-button.btn-social .mdc-button__label {
    height: 100%;
    position: static
}

.mat-mdc-button.btn-social .mat-icon {
    width: 24px;
    height: 24px;
    margin-right: 0
}

.mat-mdc-button.btn-primary.mat-mdc-button.btn-flat {
    color: #fff;
    background: #ff6d70
}

.mat-mdc-button.btn-primary.mat-mdc-button.btn-flat:hover,
.mat-mdc-button.btn-primary.mat-mdc-button.btn-flat:focus {
    background: #ff2400
}

.mat-mdc-button.btn-primary.mat-mdc-button.btn-flat:active {
    background: #e43d30
}

.mat-mdc-button.btn-primary.mat-mdc-button.btn-stroked {
    background: #fff;
    border-color: #ff6d70;
    color: #ff6d70
}

.mat-mdc-button.btn-primary.mat-mdc-button.btn-stroked:hover,
.mat-mdc-button.btn-primary.mat-mdc-button.btn-stroked:focus {
    color: #fff;
    background: #e43d30;
    border-color: #e43d30
}

.mat-mdc-button.btn-primary.mat-mdc-button.btn-stroked:active {
    color: #fff;
    background: #e43d30
}

.mat-mdc-button.btn-primary.mat-mdc-button.btn-transparent {
    background-color: transparent
}

.mat-mdc-button.btn-primary.mat-mdc-button.btn-text {
    background: transparent;
    border-color: transparent;
    color: #333
}

.mat-mdc-button.btn-primary.mat-mdc-button.btn-text:hover,
.mat-mdc-button.btn-primary.mat-mdc-button.btn-text:focus {
    background: #95b3be29
}

.mat-mdc-button.btn-primary.mat-mdc-button.btn-text:active {
    color: #fff;
    background: #577e8f
}

.mat-mdc-button.btn-primary.mat-mdc-button.btn-noborder {
    background: #fff;
    border-color: transparent;
    color: #ff6d70
}

.mat-mdc-button.btn-primary.mat-mdc-button.btn-noborder:hover,
.mat-mdc-button.btn-primary.mat-mdc-button.btn-noborder:focus {
    color: #fff;
    background: #e43d30
}

.mat-mdc-button.btn-primary.mat-mdc-button.btn-noborder:active {
    color: #fff;
    background: #e43d30
}

.mat-mdc-button.btn-primary-dark.mat-mdc-button.btn-flat {
    color: #fff;
    background: #f56f65
}

.mat-mdc-button.btn-primary-dark.mat-mdc-button.btn-flat:hover,
.mat-mdc-button.btn-primary-dark.mat-mdc-button.btn-flat:focus {
    background: #ff2400
}

.mat-mdc-button.btn-primary-dark.mat-mdc-button.btn-flat:active {
    background: #e43d30
}

.mat-mdc-button.btn-secondary.mat-mdc-button.btn-flat {
    color: #fff;
    background: #39f
}

.mat-mdc-button.btn-secondary.mat-mdc-button.btn-flat:hover,
.mat-mdc-button.btn-secondary.mat-mdc-button.btn-flat:focus {
    background: #06f
}

.mat-mdc-button.btn-secondary.mat-mdc-button.btn-flat:active {
    background: #00c
}

.mat-mdc-button.btn-secondary.mat-mdc-button.btn-stroked {
    border-color: #39f;
    color: #39f
}

.mat-mdc-button.btn-secondary.mat-mdc-button.btn-stroked:hover,
.mat-mdc-button.btn-secondary.mat-mdc-button.btn-stroked:focus {
    color: #fff;
    background: #06f;
    border-color: #06f
}

.mat-mdc-button.btn-secondary.mat-mdc-button.btn-stroked:active {
    color: #fff;
    background: #00c;
    border-color: #00c
}

.mat-mdc-button.btn-secondary.mat-mdc-button.btn-text {
    background: transparent;
    border-color: transparent;
    color: #39f
}

.mat-mdc-button.btn-secondary.mat-mdc-button.btn-text:hover,
.mat-mdc-button.btn-secondary.mat-mdc-button.btn-text:focus {
    color: #fff;
    background: #39f
}

.mat-mdc-button.btn-secondary.mat-mdc-button.btn-text:active {
    color: #fff;
    background: #06f
}

.mat-mdc-button.btn-secondary-dark.mat-mdc-button.btn-flat {
    background: #00c;
    color: #fff
}

.mat-mdc-button.btn-secondary-dark.mat-mdc-button.btn-flat:hover,
.mat-mdc-button.btn-secondary-dark.mat-mdc-button.btn-flat:focus {
    color: #fff;
    background: #009
}

.mat-mdc-button.btn-secondary-dark.mat-mdc-button.btn-flat:active {
    color: #fff;
    background: #000075
}

.mat-mdc-button.btn-secondary-dark.mat-mdc-button.btn-stroked {
    border-color: #00c;
    color: #00c
}

.mat-mdc-button.btn-secondary-dark.mat-mdc-button.btn-stroked:hover,
.mat-mdc-button.btn-secondary-dark.mat-mdc-button.btn-stroked:focus {
    color: #fff;
    background: #00c;
    border-color: #00c
}

.mat-mdc-button.btn-secondary-dark.mat-mdc-button.btn-stroked:active {
    color: #fff;
    background: #009
}

.mat-mdc-button.btn-white.mat-mdc-button.btn-stroked {
    border-color: #fff;
    color: #fff
}

.mat-mdc-button.btn-white.mat-mdc-button.btn-stroked:hover,
.mat-mdc-button.btn-white.mat-mdc-button.btn-stroked:focus {
    color: #00c;
    background: #fff;
    border-color: #fff
}

.mat-mdc-button.btn-white.mat-mdc-button.btn-stroked:active {
    color: #00c;
    background: #d1d1d4;
    border-color: #d1d1d4
}

.mat-mdc-button.btn-white.mat-mdc-button.btn-flat {
    border-color: #fff;
    background: #fff;
    color: #ff6d70
}

.mat-mdc-button.btn-white.mat-mdc-button.btn-flat:hover,
.mat-mdc-button.btn-white.mat-mdc-button.btn-flat:focus {
    color: #fff;
    background: #ff2400;
    border-color: #ff2400
}

.mat-mdc-button.btn-white.mat-mdc-button.btn-flat:active {
    color: #fff;
    background: #e43d30;
    border-color: #e43d30
}

.mat-mdc-button.btn-white.mat-mdc-button.btn-text {
    background: transparent;
    border-color: transparent;
    color: #fff
}

.mat-mdc-button.btn-white.mat-mdc-button.btn-text:hover,
.mat-mdc-button.btn-white.mat-mdc-button.btn-text:focus {
    color: #fff;
    background: #95b3be
}

.mat-mdc-button.btn-white.mat-mdc-button.btn-text:active {
    color: #fff;
    background: #577e8f
}

.mat-mdc-button.btn-gray.mat-mdc-button.btn-stroked {
    border-color: #95b3be;
    color: #577e8f
}

.mat-mdc-button.btn-gray.mat-mdc-button.btn-stroked:hover,
.mat-mdc-button.btn-gray.mat-mdc-button.btn-stroked:focus {
    color: #577e8f;
    background: #fff;
    border-color: #fff
}

.mat-mdc-button.btn-gray.mat-mdc-button.btn-stroked:active {
    color: #fff;
    background: #577e8f;
    border-color: #577e8f
}

.mat-mdc-button.btn-info.mat-mdc-button.btn-stroked {
    border-color: #577e8f;
    color: #577e8f
}

.mat-mdc-button.btn-info.mat-mdc-button.btn-stroked:hover,
.mat-mdc-button.btn-info.mat-mdc-button.btn-stroked:focus {
    color: #fff;
    background: #95b3be;
    border-color: #95b3be
}

.mat-mdc-button.btn-info.mat-mdc-button.btn-stroked:active {
    color: #fff;
    background: #577e8f
}

.mat-mdc-button.btn-info-dark.mat-mdc-button.btn-stroked {
    border-color: #fff;
    color: #fff
}

.mat-mdc-button.btn-info-dark.mat-mdc-button.btn-stroked:hover,
.mat-mdc-button.btn-info-dark.mat-mdc-button.btn-stroked:focus {
    color: #577e8f;
    background: #fff;
    border-color: #fff
}

.mat-mdc-button.btn-info-dark.mat-mdc-button.btn-stroked:active {
    color: #577e8f;
    background: #d1d1d4;
    border-color: #d1d1d4
}

.mat-mdc-button.btn-sm {
    font-size: 12px;
    min-height: 30px;
    line-height: 30px;
    height: auto
}

.mat-mdc-button.btn-sm.mat-mdc-button.btn-stroked {
    line-height: 28px
}

.mat-mdc-button.btn-md {
    font-size: 12px;
    letter-spacing: .6px;
    min-height: 36px
}

.mat-mdc-button.btn-md.mat-mdc-button.btn-stroked {
    line-height: 34px
}

.mat-mdc-button.btn-md.mat-mdc-button.btn-rounded {
    border-radius: 18px;
    padding: 0 20px
}

.mat-mdc-button.btn-md.mat-mdc-button.btn-with-ico {
    padding-right: 9px
}

.mat-mdc-button.btn-md.mat-mdc-button.btn-with-ico .mat-icon {
    margin-left: 5px
}

.mat-mdc-button.btn-lg {
    font-size: 14px;
    line-height: 42px;
    letter-spacing: 1.4px;
    min-height: 42px;
    padding: 0 30px
}

.mat-mdc-button.btn-lg.mat-mdc-button.btn-rounded {
    border-radius: 21px
}

.mat-mdc-button.btn-lg.mat-mdc-button.btn-stroked {
    line-height: 40px;
    min-height: 40px
}

.mat-mdc-button.btn-xl {
    font-size: 14px;
    line-height: 52px;
    letter-spacing: 1.4px;
    min-height: 52px;
    padding: 0 30px
}

.mat-mdc-button.btn-xl.mat-mdc-button.btn-rounded {
    border-radius: 26px
}

.mat-mdc-button.btn-xl.mat-mdc-button.btn-stroked {
    line-height: 52px;
    min-height: 52px;
    padding: 0 29px
}

@media (max-width: 575.98px) {
    .mat-mdc-button.btn-xl.mat-mdc-button.btn-break-spaces {
        display: flex;
        justify-content: center;
        align-items: center;
        line-height: 1.4;
        white-space: break-spaces
    }
}

.mat-mdc-button.btn-xl.mat-mdc-button.btn-with-ico {
    padding-left: 16px
}

.mat-mdc-button.btn-xl.mat-mdc-button.btn-with-ico .mat-icon {
    margin-right: 25px;
    position: relative
}

.mat-mdc-button.btn-xl.mat-mdc-button.btn-with-ico .mat-icon:after {
    content: "";
    display: block;
    position: absolute;
    left: calc(100% + 10px);
    top: -6px;
    bottom: -6px;
    width: 1px;
    background: currentColor
}

.mat-mdc-button.btn-xxl {
    font-size: 14px;
    letter-spacing: 1.4px;
    min-height: 64px;
    line-height: 64px;
    padding-left: 60px;
    padding-right: 60px
}

.mat-mdc-button.btn-xxl.mat-mdc-button.btn-rounded {
    border-radius: 32px
}

.mat-mdc-button.btn-xxl.mat-mdc-button.btn-stroked {
    line-height: 62px;
    min-height: 62px
}

@media (max-width: 575.98px) {
    .mat-mdc-button.btn-xxl.mat-mdc-button.btn-break-spaces {
        display: flex;
        justify-content: center;
        align-items: center;
        line-height: 1.4;
        white-space: break-spaces
    }
}

.mat-mdc-button.btn-block {
    display: block;
    width: 100%
}

.mat-mdc-button.btn-disabled,
.mat-mdc-button.btn:disabled {
    opacity: .6;
    pointer-events: none
}

.guide-steps-nav-link .mdc-button__label {
    display: flex;
    flex-direction: column
}

.guide-steps-nav-link .mat-button-focus-overlay {
    display: none
}

.guide-steps-nav-btn .mdc-button__label {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.btn-social-counter {
    display: block;
    position: absolute;
    left: calc(100% + 8px);
    top: calc(50% - 8px);
    font-size: 12px;
    line-height: 16px;
    color: #777;
    letter-spacing: .6px;
    font-weight: 400
}

.mat-mdc-button.contacts-thanks-close .mat-button-focus-overlay {
    background-color: transparent
}

.mat-mdc-button.contacts-thanks-close .mat-button-ripple.mat-ripple {
    display: none
}

.mat-button-toggle-group {
    z-index: 2
}

.mat-button-toggle-group-appearance-standard .mat-button-toggle {
    border-radius: 24px;
    z-index: 1
}

.mat-button-toggle-group-appearance-standard .mat-button-toggle-checked {
    z-index: 2
}

.mat-button-toggle-group-appearance-standard .mat-button-toggle+.mat-button-toggle {
    border: 0;
    border-radius: 24px
}

.mat-button-toggle-group.big {
    background-color: #e7eff1;
    border-radius: 26px;
    border-width: 0;
    overflow: visible
}

.mat-button-toggle-group.big .mat-button-toggle+.mat-button-toggle .mat-button-toggle-label-content {
    color: #577e8f
}

.mat-button-toggle-group.big .mat-button-toggle+.mat-button-toggle .mat-button-toggle-button:hover .mat-button-toggle-label-content {
    color: #fff;
    background-color: #577e8f
}

.mat-button-toggle-group.big .mat-button-toggle+.mat-button-toggle.mat-button-toggle-checked .mat-button-toggle-label-content {
    color: #fff;
    background-color: #577e8f;
    border-color: #577e8f
}

.mat-button-toggle-group.big .mat-button-toggle+.mat-button-toggle.mat-button-toggle-checked .mat-button-toggle-button:hover .mat-button-toggle-label-content {
    border-color: #577e8f
}

.mat-button-toggle-group.big .mat-button-toggle-appearance-standard {
    background: none
}

.mat-button-toggle-group.big .mat-button-toggle-appearance-standard .mat-button-toggle-label-content {
    font: 600 14px/44px Avertacy, fallbackFont, Helvetica Neue, Helvetica, sans-serif;
    color: #ff6d70;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    padding: 0 30px;
    background-color: #e7eff1;
    border: 4px solid #E7EFF1;
    border-radius: 26px;
    box-shadow: none;
    transition: background-color .3s ease, box-shadow .3s ease
}

.mat-button-toggle-group.big .mat-button-toggle-appearance-standard .mat-button-toggle-button:hover .mat-button-toggle-label-content {
    color: #fff;
    background-color: #ff6d70
}

.mat-button-toggle-group.big .mat-button-toggle-appearance-standard.mat-button-toggle-checked .mat-button-toggle-button:hover .mat-button-toggle-label-content {
    border-color: #ff6d70
}

.mat-button-toggle-group.big .mat-button-toggle-appearance-standard.mat-button-toggle-checked .mat-button-toggle-label-content {
    color: #fff;
    padding: 0 30px;
    background-color: #ff6d70;
    border-radius: 26px;
    border-color: #ff6d70;
    box-shadow: 0 4px 12px #00000029
}

.mat-button-toggle-group.big:not(.mat-button-toggle-disabled):hover .mat-button-toggle-focus-overlay {
    opacity: 0
}

.mat-button-toggle-group.small {
    background-color: #e7eff1;
    border-radius: 24px;
    border-width: 0;
    overflow: visible
}

.mat-button-toggle-group.small .mat-button-toggle+.mat-button-toggle .mat-button-toggle-label-content {
    color: #39f
}

.mat-button-toggle-group.small .mat-button-toggle+.mat-button-toggle .mat-button-toggle-button:hover .mat-button-toggle-label-content {
    color: #fff;
    background-color: #39f
}

.mat-button-toggle-group.small .mat-button-toggle+.mat-button-toggle.mat-button-toggle-checked .mat-button-toggle-label-content {
    color: #fff;
    background-color: #39f;
    border-color: #39f
}

.mat-button-toggle-group.small .mat-button-toggle+.mat-button-toggle.mat-button-toggle-checked .mat-button-toggle-button:hover .mat-button-toggle-label-content {
    border-color: #39f
}

.mat-button-toggle-group.small .mat-button-toggle-appearance-standard .mat-button-toggle-label-content {
    font: 600 14px/34px Avertacy, fallbackFont, Helvetica Neue, Helvetica, sans-serif;
    color: #ff6d70;
    letter-spacing: .7px;
    text-transform: capitalize;
    padding: 0 24px;
    background-color: #e7eff1;
    border: 4px solid #E7EFF1;
    border-radius: 24px;
    box-shadow: none;
    transition: background-color .3s ease, box-shadow .3s ease
}

.mat-button-toggle-group.small .mat-button-toggle-appearance-standard .mat-button-toggle-button:hover .mat-button-toggle-label-content {
    color: #fff;
    background-color: #ff6d70
}

.mat-button-toggle-group.small .mat-button-toggle-appearance-standard.mat-button-toggle-checked .mat-button-toggle-button:hover .mat-button-toggle-label-content {
    border-color: #ff6d70
}

.mat-button-toggle-group.small .mat-button-toggle-appearance-standard.mat-button-toggle-checked .mat-button-toggle-label-content {
    color: #fff;
    padding: 0 22px;
    background-color: #ff6d70;
    border-radius: 24px;
    border-color: #ff6d70;
    box-shadow: 0 4px 12px #00000029
}

.mat-button-toggle-group.small:not(.mat-button-toggle-disabled):hover .mat-button-toggle-focus-overlay {
    opacity: 0
}

.mat-button-toggle-group.small-sort {
    border: 0
}

.mat-button-toggle-group.small-sort .mat-button-toggle+.mat-button-toggle .mat-button-toggle-label-content {
    color: #333;
    background-color: #fff
}

.mat-button-toggle-group.small-sort .mat-button-toggle+.mat-button-toggle.mat-button-toggle-checked .mat-button-toggle-label-content {
    color: #fff;
    background-color: #95b3be;
    border-color: #95b3be
}

.mat-button-toggle-group.small-sort .mat-button-toggle-appearance-standard {
    margin-right: 10px
}

.mat-button-toggle-group.small-sort .mat-button-toggle-appearance-standard .mat-button-toggle-label-content {
    font: 400 16px/38px Avertacy, fallbackFont, Helvetica Neue, Helvetica, sans-serif;
    color: #333;
    text-transform: capitalize;
    padding: 0 15px;
    background-color: #fff;
    border: 1px solid #95B3BE;
    border-radius: 6px;
    transition: background-color .3s ease
}

.mat-button-toggle-group.small-sort .mat-button-toggle-appearance-standard.mat-button-toggle-checked .mat-button-toggle-label-content {
    color: #fff;
    background-color: #95b3be;
    border-radius: 3px
}

.mat-button-toggle-group.small-sort .mat-button-toggle-appearance-standard:not(.mat-button-toggle-disabled):hover .mat-button-toggle-focus-overlay {
    opacity: 0
}

.mat-button-toggle-group.small-sort:not(.mat-button-toggle-disabled):hover .mat-button-toggle-focus-overlay {
    opacity: 0
}

.case-studies-recent-post-btn:hover .mat-mdc-button-persistent-ripple:before {
    opacity: 0
}

.mgs-form-field-wrapper {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 10px
}

.mgs-form-field-wrapper .mdc-text-field {
    border-radius: 0
}

.mgs-form-field-wrapper .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading,
.mgs-form-field-wrapper .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__notch,
.mgs-form-field-wrapper .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing {
    border-radius: 0;
    border-color: #d1d1d4
}

.mgs-form-field-wrapper .mgs-label {
    display: block;
    font-size: 10px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: .5px;
    color: #333;
    text-transform: uppercase;
    margin-bottom: 10px
}

.mgs-form-field-wrapper .mgs-label .label {
    color: #95b3be;
    text-transform: lowercase
}

.mgs-form-field-wrapper.mgs-invalid .mgs-label {
    color: #ff6d70
}

.mgs-form-field-wrapper.mgs-invalid.mgs-select .mat-form-field-outline-start,
.mgs-form-field-wrapper.mgs-invalid.mgs-select .mat-form-field-outline-gap,
.mgs-form-field-wrapper.mgs-invalid.mgs-select .mat-form-field-outline-end {
    border-color: #ff6d70 !important
}

.mgs-form-field-wrapper.mgs-filled .mat-form-field.mat-form-field-appearance-outline .mat-form-field-outline {
    color: #777
}

.mgs-form-field-wrapper .mat-mdc-form-field-error {
    display: inline;
    color: #ff6d70;
    text-transform: none;
    font-size: 10px;
    line-height: 14px;
    text-align: right
}

.mgs-form-field-wrapper .mat-mdc-form-field-error:before {
    display: none
}

.mgs-form-field-wrapper .mat-mdc-form-field-subscript-wrapper {
    margin-top: 4px
}

.mgs-form-field-wrapper textarea.mat-mdc-input-element {
    padding: 3px 0
}

.mat-mdc-form-field .mat-mdc-form-field-bottom-align {
    display: none
}

.mat-mdc-form-field.full-width {
    width: 100%
}

.mat-mdc-form-field.mat-form-field-appearance-outline.mgs-field {
    width: 100%;
    flex-basis: 100%
}

.mat-mdc-form-field.mat-form-field-appearance-outline.mgs-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix {
    min-height: 42px;
    padding: 11px 0
}

.mat-mdc-form-field.mat-form-field-appearance-outline.mgs-field .mat-mdc-form-field-flex {
    padding: 0;
    margin-top: -4px
}

.mat-mdc-form-field.mat-form-field-appearance-outline.mgs-field .mat-mdc-form-field-infix {
    border-top: 0;
    padding: 15px 0 12px
}

.mat-mdc-form-field.mat-form-field-appearance-outline.mgs-field .mat-mdc-form-field-wrapper {
    margin: 4px 0
}

.mat-mdc-form-field.mat-form-field-appearance-outline.mgs-field .mat-mdc-form-field-outline {
    color: #d1d1d4
}

.mat-mdc-form-field.mat-form-field-appearance-outline.mgs-field .mat-mdc-form-field-outline-start,
.mat-mdc-form-field.mat-form-field-appearance-outline.mgs-field .mat-mdc-form-field-outline-end {
    border-radius: 0
}

.mat-mdc-form-field.mat-form-field-appearance-outline.mgs-field .mat-mdc-form-field-outline-thick {
    color: #777
}

.mat-mdc-form-field.mat-form-field-appearance-outline.mgs-field .mat-mdc-form-field-outline-thick .mat-form-field-outline-start,
.mat-mdc-form-field.mat-form-field-appearance-outline.mgs-field .mat-mdc-form-field-outline-thick .mat-form-field-outline-gap,
.mat-mdc-form-field.mat-form-field-appearance-outline.mgs-field .mat-mdc-form-field-outline-thick .mat-form-field-outline-end {
    border-width: 1px
}

.mat-mdc-form-field.mat-form-field-appearance-outline.mgs-field.mat-form-field-invalid .mdc-notched-outline__trailing,
.mat-mdc-form-field.mat-form-field-appearance-outline.mgs-field.mat-form-field-invalid .mdc-notched-outline__leading {
    border-color: #ff6d70
}

.mat-mdc-form-field.mat-form-field-appearance-outline.mgs-field.mat-focused .mdc-notched-outline__trailing,
.mat-mdc-form-field.mat-form-field-appearance-outline.mgs-field.mat-focused .mdc-notched-outline__leading {
    border-color: #39f;
    border-width: 1px
}

.mat-mdc-form-field.mat-form-field-appearance-outline.mgs-field .mat-mdc-form-field-input-control {
    line-height: 1.3;
    caret-color: #333
}

.mat-mdc-form-field.mat-form-field-appearance-outline.mgs-field .mat-mdc-form-field-input-control ::placeholder {
    color: #777;
    font-size: 1.5em
}

.mat-mdc-form-field.mat-form-field-appearance-fill {
    letter-spacing: normal
}

.mat-mdc-form-field.mat-form-field-appearance-fill:hover .mat-mdc-form-field-focus-overlay {
    opacity: 0
}

.mat-mdc-form-field.mat-form-field-appearance-fill.mat-focused .mat-mdc-form-field-focus-overlay {
    background-color: #fff
}

.mat-mdc-form-field.mat-form-field-appearance-fill.mat-focused .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label {
    text-transform: uppercase;
    font-size: 10px;
    line-height: 14px;
    font-weight: 600;
    color: #333
}

.mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper {
    background-color: transparent
}

.mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label {
    letter-spacing: normal;
    top: 30px
}

.mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-form-field-subscript-wrapper {
    margin-top: 0
}

.mat-mdc-form-field.mat-form-field-appearance-fill .mdc-floating-label--required:not(.mdc-floating-label--hide-required-marker) {
    text-align: right;
    width: 11px;
    display: inline-block
}

.mat-mdc-form-field.mat-form-field-appearance-fill .mdc-text-field .mdc-line-ripple:after {
    border-bottom-width: 1px
}

.mat-mdc-form-field.mat-form-field-appearance-fill .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple:after {
    border-bottom-width: 1px
}

.mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-form-field-subscript-wrapper {
    display: block
}

.mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-form-field-subscript-wrapper:before {
    height: .5416666667em;
    width: 100%
}

.mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper,
.mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-form-field-error-wrapper {
    padding: 0
}

.mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-form-field-error {
    line-height: 1.125em;
    letter-spacing: normal;
    padding-top: .5416666667em;
    display: block
}

.mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-form-field-error:before {
    display: none
}

.mat-mdc-form-field .mat-mdc-form-field-error {
    text-align: left
}

.mat-mdc-form-field .error-mark {
    margin-right: 1px
}

.mat-mdc-form-field.mat-form-field-invalid .mat-form-field-underline .mat-form-field-ripple {
    background-color: #ff6d70
}

.full-width,
.full-width .mat-form-field {
    width: 100%
}

.sign-up-form .mat-checkbox-inner-container {
    vertical-align: top;
    margin-top: 4px
}

.sign-up-form .mat-checkbox-label {
    display: inline-block;
    white-space: normal
}

.webinar-reg-modal-form .mat-checkbox-inner-container {
    vertical-align: top;
    margin-top: 4px
}

.webinar-reg-modal-form .mat-checkbox-label {
    display: inline-block;
    white-space: normal
}

@media (max-width: 1024.98px) {
    .webinar-reg-modal-form .mat-checkbox-inner-container {
        vertical-align: top;
        margin-top: 0
    }
}

@media (max-width: 1024.98px) {
    .webinar-reg-modal-form .mat-checkbox-label {
        white-space: normal
    }
}

.mgs-form-select-native.mgs-empty {
    opacity: .5
}

.mgs-select {
    color: #333
}

.mgs-select .mobile .mat-mdc-form-field-infix {
    padding: 0 !important
}

.mgs-select .mobile .mat-mdc-form-field-infix:after {
    right: 10px
}

.mgs-select .mobile .mgs-form-select-native {
    padding: 15px 20px 12px 10px
}

.mgs-select.mgs-form-select-native-wrap .mat-mdc-form-field-infix {
    line-height: 21px
}

.mgs-select.mgs-form-select-native-wrap .mat-mdc-form-field-infix:after {
    color: #777
}

.mgs-select-outline .mgs-form-select {
    font-size: inherit;
    font-weight: 400;
    line-height: 1.125;
    letter-spacing: normal
}

.mgs-select-outline .mat-form-field-appearance-outline {
    width: 100%
}

.mgs-select-outline .mat-form-field-appearance-outline.mat-mdc-form-field-label-always-float .mdc-notched-outline__notch {
    border-top-width: 1px;
    border-top-style: solid;
    clip-path: none
}

.mgs-select-outline .mat-form-field-appearance-outline .mdc-notched-outline {
    top: 0;
    color: #d1d1d4
}

.mgs-select-outline .mat-form-field-appearance-outline .mdc-notched-outline__leading,
.mgs-select-outline .mat-form-field-appearance-outline .mdc-notched-outline __notch,
.mgs-select-outline .mat-form-field-appearance-outline .mdc-notched-outline__trailing {
    border-top-color: #d1d1d4;
    border-radius: 0
}

.mgs-select-outline .mat-form-field-appearance-outline .mat-mdc-form-field-infix {
    padding: 9px 0;
    border-top: 0;
    min-height: 42px
}

.mgs-select-outline .mat-form-field-appearance-outline .mat-mdc-form-field-infix .mgs-form-select-native,
.mgs-select-outline .mat-form-field-appearance-outline .mat-mdc-form-field-infix .mat-mdc-select {
    font-family: Avertacy, fallbackFont, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 21px;
    color: #333
}

.mgs-select-outline .mat-form-field-appearance-outline .mat-mdc-select-placeholder {
    font-size: 16px;
    line-height: 21px;
    font-family: Avertacy, fallbackFont, Helvetica Neue, Helvetica, sans-serif
}

.mgs-select-outline .mat-form-field-appearance-outline .mat-form-field-outline-thick .mdc-notched-outline__notch__leading,
.mgs-select-outline .mat-form-field-appearance-outline .mat-form-field-outline-thick .mdc-notched-outline__notch __notch,
.mgs-select-outline .mat-form-field-appearance-outline .mat-form-field-outline-thick .mdc-notched-outline__notch__trailing {
    border-width: 1px
}

.mgs-select-outline .mat-form-field-appearance-outline .mat-mdc-text-field-wrapper {
    padding-left: 12px
}

.mgs-select-outline .mat-form-field-appearance-outline .mat-mdc-text-field-wrapper .mat-mdc-floating-label {
    width: auto;
    transform: scale(1) translateY(-20px);
    top: -3px;
    bottom: auto;
    left: -12px
}

.mgs-select-outline .mat-form-field-appearance-outline .mat-mdc-text-field-wrapper .mat-mdc-floating-label .mgs-label {
    width: auto;
    font-weight: 600;
    line-height: 14px;
    color: #333
}

.mgs-select-outline .mat-form-field-appearance-outline .mat-mdc-select-arrow-wrapper {
    transform: translateY(2px)
}

.mgs-select-outline .mat-form-field-appearance-outline.mat-form-field-invalid:not(.mdc-text-field--disabled).ng-touched .mdc-notched-outline__leading,
.mgs-select-outline .mat-form-field-appearance-outline.mat-form-field-invalid:not(.mdc-text-field--disabled).ng-touched .mdc-notched-outline__notch,
.mgs-select-outline .mat-form-field-appearance-outline.mat-form-field-invalid:not(.mdc-text-field--disabled).ng-touched .mdc-notched-outline__trailing {
    border-color: #ff6d70
}

.mgs-select-outline .mat-form-field-appearance-outline.mat-form-field-invalid:not(.mdc-text-field--disabled).ng-touched .mat-mdc-select-arrow {
    color: #ff6d70
}

.mgs-select-outline .mat-form-field-appearance-outline.mat-form-field-invalid:not(.mdc-text-field--disabled) .mat-mdc-floating-label .mgs-label {
    color: #ff6d70
}

.mgs-select-outline .mat-form-field-appearance-outline.mat-focused:not(.mdc-text-field--disabled) .mdc-text-field--focused .mdc-notched-outline__leading,
.mgs-select-outline .mat-form-field-appearance-outline.mat-focused:not(.mdc-text-field--disabled) .mdc-text-field--focused .mdc-notched-outline__notch,
.mgs-select-outline .mat-form-field-appearance-outline.mat-focused:not(.mdc-text-field--disabled) .mdc-text-field--focused .mdc-notched-outline__trailing {
    border-color: #39f;
    border-width: 1px
}

.mgs-select-outline .mat-form-field-appearance-outline.mat-focused:not(.mdc-text-field--disabled) .mdc-text-field--focused .mat-mdc-select-arrow {
    color: #39f
}

.mgs-select-outline .mat-form-field-appearance-outline .mdc-notched-outline__notch {
    border-left-color: transparent !important
}

.mgs-select-outline .desktop-select-with-label {
    margin-top: 20px
}

.mgs-select-underline-filled .mat-mdc-form-field-flex {
    background-color: #0000000a
}

.mgs-select-underline-filled .mat-mdc-form-field {
    width: 100%
}

.mgs-select-underline-filled .mat-mdc-select {
    line-height: 21px;
    letter-spacing: normal
}

.mgs-select-underline-filled .mdc-text-field--no-label:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mat-mdc-form-field-infix {
    line-height: 21px;
    padding: 15px 10px 12px;
    min-height: 48px
}

.mgs-select-underline-filled .mat-mdc-select-placeholder {
    font-size: 16px;
    line-height: 21px;
    letter-spacing: normal
}

.mgs-select-underline-filled .mat-mdc-select-arrow-wrapper {
    height: 21px;
    margin-right: 4px;
    margin-top: -2px
}

.mgs-select-underline-filled .mat-mdc-form-field-subscript-wrapper {
    margin-top: 0;
    min-height: 1.34rem
}

.mgs-select .mgs-filled .mat-form-field-appearance-outline .mat-form-field-flex .mat-form-field-outline {
    color: #777
}

.mgs-select .mgs-filled .mat-form-field-appearance-outline .mat-form-field-flex .mat-form-field-outline-start,
.mgs-select .mgs-filled .mat-form-field-appearance-outline .mat-form-field-flex .mat-form-field-outline-end,
.mgs-select .mgs-filled .mat-form-field-appearance-outline .mat-form-field-flex .mat-form-field-outline-gap {
    border-color: #777
}

@media (min-width: 1025px) {
    .mgs-select .mgs-filled .mat-form-field-appearance-outline .mat-form-field-flex.mat-form-field-can-float.mat-form-field-should-float:not(.mat-focused) .mat-form-field-outline {
        color: #777
    }

    .mgs-select .mgs-filled .mat-form-field-appearance-outline .mat-form-field-flex.mat-form-field-can-float.mat-form-field-should-float:not(.mat-focused) .mat-form-field-outline-gap {
        border-color: #777
    }
}

.mgs-select .mgs-invalid .mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-flex .mat-form-field-outline-start,
.mgs-select .mgs-invalid .mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-flex .mat-form-field-outline-end,
.mgs-select .mgs-invalid .mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-flex .mat-form-field-outline-gap {
    border-color: #ff6d70
}

.mgs-select .mgs-invalid .mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-flex .mat-mdc-form-field-infix:after {
    color: #ff6d70
}

.mgs-select .mgs-invalid .mat-form-field-wrapper .mat-form-field-label-wrapper .mat-form-field-label .mgs-label {
    color: #ff6d70
}

.mgs-select .mgs-invalid .mat-form-field-type-mat-native-select .mat-mdc-form-field-infix:after {
    color: #ff6d70
}

mgs-custom-select .mat-mdc-form-field .mat-mdc-form-field-infix .mgs-label {
    display: inline-block
}

mgs-custom-select .mat-mdc-form-field.mat-form-field-appearance-fill.mat-focused .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label {
    font-size: inherit;
    line-height: normal
}

mgs-custom-select .mat-mdc-form-field.mat-form-field-appearance-fill.mat-form-field-invalid .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label {
    color: #ff6d70
}

.mgs-radio-btn.sign-up-radio-btn {
    display: block;
    margin-top: 24px
}

.mgs-radio-btn.sign-up-radio-btn.mat-mdc-radio-checked {
    background: #e3edf1
}

.mgs-radio-btn.sign-up-radio-btn .mdc-form-field {
    flex-direction: row-reverse;
    align-items: flex-start;
    width: 100%;
    border-radius: 4px;
    border: 1px solid #577E8F;
    position: relative
}

.mgs-radio-btn.sign-up-radio-btn .mdc-radio {
    padding: 0;
    position: absolute;
    top: 16px;
    right: 16px
}

.mgs-radio-btn.sign-up-radio-btn .mdc-label {
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #333;
    padding: 16px
}

.mgs-radio-btn.sign-up-radio-btn .mdc-label span {
    font-weight: 600;
    font-size: 10px;
    line-height: 24px;
    text-transform: uppercase;
    display: block;
    padding-right: 32px;
    margin-bottom: 12px
}

.mgs-form-input-legacy.mat-mdc-form-field {
    width: 100%
}

.mgs-form-input-legacy.mat-mdc-form-field .mat-mdc-form-field-flex {
    padding-left: 0;
    background-color: #fff;
    color: #000
}

.mgs-form-input-legacy.mat-mdc-form-field .mat-mdc-form-field-input-control {
    color: #333
}

.mgs-form-input-legacy.mat-mdc-form-field .mat-mdc-form-field-subscript-wrapper {
    padding-left: 0
}

.cdk-overlay-container .mat-mdc-select-panel,
.cdk-overlay-container .mat-autocomplete-panel {
    padding: 0;
    border-radius: 0;
    box-shadow: 0 16px 42px #00000029
}

.cdk-overlay-container .mat-mdc-select-panel .mat-mdc-option,
.cdk-overlay-container .mat-autocomplete-panel .mat-mdc-option {
    line-height: 21px;
    min-height: 38px;
    padding: 7px 38px 10px 20px
}

.cdk-overlay-container .mat-mdc-select-panel .mat-mdc-option span,
.cdk-overlay-container .mat-autocomplete-panel .mat-mdc-option span {
    margin-right: 0
}

.cdk-overlay-container .mat-mdc-select-panel .mat-mdc-option:hover:not(.mdc-list-item--disabled),
.cdk-overlay-container .mat-autocomplete-panel .mat-mdc-option:hover:not(.mdc-list-item--disabled) {
    background-color: #e7eff1
}

.cdk-overlay-container .mat-mdc-select-panel .mat-mdc-option.mat-mdc-option-active:not(.mdc-list-item--disabled),
.cdk-overlay-container .mat-autocomplete-panel .mat-mdc-option.mat-mdc-option-active:not(.mdc-list-item--disabled) {
    background-color: #e7eff1
}

.cdk-overlay-container .mat-mdc-select-panel .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text,
.cdk-overlay-container .mat-autocomplete-panel .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text {
    color: #333
}

.cdk-overlay-container .mat-mdc-select-panel .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mat-pseudo-checkbox,
.cdk-overlay-container .mat-autocomplete-panel .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mat-pseudo-checkbox {
    display: none
}

.cdk-overlay-container .s-page-panel .mat-option:last-child {
    border-top: 1px solid #333333
}

.cdk-overlay-pane {
    max-width: none !important;
    position: fixed;
    z-index: 1000;
    display: none;
}

.cdk-overlay-pane.show {
    display: block;
}

.mat-dialog-container {
    padding: 0 !important;
    background-color: transparent;
    box-shadow: none
}

.form .mgs-form-select.s-page-select.mat-form-field {
    margin: 0
}

.form .mgs-form-select.s-page-select {
    width: 50%
}

@media (max-width: 1024.98px) {
    .form .mgs-form-select.s-page-select {
        width: 100%
    }
}

.form .mgs-form-checkbox {
    position: relative;
    margin: 23px 0 28px
}

.form .mgs-form-checkbox .mat-checkbox-inner-container {
    width: 18px;
    height: 18px
}

.form .mgs-form-checkbox .mat-checkbox-label {
    font-family: Avertacy, fallbackFont, Helvetica Neue, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: left;
    color: #333
}

.form .mgs-form-checkbox .mat-mdc-checkbox-checked .mdc-checkbox__background {
    background-color: #95b3be
}

.form .mgs-form-checkbox .mat-error {
    position: absolute;
    width: auto;
    top: -12px;
    right: 0;
    left: auto;
    padding: 0;
    margin: 0;
    font-size: 10px;
    line-height: 1.4;
    letter-spacing: 1px;
    text-align: right;
    color: #ff6d70
}

.form .mgs-form-checkbox-error-inline .mat-error {
    top: 3px
}

.form .mgs-form-btn .mat-button-wrapper {
    font-family: Avertacy, fallbackFont, Helvetica Neue, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.36;
    letter-spacing: 1.4px;
    color: #fff;
    text-transform: uppercase
}

.form .mgs-form-btn {
    text-align: center;
    margin-top: 30px
}

.form .mgs-form-input .mat-hint {
    color: #95b3be
}

.form .mat-form-field-type-mat-native-select.mgs-form-select .mat-mdc-form-field-input-control {
    padding-right: 30px
}

.form .mat-form-field-type-mat-native-select.mgs-form-select .mat-mdc-form-field-infix:after {
    margin-top: 0;
    right: 5px;
    color: #777
}

.form .mgs-invalid .mgs-form-select-native-wrap .mat-form-field-outline {
    color: #ff6d70
}

.form .mgs-invalid .mgs-form-select-native-wrap .mat-form-field-outline-start,
.form .mgs-invalid .mgs-form-select-native-wrap .mat-form-field-outline-end,
.form .mgs-invalid .mgs-form-select-native-wrap .mat-form-field-outline-gap {
    border-color: #ff6d70
}

.form-legacy .mat-mdc-checkbox .mat-error {
    margin-left: 10px
}

.form-legacy .mat-mdc-checkbox-checked.mat-accent .mat-mdc-checkbox-checked {
    background-color: #577e8f
}

.search__form.full .mat-form-field-wrapper {
    padding-bottom: 1.34375em
}

.search__form.full .mat-mdc-form-field-subscript-wrapper {
    height: 1.68rem
}

.search__form.full .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-hint-wrapper {
    display: none
}

.search__form.full .mat-mdc-form-field-flex {
    align-items: center
}

.search__form.full .mat-mdc-form-field-flex .mat-form-field-prefix .mat-icon-button {
    width: 24px;
    height: 24px
}

.search__form.full .mat-mdc-form-field-flex .mat-mdc-form-field-infix {
    padding: 20px 0 15px
}

.search__form.full .mat-mdc-form-field.mat-form-field-appearance-fill.mat-focused .mat-mdc-text-field-wrapper {
    background-color: #eff7ff
}

.search__form.full .mat-mdc-form-field.mat-form-field-appearance-fill.mat-focused:not(.mat-form-field-no-animations) .mdc-line-ripple:after {
    border-bottom-color: #39f
}

.search__form.full .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper {
    background-color: transparent
}

.search__form.full .mat-mdc-form-field:hover:not(.mat-form-field-no-animations) .mdc-line-ripple:before,
.search__form.full .mat-mdc-form-field:hover:not(.mat-form-field-no-animations) .mdc-line-ripple:after {
    border-bottom-color: #777
}

.search__form.full .mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-line-ripple:before,
.search__form.full .mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-line-ripple:after {
    border-bottom-color: #d1d1d4
}

.search__form.full .mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-line-ripple:after {
    border-bottom-width: 1px
}

.search__form.full .search__btn {
    width: 36px !important;
    height: 36px !important
}

.search__form.full .search__input {
    font-size: 24px;
    line-height: 33px
}

.search__form.full .mat-mdc-form-field-icon-prefix {
    padding-right: 0;
    margin-top: 4px
}

.search__field--container {
    font-size: 20px;
    width: 100%
}

.search__field--container:hover .mat-mdc-form-field-flex {
    background-color: #f5f9f9;
    color: #777
}

.search__field--container.mat-focused .mat-mdc-form-field-flex {
    background-color: #eff7ff;
    color: #777
}

.search-wrap .mat-button-focus-overlay,
.search-wrap .mat-ripple {
    display: none
}

.search-wrap .mat-mdc-form-field-flex {
    padding: 0 8px;
    border-radius: 0;
    background-color: transparent;
    position: relative;
    transition: all .1s
}

.search-wrap .mat-form-field-prefix .mat-icon,
.search-wrap .mat-form-field-suffix .mat-icon {
    display: flex
}

.search-wrap .mat-form-field-underline:before {
    background-color: #d1d1d4;
    transition: background-color .2s
}

.search-wrap .mat-form-field-underline .mat-form-field-ripple {
    background-color: #d1d1d4;
    height: 1px;
    transition: background-color .2s
}

.search-wrap .search__field--container:hover .mat-form-field-underline:before {
    background-color: #777
}

.search-wrap .search__field--container:hover .mat-form-field-underline .mat-form-field-ripple {
    background-color: #777
}

.search-wrap .search__field--container.mat-focused .mat-form-field-underline:before {
    background-color: #39f
}

.search-wrap .search__field--container.mat-focused .mat-form-field-underline .mat-form-field-ripple {
    background-color: #39f
}

.search__btn {
    transition: background-color .2s
}

.search__btn:focus .search__icon.clear {
    fill: #777
}

.search__btn:focus .search__icon.search {
    fill: #333
}

.search__btn:active {
    background-color: transparent
}

.search__btn:active .search__icon.clear,
.search__btn:active .search__icon.search {
    fill: #333
}

.search__btn.clear {
    visibility: hidden
}

.search__btn.visible {
    visibility: visible
}

.search.cs-list .mat-mdc-form-field-flex .mat-mdc-form-field-infix {
    line-height: 1.125rem;
    padding: 14px 0 12px;
    min-height: 48px
}

.search.cs-list .mat-mdc-form-field-icon-prefix {
    margin: 0
}

.search.cs-list .mat-mdc-form-field-icon-prefix .search__btn.mdc-icon-button {
    width: 24px !important;
    height: 24px !important
}

.search.cs-list .search__input {
    font-size: 16px;
    line-height: 21px;
    margin-top: 1px
}


img,
mgs-root {
    max-width: 100%
}

body {
    margin: 0;
    color: #333;
    line-height: 1;
    font-family: Avertacy, fallbackFont, "Helvetica Neue", Helvetica, sans-serif
}

body.no-scroll {
    overflow: hidden;
    touch-action: none;
}

@font-face {
    font-family: fallbackFont;
    src: local('Arial');
    font-style: normal;
    font-weight: 300;
    size-adjust: 101.8392%;
    ascent-override: 96.0337%;
    descent-override: 25.3341%;
    font-stretch: normal
}

@font-face {
    font-family: fallbackFont;
    src: local('Arial');
    font-style: normal;
    font-weight: 400;
    size-adjust: 104.0824%;
    ascent-override: 93.964%;
    descent-override: 24.7881%;
    font-stretch: normal
}

@font-face {
    font-family: fallbackFont;
    src: local('Arial');
    font-style: normal;
    font-weight: 600;
    size-adjust: 106.3255%;
    ascent-override: 91.9817%;
    descent-override: 24.2651%;
    font-stretch: normal
}

@font-face {
    font-family: fallbackFont;
    src: local('Arial');
    font-style: normal;
    font-weight: 700;
    size-adjust: 105.3669%;
    ascent-override: 100.421%;
    descent-override: 26.229%;
    font-stretch: normal
}

mgs-root {
    display: block
}

* {
    box-sizing: border-box
}

a {
    text-decoration: none;
    color: #39f
}

img {
    display: inline-block
}

.wrap {
    max-width: 1190px;
    margin: 0 auto
}

@media (min-width:1025px) {
    .wrap {
        padding: 0 40px
    }
}

@media (max-width:1024.98px) {
    .wrap {
        padding: 0 30px
    }
}

.article-social {
    position: absolute;
    top: 0;
    left: -120px;
    height: 100%
}

@media (max-width:1024.98px) {
    .article-social {
        position: relative;
        top: 0;
        left: 0;
        margin-bottom: 30px
    }
}

.mat-mdc-button.btn-social-md {
    width: 38px;
    height: 38px;
    line-height: 38px
}

.header {
    background: #fff;
    border-bottom: 1px solid #E7EFF1;
    width: 100%;
    z-index: 99;
    display: flex;
    flex-wrap: wrap;
    transition: transform 0.3s ease;
}

.header-wrap {
    height: 0;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 999
}

.header-wrap-visible {
    z-index: 999
}

@media (min-width: 1025px) {
    .header {
        height: 72px
    }
}

@media (max-width: 1024.98px) {
    .header {
        height: 60px;
        border-bottom: 0
    }

    .header:before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: #fff;
        z-index: 101;
        border-bottom: 1px solid #E7EFF1
    }

    .header.header__logo.header__logo-text {
        fill: #00c;
        opacity: 1
    }
}

@media (min-width: 1025px) {
    .header.transparent {
        background: transparent;
        border-bottom-color: transparent
    }
}

.header__logo {
    justify-content: center;
    width: 100%
}

.header__logo:hover,
.header__logo:focus,
.header__logo:active {
    outline: 0
}

.header__logo:hover .header__logo-text,
.header__logo:focus .header__logo-text,
.header__logo:active .header__logo-text {
    fill: #3535e5
}

.header__logo:hover .header__logo-caret-1,
.header__logo:focus .header__logo-caret-1,
.header__logo:active .header__logo-caret-1 {
    fill: #ff4d4d
}

.header__logo:hover .header__logo-caret-2,
.header__logo:focus .header__logo-caret-2,
.header__logo:active .header__logo-caret-2 {
    fill: #ffa1a3
}

.header__logo-text,
.header__logo-caret-1,
.header__logo-caret-2 {
    transition: .4s fill
}

.header__logo:has(h1.site-title) {
    display: flex;
    align-items: center;
}

.header__logo .custom-logo-link {
    display: block;
}

@media (min-width: 1200px) {
    .header__logo {
        margin: 14px 38px 0 40px
    }
}

@media (min-width: 1025px) {
    .header__logo {
        max-width: 72px;
        height: 40px;
        margin: 14px 28px 0 40px
    }
}

@media (max-width: 1024.98px) {
    .header__logo {
        position: absolute;
        left: calc(50% - 29px);
        top: 10px;
        max-width: 58px;
        height: 32px;
        z-index: 101;
        order: 1
    }
}

@media (min-width: 1025px) and (max-width: 1109px) {
    .header__logo {
        margin: 14px 20px 0 14px
    }
}

.header__mob-btn.mdc-button {
    display: none
}

@media (max-width: 1024.98px) {
    .header__mob-btn.mdc-button {
        position: relative;
        display: flex;
        max-width: 60px;
        width: 100%;
        height: 60px;
        -webkit-user-select: none;
        user-select: none;
        overflow: hidden;
        cursor: pointer;
        border: 0;
        border-radius: 0;
        box-shadow: none;
        background: none;
        z-index: 101
    }
}

.header-review {
    display: none
}

@media (max-width: 1329px) {
    .header-review {
        display: block;
        width: 100%;
        max-height: 30px
    }
}

.nav-btn {
    z-index: 101
}

.nav-btn.is-active .nav-btn__bar {
    background: transparent;
    transition-delay: 0s;
}

.nav-btn.is-active .nav-btn__bar:after {
    bottom: 0;
    transform: rotate(45deg);
    transition-delay: 0s, .3s, 0s
}

.nav-btn.is-active .nav-btn__bar:before {
    top: 0;
    transform: rotate(-45deg);
    transition-delay: 0s, .3s, 0s
}

.nav-btn__bar {
    display: block;
    position: absolute;
    left: 5px;
    right: 21px;
    top: 50%;
    width: 22px;
    margin-top: -1px;
    height: 2px;
    background: #577e8f;
    transition: background 0s .3s
}

.nav-btn__bar:after,
.nav-btn__bar:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background: #577e8f;
    transition-duration: .3s, .3s;
    transition-delay: .3s, 0s;
    transition: transform .3s ease-in-out, top .3s ease-in-out, bottom .3s ease-in-out
}

.nav-btn__bar:after {
    bottom: -6px;
    transition-property: bottom, transform
}

.nav-btn__bar:before {
    top: -6px;
    transition-property: top, transform
}

@media (max-width: 1024.98px) {
    .nav-btn {
        display: block
    }
}

.login-popup-btn {
    right: 0;
    top: 0
}

.page-loading {
    display: block;
    width: 100%;
    position: absolute;
    height: 2px;
    bottom: -2px
}

@media (min-width: 1200px) {
    .page-loading {
        width: calc(100% + 145px);
        margin-left: -145px
    }
}

@media (min-width: 767px) and (max-width: 1199.98px) {
    .page-loading {
        width: calc(100% + 125px);
        margin-left: -125px
    }
}

@media (max-width: 1024.98px) {
    .page-loading {
        z-index: 102
    }
}

.footer__mob-title {
    font-size: 12px;
    line-height: 1.3333;
    letter-spacing: .05em;
    font-weight: 600;
    color: #ff6d70;
    text-transform: uppercase
}

.footer {
    margin: 40px 0 0
}

.footer+a {
    display: none
}

@media (max-width: 575.98px) {
    .footer {
        margin-top: 50px
    }
}

.footer__inner,
.footer__bottom {
    display: flex;
    flex-wrap: wrap
}

.footer__bottom {
    width: 100%
}

@media (min-width: 1025px) {
    .footer__bottom {
        border-top: 1px solid #D1D1D4;
        padding: 32px 0 46px
    }
}

@media (max-width: 1024.98px) {
    .footer__bottom {
        order: 3;
        padding: 38px 0 51px
    }
}

@media (min-width: 1025px) {
    .footer__mob-title {
        display: none
    }
}

@media (max-width: 1024.98px) {
    .footer__mob-title {
        width: 100%;
        text-align: center;
        margin: 0 0 30px
    }
}

.f-row {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 38px
}

@media (max-width: 1024.98px) {
    .f-row {
        flex-direction: column;
        margin-bottom: 0;
        order: 2
    }
}

@media (max-width: 1024.98px) {
    .f-social {
        margin: 0 0 40px;
        width: 100%;
        padding: 32px 10px;
        box-sizing: border-box;
        background-color: #f5f9f9
    }
}

.f-sub-nav {
    display: flex;
    align-items: center
}

@media (max-width: 1024.98px) {
    .f-sub-nav {
        width: 100%;
        justify-content: center;
        margin-bottom: 40px;
        padding-bottom: 40px;
        margin-right: 0;
        border-bottom: 1px solid #D1D1D4
    }
}

.f-sub-nav-item {
    margin-right: 15px
}

@media (max-width: 1024.98px) {
    .f-sub-nav-item:first-child {
        display: none
    }
}

.f-sub-nav-item:last-child {
    margin-right: 0
}

.f-sub-nav-item.contact .btn {
    padding: 0 15px
}

.f-sub-nav-item.create .btn {
    padding: 0 13px
}

.f-sub-nav-item.login .btn {
    padding: 0 19px
}

.f-awards {
    display: flex;
    flex-wrap: wrap
}

@media (min-width: 1025px) {
    .f-awards {
        justify-content: flex-end
    }
}

@media (max-width: 1024.98px) {
    .f-awards {
        justify-content: center
    }
}

.f-awards__item {
    width: 222px
}

@media (min-width: 1025px) {
    .f-awards__item {
        margin-right: 16px
    }
}

.f-awards__item_awards {
    display: block;
    height: 64px
}

@media (min-width: 1025px) {
    .f-copy-nav {
        width: 51%;
        padding-top: 16px
    }
}

@media (max-width: 1024.98px) {
    .f-copy-nav {
        order: 1;
        width: 100%;
        border-top: 1px solid #D1D1D4;
        padding-top: 25px
    }
}

.f-copy-nav__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    font-size: 12px;
    line-height: 16px
}

@media (max-width: 1024.98px) {
    .f-copy-nav__list {
        justify-content: center
    }
}

@media (min-width: 1025px) {
    .f-copy-nav__item {
        margin: 0 20px 10px 0
    }
}

@media (max-width: 1024.98px) {
    .f-copy-nav__item {
        margin: 0 17px 1px
    }

    .f-copy-nav__item:first-child {
        width: 100%;
        order: 1;
        margin-top: 21px;
        text-align: center
    }
}

.f-copy-nav__text {
    color: #577e8f
}

.f-copy-nav__link {
    color: #333;
    text-decoration: none
}

@media (min-width: 1025px) {
    .f-certifications {
        width: 49%
    }
}

@media (max-width: 1024.98px) {
    .f-certifications {
        order: 0;
        width: 100%;
        padding: 0 0 36px
    }
}

.f-certifications__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap
}

@media (min-width: 1025px) {
    .f-certifications__list {
        justify-content: flex-end
    }
}

@media (max-width: 1024.98px) {
    .f-certifications__list {
        justify-content: center
    }
}

@media (min-width: 1025px) {
    .f-certifications__item {
        margin: 0 15px 15px 0
    }
}

@media (max-width: 1024.98px) {
    .f-certifications__item {
        margin: 0 7px 10px
    }
}

@media (min-width: 1025px) {
    .f-certifications__item:last-child {
        margin-right: 0
    }
}

.mat-mdc-button-base {
    text-decoration: none
}

.mat-mdc-button-base .mat-icon {
    min-height: fit-content;
    flex-shrink: 0
}

.mdc-button {
    -webkit-user-select: none;
    user-select: none;
    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;
    -webkit-appearance: none;
    overflow: visible;
    vertical-align: middle;
    background: rgba(0, 0, 0, 0);
    padding: 0 8px
}

.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__label {
    position: relative
}

.mat-mdc-button {
    padding: 0 var(--mat-button-text-horizontal-padding, 12px);
    height: var(--mat-button-text-container-height, 40px);
    font-family: var(--mat-button-text-label-text-font, var(--mat-sys-label-large-font));
    font-size: var(--mat-button-text-label-text-size, var(--mat-sys-label-large-size));
    letter-spacing: var(--mat-button-text-label-text-tracking, var(--mat-sys-label-large-tracking));
    text-transform: var(--mat-button-text-label-text-transform);
    font-weight: var(--mat-button-text-label-text-weight, var(--mat-sys-label-large-weight))
}

.mat-mdc-button,
.mat-mdc-button .mdc-button__ripple {
    border-radius: var(--mat-button-text-container-shape, var(--mat-sys-corner-full))
}

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

.mat-mdc-button[disabled],
.mat-mdc-button.mat-mdc-button-disabled {
    cursor: default;
    pointer-events: none;
    color: var(--mat-button-text-disabled-label-text-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent))
}

.mat-mdc-button.mat-mdc-button-disabled-interactive {
    pointer-events: auto
}

.mat-mdc-button:has(.material-icons, mat-icon, [matButtonIcon]) {
    padding: 0 var(--mat-button-text-with-icon-horizontal-padding, 16px)
}

.mat-mdc-button>.mat-icon {
    margin-right: var(--mat-button-text-icon-spacing, 8px);
    margin-left: var(--mat-button-text-icon-offset, -4px)
}

[dir=rtl] .mat-mdc-button>.mat-icon {
    margin-right: var(--mat-button-text-icon-offset, -4px);
    margin-left: var(--mat-button-text-icon-spacing, 8px)
}

.mat-mdc-button .mdc-button__label+.mat-icon {
    margin-right: var(--mat-button-text-icon-offset, -4px);
    margin-left: var(--mat-button-text-icon-spacing, 8px)
}

[dir=rtl] .mat-mdc-button .mdc-button__label+.mat-icon {
    margin-right: var(--mat-button-text-icon-spacing, 8px);
    margin-left: var(--mat-button-text-icon-offset, -4px)
}

.mat-mdc-button .mat-ripple-element {
    background-color: var(--mat-button-text-ripple-color, color-mix(in srgb, var(--mat-sys-primary) calc(var(--mat-sys-pressed-state-layer-opacity) * 100%), transparent))
}

.mat-mdc-button .mat-mdc-button-persistent-ripple::before {
    background-color: var(--mat-button-text-state-layer-color, var(--mat-sys-primary))
}

.mat-mdc-button.mat-mdc-button-disabled .mat-mdc-button-persistent-ripple::before {
    background-color: var(--mat-button-text-disabled-state-layer-color, var(--mat-sys-on-surface-variant))
}

.mat-mdc-button:hover>.mat-mdc-button-persistent-ripple::before {
    opacity: var(--mat-button-text-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity))
}

.mat-mdc-button.cdk-program-focused>.mat-mdc-button-persistent-ripple::before,
.mat-mdc-button.cdk-keyboard-focused>.mat-mdc-button-persistent-ripple::before,
.mat-mdc-button.mat-mdc-button-disabled-interactive:focus>.mat-mdc-button-persistent-ripple::before {
    opacity: var(--mat-button-text-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity))
}

.mat-mdc-button:active>.mat-mdc-button-persistent-ripple::before {
    opacity: var(--mat-button-text-pressed-state-layer-opacity, var(--mat-sys-pressed-state-layer-opacity))
}

.mat-mdc-button .mat-mdc-button-touch-target {
    position: absolute;
    top: 50%;
    height: 48px;
    display: var(--mat-button-text-touch-target-display, block);
    left: 0;
    right: 0;
    transform: translateY(-50%)
}

.mat-mdc-unelevated-button {
    transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
    height: var(--mat-button-filled-container-height, 40px);
    font-family: var(--mat-button-filled-label-text-font, var(--mat-sys-label-large-font));
    font-size: var(--mat-button-filled-label-text-size, var(--mat-sys-label-large-size));
    letter-spacing: var(--mat-button-filled-label-text-tracking, var(--mat-sys-label-large-tracking));
    text-transform: var(--mat-button-filled-label-text-transform);
    font-weight: var(--mat-button-filled-label-text-weight, var(--mat-sys-label-large-weight));
    padding: 0 var(--mat-button-filled-horizontal-padding, 24px)
}

.mat-mdc-unelevated-button>.mat-icon {
    margin-right: var(--mat-button-filled-icon-spacing, 8px);
    margin-left: var(--mat-button-filled-icon-offset, -8px)
}

[dir=rtl] .mat-mdc-unelevated-button>.mat-icon {
    margin-right: var(--mat-button-filled-icon-offset, -8px);
    margin-left: var(--mat-button-filled-icon-spacing, 8px)
}

.mat-mdc-unelevated-button .mdc-button__label+.mat-icon {
    margin-right: var(--mat-button-filled-icon-offset, -8px);
    margin-left: var(--mat-button-filled-icon-spacing, 8px)
}

[dir=rtl] .mat-mdc-unelevated-button .mdc-button__label+.mat-icon {
    margin-right: var(--mat-button-filled-icon-spacing, 8px);
    margin-left: var(--mat-button-filled-icon-offset, -8px)
}

.mat-mdc-unelevated-button .mat-ripple-element {
    background-color: var(--mat-button-filled-ripple-color, color-mix(in srgb, var(--mat-sys-on-primary) calc(var(--mat-sys-pressed-state-layer-opacity) * 100%), transparent))
}

.mat-mdc-unelevated-button .mat-mdc-button-persistent-ripple::before {
    background-color: var(--mat-button-filled-state-layer-color, var(--mat-sys-on-primary))
}

.mat-mdc-unelevated-button.mat-mdc-button-disabled .mat-mdc-button-persistent-ripple::before {
    background-color: var(--mat-button-filled-disabled-state-layer-color, var(--mat-sys-on-surface-variant))
}

.mat-mdc-unelevated-button:hover>.mat-mdc-button-persistent-ripple::before {
    opacity: var(--mat-button-filled-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity))
}

.mat-mdc-unelevated-button.cdk-program-focused>.mat-mdc-button-persistent-ripple::before,
.mat-mdc-unelevated-button.cdk-keyboard-focused>.mat-mdc-button-persistent-ripple::before,
.mat-mdc-unelevated-button.mat-mdc-button-disabled-interactive:focus>.mat-mdc-button-persistent-ripple::before {
    opacity: var(--mat-button-filled-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity))
}

.mat-mdc-unelevated-button:active>.mat-mdc-button-persistent-ripple::before {
    opacity: var(--mat-button-filled-pressed-state-layer-opacity, var(--mat-sys-pressed-state-layer-opacity))
}

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

.mat-mdc-unelevated-button:not(:disabled) {
    color: var(--mat-button-filled-label-text-color, var(--mat-sys-on-primary));
    background-color: var(--mat-button-filled-container-color, var(--mat-sys-primary))
}

.mat-mdc-unelevated-button .mdc-button__label {
    width: 100%;
}

.mat-mdc-unelevated-button,
.mat-mdc-unelevated-button .mdc-button__ripple {
    border-radius: var(--mat-button-filled-container-shape, var(--mat-sys-corner-full))
}

.mat-mdc-unelevated-button[disabled],
.mat-mdc-unelevated-button.mat-mdc-button-disabled {
    cursor: default;
    pointer-events: none;
    color: var(--mat-button-filled-disabled-label-text-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent));
    background-color: var(--mat-button-filled-disabled-container-color, color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent))
}

.mat-mdc-unelevated-button.mat-mdc-button-disabled-interactive {
    pointer-events: auto
}

.mat-mdc-raised-button {
    transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: var(--mat-button-protected-container-elevation-shadow, var(--mat-sys-level1));
    height: var(--mat-button-protected-container-height, 40px);
    font-family: var(--mat-button-protected-label-text-font, var(--mat-sys-label-large-font));
    font-size: var(--mat-button-protected-label-text-size, var(--mat-sys-label-large-size));
    letter-spacing: var(--mat-button-protected-label-text-tracking, var(--mat-sys-label-large-tracking));
    text-transform: var(--mat-button-protected-label-text-transform);
    font-weight: var(--mat-button-protected-label-text-weight, var(--mat-sys-label-large-weight));
    padding: 0 var(--mat-button-protected-horizontal-padding, 24px)
}

.mat-mdc-raised-button>.mat-icon {
    margin-right: var(--mat-button-protected-icon-spacing, 8px);
    margin-left: var(--mat-button-protected-icon-offset, -8px)
}

[dir=rtl] .mat-mdc-raised-button>.mat-icon {
    margin-right: var(--mat-button-protected-icon-offset, -8px);
    margin-left: var(--mat-button-protected-icon-spacing, 8px)
}

.mat-mdc-raised-button .mdc-button__label+.mat-icon {
    margin-right: var(--mat-button-protected-icon-offset, -8px);
    margin-left: var(--mat-button-protected-icon-spacing, 8px)
}

[dir=rtl] .mat-mdc-raised-button .mdc-button__label+.mat-icon {
    margin-right: var(--mat-button-protected-icon-spacing, 8px);
    margin-left: var(--mat-button-protected-icon-offset, -8px)
}

.mat-mdc-raised-button .mat-ripple-element {
    background-color: var(--mat-button-protected-ripple-color, color-mix(in srgb, var(--mat-sys-primary) calc(var(--mat-sys-pressed-state-layer-opacity) * 100%), transparent))
}

.mat-mdc-raised-button .mat-mdc-button-persistent-ripple::before {
    background-color: var(--mat-button-protected-state-layer-color, var(--mat-sys-primary))
}

.mat-mdc-raised-button.mat-mdc-button-disabled .mat-mdc-button-persistent-ripple::before {
    background-color: var(--mat-button-protected-disabled-state-layer-color, var(--mat-sys-on-surface-variant))
}

.mat-mdc-raised-button:hover>.mat-mdc-button-persistent-ripple::before {
    opacity: var(--mat-button-protected-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity))
}

.mat-mdc-raised-button.cdk-program-focused>.mat-mdc-button-persistent-ripple::before,
.mat-mdc-raised-button.cdk-keyboard-focused>.mat-mdc-button-persistent-ripple::before,
.mat-mdc-raised-button.mat-mdc-button-disabled-interactive:focus>.mat-mdc-button-persistent-ripple::before {
    opacity: var(--mat-button-protected-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity))
}

.mat-mdc-raised-button:active>.mat-mdc-button-persistent-ripple::before {
    opacity: var(--mat-button-protected-pressed-state-layer-opacity, var(--mat-sys-pressed-state-layer-opacity))
}

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

.mat-mdc-raised-button:not(:disabled) {
    color: var(--mat-button-protected-label-text-color, var(--mat-sys-primary));
    background-color: var(--mat-button-protected-container-color, var(--mat-sys-surface))
}

.mat-mdc-raised-button,
.mat-mdc-raised-button .mdc-button__ripple {
    border-radius: var(--mat-button-protected-container-shape, var(--mat-sys-corner-full))
}

.mat-mdc-raised-button:hover {
    box-shadow: var(--mat-button-protected-hover-container-elevation-shadow, var(--mat-sys-level2))
}

.mat-mdc-raised-button:focus {
    box-shadow: var(--mat-button-protected-focus-container-elevation-shadow, var(--mat-sys-level1))
}

.mat-mdc-raised-button:active,
.mat-mdc-raised-button:focus:active {
    box-shadow: var(--mat-button-protected-pressed-container-elevation-shadow, var(--mat-sys-level1))
}

.mat-mdc-raised-button[disabled],
.mat-mdc-raised-button.mat-mdc-button-disabled {
    cursor: default;
    pointer-events: none;
    color: var(--mat-button-protected-disabled-label-text-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent));
    background-color: var(--mat-button-protected-disabled-container-color, color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent))
}

.mat-mdc-raised-button[disabled].mat-mdc-button-disabled,
.mat-mdc-raised-button.mat-mdc-button-disabled.mat-mdc-button-disabled {
    box-shadow: var(--mat-button-protected-disabled-container-elevation-shadow, var(--mat-sys-level0))
}

.mat-mdc-raised-button.mat-mdc-button-disabled-interactive {
    pointer-events: auto
}

.mat-mdc-outlined-button {
    border-style: solid;
    transition: border 280ms cubic-bezier(0.4, 0, 0.2, 1);
    height: var(--mat-button-outlined-container-height, 40px);
    font-family: var(--mat-button-outlined-label-text-font, var(--mat-sys-label-large-font));
    font-size: var(--mat-button-outlined-label-text-size, var(--mat-sys-label-large-size));
    letter-spacing: var(--mat-button-outlined-label-text-tracking, var(--mat-sys-label-large-tracking));
    text-transform: var(--mat-button-outlined-label-text-transform);
    font-weight: var(--mat-button-outlined-label-text-weight, var(--mat-sys-label-large-weight));
    border-radius: var(--mat-button-outlined-container-shape, var(--mat-sys-corner-full));
    border-width: var(--mat-button-outlined-outline-width, 1px);
    padding: 0 var(--mat-button-outlined-horizontal-padding, 24px)
}

.mat-mdc-outlined-button>.mat-icon {
    margin-right: var(--mat-button-outlined-icon-spacing, 8px);
    margin-left: var(--mat-button-outlined-icon-offset, -8px)
}

[dir=rtl] .mat-mdc-outlined-button>.mat-icon {
    margin-right: var(--mat-button-outlined-icon-offset, -8px);
    margin-left: var(--mat-button-outlined-icon-spacing, 8px)
}

.mat-mdc-outlined-button .mdc-button__label+.mat-icon {
    margin-right: var(--mat-button-outlined-icon-offset, -8px);
    margin-left: var(--mat-button-outlined-icon-spacing, 8px)
}

[dir=rtl] .mat-mdc-outlined-button .mdc-button__label+.mat-icon {
    margin-right: var(--mat-button-outlined-icon-spacing, 8px);
    margin-left: var(--mat-button-outlined-icon-offset, -8px)
}

.mat-mdc-outlined-button .mat-ripple-element {
    background-color: var(--mat-button-outlined-ripple-color, color-mix(in srgb, var(--mat-sys-primary) calc(var(--mat-sys-pressed-state-layer-opacity) * 100%), transparent))
}

.mat-mdc-outlined-button .mat-mdc-button-persistent-ripple::before {
    background-color: var(--mat-button-outlined-state-layer-color, var(--mat-sys-primary))
}

.mat-mdc-outlined-button.mat-mdc-button-disabled .mat-mdc-button-persistent-ripple::before {
    background-color: var(--mat-button-outlined-disabled-state-layer-color, var(--mat-sys-on-surface-variant))
}

.mat-mdc-outlined-button:hover>.mat-mdc-button-persistent-ripple::before {
    opacity: var(--mat-button-outlined-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity))
}

.mat-mdc-outlined-button.cdk-program-focused>.mat-mdc-button-persistent-ripple::before,
.mat-mdc-outlined-button.cdk-keyboard-focused>.mat-mdc-button-persistent-ripple::before,
.mat-mdc-outlined-button.mat-mdc-button-disabled-interactive:focus>.mat-mdc-button-persistent-ripple::before {
    opacity: var(--mat-button-outlined-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity))
}

.mat-mdc-outlined-button:active>.mat-mdc-button-persistent-ripple::before {
    opacity: var(--mat-button-outlined-pressed-state-layer-opacity, var(--mat-sys-pressed-state-layer-opacity))
}

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

.mat-mdc-outlined-button:not(:disabled) {
    color: var(--mat-button-outlined-label-text-color, var(--mat-sys-primary));
    border-color: var(--mat-button-outlined-outline-color, var(--mat-sys-outline))
}

.mat-mdc-outlined-button[disabled],
.mat-mdc-outlined-button.mat-mdc-button-disabled {
    cursor: default;
    pointer-events: none;
    color: var(--mat-button-outlined-disabled-label-text-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent));
    border-color: var(--mat-button-outlined-disabled-outline-color, color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent))
}

.mat-mdc-outlined-button.mat-mdc-button-disabled-interactive {
    pointer-events: auto
}

.mat-tonal-button {
    transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
    height: var(--mat-button-tonal-container-height, 40px);
    font-family: var(--mat-button-tonal-label-text-font, var(--mat-sys-label-large-font));
    font-size: var(--mat-button-tonal-label-text-size, var(--mat-sys-label-large-size));
    letter-spacing: var(--mat-button-tonal-label-text-tracking, var(--mat-sys-label-large-tracking));
    text-transform: var(--mat-button-tonal-label-text-transform);
    font-weight: var(--mat-button-tonal-label-text-weight, var(--mat-sys-label-large-weight));
    padding: 0 var(--mat-button-tonal-horizontal-padding, 24px)
}

.mat-tonal-button:not(:disabled) {
    color: var(--mat-button-tonal-label-text-color, var(--mat-sys-on-secondary-container));
    background-color: var(--mat-button-tonal-container-color, var(--mat-sys-secondary-container))
}

.mat-tonal-button,
.mat-tonal-button .mdc-button__ripple {
    border-radius: var(--mat-button-tonal-container-shape, var(--mat-sys-corner-full))
}

.mat-tonal-button[disabled],
.mat-tonal-button.mat-mdc-button-disabled {
    cursor: default;
    pointer-events: none;
    color: var(--mat-button-tonal-disabled-label-text-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent));
    background-color: var(--mat-button-tonal-disabled-container-color, color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent))
}

.mat-tonal-button.mat-mdc-button-disabled-interactive {
    pointer-events: auto
}

.mat-tonal-button>.mat-icon {
    margin-right: var(--mat-button-tonal-icon-spacing, 8px);
    margin-left: var(--mat-button-tonal-icon-offset, -8px)
}

[dir=rtl] .mat-tonal-button>.mat-icon {
    margin-right: var(--mat-button-tonal-icon-offset, -8px);
    margin-left: var(--mat-button-tonal-icon-spacing, 8px)
}

.mat-tonal-button .mdc-button__label+.mat-icon {
    margin-right: var(--mat-button-tonal-icon-offset, -8px);
    margin-left: var(--mat-button-tonal-icon-spacing, 8px)
}

[dir=rtl] .mat-tonal-button .mdc-button__label+.mat-icon {
    margin-right: var(--mat-button-tonal-icon-spacing, 8px);
    margin-left: var(--mat-button-tonal-icon-offset, -8px)
}

.mat-tonal-button .mat-ripple-element {
    background-color: var(--mat-button-tonal-ripple-color, color-mix(in srgb, var(--mat-sys-on-secondary-container) calc(var(--mat-sys-pressed-state-layer-opacity) * 100%), transparent))
}

.mat-tonal-button .mat-mdc-button-persistent-ripple::before {
    background-color: var(--mat-button-tonal-state-layer-color, var(--mat-sys-on-secondary-container))
}

.mat-tonal-button.mat-mdc-button-disabled .mat-mdc-button-persistent-ripple::before {
    background-color: var(--mat-button-tonal-disabled-state-layer-color, var(--mat-sys-on-surface-variant))
}

.mat-tonal-button:hover>.mat-mdc-button-persistent-ripple::before {
    opacity: var(--mat-button-tonal-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity))
}

.mat-tonal-button.cdk-program-focused>.mat-mdc-button-persistent-ripple::before,
.mat-tonal-button.cdk-keyboard-focused>.mat-mdc-button-persistent-ripple::before,
.mat-tonal-button.mat-mdc-button-disabled-interactive:focus>.mat-mdc-button-persistent-ripple::before {
    opacity: var(--mat-button-tonal-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity))
}

.mat-tonal-button:active>.mat-mdc-button-persistent-ripple::before {
    opacity: var(--mat-button-tonal-pressed-state-layer-opacity, var(--mat-sys-pressed-state-layer-opacity))
}

.mat-tonal-button .mat-mdc-button-touch-target {
    position: absolute;
    top: 50%;
    height: 48px;
    display: var(--mat-button-tonal-touch-target-display, block);
    left: 0;
    right: 0;
    transform: translateY(-50%)
}

.mat-mdc-button,
.mat-mdc-unelevated-button,
.mat-mdc-raised-button,
.mat-mdc-outlined-button,
.mat-tonal-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,
.mat-tonal-button .mat-mdc-button-ripple,
.mat-tonal-button .mat-mdc-button-persistent-ripple,
.mat-tonal-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,
.mat-tonal-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,
.mat-tonal-button .mat-mdc-button-persistent-ripple::before {
    content: "";
    opacity: 0
}

.mat-mdc-button .mdc-button__label,
.mat-mdc-button .mat-icon,
.mat-mdc-unelevated-button .mdc-button__label,
.mat-mdc-unelevated-button .mat-icon,
.mat-mdc-raised-button .mdc-button__label,
.mat-mdc-raised-button .mat-icon,
.mat-mdc-outlined-button .mdc-button__label,
.mat-mdc-outlined-button .mat-icon,
.mat-tonal-button .mdc-button__label,
.mat-tonal-button .mat-icon {
    z-index: 1;
    position: relative
}

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

.mat-mdc-button:focus>.mat-focus-indicator::before,
.mat-mdc-unelevated-button:focus>.mat-focus-indicator::before,
.mat-mdc-raised-button:focus>.mat-focus-indicator::before,
.mat-mdc-outlined-button:focus>.mat-focus-indicator::before,
.mat-tonal-button:focus>.mat-focus-indicator::before {
    content: "";
    border-radius: inherit
}

.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,
.mat-tonal-button._mat-animation-noopable {
    transition: none !important;
    animation: none !important
}

.mat-mdc-button>.mat-icon,
.mat-mdc-unelevated-button>.mat-icon,
.mat-mdc-raised-button>.mat-icon,
.mat-mdc-outlined-button>.mat-icon,
.mat-tonal-button>.mat-icon {
    display: inline-block;
    position: relative;
    vertical-align: top;
    font-size: 1.125rem;
    height: 1.125rem;
    width: 1.125rem
}

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

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

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

@media(forced-colors: active) {

    .mat-mdc-button:not(.mdc-button--outlined),
    .mat-mdc-unelevated-button:not(.mdc-button--outlined),
    .mat-mdc-raised-button:not(.mdc-button--outlined),
    .mat-mdc-outlined-button:not(.mdc-button--outlined),
    .mat-mdc-button-base.mat-tonal-button,
    .mat-mdc-icon-button.mat-mdc-icon-button,
    .mat-mdc-outlined-button .mdc-button__ripple {
        outline: solid 1px
    }
}

.mat-focus-indicator {
    position: relative
}

.mat-focus-indicator::before {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    box-sizing: border-box;
    pointer-events: none;
    display: var(--mat-focus-indicator-display, none);
    border-width: var(--mat-focus-indicator-border-width, 3px);
    border-style: var(--mat-focus-indicator-border-style, solid);
    border-color: var(--mat-focus-indicator-border-color, transparent);
    border-radius: var(--mat-focus-indicator-border-radius, 4px)
}

.mat-focus-indicator:focus::before {
    content: ""
}

@media(forced-colors: active) {
    html {
        --mat-focus-indicator-display: block
    }
}

.h-nav {
    width: 100%;
    z-index: 100
}

@media (max-width: 1024.98px) {
    .h-nav {
        position: absolute;
        top: 60px;
        left: 0;
        height: calc(100vh - 61px);
        overflow-y: auto;
        overflow-x: hidden;
        transform: translateY(-100%);
        background: #fff;
        padding-top: 34px;
        z-index: 100
    }
}

.h-nav-list {
    margin: 0;
    padding: 0;
    list-style: none
}

@media (min-width: 1025px) {
    .h-nav-list {
        display: flex
    }
}

@media (min-width: 1025px) {
    .h-nav-item.is-active .h-nav-link .h-nav-link-text:after {
        left: 0;
        right: 0;
        border-bottom-color: #ff6d70
    }

    .h-nav-item.has-sub-nav .h-nav-link .h-nav-link-text:after {
        left: calc(50% - 4px);
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 4px 4px 0 4px;
        border-color: #D1D1D4 transparent transparent transparent;
        transition: .4s border-color
    }

    .h-nav-item.has-sub-nav .h-nav-link:focus .h-nav-link-text:after,
    .h-nav-item.has-sub-nav .h-nav-link:active .h-nav-link-text:after {
        border-color: currentColor transparent transparent transparent
    }

    .h-nav-item.has-sub-nav .h-nav-link:focus~.h-nav-sub {
        opacity: 1;
        visibility: visible;
        transition-delay: .1s
    }

    .h-nav-item.has-sub-nav:hover .h-nav-sub-menu {
        opacity: 1;
        visibility: visible;
        transition-delay: .1s
    }

    .h-nav-item.has-sub-nav:hover .h-nav-link .h-nav-link-text:after,
    .h-nav-item.has-sub-nav.is-active .h-nav-link .h-nav-link-text:after {
        border-color: #FF6D70 transparent transparent transparent
    }
}

@media (max-width: 1024.98px) {
    .h-nav-item {
        padding: 0;
        border-bottom: 1px solid #D1D1D4;
        position: relative
    }
}

.h-nav-open-sub {
    color: #577e8f;
    transition: .4s;
    z-index: 100;
    border-radius: 0;
    border: 0;
    outline: 0;
    box-shadow: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
}

.h-nav-open-sub.is-active+.h-nav-sub-menu {
    transform: translate(0)
}

@media (min-width: 1025px) {
    .h-nav-open-sub .mat-icon {
        display: none
    }
}

.h-nav-sub-menu {
    visibility: hidden;
    opacity: 0
}

@media (max-width: 1024.98px) {
    .h-nav-sub-menu {
        position: fixed;
        top: 0;
        left: 0;
        visibility: visible;
        opacity: 1;
        width: 100%;
        height: 100%;
        transform: translate3d(100%, 0, 0);
        transition: .4s;
        background: #fff;
        z-index: 101;
        overflow-y: auto
    }
}

.h-nav-link {
    display: inline-block;
    font-size: 17px;
    line-height: 1.29;
    color: #333;
    padding: 24px 12px 26px;
    text-decoration: none
}

@media (min-width: 1025px) and (max-width: 1109px) {
    .h-nav-link {
        padding: 24px 6px 26px
    }
}

@media (min-width: 1110px) and (max-width: 1219px) {
    .h-nav-link {
        padding: 24px 12px 26px
    }
}

@media (min-width: 1025px) {
    .h-nav-link {
        transition: .4s color, .4s background;
        min-height: 71px
    }

    .h-nav-link:hover .h-nav-link-text:after,
    .h-nav-link:focus .h-nav-link-text:after,
    .h-nav-link:active .h-nav-link-text:after {
        left: 0;
        right: 0
    }

    .h-nav-link:hover {
        background: #95b3be14
    }

    .h-nav-link:hover .h-nav-link-text:after {
        border-bottom-color: #ff6d70
    }

    .h-nav-link:focus,
    .h-nav-link:active {
        outline: 0
    }

    .h-nav-link:focus .h-nav-link-text:after,
    .h-nav-link:active .h-nav-link-text:after {
        border-bottom-color: currentColor
    }

    .h-nav-link:focus {
        color: #ff6d70;
        background: #95b3be29
    }

    .h-nav-link:active,
    .h-nav-link.is-active {
        background: transparent;
        color: #e43d30
    }

    .h-nav-link:active:hover,
    .h-nav-link.is-active:hover {
        background: #95b3be14
    }

    .h-nav-link.is-active .h-nav-link-text:after {
        left: 0;
        right: 0;
        border-bottom-color: #e43d30
    }

    .review-year .h-nav-link {
        font-weight: 400;
        font-size: 16px;
        line-height: 22px;
        color: #00c;
        min-height: 30px;
        padding: 2px 10px 4px;
        margin-top: 20px;
        border: 1px solid #0000CC;
        position: relative
    }

    .review-year .h-nav-link:after {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        margin: -1px;
        border-width: 1px;
        border-color: inherit;
        border-style: solid;
        border-radius: 12px;
        position: absolute;
        top: 0;
        left: 0
    }
}

@media (min-width: 1025px) and (min-width: 1025px) {
    .review-year .h-nav-link {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        overflow: hidden;
        position: relative
    }

    .review-year .h-nav-link:hover,
    .review-year .h-nav-link:focus {
        color: #f6f;
        border-color: #f6f
    }
}

@media (min-width: 1025px) {
    .review-year .h-nav-link.is-active {
        color: #00c;
        border-color: #00c;
        background: #f6f
    }
}

@media (max-width: 1024.98px) {
    .h-nav-link {
        display: flex;
        justify-content: space-between;
        width: 100%;
        padding: 17px 20px 17px 40px;
        font-weight: 600
    }

    .h-nav-link.is-active .h-nav-link-text {
        color: #ff6d70
    }
}

@media (min-width: 1025px) {
    .h-nav-link-text {
        display: inline-block;
        position: relative
    }

    .h-nav-link-text:after {
        content: "";
        display: block;
        position: absolute;
        top: calc(100% + 4px);
        left: calc(50% - 8px);
        right: calc(50% - 8px);
        border-bottom: 1px solid #D1D1D4;
        transition: .4s left, .4s right, .4s border-bottom-color
    }
}

@media (min-width: 1025px) {
    .h-nav.transparent .h-nav-link {
        color: #fff
    }

    .h-nav.transparent .h-nav-link.is-active .h-nav-link-text {
        color: #ff6d70
    }

    .h-nav.transparent .h-nav-link:hover {
        background: #00000014
    }

    .h-nav.transparent .h-nav-link:active {
        background: #00000014;
        color: #ff6d70
    }
}

.h-sub-nav-wrap {
    display: flex;
    margin: 16px 4px 0 auto;
    max-height: 42px
}

@media (min-width: 1200px) {
    .h-sub-nav-wrap {
        margin-right: 30px
    }
}

@media (max-width: 1024.98px) {
    .h-sub-nav-wrap {
        z-index: 101;
        position: relative;
        max-height: 30px;
        margin: 16px 4px 0 auto
    }
}

.h-sub-nav {
    display: flex
}

.h-sub-nav__actions {
    display: flex;
    padding: 6px 10px
}

@media (max-width: 1024.98px) {
    .h-sub-nav__actions {
        display: none;
        padding-top: 0;
        padding-bottom: 0
    }
}

.h-sub-nav__action {
    text-align: center
}

.h-sub-nav--action-0 {
    width: 140px
}

@media (max-width: 1359px) {
    .h-sub-nav--action-0 {
        display: none
    }
}

.h-sub-nav--action-1 {
    margin-left: 10px
}

.h-sub-nav--action-1 .mat-icon {
    display: none
}

.h-sub-nav--action-1 .btn {
    padding: 0 13px
}

@media (max-width: 1170px) {
    .h-sub-nav--action-1 {
        width: 30px
    }

    .h-sub-nav--action-1 .btn {
        color: #577e8f;
        border-radius: 30px;
        padding: 0;
        min-width: 0;
        font-size: 0;
        letter-spacing: 0
    }

    .h-sub-nav--action-1 .btn .mat-icon {
        display: flex
    }
}

.h-sub-nav__lang {
    padding: 6px 10px;
    position: relative;
    min-width: 50px;
    border-left: 1px solid #D1D1D4
}

@media (max-width: 1024.98px) {
    .h-sub-nav__lang {
        padding-top: 0;
        padding-bottom: 0
    }
}

.h-sub-nav .cdk-focused+.h-sub-nav__lang-drop-down {
    opacity: 1;
    visibility: visible
}

@media (min-width: 1025px) {
    .h-sub-nav.transparent .h-sub-nav__lang {
        border-left-color: #fff
    }
}

@media (min-width: 1025px) {
    .h-sub-nav.transparent .h-sub-nav--action-1 .btn {
        color: #fff
    }
}

.sign-in.mat-mdc-button.btn {
    min-width: 30px;
    padding: 0 13px
}

.sign-in.mat-mdc-button.btn .mat-icon {
    display: none;
    margin: 0 0 8px 3px
}

@media (max-width: 1170px) {
    .sign-in.mat-mdc-button.btn .mdc-button__label {
        display: none !important
    }

    .sign-in.mat-mdc-button.btn {
        color: #577e8f;
        border-radius: 30px;
        padding: 0;
        font-size: 0;
        letter-spacing: 0
    }

    .sign-in.mat-mdc-button.btn .mat-icon {
        display: flex
    }
}

.sign-in-menu-name {
    text-transform: uppercase
}

.lang-menu-code {
    font-size: 12px;
    line-height: 1.3333;
    font-weight: 600;
    letter-spacing: .05em
}

.lang-menu-wrap {
    box-shadow: 0 2px 4px -1px #0003, 0 4px 5px #00000024, 0 1px 10px #0000001f
}

.lang-menu-btn {
    position: relative;
    min-width: 160px;
    min-height: 36px;
    border-radius: 18px;
    line-height: 34px;
    text-transform: uppercase;
    padding: 0 70px 0 20px;
    box-sizing: border-box;
    text-align: left;
    border: 1px solid #D1D1D4;
    color: #777;
    letter-spacing: .6px;
    justify-content: flex-start
}

@media (max-width: 1199.98px) {
    .lang-menu-btn {
        display: none
    }
}

.lang-menu-btn .mat-mdc-button-focus-overlay {
    display: none
}

.lang-menu-btn:before {
    content: "";
    position: absolute;
    top: 8px;
    right: 50px;
    width: 1px;
    height: 18px;
    background-color: #d1d1d4
}

.lang-menu-btn:after {
    content: "";
    position: absolute;
    top: calc(50% - 2px);
    transform: translateY(-50%) rotate(135deg);
    right: 20px;
    border-bottom: 8px solid transparent;
    border-right: 8px solid #777777
}

.lang-menu-btn:hover,
.lang-menu-btn:focus {
    color: #333;
    background: #e7eff1
}

.lang-menu-btn:active,
.lang-menu-btn.is-active {
    background: #95b3be;
    color: #fff
}

.lang-menu-btn:active:after,
.lang-menu-btn.is-active:after {
    border-right-color: #fff
}

@media (max-width: 1024.98px) {
    .lang-menu-btn-mob.mat-mdc-button.btn-white.btn-text {
        color: #333
    }

    .lang-menu-btn-mob.mat-mdc-button.btn-white.btn-text:hover,
    .lang-menu-btn-mob.mat-mdc-button.btn-white.btn-text:focus {
        background: #95b3be29
    }

    .lang-menu-btn-mob.mat-mdc-button.btn-white.btn-text:active {
        color: #fff
    }
}

.lang-menu-btn-text:hover,
.lang-menu-btn-text:focus {
    cursor: auto
}

.lang-menu-code {
    display: block;
    width: 50px;
    height: 18px;
    line-height: 18px;
    border-left: 1px solid #D1D1D4;
    color: #95b3be;
    text-align: center;
    text-transform: uppercase
}

.lang-menu .mat-stroked-button {
    line-height: 28px;
    border-color: currentColor
}

.lang-menu .mat-mdc-button {
    line-height: 30px
}

@media (max-width: 1024.98px) {
    .lang-menu .mat-mdc-button {
        color: #333
    }
}

.lang-menu .mat-mdc-stroked-button,
.lang-menu .mat-mdc-button {
    width: 100%;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase
}

mat-menu {
    display: none
}

.mat-mdc-menu-content {
    margin: 0;
    padding: 8px 0;
    outline: 0
}

.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;
    flex: 1;
    white-space: normal;
    font-family: var(--mat-menu-item-label-text-font, var(--mat-sys-label-large-font));
    line-height: var(--mat-menu-item-label-text-line-height, var(--mat-sys-label-large-line-height));
    font-size: var(--mat-menu-item-label-text-size, var(--mat-sys-label-large-size));
    letter-spacing: var(--mat-menu-item-label-text-tracking, var(--mat-sys-label-large-tracking));
    font-weight: var(--mat-menu-item-label-text-weight, var(--mat-sys-label-large-weight))
}

@keyframes _mat-menu-enter {
    from {
        opacity: 0;
        transform: scale(0.8)
    }

    to {
        opacity: 1;
        transform: none
    }
}

@keyframes _mat-menu-exit {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.mat-mdc-menu-panel {
    min-width: 112px;
    max-width: 280px;
    overflow: auto;
    box-sizing: border-box;
    outline: 0;
    animation: _mat-menu-enter 120ms cubic-bezier(0, 0, 0.2, 1);
    border-radius: var(--mat-menu-container-shape, var(--mat-sys-corner-extra-small));
    background-color: var(--mat-menu-container-color, var(--mat-sys-surface-container));
    box-shadow: var(--mat-menu-container-elevation-shadow, 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));
    will-change: transform, opacity
}

.mat-mdc-menu-panel.mat-menu-panel-exit-animation {
    animation: _mat-menu-exit 100ms 25ms linear forwards
}

.mat-mdc-menu-panel.mat-menu-panel-animations-disabled {
    animation: none
}

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

.mat-mdc-menu-panel.mat-menu-panel-animating:has(.mat-mdc-menu-content:empty) {
    display: none
}

@media(forced-colors: active) {
    .mat-mdc-menu-panel {
        outline: solid 1px
    }
}

.mat-mdc-menu-panel .mat-divider {
    color: var(--mat-menu-divider-color, var(--mat-sys-surface-variant));
    margin-bottom: var(--mat-menu-divider-bottom-spacing, 8px);
    margin-top: var(--mat-menu-divider-top-spacing, 8px)
}

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

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

[dir=rtl] .mat-mdc-menu-item {
    padding-left: var(--mat-menu-item-trailing-spacing, 12px);
    padding-right: var(--mat-menu-item-leading-spacing, 12px)
}

.mat-mdc-menu-item:has(.material-icons, mat-icon, [matButtonIcon]) {
    padding-left: var(--mat-menu-item-with-icon-leading-spacing, 12px);
    padding-right: var(--mat-menu-item-with-icon-trailing-spacing, 12px)
}

[dir=rtl] .mat-mdc-menu-item:has(.material-icons, mat-icon, [matButtonIcon]) {
    padding-left: var(--mat-menu-item-with-icon-trailing-spacing, 12px);
    padding-right: var(--mat-menu-item-with-icon-leading-spacing, 12px)
}

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

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

.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:focus {
    outline: 0
}

.mat-mdc-menu-item .mat-icon {
    flex-shrink: 0;
    margin-right: var(--mat-menu-item-spacing, 12px);
    height: var(--mat-menu-item-icon-size, 24px);
    width: var(--mat-menu-item-icon-size, 24px)
}

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

[dir=rtl] .mat-mdc-menu-item .mat-icon {
    margin-right: 0;
    margin-left: var(--mat-menu-item-spacing, 12px)
}

.mat-mdc-menu-item:not([disabled]):hover {
    background-color: var(--mat-menu-item-hover-state-layer-color, color-mix(in srgb, var(--mat-sys-on-surface) calc(var(--mat-sys-hover-state-layer-opacity) * 100%), transparent))
}

.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, color-mix(in srgb, var(--mat-sys-on-surface) calc(var(--mat-sys-focus-state-layer-opacity) * 100%), transparent))
}

@media(forced-colors: active) {
    .mat-mdc-menu-item {
        margin-top: 1px
    }
}

.mat-mdc-menu-submenu-icon {
    width: var(--mat-menu-item-icon-size, 24px);
    height: 10px;
    fill: currentColor;
    padding-left: var(--mat-menu-item-spacing, 12px)
}

[dir=rtl] .mat-mdc-menu-submenu-icon {
    padding-right: var(--mat-menu-item-spacing, 12px);
    padding-left: 0
}

[dir=rtl] .mat-mdc-menu-submenu-icon polygon {
    transform: scaleX(-1);
    transform-origin: center
}

@media(forced-colors: 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
}

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

.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
}

.mat-ripple {
    overflow: hidden;
    position: relative
}

.mat-ripple:not(:empty) {
    transform: translateZ(0)
}

.mat-ripple.mat-ripple-unbounded {
    overflow: visible
}

.mat-ripple-element {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);
    transform: scale3d(0, 0, 0);
    background-color: var(--mat-ripple-color, color-mix(in srgb, var(--mat-sys-on-surface) 10%, transparent))
}

@media(forced-colors: active) {
    .mat-ripple-element {
        display: none
    }
}

.cdk-drag-preview .mat-ripple-element,
.cdk-drag-placeholder .mat-ripple-element {
    display: none
}

.f-nav {
    font-size: 14px;
    line-height: 1.3571;
    font-weight: 600
}

@media (min-width: 1025px) {
    .f-nav-wrap {
        width: calc(100% - 350px)
    }
}

@media (max-width: 1024.98px) {
    .f-nav-wrap {
        width: 100%;
        order: 1
    }
}

@media (min-width: 1025px) {
    .f-nav {
        padding-bottom: 80px
    }
}

@media (max-width: 1024.98px) {
    .f-nav {
        margin-bottom: 41px
    }
}

.f-nav-list {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0
}

@media (max-width: 1024.98px) {
    .f-nav-list {
        flex-direction: column
    }
}

.f-nav-item {
    width: 25%;
    position: relative;
    overflow: hidden
}

@media (max-width: 1024.98px) {
    .f-nav-item {
        width: 100%
    }
}

.f-breadcrumbs {
    font-size: 14px;
    line-height: 28px;
    color: #95b3be;
    border-bottom: 1px solid #D1D1D4;
    padding: 11px 0;
    margin: 0 0 57px;
    list-style: none
}

@media (max-width: 1024.98px) {
    .f-breadcrumbs {
        display: none
    }
}

.f-breadcrumbs__item {
    display: inline-block;
    vertical-align: middle
}

.f-breadcrumbs__item+.f-breadcrumbs__item:before {
    content: "\2192";
    display: inline-block;
    vertical-align: middle;
    margin: 0 15px
}

.f-breadcrumbs__item:last-of-type .f-breadcrumbs__link {
    color: #95b3be
}

.f-breadcrumbs__item:last-of-type .f-breadcrumbs__link:hover,
.f-breadcrumbs__item:last-of-type .f-breadcrumbs__link:focus {
    text-decoration: none;
    cursor: auto
}

.f-breadcrumbs__text {
    display: inline-block;
    vertical-align: middle;
    color: #95b3be
}

.f-breadcrumbs__link {
    color: #577e8f;
    text-decoration: none;
    display: inline-block;
    vertical-align: middle
}

.f-breadcrumbs__link:first-letter {
    text-transform: capitalize
}

.f-breadcrumbs__link:hover,
.f-breadcrumbs__link:focus {
    text-decoration: underline
}

.f-breadcrumbs__link:active {
    text-decoration: none
}

.msg-image {
    display: flex;
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: static !important
}

.msg-image.full {
    width: 100%;
    height: auto
}

@media (max-width: 1024.98px) {
    .msg-image.full {
        height: 100%
    }
}

.msg-image.w {
    width: 100%;
    height: auto
}

.msg-image.contain {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.msg-image.width-auto {
    width: auto;
    object-fit: initial
}

.image-overlay {
    position: absolute;
    inset: 0;
    background: #0000003d;
    transition: opacity .28s cubic-bezier(.4, 0, .2, 1);
    opacity: 0;
    z-index: -1
}

.main {
    padding-bottom: 40px
}

.main-top {
    height: 100vh;
    max-height: 746px
}

@media (max-width: 766.98px) {
    .main-top {
        height: auto;
        max-height: none;
        padding-top: 112px;
        position: relative
    }

    .main-top:before {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 708px;
        background-color: #00c;
        z-index: -1;
        content: ""
    }
}

.main-top-wrap {
    position: relative;
    max-width: 1222px;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-end
}

@media (max-width: 766.98px) {
    .main-top-wrap {
        flex-direction: column;
        align-items: center;
        padding: 0 50px
    }
}

.main-top-content {
    max-width: 430px;
    padding-bottom: 144px
}

@media (max-width: 1199.98px) {
    .main-top-content {
        padding-bottom: 80px
    }
}

@media (max-width: 766.98px) {
    .main-top-content {
        padding-bottom: 0;
        margin-bottom: 42px
    }
}

.main-top-title {
    font-size: 56px;
    font-weight: 600;
    line-height: 1.2;
    margin: 0 0 66px
}

@media (max-width: 1199.98px) {
    .main-top-title {
        font-size: 48px
    }
}

@media (max-width: 766.98px) {
    .main-top-title {
        color: #fff;
        font-size: 44px;
        margin-bottom: 35px
    }
}

@media (max-width: 575.98px) {
    .main-top-title {
        font-size: 30px
    }
}

.main-top-buttons {
    display: flex;
    justify-content: flex-start
}

@media (max-width: 575.98px) {
    .main-top-buttons {
        flex-direction: column
    }
}

.main-top-buttons-adv {
    margin-right: 30px
}

@media (max-width: 575.98px) {
    .main-top-buttons-adv {
        margin: 0 0 20px
    }
}

.main-top-buttons .btn-block {
    width: auto
}

.main-top-arrow {
    position: relative;
    padding: 0;
    min-width: 48px;
    height: auto !important
}

.main-top-arrow .main-top-arrow-icon {
    position: relative;
    stroke: #ff6d70;
    fill: none;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    transition: all .2s;
    margin: 0
}

.main-top-arrow:hover:before,
.main-top-arrow:focus:before {
    background-color: #ff6d70
}

.main-top-arrow:hover .main-top-arrow-icon,
.main-top-arrow:focus .main-top-arrow-icon {
    stroke: #fff;
    transform: translateY(-10px)
}

.main-top-arrow:active:before {
    background-color: #e43d30
}

.main-top-arrow:active .main-top-arrow-icon {
    stroke: #fff;
    transform: translateY(-10px)
}

.main-top-arrow:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: transparent;
    transition: all .2s;
    content: ""
}

.main-top-arrow-wrap {
    position: absolute;
    bottom: 42px;
    left: 50%;
    transform: translate(-50%);
    z-index: 2;
}

@media (max-width: 1199.98px) {
    .main-top-arrow-wrap {
        bottom: 30px;
    }
}

@media (max-width: 766.98px) {
    .main-top-arrow-wrap {
        position: static;
        transform: translate(0);
    }
}

.main-top-image {
    max-width: 650px
}

@media (max-width: 1024.98px) {
    .main-top-image {
        max-width: 375px
    }
}

.main-top .mat-button.cdk-keyboard-focused .mat-button-focus-overlay {
    opacity: 0
}

.main-top .mat-button:hover .mat-button-focus-overlay {
    opacity: 0
}

.main-top .mat-ripple {
    display: none
}

.main-news {
    padding: 70px 0 80px;
    background-color: #0f4b81
}

@media (max-width: 766.98px) {
    .main-news {
        padding: 55px 0 0;
        background-color: #fff
    }
}

@media (max-width: 766.98px) {
    .main-news-wrap {
        padding: 0
    }
}

.main-news-top {
    text-align: center;
    margin-bottom: 60px
}

@media (max-width: 766.98px) {
    .main-news-top {
        margin-bottom: 48px
    }
}

@media (max-width: 766.98px) {
    .main-news-top {
        padding: 0 30px
    }
}

.main-news-title {
    color: #fff;
    text-align: center;
    margin: 0 0 30px
}

@media (max-width: 766.98px) {
    .main-news-title {
        margin-bottom: 30px;
        color: #333
    }
}

.main-news-title:before {
    opacity: 1
}

.main-news-description {
    font-size: 18px;
    line-height: 1.5;
    margin: 0 auto;
    max-width: 600px;
    color: #fff
}

@media (max-width: 766.98px) {
    .main-news-description {
        color: #333
    }
}

.main-events {
    padding: 70px 0 80px;
    background-color: #e7eff1
}

@media (max-width: 766.98px) {
    .main-events {
        padding: 55px 0 0;
        background-color: #fff
    }
}

@media (max-width: 766.98px) {
    .main-events-wrap {
        padding: 0
    }
}

.main-events-top {
    text-align: center;
    margin-bottom: 60px
}

@media (max-width: 766.98px) {
    .main-events-top {
        margin-bottom: 48px
    }
}

@media (max-width: 766.98px) {
    .main-events-top {
        padding: 0 30px
    }
}

.main-events-title {
    text-align: center;
    margin: 0 0 30px
}

@media (max-width: 766.98px) {
    .main-events-title {
        margin-bottom: 30px
    }
}

.main-events-title:before {
    opacity: 1;
    background: #39f
}

.main-events-description {
    font-size: 18px;
    line-height: 1.5;
    margin: 0 auto;
    max-width: 600px
}

@media (max-width: 766.98px) {
    .main-events-description {
        color: #333
    }
}

.main-coverage {
    padding: 62px 0 80px
}

@media (max-width: 766.98px) {
    .main-coverage {
        padding: 68px 0 70px
    }
}

.main-coverage-top {
    text-align: center;
    margin-bottom: 40px
}

@media (max-width: 766.98px) {
    .main-coverage-top {
        margin-bottom: 50px
    }
}

.main-coverage-wrap {
    padding: 0
}

.main-coverage .landings-mark-title {
    margin-bottom: 40px
}

@media (max-width: 575.98px) {
    .main-coverage .landings-text {
        max-width: 315px;
        margin: 0 auto
    }
}

.main-coverage-content {
    max-width: 924px;
    margin: 0 auto;
    padding: 158px 0 0;
    background: url("../images/global_coverage_map.svg") center center no-repeat #fff
}

@media (max-width: 766.98px) {
    .main-coverage-content {
        background-position: top center
    }
}

@media (max-width: 575.98px) {
    .main-coverage-content {
        background-size: 200% 250px
    }
}

.main-coverage-global {
    max-width: 405px;
    margin: 0 auto 156px;
    display: flex;
    justify-content: space-between
}

@media (max-width: 766.98px) {
    .main-coverage-global {
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        margin-bottom: 96px
    }
}

.main-coverage-global-visitors,
.main-coverage-global-lang {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    z-index: 1
}

.main-coverage-global-visitors:before,
.main-coverage-global-lang:before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 285px;
    height: 285px;
    border-radius: 50%;
    content: "";
    z-index: -1
}

@media (max-width: 766.98px) {

    .main-coverage-global-visitors:before,
    .main-coverage-global-lang:before {
        width: 228px;
        height: 228px
    }
}

@media (max-width: 766.98px) {
    .main-coverage-global-visitors {
        margin-bottom: 68px
    }
}

.main-coverage-global-visitors:before {
    background-color: #ff6d70e6
}

.main-coverage-global-lang:before {
    background-color: #0000cce6
}

.main-coverage-global-num {
    font-size: 60px;
    font-weight: 400;
    line-height: 1.4;
    margin: 0 0 4px;
    text-align: center;
    color: #fff;
    font-family: Roboto Condensed, sans-serif
}

@media (max-width: 766.98px) {
    .main-coverage-global-num {
        font-size: 48px
    }
}

.main-coverage-global-text {
    max-width: 160px;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.5;
    margin: 0;
    text-align: center;
    color: #fff
}

@media (max-width: 766.98px) {
    .main-coverage-global-text {
        font-size: 16px
    }
}

.main-coverage-btn-wrap {
    text-align: center
}

.main-coverage-btn-wrap .mat-mdc-button.btn-xl.btn-stroked {
    padding: 0 36px
}

.case {
    padding: 60px 30px 90px;
    position: relative
}

@media (max-width: 1024.98px) {
    .case {
        padding: 60px 30px 70px
    }
}

@media (max-width: 575.98px) {
    .case {
        padding: 60px 0 70px
    }
}

.case:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 460px;
    background-color: #0f4b81;
    content: "";
    z-index: -1
}

@media (max-width: 1024.98px) {
    .case:before {
        height: 312px
    }
}

.case-top {
    text-align: center;
    margin-bottom: 70px
}

@media (max-width: 766.98px) {
    .case-top {
        margin-bottom: 50px
    }
}

.case .landings-title {
    margin-bottom: 20px
}

.case .case-top .landings-text {
    color: #fff
}

.case-button-wrap {
    margin-top: 64px;
    text-align: center
}

@media (max-width: 575.98px) {
    .case-button-wrap {
        margin-top: 60px
    }
}

.case.dark-blue:before {
    background-color: #009
}

.cooperate-heading {
    font-size: 30px;
    line-height: 40px;
    font-weight: 600;
    margin: 0
}

.cooperate-data {
    text-align: center
}

.cooperate-subheading {
    font-size: 20px;
    line-height: 27px;
    margin: 0
}

.cooperate-btn {
    margin: 0 auto 20px;
    max-width: 260px;
    display: flex
}

@media (min-width: 767px) {
    .cooperate-btn.left {
        margin-left: auto;
        margin-right: 0
    }
}

@media (min-width: 767px) {
    .cooperate-btn.right {
        margin-left: 0;
        margin-right: auto
    }
}

.cooperate-inner {
    padding: 80px 0 94px;
    text-align: center
}

@media (max-width: 766.98px) {
    .cooperate-inner {
        padding: 50px 0 70px
    }
}

.cooperate-inner-image {
    width: 160px;
    margin: 0 auto 50px
}

@media (max-width: 766.98px) {
    .cooperate-inner-image {
        margin-bottom: 30px
    }
}

.cooperate-inner .landings-title {
    color: #fff;
    margin: 0 auto 40px
}

.cooperate-inner .btn {
    padding: 0 58px
}

.cooperate-blog {
    padding: 70px 0 42px;
    background: #e7eff1
}

.cooperate-blog-data {
    margin-bottom: 60px
}

.cooperate-blog-heading {
    margin: 0 0 20px
}

.cooperate-service-pages {
    padding: 60px 0 42px;
    background: #00c;
    margin: 90px 0 40px
}

.cooperate-service-pages-data {
    margin-bottom: 50px
}

.cooperate-service-pages-heading {
    color: #fff;
    margin: 0 0 10px
}

.cooperate-service-pages-subheading {
    color: #fff
}

.cooperate-about {
    padding: 70px 0 42px;
    background: #00c;
    color: #fff
}

.cooperate-about-data {
    margin-bottom: 60px
}

.cooperate-about-heading {
    margin: 0 0 20px
}

.cooperate-advertisers {
    background-color: #ff6d70
}

.cooperate-main {
    background-color: #00c
}

.cooperate-publishers {
    background-color: #009
}

.cooperate-case-studies-list,
.cooperate-case-studies-single,
.cooperate-webinars {
    background-color: #0f4b81
}

.cooperate-webinars .cooperate-heading {
    color: #fff;
    margin-bottom: 20px
}

.cooperate-webinars .cooperate-subheading {
    color: #fff;
    margin-bottom: 50px
}

.cooperate-native-adv .wrap-native-adv {
    padding-bottom: 0
}

.cooperate-native-adv .cooperate-data {
    align-items: center;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 90px 0;
    background: #00c;
    position: relative
}

@media (max-width: 766.98px) {
    .cooperate-native-adv .cooperate-data {
        padding: 56px 15px 60px
    }
}

.cooperate-native-adv .cooperate-heading {
    font-size: 32px;
    line-height: 140%;
    color: #fff;
    margin: 0 0 32px
}

@media (max-width: 766.98px) {
    .cooperate-native-adv .cooperate-heading {
        font-size: 24px;
        line-height: 130%
    }
}

.cooperate-native-adv .btn-native-adv {
    line-height: 42px;
    width: 220px;
    min-height: 44px
}

@media (max-width: 766.98px) {
    .cooperate-native-adv .btn-native-adv {
        width: 280px
    }
}

.cooperate-native-adv .svg-right,
.cooperate-native-adv .svg-top,
.cooperate-native-adv .svg-left {
    display: none
}

@media (min-width: 1025px) {

    .cooperate-native-adv .svg-right,
    .cooperate-native-adv .svg-top,
    .cooperate-native-adv .svg-left {
        display: block;
        position: absolute
    }
}

.cooperate-native-adv .svg-right {
    right: 0;
    top: 0
}

.cooperate-native-adv .svg-top {
    left: 0;
    top: 0
}

.cooperate-native-adv .svg-left {
    bottom: 0;
    left: 0
}

.main-news-slider {
    position: relative;
    overflow: hidden
}

.main-news-slider::part(container) {
    overflow: visible;
    position: unset
}

.main-news-slider-content {
    position: relative;
    width: 832px;
    height: 500px;
    box-sizing: border-box;
    padding: 20px 80px 20px 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    background-color: #ff6d70
}

@media (max-width: 1024.98px) {
    .main-news-slider-content {
        padding: 50px 0;
        flex-direction: column;
        justify-content: center;
        max-width: 600px;
        height: auto
    }
}

@media (max-width: 766.98px) {
    .main-news-slider-content {
        background-color: #fff;
        padding: 0
    }
}

.main-news-slider-data {
    max-width: 380px
}

@media (max-width: 766.98px) {
    .main-news-slider-data {
        max-width: 375px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        background-color: #ff6d70;
        padding: 0 0 90px
    }
}

.main-news-slider-title {
    font-size: 30px;
    font-weight: 600;
    line-height: 1.2;
    color: #fff;
    margin: 0 0 20px
}

@media (max-width: 766.98px) {
    .main-news-slider-title {
        font-size: 28px;
        padding: 0 30px;
        margin-top: 40px
    }
}

.main-news-slider-text {
    font-size: 18px;
    color: #fff;
    line-height: 1.6;
    margin: 0
}

@media (max-width: 766.98px) {
    .main-news-slider-text {
        padding: 0 30px;
        margin-bottom: 50px
    }
}

.main-news-slider-link {
    max-width: 100%
}

.main-news-slider-image {
    max-width: 555px;
    position: absolute;
    top: 50%;
    left: -277px;
    transform: translateY(-50%);
    box-shadow: 0 20px 50px #00000029
}

@media (max-width: 1199.98px) {
    .main-news-slider-image {
        width: 400px;
        left: -100px;
        box-shadow: none
    }
}

@media (max-width: 1024.98px) {
    .main-news-slider-image {
        position: static;
        transform: translateY(0)
    }
}

@media (max-width: 766.98px) {
    .main-news-slider-image {
        max-width: 100%
    }
}

@media (max-width: 766.98px) {
    .main-news-slider-btn {
        margin-left: 30px
    }
}

.main-news-slider .landings-slider-nav {
    position: absolute;
    bottom: 20px;
    right: 20px;
    z-index: 2
}

@media (max-width: 1024.98px) {
    .main-news-slider .landings-slider-nav {
        right: 20%
    }
}

@media (max-width: 766.98px) {
    .main-news-slider .landings-slider-nav {
        display: none
    }
}

.main-news-slider .landings-slider-pagination {
    display: none
}

@media (max-width: 766.98px) {
    .main-news-slider .landings-slider-pagination {
        display: flex;
        position: relative;
        margin-bottom: 50px;
        top: 0;
        bottom: auto
    }
}

.main-vision {
    padding: 106px 0 46px;
    background-color: #e7eff1
}

@media (max-width: 766.98px) {
    .main-vision {
        padding: 60px 0 40px
    }
}

.main-vision-wrap {
    display: flex;
    align-items: center;
    justify-content: center
}

@media (max-width: 766.98px) {
    .main-vision-wrap {
        flex-direction: column
    }
}

.main-vision-content {
    max-width: 445px;
    margin-right: 80px
}

@media (max-width: 766.98px) {
    .main-vision-content {
        margin: 0 0 60px
    }
}

.main-vision-title {
    font-size: 46px;
    font-weight: 600;
    line-height: 1.4;
    margin: 0 0 42px
}

@media (max-width: 766.98px) {
    .main-vision-title {
        font-size: 36px;
        margin-bottom: 30px
    }
}

.main-vision-text {
    font-size: 24px;
    line-height: 1.4;
    margin: 0 0 50px
}

@media (max-width: 766.98px) {
    .main-vision-text {
        font-size: 20px
    }
}

.main-vision-image {
    max-width: 440px
}

@media (max-width: 766.98px) {
    .main-vision-image {
        max-width: 300px
    }
}

.main-vision-btn.mat-mdc-button.btn-xl.btn-stroked {
    padding: 0 36px
}

@media (min-width: 1025px) {
    .sub-menu {
        position: absolute;
        left: 0;
        top: 100%;
        right: 0;
        transition: .4s;
        transition-delay: 0s;
        background: #f5f9f9;
        z-index: 100;
        box-shadow: 0 24px 42px #0000001f
    }

    .sub-menu:before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 50%;
        height: 100%;
        background: #e7eff1
    }

    .sub-menu-body {
        display: flex;
        padding: 40px 0 59px;
        position: relative
    }

    .sub-menu-section {
        display: flex;
        width: 50%;
        position: relative
    }

    .sub-menu-col {
        width: 50%
    }

    .sub-menu-col+.sub-menu-col {
        border-left: 1px solid #95B3BE
    }

    .sub-menu-nav-header {
        display: none
    }
}

.sub-menu-data {
    width: 540px;
    padding-left: 20px;
    margin-left: auto;
    display: flex;
    justify-content: flex-start
}

@media (max-width: 1024.98px) {
    .sub-menu-data {
        width: 100%;
        padding: 0;
        flex-direction: column
    }
}

.sub-menu-data-preview {
    max-width: 254px;
    min-height: 280px;
    padding: 20px 28px 20px 0;
    box-sizing: border-box;
    border-right: 1px solid #95B3BE
}

@media (max-width: 1024.98px) {
    .sub-menu-data-preview {
        display: none
    }
}

.sub-menu-data-preview-title {
    font-size: 26px;
    line-height: 35px;
    margin: 0 0 24px;
    font-weight: 400;
    color: #00c
}

.sub-menu-data-preview-text {
    font-size: 14px;
    line-height: 21px;
    margin: 0 0 22px
}

.sub-menu-data-preview-link {
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
    text-transform: uppercase;
    color: #95b3be
}

.sub-menu-data-list {
    list-style: none;
    padding: 20px 0 20px 30px;
    margin: 0
}

@media (max-width: 1024.98px) {
    .sub-menu-data-list {
        padding: 16px 0 10px;
        background-color: #e7eff1
    }
}

.sub-menu-data-list-item {
    margin-bottom: 15px
}

@media (max-width: 1024.98px) {
    .sub-menu-data-list-item {
        margin: 0
    }
}

.sub-menu-data-list .sub-menu-data-list-item .sub-menu-data-list-btn.mat-mdc-button {
    text-transform: initial;
    font-size: 14px
}

@media (max-width: 1024.98px) {
    .sub-menu-data-list .sub-menu-data-list-item .sub-menu-data-list-btn.mat-mdc-button {
        display: flex;
        width: 100%;
        height: auto;
        color: #577e8f;
        border-color: transparent;
        padding: 0 0 0 60px;
        border-radius: 0;
        line-height: 54px;
        text-align: left
    }

    .sub-menu-data-list .sub-menu-data-list-item .sub-menu-data-list-btn.mat-mdc-button .mdc-button__label {
        width: 100%;
    }
}

.sub-menu-data-mob-header {
    position: relative;
    background: #577e8f;
    color: #fff;
    padding: 41px 20px 14px 60px
}

.sub-menu-data-mob-title {
    margin: 0;
    font-size: 26px;
    line-height: 35px;
    font-weight: 400
}

.sub-menu-data-mob-close {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 56px;
    transition: .4s;
    background: transparent;
    z-index: 100;
    border-radius: 0;
    border: 0;
    outline: 0;
    box-shadow: none;
    display: block;
    padding: 0;
    color: #fff;
    cursor: pointer;
}

.sub-menu-data-mob-close.is-active+.sub-menu {
    transform: translate(0)
}

.sub-menu-data-mob-close .mat-icon {
    position: absolute;
    bottom: 18px;
    left: 19px
}

.sub-menu-post-article {
    display: flex;
    align-items: flex-end;
    width: 100%;
    padding: 20px 80px 20px 0
}

@media (max-width: 1024.98px) {
    .sub-menu-post-article {
        display: none
    }
}

.sub-menu-post-article-btn {
    width: 100%;
    margin-bottom: 20px
}

.sub-menu-post-article-btn .btn {
    padding: 0 20px;
    border-radius: 20px;
    flex-direction: row-reverse
}

.sub-menu-post-article-btn .mat-icon {
    width: 24px;
    height: 24px;
    margin: 0 0 0 5px;
    flex-shrink: 0
}

.sub-menu-post-article-img {
    max-width: 340px;
    max-height: 180px;
    display: inline-block;
    margin-top: 56px;
    position: relative
}

.sub-menu-post-article-img .logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 160px;
    width: 100%;
    height: auto;
    z-index: 2
}

.sub-menu-post-article-data {
    width: 300px;
    min-height: 236px;
    padding: 0 30px 0 50px;
    box-sizing: border-box
}

.sub-menu-post-article-title {
    font-size: 14px;
    line-height: 21px;
    font-weight: 600;
    margin: 0 0 23px;
    text-transform: uppercase;
    color: #577e8f
}

.sub-menu-post-article-text {
    font-size: 14px;
    line-height: 21px;
    margin: 0
}

.sub-menu-post-article-text.bold {
    font-weight: 600
}

.sub-menu-post-article-link {
    display: inline-block;
    margin-top: 20px;
    font-size: 12px;
    line-height: 12px;
    font-weight: 600;
    color: #ff6d70;
    text-transform: uppercase
}

.f-nav-title {
    padding: 4px 6px 0;
    border-radius: 4px;
    color: #577e8f;
    font-size: 14px;
    line-height: 32px;
    height: 36px;
    text-transform: uppercase;
    width: 100%;
    text-decoration: none
}

@media (max-width: 1024.98px) {
    .f-nav-title {
        padding: 6px 0
    }
}

.f-nav-title-wrap {
    align-items: center;
    justify-content: space-between;
    display: flex;
    width: 100%
}

@media (max-width: 1024.98px) {
    .f-nav-title-wrap {
        border-bottom: 1px solid #D1D1D4;
        height: 56px
    }
}

.f-nav-title-wrap.is-open {
    border-bottom-color: #ff6d70
}

.f-nav__sub-list {
    list-style: none;
    margin: 0;
    padding: 0;
    transition: margin .2s
}

@media (min-width: 1025px) {
    .f-nav__sub-list {
        font-weight: 400;
        margin: 20px 0 0 2px
    }
}

@media (max-width: 1024.98px) {
    .f-nav__sub-list.is-open {
        margin: 20px 0 20px 30px
    }
}

.f-nav__sub-link {
    position: relative;
    display: inline-block;
    padding: 7px 4px;
    color: #333;
    text-decoration: none
}

.f-nav__sub-link:before {
    opacity: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #ff6d70;
    transition: opacity .2s;
    content: ""
}

.f-nav__sub-link:hover:before,
.f-nav__sub-link:focus:before,
.f-nav__sub-link:active:before {
    opacity: 1
}

.f-nav__sub-link:focus {
    outline: none;
    background-color: #def
}

.f-nav__sub-link:active {
    color: #ff6d70
}

@media (max-width: 1024.98px) {
    .f-nav__sub-link {
        font-size: 14px;
        line-height: 20px;
        padding: 8px 0;
        display: inline-block
    }
}

.f-nav__sub-toggle {
    display: none
}

@media (max-width: 1024.98px) {
    .f-nav__sub-toggle {
        display: block;
        height: 100%;
        max-height: 24px;
        padding: 0;
        border: 0;
        box-shadow: none;
        background: transparent;
        outline: 0;
        color: #577e8f;
        transition: transform .2s
    }
}

.f-nav__sub-toggle.active {
    transform-origin: center center;
    transform: rotate(180deg);
    color: #ff6d70
}

.main-partners {
    padding: 70px 0;
    background-color: #f5f9f9
}

@media (max-width: 575.98px) {
    .main-partners {
        padding: 70px 0
    }
}

.main-partners-wrap {
    max-width: 1046px
}

.main-partners .landings-title {
    text-align: center;
    margin-bottom: 10px
}

@media (max-width: 575.98px) {
    .main-partners .landings-title {
        text-align: left;
        margin-bottom: 30px
    }
}

.main-partners .landings-text {
    text-align: center;
    margin-bottom: 70px
}

@media (max-width: 575.98px) {
    .main-partners .landings-text {
        text-align: left;
        margin-bottom: 40px
    }
}

.main-partners-images {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -2px 54px
}

@media (max-width: 1024.98px) {
    .main-partners-images {
        margin: 0 -2px 34px
    }
}

@media (max-width: 766.98px) {
    .main-partners-images {
        margin: 0 auto;
        max-width: 600px
    }
}

@media (max-width: 575.98px) {
    .main-partners-images {
        justify-content: center;
        max-width: 420px
    }
}

.main-partners-images-item {
    width: calc(14.2857142857% - 4px);
    border-radius: 50%;
    overflow: hidden;
    margin: 0 2px 16px
}

.main-partners-images-item:nth-of-type(-2n+6),
.main-partners-images-item:nth-of-type(2n+9),
.main-partners-images-item:nth-of-type(2n+16) {
    transform: translateY(50%)
}

.main-partners-images-item:nth-of-type(2n+15) {
    transform: translateY(0)
}

@media (max-width: 766.98px) {
    .main-partners-images-item {
        width: calc(33.3333333333% - 16px);
        margin: 0 8px 16px
    }

    .main-partners-images-item:nth-of-type(-2n+6),
    .main-partners-images-item:nth-of-type(2n+9),
    .main-partners-images-item:nth-of-type(2n+16) {
        transform: none
    }
}

@media (max-width: 575.98px) {
    .main-partners-images-item {
        width: calc(50% - 16px)
    }
}

.main-partners-images-logo {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.main-partners-image {
    width: 966px;
    margin: 0 auto;
    transform: rotateX(180deg)
}

@media (max-width: 1024.98px) {
    .main-partners-image {
        padding-top: 50px
    }
}

.main-partners-image-wrap {
    overflow-x: auto;
    position: relative;
    transform: rotateX(-180deg);
    scrollbar-color: #FF6D70 #E7EFF1;
    scrollbar-width: thin
}

.main-partners-image-wrap::-webkit-scrollbar-track {
    background: #e7eff1;
    width: 200px
}

.main-partners-image-wrap::-webkit-scrollbar-thumb {
    background: #ff6d70
}

.main-partners-image-wrap::-webkit-scrollbar {
    height: 2px;
    width: 200px
}

.main-events-slider {
    position: relative;
    overflow: hidden
}

.main-events-slider::part(container) {
    overflow: visible;
    position: unset
}

.main-events-slider-content {
    position: relative;
    width: 832px;
    height: 500px;
    box-sizing: border-box;
    padding: 20px 0 20px 80px;
    display: flex;
    align-items: center;
    background-color: #39f
}

@media (max-width: 1024.98px) {
    .main-events-slider-content {
        padding: 50px 0;
        flex-direction: column;
        justify-content: center;
        max-width: 600px;
        min-height: 550px;
        height: auto
    }
}

@media (max-width: 766.98px) {
    .main-events-slider-content {
        width: 100%;
        background-color: #fff;
        padding: 0
    }
}

.main-events-slider-data {
    max-width: 380px
}

@media (max-width: 766.98px) {
    .main-events-slider-data {
        max-width: 375px;
        min-height: 550px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        background-color: #39f;
        padding: 0 0 90px
    }
}

.main-events-slider-title {
    font-size: 30px;
    font-weight: 600;
    line-height: 1.2;
    color: #fff;
    margin: 0 0 20px
}

@media (max-width: 766.98px) {
    .main-events-slider-title {
        font-size: 28px;
        padding: 0 30px
    }
}

.main-events-slider-text {
    font-size: 18px;
    color: #fff;
    line-height: 1.6;
    margin: 0 0 40px
}

@media (max-width: 766.98px) {
    .main-events-slider-text {
        padding: 0 30px
    }
}

.main-events-slider-date,
.main-events-slider-place {
    display: inline-block;
    float: none;
    min-width: 100%
}

.main-events-slider-link {
    max-width: 100%
}

.main-events-slider-link:hover {
    text-decoration-color: #fff
}

.main-events-slider-logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 375px;
    width: 100%;
    height: auto;
    z-index: 2
}

.main-events-slider-image {
    max-width: 555px;
    position: absolute;
    top: 50%;
    right: -277px;
    transform: translateY(-50%);
    box-shadow: 0 6px 6px -3px #0003, 0 10px 14px 1px #00000024, 0 4px 18px 3px #0000001f
}

@media (max-width: 1199.98px) {
    .main-events-slider-image {
        width: 400px;
        right: -100px;
        box-shadow: 0 0 #0003, 0 0 #00000024, 0 0 #0000001f
    }
}

@media (max-width: 1024.98px) {
    .main-events-slider-image {
        position: static;
        transform: translateY(0);
        margin-bottom: 40px
    }
}

@media (max-width: 766.98px) {
    .main-events-slider-image {
        max-width: 375px
    }
}

@media (max-width: 766.98px) {
    .main-events-slider-btn {
        margin-left: 30px
    }
}

.main-events-slider .landings-slider-nav {
    position: absolute;
    bottom: 20px;
    right: 20px;
    z-index: 2
}

@media (max-width: 1024.98px) {
    .main-events-slider .landings-slider-nav {
        right: 20%
    }
}

@media (max-width: 766.98px) {
    .main-events-slider .landings-slider-nav {
        display: none
    }
}

.main-events-slider .landings-slider-pagination {
    display: none
}

@media (max-width: 766.98px) {
    .main-events-slider .landings-slider-pagination {
        display: flex;
        margin-bottom: 50px;
        top: 0;
        bottom: auto
    }
}

.case-slider {
    max-width: 1110px;
    margin: 0 auto
}

.case-slider-top {
    position: relative;
    display: flex;
    align-items: flex-start;
    margin-bottom: 80px
}

@media (max-width: 1024.98px) {
    .case-slider-top {
        max-width: 450px;
        margin: 0 auto 40px;
        flex-direction: column;
        justify-content: center;
        align-items: center
    }
}

@media (max-width: 575.98px) {
    .case-slider-top:before {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        background-color: #e7eff1;
        height: calc(100% - 90px);
        z-index: -1;
        content: ""
    }
}

.case-slider-top-image {
    width: 100%
}

.case-slider-top-image-block {
    width: 50%
}

@media (max-width: 1024.98px) {
    .case-slider-top-image-block {
        width: 100%
    }
}

@media (max-width: 575.98px) {
    .case-slider-top-image-block {
        max-width: 315px
    }
}

.case-slider-top-image-wrap {
    position: relative;
    margin-bottom: 30px;
    display: block
}

@media (max-width: 1024.98px) {
    .case-slider-top-image-wrap {
        margin-bottom: 0
    }
}

.case-slider-top-image-blur {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: #0000003d
}

.case-slider-top-logo {
    width: 240px;
    display: inline-block
}

@media (max-width: 1024.98px) {
    .case-slider-top-button-wrap {
        display: none
    }
}

.case-slider-top-button-wrap.mob {
    display: none;
    text-align: center
}

@media (max-width: 1024.98px) {
    .case-slider-top-button-wrap.mob {
        display: block
    }
}

.case-slider-top-text-block {
    position: relative;
    width: 50%;
    margin-top: 78px;
    background-color: #e7eff1;
    padding: 60px 60px 68px 44px;
    z-index: 1;
    min-height: 312px
}

@media (max-width: 1024.98px) {
    .case-slider-top-text-block {
        margin-top: 0;
        width: 100%;
        padding: 98px 30px 40px
    }
}

.case-slider-top-text-block .landings-text {
    font-size: 18px
}

@media (max-width: 1024.98px) {
    .case-slider-top-text-block .landings-text {
        margin-bottom: 32px
    }
}

.case-slider-top-text-title {
    margin: 0 0 20px;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: .6px
}

.case-slider-result {
    position: relative;
    background-color: #fff
}

@media (max-width: 766.98px) {
    .case-slider-result {
        padding: 0 30px
    }
}

.case-slider-result-title {
    position: absolute;
    top: 48px;
    left: 0;
    right: 0;
    border: 1.5px solid #333333;
    margin: 0;
    padding: 18px 30px 20px;
    color: #ff6d70;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: .6px
}

@media (max-width: 1024.98px) {
    .case-slider-result-title {
        border: none
    }
}

@media (max-width: 766.98px) {
    .case-slider-result-title {
        position: relative;
        top: 0;
        max-width: 440px;
        margin: 0 auto 30px;
        padding: 0
    }
}

.case-slider-result-list {
    position: relative;
    width: 100%;
    max-width: 820px;
    margin: 0 auto;
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: center
}

@media (max-width: 1024.98px) {
    .case-slider-result-list {
        max-width: 400px;
        flex-wrap: wrap;
        justify-content: center
    }

    .case-slider-result-list:before,
    .case-slider-result-list:after {
        position: absolute;
        left: 0;
        right: 0;
        width: calc(100% - 5px);
        height: 70px;
        border: 1.5px solid #333333;
        box-sizing: border-box;
        content: ""
    }

    .case-slider-result-list:before {
        top: 46px
    }

    .case-slider-result-list:after {
        bottom: 104px
    }
}

@media (max-width: 575.98px) {
    .case-slider-result-list {
        max-width: 478px
    }
}

.case-slider-result-list-item {
    width: 100%;
    max-width: 160px;
    margin-right: 40px;
    text-align: center
}

@media (max-width: 1199.98px) {
    .case-slider-result-list-item {
        margin-right: 10px
    }
}

@media (max-width: 1024.98px) {
    .case-slider-result-list-item {
        width: 50%;
        margin: 0 0 20px
    }

    .case-slider-result-list-item:nth-last-child(1),
    .case-slider-result-list-item:nth-last-child(2) {
        margin-bottom: 0
    }
}

.case-slider-result-list-item:last-child {
    margin-right: 0
}

.case-slider-result-list-item:nth-child(1) .case-slider-result-list-num:before {
    width: 130px;
    height: 130px;
    border-radius: 50%;
    background-color: #39f6
}

.case-slider-result-list-item:nth-child(2) .case-slider-result-list-num:before {
    width: 114px;
    height: 114px;
    background-color: #9983b866
}

.case-slider-result-list-item:nth-child(3) .case-slider-result-list-num:before {
    left: 60%;
    border-top: 70px solid transparent;
    border-bottom: 70px solid transparent;
    border-left: 120px solid rgba(255, 109, 112, .4)
}

@media (max-width: 575.98px) {
    .case-slider-result-list-item:nth-child(3) .case-slider-result-list-num:before {
        border-left-width: 100px;
        left: 55%
    }
}

.case-slider-result-list-item:nth-child(4) .case-slider-result-list-num:before {
    width: 100px;
    height: 100px;
    transform-origin: top left;
    transform: rotate(45deg) translate(-50%, -50%);
    background-color: #f966
}

.case-slider-result-list-num {
    position: relative;
    width: 100%;
    height: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
    font-family: Roboto Condensed, sans-serif;
    font-size: 36px;
    font-weight: 400;
    z-index: 1
}

.case-slider-result-list-num:before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    content: "";
    z-index: -1
}

.case-slider-result-list-text {
    font-size: 18px;
    min-height: 50px;
    line-height: 1.4
}

.case-slider-pagination {
    padding: 0;
    margin: 0 auto;
    list-style: none;
    display: flex;
    justify-content: center
}

@media (max-width: 575.98px) {
    .case-slider-pagination {
        display: none
    }
}

.case-slider-pagination-image {
    width: 100%;
    height: 100%
}

.case-slider .swiper-wrapper {
    margin-bottom: 70px
}

@media (max-width: 575.98px) {
    .case-slider .swiper-wrapper {
        margin-bottom: 0
    }
}

.case-slider .landings-slider-nav {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2
}

@media (max-width: 1024.98px) {
    .case-slider .landings-slider-nav {
        top: 280px;
        right: 50%;
        transform: translate(50%)
    }
}

@media (max-width: 575.98px) {
    .case-slider .landings-slider-nav {
        top: 210px
    }
}

.case-slider.gray .landings-slider-prev,
.case-slider.gray .landings-slider-next {
    stroke: #95b3be
}

.case-slider.gray .landings-slider-prev:hover,
.case-slider.gray .landings-slider-prev:focus,
.case-slider.gray .landings-slider-next:hover,
.case-slider.gray .landings-slider-next:focus {
    stroke: #fff;
    background-color: #577e8f !important
}

@media (max-width: 1024.98px) {

    .case-slider.gray .landings-slider-prev:hover,
    .case-slider.gray .landings-slider-prev:focus,
    .case-slider.gray .landings-slider-next:hover,
    .case-slider.gray .landings-slider-next:focus {
        background-color: #95b3be
    }
}

@media (max-width: 1024.98px) {
    .case-slider.dark-blue .case-slider-top:before {
        background-color: #f5f9f9
    }
}

.case-slider.dark-blue .case-slider-top-text-block {
    background-color: #fff
}

@media (max-width: 1024.98px) {
    .case-slider.dark-blue .case-slider-top-text-block {
        background-color: #f5f9f9
    }
}

@media (max-width: 1024.98px) {
    .swiper-slide-active .case-slider-top-image-wrap:before {
        position: absolute;
        top: -2px;
        left: 0;
        width: 0;
        height: 2px;
        background-color: #ff6d70;
        content: "";
        animation: lineWidth 15s ease-in forwards
    }

    @keyframes lineWidth {
        0% {
            width: 0
        }

        to {
            width: 100%
        }
    }
}

.social-horizontal {
    list-style: none;
    display: flex;
    align-items: center;
    padding: 0;
    margin: 0
}

@media (max-width: 1024.98px) {
    .social-horizontal {
        justify-content: center
    }
}

.social-horizontal-item {
    margin-right: 6px
}

@media (max-width: 1024.98px) {
    .social-horizontal-item {
        margin-right: 14px
    }
}

.social-horizontal-item:last-child {
    margin-right: 0
}

.social-vertical {
    list-style: none;
    display: flex;
    flex-direction: column;
    padding: 0;
    margin: 0
}

.social-vertical:not(.no-sticky) {
    position: sticky;
    top: 96px;
    left: 0
}

@media (max-width: 1024.98px) {
    .social-vertical {
        flex-direction: row;
        position: relative;
        top: 0
    }
}

.social-vertical-item {
    margin-bottom: 6px;
    position: relative
}

.social-vertical-item:last-child {
    margin-bottom: 0
}

@media (max-width: 1024.98px) {
    .social-vertical-item {
        margin-bottom: 0
    }
}

@media (max-width: 575.98px) {
    .social-vertical-item.download {
        width: 100%
    }
}

@media (min-width: 1025px) {
    .hide-desktop {
        display: none !important;
    }
}

@media (max-width: 1024px) {
    .hide-mobile {
        display: none !important;
    }
}