/*!***************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/@angular-devkit/build-angular/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/@videogular/ngx-videogular/fonts/videogular.css?ngGlobalStyle ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************/
@font-face{font-family:videogular;src:url('videogular.3fd92bcf683e015f.eot?hj1wei');src:url('videogular.3fd92bcf683e015f.eot?hj1wei#iefix') format("embedded-opentype"),url('videogular.a2e9f11f226cda93.ttf?hj1wei') format("truetype"),url('videogular.ef07f01ce399477e.woff?hj1wei') format("woff"),url('videogular.b5fa324995460a3b.svg?hj1wei#videogular') format("svg");font-weight:400;font-style:normal}[class*=" vg-icon-"],[class^=vg-icon-]{font-family:videogular!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;display:flex;align-items:center;justify-content:center;width:50px;font-size:24px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.vg-icon-closed_caption:before{content:"\e006"}.vg-icon-pause:before{content:"\e018"}.vg-icon-play_arrow:before{content:"\e01b"}.vg-icon-repeat:before{content:"\e023"}.vg-icon-replay:before{content:"\e025"}.vg-icon-skip_next:before{content:"\e027"}.vg-icon-skip_previous:before{content:"\e028"}.vg-icon-stop:before{content:"\e02a"}.vg-icon-volume_down:before{content:"\e030"}.vg-icon-volume_mute:before{content:"\e031"}.vg-icon-volume_off:before{content:"\e032"}.vg-icon-volume_up:before{content:"\e033"}.vg-icon-hd:before{content:"\e035"}.vg-icon-forward_10:before{content:"\e038"}.vg-icon-forward_30:before{content:"\e039"}.vg-icon-replay_10:before{content:"\e03b"}.vg-icon-replay_30:before{content:"\e03c"}.vg-icon-fullscreen:before{content:"\e20c"}.vg-icon-fullscreen_exit:before{content:"\e20d"}vg-player video{width:100%;height:100%}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/@angular-devkit/build-angular/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/@angular/cdk/overlay-prebuilt.css?ngGlobalStyle ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************/
.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;display:flex;max-width:100%;max-height:100%;z-index:1000}.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;pointer-events:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);opacity:0;z-index:1000;transition:opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1)}.cdk-overlay-backdrop-showing{opacity:1}@media(forced-colors: active){.cdk-overlay-backdrop-showing{opacity:.6}}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing,.cdk-high-contrast-active .cdk-overlay-transparent-backdrop{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;display:flex;flex-direction:column;min-width:1px;min-height:1px;z-index:1000}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/@angular-devkit/build-angular/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/primeng/resources/primeng.min.css?ngGlobalStyle ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************/
.p-overflow-hidden{overflow:hidden;padding-right:var(--scrollbar-width)}@layer primeng{.p-component,.p-component *{box-sizing:border-box}.p-hidden{display:none}.p-hidden-space{visibility:hidden}.p-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.p-hidden-accessible input,.p-hidden-accessible select{transform:scale(0)}.p-reset{margin:0;padding:0;border:0;outline:0;text-decoration:none;font-size:100%;list-style:none}.p-disabled,.p-disabled *{cursor:default !important;pointer-events:none}.p-component-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.p-unselectable-text{-webkit-user-select:none;user-select:none}.p-scrollbar-measure{width:100px;height:100px;overflow:scroll;position:absolute;top:-9999px}@keyframes p-fadein{0%{opacity:0}100%{opacity:1}}input[type='button'],input[type='submit'],input[type='reset'],input[type='file']::-webkit-file-upload-button,button{border-radius:0}.p-link{text-align:left;background-color:transparent;margin:0;padding:0;border:0;cursor:pointer;-webkit-user-select:none;user-select:none}.p-link:disabled{cursor:default}.p-sr-only{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal !important}.p-connected-overlay{opacity:0;transform:scaleY(0.8);transition:transform .12s cubic-bezier(0,0,0.2,1),opacity .12s cubic-bezier(0,0,0.2,1)}.p-connected-overlay-visible{opacity:1;transform:scaleY(1)}.p-connected-overlay-hidden{opacity:0;transform:scaleY(1);transition:opacity .1s linear}.p-toggleable-content.ng-animating{overflow:hidden}.p-icon-wrapper{display:inline-flex}.p-icon{display:inline-block}.p-icon-spin{animation:p-icon-spin 2s infinite linear}}@keyframes p-icon-spin{0%{transform:rotate(0)}100%{transform:rotate(359deg)}}@layer primeng{.p-badge{display:inline-block;border-radius:10px;text-align:center;padding:0 .5rem}.p-overlay-badge{position:relative}.p-overlay-badge .p-badge{position:absolute;top:0;right:0;transform:translate(50%,-50%);transform-origin:100% 0;margin:0}.p-badge-dot{width:.5rem;min-width:.5rem;height:.5rem;border-radius:50%;padding:0}.p-badge-no-gutter{padding:0;border-radius:50%}}@layer primeng{.p-button{margin:0;display:inline-flex;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;vertical-align:bottom;text-align:center;overflow:hidden;position:relative}.p-button-label{flex:1 1 auto}.p-button-icon-right{order:1}.p-button:disabled{cursor:default;pointer-events:none}.p-button-icon-only{justify-content:center}.p-button-icon-only:after{content:'p';visibility:hidden;clip:rect(0 0 0 0);width:0}.p-button-vertical{flex-direction:column}.p-button-icon-bottom{order:2}.p-button-group .p-button{margin:0}.p-button-group .p-button:focus,.p-button-group p-button:focus .p-button,.p-buttonset .p-button:focus,.p-buttonset .p-button:focus,.p-buttonset p-button:focus .p-button,.p-buttonset .p-button:focus{position:relative;z-index:1}.p-button-group .p-button:not(:last-child),.p-button-group .p-button:not(:last-child):hover,.p-button-group p-button:not(:last-child) .p-button,.p-button-group p-button:not(:last-child) .p-button:hover,.p-buttonset .p-button:not(:last-child),.p-buttonset .p-button:not(:last-child):hover,.p-buttonset p-button:not(:last-child) .p-button,.p-buttonset p-button:not(:last-child) .p-button:hover{border-right:0 none}.p-button-group .p-button:not(:first-of-type):not(:last-of-type),.p-button-group p-button:not(:first-of-type):not(:last-of-type) .p-button,.p-buttonset .p-button:not(:first-of-type):not(:last-of-type),.p-buttonset p-button:not(:first-of-type):not(:last-of-type) .p-button{border-radius:0}.p-button-group .p-button:first-of-type:not(:only-of-type),.p-button-group p-button:first-of-type:not(:only-of-type) .p-button,.p-buttonset .p-button:first-of-type:not(:only-of-type),.p-buttonset p-button:first-of-type:not(:only-of-type) .p-button{border-top-right-radius:0;border-bottom-right-radius:0}.p-button-group .p-button:last-of-type:not(:only-of-type),.p-button-group p-button:last-of-type:not(:only-of-type) .p-button,.p-buttonset .p-button:last-of-type:not(:only-of-type),.p-buttonset p-button:last-of-type:not(:only-of-type) .p-button{border-top-left-radius:0;border-bottom-left-radius:0}p-button[iconpos='right'] spinnericon{order:1}}@layer primeng{.p-checkbox{display:inline-flex;cursor:pointer;-webkit-user-select:none;user-select:none;vertical-align:bottom;position:relative}.p-checkbox-disabled{cursor:default !important;pointer-events:none}.p-checkbox-box{display:flex;justify-content:center;align-items:center}p-checkbox{display:inline-flex;vertical-align:bottom;align-items:center}.p-checkbox-label{line-height:1}}.p-colorpicker-panel .p-colorpicker-color{background:transparent url('color.dae87a04d07ca92b.png') no-repeat left top}.p-colorpicker-panel .p-colorpicker-hue{background:transparent url('hue.8b1818380241e6ac.png') no-repeat left top}@layer primeng{.p-inputtext{margin:0}.p-fluid .p-inputtext{width:100%}.p-inputgroup{display:flex;align-items:stretch;width:100%}.p-inputgroup-addon{display:flex;align-items:center;justify-content:center}.p-inputgroup .p-float-label{display:flex;align-items:stretch;width:100%}.p-inputgroup .p-inputtext,.p-fluid .p-inputgroup .p-inputtext,.p-inputgroup .p-inputwrapper,.p-inputgroup .p-inputwrapper>.p-component{flex:1 1 auto;width:1%}.p-float-label{display:block;position:relative}.p-float-label label{position:absolute;pointer-events:none;top:50%;margin-top:-0.5rem;transition-property:all;transition-timing-function:ease;line-height:1}.p-float-label textarea ~ label{top:1rem}.p-float-label input:focus ~ label,.p-float-label input.p-filled ~ label,.p-float-label textarea:focus ~ label,.p-float-label textarea.p-filled ~ label,.p-float-label .p-inputwrapper-focus ~ label,.p-float-label .p-inputwrapper-filled ~ label{top:-0.75rem;font-size:12px}.p-float-label .input:-webkit-autofill ~ label{top:-20px;font-size:12px}.p-float-label .p-placeholder,.p-float-label input::placeholder,.p-float-label .p-inputtext::placeholder{opacity:0;transition-property:all;transition-timing-function:ease}.p-float-label .p-focus .p-placeholder,.p-float-label input:focus::placeholder,.p-float-label .p-inputtext:focus::placeholder{opacity:1;transition-property:all;transition-timing-function:ease}.p-input-icon-left,.p-input-icon-right{position:relative;display:inline-block}.p-input-icon-left>i,.p-input-icon-left>.p-icon-wrapper,.p-input-icon-right>i,.p-input-icon-right>.p-icon-wrapper{position:absolute;top:50%;margin-top:-0.5rem}.p-fluid .p-input-icon-left,.p-fluid .p-input-icon-right{display:block;width:100%}}@layer primeng{.p-inputtextarea-resizable{overflow:hidden;resize:none}.p-fluid .p-inputtextarea{width:100%}}@layer primeng{.p-password{position:relative;display:inline-flex}.p-password-panel{position:absolute;top:0;left:0}.p-password .p-password-panel{min-width:100%}.p-password-meter{height:10px}.p-password-strength{height:100%;width:0;transition:width 1s ease-in-out}.p-fluid .p-password{display:flex}.p-password-input::-ms-reveal,.p-password-input::-ms-clear{display:none}.p-password-clear-icon{position:absolute;top:50%;margin-top:-0.5rem;cursor:pointer}.p-password .p-icon{cursor:pointer}.p-password-clearable.p-password-mask .p-password-clear-icon{margin-top:unset}.p-password-clearable{position:relative}}@layer primeng{.p-radiobutton{display:inline-flex;cursor:pointer;-webkit-user-select:none;user-select:none;vertical-align:bottom;position:relative}.p-radiobutton-box{display:flex;justify-content:center;align-items:center}.p-radiobutton-icon{backface-visibility:hidden;transform:translateZ(0) scale(0.1);border-radius:50%;visibility:hidden}.p-radiobutton-box.p-highlight .p-radiobutton-icon{transform:translateZ(0) scale(1,1);visibility:visible}p-radiobutton{display:inline-flex;vertical-align:bottom;align-items:center}.p-radiobutton-label{line-height:1}}@layer primeng{.p-ripple{overflow:hidden;position:relative}.p-ink{display:block;position:absolute;background:rgba(255,255,255,0.5);border-radius:100%;transform:scale(0)}.p-ink-active{animation:ripple .4s linear}.p-ripple-disabled .p-ink{display:none !important}}@keyframes ripple{100%{opacity:0;transform:scale(2.5)}}@layer primeng{.p-tooltip{position:absolute;display:none;padding:.25em .5rem;max-width:12.5rem;pointer-events:none}.p-tooltip.p-tooltip-right,.p-tooltip.p-tooltip-left{padding:0 .25rem}.p-tooltip.p-tooltip-top,.p-tooltip.p-tooltip-bottom{padding:.25em 0}.p-tooltip .p-tooltip-text{white-space:pre-line;word-break:break-word}.p-tooltip-arrow{scale:2;position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.p-tooltip-right .p-tooltip-arrow{top:50%;left:0;margin-top:-0.25rem;border-width:.25em .25em .25em 0}.p-tooltip-left .p-tooltip-arrow{top:50%;right:0;margin-top:-0.25rem;border-width:.25em 0 .25em .25rem}.p-tooltip.p-tooltip-top{padding:.25em 0}.p-tooltip-top .p-tooltip-arrow{bottom:0;left:50%;margin-left:-0.25rem;border-width:.25em .25em 0}.p-tooltip-bottom .p-tooltip-arrow{top:0;left:50%;margin-left:-0.25rem;border-width:0 .25em .25rem}}
/*!*********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/@angular-devkit/build-angular/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/assets/styles/mat-theme-color-tokens.css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************/
/* These tokens are generated using https://themes.angular-material.dev/ */
/* Preview: https://themes.angular-material.dev/?background=%23828a9d&error=%23ff9c87&inverse-on-surface=%238790a9&inverse-primary=%23121f3f&on-background=%23e4e2e3&on-primary=%23121f3f&on-primary-fixed=%23828a9d&on-secondary=%23283040&on-secondary-container=%23e2e2e2&on-secondary-fixed=%23565F76&on-tertiary=%23e2e2e2&on-tertiary-container=%23ffdad3&outline=%23828ba4&primary=%23f0f1f1&primary-container=%231F2A49&primary-fixed=%23e2e2e2&scrim=%23565F76&secondary=%23f0f1f1&secondary-container=%231F2A49&secondary-fixed=%23dbe2f7&secondary-fixed-dim=%23bfc6db&seed-error=%23F55D3E&seed-neutral=%23828a9d&seed-neutral-variant=%23828a9d&seed-primary=%23ffffff&seed-secondary=%23828a9d&seed-tertiary=%23F55D3E&shadow=%230000001c&surface=%23404A64&surface-bright=%23232e48&surface-container=%2337425D&surface-container-high=%23565F76&surface-container-highest=%23565F76&surface-container-low=%2337425D&surface-container-lowest=%23121f3f&surface-dim=%2337425D&surface-tint=%2332bfc4&surface-variant=%2337425D&tertiary=%231E4B6E&tertiary-container=%23404A64&tertiary-fixed-dim=%23ffb4a4 */
/* Seed Colors: primary: #ffffff, secondary: #828a9d, tertiary: #F55D3E, error: #F55D3E, neutral: #828a9d, neutral-variant: #828a9d */
/* Modified System Colors: background: #828a9d, on-background: #e4e2e3, surface-dim: #37425D, surface: #404A64, surface-bright: #232e48, surface-container-lowest: #121f3f, surface-container-low: #37425D, surface-variant: #37425D, on-primary-fixed: #828a9d, surface-container: #37425D, on-primary: #121f3f, primary-container: #1F2A49, primary: #f0f1f1, inverse-primary: #121f3f, secondary-container: #1F2A49, on-secondary: #283040, on-secondary-fixed: #565F76, scrim: #565F76, inverse-on-surface: #8790a9, surface-container-high: #565F76, tertiary: #1E4B6E, shadow: #0000001c, on-secondary-container: #e2e2e2, secondary: #f0f1f1, tertiary-container: #404A64, on-tertiary: #e2e2e2, primary-fixed: #e2e2e2, error: #ff9c87, outline: #828ba4, on-tertiary-container: #ffdad3, surface-container-highest: #565F76, secondary-fixed: #dbe2f7, secondary-fixed-dim: #bfc6db, surface-tint: #32bfc4, tertiary-fixed-dim: #ffb4a4 */

/* Light Theme */
:root, :host {
    --sys-primary: #f0f1f1;
    --sys-on-primary: #121f3f;
    --sys-primary-container: #1F2A49;
    --sys-on-primary-container: #1a1c1c;
    --sys-inverse-primary: #121f3f;
    --sys-primary-fixed: #e2e2e2;
    --sys-primary-fixed-dim: #c6c6c7;
    --sys-on-primary-fixed: #828a9d;
    --sys-on-primary-fixed-variant: #454747;
    --sys-secondary: #f0f1f1;
    --sys-on-secondary: #283040;
    --sys-secondary-container: #1F2A49;
    --sys-on-secondary-container: #e2e2e2;
    --sys-secondary-fixed: #dbe2f7;
    --sys-secondary-fixed-dim: #bfc6db;
    --sys-on-secondary-fixed: #565F76;
    --sys-on-secondary-fixed-variant: #3f4758;
    --sys-tertiary: #1E4B6E;
    --sys-on-tertiary: #e2e2e2;
    --sys-tertiary-container: #404A64;
    --sys-on-tertiary-container: #ffdad3;
    --sys-tertiary-fixed: #ffdad3;
    --sys-tertiary-fixed-dim: #ffb4a4;
    --sys-on-tertiary-fixed: #3e0500;
    --sys-on-tertiary-fixed-variant: #8d1600;
    --sys-background: #828a9d;
    --sys-on-background: #e4e2e3;
    --sys-surface: #404A64;
    --sys-surface-dim: #37425D;
    --sys-surface-bright: #232e48;
    --sys-surface-container-lowest: #121f3f;
    --sys-surface-container-low: #37425D;
    --sys-surface-container: #37425D;
    --sys-surface-container-high: #565F76;
    --sys-surface-container-highest: #565F76;
    --sys-on-surface: #1b1b1d;
    --sys-shadow: #0000001c;
    --sys-scrim: #565F76;
    --sys-surface-tint: #32bfc4;
    --sys-inverse-surface: #303031;
    --sys-inverse-on-surface: #8790a9;
    --sys-outline: #828ba4;
    --sys-outline-variant: #c6c6cd;
    --sys-neutral: #787778;
    --sys-neutral10: #1b1b1d;
    --sys-error: #ff9c87;
    --sys-error-container: #ffdad6;
    --sys-on-error: #ffffff;
    --sys-on-error-container: #410002;
    --sys-surface-variant: #37425D;
    --sys-on-surface-variant: #45474c;
    --sys-neutral-variant: #76777d;
    --sys-neutral-variant20: #2e3035;
    --sys-inverse-secondary: #bfc6db;
    --sys-inverse-tertiary: #ffb4a4;
}

/* Dark Theme */
.dark {
    --sys-primary: #f0f1f1;
    --sys-on-primary: #121f3f;
    --sys-primary-container: #1F2A49;
    --sys-on-primary-container: #e2e2e2;
    --sys-inverse-primary: #121f3f;
    --sys-primary-fixed: #e2e2e2;
    --sys-primary-fixed-dim: #c6c6c7;
    --sys-on-primary-fixed: #828a9d;
    --sys-on-primary-fixed-variant: #454747;
    --sys-secondary: #f0f1f1;
    --sys-on-secondary: #283040;
    --sys-secondary-container: #1F2A49;
    --sys-on-secondary-container: #e2e2e2;
    --sys-secondary-fixed: #dbe2f7;
    --sys-secondary-fixed-dim: #bfc6db;
    --sys-on-secondary-fixed: #565F76;
    --sys-on-secondary-fixed-variant: #3f4758;
    --sys-tertiary: #1E4B6E;
    --sys-on-tertiary: #e2e2e2;
    --sys-tertiary-container: #404A64;
    --sys-on-tertiary-container: #ffdad3;
    --sys-tertiary-fixed: #ffdad3;
    --sys-tertiary-fixed-dim: #ffb4a4;
    --sys-on-tertiary-fixed: #3e0500;
    --sys-on-tertiary-fixed-variant: #8d1600;
    --sys-background: #828a9d;
    --sys-on-background: #e4e2e3;
    --sys-surface: #404A64;
    --sys-surface-dim: #37425D;
    --sys-surface-bright: #232e48;
    --sys-surface-container-lowest: #121f3f;
    --sys-surface-container-low: #37425D;
    --sys-surface-container: #37425D;
    --sys-surface-container-high: #565F76;
    --sys-surface-container-highest: #565F76;
    --sys-on-surface: #e4e2e3;
    --sys-shadow: #0000001c;
    --sys-scrim: #565F76;
    --sys-surface-tint: #32bfc4;
    --sys-inverse-surface: #e4e2e3;
    --sys-inverse-on-surface: #8790a9;
    --sys-outline: #828ba4;
    --sys-outline-variant: #45474c;
    --sys-neutral: #787778;
    --sys-neutral10: #1b1b1d;
    --sys-error: #ff9c87;
    --sys-error-container: #93000a;
    --sys-on-error: #690005;
    --sys-on-error-container: #ffdad6;
    --sys-surface-variant: #37425D;
    --sys-on-surface-variant: #c6c6cd;
    --sys-neutral-variant: #76777d;
    --sys-neutral-variant20: #2e3035;
    --sys-inverse-secondary: #565e70;
    --sys-inverse-tertiary: #b12d12;
}

/* These tokens are generated using https://themes.angular-material.dev/ */
/* Preview: https://themes.angular-material.dev/?background=%23828a9d&error=%23ff9c87&inverse-on-surface=%238790a9&inverse-primary=%23121f3f&on-background=%23e4e2e3&on-primary=%23121f3f&on-primary-fixed=%23828a9d&on-secondary=%23283040&on-secondary-container=%23e2e2e2&on-secondary-fixed=%23565F76&on-tertiary=%23e2e2e2&on-tertiary-container=%23ffdad3&outline=%23828ba4&primary=%23f0f1f1&primary-container=%231F2A49&primary-fixed=%23e2e2e2&scrim=%23565F76&secondary=%23f0f1f1&secondary-container=%231F2A49&secondary-fixed=%23dbe2f7&secondary-fixed-dim=%23bfc6db&seed-error=%23F55D3E&seed-neutral=%23828a9d&seed-neutral-variant=%23828a9d&seed-primary=%23ffffff&seed-secondary=%23828a9d&seed-tertiary=%23F55D3E&shadow=%230000001c&surface=%23404A64&surface-bright=%23232e48&surface-container=%2337425D&surface-container-high=%23565F76&surface-container-highest=%23565F76&surface-container-low=%2337425D&surface-container-lowest=%23121f3f&surface-dim=%2337425D&surface-tint=%2332bfc4&surface-variant=%2337425D&tertiary=%231E4B6E&tertiary-container=%23404A64&tertiary-fixed-dim=%23ffb4a4 */
/* Seed Colors: primary: #ffffff, secondary: #828a9d, tertiary: #F55D3E, error: #F55D3E, neutral: #828a9d, neutral-variant: #828a9d */
/* Modified System Colors: background: #828a9d, error: #ff9c87, inverse-on-surface: #8790a9, inverse-primary: #121f3f, on-background: #e4e2e3, on-primary: #121f3f, on-primary-fixed: #828a9d, on-secondary: #283040, on-secondary-container: #e2e2e2, on-secondary-fixed: #565F76, on-tertiary: #e2e2e2, on-tertiary-container: #ffdad3, outline: #828ba4, primary: #f0f1f1, primary-container: #1F2A49, primary-fixed: #e2e2e2, scrim: #565F76, secondary: #f0f1f1, secondary-container: #1F2A49, secondary-fixed: #dbe2f7, secondary-fixed-dim: #bfc6db, shadow: #0000001c, surface: #404A64, surface-bright: #232e48, surface-container: #37425D, surface-container-high: #565F76, surface-container-highest: #565F76, surface-container-low: #37425D, surface-container-lowest: #121f3f, surface-dim: #37425D, surface-tint: #32bfc4, surface-variant: #37425D, tertiary: #1E4B6E, tertiary-container: #404A64, tertiary-fixed-dim: #ffb4a4 */

/* Light Theme */
:root, :host {
    --mat-select-panel-background-color: #1F2A49;
    --mdc-filled-button-label-text-color: #121f3f;
    --mat-sys-primary: #f0f1f1;
    --mat-sys-on-primary: #121f3f;
    --mat-sys-primary-container: #1F2A49;
    --mat-sys-on-primary-container: #1a1c1c;
    --mat-sys-inverse-primary: #121f3f;
    --mat-sys-primary-fixed: #e2e2e2;
    --mat-sys-primary-fixed-dim: #c6c6c7;
    --mat-sys-on-primary-fixed: #828a9d;
    --mat-sys-on-primary-fixed-variant: #454747;
    --mat-sys-secondary: #f0f1f1;
    --mat-sys-on-secondary: #283040;
    --mat-sys-secondary-container: #1F2A49;
    --mat-sys-on-secondary-container: #e2e2e2;
    --mat-sys-secondary-fixed: #dbe2f7;
    --mat-sys-secondary-fixed-dim: #bfc6db;
    --mat-sys-on-secondary-fixed: #565F76;
    --mat-sys-on-secondary-fixed-variant: #3f4758;
    --mat-sys-tertiary: #1E4B6E;
    --mat-sys-on-tertiary: #e2e2e2;
    --mat-sys-tertiary-container: #404A64;
    --mat-sys-on-tertiary-container: #ffdad3;
    --mat-sys-tertiary-fixed: #ffdad3;
    --mat-sys-tertiary-fixed-dim: #ffb4a4;
    --mat-sys-on-tertiary-fixed: #3e0500;
    --mat-sys-on-tertiary-fixed-variant: #8d1600;
    --mat-sys-background: #828a9d;
    --mat-sys-on-background: #e4e2e3;
    --mat-sys-surface: #404A64;
    --mat-sys-surface-dim: #37425D;
    --mat-sys-surface-bright: #232e48;
    --mat-sys-surface-container-lowest: #121f3f;
    --mat-sys-surface-container-low: #37425D;
    --mat-sys-surface-container: #37425D;
    --mat-sys-surface-container-high: #565F76;
    --mat-sys-surface-container-highest: #565F76;
    --mat-sys-on-surface: #1b1b1d;
    --mat-sys-shadow: #0000001c;
    --mat-sys-scrim: #565F76;
    --mat-sys-surface-tint: #32bfc4;
    --mat-sys-inverse-surface: #303031;
    --mat-sys-inverse-on-surface: #8790a9;
    --mat-sys-outline: #828ba4;
    --mat-sys-outline-variant: #c6c6cd;
    --mat-sys-neutral: #787778;
    --mat-sys-neutral10: #1b1b1d;
    --mat-sys-error: #ff9c87;
    --mat-sys-error-container: #ffdad6;
    --mat-sys-on-error: #ffffff;
    --mat-sys-on-error-container: #410002;
    --mat-sys-surface-variant: #37425D;
    --mat-sys-on-surface-variant: #45474c;
    --mat-sys-neutral-variant: #76777d;
    --mat-sys-neutral-variant20: #2e3035;
    --mat-sys-inverse-secondary: #bfc6db;
    --mat-sys-inverse-tertiary: #ffb4a4;
}


/*!****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/@angular-devkit/build-angular/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/assets/styles/visjs.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************/
.vis-background,.vis-labelset,.vis-timeline{overflow:hidden}.vis .overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10}.vis-active{box-shadow:0 0 10px #86d5f8}.vis [class*=span]{min-height:0;width:auto}div.vis-configuration{position:relative;display:block;float:left;font-size:12px}div.vis-configuration-wrapper{display:block;width:700px}div.vis-configuration-wrapper::after{clear:both;content:"";display:block}div.vis-configuration.vis-config-option-container{display:block;width:495px;background-color:#fff;border:2px solid #f7f8fa;border-radius:4px;margin-top:20px;left:10px;padding-left:5px}div.vis-configuration.vis-config-button{display:block;width:495px;height:25px;vertical-align:middle;line-height:25px;background-color:#f7f8fa;border:2px solid #ceced0;border-radius:4px;margin-top:20px;left:10px;padding-left:5px;cursor:pointer;margin-bottom:30px}div.vis-configuration.vis-config-button.hover{background-color:#4588e6;border:2px solid #214373;color:#fff}div.vis-configuration.vis-config-item{display:block;float:left;width:495px;height:25px;vertical-align:middle;line-height:25px}div.vis-configuration.vis-config-item.vis-config-s2{left:10px;background-color:#f7f8fa;padding-left:5px;border-radius:3px}div.vis-configuration.vis-config-item.vis-config-s3{left:20px;background-color:#e4e9f0;padding-left:5px;border-radius:3px}div.vis-configuration.vis-config-item.vis-config-s4{left:30px;background-color:#cfd8e6;padding-left:5px;border-radius:3px}div.vis-configuration.vis-config-header{font-size:18px;font-weight:700}div.vis-configuration.vis-config-label{width:120px;height:25px;line-height:25px}div.vis-configuration.vis-config-label.vis-config-s3{width:110px}div.vis-configuration.vis-config-label.vis-config-s4{width:100px}div.vis-configuration.vis-config-colorBlock{top:1px;width:30px;height:19px;border:1px solid #444;border-radius:2px;padding:0;margin:0;cursor:pointer}input.vis-configuration.vis-config-checkbox{left:-5px}input.vis-configuration.vis-config-rangeinput{position:relative;top:-5px;width:60px;padding:1px;margin:0;pointer-events:none}.vis-panel,.vis-timeline{padding:0;box-sizing:border-box}input.vis-configuration.vis-config-range{-webkit-appearance:none;border:0 solid #fff;background-color:rgba(0,0,0,0);width:300px;height:20px}input.vis-configuration.vis-config-range::-webkit-slider-runnable-track{width:300px;height:5px;background:#dedede;background:linear-gradient(to bottom,#dedede 0,#c8c8c8 99%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#dedede', endColorstr='#c8c8c8', GradientType=0 );border:1px solid #999;box-shadow:#aaa 0 0 3px 0;border-radius:3px}input.vis-configuration.vis-config-range::-webkit-slider-thumb{-webkit-appearance:none;border:1px solid #14334b;height:17px;width:17px;border-radius:50%;background:#3876c2;background:linear-gradient(to bottom,#3876c2 0,#385380 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#3876c2', endColorstr='#385380', GradientType=0 );box-shadow:#111927 0 0 1px 0;margin-top:-7px}input.vis-configuration.vis-config-range:focus{outline:0}input.vis-configuration.vis-config-range:focus::-webkit-slider-runnable-track{background:#9d9d9d;background:linear-gradient(to bottom,#9d9d9d 0,#c8c8c8 99%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#9d9d9d', endColorstr='#c8c8c8', GradientType=0 )}input.vis-configuration.vis-config-range::-moz-range-track{width:300px;height:10px;background:#dedede;background:linear-gradient(to bottom,#dedede 0,#c8c8c8 99%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#dedede', endColorstr='#c8c8c8', GradientType=0 );border:1px solid #999;box-shadow:#aaa 0 0 3px 0;border-radius:3px}input.vis-configuration.vis-config-range::-moz-range-thumb{border:none;height:16px;width:16px;border-radius:50%;background:#385380}input.vis-configuration.vis-config-range:-moz-focusring{outline:#fff solid 1px;outline-offset:-1px}input.vis-configuration.vis-config-range::-ms-track{width:300px;height:5px;background:0 0;border-color:transparent;border-width:6px 0;color:transparent}input.vis-configuration.vis-config-range::-ms-fill-lower{background:#777;border-radius:10px}input.vis-configuration.vis-config-range::-ms-fill-upper{background:#ddd;border-radius:10px}input.vis-configuration.vis-config-range::-ms-thumb{border:none;height:16px;width:16px;border-radius:50%;background:#385380}input.vis-configuration.vis-config-range:focus::-ms-fill-lower{background:#888}input.vis-configuration.vis-config-range:focus::-ms-fill-upper{background:#ccc}.vis-configuration-popup{position:absolute;background:rgba(57,76,89,.85);border:2px solid #f2faff;line-height:30px;height:30px;width:150px;text-align:center;color:#fff;font-size:14px;border-radius:4px;transition:opacity .3s ease-in-out}.vis-configuration-popup:after,.vis-configuration-popup:before{left:100%;top:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}.vis-configuration-popup:after{border-color:rgba(136,183,213,0);border-left-color:rgba(57,76,89,.85);border-width:8px;margin-top:-8px}.vis-configuration-popup:before{border-color:rgba(194,225,245,0);border-left-color:#f2faff;border-width:12px;margin-top:-12px}.vis-timeline{position:relative;border:1px solid #bfbfbf;margin:0}.vis-panel{position:absolute;margin:0}.vis-panel.vis-bottom,.vis-panel.vis-center,.vis-panel.vis-left,.vis-panel.vis-right,.vis-panel.vis-top{border:1px #bfbfbf}.vis-panel.vis-center,.vis-panel.vis-left,.vis-panel.vis-right{border-top-style:solid;border-bottom-style:solid;overflow:hidden}.vis-panel.vis-bottom,.vis-panel.vis-center,.vis-panel.vis-top{border-left-style:solid;border-right-style:solid}.vis-panel>.vis-content{position:relative}.vis-panel .vis-shadow{position:absolute;width:100%;height:1px;box-shadow:0 0 10px rgba(0,0,0,.8)}.vis-itemset,.vis-labelset,.vis-labelset .vis-label{position:relative;box-sizing:border-box}.vis-panel .vis-shadow.vis-top{top:-1px;left:0}.vis-panel .vis-shadow.vis-bottom{bottom:-1px;left:0}.vis-labelset .vis-label{left:0;top:0;width:100%;color:#4d4d4d;border-bottom:1px solid #bfbfbf}.vis-labelset .vis-label.draggable{cursor:pointer}.vis-labelset .vis-label:last-child{border-bottom:none}.vis-labelset .vis-label .vis-inner{display:inline-block;padding:5px}.vis-labelset .vis-label .vis-inner.vis-hidden{padding:0}.vis-itemset{padding:0;margin:0}.vis-itemset .vis-background,.vis-itemset .vis-foreground{position:absolute;width:100%;height:100%;overflow:visible}.vis-axis{position:absolute;width:100%;height:0;left:0;z-index:1}.vis-foreground .vis-group{position:relative;box-sizing:border-box;border-bottom:1px solid #bfbfbf}.vis-foreground .vis-group:last-child{border-bottom:none}.vis-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10}.vis-item{position:absolute;color:#1A1A1A;border-color:#97B0F8;border-width:1px;background-color:#D5DDF6;display:inline-block}.vis-item.vis-point.vis-selected,.vis-item.vis-selected{background-color:#FFF785}.vis-item.vis-selected{border-color:#FFC200;z-index:2}.vis-editable.vis-selected{cursor:move}.vis-item.vis-box{text-align:center;border-style:solid;border-radius:2px}.vis-item.vis-point{background:0 0}.vis-item.vis-dot{position:absolute;padding:0;border-width:4px;border-style:solid;border-radius:4px}.vis-item.vis-range{border-style:solid;border-radius:2px;box-sizing:border-box}.vis-item.vis-background{border:none;background-color:rgba(213,221,246,.4);box-sizing:border-box;padding:0;margin:0}.vis-item .vis-item-overflow{position:relative;width:100%;height:100%;padding:0;margin:0;overflow:hidden}.vis-item .vis-delete,.vis-item .vis-delete-rtl{background: blue) center no-repeat;height:24px;top:-4px;cursor:pointer}.vis-item.vis-range .vis-item-content{position:relative;display:inline-block}.vis-item.vis-background .vis-item-content{position:absolute;display:inline-block}.vis-item.vis-line{padding:0;position:absolute;width:0;border-left-width:1px;border-left-style:solid}.vis-item .vis-item-content{white-space:nowrap;box-sizing:border-box;padding:5px}.vis-item .vis-delete{position:absolute;width:24px;right:-24px}.vis-item .vis-delete-rtl{position:absolute;width:24px;left:-24px}.vis-item.vis-range .vis-drag-left{position:absolute;width:24px;max-width:20%;min-width:2px;height:100%;top:0;left:-4px;cursor:w-resize}.vis-item.vis-range .vis-drag-right{position:absolute;width:24px;max-width:20%;min-width:2px;height:100%;top:0;right:-4px;cursor:e-resize}.vis-range.vis-item.vis-readonly .vis-drag-left,.vis-range.vis-item.vis-readonly .vis-drag-right{cursor:auto}.vis-time-axis{position:relative;overflow:hidden}.vis-time-axis.vis-foreground{top:0;left:0;width:100%}.vis-time-axis.vis-background{position:absolute;top:0;left:0;width:100%;height:100%}.vis-time-axis .vis-text{position:absolute;color:#4d4d4d;padding:3px;overflow:hidden;box-sizing:border-box;white-space:nowrap}.vis-time-axis .vis-text.vis-measure{position:absolute;padding-left:0;padding-right:0;margin-left:0;margin-right:0;visibility:hidden}.vis-time-axis .vis-grid.vis-vertical{position:absolute;border-left:1px solid}.vis-time-axis .vis-grid.vis-vertical-rtl{position:absolute;border-right:1px solid}.vis-time-axis .vis-grid.vis-minor{border-color:#e5e5e5}.vis-time-axis .vis-grid.vis-major{border-color:#bfbfbf}.vis-current-time{background-color:#FF7F6E;width:2px;z-index:1}.vis-custom-time{background-color:#6E94FF;width:2px;cursor:move;z-index:1}div.vis-network div.vis-close,div.vis-network div.vis-edit-mode div.vis-button,div.vis-network div.vis-manipulation div.vis-button{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-touch-callout:none;-khtml-user-select:none}.vis-panel.vis-background.vis-horizontal .vis-grid.vis-horizontal{position:absolute;width:100%;height:0;border-bottom:1px solid}.vis-panel.vis-background.vis-horizontal .vis-grid.vis-minor{border-color:#e5e5e5}.vis-panel.vis-background.vis-horizontal .vis-grid.vis-major{border-color:#bfbfbf}.vis-data-axis .vis-y-axis.vis-major{width:100%;position:absolute;color:#4d4d4d;white-space:nowrap}.vis-data-axis .vis-y-axis.vis-major.vis-measure{padding:0;margin:0;border:0;visibility:hidden;width:auto}.vis-data-axis .vis-y-axis.vis-minor{position:absolute;width:100%;color:#bebebe;white-space:nowrap}.vis-data-axis .vis-y-axis.vis-minor.vis-measure{padding:0;margin:0;border:0;visibility:hidden;width:auto}.vis-data-axis .vis-y-axis.vis-title{position:absolute;color:#4d4d4d;white-space:nowrap;bottom:20px;text-align:center}.vis-data-axis .vis-y-axis.vis-title.vis-measure{padding:0;margin:0;visibility:hidden;width:auto}.vis-data-axis .vis-y-axis.vis-title.vis-left{bottom:0;transform-origin:left bottom;transform:rotate(-90deg)}.vis-data-axis .vis-y-axis.vis-title.vis-right{bottom:0;transform-origin:right bottom;transform:rotate(90deg)}.vis-legend{background-color:rgba(247,252,255,.65);padding:5px;border:1px solid #b3b3b3;box-shadow:2px 2px 10px rgba(154,154,154,.55)}.vis-legend-text{white-space:nowrap;display:inline-block}.vis-graph-group0{fill:#4f81bd;fill-opacity:0;stroke-width:2px;stroke:#4f81bd}.vis-graph-group1{fill:#f79646;fill-opacity:0;stroke-width:2px;stroke:#f79646}.vis-graph-group2{fill:#8c51cf;fill-opacity:0;stroke-width:2px;stroke:#8c51cf}.vis-graph-group3{fill:#75c841;fill-opacity:0;stroke-width:2px;stroke:#75c841}.vis-graph-group4{fill:#ff0100;fill-opacity:0;stroke-width:2px;stroke:#ff0100}.vis-graph-group5{fill:#37d8e6;fill-opacity:0;stroke-width:2px;stroke:#37d8e6}.vis-graph-group6{fill:#042662;fill-opacity:0;stroke-width:2px;stroke:#042662}.vis-graph-group7{fill:#00ff26;fill-opacity:0;stroke-width:2px;stroke:#00ff26}.vis-graph-group8{fill:#f0f;fill-opacity:0;stroke-width:2px;stroke:#f0f}.vis-graph-group9{fill:#8f3938;fill-opacity:0;stroke-width:2px;stroke:#8f3938}.vis-timeline .vis-fill{fill-opacity:.1;stroke:none}.vis-timeline .vis-bar{fill-opacity:.5;stroke-width:1px}.vis-timeline .vis-point{stroke-width:2px;fill-opacity:1}.vis-timeline .vis-legend-background{stroke-width:1px;fill-opacity:.9;fill:#fff;stroke:#c2c2c2}.vis-timeline .vis-outline{stroke-width:1px;fill-opacity:1;fill:#fff;stroke:#e5e5e5}.vis-timeline .vis-icon-fill{fill-opacity:.3;stroke:none}div.vis-network div.vis-manipulation{border-width:0;border-bottom:1px;border-style:solid;border-color:#d6d9d8;background:#fff;background:linear-gradient(to bottom,#fff 0,#fcfcfc 48%,#fafafa 50%,#fcfcfc 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fcfcfc', GradientType=0 );padding-top:4px;position:absolute;left:0;top:0;width:100%;height:28px}div.vis-network div.vis-edit-mode{position:absolute;left:0;top:5px;height:30px}div.vis-network div.vis-close{position:absolute;right:0;top:0;width:30px;height:30px;background-position:20px 3px;background-repeat:no-repeat;background:blue;-webkit-user-select:none;user-select:none}div.vis-network div.vis-close:hover{opacity:.6}div.vis-network div.vis-edit-mode div.vis-button,div.vis-network div.vis-manipulation div.vis-button{float:left;font-family:verdana;font-size:12px;border-radius:15px;display:inline-block;background-position:0 0;background-repeat:no-repeat;height:24px;margin-left:10px;padding:0 8px;-webkit-user-select:none;user-select:none}div.vis-network div.vis-manipulation div.vis-button:hover{box-shadow:1px 1px 8px rgba(0,0,0,.2)}div.vis-network div.vis-manipulation div.vis-button:active{box-shadow:1px 1px 8px rgba(0,0,0,.5)}div.vis-network div.vis-manipulation div.vis-button.vis-back{background:blue}div.vis-network div.vis-manipulation div.vis-button.vis-none:hover{box-shadow:1px 1px 8px transparent;cursor:default}div.vis-network div.vis-manipulation div.vis-button.vis-none:active{box-shadow:1px 1px 8px transparent}div.vis-network div.vis-manipulation div.vis-button.vis-none{padding:0}div.vis-network div.vis-manipulation div.notification{margin:2px;font-weight:700}div.vis-network div.vis-manipulation div.vis-button.vis-add{background:blue}div.vis-network div.vis-edit-mode div.vis-button.vis-edit,div.vis-network div.vis-manipulation div.vis-button.vis-edit{background:blue}div.vis-network div.vis-edit-mode div.vis-button.vis-edit.vis-edit-mode{background-color:#fcfcfc;border:1px solid #ccc}div.vis-network div.vis-manipulation div.vis-button.vis-connect{background:blue}div.vis-network div.vis-manipulation div.vis-button.vis-delete{background:blue}div.vis-network div.vis-edit-mode div.vis-label,div.vis-network div.vis-manipulation div.vis-label{margin:0 0 0 23px;line-height:25px}div.vis-network div.vis-manipulation div.vis-separator-line{float:left;display:inline-block;width:1px;height:21px;background-color:#bdbdbd;margin:0 7px 0 15px}div.vis-network-tooltip{position:absolute;visibility:hidden;padding:5px;white-space:nowrap;font-family:verdana;font-size:14px;color:#000;background-color:#f5f4ed;border-radius:3px;border:1px solid #808074;box-shadow:3px 3px 10px rgba(0,0,0,.2);pointer-events:none}div.vis-network div.vis-navigation div.vis-button{width:34px;height:34px;border-radius:17px;position:absolute;display:inline-block;background-position:2px 2px;background-repeat:no-repeat;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}div.vis-network div.vis-navigation div.vis-button:hover{box-shadow:0 0 3px 3px rgba(56,207,21,.3)}div.vis-network div.vis-navigation div.vis-button:active{box-shadow:0 0 1px 3px rgba(56,207,21,.95)}div.vis-network div.vis-navigation div.vis-button.vis-up{background:blue;bottom:50px;left:55px}div.vis-network div.vis-navigation div.vis-button.vis-down{background:blue;bottom:10px;left:55px}div.vis-network div.vis-navigation div.vis-button.vis-left{background:blue);bottom:10px;left:15px}div.vis-network div.vis-navigation div.vis-button.vis-right{background:blue;bottom:10px;left:95px}div.vis-network div.vis-navigation div.vis-button.vis-zoomIn{background:blue;bottom:10px;right:15px}div.vis-network div.vis-navigation div.vis-button.vis-zoomOut{background:blue;bottom:10px;right:55px}div.vis-network div.vis-navigation div.vis-button.vis-zoomExtends{background:blue;bottom:50px;right:15px}div.vis-color-picker{position:absolute;top:0;left:30px;margin-top:-140px;margin-left:30px;width:310px;height:444px;z-index:1;padding:10px;border-radius:15px;background-color:#fff;display:none;box-shadow:rgba(0,0,0,.5) 0 0 10px 0}div.vis-color-picker div.vis-arrow{position:absolute;top:147px;left:5px}div.vis-color-picker div.vis-arrow::after,div.vis-color-picker div.vis-arrow::before{right:100%;top:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}div.vis-color-picker div.vis-arrow:after{border-color:rgba(255,255,255,0);border-right-color:#fff;border-width:30px;margin-top:-30px}div.vis-color-picker div.vis-color{position:absolute;width:289px;height:289px;cursor:pointer}div.vis-color-picker div.vis-brightness{position:absolute;top:313px}div.vis-color-picker div.vis-opacity{position:absolute;top:350px}div.vis-color-picker div.vis-selector{position:absolute;top:137px;left:137px;width:15px;height:15px;border-radius:15px;border:1px solid #fff;background:#4c4c4c;background:linear-gradient(to bottom,#4c4c4c 0,#595959 12%,#666 25%,#474747 39%,#2c2c2c 50%,#000 51%,#111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313', GradientType=0 )}div.vis-color-picker div.vis-initial-color,div.vis-color-picker div.vis-new-color{width:140px;height:20px;top:380px;font-size:10px;color:rgba(0,0,0,.4);line-height:20px;position:absolute;vertical-align:middle}div.vis-color-picker div.vis-new-color{border:1px solid rgba(0,0,0,.1);border-radius:5px;left:159px;text-align:right;padding-right:2px}div.vis-color-picker div.vis-initial-color{border:1px solid rgba(0,0,0,.1);border-radius:5px;left:10px;text-align:left;padding-left:2px}div.vis-color-picker div.vis-label{position:absolute;width:300px;left:10px}div.vis-color-picker div.vis-label.vis-brightness{top:300px}div.vis-color-picker div.vis-label.vis-opacity{top:338px}div.vis-color-picker div.vis-button{position:absolute;width:68px;height:25px;border-radius:10px;vertical-align:middle;text-align:center;line-height:25px;top:410px;border:2px solid #d9d9d9;background-color:#f7f7f7;cursor:pointer}div.vis-color-picker div.vis-button.vis-cancel{left:5px}div.vis-color-picker div.vis-button.vis-load{left:82px}div.vis-color-picker div.vis-button.vis-apply{left:159px}div.vis-color-picker div.vis-button.vis-save{left:236px}div.vis-color-picker input.vis-range{width:290px;height:20px}
/*!************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/@angular-devkit/build-angular/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/@ng-select/ng-select/themes/material.theme.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************/
.ng-select{padding-bottom:1.25em}.ng-select.ng-select-disabled .ng-select-container:after{border-bottom-color:rgba(0,0,0,0);background-image:linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);background-size:4px 1px;background-repeat:repeat-x}.ng-select.ng-select-disabled .ng-select-container .ng-value-container .ng-value{color:rgba(0,0,0,.38)}.ng-select.ng-select-disabled .ng-select-container .ng-value-container .ng-placeholder{color:rgba(0,0,0,.38)}.ng-select.ng-select-disabled .ng-arrow-wrapper .ng-arrow,.ng-select.ng-select-disabled .ng-clear-wrapper{color:rgba(0,0,0,.38)}.ng-select.ng-select-focused .ng-select-container:after{border-color:#3f51b5;border-width:2px}.ng-select.ng-select-focused .ng-select-container.ng-appearance-outline:after,.ng-select.ng-select-focused .ng-select-container.ng-appearance-outline:hover:after{border-color:#3f51b5;border-width:2px}.ng-select.ng-select-focused .ng-select-container .ng-value-container .ng-placeholder{transform:translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);color:#3f51b5}.ng-select.ng-select-focused .ng-select-container .ng-arrow-wrapper .ng-arrow{color:#3f51b5}.ng-select .ng-has-value .ng-placeholder,.ng-select.ng-select-filtered .ng-select-container .ng-placeholder{display:initial}.ng-select .ng-has-value .ng-placeholder,.ng-select.ng-select-opened .ng-placeholder{transform:translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px)}.ng-select .ng-select-container{color:rgba(0,0,0,.87);align-items:baseline;min-height:51.5px}.ng-select .ng-select-container:after{border-bottom:thin solid rgba(0,0,0,.42);content:"";bottom:0;left:0;right:0;position:absolute;transition:border-color .3s cubic-bezier(0.55, 0, 0.55, 0.2)}.ng-select .ng-select-container.ng-appearance-outline{padding:0 .5em;min-height:60px}.ng-select .ng-select-container.ng-appearance-outline:after{border:solid 1px rgba(0,0,0,.12);border-radius:5px;height:calc(100% - .5em);pointer-events:none;transition:border-color .3s cubic-bezier(0.25, 0.8, 0.25, 1)}.ng-select .ng-select-container.ng-appearance-outline:hover:after{border-color:rgba(0,0,0,.87);border-width:2px}.ng-select .ng-select-container.ng-appearance-outline .ng-placeholder{padding:0 .25em;background-color:#fff;z-index:1}.ng-select .ng-select-container.ng-appearance-outline .ng-value{padding-left:.25em}.ng-select .ng-select-container .ng-value-container{align-items:stretch;padding:.4375em 0;border-top:.84375em solid rgba(0,0,0,0)}.ng-select .ng-select-container .ng-value-container .ng-placeholder{position:absolute;color:rgba(0,0,0,.54);transform-origin:left 0;transition:transform .4s cubic-bezier(0.25, 0.8, 0.25, 1),color .4s cubic-bezier(0.25, 0.8, 0.25, 1),width .4s cubic-bezier(0.25, 0.8, 0.25, 1)}[dir=rtl] .ng-select .ng-select-container .ng-value-container .ng-placeholder{transform-origin:right 0}.ng-select .ng-select-container .ng-value-container .ng-input{bottom:.4375em}.ng-select.ng-select-single .ng-select-container.ng-appearance-outline .ng-arrow-wrapper{bottom:17px}.ng-select.ng-select-single .ng-select-container.ng-appearance-outline .ng-clear-wrapper{bottom:14px}.ng-select.ng-select-single .ng-select-container .ng-arrow-wrapper{align-self:flex-end;bottom:9px}.ng-select.ng-select-single .ng-select-container .ng-clear-wrapper{align-self:flex-end;bottom:7px}.ng-select.ng-select-multiple.ng-select-disabled .ng-select-container .ng-value-container .ng-value{background-color:rgba(0,0,0,.12);color:rgba(0,0,0,.26)}.ng-select.ng-select-multiple.ng-select-disabled .ng-appearance-outline:after,.ng-select.ng-select-multiple.ng-select-disabled .ng-appearance-outline:hover:after{background-image:none;border:dotted 1px rgba(0,0,0,.12)}.ng-select.ng-select-multiple .ng-select-container.ng-appearance-outline.ng-has-value .ng-arrow-wrapper,.ng-select.ng-select-multiple .ng-select-container.ng-appearance-outline.ng-has-value .ng-clear-wrapper{border-top:none}.ng-select.ng-select-multiple .ng-select-container.ng-appearance-outline .ng-arrow-wrapper{top:0}.ng-select.ng-select-multiple .ng-select-container.ng-appearance-outline .ng-clear-wrapper{top:4px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{background-color:#3f51b5;border-radius:2px;color:#fff;padding:2px 5px;margin:0 .4375em .4375em 0}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{margin:0 0 .4375em .4375em}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled{background-color:rgba(0,0,0,.12);color:rgba(0,0,0,.26)}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label{font-size:14px;font-weight:500}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon{color:hsla(0,0%,100%,.54);padding-right:5px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon{padding-left:5px;padding-right:0}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover{color:hsla(0,0%,100%,.87)}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{line-height:1.375em}.ng-select.ng-select-multiple .ng-select-container.ng-has-value{align-items:center}.ng-select.ng-select-multiple .ng-select-container.ng-has-value .ng-value-container{padding-bottom:0;padding-top:.1875em}.ng-select.ng-select-multiple .ng-select-container.ng-has-value .ng-clear-wrapper,.ng-select.ng-select-multiple .ng-select-container.ng-has-value .ng-arrow-wrapper{border-top:.84375em solid rgba(0,0,0,0)}.ng-select .ng-clear-wrapper{color:rgba(0,0,0,.54)}.ng-select .ng-clear-wrapper:hover{color:rgba(0,0,0,.87)}.ng-select .ng-clear-wrapper:focus{color:rgba(0,0,0,.87);outline:none}.ng-select .ng-arrow-wrapper{bottom:2px}.ng-select .ng-arrow-wrapper .ng-arrow{border-left:5px solid rgba(0,0,0,0);border-right:5px solid rgba(0,0,0,0);border-top:5px solid;margin:0 4px;color:rgba(0,0,0,.54)}.ng-select .ng-spinner-zone{top:3px}.ng-dropdown-panel{background:#fff;left:0}.ng-dropdown-panel.ng-select-top{bottom:calc(100% - .84375em);box-shadow:0 -5px 5px -3px rgba(0,0,0,.2),0 -8px 10px 1px rgba(0,0,0,.14),0 -3px 14px 2px rgba(0,0,0,.12)}.ng-dropdown-panel.ng-select-right{left:100%;top:calc(0% + .84375em);box-shadow:0 -5px 5px -3px rgba(0,0,0,.2),0 -8px 10px 1px rgba(0,0,0,.14),0 -3px 14px 2px rgba(0,0,0,.12);margin-left:4px}.ng-dropdown-panel.ng-select-bottom{top:calc(100% - 1.25em);box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)}.ng-dropdown-panel.ng-select-left{left:calc(-100% - 4px);top:calc(0% + .84375em);box-shadow:0 -5px 5px -3px rgba(0,0,0,.2),0 -8px 10px 1px rgba(0,0,0,.14),0 -3px 14px 2px rgba(0,0,0,.12)}.ng-dropdown-panel.multiple .ng-option.selected{background:#fff}.ng-dropdown-panel.multiple .ng-option.marked{background:rgba(0,0,0,.04)}.ng-dropdown-panel .ng-dropdown-header{border-bottom:1px solid rgba(0,0,0,.12);padding:0 16px;line-height:3em;min-height:3em}.ng-dropdown-panel .ng-dropdown-footer{border-top:1px solid rgba(0,0,0,.12);padding:0 16px;line-height:3em;min-height:3em}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup{-webkit-user-select:none;user-select:none;cursor:pointer;line-height:3em;height:3em;padding:0 16px;color:rgba(0,0,0,.54);font-weight:500}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked{background:rgba(0,0,0,.04)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled{cursor:default}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected{background:rgba(0,0,0,.12);color:#3f51b5}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option{line-height:3em;min-height:3em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 16px;text-decoration:none;position:relative;color:rgba(0,0,0,.87);text-align:left}[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option{text-align:right}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked{background:rgba(0,0,0,.04);color:rgba(0,0,0,.87)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected{background:rgba(0,0,0,.12);color:#3f51b5}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled{color:rgba(0,0,0,.38)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-left:32px}[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-right:32px;padding-left:0}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{padding-right:5px;font-size:80%;font-weight:400;color:rgba(0,0,0,.38)}[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{padding-left:5px;padding-right:0}

/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/@angular-devkit/build-angular/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[5].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].rules[1].use[1]!./src/assets/styles/styles.scss?ngGlobalStyle ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* new dark pallete*/
/* new dark pallete*/
:root {
  --mdc-icon-button-icon-size: 18px;
  --mdc-protected-button-container-color: var(--mat-sys-surface);
}
:root .mdc-button {
  padding: 0 1rem;
  height: 2rem;
}
:root .mdc-icon-button {
  height: 2rem;
  width: 2rem;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
:root .mdc-icon-button lucide-icon {
  display: flex;
  justify-content: center;
  align-items: center;
}
:root .mdc-icon-button mat-icon {
  display: flex;
  justify-content: center;
  align-items: center;
}
:root {
  --mat-icon-button-touch-target-display: none;
}
:root .mat-warn {
  --mdc-filled-button-container-color: #f5a623;
}
:root .mat-warn {
  --mdc-filled-button-label-text-color: white;
}
:root .mat-warn {
  --mdc-protected-button-container-color: #f5a623;
}
:root .mat-warn.mat-mdc-icon-button {
  color: #f5a623;
}
:root .mat-error {
  --mdc-filled-button-container-color: #F55D3E;
}
:root .mat-error {
  --mdc-filled-button-label-text-color: white;
}
:root .mat-error {
  --mdc-protected-button-container-color: #F55D3E;
}
:root .mat-error.mat-mdc-icon-button {
  color: #F55D3E;
}
:root .mat-tertiary {
  --mdc-filled-button-container-color: #32bfc4;
}
:root .mat-tertiary {
  --mdc-filled-button-label-text-color: white;
}
:root .mat-tertiary {
  --mdc-protected-button-container-color: #32bfc4;
}
:root .mat-tertiary {
  --mdc-protected-button-label-text-color: white;
}
:root .mat-tertiary {
  --mdc-outlined-button-label-text-color: #32bfc4;
}
:root .mat-tertiary {
  --mdc-outlined-button-outline-color: #32bfc4;
}
:root .mat-tertiary {
  --mdc-text-button-label-text-color: #32bfc4;
}
:root .mat-tertiary.mat-mdc-icon-button {
  color: #32bfc4;
}
:root .mat-mdc-mini-fab {
  background-color: #1F2A49;
}

:root {
  /* Dark Theme */
}
:root {
  --mat-sys-primary: #f0f1f1;
  --mat-sys-on-primary: #121f3f;
  --mat-sys-primary-container: #1F2A49;
  --mat-sys-on-primary-container: #1a1c1c;
  --mat-sys-inverse-primary: #121f3f;
  --mat-sys-primary-fixed: #e2e2e2;
  --mat-sys-primary-fixed-dim: #c6c6c7;
  --mat-sys-on-primary-fixed: #828a9d;
  --mat-sys-on-primary-fixed-variant: #454747;
  --mat-sys-secondary: #f0f1f1;
  --mat-sys-on-secondary: #283040;
  --mat-sys-secondary-container: #1F2A49;
  --mat-sys-on-secondary-container: #e2e2e2;
  --mat-sys-secondary-fixed: #dbe2f7;
  --mat-sys-secondary-fixed-dim: #bfc6db;
  --mat-sys-on-secondary-fixed: #565F76;
  --mat-sys-on-secondary-fixed-variant: #3f4758;
  --mat-sys-tertiary: #1E4B6E;
  --mat-sys-on-tertiary: #e2e2e2;
  --mat-sys-tertiary-container: #404A64;
  --mat-sys-on-tertiary-container: #ffdad3;
  --mat-sys-tertiary-fixed: #ffdad3;
  --mat-sys-tertiary-fixed-dim: #ffb4a4;
  --mat-sys-on-tertiary-fixed: #3e0500;
  --mat-sys-on-tertiary-fixed-variant: #8d1600;
  --mat-sys-background: #828a9d;
  --mat-sys-on-background: #e4e2e3;
  --mat-sys-surface: #404A64;
  --mat-sys-surface-dim: #37425D;
  --mat-sys-surface-bright: #232e48;
  --mat-sys-surface-container-lowest: #121f3f;
  --mat-sys-surface-container-low: #37425D;
  --mat-sys-surface-container: #37425D;
  --mat-sys-surface-container-high: #565F76;
  --mat-sys-surface-container-highest: #565F76;
  --mat-sys-on-surface: #1b1b1d;
  --mat-sys-shadow: rgba(0, 0, 0, 0.1098039216);
  --mat-sys-scrim: #565F76;
  --mat-sys-surface-tint: #32bfc4;
  --mat-sys-inverse-surface: #303031;
  --mat-sys-inverse-on-surface: #8790a9;
  --mat-sys-outline: #828ba4;
  --mat-sys-outline-variant: #c6c6cd;
  --mat-sys-error: #ff9c87;
  --mat-sys-error-container: #ffdad6;
  --mat-sys-on-error: #ffffff;
  --mat-sys-on-error-container: #410002;
  --mat-sys-surface-variant: #37425D;
  --mat-sys-on-surface-variant: #45474c;
}
:root .dark {
  --mat-sys-primary: #f0f1f1;
  --mat-sys-on-primary: #121f3f;
  --mat-sys-primary-container: #1F2A49;
  --mat-sys-on-primary-container: #e2e2e2;
  --mat-sys-inverse-primary: #121f3f;
  --mat-sys-primary-fixed: #e2e2e2;
  --mat-sys-primary-fixed-dim: #c6c6c7;
  --mat-sys-on-primary-fixed: #828a9d;
  --mat-sys-on-primary-fixed-variant: #454747;
  --mat-sys-secondary: #f0f1f1;
  --mat-sys-on-secondary: #283040;
  --mat-sys-secondary-container: #1F2A49;
  --mat-sys-on-secondary-container: #e2e2e2;
  --mat-sys-secondary-fixed: #dbe2f7;
  --mat-sys-secondary-fixed-dim: #bfc6db;
  --mat-sys-on-secondary-fixed: #565F76;
  --mat-sys-on-secondary-fixed-variant: #3f4758;
  --mat-sys-tertiary: #1E4B6E;
  --mat-sys-on-tertiary: #e2e2e2;
  --mat-sys-tertiary-container: #404A64;
  --mat-sys-on-tertiary-container: #ffdad3;
  --mat-sys-tertiary-fixed: #ffdad3;
  --mat-sys-tertiary-fixed-dim: #ffb4a4;
  --mat-sys-on-tertiary-fixed: #3e0500;
  --mat-sys-on-tertiary-fixed-variant: #8d1600;
  --mat-sys-background: #828a9d;
  --mat-sys-on-background: #e4e2e3;
  --mat-sys-surface: #404A64;
  --mat-sys-surface-dim: #37425D;
  --mat-sys-surface-bright: #232e48;
  --mat-sys-surface-container-lowest: #121f3f;
  --mat-sys-surface-container-low: #37425D;
  --mat-sys-surface-container: #37425D;
  --mat-sys-surface-container-high: #565F76;
  --mat-sys-surface-container-highest: #565F76;
  --mat-sys-on-surface: #e4e2e3;
  --mat-sys-shadow: rgba(0, 0, 0, 0.1098039216);
  --mat-sys-scrim: #565F76;
  --mat-sys-surface-tint: #32bfc4;
  --mat-sys-inverse-surface: #e4e2e3;
  --mat-sys-inverse-on-surface: #8790a9;
  --mat-sys-outline: #828ba4;
  --mat-sys-outline-variant: #45474c;
  --mat-sys-error: #ff9c87;
  --mat-sys-error-container: #93000a;
  --mat-sys-on-error: #690005;
  --mat-sys-on-error-container: #ffdad6;
  --mat-sys-surface-variant: #37425D;
  --mat-sys-on-surface-variant: #c6c6cd;
}
:root .dark {
  --mat-app-background-color: #131314;
  --mat-app-text-color: #e4e2e3;
  --mat-app-elevation-shadow-level-0: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-1: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-2: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-3: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-4: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-5: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-6: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-7: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-8: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-9: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-10: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-11: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-12: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-13: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-14: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-15: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-16: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-17: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-18: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-19: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-20: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-21: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-22: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-23: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-24: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
:root .dark {
  --mat-ripple-color: rgba(228, 226, 227, 0.1);
}
:root .dark {
  --mat-option-selected-state-label-text-color: #e1e3e3;
  --mat-option-label-text-color: #e4e2e3;
  --mat-option-hover-state-layer-color: rgba(228, 226, 227, 0.08);
  --mat-option-focus-state-layer-color: rgba(228, 226, 227, 0.12);
  --mat-option-selected-state-layer-color: #454747;
  --mat-option-label-text-font: Montserrat;
  --mat-option-label-text-line-height: 1.25rem;
  --mat-option-label-text-size: 1rem;
  --mat-option-label-text-tracking: 0.006rem;
  --mat-option-label-text-weight: 300;
}
:root .dark {
  --mat-optgroup-label-text-color: #e2e2e9;
  --mat-optgroup-label-text-font: Montserrat;
  --mat-optgroup-label-text-line-height: 1.25rem;
  --mat-optgroup-label-text-size: 0.875rem;
  --mat-optgroup-label-text-tracking: 0.006rem;
  --mat-optgroup-label-text-weight: 500;
}
:root .dark {
  --mat-full-pseudo-checkbox-selected-icon-color: #c5c7c7;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #2e3131;
  --mat-full-pseudo-checkbox-unselected-icon-color: #e2e2e9;
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #131314;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: rgba(228, 226, 227, 0.38);
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: rgba(228, 226, 227, 0.38);
}
:root .dark {
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #c5c7c7;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: rgba(228, 226, 227, 0.38);
}
:root .dark {
  --mdc-elevated-card-container-color: #1b1b1c;
  --mdc-elevated-card-container-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-elevated-card-container-shape: 12px;
}
:root .dark {
  --mdc-outlined-card-container-color: #131314;
  --mdc-outlined-card-outline-color: #45474c;
  --mdc-outlined-card-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mdc-outlined-card-container-shape: 12px;
  --mdc-outlined-card-outline-width: 1px;
}
:root .dark {
  --mat-card-subtitle-text-color: #e4e2e3;
  --mat-card-title-text-font: Montserrat;
  --mat-card-title-text-line-height: 1.75rem;
  --mat-card-title-text-size: 1.375rem;
  --mat-card-title-text-tracking: 0;
  --mat-card-title-text-weight: 300;
  --mat-card-subtitle-text-font: Montserrat;
  --mat-card-subtitle-text-line-height: 1.5rem;
  --mat-card-subtitle-text-size: 1rem;
  --mat-card-subtitle-text-tracking: 0.009rem;
  --mat-card-subtitle-text-weight: 500;
}
:root .dark {
  --mdc-linear-progress-active-indicator-color: #c5c7c7;
  --mdc-linear-progress-track-color: #45474c;
  --mdc-linear-progress-active-indicator-height: 4px;
  --mdc-linear-progress-track-height: 4px;
  --mdc-linear-progress-track-shape: 0;
}
:root .dark {
  --mdc-plain-tooltip-container-color: #e4e2e3;
  --mdc-plain-tooltip-supporting-text-color: #303031;
  --mdc-plain-tooltip-supporting-text-line-height: 1rem;
  --mdc-plain-tooltip-supporting-text-font: Montserrat;
  --mdc-plain-tooltip-supporting-text-size: 0.75rem;
  --mdc-plain-tooltip-supporting-text-weight: 300;
  --mdc-plain-tooltip-supporting-text-tracking: 0.025rem;
  --mdc-plain-tooltip-container-shape: 4px;
}
:root .dark {
  --mdc-filled-text-field-caret-color: #c5c7c7;
  --mdc-filled-text-field-focus-active-indicator-color: #c5c7c7;
  --mdc-filled-text-field-focus-label-text-color: #c5c7c7;
  --mdc-filled-text-field-container-color: #45474c;
  --mdc-filled-text-field-disabled-container-color: rgba(228, 226, 227, 0.04);
  --mdc-filled-text-field-label-text-color: #e2e2e9;
  --mdc-filled-text-field-hover-label-text-color: #e2e2e9;
  --mdc-filled-text-field-disabled-label-text-color: rgba(228, 226, 227, 0.38);
  --mdc-filled-text-field-input-text-color: #e4e2e3;
  --mdc-filled-text-field-disabled-input-text-color: rgba(228, 226, 227, 0.38);
  --mdc-filled-text-field-input-text-placeholder-color: #e2e2e9;
  --mdc-filled-text-field-error-hover-label-text-color: #ffdad3;
  --mdc-filled-text-field-error-focus-label-text-color: #ffb4a4;
  --mdc-filled-text-field-error-label-text-color: #ffb4a4;
  --mdc-filled-text-field-active-indicator-color: #e2e2e9;
  --mdc-filled-text-field-disabled-active-indicator-color: rgba(228, 226, 227, 0.38);
  --mdc-filled-text-field-hover-active-indicator-color: #e4e2e3;
  --mdc-filled-text-field-error-active-indicator-color: #ffb4a4;
  --mdc-filled-text-field-error-focus-active-indicator-color: #ffb4a4;
  --mdc-filled-text-field-error-hover-active-indicator-color: #ffdad3;
  --mdc-filled-text-field-label-text-font: Montserrat;
  --mdc-filled-text-field-label-text-size: 1rem;
  --mdc-filled-text-field-label-text-tracking: 0.031rem;
  --mdc-filled-text-field-label-text-weight: 300;
  --mdc-filled-text-field-active-indicator-height: 1px;
  --mdc-filled-text-field-focus-active-indicator-height: 2px;
  --mdc-filled-text-field-container-shape: 4px;
}
:root .dark {
  --mdc-outlined-text-field-caret-color: #c5c7c7;
  --mdc-outlined-text-field-focus-outline-color: #c5c7c7;
  --mdc-outlined-text-field-focus-label-text-color: #c5c7c7;
  --mdc-outlined-text-field-label-text-color: #e2e2e9;
  --mdc-outlined-text-field-hover-label-text-color: #e4e2e3;
  --mdc-outlined-text-field-disabled-label-text-color: rgba(228, 226, 227, 0.38);
  --mdc-outlined-text-field-input-text-color: #e4e2e3;
  --mdc-outlined-text-field-disabled-input-text-color: rgba(228, 226, 227, 0.38);
  --mdc-outlined-text-field-input-text-placeholder-color: #e2e2e9;
  --mdc-outlined-text-field-error-focus-label-text-color: #ffb4a4;
  --mdc-outlined-text-field-error-label-text-color: #ffb4a4;
  --mdc-outlined-text-field-error-hover-label-text-color: #ffdad3;
  --mdc-outlined-text-field-outline-color: #909096;
  --mdc-outlined-text-field-disabled-outline-color: rgba(228, 226, 227, 0.12);
  --mdc-outlined-text-field-hover-outline-color: #e4e2e3;
  --mdc-outlined-text-field-error-focus-outline-color: #ffb4a4;
  --mdc-outlined-text-field-error-hover-outline-color: #ffdad3;
  --mdc-outlined-text-field-error-outline-color: #ffb4a4;
  --mdc-outlined-text-field-label-text-font: Montserrat;
  --mdc-outlined-text-field-label-text-size: 1rem;
  --mdc-outlined-text-field-label-text-tracking: 0.031rem;
  --mdc-outlined-text-field-label-text-weight: 300;
  --mdc-outlined-text-field-outline-width: 1px;
  --mdc-outlined-text-field-focus-outline-width: 2px;
  --mdc-outlined-text-field-container-shape: 4px;
}
:root .dark {
  --mat-form-field-focus-select-arrow-color: #c5c7c7;
  --mat-form-field-disabled-input-text-placeholder-color: rgba(228, 226, 227, 0.38);
  --mat-form-field-state-layer-color: #e4e2e3;
  --mat-form-field-error-text-color: #ffb4a4;
  --mat-form-field-select-option-text-color: #1b1b1c;
  --mat-form-field-select-disabled-option-text-color: rgba(27, 27, 28, 0.38);
  --mat-form-field-leading-icon-color: #e2e2e9;
  --mat-form-field-disabled-leading-icon-color: rgba(228, 226, 227, 0.38);
  --mat-form-field-trailing-icon-color: #e2e2e9;
  --mat-form-field-disabled-trailing-icon-color: rgba(228, 226, 227, 0.38);
  --mat-form-field-error-focus-trailing-icon-color: #ffb4a4;
  --mat-form-field-error-hover-trailing-icon-color: #ffdad3;
  --mat-form-field-error-trailing-icon-color: #ffb4a4;
  --mat-form-field-enabled-select-arrow-color: #e2e2e9;
  --mat-form-field-disabled-select-arrow-color: rgba(228, 226, 227, 0.38);
  --mat-form-field-hover-state-layer-opacity: 0.08;
  --mat-form-field-container-text-font: Montserrat;
  --mat-form-field-container-text-line-height: 1.5rem;
  --mat-form-field-container-text-size: 1rem;
  --mat-form-field-container-text-tracking: 0.031rem;
  --mat-form-field-container-text-weight: 300;
  --mat-form-field-subscript-text-font: Montserrat;
  --mat-form-field-subscript-text-line-height: 1rem;
  --mat-form-field-subscript-text-size: 0.75rem;
  --mat-form-field-subscript-text-tracking: 0.025rem;
  --mat-form-field-subscript-text-weight: 300;
  --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-focus-state-layer-opacity: 0;
}
:root .dark {
  --mat-select-panel-background-color: #1f1f20;
  --mat-select-enabled-trigger-text-color: #e4e2e3;
  --mat-select-disabled-trigger-text-color: rgba(228, 226, 227, 0.38);
  --mat-select-placeholder-text-color: #e2e2e9;
  --mat-select-enabled-arrow-color: #e2e2e9;
  --mat-select-disabled-arrow-color: rgba(228, 226, 227, 0.38);
  --mat-select-focused-arrow-color: #c5c7c7;
  --mat-select-invalid-arrow-color: #ffb4a4;
  --mat-select-trigger-text-font: Montserrat;
  --mat-select-trigger-text-line-height: 1.5rem;
  --mat-select-trigger-text-size: 1rem;
  --mat-select-trigger-text-tracking: 0.031rem;
  --mat-select-trigger-text-weight: 300;
  --mat-select-arrow-transform: translateY(-8px);
  --mat-select-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);
}
:root .dark {
  --mat-autocomplete-background-color: #1f1f20;
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-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);
}
:root .dark {
  --mdc-dialog-container-color: #131314;
  --mdc-dialog-subhead-color: #e4e2e3;
  --mdc-dialog-supporting-text-color: #e2e2e9;
  --mdc-dialog-subhead-font: Montserrat;
  --mdc-dialog-subhead-line-height: 2rem;
  --mdc-dialog-subhead-size: 1.5rem;
  --mdc-dialog-subhead-weight: 300;
  --mdc-dialog-subhead-tracking: 0;
  --mdc-dialog-supporting-text-font: Montserrat;
  --mdc-dialog-supporting-text-line-height: 1.25rem;
  --mdc-dialog-supporting-text-size: 0.875rem;
  --mdc-dialog-supporting-text-weight: 300;
  --mdc-dialog-supporting-text-tracking: 0.016rem;
  --mdc-dialog-container-shape: 28px;
}
:root .dark {
  --mat-dialog-container-elevation-shadow: none;
  --mat-dialog-container-max-width: 560px;
  --mat-dialog-container-small-max-width: calc(100vw - 32px);
  --mat-dialog-container-min-width: 280px;
  --mat-dialog-actions-alignment: flex-end;
  --mat-dialog-actions-padding: 16px 24px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px 0;
  --mat-dialog-headline-padding: 6px 24px 13px;
}
:root .dark {
  --mdc-chip-outline-color: #909096;
  --mdc-chip-disabled-outline-color: rgba(228, 226, 227, 0.12);
  --mdc-chip-focus-outline-color: #e2e2e9;
  --mdc-chip-hover-state-layer-opacity: 0.08;
  --mdc-chip-selected-hover-state-layer-opacity: 0.08;
  --mdc-chip-disabled-label-text-color: rgba(228, 226, 227, 0.38);
  --mdc-chip-elevated-selected-container-color: #454747;
  --mdc-chip-flat-disabled-selected-container-color: rgba(228, 226, 227, 0.12);
  --mdc-chip-focus-state-layer-color: #e2e2e9;
  --mdc-chip-hover-state-layer-color: #e2e2e9;
  --mdc-chip-selected-hover-state-layer-color: #e1e3e3;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: #e1e3e3;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: #e2e2e9;
  --mdc-chip-selected-label-text-color: #e1e3e3;
  --mdc-chip-with-icon-icon-color: #e2e2e9;
  --mdc-chip-with-icon-disabled-icon-color: #e4e2e3;
  --mdc-chip-with-icon-selected-icon-color: #e1e3e3;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #e4e2e3;
  --mdc-chip-with-trailing-icon-trailing-icon-color: #e2e2e9;
  --mdc-chip-label-text-font: Montserrat;
  --mdc-chip-label-text-line-height: 1.25rem;
  --mdc-chip-label-text-size: 0.875rem;
  --mdc-chip-label-text-tracking: 0.006rem;
  --mdc-chip-label-text-weight: 500;
  --mdc-chip-container-height: 32px;
  --mdc-chip-container-shape-radius: 8px;
  --mdc-chip-with-avatar-avatar-shape-radius: 24px;
  --mdc-chip-with-avatar-avatar-size: 24px;
  --mdc-chip-with-icon-icon-size: 18px;
  --mdc-chip-outline-width: 1px;
  --mdc-chip-with-avatar-disabled-avatar-opacity: 0.38;
  --mdc-chip-flat-selected-outline-width: 0;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-opacity: 0.38;
  --mdc-chip-with-icon-disabled-icon-opacity: 0.38;
  --mdc-chip-elevated-container-color: transparent;
}
:root .dark {
  --mat-chip-trailing-action-state-layer-color: #e2e2e9;
  --mat-chip-selected-trailing-action-state-layer-color: #e1e3e3;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0.08;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-disabled-trailing-icon-color: #e4e2e3;
  --mat-chip-selected-trailing-icon-color: #e1e3e3;
  --mat-chip-disabled-container-opacity: 1;
  --mat-chip-trailing-action-opacity: 1;
  --mat-chip-trailing-action-focus-opacity: 1;
}
:root .dark {
  --mdc-switch-selected-focus-state-layer-opacity: 0.12;
  --mdc-switch-selected-hover-state-layer-opacity: 0.08;
  --mdc-switch-selected-pressed-state-layer-opacity: 0.12;
  --mdc-switch-unselected-focus-state-layer-opacity: 0.12;
  --mdc-switch-unselected-hover-state-layer-opacity: 0.08;
  --mdc-switch-unselected-pressed-state-layer-opacity: 0.12;
  --mdc-switch-selected-focus-state-layer-color: #c5c7c7;
  --mdc-switch-selected-handle-color: #2e3131;
  --mdc-switch-selected-hover-state-layer-color: #c5c7c7;
  --mdc-switch-selected-pressed-state-layer-color: #c5c7c7;
  --mdc-switch-selected-focus-handle-color: #454747;
  --mdc-switch-selected-hover-handle-color: #454747;
  --mdc-switch-selected-pressed-handle-color: #454747;
  --mdc-switch-selected-focus-track-color: #c5c7c7;
  --mdc-switch-selected-hover-track-color: #c5c7c7;
  --mdc-switch-selected-pressed-track-color: #c5c7c7;
  --mdc-switch-selected-track-color: #c5c7c7;
  --mdc-switch-disabled-selected-handle-color: #131314;
  --mdc-switch-disabled-selected-icon-color: #e4e2e3;
  --mdc-switch-disabled-selected-track-color: #e4e2e3;
  --mdc-switch-disabled-unselected-handle-color: #e4e2e3;
  --mdc-switch-disabled-unselected-icon-color: #45474c;
  --mdc-switch-disabled-unselected-track-color: #45474c;
  --mdc-switch-selected-icon-color: #e1e3e3;
  --mdc-switch-unselected-focus-handle-color: #e2e2e9;
  --mdc-switch-unselected-focus-state-layer-color: #e4e2e3;
  --mdc-switch-unselected-focus-track-color: #45474c;
  --mdc-switch-unselected-handle-color: #909096;
  --mdc-switch-unselected-hover-handle-color: #e2e2e9;
  --mdc-switch-unselected-hover-state-layer-color: #e4e2e3;
  --mdc-switch-unselected-hover-track-color: #45474c;
  --mdc-switch-unselected-icon-color: #45474c;
  --mdc-switch-unselected-pressed-handle-color: #e2e2e9;
  --mdc-switch-unselected-pressed-state-layer-color: #e4e2e3;
  --mdc-switch-unselected-pressed-track-color: #45474c;
  --mdc-switch-unselected-track-color: #45474c;
  --mdc-switch-disabled-selected-icon-opacity: 0.38;
  --mdc-switch-disabled-track-opacity: 0.12;
  --mdc-switch-disabled-unselected-icon-opacity: 0.38;
  --mdc-switch-handle-shape: 9999px;
  --mdc-switch-selected-icon-size: 16px;
  --mdc-switch-track-height: 32px;
  --mdc-switch-track-shape: 9999px;
  --mdc-switch-track-width: 52px;
  --mdc-switch-unselected-icon-size: 16px;
  --mdc-switch-state-layer-size: 40px;
}
:root .dark {
  --mat-switch-track-outline-color: #909096;
  --mat-switch-disabled-unselected-track-outline-color: #e4e2e3;
  --mat-switch-label-text-color: #e4e2e3;
  --mat-switch-label-text-font: Montserrat;
  --mat-switch-label-text-line-height: 1.25rem;
  --mat-switch-label-text-size: 0.875rem;
  --mat-switch-label-text-tracking: 0.016rem;
  --mat-switch-label-text-weight: 300;
  --mat-switch-disabled-selected-handle-opacity: 1;
  --mat-switch-disabled-unselected-handle-opacity: 0.38;
  --mat-switch-unselected-handle-size: 16px;
  --mat-switch-selected-handle-size: 24px;
  --mat-switch-pressed-handle-size: 28px;
  --mat-switch-with-icon-handle-size: 24px;
  --mat-switch-selected-handle-horizontal-margin: 0 24px;
  --mat-switch-selected-with-icon-handle-horizontal-margin: 0 24px;
  --mat-switch-selected-pressed-handle-horizontal-margin: 0 22px;
  --mat-switch-unselected-handle-horizontal-margin: 0 8px;
  --mat-switch-unselected-with-icon-handle-horizontal-margin: 0 4px;
  --mat-switch-unselected-pressed-handle-horizontal-margin: 0 2px;
  --mat-switch-visible-track-opacity: 1;
  --mat-switch-hidden-track-opacity: 0;
  --mat-switch-visible-track-transition: opacity 75ms;
  --mat-switch-hidden-track-transition: opacity 75ms;
  --mat-switch-track-outline-width: 2px;
  --mat-switch-selected-track-outline-width: 2px;
  --mat-switch-selected-track-outline-color: transparent;
  --mat-switch-disabled-unselected-track-outline-width: 2px;
}
:root .dark {
  --mdc-radio-disabled-selected-icon-color: #e4e2e3;
  --mdc-radio-disabled-unselected-icon-color: #e4e2e3;
  --mdc-radio-unselected-hover-icon-color: #e4e2e3;
  --mdc-radio-unselected-focus-icon-color: #e4e2e3;
  --mdc-radio-unselected-icon-color: #e2e2e9;
  --mdc-radio-unselected-pressed-icon-color: #e4e2e3;
  --mdc-radio-selected-focus-icon-color: #c5c7c7;
  --mdc-radio-selected-hover-icon-color: #c5c7c7;
  --mdc-radio-selected-icon-color: #c5c7c7;
  --mdc-radio-selected-pressed-icon-color: #c5c7c7;
  --mdc-radio-state-layer-size: 40px;
  --mdc-radio-disabled-selected-icon-opacity: 0.38;
  --mdc-radio-disabled-unselected-icon-opacity: 0.38;
}
:root .dark {
  --mat-radio-ripple-color: #e4e2e3;
  --mat-radio-checked-ripple-color: #c5c7c7;
  --mat-radio-disabled-label-color: rgba(228, 226, 227, 0.38);
  --mat-radio-label-text-color: #e4e2e3;
  --mat-radio-label-text-font: Montserrat;
  --mat-radio-label-text-line-height: 1.25rem;
  --mat-radio-label-text-size: 0.875rem;
  --mat-radio-label-text-tracking: 0.016rem;
  --mat-radio-label-text-weight: 300;
  --mat-radio-touch-target-display: block;
}
:root .dark {
  --mdc-slider-handle-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-slider-handle-color: #c5c7c7;
  --mdc-slider-focus-handle-color: #c5c7c7;
  --mdc-slider-hover-handle-color: #c5c7c7;
  --mdc-slider-active-track-color: #c5c7c7;
  --mdc-slider-inactive-track-color: #45474c;
  --mdc-slider-with-tick-marks-inactive-container-color: #e2e2e9;
  --mdc-slider-with-tick-marks-active-container-color: #2e3131;
  --mdc-slider-disabled-active-track-color: #e4e2e3;
  --mdc-slider-disabled-handle-color: #e4e2e3;
  --mdc-slider-disabled-inactive-track-color: #e4e2e3;
  --mdc-slider-label-container-color: #c5c7c7;
  --mdc-slider-label-label-text-color: #2e3131;
  --mdc-slider-with-overlap-handle-outline-color: #2e3131;
  --mdc-slider-with-tick-marks-disabled-container-color: #e4e2e3;
  --mdc-slider-label-label-text-font: Montserrat;
  --mdc-slider-label-label-text-size: 0.75rem;
  --mdc-slider-label-label-text-line-height: 1rem;
  --mdc-slider-label-label-text-tracking: 0.031rem;
  --mdc-slider-label-label-text-weight: 500;
  --mdc-slider-active-track-height: 4px;
  --mdc-slider-active-track-shape: 9999px;
  --mdc-slider-handle-height: 20px;
  --mdc-slider-handle-shape: 9999px;
  --mdc-slider-handle-width: 20px;
  --mdc-slider-inactive-track-height: 4px;
  --mdc-slider-inactive-track-shape: 9999px;
  --mdc-slider-with-overlap-handle-outline-width: 1px;
  --mdc-slider-with-tick-marks-active-container-opacity: 0.38;
  --mdc-slider-with-tick-marks-container-shape: 9999px;
  --mdc-slider-with-tick-marks-container-size: 2px;
  --mdc-slider-with-tick-marks-inactive-container-opacity: 0.38;
}
:root .dark {
  --mat-slider-ripple-color: #c5c7c7;
  --mat-slider-hover-state-layer-color: rgba(197, 199, 199, 0.05);
  --mat-slider-focus-state-layer-color: rgba(197, 199, 199, 0.2);
  --mat-slider-value-indicator-width: 28px;
  --mat-slider-value-indicator-height: 28px;
  --mat-slider-value-indicator-caret-display: none;
  --mat-slider-value-indicator-border-radius: 50% 50% 50% 0;
  --mat-slider-value-indicator-padding: 0;
  --mat-slider-value-indicator-text-transform: rotate(45deg);
  --mat-slider-value-indicator-container-transform: translateX(-50%) rotate(-45deg);
  --mat-slider-value-indicator-opacity: 1;
}
:root .dark {
  --mat-menu-item-label-text-color: #e4e2e3;
  --mat-menu-item-icon-color: #e2e2e9;
  --mat-menu-item-hover-state-layer-color: rgba(228, 226, 227, 0.08);
  --mat-menu-item-focus-state-layer-color: rgba(228, 226, 227, 0.12);
  --mat-menu-container-color: #1f1f20;
  --mat-menu-divider-color: #45474c;
  --mat-menu-item-label-text-font: Montserrat;
  --mat-menu-item-label-text-size: 0.875rem;
  --mat-menu-item-label-text-tracking: 0.006rem;
  --mat-menu-item-label-text-line-height: 1.25rem;
  --mat-menu-item-label-text-weight: 500;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 8px;
  --mat-menu-divider-top-spacing: 8px;
  --mat-menu-item-spacing: 12px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 12px;
  --mat-menu-item-trailing-spacing: 12px;
  --mat-menu-item-with-icon-leading-spacing: 12px;
  --mat-menu-item-with-icon-trailing-spacing: 12px;
  --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);
}
:root .dark {
  --mdc-list-list-item-container-color: transparent;
  --mdc-list-list-item-leading-avatar-color: #454747;
  --mdc-list-list-item-disabled-state-layer-color: #e4e2e3;
  --mdc-list-list-item-disabled-state-layer-opacity: 0.12;
  --mdc-list-list-item-label-text-color: #e4e2e3;
  --mdc-list-list-item-supporting-text-color: #e2e2e9;
  --mdc-list-list-item-leading-icon-color: #e2e2e9;
  --mdc-list-list-item-trailing-supporting-text-color: #e2e2e9;
  --mdc-list-list-item-trailing-icon-color: #e2e2e9;
  --mdc-list-list-item-selected-trailing-icon-color: #c5c7c7;
  --mdc-list-list-item-disabled-label-text-color: #e4e2e3;
  --mdc-list-list-item-disabled-leading-icon-color: #e4e2e3;
  --mdc-list-list-item-disabled-trailing-icon-color: #e4e2e3;
  --mdc-list-list-item-hover-label-text-color: #e4e2e3;
  --mdc-list-list-item-focus-label-text-color: #e4e2e3;
  --mdc-list-list-item-hover-state-layer-color: #e4e2e3;
  --mdc-list-list-item-hover-state-layer-opacity: 0.08;
  --mdc-list-list-item-focus-state-layer-color: #e4e2e3;
  --mdc-list-list-item-focus-state-layer-opacity: 0.12;
  --mdc-list-list-item-label-text-font: Montserrat;
  --mdc-list-list-item-label-text-line-height: 1.5rem;
  --mdc-list-list-item-label-text-size: 1rem;
  --mdc-list-list-item-label-text-tracking: 0.031rem;
  --mdc-list-list-item-label-text-weight: 300;
  --mdc-list-list-item-supporting-text-font: Montserrat;
  --mdc-list-list-item-supporting-text-line-height: 1.25rem;
  --mdc-list-list-item-supporting-text-size: 0.875rem;
  --mdc-list-list-item-supporting-text-tracking: 0.016rem;
  --mdc-list-list-item-supporting-text-weight: 300;
  --mdc-list-list-item-trailing-supporting-text-font: Montserrat;
  --mdc-list-list-item-trailing-supporting-text-line-height: 1rem;
  --mdc-list-list-item-trailing-supporting-text-size: 0.688rem;
  --mdc-list-list-item-trailing-supporting-text-tracking: 0.031rem;
  --mdc-list-list-item-trailing-supporting-text-weight: 500;
  --mdc-list-list-item-one-line-container-height: 48px;
  --mdc-list-list-item-two-line-container-height: 64px;
  --mdc-list-list-item-three-line-container-height: 88px;
  --mdc-list-list-item-container-shape: 0;
  --mdc-list-list-item-leading-avatar-shape: 9999px;
  --mdc-list-list-item-leading-icon-size: 24px;
  --mdc-list-list-item-leading-avatar-size: 40px;
  --mdc-list-list-item-trailing-icon-size: 24px;
  --mdc-list-list-item-disabled-label-text-opacity: 0.3;
  --mdc-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mdc-list-list-item-disabled-trailing-icon-opacity: 0.38;
}
:root .dark {
  --mat-list-active-indicator-color: #454747;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 16px;
  --mat-list-active-indicator-shape: 9999px;
}
:root .dark {
  --mat-paginator-container-text-color: #e4e2e3;
  --mat-paginator-container-background-color: #131314;
  --mat-paginator-enabled-icon-color: #e2e2e9;
  --mat-paginator-disabled-icon-color: rgba(228, 226, 227, 0.38);
  --mat-paginator-container-text-font: Montserrat;
  --mat-paginator-container-text-line-height: 1rem;
  --mat-paginator-container-text-size: 0.75rem;
  --mat-paginator-container-text-tracking: 0.025rem;
  --mat-paginator-container-text-weight: 300;
  --mat-paginator-select-trigger-text-size: 0.75rem;
  --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;
}
:root .dark {
  --mdc-secondary-navigation-tab-container-height: 48px;
}
:root .dark {
  --mdc-tab-indicator-active-indicator-color: #c5c7c7;
  --mdc-tab-indicator-active-indicator-height: 2px;
  --mdc-tab-indicator-active-indicator-shape: 0;
}
:root .dark {
  --mat-tab-header-divider-color: #45474c;
  --mat-tab-header-pagination-icon-color: #e4e2e3;
  --mat-tab-header-inactive-label-text-color: #e4e2e3;
  --mat-tab-header-active-label-text-color: #e4e2e3;
  --mat-tab-header-active-ripple-color: #e4e2e3;
  --mat-tab-header-inactive-ripple-color: #e4e2e3;
  --mat-tab-header-inactive-focus-label-text-color: #e4e2e3;
  --mat-tab-header-inactive-hover-label-text-color: #e4e2e3;
  --mat-tab-header-active-focus-label-text-color: #e4e2e3;
  --mat-tab-header-active-hover-label-text-color: #e4e2e3;
  --mat-tab-header-active-focus-indicator-color: #c5c7c7;
  --mat-tab-header-active-hover-indicator-color: #c5c7c7;
  --mat-tab-header-label-text-font: Montserrat;
  --mat-tab-header-label-text-size: 0.875rem;
  --mat-tab-header-label-text-tracking: 0.006rem;
  --mat-tab-header-label-text-line-height: 1.25rem;
  --mat-tab-header-label-text-weight: 500;
  --mat-tab-header-divider-height: 1px;
}
:root .dark {
  --mdc-checkbox-disabled-selected-checkmark-color: #131314;
  --mdc-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mdc-checkbox-selected-hover-state-layer-opacity: 0.08;
  --mdc-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mdc-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mdc-checkbox-unselected-hover-state-layer-opacity: 0.08;
  --mdc-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mdc-checkbox-selected-pressed-icon-color: #c5c7c7;
  --mdc-checkbox-disabled-selected-icon-color: rgba(228, 226, 227, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(228, 226, 227, 0.38);
  --mdc-checkbox-selected-checkmark-color: #2e3131;
  --mdc-checkbox-selected-focus-icon-color: #c5c7c7;
  --mdc-checkbox-selected-hover-icon-color: #c5c7c7;
  --mdc-checkbox-selected-icon-color: #c5c7c7;
  --mdc-checkbox-unselected-focus-icon-color: #e4e2e3;
  --mdc-checkbox-unselected-hover-icon-color: #e4e2e3;
  --mdc-checkbox-unselected-icon-color: #e2e2e9;
  --mdc-checkbox-selected-focus-state-layer-color: #c5c7c7;
  --mdc-checkbox-selected-hover-state-layer-color: #c5c7c7;
  --mdc-checkbox-selected-pressed-state-layer-color: #e4e2e3;
  --mdc-checkbox-unselected-focus-state-layer-color: #e4e2e3;
  --mdc-checkbox-unselected-hover-state-layer-color: #e4e2e3;
  --mdc-checkbox-unselected-pressed-state-layer-color: #c5c7c7;
  --mdc-checkbox-state-layer-size: 40px;
}
:root .dark {
  --mat-checkbox-disabled-label-color: rgba(228, 226, 227, 0.38);
  --mat-checkbox-label-text-color: #e4e2e3;
  --mat-checkbox-label-text-font: Montserrat;
  --mat-checkbox-label-text-line-height: 1.25rem;
  --mat-checkbox-label-text-size: 0.875rem;
  --mat-checkbox-label-text-tracking: 0.016rem;
  --mat-checkbox-label-text-weight: 300;
  --mat-checkbox-touch-target-display: block;
}
:root .dark {
  --mdc-text-button-label-text-color: #c5c7c7;
  --mdc-text-button-disabled-label-text-color: rgba(228, 226, 227, 0.38);
  --mdc-text-button-label-text-font: Montserrat;
  --mdc-text-button-label-text-size: 0.875rem;
  --mdc-text-button-label-text-tracking: 0.006rem;
  --mdc-text-button-label-text-weight: 500;
  --mdc-text-button-container-height: 40px;
  --mdc-text-button-container-shape: 9999px;
}
:root .dark {
  --mdc-protected-button-container-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-disabled-container-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-focus-container-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-hover-container-elevation-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-pressed-container-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-container-color: #131314;
  --mdc-protected-button-label-text-color: #c5c7c7;
  --mdc-protected-button-disabled-container-color: rgba(228, 226, 227, 0.12);
  --mdc-protected-button-disabled-label-text-color: rgba(228, 226, 227, 0.38);
  --mdc-protected-button-label-text-font: Montserrat;
  --mdc-protected-button-label-text-size: 0.875rem;
  --mdc-protected-button-label-text-tracking: 0.006rem;
  --mdc-protected-button-label-text-weight: 500;
  --mdc-protected-button-container-height: 40px;
  --mdc-protected-button-container-shape: 9999px;
}
:root .dark {
  --mdc-filled-button-container-color: #c5c7c7;
  --mdc-filled-button-label-text-color: #2e3131;
  --mdc-filled-button-disabled-container-color: rgba(228, 226, 227, 0.12);
  --mdc-filled-button-disabled-label-text-color: rgba(228, 226, 227, 0.38);
  --mdc-filled-button-label-text-font: Montserrat;
  --mdc-filled-button-label-text-size: 0.875rem;
  --mdc-filled-button-label-text-tracking: 0.006rem;
  --mdc-filled-button-label-text-weight: 500;
  --mdc-filled-button-container-height: 40px;
  --mdc-filled-button-container-shape: 9999px;
}
:root .dark {
  --mdc-outlined-button-disabled-outline-color: rgba(228, 226, 227, 0.12);
  --mdc-outlined-button-disabled-label-text-color: rgba(228, 226, 227, 0.38);
  --mdc-outlined-button-label-text-color: #c5c7c7;
  --mdc-outlined-button-outline-color: #909096;
  --mdc-outlined-button-label-text-font: Montserrat;
  --mdc-outlined-button-label-text-size: 0.875rem;
  --mdc-outlined-button-label-text-tracking: 0.006rem;
  --mdc-outlined-button-label-text-weight: 500;
  --mdc-outlined-button-container-height: 40px;
  --mdc-outlined-button-outline-width: 1px;
  --mdc-outlined-button-container-shape: 9999px;
}
:root .dark {
  --mat-text-button-state-layer-color: #c5c7c7;
  --mat-text-button-disabled-state-layer-color: #e2e2e9;
  --mat-text-button-ripple-color: rgba(197, 199, 199, 0.12);
  --mat-text-button-hover-state-layer-opacity: 0.08;
  --mat-text-button-focus-state-layer-opacity: 0.12;
  --mat-text-button-pressed-state-layer-opacity: 0.12;
  --mat-text-button-touch-target-display: block;
  --mat-text-button-horizontal-padding: 12px;
  --mat-text-button-with-icon-horizontal-padding: 16px;
  --mat-text-button-icon-spacing: 8px;
  --mat-text-button-icon-offset: -4px;
}
:root .dark {
  --mat-protected-button-state-layer-color: #c5c7c7;
  --mat-protected-button-disabled-state-layer-color: #e2e2e9;
  --mat-protected-button-ripple-color: rgba(197, 199, 199, 0.12);
  --mat-protected-button-hover-state-layer-opacity: 0.08;
  --mat-protected-button-focus-state-layer-opacity: 0.12;
  --mat-protected-button-pressed-state-layer-opacity: 0.12;
  --mat-protected-button-touch-target-display: block;
  --mat-protected-button-horizontal-padding: 24px;
  --mat-protected-button-icon-spacing: 8px;
  --mat-protected-button-icon-offset: -8px;
}
:root .dark {
  --mat-filled-button-state-layer-color: #2e3131;
  --mat-filled-button-disabled-state-layer-color: #e2e2e9;
  --mat-filled-button-ripple-color: rgba(46, 49, 49, 0.12);
  --mat-filled-button-hover-state-layer-opacity: 0.08;
  --mat-filled-button-focus-state-layer-opacity: 0.12;
  --mat-filled-button-pressed-state-layer-opacity: 0.12;
  --mat-filled-button-touch-target-display: block;
  --mat-filled-button-horizontal-padding: 24px;
  --mat-filled-button-icon-spacing: 8px;
  --mat-filled-button-icon-offset: -8px;
}
:root .dark {
  --mat-outlined-button-state-layer-color: #c5c7c7;
  --mat-outlined-button-disabled-state-layer-color: #e2e2e9;
  --mat-outlined-button-ripple-color: rgba(197, 199, 199, 0.12);
  --mat-outlined-button-hover-state-layer-opacity: 0.08;
  --mat-outlined-button-focus-state-layer-opacity: 0.12;
  --mat-outlined-button-pressed-state-layer-opacity: 0.12;
  --mat-outlined-button-touch-target-display: block;
  --mat-outlined-button-horizontal-padding: 24px;
  --mat-outlined-button-icon-spacing: 8px;
  --mat-outlined-button-icon-offset: -8px;
}
:root .dark {
  --mdc-icon-button-icon-color: #e2e2e9;
  --mdc-icon-button-disabled-icon-color: rgba(228, 226, 227, 0.38);
  --mdc-icon-button-state-layer-size: 40px;
  --mdc-icon-button-icon-size: 24px;
}
:root .dark {
  --mat-icon-button-state-layer-color: #e2e2e9;
  --mat-icon-button-disabled-state-layer-color: #e2e2e9;
  --mat-icon-button-ripple-color: rgba(226, 226, 233, 0.12);
  --mat-icon-button-hover-state-layer-opacity: 0.08;
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-touch-target-display: block;
}
:root .dark {
  --mdc-extended-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-focus-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-pressed-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-label-text-font: Montserrat;
  --mdc-extended-fab-label-text-size: 0.875rem;
  --mdc-extended-fab-label-text-tracking: 0.006rem;
  --mdc-extended-fab-label-text-weight: 500;
  --mdc-extended-fab-container-height: 56px;
  --mdc-extended-fab-container-shape: 16px;
}
:root .dark {
  --mdc-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-focus-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-pressed-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-container-color: #454747;
  --mdc-fab-container-shape: 16px;
}
:root .dark {
  --mdc-fab-small-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-focus-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-pressed-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-container-color: #454747;
  --mdc-fab-small-container-shape: 12px;
}
:root .dark {
  --mat-fab-foreground-color: #e1e3e3;
  --mat-fab-state-layer-color: #e1e3e3;
  --mat-fab-ripple-color: rgba(225, 227, 227, 0.12);
  --mat-fab-hover-state-layer-opacity: 0.08;
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-disabled-state-container-color: rgba(228, 226, 227, 0.12);
  --mat-fab-disabled-state-foreground-color: rgba(228, 226, 227, 0.38);
  --mat-fab-touch-target-display: block;
}
:root .dark {
  --mat-fab-small-foreground-color: #e1e3e3;
  --mat-fab-small-state-layer-color: #e1e3e3;
  --mat-fab-small-ripple-color: rgba(225, 227, 227, 0.12);
  --mat-fab-small-hover-state-layer-opacity: 0.08;
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-disabled-state-container-color: rgba(228, 226, 227, 0.12);
  --mat-fab-small-disabled-state-foreground-color: rgba(228, 226, 227, 0.38);
}
:root .dark {
  --mdc-snackbar-container-color: #e4e2e3;
  --mdc-snackbar-supporting-text-color: #303031;
  --mdc-snackbar-supporting-text-font: Montserrat;
  --mdc-snackbar-supporting-text-line-height: 1.25rem;
  --mdc-snackbar-supporting-text-size: 0.875rem;
  --mdc-snackbar-supporting-text-weight: 300;
  --mdc-snackbar-container-shape: 4px;
}
:root .dark {
  --mat-snack-bar-button-color: #5c5f5f;
}
:root .dark {
  --mat-table-background-color: #131314;
  --mat-table-header-headline-color: #e4e2e3;
  --mat-table-row-item-label-text-color: #e4e2e3;
  --mat-table-row-item-outline-color: #909096;
  --mat-table-header-headline-font: Montserrat;
  --mat-table-header-headline-line-height: 1.25rem;
  --mat-table-header-headline-size: 0.875rem;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.006rem;
  --mat-table-row-item-label-text-font: Montserrat;
  --mat-table-row-item-label-text-line-height: 1.25rem;
  --mat-table-row-item-label-text-size: 0.875rem;
  --mat-table-row-item-label-text-weight: 300;
  --mat-table-row-item-label-text-tracking: 0.016rem;
  --mat-table-footer-supporting-text-font: Montserrat;
  --mat-table-footer-supporting-text-line-height: 1.25rem;
  --mat-table-footer-supporting-text-size: 0.875rem;
  --mat-table-footer-supporting-text-weight: 300;
  --mat-table-footer-supporting-text-tracking: 0.016rem;
  --mat-table-header-container-height: 56px;
  --mat-table-footer-container-height: 52px;
  --mat-table-row-item-container-height: 52px;
  --mat-table-row-item-outline-width: 1px;
}
:root .dark {
  --mdc-circular-progress-active-indicator-color: #c5c7c7;
  --mdc-circular-progress-active-indicator-width: 4px;
  --mdc-circular-progress-size: 48px;
}
:root .dark {
  --mat-badge-background-color: #ffb4a4;
  --mat-badge-text-color: #640d00;
  --mat-badge-disabled-state-background-color: rgba(255, 180, 164, 0.38);
  --mat-badge-disabled-state-text-color: #640d00;
  --mat-badge-text-font: Montserrat;
  --mat-badge-text-size: 0.688rem;
  --mat-badge-text-weight: 500;
  --mat-badge-large-size-text-size: 0.688rem;
  --mat-badge-container-shape: 9999px;
  --mat-badge-container-size: 16px;
  --mat-badge-small-size-container-size: 6px;
  --mat-badge-large-size-container-size: 16px;
  --mat-badge-legacy-container-size: unset;
  --mat-badge-legacy-small-size-container-size: unset;
  --mat-badge-legacy-large-size-container-size: unset;
  --mat-badge-container-offset: -12px 0;
  --mat-badge-small-size-container-offset: -6px 0;
  --mat-badge-large-size-container-offset: -12px 0;
  --mat-badge-container-overlap-offset: -12px;
  --mat-badge-small-size-container-overlap-offset: -6px;
  --mat-badge-large-size-container-overlap-offset: -12px;
  --mat-badge-container-padding: 0 4px;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0 4px;
  --mat-badge-line-height: 16px;
  --mat-badge-small-size-text-size: 0;
  --mat-badge-small-size-line-height: 6px;
  --mat-badge-large-size-line-height: 16px;
}
:root .dark {
  --mat-bottom-sheet-container-text-color: #e4e2e3;
  --mat-bottom-sheet-container-background-color: #1b1b1c;
  --mat-bottom-sheet-container-text-font: Montserrat;
  --mat-bottom-sheet-container-text-line-height: 1.5rem;
  --mat-bottom-sheet-container-text-size: 1rem;
  --mat-bottom-sheet-container-text-tracking: 0.031rem;
  --mat-bottom-sheet-container-text-weight: 300;
  --mat-bottom-sheet-container-shape: 28px;
}
:root .dark {
  --mat-standard-button-toggle-hover-state-layer-opacity: 0.08;
  --mat-standard-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-standard-button-toggle-text-color: #e4e2e3;
  --mat-standard-button-toggle-state-layer-color: #e4e2e3;
  --mat-standard-button-toggle-selected-state-background-color: #454747;
  --mat-standard-button-toggle-selected-state-text-color: #e1e3e3;
  --mat-standard-button-toggle-disabled-state-text-color: rgba(228, 226, 227, 0.38);
  --mat-standard-button-toggle-disabled-selected-state-text-color: rgba(228, 226, 227, 0.38);
  --mat-standard-button-toggle-disabled-selected-state-background-color: rgba(228, 226, 227, 0.12);
  --mat-standard-button-toggle-divider-color: #909096;
  --mat-standard-button-toggle-label-text-font: Montserrat;
  --mat-standard-button-toggle-label-text-line-height: 1.25rem;
  --mat-standard-button-toggle-label-text-size: 0.875rem;
  --mat-standard-button-toggle-label-text-tracking: 0.006rem;
  --mat-standard-button-toggle-label-text-weight: 500;
  --mat-standard-button-toggle-height: 40px;
  --mat-standard-button-toggle-shape: 9999px;
  --mat-standard-button-toggle-background-color: transparent;
  --mat-standard-button-toggle-disabled-state-background-color: transparent;
}
:root .dark {
  --mat-datepicker-calendar-date-selected-state-text-color: #2e3131;
  --mat-datepicker-calendar-date-selected-state-background-color: #c5c7c7;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(228, 226, 227, 0.38);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #c5c7c7;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(228, 226, 227, 0.12);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(228, 226, 227, 0.08);
  --mat-datepicker-toggle-active-state-icon-color: #e2e2e9;
  --mat-datepicker-calendar-date-in-range-state-background-color: #454747;
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: #1d4a6d;
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #454747;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #c5c7c7;
  --mat-datepicker-toggle-icon-color: #e2e2e9;
  --mat-datepicker-calendar-body-label-text-color: #e4e2e3;
  --mat-datepicker-calendar-period-button-text-color: #e2e2e9;
  --mat-datepicker-calendar-period-button-icon-color: #e2e2e9;
  --mat-datepicker-calendar-navigation-button-icon-color: #e2e2e9;
  --mat-datepicker-calendar-header-text-color: #e2e2e9;
  --mat-datepicker-calendar-date-today-outline-color: #c5c7c7;
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(228, 226, 227, 0.38);
  --mat-datepicker-calendar-date-text-color: #e4e2e3;
  --mat-datepicker-calendar-date-disabled-state-text-color: rgba(228, 226, 227, 0.38);
  --mat-datepicker-calendar-date-preview-state-outline-color: #c5c7c7;
  --mat-datepicker-range-input-separator-color: #e4e2e3;
  --mat-datepicker-range-input-disabled-state-separator-color: rgba(228, 226, 227, 0.38);
  --mat-datepicker-range-input-disabled-state-text-color: rgba(228, 226, 227, 0.38);
  --mat-datepicker-calendar-container-background-color: #2a2a2b;
  --mat-datepicker-calendar-container-text-color: #e4e2e3;
  --mat-datepicker-calendar-text-font: Montserrat;
  --mat-datepicker-calendar-text-size: 0.875rem;
  --mat-datepicker-calendar-body-label-text-size: 0.875rem;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 0.875rem;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 0.875rem;
  --mat-datepicker-calendar-header-text-weight: 500;
  --mat-datepicker-calendar-container-shape: 16px;
  --mat-datepicker-calendar-container-touch-shape: 28px;
  --mat-datepicker-calendar-container-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-container-touch-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-divider-color: transparent;
  --mat-datepicker-calendar-date-outline-color: transparent;
}
:root .dark {
  --mat-divider-color: #909096;
  --mat-divider-width: 1px;
}
:root .dark {
  --mat-expansion-container-background-color: #131314;
  --mat-expansion-container-text-color: #e4e2e3;
  --mat-expansion-actions-divider-color: #909096;
  --mat-expansion-header-hover-state-layer-color: rgba(228, 226, 227, 0.08);
  --mat-expansion-header-focus-state-layer-color: rgba(228, 226, 227, 0.12);
  --mat-expansion-header-disabled-state-text-color: rgba(228, 226, 227, 0.38);
  --mat-expansion-header-text-color: #e4e2e3;
  --mat-expansion-header-description-color: #e2e2e9;
  --mat-expansion-header-indicator-color: #e2e2e9;
  --mat-expansion-header-text-font: Montserrat;
  --mat-expansion-header-text-size: 1rem;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: 1.5rem;
  --mat-expansion-header-text-tracking: 0.009rem;
  --mat-expansion-container-text-font: Montserrat;
  --mat-expansion-container-text-line-height: 1.5rem;
  --mat-expansion-container-text-size: 1rem;
  --mat-expansion-container-text-tracking: 0.031rem;
  --mat-expansion-container-text-weight: 300;
  --mat-expansion-header-collapsed-state-height: 48px;
  --mat-expansion-header-expanded-state-height: 64px;
  --mat-expansion-container-shape: 12px;
  --mat-expansion-legacy-header-indicator-display: none;
  --mat-expansion-header-indicator-display: inline-block;
}
:root .dark {
  --mat-grid-list-tile-header-primary-text-size: 300 1rem / 1.5rem Montserrat;
  --mat-grid-list-tile-header-secondary-text-size: 300 0.875rem / 1.25rem Montserrat;
  --mat-grid-list-tile-footer-primary-text-size: 300 1rem / 1.5rem Montserrat;
  --mat-grid-list-tile-footer-secondary-text-size: 300 0.875rem / 1.25rem Montserrat;
}
:root .dark {
  --mat-icon-color: inherit;
}
:root .dark {
  --mat-sidenav-container-background-color: #131314;
  --mat-sidenav-container-text-color: #e2e2e9;
  --mat-sidenav-content-background-color: #131314;
  --mat-sidenav-content-text-color: #e4e2e3;
  --mat-sidenav-scrim-color: rgba(47, 48, 53, 0.4);
  --mat-sidenav-container-shape: 16px;
  --mat-sidenav-container-elevation-shadow: none;
  --mat-sidenav-container-width: 360px;
  --mat-sidenav-container-divider-color: transparent;
}
:root .dark {
  --mat-stepper-header-icon-foreground-color: #131314;
  --mat-stepper-header-selected-state-icon-background-color: #c5c7c7;
  --mat-stepper-header-selected-state-icon-foreground-color: #2e3131;
  --mat-stepper-header-edit-state-icon-background-color: #c5c7c7;
  --mat-stepper-header-edit-state-icon-foreground-color: #2e3131;
  --mat-stepper-container-color: #131314;
  --mat-stepper-line-color: #909096;
  --mat-stepper-header-hover-state-layer-color: rgba(228, 226, 227, 0.08);
  --mat-stepper-header-focus-state-layer-color: rgba(228, 226, 227, 0.12);
  --mat-stepper-header-label-text-color: #e2e2e9;
  --mat-stepper-header-optional-label-text-color: #e2e2e9;
  --mat-stepper-header-selected-state-label-text-color: #e2e2e9;
  --mat-stepper-header-error-state-label-text-color: #ffb4a4;
  --mat-stepper-header-icon-background-color: #e2e2e9;
  --mat-stepper-header-error-state-icon-foreground-color: #ffb4a4;
  --mat-stepper-container-text-font: Montserrat;
  --mat-stepper-header-label-text-font: Montserrat;
  --mat-stepper-header-label-text-size: 0.875rem;
  --mat-stepper-header-label-text-weight: 500;
  --mat-stepper-header-error-state-label-text-size: 0.875rem;
  --mat-stepper-header-selected-state-label-text-size: 0.875rem;
  --mat-stepper-header-selected-state-label-text-weight: 500;
  --mat-stepper-header-height: 72px;
  --mat-stepper-header-focus-state-layer-shape: 12px;
  --mat-stepper-header-hover-state-layer-shape: 12px;
  --mat-stepper-header-error-state-icon-background-color: transparent;
}
:root .dark {
  --mat-sort-arrow-color: #e4e2e3;
}
:root .dark {
  --mat-toolbar-container-background-color: #131314;
  --mat-toolbar-container-text-color: #e4e2e3;
  --mat-toolbar-title-text-font: Montserrat;
  --mat-toolbar-title-text-line-height: 1.75rem;
  --mat-toolbar-title-text-size: 1.375rem;
  --mat-toolbar-title-text-tracking: 0;
  --mat-toolbar-title-text-weight: 300;
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
}
:root .dark {
  --mat-tree-container-background-color: #131314;
  --mat-tree-node-text-color: #e4e2e3;
  --mat-tree-node-text-font: Montserrat;
  --mat-tree-node-text-size: 1rem;
  --mat-tree-node-text-weight: 300;
  --mat-tree-node-min-height: 48px;
}
:root .dark {
  --mat-timepicker-container-background-color: #1f1f20;
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-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);
}

html {
  --mat-app-background-color: #131314;
  --mat-app-text-color: #e4e2e3;
  --mat-app-elevation-shadow-level-0: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-1: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-2: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-3: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-4: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-5: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-6: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-7: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-8: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-9: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-10: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-11: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-12: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-13: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-14: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-15: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-16: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-17: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-18: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-19: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-20: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-21: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-22: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-23: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-24: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
html {
  --mat-ripple-color: rgba(228, 226, 227, 0.1);
}
html {
  --mat-option-selected-state-label-text-color: #e1e3e3;
  --mat-option-label-text-color: #e4e2e3;
  --mat-option-hover-state-layer-color: rgba(228, 226, 227, 0.08);
  --mat-option-focus-state-layer-color: rgba(228, 226, 227, 0.12);
  --mat-option-selected-state-layer-color: #454747;
  --mat-option-label-text-font: Montserrat;
  --mat-option-label-text-line-height: 1.25rem;
  --mat-option-label-text-size: 1rem;
  --mat-option-label-text-tracking: 0.006rem;
  --mat-option-label-text-weight: 300;
}
html {
  --mat-optgroup-label-text-color: #e2e2e9;
  --mat-optgroup-label-text-font: Montserrat;
  --mat-optgroup-label-text-line-height: 1.25rem;
  --mat-optgroup-label-text-size: 0.875rem;
  --mat-optgroup-label-text-tracking: 0.006rem;
  --mat-optgroup-label-text-weight: 500;
}
html {
  --mat-full-pseudo-checkbox-selected-icon-color: #c5c7c7;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #2e3131;
  --mat-full-pseudo-checkbox-unselected-icon-color: #e2e2e9;
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #131314;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: rgba(228, 226, 227, 0.38);
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: rgba(228, 226, 227, 0.38);
}
html {
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #c5c7c7;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: rgba(228, 226, 227, 0.38);
}
html {
  --mat-app-background-color: #131314;
  --mat-app-text-color: #e4e2e3;
  --mat-app-elevation-shadow-level-0: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-1: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-2: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-3: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-4: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-5: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-6: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-7: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-8: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-9: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-10: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-11: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-12: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-13: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-14: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-15: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-16: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-17: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-18: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-19: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-20: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-21: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-22: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-23: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-24: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
html {
  --mat-ripple-color: rgba(228, 226, 227, 0.1);
}
html {
  --mat-option-selected-state-label-text-color: #e1e3e3;
  --mat-option-label-text-color: #e4e2e3;
  --mat-option-hover-state-layer-color: rgba(228, 226, 227, 0.08);
  --mat-option-focus-state-layer-color: rgba(228, 226, 227, 0.12);
  --mat-option-selected-state-layer-color: #454747;
  --mat-option-label-text-font: Montserrat;
  --mat-option-label-text-line-height: 1.25rem;
  --mat-option-label-text-size: 1rem;
  --mat-option-label-text-tracking: 0.006rem;
  --mat-option-label-text-weight: 300;
}
html {
  --mat-optgroup-label-text-color: #e2e2e9;
  --mat-optgroup-label-text-font: Montserrat;
  --mat-optgroup-label-text-line-height: 1.25rem;
  --mat-optgroup-label-text-size: 0.875rem;
  --mat-optgroup-label-text-tracking: 0.006rem;
  --mat-optgroup-label-text-weight: 500;
}
html {
  --mat-full-pseudo-checkbox-selected-icon-color: #c5c7c7;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #2e3131;
  --mat-full-pseudo-checkbox-unselected-icon-color: #e2e2e9;
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #131314;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: rgba(228, 226, 227, 0.38);
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: rgba(228, 226, 227, 0.38);
}
html {
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #c5c7c7;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: rgba(228, 226, 227, 0.38);
}
html {
  --mdc-elevated-card-container-color: #1b1b1c;
  --mdc-elevated-card-container-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-elevated-card-container-shape: 12px;
}
html {
  --mdc-outlined-card-container-color: #131314;
  --mdc-outlined-card-outline-color: #45474c;
  --mdc-outlined-card-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mdc-outlined-card-container-shape: 12px;
  --mdc-outlined-card-outline-width: 1px;
}
html {
  --mat-card-subtitle-text-color: #e4e2e3;
  --mat-card-title-text-font: Montserrat;
  --mat-card-title-text-line-height: 1.75rem;
  --mat-card-title-text-size: 1.375rem;
  --mat-card-title-text-tracking: 0;
  --mat-card-title-text-weight: 300;
  --mat-card-subtitle-text-font: Montserrat;
  --mat-card-subtitle-text-line-height: 1.5rem;
  --mat-card-subtitle-text-size: 1rem;
  --mat-card-subtitle-text-tracking: 0.009rem;
  --mat-card-subtitle-text-weight: 500;
}
html {
  --mdc-linear-progress-active-indicator-color: #c5c7c7;
  --mdc-linear-progress-track-color: #45474c;
  --mdc-linear-progress-active-indicator-height: 4px;
  --mdc-linear-progress-track-height: 4px;
  --mdc-linear-progress-track-shape: 0;
}
html {
  --mdc-plain-tooltip-container-color: #e4e2e3;
  --mdc-plain-tooltip-supporting-text-color: #303031;
  --mdc-plain-tooltip-supporting-text-line-height: 1rem;
  --mdc-plain-tooltip-supporting-text-font: Montserrat;
  --mdc-plain-tooltip-supporting-text-size: 0.75rem;
  --mdc-plain-tooltip-supporting-text-weight: 300;
  --mdc-plain-tooltip-supporting-text-tracking: 0.025rem;
  --mdc-plain-tooltip-container-shape: 4px;
}
html {
  --mdc-filled-text-field-caret-color: #c5c7c7;
  --mdc-filled-text-field-focus-active-indicator-color: #c5c7c7;
  --mdc-filled-text-field-focus-label-text-color: #c5c7c7;
  --mdc-filled-text-field-container-color: #45474c;
  --mdc-filled-text-field-disabled-container-color: rgba(228, 226, 227, 0.04);
  --mdc-filled-text-field-label-text-color: #e2e2e9;
  --mdc-filled-text-field-hover-label-text-color: #e2e2e9;
  --mdc-filled-text-field-disabled-label-text-color: rgba(228, 226, 227, 0.38);
  --mdc-filled-text-field-input-text-color: #e4e2e3;
  --mdc-filled-text-field-disabled-input-text-color: rgba(228, 226, 227, 0.38);
  --mdc-filled-text-field-input-text-placeholder-color: #e2e2e9;
  --mdc-filled-text-field-error-hover-label-text-color: #ffdad3;
  --mdc-filled-text-field-error-focus-label-text-color: #ffb4a4;
  --mdc-filled-text-field-error-label-text-color: #ffb4a4;
  --mdc-filled-text-field-active-indicator-color: #e2e2e9;
  --mdc-filled-text-field-disabled-active-indicator-color: rgba(228, 226, 227, 0.38);
  --mdc-filled-text-field-hover-active-indicator-color: #e4e2e3;
  --mdc-filled-text-field-error-active-indicator-color: #ffb4a4;
  --mdc-filled-text-field-error-focus-active-indicator-color: #ffb4a4;
  --mdc-filled-text-field-error-hover-active-indicator-color: #ffdad3;
  --mdc-filled-text-field-label-text-font: Montserrat;
  --mdc-filled-text-field-label-text-size: 1rem;
  --mdc-filled-text-field-label-text-tracking: 0.031rem;
  --mdc-filled-text-field-label-text-weight: 300;
  --mdc-filled-text-field-active-indicator-height: 1px;
  --mdc-filled-text-field-focus-active-indicator-height: 2px;
  --mdc-filled-text-field-container-shape: 4px;
}
html {
  --mdc-outlined-text-field-caret-color: #c5c7c7;
  --mdc-outlined-text-field-focus-outline-color: #c5c7c7;
  --mdc-outlined-text-field-focus-label-text-color: #c5c7c7;
  --mdc-outlined-text-field-label-text-color: #e2e2e9;
  --mdc-outlined-text-field-hover-label-text-color: #e4e2e3;
  --mdc-outlined-text-field-disabled-label-text-color: rgba(228, 226, 227, 0.38);
  --mdc-outlined-text-field-input-text-color: #e4e2e3;
  --mdc-outlined-text-field-disabled-input-text-color: rgba(228, 226, 227, 0.38);
  --mdc-outlined-text-field-input-text-placeholder-color: #e2e2e9;
  --mdc-outlined-text-field-error-focus-label-text-color: #ffb4a4;
  --mdc-outlined-text-field-error-label-text-color: #ffb4a4;
  --mdc-outlined-text-field-error-hover-label-text-color: #ffdad3;
  --mdc-outlined-text-field-outline-color: #909096;
  --mdc-outlined-text-field-disabled-outline-color: rgba(228, 226, 227, 0.12);
  --mdc-outlined-text-field-hover-outline-color: #e4e2e3;
  --mdc-outlined-text-field-error-focus-outline-color: #ffb4a4;
  --mdc-outlined-text-field-error-hover-outline-color: #ffdad3;
  --mdc-outlined-text-field-error-outline-color: #ffb4a4;
  --mdc-outlined-text-field-label-text-font: Montserrat;
  --mdc-outlined-text-field-label-text-size: 1rem;
  --mdc-outlined-text-field-label-text-tracking: 0.031rem;
  --mdc-outlined-text-field-label-text-weight: 300;
  --mdc-outlined-text-field-outline-width: 1px;
  --mdc-outlined-text-field-focus-outline-width: 2px;
  --mdc-outlined-text-field-container-shape: 4px;
}
html {
  --mat-form-field-focus-select-arrow-color: #c5c7c7;
  --mat-form-field-disabled-input-text-placeholder-color: rgba(228, 226, 227, 0.38);
  --mat-form-field-state-layer-color: #e4e2e3;
  --mat-form-field-error-text-color: #ffb4a4;
  --mat-form-field-select-option-text-color: #1b1b1c;
  --mat-form-field-select-disabled-option-text-color: rgba(27, 27, 28, 0.38);
  --mat-form-field-leading-icon-color: #e2e2e9;
  --mat-form-field-disabled-leading-icon-color: rgba(228, 226, 227, 0.38);
  --mat-form-field-trailing-icon-color: #e2e2e9;
  --mat-form-field-disabled-trailing-icon-color: rgba(228, 226, 227, 0.38);
  --mat-form-field-error-focus-trailing-icon-color: #ffb4a4;
  --mat-form-field-error-hover-trailing-icon-color: #ffdad3;
  --mat-form-field-error-trailing-icon-color: #ffb4a4;
  --mat-form-field-enabled-select-arrow-color: #e2e2e9;
  --mat-form-field-disabled-select-arrow-color: rgba(228, 226, 227, 0.38);
  --mat-form-field-hover-state-layer-opacity: 0.08;
  --mat-form-field-container-text-font: Montserrat;
  --mat-form-field-container-text-line-height: 1.5rem;
  --mat-form-field-container-text-size: 1rem;
  --mat-form-field-container-text-tracking: 0.031rem;
  --mat-form-field-container-text-weight: 300;
  --mat-form-field-subscript-text-font: Montserrat;
  --mat-form-field-subscript-text-line-height: 1rem;
  --mat-form-field-subscript-text-size: 0.75rem;
  --mat-form-field-subscript-text-tracking: 0.025rem;
  --mat-form-field-subscript-text-weight: 300;
  --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-focus-state-layer-opacity: 0;
}
html {
  --mat-select-panel-background-color: #1f1f20;
  --mat-select-enabled-trigger-text-color: #e4e2e3;
  --mat-select-disabled-trigger-text-color: rgba(228, 226, 227, 0.38);
  --mat-select-placeholder-text-color: #e2e2e9;
  --mat-select-enabled-arrow-color: #e2e2e9;
  --mat-select-disabled-arrow-color: rgba(228, 226, 227, 0.38);
  --mat-select-focused-arrow-color: #c5c7c7;
  --mat-select-invalid-arrow-color: #ffb4a4;
  --mat-select-trigger-text-font: Montserrat;
  --mat-select-trigger-text-line-height: 1.5rem;
  --mat-select-trigger-text-size: 1rem;
  --mat-select-trigger-text-tracking: 0.031rem;
  --mat-select-trigger-text-weight: 300;
  --mat-select-arrow-transform: translateY(-8px);
  --mat-select-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);
}
html {
  --mat-autocomplete-background-color: #1f1f20;
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-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);
}
html {
  --mdc-dialog-container-color: #131314;
  --mdc-dialog-subhead-color: #e4e2e3;
  --mdc-dialog-supporting-text-color: #e2e2e9;
  --mdc-dialog-subhead-font: Montserrat;
  --mdc-dialog-subhead-line-height: 2rem;
  --mdc-dialog-subhead-size: 1.5rem;
  --mdc-dialog-subhead-weight: 300;
  --mdc-dialog-subhead-tracking: 0;
  --mdc-dialog-supporting-text-font: Montserrat;
  --mdc-dialog-supporting-text-line-height: 1.25rem;
  --mdc-dialog-supporting-text-size: 0.875rem;
  --mdc-dialog-supporting-text-weight: 300;
  --mdc-dialog-supporting-text-tracking: 0.016rem;
  --mdc-dialog-container-shape: 28px;
}
html {
  --mat-dialog-container-elevation-shadow: none;
  --mat-dialog-container-max-width: 560px;
  --mat-dialog-container-small-max-width: calc(100vw - 32px);
  --mat-dialog-container-min-width: 280px;
  --mat-dialog-actions-alignment: flex-end;
  --mat-dialog-actions-padding: 16px 24px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px 0;
  --mat-dialog-headline-padding: 6px 24px 13px;
}
html {
  --mdc-chip-outline-color: #909096;
  --mdc-chip-disabled-outline-color: rgba(228, 226, 227, 0.12);
  --mdc-chip-focus-outline-color: #e2e2e9;
  --mdc-chip-hover-state-layer-opacity: 0.08;
  --mdc-chip-selected-hover-state-layer-opacity: 0.08;
  --mdc-chip-disabled-label-text-color: rgba(228, 226, 227, 0.38);
  --mdc-chip-elevated-selected-container-color: #454747;
  --mdc-chip-flat-disabled-selected-container-color: rgba(228, 226, 227, 0.12);
  --mdc-chip-focus-state-layer-color: #e2e2e9;
  --mdc-chip-hover-state-layer-color: #e2e2e9;
  --mdc-chip-selected-hover-state-layer-color: #e1e3e3;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: #e1e3e3;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: #e2e2e9;
  --mdc-chip-selected-label-text-color: #e1e3e3;
  --mdc-chip-with-icon-icon-color: #e2e2e9;
  --mdc-chip-with-icon-disabled-icon-color: #e4e2e3;
  --mdc-chip-with-icon-selected-icon-color: #e1e3e3;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #e4e2e3;
  --mdc-chip-with-trailing-icon-trailing-icon-color: #e2e2e9;
  --mdc-chip-label-text-font: Montserrat;
  --mdc-chip-label-text-line-height: 1.25rem;
  --mdc-chip-label-text-size: 0.875rem;
  --mdc-chip-label-text-tracking: 0.006rem;
  --mdc-chip-label-text-weight: 500;
  --mdc-chip-container-height: 32px;
  --mdc-chip-container-shape-radius: 8px;
  --mdc-chip-with-avatar-avatar-shape-radius: 24px;
  --mdc-chip-with-avatar-avatar-size: 24px;
  --mdc-chip-with-icon-icon-size: 18px;
  --mdc-chip-outline-width: 1px;
  --mdc-chip-with-avatar-disabled-avatar-opacity: 0.38;
  --mdc-chip-flat-selected-outline-width: 0;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-opacity: 0.38;
  --mdc-chip-with-icon-disabled-icon-opacity: 0.38;
  --mdc-chip-elevated-container-color: transparent;
}
html {
  --mat-chip-trailing-action-state-layer-color: #e2e2e9;
  --mat-chip-selected-trailing-action-state-layer-color: #e1e3e3;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0.08;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-disabled-trailing-icon-color: #e4e2e3;
  --mat-chip-selected-trailing-icon-color: #e1e3e3;
  --mat-chip-disabled-container-opacity: 1;
  --mat-chip-trailing-action-opacity: 1;
  --mat-chip-trailing-action-focus-opacity: 1;
}
html {
  --mdc-switch-selected-focus-state-layer-opacity: 0.12;
  --mdc-switch-selected-hover-state-layer-opacity: 0.08;
  --mdc-switch-selected-pressed-state-layer-opacity: 0.12;
  --mdc-switch-unselected-focus-state-layer-opacity: 0.12;
  --mdc-switch-unselected-hover-state-layer-opacity: 0.08;
  --mdc-switch-unselected-pressed-state-layer-opacity: 0.12;
  --mdc-switch-selected-focus-state-layer-color: #c5c7c7;
  --mdc-switch-selected-handle-color: #2e3131;
  --mdc-switch-selected-hover-state-layer-color: #c5c7c7;
  --mdc-switch-selected-pressed-state-layer-color: #c5c7c7;
  --mdc-switch-selected-focus-handle-color: #454747;
  --mdc-switch-selected-hover-handle-color: #454747;
  --mdc-switch-selected-pressed-handle-color: #454747;
  --mdc-switch-selected-focus-track-color: #c5c7c7;
  --mdc-switch-selected-hover-track-color: #c5c7c7;
  --mdc-switch-selected-pressed-track-color: #c5c7c7;
  --mdc-switch-selected-track-color: #c5c7c7;
  --mdc-switch-disabled-selected-handle-color: #131314;
  --mdc-switch-disabled-selected-icon-color: #e4e2e3;
  --mdc-switch-disabled-selected-track-color: #e4e2e3;
  --mdc-switch-disabled-unselected-handle-color: #e4e2e3;
  --mdc-switch-disabled-unselected-icon-color: #45474c;
  --mdc-switch-disabled-unselected-track-color: #45474c;
  --mdc-switch-selected-icon-color: #e1e3e3;
  --mdc-switch-unselected-focus-handle-color: #e2e2e9;
  --mdc-switch-unselected-focus-state-layer-color: #e4e2e3;
  --mdc-switch-unselected-focus-track-color: #45474c;
  --mdc-switch-unselected-handle-color: #909096;
  --mdc-switch-unselected-hover-handle-color: #e2e2e9;
  --mdc-switch-unselected-hover-state-layer-color: #e4e2e3;
  --mdc-switch-unselected-hover-track-color: #45474c;
  --mdc-switch-unselected-icon-color: #45474c;
  --mdc-switch-unselected-pressed-handle-color: #e2e2e9;
  --mdc-switch-unselected-pressed-state-layer-color: #e4e2e3;
  --mdc-switch-unselected-pressed-track-color: #45474c;
  --mdc-switch-unselected-track-color: #45474c;
  --mdc-switch-disabled-selected-icon-opacity: 0.38;
  --mdc-switch-disabled-track-opacity: 0.12;
  --mdc-switch-disabled-unselected-icon-opacity: 0.38;
  --mdc-switch-handle-shape: 9999px;
  --mdc-switch-selected-icon-size: 16px;
  --mdc-switch-track-height: 32px;
  --mdc-switch-track-shape: 9999px;
  --mdc-switch-track-width: 52px;
  --mdc-switch-unselected-icon-size: 16px;
  --mdc-switch-state-layer-size: 40px;
}
html {
  --mat-switch-track-outline-color: #909096;
  --mat-switch-disabled-unselected-track-outline-color: #e4e2e3;
  --mat-switch-label-text-color: #e4e2e3;
  --mat-switch-label-text-font: Montserrat;
  --mat-switch-label-text-line-height: 1.25rem;
  --mat-switch-label-text-size: 0.875rem;
  --mat-switch-label-text-tracking: 0.016rem;
  --mat-switch-label-text-weight: 300;
  --mat-switch-disabled-selected-handle-opacity: 1;
  --mat-switch-disabled-unselected-handle-opacity: 0.38;
  --mat-switch-unselected-handle-size: 16px;
  --mat-switch-selected-handle-size: 24px;
  --mat-switch-pressed-handle-size: 28px;
  --mat-switch-with-icon-handle-size: 24px;
  --mat-switch-selected-handle-horizontal-margin: 0 24px;
  --mat-switch-selected-with-icon-handle-horizontal-margin: 0 24px;
  --mat-switch-selected-pressed-handle-horizontal-margin: 0 22px;
  --mat-switch-unselected-handle-horizontal-margin: 0 8px;
  --mat-switch-unselected-with-icon-handle-horizontal-margin: 0 4px;
  --mat-switch-unselected-pressed-handle-horizontal-margin: 0 2px;
  --mat-switch-visible-track-opacity: 1;
  --mat-switch-hidden-track-opacity: 0;
  --mat-switch-visible-track-transition: opacity 75ms;
  --mat-switch-hidden-track-transition: opacity 75ms;
  --mat-switch-track-outline-width: 2px;
  --mat-switch-selected-track-outline-width: 2px;
  --mat-switch-selected-track-outline-color: transparent;
  --mat-switch-disabled-unselected-track-outline-width: 2px;
}
html {
  --mdc-radio-disabled-selected-icon-color: #e4e2e3;
  --mdc-radio-disabled-unselected-icon-color: #e4e2e3;
  --mdc-radio-unselected-hover-icon-color: #e4e2e3;
  --mdc-radio-unselected-focus-icon-color: #e4e2e3;
  --mdc-radio-unselected-icon-color: #e2e2e9;
  --mdc-radio-unselected-pressed-icon-color: #e4e2e3;
  --mdc-radio-selected-focus-icon-color: #c5c7c7;
  --mdc-radio-selected-hover-icon-color: #c5c7c7;
  --mdc-radio-selected-icon-color: #c5c7c7;
  --mdc-radio-selected-pressed-icon-color: #c5c7c7;
  --mdc-radio-state-layer-size: 40px;
  --mdc-radio-disabled-selected-icon-opacity: 0.38;
  --mdc-radio-disabled-unselected-icon-opacity: 0.38;
}
html {
  --mat-radio-ripple-color: #e4e2e3;
  --mat-radio-checked-ripple-color: #c5c7c7;
  --mat-radio-disabled-label-color: rgba(228, 226, 227, 0.38);
  --mat-radio-label-text-color: #e4e2e3;
  --mat-radio-label-text-font: Montserrat;
  --mat-radio-label-text-line-height: 1.25rem;
  --mat-radio-label-text-size: 0.875rem;
  --mat-radio-label-text-tracking: 0.016rem;
  --mat-radio-label-text-weight: 300;
  --mat-radio-touch-target-display: block;
}
html {
  --mdc-slider-handle-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-slider-handle-color: #c5c7c7;
  --mdc-slider-focus-handle-color: #c5c7c7;
  --mdc-slider-hover-handle-color: #c5c7c7;
  --mdc-slider-active-track-color: #c5c7c7;
  --mdc-slider-inactive-track-color: #45474c;
  --mdc-slider-with-tick-marks-inactive-container-color: #e2e2e9;
  --mdc-slider-with-tick-marks-active-container-color: #2e3131;
  --mdc-slider-disabled-active-track-color: #e4e2e3;
  --mdc-slider-disabled-handle-color: #e4e2e3;
  --mdc-slider-disabled-inactive-track-color: #e4e2e3;
  --mdc-slider-label-container-color: #c5c7c7;
  --mdc-slider-label-label-text-color: #2e3131;
  --mdc-slider-with-overlap-handle-outline-color: #2e3131;
  --mdc-slider-with-tick-marks-disabled-container-color: #e4e2e3;
  --mdc-slider-label-label-text-font: Montserrat;
  --mdc-slider-label-label-text-size: 0.75rem;
  --mdc-slider-label-label-text-line-height: 1rem;
  --mdc-slider-label-label-text-tracking: 0.031rem;
  --mdc-slider-label-label-text-weight: 500;
  --mdc-slider-active-track-height: 4px;
  --mdc-slider-active-track-shape: 9999px;
  --mdc-slider-handle-height: 20px;
  --mdc-slider-handle-shape: 9999px;
  --mdc-slider-handle-width: 20px;
  --mdc-slider-inactive-track-height: 4px;
  --mdc-slider-inactive-track-shape: 9999px;
  --mdc-slider-with-overlap-handle-outline-width: 1px;
  --mdc-slider-with-tick-marks-active-container-opacity: 0.38;
  --mdc-slider-with-tick-marks-container-shape: 9999px;
  --mdc-slider-with-tick-marks-container-size: 2px;
  --mdc-slider-with-tick-marks-inactive-container-opacity: 0.38;
}
html {
  --mat-slider-ripple-color: #c5c7c7;
  --mat-slider-hover-state-layer-color: rgba(197, 199, 199, 0.05);
  --mat-slider-focus-state-layer-color: rgba(197, 199, 199, 0.2);
  --mat-slider-value-indicator-width: 28px;
  --mat-slider-value-indicator-height: 28px;
  --mat-slider-value-indicator-caret-display: none;
  --mat-slider-value-indicator-border-radius: 50% 50% 50% 0;
  --mat-slider-value-indicator-padding: 0;
  --mat-slider-value-indicator-text-transform: rotate(45deg);
  --mat-slider-value-indicator-container-transform: translateX(-50%) rotate(-45deg);
  --mat-slider-value-indicator-opacity: 1;
}
html {
  --mat-menu-item-label-text-color: #e4e2e3;
  --mat-menu-item-icon-color: #e2e2e9;
  --mat-menu-item-hover-state-layer-color: rgba(228, 226, 227, 0.08);
  --mat-menu-item-focus-state-layer-color: rgba(228, 226, 227, 0.12);
  --mat-menu-container-color: #1f1f20;
  --mat-menu-divider-color: #45474c;
  --mat-menu-item-label-text-font: Montserrat;
  --mat-menu-item-label-text-size: 0.875rem;
  --mat-menu-item-label-text-tracking: 0.006rem;
  --mat-menu-item-label-text-line-height: 1.25rem;
  --mat-menu-item-label-text-weight: 500;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 8px;
  --mat-menu-divider-top-spacing: 8px;
  --mat-menu-item-spacing: 12px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 12px;
  --mat-menu-item-trailing-spacing: 12px;
  --mat-menu-item-with-icon-leading-spacing: 12px;
  --mat-menu-item-with-icon-trailing-spacing: 12px;
  --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);
}
html {
  --mdc-list-list-item-container-color: transparent;
  --mdc-list-list-item-leading-avatar-color: #454747;
  --mdc-list-list-item-disabled-state-layer-color: #e4e2e3;
  --mdc-list-list-item-disabled-state-layer-opacity: 0.12;
  --mdc-list-list-item-label-text-color: #e4e2e3;
  --mdc-list-list-item-supporting-text-color: #e2e2e9;
  --mdc-list-list-item-leading-icon-color: #e2e2e9;
  --mdc-list-list-item-trailing-supporting-text-color: #e2e2e9;
  --mdc-list-list-item-trailing-icon-color: #e2e2e9;
  --mdc-list-list-item-selected-trailing-icon-color: #c5c7c7;
  --mdc-list-list-item-disabled-label-text-color: #e4e2e3;
  --mdc-list-list-item-disabled-leading-icon-color: #e4e2e3;
  --mdc-list-list-item-disabled-trailing-icon-color: #e4e2e3;
  --mdc-list-list-item-hover-label-text-color: #e4e2e3;
  --mdc-list-list-item-focus-label-text-color: #e4e2e3;
  --mdc-list-list-item-hover-state-layer-color: #e4e2e3;
  --mdc-list-list-item-hover-state-layer-opacity: 0.08;
  --mdc-list-list-item-focus-state-layer-color: #e4e2e3;
  --mdc-list-list-item-focus-state-layer-opacity: 0.12;
  --mdc-list-list-item-label-text-font: Montserrat;
  --mdc-list-list-item-label-text-line-height: 1.5rem;
  --mdc-list-list-item-label-text-size: 1rem;
  --mdc-list-list-item-label-text-tracking: 0.031rem;
  --mdc-list-list-item-label-text-weight: 300;
  --mdc-list-list-item-supporting-text-font: Montserrat;
  --mdc-list-list-item-supporting-text-line-height: 1.25rem;
  --mdc-list-list-item-supporting-text-size: 0.875rem;
  --mdc-list-list-item-supporting-text-tracking: 0.016rem;
  --mdc-list-list-item-supporting-text-weight: 300;
  --mdc-list-list-item-trailing-supporting-text-font: Montserrat;
  --mdc-list-list-item-trailing-supporting-text-line-height: 1rem;
  --mdc-list-list-item-trailing-supporting-text-size: 0.688rem;
  --mdc-list-list-item-trailing-supporting-text-tracking: 0.031rem;
  --mdc-list-list-item-trailing-supporting-text-weight: 500;
  --mdc-list-list-item-one-line-container-height: 48px;
  --mdc-list-list-item-two-line-container-height: 64px;
  --mdc-list-list-item-three-line-container-height: 88px;
  --mdc-list-list-item-container-shape: 0;
  --mdc-list-list-item-leading-avatar-shape: 9999px;
  --mdc-list-list-item-leading-icon-size: 24px;
  --mdc-list-list-item-leading-avatar-size: 40px;
  --mdc-list-list-item-trailing-icon-size: 24px;
  --mdc-list-list-item-disabled-label-text-opacity: 0.3;
  --mdc-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mdc-list-list-item-disabled-trailing-icon-opacity: 0.38;
}
html {
  --mat-list-active-indicator-color: #454747;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 16px;
  --mat-list-active-indicator-shape: 9999px;
}
html {
  --mat-paginator-container-text-color: #e4e2e3;
  --mat-paginator-container-background-color: #131314;
  --mat-paginator-enabled-icon-color: #e2e2e9;
  --mat-paginator-disabled-icon-color: rgba(228, 226, 227, 0.38);
  --mat-paginator-container-text-font: Montserrat;
  --mat-paginator-container-text-line-height: 1rem;
  --mat-paginator-container-text-size: 0.75rem;
  --mat-paginator-container-text-tracking: 0.025rem;
  --mat-paginator-container-text-weight: 300;
  --mat-paginator-select-trigger-text-size: 0.75rem;
  --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;
}
html {
  --mdc-secondary-navigation-tab-container-height: 48px;
}
html {
  --mdc-tab-indicator-active-indicator-color: #c5c7c7;
  --mdc-tab-indicator-active-indicator-height: 2px;
  --mdc-tab-indicator-active-indicator-shape: 0;
}
html {
  --mat-tab-header-divider-color: #45474c;
  --mat-tab-header-pagination-icon-color: #e4e2e3;
  --mat-tab-header-inactive-label-text-color: #e4e2e3;
  --mat-tab-header-active-label-text-color: #e4e2e3;
  --mat-tab-header-active-ripple-color: #e4e2e3;
  --mat-tab-header-inactive-ripple-color: #e4e2e3;
  --mat-tab-header-inactive-focus-label-text-color: #e4e2e3;
  --mat-tab-header-inactive-hover-label-text-color: #e4e2e3;
  --mat-tab-header-active-focus-label-text-color: #e4e2e3;
  --mat-tab-header-active-hover-label-text-color: #e4e2e3;
  --mat-tab-header-active-focus-indicator-color: #c5c7c7;
  --mat-tab-header-active-hover-indicator-color: #c5c7c7;
  --mat-tab-header-label-text-font: Montserrat;
  --mat-tab-header-label-text-size: 0.875rem;
  --mat-tab-header-label-text-tracking: 0.006rem;
  --mat-tab-header-label-text-line-height: 1.25rem;
  --mat-tab-header-label-text-weight: 500;
  --mat-tab-header-divider-height: 1px;
}
html {
  --mdc-checkbox-disabled-selected-checkmark-color: #131314;
  --mdc-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mdc-checkbox-selected-hover-state-layer-opacity: 0.08;
  --mdc-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mdc-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mdc-checkbox-unselected-hover-state-layer-opacity: 0.08;
  --mdc-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mdc-checkbox-selected-pressed-icon-color: #c5c7c7;
  --mdc-checkbox-disabled-selected-icon-color: rgba(228, 226, 227, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(228, 226, 227, 0.38);
  --mdc-checkbox-selected-checkmark-color: #2e3131;
  --mdc-checkbox-selected-focus-icon-color: #c5c7c7;
  --mdc-checkbox-selected-hover-icon-color: #c5c7c7;
  --mdc-checkbox-selected-icon-color: #c5c7c7;
  --mdc-checkbox-unselected-focus-icon-color: #e4e2e3;
  --mdc-checkbox-unselected-hover-icon-color: #e4e2e3;
  --mdc-checkbox-unselected-icon-color: #e2e2e9;
  --mdc-checkbox-selected-focus-state-layer-color: #c5c7c7;
  --mdc-checkbox-selected-hover-state-layer-color: #c5c7c7;
  --mdc-checkbox-selected-pressed-state-layer-color: #e4e2e3;
  --mdc-checkbox-unselected-focus-state-layer-color: #e4e2e3;
  --mdc-checkbox-unselected-hover-state-layer-color: #e4e2e3;
  --mdc-checkbox-unselected-pressed-state-layer-color: #c5c7c7;
  --mdc-checkbox-state-layer-size: 40px;
}
html {
  --mat-checkbox-disabled-label-color: rgba(228, 226, 227, 0.38);
  --mat-checkbox-label-text-color: #e4e2e3;
  --mat-checkbox-label-text-font: Montserrat;
  --mat-checkbox-label-text-line-height: 1.25rem;
  --mat-checkbox-label-text-size: 0.875rem;
  --mat-checkbox-label-text-tracking: 0.016rem;
  --mat-checkbox-label-text-weight: 300;
  --mat-checkbox-touch-target-display: block;
}
html {
  --mdc-text-button-label-text-color: #c5c7c7;
  --mdc-text-button-disabled-label-text-color: rgba(228, 226, 227, 0.38);
  --mdc-text-button-label-text-font: Montserrat;
  --mdc-text-button-label-text-size: 0.875rem;
  --mdc-text-button-label-text-tracking: 0.006rem;
  --mdc-text-button-label-text-weight: 500;
  --mdc-text-button-container-height: 40px;
  --mdc-text-button-container-shape: 9999px;
}
html {
  --mdc-protected-button-container-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-disabled-container-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-focus-container-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-hover-container-elevation-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-pressed-container-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-container-color: #131314;
  --mdc-protected-button-label-text-color: #c5c7c7;
  --mdc-protected-button-disabled-container-color: rgba(228, 226, 227, 0.12);
  --mdc-protected-button-disabled-label-text-color: rgba(228, 226, 227, 0.38);
  --mdc-protected-button-label-text-font: Montserrat;
  --mdc-protected-button-label-text-size: 0.875rem;
  --mdc-protected-button-label-text-tracking: 0.006rem;
  --mdc-protected-button-label-text-weight: 500;
  --mdc-protected-button-container-height: 40px;
  --mdc-protected-button-container-shape: 9999px;
}
html {
  --mdc-filled-button-container-color: #c5c7c7;
  --mdc-filled-button-label-text-color: #2e3131;
  --mdc-filled-button-disabled-container-color: rgba(228, 226, 227, 0.12);
  --mdc-filled-button-disabled-label-text-color: rgba(228, 226, 227, 0.38);
  --mdc-filled-button-label-text-font: Montserrat;
  --mdc-filled-button-label-text-size: 0.875rem;
  --mdc-filled-button-label-text-tracking: 0.006rem;
  --mdc-filled-button-label-text-weight: 500;
  --mdc-filled-button-container-height: 40px;
  --mdc-filled-button-container-shape: 9999px;
}
html {
  --mdc-outlined-button-disabled-outline-color: rgba(228, 226, 227, 0.12);
  --mdc-outlined-button-disabled-label-text-color: rgba(228, 226, 227, 0.38);
  --mdc-outlined-button-label-text-color: #c5c7c7;
  --mdc-outlined-button-outline-color: #909096;
  --mdc-outlined-button-label-text-font: Montserrat;
  --mdc-outlined-button-label-text-size: 0.875rem;
  --mdc-outlined-button-label-text-tracking: 0.006rem;
  --mdc-outlined-button-label-text-weight: 500;
  --mdc-outlined-button-container-height: 40px;
  --mdc-outlined-button-outline-width: 1px;
  --mdc-outlined-button-container-shape: 9999px;
}
html {
  --mat-text-button-state-layer-color: #c5c7c7;
  --mat-text-button-disabled-state-layer-color: #e2e2e9;
  --mat-text-button-ripple-color: rgba(197, 199, 199, 0.12);
  --mat-text-button-hover-state-layer-opacity: 0.08;
  --mat-text-button-focus-state-layer-opacity: 0.12;
  --mat-text-button-pressed-state-layer-opacity: 0.12;
  --mat-text-button-touch-target-display: block;
  --mat-text-button-horizontal-padding: 12px;
  --mat-text-button-with-icon-horizontal-padding: 16px;
  --mat-text-button-icon-spacing: 8px;
  --mat-text-button-icon-offset: -4px;
}
html {
  --mat-protected-button-state-layer-color: #c5c7c7;
  --mat-protected-button-disabled-state-layer-color: #e2e2e9;
  --mat-protected-button-ripple-color: rgba(197, 199, 199, 0.12);
  --mat-protected-button-hover-state-layer-opacity: 0.08;
  --mat-protected-button-focus-state-layer-opacity: 0.12;
  --mat-protected-button-pressed-state-layer-opacity: 0.12;
  --mat-protected-button-touch-target-display: block;
  --mat-protected-button-horizontal-padding: 24px;
  --mat-protected-button-icon-spacing: 8px;
  --mat-protected-button-icon-offset: -8px;
}
html {
  --mat-filled-button-state-layer-color: #2e3131;
  --mat-filled-button-disabled-state-layer-color: #e2e2e9;
  --mat-filled-button-ripple-color: rgba(46, 49, 49, 0.12);
  --mat-filled-button-hover-state-layer-opacity: 0.08;
  --mat-filled-button-focus-state-layer-opacity: 0.12;
  --mat-filled-button-pressed-state-layer-opacity: 0.12;
  --mat-filled-button-touch-target-display: block;
  --mat-filled-button-horizontal-padding: 24px;
  --mat-filled-button-icon-spacing: 8px;
  --mat-filled-button-icon-offset: -8px;
}
html {
  --mat-outlined-button-state-layer-color: #c5c7c7;
  --mat-outlined-button-disabled-state-layer-color: #e2e2e9;
  --mat-outlined-button-ripple-color: rgba(197, 199, 199, 0.12);
  --mat-outlined-button-hover-state-layer-opacity: 0.08;
  --mat-outlined-button-focus-state-layer-opacity: 0.12;
  --mat-outlined-button-pressed-state-layer-opacity: 0.12;
  --mat-outlined-button-touch-target-display: block;
  --mat-outlined-button-horizontal-padding: 24px;
  --mat-outlined-button-icon-spacing: 8px;
  --mat-outlined-button-icon-offset: -8px;
}
html {
  --mdc-icon-button-icon-color: #e2e2e9;
  --mdc-icon-button-disabled-icon-color: rgba(228, 226, 227, 0.38);
  --mdc-icon-button-state-layer-size: 40px;
  --mdc-icon-button-icon-size: 24px;
}
html {
  --mat-icon-button-state-layer-color: #e2e2e9;
  --mat-icon-button-disabled-state-layer-color: #e2e2e9;
  --mat-icon-button-ripple-color: rgba(226, 226, 233, 0.12);
  --mat-icon-button-hover-state-layer-opacity: 0.08;
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-touch-target-display: block;
}
html {
  --mdc-extended-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-focus-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-pressed-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-label-text-font: Montserrat;
  --mdc-extended-fab-label-text-size: 0.875rem;
  --mdc-extended-fab-label-text-tracking: 0.006rem;
  --mdc-extended-fab-label-text-weight: 500;
  --mdc-extended-fab-container-height: 56px;
  --mdc-extended-fab-container-shape: 16px;
}
html {
  --mdc-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-focus-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-pressed-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-container-color: #454747;
  --mdc-fab-container-shape: 16px;
}
html {
  --mdc-fab-small-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-focus-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-pressed-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-container-color: #454747;
  --mdc-fab-small-container-shape: 12px;
}
html {
  --mat-fab-foreground-color: #e1e3e3;
  --mat-fab-state-layer-color: #e1e3e3;
  --mat-fab-ripple-color: rgba(225, 227, 227, 0.12);
  --mat-fab-hover-state-layer-opacity: 0.08;
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-disabled-state-container-color: rgba(228, 226, 227, 0.12);
  --mat-fab-disabled-state-foreground-color: rgba(228, 226, 227, 0.38);
  --mat-fab-touch-target-display: block;
}
html {
  --mat-fab-small-foreground-color: #e1e3e3;
  --mat-fab-small-state-layer-color: #e1e3e3;
  --mat-fab-small-ripple-color: rgba(225, 227, 227, 0.12);
  --mat-fab-small-hover-state-layer-opacity: 0.08;
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-disabled-state-container-color: rgba(228, 226, 227, 0.12);
  --mat-fab-small-disabled-state-foreground-color: rgba(228, 226, 227, 0.38);
}
html {
  --mdc-snackbar-container-color: #e4e2e3;
  --mdc-snackbar-supporting-text-color: #303031;
  --mdc-snackbar-supporting-text-font: Montserrat;
  --mdc-snackbar-supporting-text-line-height: 1.25rem;
  --mdc-snackbar-supporting-text-size: 0.875rem;
  --mdc-snackbar-supporting-text-weight: 300;
  --mdc-snackbar-container-shape: 4px;
}
html {
  --mat-snack-bar-button-color: #5c5f5f;
}
html {
  --mat-table-background-color: #131314;
  --mat-table-header-headline-color: #e4e2e3;
  --mat-table-row-item-label-text-color: #e4e2e3;
  --mat-table-row-item-outline-color: #909096;
  --mat-table-header-headline-font: Montserrat;
  --mat-table-header-headline-line-height: 1.25rem;
  --mat-table-header-headline-size: 0.875rem;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.006rem;
  --mat-table-row-item-label-text-font: Montserrat;
  --mat-table-row-item-label-text-line-height: 1.25rem;
  --mat-table-row-item-label-text-size: 0.875rem;
  --mat-table-row-item-label-text-weight: 300;
  --mat-table-row-item-label-text-tracking: 0.016rem;
  --mat-table-footer-supporting-text-font: Montserrat;
  --mat-table-footer-supporting-text-line-height: 1.25rem;
  --mat-table-footer-supporting-text-size: 0.875rem;
  --mat-table-footer-supporting-text-weight: 300;
  --mat-table-footer-supporting-text-tracking: 0.016rem;
  --mat-table-header-container-height: 56px;
  --mat-table-footer-container-height: 52px;
  --mat-table-row-item-container-height: 52px;
  --mat-table-row-item-outline-width: 1px;
}
html {
  --mdc-circular-progress-active-indicator-color: #c5c7c7;
  --mdc-circular-progress-active-indicator-width: 4px;
  --mdc-circular-progress-size: 48px;
}
html {
  --mat-badge-background-color: #ffb4a4;
  --mat-badge-text-color: #640d00;
  --mat-badge-disabled-state-background-color: rgba(255, 180, 164, 0.38);
  --mat-badge-disabled-state-text-color: #640d00;
  --mat-badge-text-font: Montserrat;
  --mat-badge-text-size: 0.688rem;
  --mat-badge-text-weight: 500;
  --mat-badge-large-size-text-size: 0.688rem;
  --mat-badge-container-shape: 9999px;
  --mat-badge-container-size: 16px;
  --mat-badge-small-size-container-size: 6px;
  --mat-badge-large-size-container-size: 16px;
  --mat-badge-legacy-container-size: unset;
  --mat-badge-legacy-small-size-container-size: unset;
  --mat-badge-legacy-large-size-container-size: unset;
  --mat-badge-container-offset: -12px 0;
  --mat-badge-small-size-container-offset: -6px 0;
  --mat-badge-large-size-container-offset: -12px 0;
  --mat-badge-container-overlap-offset: -12px;
  --mat-badge-small-size-container-overlap-offset: -6px;
  --mat-badge-large-size-container-overlap-offset: -12px;
  --mat-badge-container-padding: 0 4px;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0 4px;
  --mat-badge-line-height: 16px;
  --mat-badge-small-size-text-size: 0;
  --mat-badge-small-size-line-height: 6px;
  --mat-badge-large-size-line-height: 16px;
}
html {
  --mat-bottom-sheet-container-text-color: #e4e2e3;
  --mat-bottom-sheet-container-background-color: #1b1b1c;
  --mat-bottom-sheet-container-text-font: Montserrat;
  --mat-bottom-sheet-container-text-line-height: 1.5rem;
  --mat-bottom-sheet-container-text-size: 1rem;
  --mat-bottom-sheet-container-text-tracking: 0.031rem;
  --mat-bottom-sheet-container-text-weight: 300;
  --mat-bottom-sheet-container-shape: 28px;
}
html {
  --mat-standard-button-toggle-hover-state-layer-opacity: 0.08;
  --mat-standard-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-standard-button-toggle-text-color: #e4e2e3;
  --mat-standard-button-toggle-state-layer-color: #e4e2e3;
  --mat-standard-button-toggle-selected-state-background-color: #454747;
  --mat-standard-button-toggle-selected-state-text-color: #e1e3e3;
  --mat-standard-button-toggle-disabled-state-text-color: rgba(228, 226, 227, 0.38);
  --mat-standard-button-toggle-disabled-selected-state-text-color: rgba(228, 226, 227, 0.38);
  --mat-standard-button-toggle-disabled-selected-state-background-color: rgba(228, 226, 227, 0.12);
  --mat-standard-button-toggle-divider-color: #909096;
  --mat-standard-button-toggle-label-text-font: Montserrat;
  --mat-standard-button-toggle-label-text-line-height: 1.25rem;
  --mat-standard-button-toggle-label-text-size: 0.875rem;
  --mat-standard-button-toggle-label-text-tracking: 0.006rem;
  --mat-standard-button-toggle-label-text-weight: 500;
  --mat-standard-button-toggle-height: 40px;
  --mat-standard-button-toggle-shape: 9999px;
  --mat-standard-button-toggle-background-color: transparent;
  --mat-standard-button-toggle-disabled-state-background-color: transparent;
}
html {
  --mat-datepicker-calendar-date-selected-state-text-color: #2e3131;
  --mat-datepicker-calendar-date-selected-state-background-color: #c5c7c7;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(228, 226, 227, 0.38);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #c5c7c7;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(228, 226, 227, 0.12);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(228, 226, 227, 0.08);
  --mat-datepicker-toggle-active-state-icon-color: #e2e2e9;
  --mat-datepicker-calendar-date-in-range-state-background-color: #454747;
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: #1d4a6d;
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #454747;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #c5c7c7;
  --mat-datepicker-toggle-icon-color: #e2e2e9;
  --mat-datepicker-calendar-body-label-text-color: #e4e2e3;
  --mat-datepicker-calendar-period-button-text-color: #e2e2e9;
  --mat-datepicker-calendar-period-button-icon-color: #e2e2e9;
  --mat-datepicker-calendar-navigation-button-icon-color: #e2e2e9;
  --mat-datepicker-calendar-header-text-color: #e2e2e9;
  --mat-datepicker-calendar-date-today-outline-color: #c5c7c7;
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(228, 226, 227, 0.38);
  --mat-datepicker-calendar-date-text-color: #e4e2e3;
  --mat-datepicker-calendar-date-disabled-state-text-color: rgba(228, 226, 227, 0.38);
  --mat-datepicker-calendar-date-preview-state-outline-color: #c5c7c7;
  --mat-datepicker-range-input-separator-color: #e4e2e3;
  --mat-datepicker-range-input-disabled-state-separator-color: rgba(228, 226, 227, 0.38);
  --mat-datepicker-range-input-disabled-state-text-color: rgba(228, 226, 227, 0.38);
  --mat-datepicker-calendar-container-background-color: #2a2a2b;
  --mat-datepicker-calendar-container-text-color: #e4e2e3;
  --mat-datepicker-calendar-text-font: Montserrat;
  --mat-datepicker-calendar-text-size: 0.875rem;
  --mat-datepicker-calendar-body-label-text-size: 0.875rem;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 0.875rem;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 0.875rem;
  --mat-datepicker-calendar-header-text-weight: 500;
  --mat-datepicker-calendar-container-shape: 16px;
  --mat-datepicker-calendar-container-touch-shape: 28px;
  --mat-datepicker-calendar-container-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-container-touch-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-divider-color: transparent;
  --mat-datepicker-calendar-date-outline-color: transparent;
}
html {
  --mat-divider-color: #909096;
  --mat-divider-width: 1px;
}
html {
  --mat-expansion-container-background-color: #131314;
  --mat-expansion-container-text-color: #e4e2e3;
  --mat-expansion-actions-divider-color: #909096;
  --mat-expansion-header-hover-state-layer-color: rgba(228, 226, 227, 0.08);
  --mat-expansion-header-focus-state-layer-color: rgba(228, 226, 227, 0.12);
  --mat-expansion-header-disabled-state-text-color: rgba(228, 226, 227, 0.38);
  --mat-expansion-header-text-color: #e4e2e3;
  --mat-expansion-header-description-color: #e2e2e9;
  --mat-expansion-header-indicator-color: #e2e2e9;
  --mat-expansion-header-text-font: Montserrat;
  --mat-expansion-header-text-size: 1rem;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: 1.5rem;
  --mat-expansion-header-text-tracking: 0.009rem;
  --mat-expansion-container-text-font: Montserrat;
  --mat-expansion-container-text-line-height: 1.5rem;
  --mat-expansion-container-text-size: 1rem;
  --mat-expansion-container-text-tracking: 0.031rem;
  --mat-expansion-container-text-weight: 300;
  --mat-expansion-header-collapsed-state-height: 48px;
  --mat-expansion-header-expanded-state-height: 64px;
  --mat-expansion-container-shape: 12px;
  --mat-expansion-legacy-header-indicator-display: none;
  --mat-expansion-header-indicator-display: inline-block;
}
html {
  --mat-grid-list-tile-header-primary-text-size: 300 1rem / 1.5rem Montserrat;
  --mat-grid-list-tile-header-secondary-text-size: 300 0.875rem / 1.25rem Montserrat;
  --mat-grid-list-tile-footer-primary-text-size: 300 1rem / 1.5rem Montserrat;
  --mat-grid-list-tile-footer-secondary-text-size: 300 0.875rem / 1.25rem Montserrat;
}
html {
  --mat-icon-color: inherit;
}
html {
  --mat-sidenav-container-background-color: #131314;
  --mat-sidenav-container-text-color: #e2e2e9;
  --mat-sidenav-content-background-color: #131314;
  --mat-sidenav-content-text-color: #e4e2e3;
  --mat-sidenav-scrim-color: rgba(47, 48, 53, 0.4);
  --mat-sidenav-container-shape: 16px;
  --mat-sidenav-container-elevation-shadow: none;
  --mat-sidenav-container-width: 360px;
  --mat-sidenav-container-divider-color: transparent;
}
html {
  --mat-stepper-header-icon-foreground-color: #131314;
  --mat-stepper-header-selected-state-icon-background-color: #c5c7c7;
  --mat-stepper-header-selected-state-icon-foreground-color: #2e3131;
  --mat-stepper-header-edit-state-icon-background-color: #c5c7c7;
  --mat-stepper-header-edit-state-icon-foreground-color: #2e3131;
  --mat-stepper-container-color: #131314;
  --mat-stepper-line-color: #909096;
  --mat-stepper-header-hover-state-layer-color: rgba(228, 226, 227, 0.08);
  --mat-stepper-header-focus-state-layer-color: rgba(228, 226, 227, 0.12);
  --mat-stepper-header-label-text-color: #e2e2e9;
  --mat-stepper-header-optional-label-text-color: #e2e2e9;
  --mat-stepper-header-selected-state-label-text-color: #e2e2e9;
  --mat-stepper-header-error-state-label-text-color: #ffb4a4;
  --mat-stepper-header-icon-background-color: #e2e2e9;
  --mat-stepper-header-error-state-icon-foreground-color: #ffb4a4;
  --mat-stepper-container-text-font: Montserrat;
  --mat-stepper-header-label-text-font: Montserrat;
  --mat-stepper-header-label-text-size: 0.875rem;
  --mat-stepper-header-label-text-weight: 500;
  --mat-stepper-header-error-state-label-text-size: 0.875rem;
  --mat-stepper-header-selected-state-label-text-size: 0.875rem;
  --mat-stepper-header-selected-state-label-text-weight: 500;
  --mat-stepper-header-height: 72px;
  --mat-stepper-header-focus-state-layer-shape: 12px;
  --mat-stepper-header-hover-state-layer-shape: 12px;
  --mat-stepper-header-error-state-icon-background-color: transparent;
}
html {
  --mat-sort-arrow-color: #e4e2e3;
}
html {
  --mat-toolbar-container-background-color: #131314;
  --mat-toolbar-container-text-color: #e4e2e3;
  --mat-toolbar-title-text-font: Montserrat;
  --mat-toolbar-title-text-line-height: 1.75rem;
  --mat-toolbar-title-text-size: 1.375rem;
  --mat-toolbar-title-text-tracking: 0;
  --mat-toolbar-title-text-weight: 300;
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
}
html {
  --mat-tree-container-background-color: #131314;
  --mat-tree-node-text-color: #e4e2e3;
  --mat-tree-node-text-font: Montserrat;
  --mat-tree-node-text-size: 1rem;
  --mat-tree-node-text-weight: 300;
  --mat-tree-node-min-height: 48px;
}
html {
  --mat-timepicker-container-background-color: #1f1f20;
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-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);
}

.spin-animation {
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* new dark pallete*/
:root .mat-mdc-slider {
  width: 100%;
  height: 2.5rem;
}
:root .mat-mdc-slider .mdc-slider__track--inactive {
  opacity: unset;
}
:root .mat-mdc-slider .mdc-slider__thumb {
  height: 2.5rem;
  width: 2.5rem;
  left: -1.25rem;
  border-radius: 50%;
  overflow: hidden;
}
:root .mat-mdc-slider .mdc-slider__thumb .mat-mdc-slider-visual-thumb .mat-ripple {
  border-radius: 50%;
}
:root {
  --mat-slider-ripple-color: orange;
}
:root {
  --mat-slider-hover-state-layer-color: transparent;
}
:root {
  --mat-slider-focus-state-layer-color: transparent;
}
:root {
  --mdc-slider-handle-height: 1.5rem;
}
:root {
  --mdc-slider-handle-width: 0.5rem;
}
:root {
  --mdc-slider-hover-handle-color: #ffffff;
}
:root {
  --mdc-slider-focus-handle-color: inherit;
}
:root {
  --mdc-slider-handle-color: inherit;
}
:root {
  --mdc-slider-disabled-handle-color: #37425D;
}
:root {
  --mdc-slider-disabled-active-track-color: #37425D;
}
:root {
  --mdc-slider-active-track-color: inherit;
}
:root {
  --mdc-slider-inactive-track-color: #1b2131;
}

/* new dark pallete*/
html,
body,
div,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

:focus {
  outline: none;
}

/* --Основа-- */
html, body {
  font-family: "Montserrat", Arial, sans-serif;
  width: 100%;
  height: 100%;
}

img {
  border: 0;
  vertical-align: top;
}

/* --Ссылки-- */
a {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}

a:hover {
  text-decoration: none;
}

a:focus {
  outline: none;
}

/* --Ссылки-- */
/* --Инпуты-- */
input, textarea, select, button {
  color: #000000;
  font-family: "Montserrat", Arial, sans-serif;
}

input:focus, textarea:focus {
  outline: none;
}

/* --Инпуты-- */
/* --Список-- */
ul, ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

li {
  margin: 0;
  padding-left: 0;
  list-style: none;
  outline: none !important;
}

div {
  outline: none !important;
}

/* --Список-- */
span {
  outline: none;
}

/*Addons*/
@-moz-document url-prefix() {}
.zoomImg {
  width: 100%;
  -webkit-transform: scale(1, 1);
  -webkit-transition-timing-function: ease-out;
  -webkit-transition-duration: 250ms;
  -moz-transform: scale(1, 1);
  -moz-transition-timing-function: ease-out;
  -moz-transition-duration: 250ms;
}

.zoomImg:hover {
  -webkit-transform: scale(1.05, 1.07);
  -webkit-transition-timing-function: ease-out;
  -webkit-transition-duration: 250ms;
  -moz-transform: scale(1.05, 1.07);
  -moz-transition-timing-function: ease-out;
  -moz-transition-duration: 250ms;
}

/*Addons*/
/* new dark pallete*/
@font-face {
  font-family: "Montserrat";
  src: url('Montserrat-Bold.30ee527fe4b339b9.ttf') format("truetype"), url('Montserrat-Bold.6fc2f279c46d2196.woff') format("woff"), url('Montserrat-Bold.ab9b423122f75724.eot') format("eot"), url('Montserrat-Bold.41adb36a64f3b0c4.svg') format("svg");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat";
  src: url('Montserrat-SemiBold.276fe145c335ba8b.ttf') format("truetype"), url('Montserrat-SemiBold.3c050bb75bb46223.woff') format("woff"), url('Montserrat-SemiBold.1a1291115c6320cf.svg') format("svg"), url('Montserrat-SemiBold.d17cb7b07be3cb04.eot') format("eot");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat";
  src: url('Montserrat-Medium.861bdc7038a6624b.ttf') format("truetype"), url('Montserrat-Medium.4b877465fd1131e1.woff') format("woff"), url('Montserrat-Medium.a030bef57fb9aa86.svg') format("svg"), url('Montserrat-Medium.9f5aa7e1c569ae2a.eot') format("eot");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat";
  src: url('MontserratRegular.35b193b3aea14399.ttf') format("truetype"), url('MontserratRegular.5d393e9d4751bbc7.woff') format("woff"), url('MontserratRegular.2ab88a7f827372b3.svg') format("svg"), url('MontserratRegular.2cfb0b0ab3b82663.eot') format("eot");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "RobotoMonoRegular";
  src: url('RobotoMono-Regular.d72dbd98cb884c31.ttf') format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "DroidSansMono";
  src: url('DroidSansMono.19324b158063b340.ttf') format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "playout";
  src: url('PlayOut.f097f67c1775346d.ttf?amjro0') format("truetype"), url('PlayOut.8c477b08b70898c7.woff?amjro0') format("woff"), url('PlayOut.b10c82d9d130b803.svg?amjro0#playout') format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^=i-], [class*=" i-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "playout" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.i-chain:before {
  content: "\e96e";
}

.i-user-settings:before {
  content: "\e96c";
}

.i-access-group:before {
  content: "\e968";
}

.i-permission:before {
  content: "\e969";
}

.i-composition:before {
  content: "\e96a";
}

.i-roles:before {
  content: "\e96b";
}

.i-merge:before {
  content: "\e967";
}

.i-alert-triangle:before {
  content: "\e95e";
}

.i-lines:before {
  content: "\e95d";
}

.i-actions:before {
  content: "\e95c";
}

.i-star-item:before {
  content: "\e954";
}

.i-picture_in_picture:before {
  content: "\e953";
}

.i-fullscreen_exit:before {
  content: "\e952";
}

.i-fullscreen:before {
  content: "\e94e";
}

.i-reload:before {
  content: "\e95b";
}

.i-cloud:before {
  content: "\e96d";
}

.i-undo-round:before {
  content: "\e965";
}

.i-redo:before {
  content: "\e966";
}

.i-ic-folder-special:before {
  content: "\e964";
}

.i-tab:before {
  content: "\e963";
}

.i-linear:before {
  content: "\e961";
}

.i-linear_wo_folder:before {
  content: "\e962";
}

.i-structure:before {
  content: "\e960";
}

.i-clean:before {
  content: "\e956";
}

.i-pin:before {
  content: "\e957";
}

.i-pin_filled:before {
  content: "\e958";
}

.i-play_circular:before {
  content: "\e959";
}

.i-Save:before {
  content: "\e95a";
}

.i-hot:before {
  content: "\e955";
}

.i-trimmer-right:before {
  content: "\e951";
}

.i-double_arrow_up:before {
  content: "\e94d";
}

.i-cancel-action:before {
  content: "\e93f";
}

.i-transcode:before {
  content: "\e93b";
}

.i-folder:before {
  content: "\e92e";
}

.i-media:before {
  content: "\e922";
}

.i-accounts:before {
  content: "\e924";
}

.i-EPG:before {
  content: "\e934";
}

.i-playlist:before {
  content: "\e935";
}

.i-Chanels:before {
  content: "\e944";
}

.i-ticker:before {
  content: "\e904";
}

.i-advertising:before {
  content: "\e902";
}

.i-captions:before {
  content: "\e90c";
}

.i-connect:before {
  content: "\e900";
}

.i-tags:before {
  content: "\e91f";
}

.i-animation:before {
  content: "\e949";
}

.i-streams:before {
  content: "\e91e";
}

.i-server:before {
  content: "\e920";
}

.i-profile:before {
  content: "\e921";
}

.i-announcement:before {
  content: "\e903";
}

.i-cut:before {
  content: "\e930";
}

.i-add_advert:before {
  content: "\e94f";
}

.i-add_playlist:before {
  content: "\e950";
}

.i-logout:before {
  content: "\e94b";
}

.i-Audio:before {
  content: "\e94c";
}

.i-color:before {
  content: "\e901";
}

.i-calendar-copy-6:before {
  content: "\e905";
}

.i-download:before {
  content: "\e93c";
}

.i-star:before {
  content: "\e93e";
}

.i-restart-all:before {
  content: "\e93d";
}

.i-restart:before {
  content: "\e940";
}

.i-copy:before {
  content: "\e941";
}

.i-templ-copy-2:before {
  content: "\e942";
}

.i-connect1:before {
  content: "\e90f";
}

.i-personal-copy:before {
  content: "\e943";
}

.i-1:before {
  content: "\e906";
}

.i-3:before {
  content: "\e907";
}

.i-2:before {
  content: "\e908";
}

.i-next-frame:before {
  content: "\e909";
}

.i-previous-frame:before {
  content: "\e90a";
}

.i-playlist-2:before {
  content: "\e90b";
}

.i-arrow_left:before {
  content: "\e90d";
}

.i-arrow_upward:before {
  content: "\e91c";
}

.i-arrow_downward:before {
  content: "\e91d";
}

.i-volume:before {
  content: "\e90e";
}

.i-volume_off:before {
  content: "\e910";
}

.i-play:before {
  content: "\e936";
}

.i-pause:before {
  content: "\e91b";
}

.i-stop:before {
  content: "\e91a";
}

.i-fast_rewind:before {
  content: "\e92a";
}

.i-fast_forward:before {
  content: "\e92f";
}

.i-unlock:before {
  content: "\e911";
}

.i-lock:before {
  content: "\e912";
}

.i-time:before {
  content: "\e913";
}

.i-download1:before {
  content: "\e914";
}

.i-info:before {
  content: "\e915";
}

.i-setting:before {
  content: "\e916";
}

.i-done:before {
  content: "\e917";
}

.i-activate:before {
  content: "\e918";
}

.i-deactivate:before {
  content: "\e919";
}

.i-play-video:before {
  content: "\e923";
}

.i-delete:before {
  content: "\e925";
}

.i-edit:before {
  content: "\e926";
}

.i-video:before {
  content: "\e927";
}

.i-more:before {
  content: "\e928";
}

.i-blank:before {
  content: "\e929";
}

.i-keyboard_arrow_right:before {
  content: "\e92b";
}

.i-keyboard_arrow_left:before {
  content: "\e92c";
}

.i-add:before {
  content: "\e92d";
}

.i-search:before {
  content: "\e931";
}

.i-radio-button-unchecked:before {
  content: "\e932";
}

.i-radio-button-checked:before {
  content: "\e933";
}

.i-music:before {
  content: "\e937";
}

.i-image:before {
  content: "\e938";
}

.i-check-box:before {
  content: "\e939";
}

.i-check-box_outline:before {
  content: "\e93a";
}

.i-back:before {
  content: "\e947";
}

.i-next:before {
  content: "\e945";
}

.i-change_password:before {
  content: "\e94a";
}

.i-cancel:before {
  content: "\e946";
}

.i-calendar:before {
  content: "\e948";
}

.i-rss:before {
  content: "\e95f";
}

.i-duration:before {
  content: "\e96f";
}

.i-subtitles:before {
  content: "\e97c";
}

.i-active:before {
  content: "\e970";
}

.i-inactive:before {
  content: "\e971";
}

.i-schedule:before {
  content: "\e972";
}

.i-side-by-side:before {
  content: "\e973";
}

.i-side-panel:before {
  content: "\e974";
}

.i-new-window:before {
  content: "\e975";
}

.i-preview:before {
  content: "\e976";
}

.i-tasks-queue:before {
  content: "\e97e";
}

.i-free-space:before {
  content: "\e978";
}

.i-delete-outline:before {
  content: "\e979";
}

.i-gps-fixed:before {
  content: "\e97a";
}

.i-gps-not-fixed:before {
  content: "\e97b";
}

.i-last-page:before {
  content: "\e97d";
}

.i-do_disturb_alt:before {
  content: "\e977";
}

.i-error_outline:before {
  content: "\e97f";
}

.i-file-upload:before {
  content: "\e980";
}

.i-keyboard:before {
  content: "\e981";
}

.i-group-items:before {
  content: "\e982";
}

.i-file-empty:before {
  content: "\e986";
}

.i-zoom-in:before {
  content: "\e987";
}

.i-zoom-out:before {
  content: "\e988";
}

.i-zoom-auto:before {
  content: "\e989";
}

.i-zoom-active:before {
  content: "\e98a";
}

.i-plus:before {
  content: "\e983";
}

.i-minus:before {
  content: "\e984";
}

.i-task-split:before {
  content: "\e985";
}

.i-cloud_download:before {
  content: "\e98b";
}

.i-cloud_upload:before {
  content: "\e98c";
}

.i-mobile:before {
  content: "\e98d";
}

.i-create_new_folder:before {
  content: "\e98e";
}

.i-create_draft_file:before {
  content: "\e98f";
}

.i-upload_file:before {
  content: "\e990";
}

.i-upload_folder:before {
  content: "\e991";
}

.i-slider:before {
  content: "\e993";
}

.i-undo:before {
  content: "\e992";
}

/* new dark pallete*/
cdkScrollable::-webkit-scrollbar {
  width: 15px;
}

cdkScrollable::-webkit-scrollbar-track {
  background: rgb(55, 66, 93);
}

cdkScrollable::-webkit-scrollbar-thumb {
  background-color: rgb(18, 31, 63);
  cursor: pointer !important;
  border-radius: 4px !important;
}

cdkScrollable::-webkit-scrollbar-thumb:hover {
  background-color: rgb(70, 0, 122);
}

/* new dark pallete*/
.toast-title {
  font-weight: 700;
}

.toast-message {
  word-wrap: break-word a, label;
  word-wrap-color: #ffffff;
}

.toast-message a:hover {
  color: #37425D;
  text-decoration: none;
}

.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: 700;
  color: #ffffff;
  text-shadow: none;
  opacity: 0.8;
}
.toast-close-button:focus, .toast-close-button:hover {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
}

button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}

.toast-top-center {
  top: 0;
  right: 0;
  width: 100%;
}

.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%;
}

.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}

.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}

.toast-top-left {
  top: 12px;
  left: 12px;
}

.toast-top-right {
  top: 12px;
  right: 12px;
}

.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}

.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}

.toast-container {
  position: fixed;
  z-index: 99999;
}

.toast-container * {
  box-sizing: border-box;
}

.toast-container > div {
  position: relative;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  border-radius: 2px;
  background-position: 15px;
  background-repeat: no-repeat;
  box-shadow: none;
  color: #ffffff;
  opacity: 0.9;
}

.toast-container > div.toast-custom {
  padding: 15px;
  color: #030303;
}

.toast-container > div.toast-custom .toast-close-button {
  color: #999 !important;
}

.toast-container > :hover {
  opacity: 1;
  cursor: pointer;
}

.toast-container > .toast-info {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important;
}

.toast-container > .toast-error {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important;
}

.toast-container > .toast-success {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important;
}

.toast-container > .toast-warning {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important;
}

.toast-container.toast-bottom-center > div, #toast-container.toast-top-center > div {
  width: 300px;
  margin: auto;
}

.toast-container.toast-bottom-full-width > div, #toast-container.toast-top-full-width > div {
  width: 96%;
  margin: auto;
}

.toast {
  background-color: #ffffff;
}

.toast-success {
  background-color: #51a351;
}

.toast-error {
  background-color: #a92710;
}

.toast-info {
  background-color: #47bea8;
}

.toast-warning {
  background-color: #bcc92a;
}

.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000;
  opacity: 0.4;
}

@media all and (max-width: 240px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 241px) and (max-width: 480px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 481px) and (max-width: 768px) {
  #toast-container > div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
}
/* new dark pallete*/
.p-colorpicker-color-handle {
  border: 2px solid;
}

.p-float-label {
  margin-bottom: 21px;
  padding: 2px 0 5px;
  font-family: "Montserrat", sans-serif;
}
.p-float-label label {
  left: 1px;
  top: 8px;
  margin-top: 0;
}
.p-float-label > textarea ~ label {
  left: 1px;
  top: 17px;
}

.form-group .p-float-label > input:focus ~ label,
.form-group .p-float-label > input.p-state-filled ~ label,
.form-group .p-float-label > .p-inputwrapper-focus ~ label,
.form-group .p-float-label > .p-inputwrapper-filled ~ label {
  top: -8px;
  font-size: 12px;
}

.p-inputtext {
  padding: 0;
}

.p-datepicker td.p-datepicker-other-month > span.p-disabled {
  display: none !important;
}
.p-datepicker td > span.p-disabled {
  pointer-events: none;
  color: #565F76;
}

.p-carousel-dots-container {
  display: none;
}

.p-accordion .p-accordion-content {
  padding: 0 2px;
}

.p-slider {
  margin-top: 20px;
  background: #ffffff;
  border: 0 none;
  border-radius: 3px;
}

.p-slider.p-slider-horizontal {
  height: 10px;
}

.p-slider .p-slider-handle {
  background: #ffffff;
  border-radius: 50%;
}

.p-slider .p-slider-handle:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.5px #a6d5fa;
}

.p-slider .p-slider-range {
  background: #32bfc4;
}

.p-slider:not(.p-disabled) .p-slider-handle:hover:hover {
  transform: scale(1.2);
}

.min-audio-level-slider .p-slider-handle {
  height: 24px;
  width: 2px;
  background: #32bfc4;
  border: 0;
  border-radius: 2px;
  z-index: 10;
  cursor: pointer;
  margin-top: -12px;
}

.current-time-slider .p-slider {
  margin-top: -10px;
  background: rgba(0, 0, 0, 0);
}
.current-time-slider .p-slider .p-slider-range {
  opacity: 0;
}
.current-time-slider .p-slider .p-slider-handle {
  height: 30px;
  width: 2px;
  background: #a456ed;
  border: 0;
  border-radius: 2px;
  z-index: 10;
  cursor: pointer;
  margin-top: -15px;
  margin-left: -2px;
}

.range-slider .p-slider {
  pointer-events: none;
}
.range-slider .p-slider .p-slider-handle {
  pointer-events: auto;
  height: 24px;
  width: 4px;
  background: #32bfc4;
  border-radius: 2px;
  z-index: 5;
  cursor: pointer;
  margin-top: -12px;
  margin-left: -3px;
}

.deleting-progress-slider .p-slider.p-slider-horizontal {
  height: 14px;
  background: #1b2131;
  border-radius: 7px;
  margin-top: 13px;
  width: calc(100% - 6px);
  margin-left: 3px;
}
.deleting-progress-slider .p-slider.p-slider-horizontal:before {
  content: "";
  position: absolute;
  width: calc(100% + 6px);
  left: -3px;
  height: 14px;
  background: #1b2131;
  border-radius: 7px;
}
.deleting-progress-slider .p-slider-horizontal .p-slider-range {
  top: 3px;
  border-radius: 7px;
  height: 7.5px;
}

.volume-slider .p-slider.p-slider-vertical {
  background: #1b2131;
  width: 6px;
  height: calc(100% - 15px);
  margin: 2px 0 6px 10px;
  border-radius: 2px;
}
.volume-slider .p-slider.p-slider-vertical:before {
  content: "";
  position: absolute;
  height: calc(100% + 4px);
  top: -2px;
  width: 10px;
  left: -2px;
  background: #1b2131;
  border-radius: 2px;
}
.volume-slider .p-slider .p-slider-range {
  pointer-events: none;
  z-index: 5;
  width: 6px;
  height: calc(100% - 10px);
  border-radius: 1px;
  background: #258dcb;
}

.channel-video .volume-slider .p-slider.p-slider-vertical {
  height: 85px;
}

.p-datepicker-month, .p-datepicker-year {
  color: #ffffff;
  margin: 0 4px;
}

p-progressBar.progresbar-green .p-progressbar-value {
  background: #7ed321;
}
p-progressBar.progresbar-yellow .p-progressbar-value {
  background: #f5a623;
}
p-progressBar.progresbar-red .p-progressbar-value {
  background: #bb2020;
}

.p-progressbar {
  position: relative;
  overflow: hidden;
  border: 1px solid #ffffff;
  height: 6px;
  background: #ffffff;
  border-radius: 10px;
}
.p-progressbar .p-progressbar-value {
  border: 0 none;
  margin: 0;
  background: #7ed321;
}

/* new dark pallete*/
.left-menu {
  background-color: #1b2131;
  width: 56px;
  text-align: left;
  height: 100vh;
  z-index: 10;
  overflow-y: auto;
  overflow-x: hidden;
}
.left-menu i {
  font-size: 28px;
  width: 28px;
  /* width: 40px;
   min-width: 40px;*/
  text-align: left;
}
.left-menu .ng-scroll-content {
  width: 100%;
}

/*.sidebar {
  position: relative;
  height: 100vh;
  padding-top: 52px;
}*/
.sidebar-logo {
  height: 50px;
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  transition: width 250ms ease-in-out;
  border-bottom: 1px solid #828a9d;
  left: 0;
  top: 0;
  width: 256px;
  background: #1b2131;
}
.sidebar-logo .logo {
  padding: 8px;
  display: inline-block;
  width: 100%;
  height: 100%;
  text-align: center;
}
.sidebar-logo img {
  max-height: 100%;
  max-width: 100%;
  object-fit: contain;
}

.sidebar-item {
  width: 100%;
  height: 51px;
}
.sidebar-item:hover {
  background-color: #2b3653;
}
.sidebar-item.active a {
  background-color: #6029ab;
}
.sidebar-item a {
  align-items: center;
  display: flex;
  gap: 1rem;
  padding: 8px 14px;
  width: 100%;
  height: 100%;
  position: relative;
}
.sidebar-item span {
  position: absolute;
  left: 4rem;
  white-space: nowrap;
}

.left-menu.close .sidebar-logo {
  width: 56px;
}
.left-menu.close .sidebar-collapse-arr span {
  transform: rotate(180deg);
}

.account-menu {
  background: #1b2131;
  width: 256px;
  border: 1px solid #37425D;
  padding: 8px 0;
}
.account-menu .account-menu-item {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 0 10px 0 14px;
  color: #ffffff;
  line-height: 48px;
  height: 48px;
  font-size: 14px;
}
.account-menu .account-menu-item span {
  padding-left: 10px;
  line-height: 20px;
  text-align: left;
}
.account-menu .account-menu-item i {
  font-size: 30px;
  width: 30px;
}
.account-menu .account-menu-item:hover {
  background: #2b3653;
}
.account-menu .ng-scroll-content {
  width: 100%;
}

.preview-items {
  background: #1b2131;
  width: 322px;
  border: 1px solid #37425D;
  padding: 14px 20px;
}
.preview-items .h3 {
  margin-bottom: 16px;
}
.preview-items .ng-dropdown-panel.ng-select-bottom {
  margin-top: 0;
}

/* new dark pallete*/
.ng-select {
  padding-bottom: 0;
}
.ng-select:hover .ng-select-container:after {
  border-color: #6029ab;
}
.ng-select .ng-select-container {
  min-height: auto;
  overflow: visible !important;
}
.ng-select .ng-select-container .ng-value-container {
  padding-bottom: 0;
  padding-top: 0;
  border-top: 0;
  min-height: 27px;
}
.ng-select .ng-select-container .ng-value-container .ng-input > input {
  cursor: pointer !important;
}
.ng-select .ng-select-container .ng-value-container .ng-placeholder {
  color: #ffffff;
  opacity: 0.5;
  margin-top: 8px;
}
.ng-select .ng-select-container.ng-has-value .ng-value-container .ng-placeholder {
  margin-top: 0;
}
.ng-select .ng-select-container:after {
  border-color: #ffffff;
}
.ng-select.invalid .ng-select-container:after {
  border-color: #F55D3E;
}
.ng-select.warning .ng-select-container:after {
  border-color: #f5a623;
}
.ng-select .ng-arrow-wrapper .ng-arrow {
  color: #ffffff;
}
.ng-select.ng-select-focused .ng-select-container .ng-value-container .ng-placeholder {
  color: #ffffff;
  opacity: 0.7;
}
.ng-select.ng-select-focused .ng-select-container .ng-arrow-wrapper .ng-arrow {
  color: #ffffff;
}
.ng-select.ng-select-focused .ng-select-container:after {
  border: 1px solid #ffffff !important;
}
.ng-select .ng-clear-wrapper {
  color: #828a9d;
}
.ng-select .ng-clear-wrapper:hover {
  color: #ffffff;
}

.ng-dropdown-panel {
  background: #37425D;
  border-radius: 4px;
  z-index: 9999 !important;
}
.ng-dropdown-panel.light-gray {
  background: #565F76;
}
.ng-dropdown-panel.light-gray .ng-dropdown-panel-items .ng-option.ng-option-selected {
  background: #2b3653;
}
.ng-dropdown-panel.light-gray .ng-dropdown-panel-items .ng-option.ng-option-marked {
  background: #404A64;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
  color: #ffffff;
  line-height: 24px;
  min-height: auto;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected {
  color: #ffffff;
  background: #2b3653;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked {
  color: #ffffff;
  background: #1b2131;
}
.ng-dropdown-panel.ng-select-bottom {
  z-index: 9999;
}

.ng-select.ng-select-disabled .ng-select-container:after {
  border-bottom-color: #ffffff;
  background-image: none;
  opacity: 0.3;
}
.ng-select.ng-select-disabled .ng-select-container .ng-value-container .ng-placeholder {
  color: #ffffff;
}
.ng-select.ng-select-disabled .ng-select-container .ng-arrow-wrapper .ng-arrow, .ng-select.ng-select-disabled .ng-select-container .ng-clear-wrapper {
  color: #ffffff;
  opacity: 0.3;
}

.ng-select .ng-arrow-wrapper {
  bottom: 0;
}

.ng-select.ng-select-focused .ng-select-container .ng-value-container .ng-placeholder,
.ng-select .ng-has-value .ng-placeholder, .ng-select.ng-select-opened .ng-placeholder {
  margin-top: 0;
}

.ng-select .ng-select-container .ng-value-container .ng-input {
  bottom: 0;
}

.ng-select.ng-select-single .ng-select-container .ng-arrow-wrapper {
  bottom: 5px;
}
.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-value {
  padding: 5px 2px 0;
  color: #ffffff;
}

.ng-select.ng-select-multiple .ng-select-container.ng-has-value .ng-arrow-wrapper {
  border-top: 0 solid transparent;
}
.ng-select.ng-select-multiple .ng-select-container.ng-has-value .ng-clear-wrapper {
  border-top: 0.4em solid transparent;
}
.ng-select.ng-select-multiple .ng-select-container.ng-has-value .ng-value-container {
  padding-bottom: 0;
  padding-top: 0;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value {
  border: 1px solid #32bfc4 !important;
  background: #37425D !important;
  border-radius: 12px;
  vertical-align: middle;
  margin: 0 5px 5px 0;
  padding: 1px 5px;
  max-width: 100%;
  overflow: hidden;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon {
  color: #828a9d;
  cursor: pointer;
  vertical-align: middle;
  font-size: 16px;
  float: right;
  padding: 0 0 0 7px;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover {
  color: #ffffff;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label {
  max-width: 95%;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input {
  min-height: 28px;
}

.ng-select.ng-select-focused .ng-select-container .ng-value-container .ng-placeholder,
.ng-select .ng-has-value .ng-placeholder,
.ng-select.ng-select-opened .ng-placeholder {
  font-size: 15px;
  transform: translateY(-13px) scale(0.75) perspective(100px) translateZ(0.001px);
}

/* new dark pallete*/
:root {
  font-size: 14px;
}

.body {
  /*  min-width: $minBodyWidth;
    min-height: $minBodyHeight;*/
}
.body.new-window {
  min-width: 0;
  min-height: 0;
}

body {
  background: linear-gradient(180deg, rgb(17, 33, 45) 9%, rgb(6, 20, 27) 66%);
  color: #ffffff;
  font-weight: normal;
  overflow: auto;
}
body * {
  box-sizing: border-box;
  /* Disable selection/Copy of UIWebView */
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  touch-action: none;
  -webkit-user-drag: none;
}

.not-selectable {
  -webkit-user-select: none;
          user-select: none;
}

table {
  width: 100%;
}

img, iframe, video {
  object-fit: contain;
  object-position: center;
  width: 100%;
  height: 100%;
}

audio {
  object-fit: contain;
  object-position: center;
  width: 90%;
  height: 30px;
  margin: auto;
}

/* width */
::-webkit-scrollbar {
  width: 15px;
  height: 15px;
  -webkit-transition: width 0.2s ease-in-out;
  transition: width 0.2s ease-in-out;
}

/* Track */
* {
  scrollbar-width: thin;
  scrollbar-color: #1b2131 #37425D; /* thumb color and track color */
}

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

.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9 {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 5px;
  padding-left: 5px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

h1, .h1 {
  font-size: clamp(20px, 1vw + 1rem, 26px); /* min, preferred, max */
  font-weight: bold;
  line-height: 0.9;
}

h2, .h2 {
  display: inline-block;
  font-size: clamp(14px, 1vw + 0.8rem, 18px); /* ~80% of h1 */
  font-weight: 600;
  line-height: 1;
}

h3, .h3 {
  font-size: clamp(12px, 1vw + 0.3rem, 14px); /* ~70% of h1 */
  font-weight: 500;
}

.text-big {
  font-size: 24px;
  font-weight: bold;
}

.text-bold {
  font-weight: bold;
}

.text-small {
  font-size: 12px;
}

.text-bigger {
  font-size: 16px;
}

.hide {
  display: none;
}

.cursive {
  font-style: italic;
}

.relative {
  position: relative;
}

.flex {
  display: flex;
}

.flex-center {
  display: flex;
  align-items: center;
}

.flex-end {
  display: flex;
  justify-content: flex-end;
  z-index: 90;
}

.flex-space-between {
  display: flex;
  justify-content: space-between;
}

.flex-wrap {
  display: flex;
  flex-wrap: wrap;
}

.inline-flex {
  display: inline-flex;
  flex-wrap: wrap;
}

.float-right {
  float: right !important;
}

.float-left {
  float: left !important;
}

.text-right {
  text-align: right;
}

.text-lighter {
  opacity: 0.5;
}

.text-blue {
  color: #32bfc4;
  font-weight: 500;
}

.text-warning {
  color: #f5a623 !important;
}

.text-error, .text-red, .alert-danger {
  color: #F55D3E !important;
}

.alert-success {
  color: #7ed321;
  font-size: 12px;
  margin-top: 4px;
}

.success {
  color: #7ed321 !important;
}

.dark-blue-block {
  background: #1b2131;
  border-radius: 4px;
}

.inline-block {
  display: inline-block;
}

.m-t-8 {
  margin-top: 8px;
}

.m-t-16 {
  margin-top: 16px;
}

.m-t-24 {
  margin-top: 24px;
}

.m-b-16 {
  margin-bottom: 16px;
}

.w-50 {
  width: 49%;
  display: inline-block;
}

.w-100 {
  width: 100%;
}

.resource-container {
  display: flex;
  margin: 6px 0 10px;
  height: 100%;
  min-height: 450px;
  overflow: hidden;
  padding: 0;
  flex-wrap: wrap;
  border-radius: 4px;
}

.input-search-container {
  margin-left: 75px;
}

.header {
  width: 100%;
  justify-content: space-between;
  padding: 12px 0 16px;
}

input[type=file] {
  cursor: pointer;
}

.hidden {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.light-dark-bg {
  background-color: #4e515b;
}

.exportDataMenu {
  min-width: 130px;
}

.qmodeMenu {
  width: 55px;
  padding: 3px 6px 4px;
  border-end-start-radius: 16px;
  border-end-end-radius: 16px;
  margin-left: -36px;
  background: #37425D;
}
.qmodeMenu li:hover {
  color: #BA8BFF;
}
.qmodeMenu:before, .qmodeMenu:after {
  content: "";
  position: absolute;
  width: 7px;
  height: 7px;
  top: -6px;
  background: #37425D;
}
.qmodeMenu:before {
  left: -36px;
}
.qmodeMenu:after {
  right: 0;
}

.contextMenu, .p-submenu-list {
  box-shadow: 5.6px 11.2px 11.2px hsla(0, 0%, 0%, 0.33);
  border-radius: 5px;
  background-color: #37425D;
  min-width: 215px;
  z-index: 10;
}
.contextMenu .p-menuitem, .p-submenu-list .p-menuitem {
  display: block;
  width: 100%;
  text-align: left;
  cursor: pointer;
}
.contextMenu .p-menuitem .passive, .p-submenu-list .p-menuitem .passive {
  margin: 4px 15px;
  padding: 4px 0;
}
.contextMenu .p-menuitem .chosen, .p-submenu-list .p-menuitem .chosen {
  color: #a456ed;
}
.contextMenu .p-menuitem .p-menuitem-content > div, .p-submenu-list .p-menuitem .p-menuitem-content > div {
  color: #fff;
  font-weight: 500;
  padding: 10px 15px;
}
.contextMenu .p-menuitem:hover, .p-submenu-list .p-menuitem:hover {
  background-color: #828a9d;
}
.contextMenu .p-menuitem--parent-menu:before, .p-submenu-list .p-menuitem--parent-menu:before {
  margin: 3px 0;
  font-family: "playout";
  content: "\e936";
  float: right;
  font-size: 14px;
}
.contextMenu i, .p-submenu-list i {
  margin-right: 5px;
  font-size: 16px;
  vertical-align: bottom;
  width: 20px;
  display: inline-block;
}
.contextMenu .p-menuitem-active, .p-submenu-list .p-menuitem-active {
  background-color: #4e515b;
}

.p-submenu-list {
  bottom: -5px !important;
  top: auto !important;
}

.divider, .p-menuitem-separator {
  display: block;
  height: 1px;
  color: #fff;
  opacity: 0.1;
  background-color: #fff;
  width: 90% !important;
  margin: 0 auto;
}

.rolesMenu {
  min-width: 180px;
}

.hotlistContextMenu {
  margin-left: -130px;
  margin-top: 10px;
}

.zoomMenu {
  padding: 0.5rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.zoomMenu .p-menuitem {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-align: left;
  cursor: auto;
}
.zoomMenu .p-menuitem > div {
  align-items: center;
  display: flex;
  gap: 0.5rem;
}
.zoomMenu .p-menuitem .passive {
  width: 40px;
  padding: 0;
  margin: 0;
}
.zoomMenu .p-menuitem:hover {
  color: unset;
  background: unset;
}

.layerSettingsMenu .p-menuitem > div {
  margin: 0;
  padding: 0;
}

.roboto-font-1_5-spacing {
  font-family: "RobotoMonoRegular", sans-serif;
  letter-spacing: -1.5px;
}

.roboto-font-2_5-spacing {
  font-family: "RobotoMonoRegular", sans-serif;
  letter-spacing: -2.5px;
}

.roboto-font {
  font-family: "RobotoMonoRegular", sans-serif;
}

.droid-sans-mono-font {
  font-family: DroidSansMono, monospace, sans-serif;
}

.droid-sans-mono-font-1-spacing {
  font-family: DroidSansMono, monospace, sans-serif;
  letter-spacing: -1px;
}

.resizable {
  position: relative;
}
.resizable.no-transition {
  transition: none !important;
}

.rg-right, .rg-left, .rg-top, .rg-bottom {
  position: absolute;
  cursor: row-resize;
  width: 2rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 5;
}

.rg-top {
  width: 100%;
  top: 0;
  left: 0;
  margin-top: 0;
}

.rg-right {
  right: 0;
  top: 50%;
  transform: translate(calc(50% + 0.5rem), 50%);
}

.rg-bottom {
  bottom: 0;
  left: 50%;
  transform: translate(-50%, calc(50% + 1rem));
}

.rg-left {
  cursor: col-resize;
  height: 100%;
  left: 0;
  top: 0;
  margin-left: -15px;
}

.user-select-text {
  -webkit-user-select: text;
          user-select: text;
}

.cdk-drag-handle {
  cursor: all-scroll;
}

.diagonal-line::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  border-top: 1px solid #ffffff;
  bottom: 55%;
  transform: rotate(-37deg);
  transform-origin: center;
}

.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  display: flex;
}

form {
  width: 100%;
  margin: 0 auto;
}
form label {
  position: relative;
}
form .form-group {
  margin-bottom: 23px;
}
form .form-group .text-right {
  font-size: 16px;
}
form .form-group label {
  font-size: 12px;
  opacity: 0.5;
  color: #ffffff;
}
form .form-group label.invalid {
  color: #F55D3E;
  opacity: 1;
}
form .form-group label.warning {
  color: #f5a623;
  opacity: 1;
}
form .form-group small {
  color: #F55D3E;
  position: absolute;
  font-size: 12px;
  line-height: 12px;
  margin-top: 3px;
}

.form-buttons-group {
  margin-top: 32px;
}

.p-datepicker {
  box-shadow: 5.6px 11.2px 11.2px hsla(0, 0%, 0%, 0.33);
  background: #1b2131;
  padding: 0.5em;
}
.p-datepicker thead tr:first-child th {
  background: unset;
}
.p-datepicker tbody > tr > td {
  border: none !important;
}
.p-datepicker .p-highlight {
  border: 1px solid white;
  border-radius: 50%;
}
.p-datepicker thead tr th:not(:first-child)::before {
  display: none;
}
.p-datepicker td span {
  padding: 0.5em;
}
.p-datepicker .p-datepicker-header {
  position: relative;
  padding: 0.7em 0;
}
.p-datepicker .p-datepicker-today span {
  border: 1px solid #32bfc4;
  border-radius: 20px;
}

body ::ng-deep .p-datepicker-timeonly {
  width: 110px;
}
body ::ng-deep .p-datepicker-timeonly .p-timepicker > div {
  margin-left: 0;
}
body ::ng-deep .p-datepicker-timeonly .pi {
  display: inline-block;
}
body ::ng-deep .p-datepicker-timeonly .pi:before {
  content: "";
  display: block;
  border: solid #828a9d;
  border-width: 0 2px 2px 0;
  height: 8px;
  width: 8px;
}
body ::ng-deep .p-datepicker-timeonly .pi.pi-chevron-up:before {
  transform: rotate(-135deg);
}
body ::ng-deep .p-datepicker-timeonly .pi.pi-chevron-down:before {
  transform: rotate(45deg);
}

input, textarea {
  /* Exception for input areas */
  -webkit-touch-callout: default !important;
  -webkit-user-select: text !important;
  padding: 0 2px;
}

/* Change the white to any color */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 50px #565F76 inset;
  -webkit-text-fill-color: #ffffff;
}

.input-search,
input,
select, textarea {
  width: 100%;
  min-height: 25px;
  border: 0;
  border-radius: 0;
  border-bottom: 1px solid #ffffff;
  font-family: "Montserrat";
  background: transparent;
  color: #ffffff;
  padding: 0;
  font-size: 14px;
  cursor: pointer;
}
.input-search:not(.disabled):hover, .input-search:not(.disabled):focus, .input-search:not(.disabled):active,
input:not(.disabled):hover,
input:not(.disabled):focus,
input:not(.disabled):active,
select:not(.disabled):hover,
select:not(.disabled):focus,
select:not(.disabled):active, textarea:not(.disabled):hover, textarea:not(.disabled):focus, textarea:not(.disabled):active {
  border-color: #6029ab;
}
.input-search:disabled, .input-search.disabled,
input:disabled,
input.disabled,
select:disabled,
select.disabled, textarea:disabled, textarea.disabled {
  opacity: 0.3;
  pointer-events: none;
}
.input-search.ng-touched.ng-invalid, .input-search.invalid,
input.ng-touched.ng-invalid,
input.invalid,
select.ng-touched.ng-invalid,
select.invalid, textarea.ng-touched.ng-invalid, textarea.invalid {
  border-color: #F55D3E;
}

p-inputmask.ng-touched.ng-invalid input, p-inputmask.invalid input, p-calendar.ng-touched.ng-invalid input, p-calendar.invalid input {
  border-color: #F55D3E;
}

ng-select.ng-touched.ng-invalid .ng-select-container:after, ng-select.invalid .ng-select-container:after {
  border-color: #F55D3E;
}

p-checkbox {
  display: inline-block;
  vertical-align: middle;
  margin: 6px 8px 8px 0;
}

.p-checkbox-box {
  color: #ffffff;
  cursor: pointer;
  font-size: 18px;
  vertical-align: middle;
  position: relative;
  font-family: "playout";
}
.p-checkbox-box:after {
  content: "\e93a";
}
.p-checkbox-box .p-checkbox-icon {
  display: none;
}
.p-checkbox-box.p-highlight {
  color: #32bfc4;
}
.p-checkbox-box.p-highlight:after {
  content: "\e939";
}

.p-checkbox-label, .checkbox-label {
  cursor: pointer;
  display: inline-block;
  padding: 0;
  position: relative;
  vertical-align: middle;
}

input[type=checkbox],
input[type=radio] {
  opacity: 0;
  position: absolute;
  width: auto;
  height: auto;
}

textarea {
  resize: none;
  height: 26px;
  min-height: 26px;
  line-height: 19px;
  max-height: 140px;
}

select option {
  border: 1px solid #828a9d;
  background: #2b3653;
  cursor: pointer;
}
select option:hover {
  background: #828a9d;
}
select option[selected=selected] {
  margin: 10px 4px 10px 0;
  padding: 1px 2px 1px 8px;
  border: 1px solid #32bfc4;
  background: #37425D;
  border-radius: 12px;
  vertical-align: middle;
}
select.small-select {
  width: 47px;
  height: 24px;
  border-bottom: 1px solid #828a9d;
}

.input-search-container {
  display: inline-flex;
  position: relative;
  align-items: center;
}
.input-search-container form {
  width: auto;
}
.input-search-container label {
  width: 256px;
  display: inline-block;
}
.input-search-container .i-search {
  position: absolute;
  left: 0;
  font-size: 25px;
  color: #ffffff;
  padding: 0;
}
.input-search-container .i-search:disabled {
  opacity: 1;
}

.input-search {
  padding-left: 30px;
  padding-right: 15px;
  height: 32px;
  border-bottom: 1px solid #828a9d;
}

.form-title {
  margin: 12px 0 8px;
}

.input-small {
  display: inline-block;
  width: 110px;
  margin-left: 4px;
  vertical-align: middle;
}

.form-icon {
  vertical-align: middle;
  font-size: 24px;
  color: #828a9d;
}

.form-group-border {
  border-bottom: 1px solid #ffffff;
  padding-bottom: 3px;
}
.form-group-border .i-edit {
  float: right;
  font-size: 22px;
  color: #32bfc4;
  margin-top: -4px;
  cursor: pointer;
}
.form-group-border .i-edit:hover {
  color: #ffffff;
}

.add-icon {
  color: #32bfc4;
  font-size: 18px;
  vertical-align: sub;
  margin-left: 6px;
  cursor: pointer;
}
.add-icon:hover {
  color: #ffffff;
}

.p-radiobutton-label {
  cursor: pointer;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #ffffff;
  opacity: 0.5;
}

::-moz-placeholder { /* Firefox 19+ */
  color: #ffffff;
  opacity: 0.5;
}

:-ms-input-placeholder { /* IE 10+ */
  color: #ffffff;
  opacity: 0.5;
}

:-moz-placeholder { /* Firefox 18- */
  color: #ffffff;
  opacity: 0.5;
}

.choose-content-wrap {
  position: absolute;
  pointer-events: none;
  background: transparent;
  padding-top: 10px;
  z-index: 25;
  top: 20px;
  right: 25px;
}
.choose-content-wrap.open {
  pointer-events: auto;
}

.choose-content {
  border-radius: 4px;
  background: #2b3653;
  text-align: left;
  padding: 8px;
  font-size: 14px;
  border: 1px solid #1b2131;
  width: 175px;
}
.choose-content:before {
  content: "";
  border-left: 16px solid transparent;
  border-bottom: 16px solid #2b3653;
  position: absolute;
  right: 0;
  top: -3px;
}

.player-icons {
  display: inline-block;
  height: 50px;
  line-height: 50px;
  cursor: pointer;
  position: relative;
  margin: 0 4px;
}
.player-icons.disabled {
  pointer-events: none;
  opacity: 0.5;
}
.player-icons.clicked {
  color: #32bfc4;
}

.player-arrows {
  position: relative;
  display: flex;
  margin-right: 13px;
}
.player-arrows .player-arrows-time {
  position: absolute;
  width: 100%;
  font-size: 12px;
  text-align: center;
  height: 10px;
  bottom: 6px;
  line-height: 14px;
  margin: auto;
}

.i-undo-round div {
  left: -3px;
}

.i-redo div {
  left: 2px;
}

.additional-setting {
  cursor: pointer;
}
.additional-setting:hover {
  color: #32bfc4;
}

.p-accordion-header chevrondownicon, .p-accordion-header chevronrighticon {
  display: none;
}

chevronupicon, chevrondownicon, chevronrighticon, chevronlefticon {
  color: #ffffff;
}

/* new dark pallete*/
button {
  outline: none;
  border: none;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background: transparent none;
  font-size: 14px;
}

button:focus {
  outline-color: #ffffff;
}

button:disabled, button .disabled {
  opacity: 0.3;
  cursor: not-allowed !important;
}

.btn {
  display: flex;
  align-items: center;
  justify-content: center;
  /*  display: inline-block;
    //margin: 0 10px 0 0;
    text-align: center;
    vertical-align: middle;*/
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  background-color: #32bfc4;
  color: #ffffff;
  font-weight: 500;
  font-size: 1rem;
  padding: 0.5em 1em;
  height: 2rem;
  border-radius: 1em;
  white-space: nowrap;
  position: relative;
  min-width: 135px;
}
.btn--disabled {
  background-color: unset;
  border: 2px solid #32bfc4;
  cursor: not-allowed;
  opacity: 0.5;
}
.btn--error:hover {
  border: 2px solid #f5a623;
}
.btn:hover {
  opacity: 1;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
.btn:focus {
  outline-color: #ffffff;
}
.btn:disabled, .btn.disabled {
  opacity: 0.3;
  cursor: not-allowed !important;
}
.btn:disabled:hover, .btn.disabled:hover {
  opacity: 1;
}
.btn.invalid {
  cursor: help !important;
}
.btn--secondary {
  background-color: unset;
  opacity: 0.5;
  border: 1px solid #ffffff;
}
.btn--secondary:hover {
  background: unset;
  opacity: 1;
}

.drop-down-arrow {
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 20px;
  position: relative;
}
.drop-down-arrow:after {
  content: "";
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #ffffff;
  position: absolute;
  top: 0;
  bottom: 1px;
  left: 5px;
  margin: auto;
}
.drop-down-arrow.open:after {
  transform: rotate(-180deg);
  bottom: 4px;
}

.info-icon {
  margin-bottom: 6px;
  width: 19px;
  height: 18px;
}
.info-icon path:hover {
  fill: #fff;
}

.transform_180 {
  transform: rotate(180deg);
}

.icon-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 2rem;
  width: 2rem;
  font-size: 22px;
  cursor: pointer;
  color: inherit;
  position: relative;
}
.icon-button:hover {
  color: #fff;
}
.icon-button--disabled {
  color: #828a9d;
  cursor: not-allowed;
}
.icon-button--disabled:hover {
  color: #828a9d;
}

/* new dark pallete*/
.spinner-container {
  display: block;
  width: 100%;
  height: 100%;
}

.access-denied-wrapper {
  width: 100%;
  height: 100%;
  font-size: 34px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  border-radius: 4px;
  background-color: #1b2131;
}

.media-table {
  width: 100%;
  height: 100%;
}

.p-datatable > .p-datatable-wrapper {
  overflow: inherit;
}

.table {
  width: 100%;
  border-radius: 4px;
  background-color: #1b2131;
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.table .border-bottom {
  padding-bottom: 2px;
  margin-bottom: 2px;
}
.table .highlight-text {
  font-size: 34px;
}
.table .i-done {
  font-size: 24px;
  color: #32bfc4;
  margin-left: 20px;
}
.table .checkbox-icon {
  color: #828a9d;
  font-size: 21px;
}

.modal-content .table {
  height: calc(100% - 40px);
}

.empty-table {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  flex-wrap: wrap;
  width: 100%;
  height: calc(100% - 60px);
  position: absolute;
  top: 60px;
}
.empty-table i {
  font-size: 80px;
  color: #828a9d;
}
.empty-table .text-lighter {
  margin: 12px 0 24px;
}
.empty-table .empty-info {
  opacity: 0.25;
  text-align: center;
  font-size: 34px;
}

.p-datatable {
  height: 100%;
}

.table-head, .p-datatable .p-datatable-thead, .table .mat-mdc-table thead {
  background: #2b3653;
  position: relative;
}
.table-head.table-head-small, .p-datatable .p-datatable-thead.table-head-small, .table .mat-mdc-table thead.table-head-small {
  height: 30px;
  opacity: 0.6;
  font-size: 12px;
}
.table-head.table-head-small tr, .p-datatable .p-datatable-thead.table-head-small tr, .table .mat-mdc-table thead.table-head-small tr {
  height: 29px;
  border-bottom: 0;
}
.table-head .th-inner, .p-datatable .p-datatable-thead .th-inner, .table .mat-mdc-table thead .th-inner {
  display: flex;
  align-items: center;
  width: 100%;
}
.table-head .th-inner .w-50, .p-datatable .p-datatable-thead .th-inner .w-50, .table .mat-mdc-table thead .th-inner .w-50 {
  padding-top: 3px;
}
.table-head .th-name, .p-datatable .p-datatable-thead .th-name, .table .mat-mdc-table thead .th-name {
  display: inline-block;
  vertical-align: middle;
  text-align: justify;
  opacity: 0.4;
  font-weight: 300;
  white-space: normal;
  max-width: calc(100% - 9px);
}
.table-head .th-name.active, .p-datatable .p-datatable-thead .th-name.active, .table .mat-mdc-table thead .th-name.active {
  color: #BA8BFF;
  opacity: 1;
}
.table-head .table-sort, .p-datatable .p-datatable-thead .table-sort, .table .mat-mdc-table thead .table-sort {
  color: #828a9d;
  font-size: 16px;
  margin: 4px 0 0 4px;
  display: inline-block;
  vertical-align: middle;
}
.table-head .table-sort-bottom, .table-head .table-sort-top, .p-datatable .p-datatable-thead .table-sort-bottom, .p-datatable .p-datatable-thead .table-sort-top, .table .mat-mdc-table thead .table-sort-bottom, .table .mat-mdc-table thead .table-sort-top {
  margin: 2px;
  width: 7px;
  height: 7px;
  cursor: pointer;
}
.table-head .table-sort-bottom.active:before, .table-head .table-sort-top.active:before, .p-datatable .p-datatable-thead .table-sort-bottom.active:before, .p-datatable .p-datatable-thead .table-sort-top.active:before, .table .mat-mdc-table thead .table-sort-bottom.active:before, .table .mat-mdc-table thead .table-sort-top.active:before {
  border-color: #BA8BFF;
}
.table-head .table-sort-bottom:before, .table-head .table-sort-top:before, .p-datatable .p-datatable-thead .table-sort-bottom:before, .p-datatable .p-datatable-thead .table-sort-top:before, .table .mat-mdc-table thead .table-sort-bottom:before, .table .mat-mdc-table thead .table-sort-top:before {
  content: "";
  display: block;
  border: solid #828a9d;
  border-width: 0 2px 2px 0;
  height: 4px;
  width: 4px;
}
.table-head .table-sort-bottom:hover:before, .table-head .table-sort-top:hover:before, .p-datatable .p-datatable-thead .table-sort-bottom:hover:before, .p-datatable .p-datatable-thead .table-sort-top:hover:before, .table .mat-mdc-table thead .table-sort-bottom:hover:before, .table .mat-mdc-table thead .table-sort-top:hover:before {
  border-color: #ffffff;
}
.table-head .table-sort-bottom:before, .p-datatable .p-datatable-thead .table-sort-bottom:before, .table .mat-mdc-table thead .table-sort-bottom:before {
  transform: rotate(45deg);
}
.table-head .table-sort-top:before, .p-datatable .p-datatable-thead .table-sort-top:before, .table .mat-mdc-table thead .table-sort-top:before {
  transform: rotate(-135deg);
}

.p-datatable.p-datatable-resizable .p-datatable-thead > tr > th,
.p-datatable-resizable-table > .p-datatable-tbody > tr > td {
  white-space: normal;
}

.p-datatable-scrollable-view,
.p-datatable-scrollable-wrapper {
  height: 100%;
}

.p-datatable .p-datatable-thead .p-column-resizer {
  width: 2px;
  border-radius: 1px;
  z-index: 20;
}

.p-datatable-scrollable-header-box {
  margin-right: 0 !important;
  padding-right: 0 !important;
}

.p-datatable .p-column-resizer-helper {
  background: #6029ab;
}
.p-datatable .p-datatable-scrollable-header-table {
  border-bottom: 2px solid #6029ab;
}

.p-datatable-scrollable-body {
  overflow: auto;
  height: calc(100% - 60px);
  padding: 0;
}

.table-content > tr > td, .table-content > tr td, .table-content tr > td, .table-content tr td {
  max-width: 0;
}

.p-datatable, .p-datatable-scrollable-view, .p-datatable-scrollable-wrapper {
  height: auto;
}

.table .p-datatable-scrollable-body {
  padding-bottom: 0;
}

table {
  border-collapse: separate;
}

tbody tr .mat-mdc-cell, tbody tr td {
  border-top: 1px solid transparent;
  border-bottom: 1px solid #3A4560 !important;
}
tbody tr.active td, tbody tr.active .mat-mdc-cell {
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff !important;
}

.p-datatable .p-datatable-tbody .table-buttons {
  width: 100%;
}

.table-body, .p-datatable .p-datatable-tbody {
  height: calc(100% - 50px);
  padding: 0;
}

.table-content, .table-body {
  height: 100%;
  position: relative;
}
.table-content .mdc-data-table__table, .table-body .mdc-data-table__table {
  background-color: #1b2131;
}
.table-content .mat-mdc-header-row, .table-content .mat-mdc-row, .table-content .mdc-data-table__content, .table-body .mat-mdc-header-row, .table-body .mat-mdc-row, .table-body .mdc-data-table__content {
  color: #ffffff;
  font-family: "Montserrat", Arial, sans-serif;
}
.table-content .mat-mdc-row, .table-body .mat-mdc-row {
  height: auto;
}
.table-content .mdc-data-table__cell, .table-content .mdc-data-table__header-cell, .table-body .mdc-data-table__cell, .table-body .mdc-data-table__header-cell {
  padding: 0;
}
.table-content .date-time-blck, .table-body .date-time-blck {
  min-width: 75px;
}
.table-content .table-content-small td, .table-body .table-content-small td {
  padding: 1px 4px;
}
.table-content tbody .table-buttons, .table-body tbody .table-buttons {
  display: flex;
  flex-basis: 75px;
  gap: 4px;
  justify-content: right;
  text-align: right;
  white-space: nowrap;
  visibility: hidden;
  color: #32bfc4;
}
.table-content tbody .table-buttons .mat-mdc-icon-button, .table-body tbody .table-buttons .mat-mdc-icon-button {
  color: inherit;
}
.table-content tbody .table-buttons :hover, .table-body tbody .table-buttons :hover {
  color: #ffffff;
}
.table-content tbody tr, .table-body tbody tr {
  cursor: pointer;
}
.table-content tbody tr td, .table-body tbody tr td {
  padding: 0 0.5rem;
}
.table-content tbody tr td:last-child, .table-body tbody tr td:last-child {
  border-right: 1px solid transparent;
  overflow: hidden;
}
.table-content tbody tr td:first-child, .table-body tbody tr td:first-child {
  border-left: 1px solid transparent;
}
.table-content tbody tr.empty-tr, .table-body tbody tr.empty-tr {
  padding: 0;
  background: #911F27;
}
.table-content tbody tr.empty-tr td:first-child, .table-body tbody tr.empty-tr td:first-child {
  box-shadow: inset 0.3em 0 #bb2020;
}
.table-content tbody tr.empty-tr .p-frozen-column, .table-body tbody tr.empty-tr .p-frozen-column {
  background: transparent;
}
.table-content tbody tr.empty-tr:hover, .table-body tbody tr.empty-tr:hover {
  background-color: #7C323E;
}
.table-content tbody tr.empty-tr.active-task, .table-body tbody tr.empty-tr.active-task {
  background-color: #bb2020;
}
.table-content tbody tr.empty-tr.passed-task, .table-body tbody tr.empty-tr.passed-task {
  opacity: 0.6;
  color: #959AA9;
}
.table-content tbody tr.empty-tr .i-add, .table-body tbody tr.empty-tr .i-add {
  color: #32bfc4;
  cursor: pointer;
}
.table-content tbody tr.empty-tr .i-add:hover, .table-body tbody tr.empty-tr .i-add:hover {
  color: #a456ed;
}
.table-content tbody tr.empty-tr span, .table-body tbody tr.empty-tr span {
  margin-right: 16px;
}
.table-content tbody tr.active, .table-body tbody tr.active {
  border: 1px solid #ffffff;
}
.table-content tbody tr.active td:first-child, .table-body tbody tr.active td:first-child {
  border-left: 1px solid #ffffff;
}
.table-content tbody tr.active td:last-child, .table-body tbody tr.active td:last-child {
  border-right: 1px solid #ffffff;
}
.table-content tbody tr.active.new .media-name,
.table-content tbody tr.active.new .media-type, .table-body tbody tr.active.new .media-name,
.table-body tbody tr.active.new .media-type {
  color: #F55D3E;
}
.table-content tbody tr.passed-task, .table-body tbody tr.passed-task {
  opacity: 0.6;
  color: #959AA9;
}
.table-content tbody tr.chosen, .table-body tbody tr.chosen {
  background: #6029ab;
}
.table-content tbody tr.highlighted, .table-body tbody tr.highlighted {
  opacity: 0.6;
}
.table-content tbody tr:nth-child(even).active, .table-content tbody tr:nth-child(odd).active, .table-body tbody tr:nth-child(even).active, .table-body tbody tr:nth-child(odd).active {
  border: 1px solid #ffffff;
}
.table-content tbody tr:nth-child(even).active td:first-child, .table-content tbody tr:nth-child(odd).active td:first-child, .table-body tbody tr:nth-child(even).active td:first-child, .table-body tbody tr:nth-child(odd).active td:first-child {
  border-left: 1px solid #ffffff;
}
.table-content tbody tr:nth-child(even).active td:last-child, .table-content tbody tr:nth-child(odd).active td:last-child, .table-body tbody tr:nth-child(even).active td:last-child, .table-body tbody tr:nth-child(odd).active td:last-child {
  border-right: 1px solid #ffffff;
}
.table-content tbody tr:nth-child(even).active.new .media-name,
.table-content tbody tr:nth-child(even).active.new .media-type, .table-content tbody tr:nth-child(odd).active.new .media-name,
.table-content tbody tr:nth-child(odd).active.new .media-type, .table-body tbody tr:nth-child(even).active.new .media-name,
.table-body tbody tr:nth-child(even).active.new .media-type, .table-body tbody tr:nth-child(odd).active.new .media-name,
.table-body tbody tr:nth-child(odd).active.new .media-type {
  color: #F55D3E;
}
.table-content tbody tr:nth-child(even).chosen, .table-content tbody tr:nth-child(odd).chosen, .table-body tbody tr:nth-child(even).chosen, .table-body tbody tr:nth-child(odd).chosen {
  background: #6029ab !important;
}
.table-content tbody tr.choose-td, .table-content tbody tr.check-td, .table-body tbody tr.choose-td, .table-body tbody tr.check-td {
  cursor: pointer;
}
.table-content tbody tr.choose-td.chosen, .table-content tbody tr.check-td.chosen, .table-body tbody tr.choose-td.chosen, .table-body tbody tr.check-td.chosen {
  background: #6029ab;
}
.table-content tbody tr:not(.empty-tr):hover, .table-body tbody tr:not(.empty-tr):hover {
  background-color: #202636;
}
.table-content tbody tr:not(.empty-tr):hover.chosen:hover, .table-body tbody tr:not(.empty-tr):hover.chosen:hover {
  background-color: #5929A2;
}
.table-content tbody tr:hover .table-buttons, .table-body tbody tr:hover .table-buttons {
  visibility: visible;
  opacity: 1;
}
.table-content tbody tr .additional-td, .table-body tbody tr .additional-td {
  padding: 0;
}
.table-content tbody tr .additional-td:first-child, .table-body tbody tr .additional-td:first-child {
  padding: 0;
}
.table-content tbody tr .additional-td tr:last-child, .table-body tbody tr .additional-td tr:last-child {
  border-bottom-color: transparent;
}
.table-content tbody tr .collapsed-tr > td, .table-body tbody tr .collapsed-tr > td {
  padding: 0;
}
.table-content tbody tr .tags, .table-body tbody tr .tags {
  padding: 0 6px;
  font-size: 12px;
}
.table-content tbody .media-type, .table-body tbody .media-type {
  font-size: 24px;
  color: #828a9d;
  text-align: center;
  width: auto;
  position: relative;
  display: flex;
  overflow: visible;
}
.table-content tbody .type-icon, .table-body tbody .type-icon {
  font-size: 24px;
  color: #ffffff;
  text-align: center;
  width: auto;
  position: relative;
  display: flex;
}
.table-content tbody .type-icon i, .table-body tbody .type-icon i {
  margin-right: 8px;
}
.table-content tbody .i-EPG, .table-body tbody .i-EPG {
  height: 20px;
  font-size: 24px;
  text-align: center;
}
.table-content tbody .flex-center, .table-body tbody .flex-center {
  display: flex;
  align-items: center;
}
.table-content tbody .flex-center .media-type, .table-body tbody .flex-center .media-type {
  margin-right: 5px;
}
.table-content tbody .flex-center .media-name div, .table-body tbody .flex-center .media-name div {
  margin: 2px 0;
}

.media-card-table-btn,
.actions-btn,
.action-button {
  color: #32bfc4;
  font-size: 22px;
  position: relative;
  padding: 0;
  vertical-align: middle;
}
.media-card-table-btn:last-child,
.actions-btn:last-child,
.action-button:last-child {
  margin-right: 0;
}
.media-card-table-btn:hover,
.actions-btn:hover,
.action-button:hover {
  color: #ffffff;
}
.media-card-table-btn button,
.actions-btn button,
.action-button button {
  font-size: 22px;
  margin-bottom: 2px;
  color: #32bfc4;
}
.media-card-table-btn button:hover,
.actions-btn button:hover,
.action-button button:hover {
  color: #ffffff;
}
@media screen and (max-width: 1280px) {
  .media-card-table-btn,
  .actions-btn,
  .action-button {
    margin-right: 2px;
  }
}

.link-td {
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.td-info {
  min-height: 27px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  padding: 0 0.5rem;
}
.td-info > div {
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  word-wrap: break-word;
}
.td-info a {
  color: #32bfc4;
}
.td-info a:hover {
  color: #ffffff;
}
.td-info .description {
  max-width: 99%;
  max-height: 145px;
  overflow-y: auto;
}
.td-info .time-icon {
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 0;
  justify-content: center;
  width: 28px;
  margin: 0 5px 0 0;
}
.td-info .time-icon i {
  font-size: 22px;
  color: #ffffff;
  text-align: center;
  margin-left: 5px;
}

.td-block-hidden {
  display: none;
  position: absolute;
  top: -4px;
  left: calc(100% + 13px);
  z-index: 10;
  width: 240px;
}
.td-block-hidden > div {
  display: inline-block;
  border-radius: 4px;
  padding: 0 6px;
  background: #37425D;
}
.td-block-hidden:before {
  content: "";
  border-left: 12px solid transparent;
  border-top: 13px solid #37425D;
  position: absolute;
  left: -11px;
  top: 10px;
}

.tags-group {
  padding: 6px 0;
}
.tags-group + .tags-group {
  border-top: 1px solid #565F76;
}

.text-icon i {
  font-size: 16px;
  margin-right: 2px;
  vertical-align: middle;
  color: #828a9d;
}
.text-icon + .text-icon {
  margin-top: 4px;
}

p-paginator.p-element {
  height: 51px;
}

.pagination, .p-datatable .p-paginator-bottom {
  height: 51px;
  width: 100%;
  border-top: 1px solid oklch(100% 0 0/0.1);
  z-index: 9;
  padding: 12px 20px;
  text-align: right;
  display: block !important;
}
.pagination .p-paginator-element, .p-datatable .p-paginator-bottom .p-paginator-element {
  width: 21px;
  height: 21px;
}
.pagination .p-paginator-element.p-disabled, .p-datatable .p-paginator-bottom .p-paginator-element.p-disabled {
  visibility: hidden;
  pointer-events: none;
}
.pagination .modal-content ::ng-deep .pagination, .p-datatable .p-paginator-bottom .modal-content ::ng-deep .pagination {
  padding: 12px;
}
.pagination p-dropdown, .p-datatable .p-paginator-bottom p-dropdown {
  float: left;
  width: 50px;
  height: 24px;
  border-bottom: 1px solid #828a9d;
}
.pagination p-dropdown .p-dropdown, .p-datatable .p-paginator-bottom p-dropdown .p-dropdown {
  display: block;
  text-align: left;
  margin-left: 0;
}
.pagination p-dropdown .p-dropdown:after, .p-datatable .p-paginator-bottom p-dropdown .p-dropdown:after {
  content: "";
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #ffffff;
  position: absolute;
  top: 2px;
  bottom: 0;
  right: 7px;
  margin: auto;
  transition: all 0.2s ease-in-out;
}
.pagination p-dropdown .p-dropdown .p-dropdown-label, .p-datatable .p-paginator-bottom p-dropdown .p-dropdown .p-dropdown-label {
  width: 100%;
  padding-left: 3px;
}
.pagination p-dropdown .p-dropdown-open:after, .p-datatable .p-paginator-bottom p-dropdown .p-dropdown-open:after {
  transform: rotate(180deg);
}
.pagination .p-dropdown-items-wrapper, .p-datatable .p-paginator-bottom .p-dropdown-items-wrapper {
  box-shadow: none;
  background: #828a9d;
  border-radius: 4px;
  width: 52px;
}
.pagination .p-dropdown-items-wrapper .p-dropdown-items, .p-datatable .p-paginator-bottom .p-dropdown-items-wrapper .p-dropdown-items {
  padding: 2px 0;
}
.pagination .p-dropdown-items-wrapper .p-dropdown-items .p-dropdown-item, .p-datatable .p-paginator-bottom .p-dropdown-items-wrapper .p-dropdown-items .p-dropdown-item {
  padding: 2px 5px;
}
.pagination .p-dropdown-items-wrapper .p-dropdown-items .p-dropdown-item:hover, .p-datatable .p-paginator-bottom .p-dropdown-items-wrapper .p-dropdown-items .p-dropdown-item:hover {
  background: rgba(0, 0, 0, 0.04);
  color: #32bfc4;
}

.p-paginator-pages .p-paginator-page {
  text-align: center;
  margin: 0 2px;
  width: 21px;
  height: 21px;
  display: inline-block;
  vertical-align: middle;
  border: 1px solid transparent;
  cursor: pointer;
  padding: 0;
  font-size: 14px;
  line-height: 21px;
  color: #ffffff;
}
.p-paginator-pages .p-paginator-page.p-highlight {
  border: 1px solid #32bfc4;
  border-radius: 100%;
  pointer-events: none;
}
.p-paginator-pages .p-paginator-page.p-highlight:only-child {
  visibility: hidden;
}

.p-paginator-prev,
.p-paginator-next,
.p-paginator-first,
.p-paginator-last {
  cursor: pointer;
}
.p-paginator-prev:after,
.p-paginator-next:after,
.p-paginator-first:after,
.p-paginator-last:after {
  content: "";
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #ffffff;
  position: absolute;
  top: 0;
  bottom: 1px;
  left: 5px;
  margin: auto;
}

.p-paginator-first:before,
.p-paginator-last:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #ffffff;
  position: absolute;
  top: 0;
  bottom: -11px;
  left: 5px;
  margin: auto;
}

.p-paginator-prev,
.p-paginator-first {
  transform: rotate(90deg);
  margin-top: 3px;
}

.p-paginator-next,
.p-paginator-last {
  transform: rotate(-90deg);
}

.td-buttons {
  display: flex;
  justify-content: flex-end;
  gap: 4px;
  align-items: center;
  width: 100%;
}
.td-buttons .i-star-item, .td-buttons .i-pin {
  width: auto;
  height: auto;
  display: inline-block;
  vertical-align: middle;
  margin: 0 3px;
  font-size: 22px;
  padding: 0 3px 4px;
  color: #828a9d;
  visibility: hidden;
  opacity: 0;
}
.td-buttons .i-star-item.active, .td-buttons .i-pin.active {
  color: #ffffff;
  visibility: visible;
  opacity: 1;
}
.td-buttons .i-star-item:hover, .td-buttons .i-pin:hover {
  color: #32bfc4;
}

.collapsed-tr * {
  transition: display 0.2s ease-in-out;
}
.collapsed-tr.close {
  border-top-color: transparent;
}
.collapsed-tr.close * {
  display: none;
}

.collapse-td {
  cursor: pointer;
}
.collapse-td .drop-down-arrow {
  float: right;
}

.modal-table-container {
  display: flex;
  max-height: calc(100vh - 400px);
}

.border-bottom {
  border-bottom: 1px solid #3A4560;
}

.border-bottom-white {
  border-bottom: 1px solid #ffffff;
}

.border-top-white {
  border-top: 1px solid #ffffff;
}

.table-collapse-date {
  border-bottom: 1px solid #ffffff;
  padding: 6px 15px;
  background: #2b3653;
  cursor: pointer;
  margin-bottom: 1px;
}
.table-collapse-date + table {
  display: none;
}
.table-collapse-date + table.open {
  display: table;
}

.active-channel:before {
  content: "";
  display: inline-block;
  border-radius: 100%;
  background: #ea5f5f;
  width: 6px;
  height: 6px;
  margin-right: 8px;
  vertical-align: middle;
}

.download-epg-items {
  display: flex;
  flex-direction: column;
  position: absolute;
  background: #1b2131;
  transition: all 0.2s ease-in-out;
  border-radius: 4px;
  border: 1px solid #37425D;
  padding: 0.5rem;
  z-index: 20;
}

.color-scooter {
  color: #32bfc4;
}

.playlist-tasks-table tr {
  cursor: pointer;
}
.playlist-tasks-table tr:hover .i-EPG {
  visibility: visible;
  opacity: 1;
}

.nowrap {
  white-space: nowrap;
}
.nowrap > div:hover {
  background: #3c445c;
  border-radius: 4px;
  color: #ffffff;
  padding: 3px 8px 3px 0;
  overflow: visible;
  white-space: normal;
  height: auto;
  width: max-content;
  max-width: 50vw;
  min-width: 100%;
  opacity: 1;
  z-index: 100;
  position: absolute;
}

.cluster-items-wrap {
  width: 100%;
}
.cluster-items-wrap .cluster-item-tooltip {
  margin: 10px 5px;
  display: flex;
}
.cluster-items-wrap .cluster-item-tooltip.empty-task {
  color: #F55D3E;
}
.cluster-items-wrap .cluster-item-tooltip .cluster-item-title {
  margin-right: 10px;
  width: calc(100% - 120px);
  overflow: hidden;
  text-overflow: ellipsis;
}
.cluster-items-wrap .cluster-item-tooltip .tooltip-task-duration {
  white-space: nowrap;
}

.drag-n-drop-header {
  background: rgba(18, 31, 63, 0.3);
  border-radius: 4px;
  padding: 15px 10px 4px;
  min-height: 114px;
}
.drag-n-drop-header .filters-container {
  margin-top: 58px;
}
.drag-n-drop-header .drop-search-container {
  width: 300px;
  position: absolute;
  right: 10px;
  top: 61px;
}
.drag-n-drop-header .drop-media-breadcrumbs {
  margin-left: 218px;
  margin-top: 0;
  float: left;
  width: calc(100% - 185px - 145px);
  overflow: hidden;
}
.drag-n-drop-header .drop-media-breadcrumbs .breadcrumbs .menu-item {
  font-size: 14px !important;
}

.week-table-container .cdk-drop-list-dragging .week-item.task-item {
  background-color: rgba(96, 41, 171, 0.8);
}
.week-table-container .cdk-drop-list-dragging .cdk-drag-placeholder {
  width: 1px;
  height: 1px;
  opacity: 0;
  transform: none !important;
}

.reset-sorting {
  top: 19px;
  font-size: 18px;
  position: absolute;
  right: 10px;
  cursor: pointer;
}
.reset-sorting:hover {
  color: #a456ed;
}

.file-path {
  position: absolute;
  margin: 0;
  transition: left 1s linear;
  bottom: 0;
  width: 50vw;
  font-size: 12px;
  z-index: 5;
}
.file-path .file-path-folder {
  margin-left: -2px;
  opacity: 0.5;
}
.file-path .file-path-folder:hover {
  opacity: 1;
}

thead tr {
  z-index: 4;
}
thead tr:first-child th {
  background: #2b3653;
}
thead tr th:not(:first-child) {
  position: relative;
}
thead tr th:not(:first-child)::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.5rem;
  height: calc(100% - 1rem);
  width: 2px;
  border-radius: 1px;
  opacity: 0.5;
  background-color: #565F76;
}

.mat-mdc-table-sticky-border-elem-left {
  border-right: 1px solid rgba(86, 95, 118, 0.5019607843);
}
.mat-mdc-table-sticky-border-elem-left:before, .mat-mdc-table-sticky-border-elem-left + th:before {
  content: none !important;
}

.mat-mdc-table-sticky-border-elem-right {
  border-left: 1px solid rgba(86, 95, 118, 0.5019607843);
}
.mat-mdc-table-sticky-border-elem-right:before {
  content: none !important;
}

.p-calendar thead tr th:not(:last-child) {
  border-right: unset;
}

.p-paginator-rpp-options chevronupicon, .p-paginator-rpp-options chevrondownicon, .p-paginator-rpp-options chevronrighticon, .p-paginator-rpp-options chevronlefticon {
  display: none;
}

table .mat-mdc-table .mat-mdc-header-cell {
  background: unset;
}

.resize-handle {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 6px;
  border-right: 3px solid #6029ab;
  background: transparent;
  cursor: col-resize;
  opacity: 0;
  transition: opacity 0.3s;
}
.resize-handle:hover, .resize-handle:active {
  opacity: 1;
}

.mat-table {
  font-size: 13px;
  border: 1px solid oklch(100% 0 0/0.1);
}
.mat-table .mat-mdc-table .mat-mdc-header-cell {
  background: #1b2131;
  border-bottom: 1px solid oklch(100% 0 0/0.1);
  box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
}
.mat-table .mat-mdc-table .mat-mdc-header-cell.hidden-column-th {
  z-index: 103 !important;
}
.mat-table .cdk-header-row, .mat-table .cdk-row {
  font-size: 13px;
}
.mat-table .cdk-drop-list-dragging tr {
  cursor: grabbing;
}
.mat-table .cdk-drag-placeholder {
  opacity: 0;
  height: 46px;
  width: 100%;
}
.mat-table .cdk-drag-placeholder td {
  display: none;
}
.mat-table thead {
  border-collapse: separate;
}
.mat-table thead tr {
  height: auto;
}
.mat-table thead:after {
  content: none;
}
.mat-table .table-content {
  overflow-x: auto;
  overflow-anchor: none;
  flex: 1 0 0;
}

.revert-trimmer-icon {
  transform: rotate(180deg);
}

.trimmer-icon-wrapper {
  display: inline-block;
}

.cdk-drag-preview {
  background-color: #37425D;
  padding: 16px;
}

table tbody tr td {
  word-break: break-word;
}

.alternative-card {
  width: 320px;
  height: 100%;
  margin-left: 15px;
  border-radius: 4px;
  background-color: #37425D;
  position: relative;
  gap: 0.5rem;
  display: flex;
  flex-direction: column;
}
.alternative-card ::ng-deep .p-accordion .p-accordion-content {
  padding: 0;
}
.alternative-card ::ng-deep .p-accordion .p-accordion-header a {
  padding: 0;
}

.alternative-card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 0.6rem;
}

.alternative-card-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  font-size: 22px;
  cursor: pointer;
  color: #828a9d;
  position: relative;
}
.alternative-card-icon:hover {
  color: #ffffff;
}
.alternative-card-icon--active {
  color: #ffffff;
}
.alternative-card-icon button {
  color: #828a9d;
}
.alternative-card-icon button:hover {
  color: #ffffff;
}
.alternative-card-icon a {
  color: #828a9d;
}
.alternative-card-icon a:hover {
  color: #ffffff;
}

.media-card-form {
  display: flex;
  align-items: center;
  height: 100%;
  position: relative;
  background: #1b2131;
}

.alternative-card-body {
  height: calc(100% - 48px);
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.alternative-card-body .drop-files {
  font-size: 18px;
  position: relative;
  height: 210px;
}
.alternative-card-body .drop-files form {
  width: 100%;
  height: 100%;
  text-align: center;
  border: 1px dashed #ffffff;
}
.alternative-card-body .drop-files label {
  width: 100%;
  height: 100%;
  z-index: 10;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 70px;
}
.alternative-card-body .media-card-preview {
  position: relative;
  height: 210px;
  width: 100%;
  align-items: center;
  background: #1b2131;
}

.alternative-card-block-wrap {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  overflow-y: auto;
  overflow-x: hidden;
  width: 100%;
  height: 100%;
}

.alternative-card-title {
  font-size: 18px;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 1rem;
}
.alternative-card-title span {
  margin-right: 7px;
  -webkit-user-select: text;
          user-select: text;
}
.alternative-card-title i {
  font-size: 24px;
  vertical-align: sub;
  margin-right: 7px;
}
.alternative-card-title .text-lighter {
  font-size: 14px;
}

.alternative-card-block {
  border-top: 1px solid #565F76;
  padding: 0.5rem 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.alternative-card-block .divider {
  height: 1px;
  width: 100%;
  background: #565F76;
}
.alternative-card-block .row {
  font-size: 14px;
  align-items: center;
}
.alternative-card-block .float-right {
  font-size: 16px;
  text-align: right;
}
.alternative-card-block .float-right span {
  margin-left: 5px;
  max-width: 250px;
  overflow: auto;
  display: inline-block;
}
.alternative-card-block .col-12 {
  font-size: 14px;
  overflow-x: auto;
}

.img-text {
  display: flex;
  align-items: center;
}
.img-text img {
  width: 50%;
  height: auto;
  border-radius: 4px;
  margin-top: 5px;
}
.img-text .img-title {
  font-size: 16px;
}
.img-text .text-lighter {
  font-size: 12px;
  margin-bottom: 2px;
}
.img-text + .img-text {
  margin-top: 16px;
}

.alternative-card-block-title {
  font-weight: 500;
  cursor: pointer;
}

.alternative-card-block-inner {
  margin-top: 5px;
}

.media-card-layers div {
  margin-bottom: 8px;
  color: #32bfc4;
  font-weight: 500;
  position: relative;
}
.media-card-layers div.active:before {
  content: "";
  display: inline-block;
  border-radius: 100%;
  background: #ea5f5f;
  width: 6px;
  height: 6px;
  margin-right: 8px;
  vertical-align: middle;
}
.media-card-layers div:last-child {
  margin-bottom: 0;
}

.p-accordion .p-accordion-header.p-highlight .drop-down-arrow:after {
  transform: rotate(-180deg);
  bottom: 4px;
}

.item-container {
  flex-wrap: wrap;
  background: #1b2131;
  border-radius: 4px;
  z-index: 2;
  overflow: hidden auto;
  height: auto;
  padding: 0 16px 16px;
  margin-bottom: 20px;
}

.item-block {
  margin-top: 16px;
}
.item-block .i-add {
  margin-left: 10px;
  font-size: 20px;
  vertical-align: middle;
  cursor: pointer;
}
.item-block .i-add:hover {
  color: #32bfc4;
}

.item-block-value {
  margin-top: 6px;
}

.item-block-title {
  font-size: 18px;
  font-weight: 600;
}

.item-buttons-actions {
  display: inline-flex;
  background: #1b2131;
  height: 32px;
  border-radius: 100px;
  vertical-align: middle;
  margin-left: 40px;
}
.item-buttons-actions + .btn {
  margin-left: 20px;
}
.item-buttons-actions .action-button {
  padding: 0;
  width: 52px;
  text-align: center;
}
.item-buttons-actions .action-button + .action-button {
  border-left: 2px solid #565F76;
}

.additional-info {
  cursor: pointer;
  opacity: 0.5;
}
.additional-info:hover {
  color: #32bfc4;
  opacity: 1;
}
.additional-info .i-play {
  display: inline-block;
  margin: 1px -5px 2px 8px;
}
.additional-info .i-play-show {
  transform: rotate(90deg);
}
.additional-info .i-play-hide {
  transform: rotate(270deg);
}

.close-card {
  font-size: 24px;
  cursor: pointer;
  color: #828a9d;
}

.p-dialog-mask.p-component-overlay {
  pointer-events: auto;
  transition: background 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  background: rgba(18, 31, 63, 0.7);
}

.mat-select-content {
  background: #ffffff;
}

.p-dialog-mask .p-dialog {
  max-height: 98%;
}
.p-dialog-mask .p-dialog .p-dialog-header {
  position: absolute;
  width: 100%;
  pointer-events: none;
}
.p-dialog-mask .p-dialog .p-dialog-header-icons {
  pointer-events: auto;
}
.p-dialog-mask .p-dialog .p-dialog-header-icon {
  z-index: 20;
  border: 0;
  margin: 20px 15px;
}
.p-dialog-mask .p-dialog .p-dialog-header-icon svg.p-dialog-header-close-icon.p-icon {
  font-size: 24px;
  color: #ffffff;
}
.p-dialog-mask .p-dialog .p-dialog-header-icon svg.p-dialog-header-close-icon.p-icon:hover {
  color: #32bfc4;
}

.modal-content {
  max-width: 94vw;
  background-color: #565F76;
  color: #ffffff;
  border-radius: 4px;
  box-shadow: none;
  border: none;
  width: 460px;
  padding: 2rem;
}
.modal-content.modal-slider {
  padding: 40px 64px;
}
.modal-content .fragment-item {
  display: inline-block;
  margin: 4px 4px 0 0;
  padding: 1px 2px;
  border: 1px solid #32bfc4;
  background: #37425D;
  border-radius: 12px;
  vertical-align: middle;
  min-width: 55px;
  text-align: center;
  cursor: pointer;
}
.modal-content .fragment-item.selected {
  background: #328391;
}
.modal-content .fragment-item.disabled {
  pointer-events: none;
  opacity: 0.7;
}

.modal-small .modal-content {
  width: 380px;
}

.modal-big .modal-content {
  width: 1120px;
}

.modal-middle .modal-content {
  width: 780px;
}

.modal-xl .modal-content {
  width: 1280px;
}

.modal-content.modal-content-small {
  width: 460px;
}

.p-dialog .p-dialog-content {
  padding: 0;
  box-shadow: 5.6px 11.2px 11.2px hsla(0, 0%, 0%, 0.33);
}

.modal-body, .modal-body-without-autofocus {
  margin-top: 24px;
}

.modal-title {
  font-size: 18px;
  color: #ffffff;
  font-weight: 600;
}

.modal-file-title {
  font-weight: 500;
}

.modal-buttons, .form-buttons-group {
  /*  text-align: center;
    white-space: nowrap;*/
  display: flex;
  justify-content: center;
}
.modal-buttons button, .form-buttons-group button {
  min-width: 135px;
  margin: 0;
}
.modal-buttons button + button, .form-buttons-group button + button {
  margin-left: 14px;
}

.icon-modal {
  display: inline-block;
  font-size: 24px;
  margin-right: 8px;
}

.modal-item {
  margin-bottom: 8px;
}
.modal-item .text-right {
  font-size: 16px;
}

.icon-upload-modal {
  font-size: 40px;
  margin-right: 8px;
}

.modal-file {
  width: 100%;
  min-height: 150px;
  display: flex;
  align-items: center;
  position: relative;
}
.modal-file.audio {
  height: 62px;
}
.modal-file.audio .modal-file {
  height: 62px;
}

.modal-search-container {
  display: flex;
  width: 100%;
}
.modal-search-container .i-search {
  position: absolute;
  left: 0;
  font-size: 25px;
  color: #ffffff;
  padding: 0;
}
.modal-search-container label {
  width: 100%;
}
.modal-search-container .search-qmode-container .i-play {
  right: 4px !important;
}

.file-status {
  font-size: 16px;
  width: 100%;
  text-align: center;
}

.media-conflicts {
  width: 100%;
  max-height: 40vh;
  height: 100%;
  padding: 2px 0;
}

.media-conflicts-item {
  align-items: center;
  padding: 12px 9px;
  position: relative;
  font-weight: 500;
  width: 100%;
  border-bottom: 1px solid #3A4560;
  border-top: 1px solid #3A4560;
  margin-bottom: -1px;
}
.media-conflicts-item.resolved {
  border-radius: 4px;
  background: #37425D;
}
.media-conflicts-item .text-error span {
  margin-right: 20px;
}

.media-conflicts-title {
  margin-bottom: 8px;
}

.radio-checked p-radiobutton label {
  background: #1b2131;
}

.radio-input {
  color: #32bfc4;
  position: relative;
  cursor: pointer;
  align-items: center;
  height: 100%;
  display: flex;
  justify-content: center;
  font-size: 14px;
}
.radio-input label {
  display: inline-block;
  padding: 3px 8px;
  text-align: center;
  border-radius: 20px;
}
.radio-input label.p-radiobutton-label-active, .radio-input label .p-radiobutton-checked {
  background: #1b2131;
}
.radio-input .p-radiobutton {
  position: absolute;
}
.radio-input + .radio-input {
  margin-left: 26px;
}

.radio-input-round {
  display: block;
  margin: 10px 0;
}
.radio-input-round .label-title {
  width: 70%;
}
.radio-input-round .label-title:before {
  content: "";
  width: 12px;
  height: 12px;
  background: transparent;
  border-radius: 24px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  border: 3px solid #1b2131;
}
.radio-input-round .label-title span {
  width: auto;
}
.radio-input-round + .radio-input {
  margin-top: 6px;
}
.radio-input-round input:checked + .label-title:before {
  background: #32bfc4;
  box-shadow: 0 0 0 2px #32bfc4;
}
.radio-input-round .form-group {
  display: inline-block;
  margin: -5px 0 0;
}
.radio-input-round .form-group label {
  display: inline-block;
}

.ether-dark-blue-block {
  background: #1b2131;
  border-radius: 4px;
  padding: 16px;
  max-height: calc(95vh - 270px);
  overflow: auto;
  width: calc(100% - 335px);
}
.ether-dark-blue-block .media-block {
  height: 250px;
  max-width: 390px;
  text-align: center;
  margin: 16px auto 0;
}
.ether-dark-blue-block .media-block.audio {
  height: 63px;
}
.ether-dark-blue-block .ether-btn {
  margin: 10px 15px 5px 0;
}
.ether-dark-blue-block .checkbox-icon {
  color: #ffffff;
}
.ether-dark-blue-block .input-search, .ether-dark-blue-block input, .ether-dark-blue-block select, .ether-dark-blue-block textarea {
  border-bottom: 1px solid #565F76;
}

.modal-bluewood-block {
  background: #2b3653;
  border-radius: 4px;
  height: 100%;
}
.modal-bluewood-block .col-4 {
  padding: 8px 21px;
}
.modal-bluewood-block .label-title {
  margin-bottom: 4px;
  margin-right: 4px;
  overflow: visible;
}
.modal-bluewood-block button.text-blue:hover {
  color: #ffffff;
}
.modal-bluewood-block .label-input {
  margin: 4px 0;
  white-space: nowrap;
}
.modal-bluewood-block .label-input.invalid i {
  color: #F55D3E;
}
.modal-bluewood-block .label-input.invalid input {
  border-color: #F55D3E;
}
.modal-bluewood-block .label-input.warning i {
  color: #f5a623;
}
.modal-bluewood-block .label-input.warning input {
  border-color: #f5a623;
}
.modal-bluewood-block .text-big.input-small {
  padding: 0;
  width: 170px;
}
.modal-bluewood-block__duration {
  display: flex;
  justify-content: center;
  padding: 8px 21px;
}
.modal-bluewood-block .flex-space-between__loop-duration {
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.modal-bluewood-block .flex-space-between__loop-duration .label-title {
  margin: 0 5px 0 0;
  opacity: 0.5;
  font-size: 14px;
}
.modal-bluewood-block .flex-space-between__loop-duration .label-input {
  margin: 0;
}
.modal-bluewood-block .flex-space-between__loop-duration input {
  font-size: 14px;
  font-weight: normal;
  width: 110px;
}
.modal-bluewood-block .flex-space-between__media-duration.media-duration-loop input {
  color: #32bfc4;
}
.modal-bluewood-block__duration input,
.modal-bluewood-block .flex-space-between__media-duration input {
  font-size: 22px;
  font-weight: bold !important;
  width: 160px;
}
.modal-bluewood-block__duration .form-icon,
.modal-bluewood-block .flex-space-between__media-duration .form-icon {
  vertical-align: text-bottom;
}
.modal-bluewood-block .flex-space-between {
  display: flex;
  justify-content: space-between;
  padding: 8px 22px 8px 16px;
}
.modal-bluewood-block .flex-space-between .input-small {
  width: 160px;
}

.col-4 .modal-bluewood-block, .col-6 .modal-bluewood-block {
  padding: 8px 16px;
}

.modal-gray-block {
  background: #37425D;
  border-radius: 4px;
}

.modal-card {
  width: 320px;
  min-height: 100%;
  padding: 1rem;
  margin-left: 15px;
  border-radius: 4px;
  background: #37425D;
  max-height: calc(95vh - 270px);
  overflow: auto;
}
.modal-card .media-block {
  height: 210px;
}
.modal-card .media-block.audio {
  height: 62px;
}
.modal-card ::ng-deep .p-accordion .p-accordion-content {
  padding: 0;
}
.modal-card ::ng-deep .p-accordion .p-accordion-header a {
  padding: 0;
}

.control-label.required:after {
  content: "*";
  position: absolute;
  margin-left: 5px;
  top: 7px;
}

.delete-modal-extra-text {
  margin-bottom: 1rem;
}

.add-task-wrapper {
  display: flex;
  justify-content: center;
}
.add-task-wrapper div {
  color: #32bfc4;
}

.extraTaskWrapper {
  background-color: #2b3653;
  border-radius: 4px;
  margin-top: 0.5rem;
  display: flex;
  position: relative;
}
.extraTaskWrapper > span {
  position: absolute;
  top: -10px;
  right: 5px;
  color: #32BFC4;
  font-size: 24px;
  margin: 14px 3px 10px;
  padding: 0 3px;
  cursor: pointer;
  z-index: 1;
}

.cdk-overlay-container {
  z-index: 9999 !important;
}

.modal-content .p-colorpicker-panel {
  width: 300px;
  height: 195px;
  background-color: transparent;
}
.modal-content .p-colorpicker-panel .p-colorpicker-color {
  width: 267px;
  height: 180px;
  background-size: 100% 100%;
  border: 1px solid #ffffff;
}
.modal-content .p-colorpicker-panel .p-colorpicker-color-selector {
  width: 267px;
  height: 180px;
  background-size: 100% 100%;
  top: 0;
  left: 0;
}
.modal-content .p-colorpicker-panel .p-colorpicker-hue {
  height: 180px;
  border: 1px solid #ffffff;
  left: 287px;
  background-size: 100% 100%;
  top: 0;
  width: 14px;
}
.modal-content .p-colorpicker-panel .p-colorpicker-hue-handle {
  left: -1px;
  width: 18px;
  height: 6px;
  border: 1px solid #ffffff;
  opacity: 1;
}

.loop-btn {
  padding: 0;
}
.loop-btn i {
  display: inline-block;
  width: 27px;
  height: 27px;
}
.loop-btn .i-time:hover {
  transition: transform 0.2s ease-in-out;
  transform: rotate(-90deg);
  color: #ffffff;
  font-size: 26px;
}
.loop-btn .i-time:hover:before {
  content: "\e94a";
}
.loop-btn .i-change_password {
  transform: rotate(90deg);
  color: #32bfc4;
  font-size: 26px;
}
.loop-btn .i-change_password:hover {
  transform: rotate(0);
  font-size: 24px;
  color: #ffffff;
}
.loop-btn .i-change_password:hover:before {
  content: "\e913";
}

.i_absolute {
  font-size: 16px;
  position: absolute;
  color: white;
  bottom: -2px;
  right: -3px;
}
.i_absolute.i-change_password {
  transform: rotate(90deg);
}

.change-lock-param {
  cursor: pointer;
  display: inline-block;
}
.change-lock-param:hover {
  color: #32bfc4;
}
.change-lock-param .i-lock {
  margin-left: 5px;
}

.use-broadcast-end-time-btn {
  color: #32bfc4;
  font-weight: 500;
  font-size: 12px;
  text-align: left;
  max-width: 175px;
  white-space: nowrap;
  display: block;
}
.use-broadcast-end-time-btn:hover {
  color: #ffffff;
}

.p-calendar-clear-icon, .p-inputmask-clear-icon {
  color: #ffffff;
  right: 0;
  padding-left: 8px;
  vertical-align: middle;
  font-size: 16px;
}
.p-calendar-clear-icon:before, .p-inputmask-clear-icon:before {
  font-family: "playout";
  content: "\e946";
}
.p-calendar-clear-icon:hover, .p-inputmask-clear-icon:hover {
  color: #ffffff;
}

p-fileUpload {
  display: block;
}
p-fileUpload plusicon {
  margin-right: 6px;
}
p-fileUpload .p-fileupload-choose {
  width: 100%;
  height: 38px;
  margin-top: 0.5rem;
  border-radius: 4px;
  background: #37425D;
  text-align: left;
  padding: 14px;
}
p-fileUpload .p-fileupload-choose:hover {
  background-color: #2b3653;
}
p-fileUpload .p-fileupload-choose input[type=file] {
  width: 1px;
}
p-fileUpload .p-button-text {
  line-height: 33px;
  text-align: left;
  padding: 3px 27px;
}
p-fileUpload .p-state-disabled {
  cursor: not-allowed !important;
  opacity: 0.5;
}

.mdc-tooltip.mat-mdc-tooltip {
  margin-top: 5px;
  padding: 0;
  max-width: 240px;
  cursor: pointer;
  z-index: 9999;
}
.mdc-tooltip.mat-mdc-tooltip .mdc-tooltip__surface {
  background: #37425D;
  border-radius: 4px;
  color: #ffffff;
  font-size: 13px;
  font-family: Montserrat, Arial, sans-serif;
  padding: 4px 8px 5px;
  z-index: 1000;
  white-space: pre-line !important;
  text-align: left;
  /*overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;*/
}
.mdc-tooltip.mat-mdc-tooltip .mdc-tooltip__surface .tags {
  white-space: normal;
}
.mdc-tooltip.mat-mdc-tooltip.normal-white-space .mdc-tooltip__surface {
  white-space: normal;
}

.broadcast-week-task-tooltip {
  max-width: 500px;
}

.tooltiptext {
  visibility: hidden;
  min-width: 180px;
  background: #37425D;
  border-radius: 4px;
  color: #ffffff;
  font-size: 12px;
  padding: 4px 8px 5px;
  position: absolute;
}

.error-tooltip .mdc-tooltip__surface {
  display: flex;
}
.error-tooltip .mdc-tooltip__surface::before {
  content: "\e95e";
  font-family: playout;
  color: #F55D3E;
  font-size: 14px;
  margin-right: 5px;
  vertical-align: baseline;
  position: static;
  border: 0;
  width: 20px;
}

/* new dark pallete*/
.filters-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 4px;
}
.filters-header .alternative-card-icon {
  color: #32bfc4;
  margin: 3px 8px;
}
.filters-header .btn-small {
  font-size: 22px;
  padding: 0;
  min-width: 45px;
  height: 26px;
  margin: -10px 5px 0 17px;
}
.filters-header .btn-small.disabled {
  pointer-events: none;
}

.toggle-filters {
  display: inline-block;
  cursor: pointer;
  margin-right: 20px;
}
.toggle-filters h2, .toggle-filters h3 {
  display: inline-block;
}

.filters-result-reset {
  margin-top: 4px;
  color: #32bfc4;
  font-weight: 500;
  font-size: 14px;
}

.filter-preset {
  display: inline-block;
  cursor: pointer;
}

.filterPresetContextMenu {
  min-width: 130px;
}

.filters-results {
  padding-bottom: 13px;
}

.filters-result-item-wrap {
  display: inline-block;
}

.filters-result-item {
  display: inline-block;
  margin: 4px 4px 0 0;
  padding: 1px 2px 1px 8px;
  border: 1px solid #32bfc4;
  background: #37425D;
  border-radius: 12px;
  vertical-align: middle;
}

.filters-result-item-delete {
  color: #828a9d;
  cursor: pointer;
  padding-left: 8px;
  vertical-align: middle;
  font-size: 16px;
}
.filters-result-item-delete:hover {
  color: #ffffff;
}

.filters-form {
  padding: 1rem 0;
  width: 100%;
}
.filters-form .input {
  width: 100%;
  border-bottom: 1px solid #828a9d;
}
.filters-form i + .input, .filters-form i + .form-control {
  width: calc(100% - 25px);
  display: inline-block;
}
.filters-form ::ng-deep .p-checkbox-icon {
  color: #1b2131;
}
.filters-form p-checkbox {
  display: block;
  margin: 3px 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 20px;
}

.filters-form-control-title {
  font-weight: 500;
}

label .label-title {
  cursor: pointer;
}
label .label-title span {
  min-width: 15px;
  display: inline-block;
  width: 11%;
}

.filters-form-control-item {
  margin: 4px 0;
}
.filters-form-control-item .label-small-span {
  width: 32px;
  display: inline-block;
}

.filters-form-control-items-tags {
  margin-right: 50px;
}
.filters-form-control-items-tags .ng-select .ng-select-container .ng-value-container {
  max-height: 150px;
  overflow: auto !important;
}

.icon-calendar {
  color: #1b2131;
  vertical-align: middle;
  font-size: 20px;
}

.form-buttons-section .toggle-filters {
  margin-right: 48px;
}
.form-buttons-section .drop-down-arrow:after {
  border-top: 5px solid #32bfc4;
}

.form-buttons-section {
  margin-top: 20px;
}

.header__right-panel__selection-wrapper {
  display: flex;
  align-items: center;
  background-color: #37425D;
  border-radius: 20px;
  z-index: 100;
}

.header__right-panel__selection-item {
  padding: 3px 9px;
  cursor: pointer;
}
.header__right-panel__selection-item__icons {
  cursor: pointer;
  display: flex;
  align-items: center;
}
.header__right-panel__selection-item .linear-folder {
  color: #ffffff;
  position: absolute;
  left: 33px;
  bottom: -1px;
  font-size: 12px;
}
.header__right-panel__selection-item__icons div:first-child {
  padding-right: 12px;
}
.header__right-panel__selection-item__icons div:last-child {
  transform: rotate(90deg);
  margin-bottom: 2px;
}
.header__right-panel__selection-item .i-play {
  transform: rotate(90deg);
  color: #ffffff;
  font-size: 14px;
  width: 20px;
  height: 18px;
  padding: 2px;
}
.header__right-panel__selection-item:first-child {
  padding-left: 20px;
  padding-right: 20px;
}
.header__right-panel__selection-item:nth-child(2) {
  display: flex;
  background-color: #1D2947;
  position: relative;
}

/* new dark pallete*/
#tabs, .tabs-card {
  height: 100%;
  overflow: hidden;
}

.tabs-card .p-tabview-nav {
  background: #37425D;
}

.nav-tabs-item {
  display: inline-block;
  cursor: pointer;
  position: relative;
  width: 100%;
  height: 100%;
}

.drag-n-drop-view-tabs-container .broadcast-tabs .nav-tabs-item {
  width: 130px;
}

.nav-tabs-link,
.nav-tabs-card-link {
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  color: #ffffff;
  padding: 8px 7px 6px;
  border: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.nav-tabs-link.nav-tabs-link-big,
.nav-tabs-card-link.nav-tabs-link-big {
  padding: 0.5rem 1rem;
  font-size: 1rem;
  font-weight: 500;
  white-space: nowrap;
}
.nav-tabs-link i,
.nav-tabs-card-link i {
  font-size: 22px;
  color: #32bfc4;
}

.p-tabview-nav-link:focus .nav-tabs-link {
  background: #3A4560;
}

.p-highlight .p-tabview-nav-link:focus .nav-tabs-link, .p-highlight .p-tabview-nav-link .nav-tabs-link, .ui-state-active .p-tabview-nav-link:focus .nav-tabs-link, .ui-state-active .p-tabview-nav-link .nav-tabs-link {
  background: #1b2131;
  color: #ffffff;
}

.nav-tabs-link {
  width: calc(100% - 4px);
  background: #2b3653;
}
.nav-tabs-link > span {
  max-width: calc(100% - 34px);
}
.nav-tabs-link .text-lighter {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
}

.nav-tabs-card-link {
  font-size: 12px;
  background: #313B58;
  height: 100%;
  text-align: center;
  justify-content: center;
  width: 100%;
  min-height: 40px;
}
.nav-tabs-card-link.active {
  background: #2b3653;
}

.tab-content {
  position: relative;
  z-index: 2;
}

.tab-pane, .tab-pane-card {
  flex-wrap: wrap;
  background: #1b2131;
  border-radius: 4px;
  height: 100%;
  z-index: 2;
}

.tab-pane-inner {
  width: 100%;
  height: 100%;
}

.tab-pane-top {
  padding: 8px 16px 16px;
  width: 100%;
}

.tab-pane-table {
  display: flex;
}

.slider-tabs {
  margin: 0 60px;
}

.p-tabview {
  padding: 0;
}
.p-tabview .p-tabview-panel {
  padding: 0;
}
.p-tabview .p-tabview-nav li {
  margin: 0;
}
.p-tabview .p-tabview-nav li a {
  padding: 0;
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.p-tabview > .p-tabview-nav {
  padding: 0;
  flex-wrap: nowrap;
}
.p-tabview > .p-tabview-nav li {
  top: 0;
}

.p-state-active .nav-tabs-link {
  background: #1b2131;
}

.timeline-layers .vis-timeline {
  border-color: transparent;
  visibility: visible !important;
  overflow: visible;
}
.timeline-layers .vis-inner {
  color: #ffffff;
}
.timeline-layers .vis-panel .vis-time-axis .vis-text {
  color: rgba(255, 255, 255, 0.5);
  margin-left: -20px;
  padding-bottom: 9px;
  font-size: 12px;
  overflow: visible;
}
.timeline-layers .vis-panel .vis-time-axis .vis-text:before {
  content: "";
  position: absolute;
  left: 20px;
  bottom: 0;
  width: 100%;
  height: 8px;
  background: linear-gradient(90deg, #ffffff 1px, transparent 1px, transparent), repeating-linear-gradient(90deg, #ffffff, #ffffff 1px, transparent 1px, transparent 10%);
  background-size: 100% 9px, 100% 5px;
  background-position: 0 100%;
  background-repeat: no-repeat;
  z-index: 2;
}
.timeline-layers .vis-panel.vis-top {
  border-color: transparent;
  padding-bottom: 6px;
}
.timeline-layers .vis-panel.vis-center, .timeline-layers .vis-panel.vis-left, .timeline-layers .vis-panel.vis-right {
  border-top-style: solid;
  border-bottom-style: solid;
  border-color: transparent;
}
.timeline-layers .vis-panel.vis-left.vis-panel.vis-vertical-scroll {
  direction: ltr;
  overflow-x: hidden;
  overflow-y: scroll;
}
.timeline-layers .vis-panel.vis-right.vis-vertical-scroll {
  display: none;
}
.timeline-layers .vis-time-axis.vis-foreground {
  border-bottom: 1px solid #ffffff;
}
.timeline-layers .vis-time-axis .vis-grid.vis-minor {
  border-color: transparent;
}
.timeline-layers .vis-item {
  border-radius: 4px;
  overflow: hidden;
  border: 0;
  margin-top: -1px;
  background: transparent;
}
.timeline-layers .vis-item.add-item .vis-item-content .timeline-item {
  margin-top: 8px;
  text-align: center;
  background: #1b2131;
  border: 1px dashed #32bfc4;
  border-radius: 9px;
  height: 8px;
  visibility: hidden;
  cursor: pointer;
  overflow: visible;
}
.timeline-layers .vis-item.add-item .vis-item-content .timeline-item span {
  color: #32bfc4;
  margin-top: -20px;
  display: inline-block;
  font-weight: 500;
  background: #1b2131;
  padding: 0 5px;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
}
.timeline-layers .vis-item.add-item .vis-item-content .timeline-item i {
  display: none;
}
.timeline-layers .vis-item.add-item:hover .vis-item-content .timeline-item, .timeline-layers .vis-item.add-item.open .vis-item-content .timeline-item {
  visibility: visible;
}
.timeline-layers .vis-item .vis-item-content {
  display: block;
  padding: 0.1rem;
}
.timeline-layers .vis-item .vis-item-content .overflow {
  overflow: hidden;
  text-overflow: ellipsis;
}
.timeline-layers .vis-item .vis-item-content .timeline-item {
  border-radius: 4px;
  color: #ffffff;
  padding: 0.5rem;
  background: #3A4560;
}
.timeline-layers .vis-item .vis-item-content .task-item {
  position: relative;
}
.timeline-layers .vis-item .vis-item-content .task-item-icon {
  position: absolute;
  left: 5px;
  top: 4px;
}
.timeline-layers .vis-item .vis-item-content span {
  vertical-align: middle;
  margin-left: 22px;
}
.timeline-layers .vis-item .vis-item-content .line {
  height: 100%;
  background: repeating-linear-gradient(-135deg, #37425D, #37425D 2px, transparent 2px, transparent 6px) no-repeat;
  position: absolute;
  right: 0;
  top: 0;
}
.timeline-layers .vis-labelset .vis-label {
  border-color: transparent;
  display: flex;
  align-items: center;
}
.timeline-layers .vis-labelset .vis-label .vis-inner {
  padding: 0 0;
  position: relative;
  width: 100%;
}
.timeline-layers .vis-labelset .vis-label .vis-inner.active {
  color: #7ed321;
}
.timeline-layers .vis-labelset .vis-label .vis-inner.inactive {
  color: #F55D3E;
}
.timeline-layers .vis-labelset .vis-label .vis-inner span {
  max-width: 140px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
}
.timeline-layers .vis-foreground .vis-group {
  border-bottom: 1px dashed #37425D;
}
.timeline-layers .vis-tooltip {
  position: absolute;
  background: #2b3653;
  border: 1px solid #1b2131;
  border-radius: 4px;
  color: #ffffff;
  padding: 4px 8px;
  z-index: 5;
  left: 5px;
  top: 0;
  pointer-events: none;
}
.timeline-layers .vis-current-time {
  background: #ffffff;
  position: relative;
  height: calc(100% - 18px) !important;
  top: auto !important;
  bottom: 0;
  z-index: 5;
}
.timeline-layers .vis-current-time:before {
  content: "";
  width: 16px;
  height: 16px;
  position: absolute;
  top: 0;
  left: -7px;
  background: #ffffff;
  border-radius: 16px;
}
.timeline-layers .vis-custom-time {
  background: #37425D;
  position: relative;
  height: calc(100% - 18px) !important;
  top: auto !important;
  bottom: 0;
  z-index: 5;
}
.timeline-layers .vis-custom-time:before {
  content: "";
  width: 16px;
  height: 16px;
  position: absolute;
  top: 0;
  left: -7px;
  background: #37425D;
  border-radius: 16px;
}

.timeline-group-date {
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
}

vg-player .vg-icon-fullscreen:before,
vg-player .vg-icon-fullscreen_exit:before,
vg-player .vg-icon-volume_up:before,
vg-player .vg-icon-volume_down:before,
vg-player .vg-icon-volume_mute:before,
vg-player .vg-icon-play_arrow:before,
vg-player .vg-icon-volume_off:before,
vg-player .vg-icon-pause:before {
  font-family: "playout";
  font-size: 24px;
}
vg-player.native-fullscreen vg-overlay-play .vg-icon-play_arrow:before {
  font-size: 210px;
}
vg-player vg-controls {
  justify-content: space-between;
}
vg-player .vg-icon-volume_up:before, vg-player .vg-icon-volume_down:before, vg-player .vg-icon-volume_mute:before {
  content: "\e90e";
}
vg-player .vg-icon-volume_off:before {
  content: "\e910";
}
vg-player .vg-icon-play_arrow:before {
  content: "\e936";
}
vg-player .vg-icon-pause:before {
  content: "\e91b";
}
vg-player .vg-icon-fullscreen:before {
  content: "\e94e";
}
vg-player .vg-icon-fullscreen_exit:before {
  content: "\e952";
}
vg-player .volume-wrapper {
  position: relative;
}
vg-player .volume-wrapper:hover .volume-item {
  visibility: visible;
  opacity: 1;
}
vg-player .volume-item {
  visibility: hidden;
  opacity: 0;
  padding: 15px;
  background-color: #313B58;
  position: absolute;
  bottom: 33px;
  left: 0;
  border-radius: 7px;
}
vg-player vg-mute {
  margin-left: auto;
  height: 40px;
  line-height: 30px;
  margin-top: 5px;
  width: 40px;
  padding-left: 7px;
}
vg-player vg-volume {
  margin-right: 0;
  height: 20px;
}
vg-player vg-volume .volumeValue, vg-player vg-volume .volumeBackground {
  height: 2px;
}
vg-player vg-overlay-play .vg-icon-play_arrow:before {
  font-size: 80px;
}

vg-overlay-play, vg-buffering {
  height: 170px;
  width: 100%;
  top: 0;
  position: absolute;
}

.native-fullscreen vg-overlay-play {
  height: 100%;
}

vg-buffering {
  height: 270px;
}

vg-overlay-play .vg-overlay-play {
  cursor: default !important;
}
vg-overlay-play .vg-overlay-play .overlay-play-container.vg-icon-play_arrow {
  margin-top: 12px;
  cursor: pointer;
}

.video-container vg-scrub-bar {
  height: 12px;
  display: flex;
  align-items: flex-end;
  background-color: transparent;
}
.video-container vg-scrub-bar:hover .scrubBar {
  height: 10px;
}
.video-container vg-scrub-bar .scrubBar {
  transition: all 0.2s ease-in-out !important;
  background: #262626;
  height: 5px;
}
.video-container vg-scrub-bar vg-scrub-bar-current-time,
.video-container vg-scrub-bar vg-scrub-bar-buffering-time {
  z-index: 2;
}
.video-container vg-scrub-bar vg-scrub-bar-current-time,
.video-container vg-scrub-bar vg-scrub-bar-buffering-time,
.video-container vg-scrub-bar vg-scrub-bar-cue-points, .video-container vg-scrub-bar vg-scrub-bar-cue-points .cue-point {
  height: 100%;
}

.i-picture_in_picture {
  visibility: hidden;
  position: absolute;
  right: 5px;
  top: 5px;
  font-size: 24px;
  color: #ffffff;
  opacity: 0;
  z-index: 20;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 5px;
}

vg-scrub-bar-cue-points .cue-point-container .cue-point {
  opacity: 0.6;
  z-index: 3;
}
vg-scrub-bar-cue-points .cue-point-container .cue-point:before {
  left: 0;
}
vg-scrub-bar-cue-points .cue-point-container .cue-point:after {
  right: 0;
}

.op-wrapper.ovenplayer {
  background-color: black;
  display: flex;
  height: 100%;
  width: 100%;
  align-items: center;
}
.op-wrapper.ovenplayer .op-context-panel {
  display: none;
}
.op-wrapper.ovenplayer .op-controls-container {
  opacity: 0.7;
}
.op-wrapper.ovenplayer .op-fullscreen-expand:before {
  content: "\e94e";
  font-family: "playout";
}
.op-wrapper.ovenplayer .op-navigators.op-time-display, .op-wrapper.ovenplayer .op-navigators.setting-holder {
  display: none;
}
.op-wrapper.ovenplayer .op-navigators .op-pause:before {
  content: "\e91a";
  font-family: "playout";
}

.broadcast-preview-tabs .op-wrapper.ovenplayer {
  min-height: 170px;
}

.op-message-box.op-message-box-default-cursor .op-message-container .op-message-text {
  cursor: default;
  display: block;
  max-width: 100%;
}

.op-wrapper.ovenplayer .op-clear {
  z-index: 0;
}

.portal-window .audio-levels-wrapper .audio-levels-header {
  justify-content: flex-end;
}
.portal-window .audio-levels-wrapper .audio-levels-header .actions-btn {
  margin-left: 20px;
}

.video-container {
  /* width is set as 100% here. any width can be specified as per requirement */
  width: 100%;
  padding-top: 56.25%;
  height: 0;
  position: relative;
  background: #1b2131;
}

.video {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

vg-player.video-container {
  background-color: #565F76 !important;
}

/*
The challenge:
1) Set text to either black or white depending on the element background perceived lightness (luma)
2) Set a border as a darker variation of the base color to improve button visibility, ONLY if background luma is really high
3) Automatically generate a secondary, 60º rotated hue color
*/
:root {
  /*the threshold at which colors are considered "light".
  Range: decimals from 0 to 1,
  recommended 0.5 - 0.6*/
  --threshold: 0.5;
}

.tags .tags-item {
  /* theme color variables to use in RGB declarations */
  --red: 0;
  --green: 0;
  --blue: 0;
  /*sets the background for the base class*/
  background: rgb(var(--red), var(--green), var(--blue));
  /*
  Calcs perceived brightness using the
  sRGB Luma method
  lightness = (red * 0.2126 + green * 0.7152 + blue * 0.0722) / 255
  */
  --r: calc(var(--red) * 0.2126);
  --g: calc(var(--green) * 0.7152);
  --b: calc(var(--blue) * 0.0722);
  --sum: calc(var(--r) + var(--g) + var(--b));
  --perceived-lightness: calc(var(--sum) / 255);
  /*
  1) Any lightness value above the threshold will be considered "light", therefore apply a black text color. Any bellow will be considered dark, and use white color.
  This results from appying either a sub-zero (negative) or a higher-than-100 lightness value, which are capped to 0 and 100 respectively, to a HSL declaration
  */
  /* clean-css ignore:start */
  color: hsl(0, 0%, calc((var(--perceived-lightness) - var(--threshold)) * -10000000%));
  /* clean-css ignore:end */
  display: inline-block;
  margin: 2px;
  padding: 2px 7px;
  border-radius: 12px;
  font-size: 12px;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
}

.week-table-container .week-item-row .calculate-font-color {
  /* theme color variables to use in RGB declarations */
  --red: 0;
  --green: 0;
  --blue: 0;
  /*sets the background for the base class*/
  background: rgb(var(--red), var(--green), var(--blue));
  /*
  Calcs perceived brightness using the
  sRGB Luma method
  lightness = (red * 0.2126 + green * 0.7152 + blue * 0.0722) / 255
  */
  --r: calc(var(--red) * 0.2126);
  --g: calc(var(--green) * 0.7152);
  --b: calc(var(--blue) * 0.0722);
  --sum: calc(var(--r) + var(--g) + var(--b));
  --perceived-lightness: calc(var(--sum) / 255);
  /*
  1) Any lightness value above the threshold will be considered "light", therefore apply a black text color. Any bellow will be considered dark, and use white color.
  This results from appying either a sub-zero (negative) or a higher-than-100 lightness value, which are capped to 0 and 100 respectively, to a HSL declaration
  */
  /* clean-css ignore:start */
  color: hsl(0, 0%, calc((var(--perceived-lightness) - var(--threshold)) * -10000000%));
  /* clean-css ignore:end */
}

/* new dark pallete*/
.p-skeleton {
  opacity: 0.2;
  background: #565F76;
}
.p-skeleton:after {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
}

.qr-code-block {
  height: 310px;
  width: 310px;
  margin-bottom: 24px;
}
.qr-code-block canvas {
  width: 100% !important;
  height: 100% !important;
}

.context-menu {
  box-shadow: 5.6px 11.2px 11.2px hsla(0, 0%, 0%, 0.33);
  border-radius: 5px;
  background-color: #37425D;
  min-width: max-content;
  overflow: hidden;
}

.context-menu-item {
  color: #fff;
  font-weight: 500;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  gap: 0.5rem;
  align-items: center;
  padding: 0.5rem 1rem;
}
.context-menu-item:hover {
  background-color: #828a9d;
  box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px;
}

.context-menu-panel {
  box-shadow: 5.6px 11.2px 11.2px hsla(0, 0%, 0%, 0.33);
  border-radius: 5px;
  background-color: #37425D;
  min-width: max-content;
  overflow: hidden;
}

.p-selectbutton {
  display: flex;
  gap: 1rem;
}

.p-button {
  padding: 0.5rem 1rem;
  font-size: 1rem;
  font-weight: 500;
  border-radius: 99rem;
  border: 1px solid white;
  opacity: 0.5;
}
.p-button:hover {
  opacity: 1;
}

.p-highlight {
  opacity: 1;
}

.lucide {
  display: flex;
  font-size: 22px;
  align-items: center;
}

/* new dark pallete*/
:root {
  --mat-menu-container-color: #37425D;
}
:root .mat-mdc-menu-content {
  padding: 0;
}

/* new dark pallete*/
:root {
  --mat-expansion-container-background-color: #1b2131;
}

.p-datepicker-group {
  width: 250px;
  font-family: DroidSansMono, monospace, sans-serif;
}

/* new dark pallete*/
/*
app-script-chunk-card {
  @include mat.form-field-overrides((
          disabled-input-text-color: white,
          //container-text-font: 'droid-sans'
  ));
  @include mat.select-overrides((
          disabled-trigger-text-color: rgba(white, 0.5),
          panel-background-color: $color__light_gray,
    //container-text-font: 'droid-sans'
  ));

  .mat-mdc-form-field {
    width: 100%;
    display: flex;
    flex: auto;
  }

  .mdc-text-field--outlined.mdc-text-field--disabled .mat-mdc-notch-piece {
    border-color: transparent;
  }
  .mat-mdc-form-field-flex {
    height: 100%;
  }

  .mdc-text-field--outlined {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    height: 100%;
  }

  .mdc-text-field--outlined .mat-mdc-form-field-infix, .mdc-text-field--no-label .mat-mdc-form-field-infix {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }


  !* reseting styles drom _form*!
  input, textarea {
    &:disabled, &.disabled {
      opacity: 1;
    }
  }

  .mat-mdc-form-field-textarea-control {
    resize: none;
    max-height: 100%;
    height: 100%;
  }
}
*/
:root .mat-mdc-form-field {
  padding: 1rem 0 0 0;
}
:root .mat-mdc-paginator-page-size-select {
  padding: 0;
}

/*
active-indicator-height
focus-active-indicator-height
container-shape caret-color
focus-active-indicator-color
focus-label-text-color
container-color
disabled-container-color
label-text-color
hover-label-text-color
disabled-label-text-color
input-text-color
disabled-input-text-color
input-text-placeholder-color
error-hover-label-text-color
error-focus-label-text-color
error-label-text-color
error-caret-color
active-indicator-color
disabled-active-indicator-color
hover-active-indicator-color
error-active-indicator-color
error-focus-active-indicator-color
error-hover-active-indicator-color
label-text-font
label-text-size
label-text-tracking
label-text-weight
outline-width
focus-outline-width
focus-outline-color
outline-color
disabled-outline-color
hover-outline-color
error-focus-outline-color
error-hover-outline-color
error-outline-color
focus-select-arrow-color
disabled-input-text-placeholder-color
state-layer-color error-text-color
select-option-text-color
select-disabled-option-text-color
leading-icon-color
disabled-leading-icon-color
trailing-icon-color
disabled-trailing-icon-color
error-focus-trailing-icon-color
error-hover-trailing-icon-color
error-trailing-icon-color
enabled-select-arrow-color
disabled-select-arrow-color
hover-state-layer-opacity
focus-state-layer-opacity
container-text-font
container-text-line-height
container-text-size
container-text-tracking
container-text-weight
outlined-label-text-populated-size
subscript-text-font
subscript-text-line-height
subscript-text-size
subscript-text-tracking
subscript-text-weight
container-height
filled-label-display
container-vertical-padding
filled-with-label-container-padding-top
filled-with-label-container-padding-bottom*/
/* new dark pallete*/
:root {
  --mdc-dialog-container-color: #1b2131;
}
:root {
  --mdc-dialog-subhead-color: #CCD0CF;
}
:root {
  --mdc-dialog-container-shape: 1rem;
}
:root .mat-mdc-dialog-surface {
  padding: 1rem 1rem 0 1rem;
  gap: 1rem;
  display: flex;
  height: 100%;
  overflow: hidden;
}
/* new dark pallete*/
:root {
  --mdc-tab-indicator-active-indicator-color: #6029ab;
}
:root {
  --mat-tab-header-divider-color: unset;
}
:root {
  --mat-tab-header-divider-height: 0;
}
:root {
  --mat-tab-header-active-focus-indicator-color: #6029ab;
}
:root {
  --mat-tab-header-active-ripple-color: unset;
}
:root {
  --mat-tab-header-inactive-ripple-color: unset;
}
:root {
  --mat-tab-header-disabled-ripple-color: unset;
}
:root {
  --mat-tab-header-label-text-size: 1rem;
}
:root {
  --mat-tab-header-label-text-weight: 500;
}
:root {
  --mdc-secondary-navigation-tab-container-height: 2rem;
}
:root .mat-mdc-tab-group, :root .mat-mdc-tab-body-wrapper {
  height: 100%;
}
:root .mat-mdc-tab-body-wrapper {
  margin-top: 1rem;
}
:root .mdc-tab {
  padding: 0 0.5rem;
}

/* new dark pallete*/
:root {
  --mat-card-subtitle-text-color: orange;
}
:root {
  --mdc-elevated-card-container-color: transparent;
}
:root {
  --mdc-outlined-card-container-color: transparent;
}
:root {
  --mat-card-title-text-size: 24px;
}
:root {
  --mat-card-title-text-font: Montserrat, sans-serif;
}
:root mat-card {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
:root mat-card-header {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}
:root mat-card-title {
  font-size: 1.2rem;
  font-weight: 600;
  font-family: "Montserrat", sans-serif;
}
:root mat-card-content {
  font-size: 1rem;
  font-weight: 400;
  font-family: "Montserrat", sans-serif;
  display: flex;
  justify-content: center;
  text-align: center;
}

/*
container-shape
keep-touch-target
container-color
label-text-color
disabled-container-color
disabled-label-text-color
label-text-font
label-text-size
label-text-tracking
label-text-weight
label-text-transform
container-height
horizontal-padding
icon-spacing
icon-offset
state-layer-color
disabled-state-layer-color
ripple-color
hover-state-layer-opacity
focus-state-layer-opacity
pressed-state-layer-opacity
touch-target-display
outline-width disabled-outline-color
outline-color
container-elevation-shadow
disabled-container-elevation-shadow
focus-container-elevation-shadow
hover-container-elevation-shadow
pressed-container-elevation-shadow
with-icon-horizontal-padding
*/
.actions-btn {
  cursor: pointer;
}

.audio-levels__selection-item {
  padding: 3px 6px;
  font-size: 12px;
  cursor: pointer;
  border-radius: 10px;
}
.audio-levels__selection-item:first-child {
  padding-left: 10px;
  padding-right: 10px;
}
.audio-levels__selection-item:nth-child(2) {
  padding-right: 15px;
}

.volume-levels {
  position: absolute;
  right: 18px;
  height: calc(100% - 16px);
  font-size: 8px;
  text-align: right;
}
.volume-levels tr {
  vertical-align: middle;
}
.volume-levels tr:first-child {
  vertical-align: top;
}
.volume-levels tr:last-child {
  vertical-align: bottom;
}

.volume-levels__container {
  display: flex;
}

.volume-levels__wrap {
  position: relative;
}

.volume-levels__channel {
  font-size: 10px;
  white-space: nowrap;
}

.volume-levels__container-opacity {
  opacity: 0.5;
}