@import "https://fonts.googleapis.com/css?family=Material+Icons";
@import "https://fonts.googleapis.com/css?family=Roboto:500,400,300";
@import "https://fonts.googleapis.com/css?family=Open+Sans:400,600,700";
/* You can add global styles to this file, and also import other style files */
.mat-badge-content{font-weight:600;font-size:12px;font-family:Roboto,"Helvetica Neue",sans-serif}
.mat-badge-small .mat-badge-content{font-size:9px}
.mat-badge-large .mat-badge-content{font-size:24px}
.mat-h1,.mat-headline,.mat-typography h1{font:400 24px/32px Roboto,"Helvetica Neue",sans-serif;margin:0 0 16px}
.mat-h2,.mat-title,.mat-typography h2{font:500 20px/32px Roboto,"Helvetica Neue",sans-serif;margin:0 0 16px}
.mat-h3,.mat-subheading-2,.mat-typography h3{font:400 16px/28px Roboto,"Helvetica Neue",sans-serif;margin:0 0 16px}
.mat-h4,.mat-subheading-1,.mat-typography h4{font:400 15px/24px Roboto,"Helvetica Neue",sans-serif;margin:0 0 16px}
.mat-h5,.mat-typography h5{font:400 calc(14px * .83)/20px Roboto,"Helvetica Neue",sans-serif;margin:0 0 12px}
.mat-h6,.mat-typography h6{font:400 calc(14px * .67)/20px Roboto,"Helvetica Neue",sans-serif;margin:0 0 12px}
.mat-body-2,.mat-body-strong{font:500 14px/24px Roboto,"Helvetica Neue",sans-serif}
.mat-body,.mat-body-1,.mat-typography{font:400 14px/20px Roboto,"Helvetica Neue",sans-serif}
.mat-body p,.mat-body-1 p,.mat-typography p{margin:0 0 12px}
.mat-caption,.mat-small{font:400 12px/20px Roboto,"Helvetica Neue",sans-serif}
.mat-display-4,.mat-typography .mat-display-4{font:300 112px/112px Roboto,"Helvetica Neue",sans-serif;letter-spacing:-.05em;margin:0 0 56px}
.mat-display-3,.mat-typography .mat-display-3{font:400 56px/56px Roboto,"Helvetica Neue",sans-serif;letter-spacing:-.02em;margin:0 0 64px}
.mat-display-2,.mat-typography .mat-display-2{font:400 45px/48px Roboto,"Helvetica Neue",sans-serif;letter-spacing:-.005em;margin:0 0 64px}
.mat-display-1,.mat-typography .mat-display-1{font:400 34px/40px Roboto,"Helvetica Neue",sans-serif;margin:0 0 64px}
.mat-bottom-sheet-container{font:400 14px/20px Roboto,"Helvetica Neue",sans-serif}
.mat-button,.mat-fab,.mat-flat-button,.mat-icon-button,.mat-mini-fab,.mat-raised-button,.mat-stroked-button{font-family:Roboto,"Helvetica Neue",sans-serif;font-size:14px;font-weight:500}
.mat-button-toggle{font-family:Roboto,"Helvetica Neue",sans-serif}
.mat-card{font-family:Roboto,"Helvetica Neue",sans-serif}
.mat-card-title{font-size:24px;font-weight:500}
.mat-card-header .mat-card-title{font-size:20px}
.mat-card-content,.mat-card-subtitle{font-size:14px}
.mat-checkbox{font-family:Roboto,"Helvetica Neue",sans-serif}
.mat-checkbox-layout .mat-checkbox-label{line-height:24px}
.mat-chip{font-size:14px;font-weight:500}
.mat-chip .mat-chip-remove.mat-icon,.mat-chip .mat-chip-trailing-icon.mat-icon{font-size:18px}
.mat-table{font-family:Roboto,"Helvetica Neue",sans-serif}
.mat-header-cell{font-size:12px;font-weight:500}
.mat-cell,.mat-footer-cell{font-size:14px}
.mat-calendar{font-family:Roboto,"Helvetica Neue",sans-serif}
.mat-calendar-body{font-size:13px}
.mat-calendar-body-label,.mat-calendar-period-button{font-size:14px;font-weight:500}
.mat-calendar-table-header th{font-size:11px;font-weight:400}
.mat-dialog-title{font:500 20px/32px Roboto,"Helvetica Neue",sans-serif}
.mat-expansion-panel-header{font-family:Roboto,"Helvetica Neue",sans-serif;font-size:15px;font-weight:400}
.mat-expansion-panel-content{font:400 14px/20px Roboto,"Helvetica Neue",sans-serif}
.mat-form-field{font-size:inherit;font-weight:400;line-height:1.125;font-family:Roboto,"Helvetica Neue",sans-serif}
.mat-form-field-wrapper{padding-bottom:1.34375em}
.mat-form-field-prefix .mat-icon,.mat-form-field-suffix .mat-icon{font-size:150%;line-height:1.125}
.mat-form-field-prefix .mat-icon-button,.mat-form-field-suffix .mat-icon-button{height:1.5em;width:1.5em}
.mat-form-field-prefix .mat-icon-button .mat-icon,.mat-form-field-suffix .mat-icon-button .mat-icon{height:1.125em;line-height:1.125}
.mat-form-field-infix{padding:.5em 0;border-top:.84375em solid transparent}
.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label,.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label{transform:translateY(-1.34375em) scale(.75);width:133.33333%}
.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.34374em) scale(.75);width:133.33334%}
.mat-form-field-label-wrapper{top:-.84375em;padding-top:.84375em}
.mat-form-field-label{top:1.34375em}
.mat-form-field-underline{bottom:1.34375em}
.mat-form-field-subscript-wrapper{font-size:75%;margin-top:.66667em;top:calc(100% - 1.79167em)}
.mat-form-field-appearance-legacy .mat-form-field-wrapper{padding-bottom:1.25em}
.mat-form-field-appearance-legacy .mat-form-field-infix{padding:.4375em 0}
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label,.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label{transform:translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.001px);-ms-transform:translateY(-1.28125em) scale(.75);width:133.33333%}
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.00101px);-ms-transform:translateY(-1.28124em) scale(.75);width:133.33334%}
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.00102px);-ms-transform:translateY(-1.28123em) scale(.75);width:133.33335%}
.mat-form-field-appearance-legacy .mat-form-field-label{top:1.28125em}
.mat-form-field-appearance-legacy .mat-form-field-underline{bottom:1.25em}
.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper{margin-top:.54167em;top:calc(100% - 1.66667em)}
@media print{.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label,.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label{transform:translateY(-1.28122em) scale(.75)}.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.28121em) scale(.75)}.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.2812em) scale(.75)}}
.mat-form-field-appearance-fill .mat-form-field-infix{padding:.25em 0 .75em 0}
.mat-form-field-appearance-fill .mat-form-field-label{top:1.09375em;margin-top:-.5em}
.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label,.mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label{transform:translateY(-.59375em) scale(.75);width:133.33333%}
.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-.59374em) scale(.75);width:133.33334%}
.mat-form-field-appearance-outline .mat-form-field-infix{padding:1em 0 1em 0}
.mat-form-field-appearance-outline .mat-form-field-label{top:1.84375em;margin-top:-.25em}
.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label,.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label{transform:translateY(-1.59375em) scale(.75);width:133.33333%}
.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.59374em) scale(.75);width:133.33334%}
.mat-grid-tile-footer,.mat-grid-tile-header{font-size:14px}
.mat-grid-tile-footer .mat-line,.mat-grid-tile-header .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}
.mat-grid-tile-footer .mat-line:nth-child(n+2),.mat-grid-tile-header .mat-line:nth-child(n+2){font-size:12px}
input.mat-input-element{margin-top:-.0625em}
.mat-menu-item{font-family:Roboto,"Helvetica Neue",sans-serif;font-size:14px;font-weight:400}
.mat-paginator,.mat-paginator-page-size .mat-select-trigger{font-family:Roboto,"Helvetica Neue",sans-serif;font-size:12px}
.mat-radio-button{font-family:Roboto,"Helvetica Neue",sans-serif}
.mat-select{font-family:Roboto,"Helvetica Neue",sans-serif}
.mat-select-trigger{height:1.125em}
.mat-slide-toggle-content{font-family:Roboto,"Helvetica Neue",sans-serif}
.mat-slider-thumb-label-text{font-family:Roboto,"Helvetica Neue",sans-serif;font-size:12px;font-weight:500}
.mat-stepper-horizontal,.mat-stepper-vertical{font-family:Roboto,"Helvetica Neue",sans-serif}
.mat-step-label{font-size:14px;font-weight:400}
.mat-step-sub-label-error{font-weight:400}
.mat-step-label-error{font-size:14px}
.mat-step-label-selected{font-size:14px;font-weight:500}
.mat-tab-group{font-family:Roboto,"Helvetica Neue",sans-serif}
.mat-tab-label,.mat-tab-link{font-family:Roboto,"Helvetica Neue",sans-serif;font-size:14px;font-weight:500}
.mat-toolbar,.mat-toolbar h1,.mat-toolbar h2,.mat-toolbar h3,.mat-toolbar h4,.mat-toolbar h5,.mat-toolbar h6{font:500 20px/32px Roboto,"Helvetica Neue",sans-serif;margin:0}
.mat-tooltip{font-family:Roboto,"Helvetica Neue",sans-serif;font-size:10px;padding-top:6px;padding-bottom:6px}
.mat-tooltip-handset{font-size:14px;padding-top:8px;padding-bottom:8px}
.mat-list-item{font-family:Roboto,"Helvetica Neue",sans-serif}
.mat-list-option{font-family:Roboto,"Helvetica Neue",sans-serif}
.mat-list-base .mat-list-item{font-size:16px}
.mat-list-base .mat-list-item .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}
.mat-list-base .mat-list-item .mat-line:nth-child(n+2){font-size:14px}
.mat-list-base .mat-list-option{font-size:16px}
.mat-list-base .mat-list-option .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}
.mat-list-base .mat-list-option .mat-line:nth-child(n+2){font-size:14px}
.mat-list-base .mat-subheader{font-family:Roboto,"Helvetica Neue",sans-serif;font-size:14px;font-weight:500}
.mat-list-base[dense] .mat-list-item{font-size:12px}
.mat-list-base[dense] .mat-list-item .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}
.mat-list-base[dense] .mat-list-item .mat-line:nth-child(n+2){font-size:12px}
.mat-list-base[dense] .mat-list-option{font-size:12px}
.mat-list-base[dense] .mat-list-option .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}
.mat-list-base[dense] .mat-list-option .mat-line:nth-child(n+2){font-size:12px}
.mat-list-base[dense] .mat-subheader{font-family:Roboto,"Helvetica Neue",sans-serif;font-size:12px;font-weight:500}
.mat-option{font-family:Roboto,"Helvetica Neue",sans-serif;font-size:16px}
.mat-optgroup-label{font:500 14px/24px Roboto,"Helvetica Neue",sans-serif}
.mat-simple-snackbar{font-family:Roboto,"Helvetica Neue",sans-serif;font-size:14px}
.mat-simple-snackbar-action{line-height:1;font-family:inherit;font-size:inherit;font-weight:500}
.mat-tree{font-family:Roboto,"Helvetica Neue",sans-serif}
.mat-nested-tree-node,.mat-tree-node{font-weight:400;font-size:14px}
.mat-ripple{overflow:hidden;position:relative}
.mat-ripple.mat-ripple-unbounded{overflow:visible}
.mat-ripple-element{position:absolute;border-radius:50%;pointer-events:none;transition:opacity,transform 0s cubic-bezier(0,0,.2,1);transform:scale(0)}
@media (-ms-high-contrast:active){.mat-ripple-element{display:none}}
.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;outline:0;-webkit-appearance:none;-moz-appearance:none}
.cdk-global-overlay-wrapper,.cdk-overlay-container{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;z-index:1000;display:flex;max-width:100%;max-height:100%}
.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}
@media screen and (-ms-high-contrast:active){.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}}
.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}
.cdk-overlay-transparent-backdrop,.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0}
.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}
.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}
@-webkit-keyframes cdk-text-field-autofill-start{/*!*/}
@keyframes cdk-text-field-autofill-start{/*!*/}
@-webkit-keyframes cdk-text-field-autofill-end{/*!*/}
@keyframes cdk-text-field-autofill-end{/*!*/}
.cdk-text-field-autofill-monitored:-webkit-autofill{-webkit-animation-name:cdk-text-field-autofill-start;animation-name:cdk-text-field-autofill-start}
.cdk-text-field-autofill-monitored:not(:-webkit-autofill){-webkit-animation-name:cdk-text-field-autofill-end;animation-name:cdk-text-field-autofill-end}
textarea.cdk-textarea-autosize{resize:none}
textarea.cdk-textarea-autosize-measuring{height:auto!important;overflow:hidden!important;padding:2px 0!important;box-sizing:content-box!important}
.mat-ripple-element{background-color:rgba(255,255,255,.1)}
.mat-option{color:#fff}
.mat-option:focus:not(.mat-option-disabled),.mat-option:hover:not(.mat-option-disabled){background:rgba(255,255,255,.04)}
.mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled){background:rgba(255,255,255,.04)}
.mat-option.mat-active{background:rgba(255,255,255,.04);color:#fff}
.mat-option.mat-option-disabled{color:rgba(255,255,255,.5)}
.mat-primary .mat-option.mat-selected:not(.mat-option-disabled){color:#c2185b}
.mat-accent .mat-option.mat-selected:not(.mat-option-disabled){color:#b0bec5}
.mat-warn .mat-option.mat-selected:not(.mat-option-disabled){color:#f44336}
.mat-optgroup-label{color:rgba(255,255,255,.7)}
.mat-optgroup-disabled .mat-optgroup-label{color:rgba(255,255,255,.5)}
.mat-pseudo-checkbox{color:rgba(255,255,255,.7)}
.mat-pseudo-checkbox::after{color:#303030}
.mat-pseudo-checkbox-disabled{color:#686868}
.mat-primary .mat-pseudo-checkbox-checked,.mat-primary .mat-pseudo-checkbox-indeterminate{background:#c2185b}
.mat-accent .mat-pseudo-checkbox-checked,.mat-accent .mat-pseudo-checkbox-indeterminate,.mat-pseudo-checkbox-checked,.mat-pseudo-checkbox-indeterminate{background:#b0bec5}
.mat-warn .mat-pseudo-checkbox-checked,.mat-warn .mat-pseudo-checkbox-indeterminate{background:#f44336}
.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled{background:#686868}
.mat-elevation-z0{box-shadow:0 0 0 0 rgba(0,0,0,.2),0 0 0 0 rgba(0,0,0,.14),0 0 0 0 rgba(0,0,0,.12)}
.mat-elevation-z1{box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12)}
.mat-elevation-z2{box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}
.mat-elevation-z3{box-shadow:0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 1px 8px 0 rgba(0,0,0,.12)}
.mat-elevation-z4{box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}
.mat-elevation-z5{box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 5px 8px 0 rgba(0,0,0,.14),0 1px 14px 0 rgba(0,0,0,.12)}
.mat-elevation-z6{box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12)}
.mat-elevation-z7{box-shadow:0 4px 5px -2px rgba(0,0,0,.2),0 7px 10px 1px rgba(0,0,0,.14),0 2px 16px 1px rgba(0,0,0,.12)}
.mat-elevation-z8{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)}
.mat-elevation-z9{box-shadow:0 5px 6px -3px rgba(0,0,0,.2),0 9px 12px 1px rgba(0,0,0,.14),0 3px 16px 2px rgba(0,0,0,.12)}
.mat-elevation-z10{box-shadow:0 6px 6px -3px rgba(0,0,0,.2),0 10px 14px 1px rgba(0,0,0,.14),0 4px 18px 3px rgba(0,0,0,.12)}
.mat-elevation-z11{box-shadow:0 6px 7px -4px rgba(0,0,0,.2),0 11px 15px 1px rgba(0,0,0,.14),0 4px 20px 3px rgba(0,0,0,.12)}
.mat-elevation-z12{box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 12px 17px 2px rgba(0,0,0,.14),0 5px 22px 4px rgba(0,0,0,.12)}
.mat-elevation-z13{box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 13px 19px 2px rgba(0,0,0,.14),0 5px 24px 4px rgba(0,0,0,.12)}
.mat-elevation-z14{box-shadow:0 7px 9px -4px rgba(0,0,0,.2),0 14px 21px 2px rgba(0,0,0,.14),0 5px 26px 4px rgba(0,0,0,.12)}
.mat-elevation-z15{box-shadow:0 8px 9px -5px rgba(0,0,0,.2),0 15px 22px 2px rgba(0,0,0,.14),0 6px 28px 5px rgba(0,0,0,.12)}
.mat-elevation-z16{box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12)}
.mat-elevation-z17{box-shadow:0 8px 11px -5px rgba(0,0,0,.2),0 17px 26px 2px rgba(0,0,0,.14),0 6px 32px 5px rgba(0,0,0,.12)}
.mat-elevation-z18{box-shadow:0 9px 11px -5px rgba(0,0,0,.2),0 18px 28px 2px rgba(0,0,0,.14),0 7px 34px 6px rgba(0,0,0,.12)}
.mat-elevation-z19{box-shadow:0 9px 12px -6px rgba(0,0,0,.2),0 19px 29px 2px rgba(0,0,0,.14),0 7px 36px 6px rgba(0,0,0,.12)}
.mat-elevation-z20{box-shadow:0 10px 13px -6px rgba(0,0,0,.2),0 20px 31px 3px rgba(0,0,0,.14),0 8px 38px 7px rgba(0,0,0,.12)}
.mat-elevation-z21{box-shadow:0 10px 13px -6px rgba(0,0,0,.2),0 21px 33px 3px rgba(0,0,0,.14),0 8px 40px 7px rgba(0,0,0,.12)}
.mat-elevation-z22{box-shadow:0 10px 14px -6px rgba(0,0,0,.2),0 22px 35px 3px rgba(0,0,0,.14),0 8px 42px 7px rgba(0,0,0,.12)}
.mat-elevation-z23{box-shadow:0 11px 14px -7px rgba(0,0,0,.2),0 23px 36px 3px rgba(0,0,0,.14),0 9px 44px 8px rgba(0,0,0,.12)}
.mat-elevation-z24{box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12)}
.mat-app-background{background-color:#303030;color:#fff}
.mat-theme-loaded-marker{display:none}
.mat-autocomplete-panel{background:#424242;color:#fff}
.mat-autocomplete-panel:not([class*=mat-elevation-z]){box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}
.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover){background:#424242}
.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled){color:#fff}
.mat-badge-content{color:#fff;background:#c2185b}
@media (-ms-high-contrast:active){.mat-badge-content{outline:solid 1px;border-radius:0}}
.mat-badge-accent .mat-badge-content{background:#b0bec5;color:rgba(0,0,0,.87)}
.mat-badge-warn .mat-badge-content{color:#fff;background:#f44336}
.mat-badge{position:relative}
.mat-badge-hidden .mat-badge-content{display:none}
.mat-badge-disabled .mat-badge-content{background:#6e6e6e;color:rgba(255,255,255,.5)}
.mat-badge-content{position:absolute;text-align:center;display:inline-block;border-radius:50%;transition:transform .2s ease-in-out;transform:scale(.6);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;pointer-events:none}
.mat-badge-content._mat-animation-noopable,.ng-animate-disabled .mat-badge-content{transition:none}
.mat-badge-content.mat-badge-active{transform:none}
.mat-badge-small .mat-badge-content{width:16px;height:16px;line-height:16px}
.mat-badge-small.mat-badge-above .mat-badge-content{top:-8px}
.mat-badge-small.mat-badge-below .mat-badge-content{bottom:-8px}
.mat-badge-small.mat-badge-before .mat-badge-content{left:-16px}
[dir=rtl] .mat-badge-small.mat-badge-before .mat-badge-content{left:auto;right:-16px}
.mat-badge-small.mat-badge-after .mat-badge-content{right:-16px}
[dir=rtl] .mat-badge-small.mat-badge-after .mat-badge-content{right:auto;left:-16px}
.mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content{left:-8px}
[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content{left:auto;right:-8px}
.mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content{right:-8px}
[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content{right:auto;left:-8px}
.mat-badge-medium .mat-badge-content{width:22px;height:22px;line-height:22px}
.mat-badge-medium.mat-badge-above .mat-badge-content{top:-11px}
.mat-badge-medium.mat-badge-below .mat-badge-content{bottom:-11px}
.mat-badge-medium.mat-badge-before .mat-badge-content{left:-22px}
[dir=rtl] .mat-badge-medium.mat-badge-before .mat-badge-content{left:auto;right:-22px}
.mat-badge-medium.mat-badge-after .mat-badge-content{right:-22px}
[dir=rtl] .mat-badge-medium.mat-badge-after .mat-badge-content{right:auto;left:-22px}
.mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content{left:-11px}
[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content{left:auto;right:-11px}
.mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content{right:-11px}
[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content{right:auto;left:-11px}
.mat-badge-large .mat-badge-content{width:28px;height:28px;line-height:28px}
.mat-badge-large.mat-badge-above .mat-badge-content{top:-14px}
.mat-badge-large.mat-badge-below .mat-badge-content{bottom:-14px}
.mat-badge-large.mat-badge-before .mat-badge-content{left:-28px}
[dir=rtl] .mat-badge-large.mat-badge-before .mat-badge-content{left:auto;right:-28px}
.mat-badge-large.mat-badge-after .mat-badge-content{right:-28px}
[dir=rtl] .mat-badge-large.mat-badge-after .mat-badge-content{right:auto;left:-28px}
.mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content{left:-14px}
[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content{left:auto;right:-14px}
.mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content{right:-14px}
[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content{right:auto;left:-14px}
.mat-bottom-sheet-container{box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12);background:#424242;color:#fff}
.mat-button,.mat-icon-button,.mat-stroked-button{color:inherit;background:0 0}
.mat-button.mat-primary,.mat-icon-button.mat-primary,.mat-stroked-button.mat-primary{color:#c2185b}
.mat-button.mat-accent,.mat-icon-button.mat-accent,.mat-stroked-button.mat-accent{color:#b0bec5}
.mat-button.mat-warn,.mat-icon-button.mat-warn,.mat-stroked-button.mat-warn{color:#f44336}
.mat-button.mat-accent[disabled],.mat-button.mat-primary[disabled],.mat-button.mat-warn[disabled],.mat-button[disabled][disabled],.mat-icon-button.mat-accent[disabled],.mat-icon-button.mat-primary[disabled],.mat-icon-button.mat-warn[disabled],.mat-icon-button[disabled][disabled],.mat-stroked-button.mat-accent[disabled],.mat-stroked-button.mat-primary[disabled],.mat-stroked-button.mat-warn[disabled],.mat-stroked-button[disabled][disabled]{color:rgba(255,255,255,.3)}
.mat-button.mat-primary .mat-button-focus-overlay,.mat-icon-button.mat-primary .mat-button-focus-overlay,.mat-stroked-button.mat-primary .mat-button-focus-overlay{background-color:#c2185b}
.mat-button.mat-accent .mat-button-focus-overlay,.mat-icon-button.mat-accent .mat-button-focus-overlay,.mat-stroked-button.mat-accent .mat-button-focus-overlay{background-color:#b0bec5}
.mat-button.mat-warn .mat-button-focus-overlay,.mat-icon-button.mat-warn .mat-button-focus-overlay,.mat-stroked-button.mat-warn .mat-button-focus-overlay{background-color:#f44336}
.mat-button[disabled] .mat-button-focus-overlay,.mat-icon-button[disabled] .mat-button-focus-overlay,.mat-stroked-button[disabled] .mat-button-focus-overlay{background-color:transparent}
.mat-button .mat-ripple-element,.mat-icon-button .mat-ripple-element,.mat-stroked-button .mat-ripple-element{opacity:.1;background-color:currentColor}
.mat-button-focus-overlay{background:#fff}
.mat-stroked-button:not([disabled]){border-color:rgba(255,255,255,.12)}
.mat-fab,.mat-flat-button,.mat-mini-fab,.mat-raised-button{color:#fff;background-color:#424242}
.mat-fab.mat-primary,.mat-flat-button.mat-primary,.mat-mini-fab.mat-primary,.mat-raised-button.mat-primary{color:#fff}
.mat-fab.mat-accent,.mat-flat-button.mat-accent,.mat-mini-fab.mat-accent,.mat-raised-button.mat-accent{color:rgba(0,0,0,.87)}
.mat-fab.mat-warn,.mat-flat-button.mat-warn,.mat-mini-fab.mat-warn,.mat-raised-button.mat-warn{color:#fff}
.mat-fab.mat-accent[disabled],.mat-fab.mat-primary[disabled],.mat-fab.mat-warn[disabled],.mat-fab[disabled][disabled],.mat-flat-button.mat-accent[disabled],.mat-flat-button.mat-primary[disabled],.mat-flat-button.mat-warn[disabled],.mat-flat-button[disabled][disabled],.mat-mini-fab.mat-accent[disabled],.mat-mini-fab.mat-primary[disabled],.mat-mini-fab.mat-warn[disabled],.mat-mini-fab[disabled][disabled],.mat-raised-button.mat-accent[disabled],.mat-raised-button.mat-primary[disabled],.mat-raised-button.mat-warn[disabled],.mat-raised-button[disabled][disabled]{color:rgba(255,255,255,.3)}
.mat-fab.mat-primary,.mat-flat-button.mat-primary,.mat-mini-fab.mat-primary,.mat-raised-button.mat-primary{background-color:#c2185b}
.mat-fab.mat-accent,.mat-flat-button.mat-accent,.mat-mini-fab.mat-accent,.mat-raised-button.mat-accent{background-color:#b0bec5}
.mat-fab.mat-warn,.mat-flat-button.mat-warn,.mat-mini-fab.mat-warn,.mat-raised-button.mat-warn{background-color:#f44336}
.mat-fab.mat-accent[disabled],.mat-fab.mat-primary[disabled],.mat-fab.mat-warn[disabled],.mat-fab[disabled][disabled],.mat-flat-button.mat-accent[disabled],.mat-flat-button.mat-primary[disabled],.mat-flat-button.mat-warn[disabled],.mat-flat-button[disabled][disabled],.mat-mini-fab.mat-accent[disabled],.mat-mini-fab.mat-primary[disabled],.mat-mini-fab.mat-warn[disabled],.mat-mini-fab[disabled][disabled],.mat-raised-button.mat-accent[disabled],.mat-raised-button.mat-primary[disabled],.mat-raised-button.mat-warn[disabled],.mat-raised-button[disabled][disabled]{background-color:rgba(255,255,255,.12)}
.mat-fab.mat-primary .mat-ripple-element,.mat-flat-button.mat-primary .mat-ripple-element,.mat-mini-fab.mat-primary .mat-ripple-element,.mat-raised-button.mat-primary .mat-ripple-element{background-color:rgba(255,255,255,.1)}
.mat-fab.mat-accent .mat-ripple-element,.mat-flat-button.mat-accent .mat-ripple-element,.mat-mini-fab.mat-accent .mat-ripple-element,.mat-raised-button.mat-accent .mat-ripple-element{background-color:rgba(0,0,0,.1)}
.mat-fab.mat-warn .mat-ripple-element,.mat-flat-button.mat-warn .mat-ripple-element,.mat-mini-fab.mat-warn .mat-ripple-element,.mat-raised-button.mat-warn .mat-ripple-element{background-color:rgba(255,255,255,.1)}
.mat-flat-button:not([class*=mat-elevation-z]),.mat-stroked-button:not([class*=mat-elevation-z]){box-shadow:0 0 0 0 rgba(0,0,0,.2),0 0 0 0 rgba(0,0,0,.14),0 0 0 0 rgba(0,0,0,.12)}
.mat-raised-button:not([class*=mat-elevation-z]){box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}
.mat-raised-button:not([disabled]):active:not([class*=mat-elevation-z]){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)}
.mat-raised-button[disabled]:not([class*=mat-elevation-z]){box-shadow:0 0 0 0 rgba(0,0,0,.2),0 0 0 0 rgba(0,0,0,.14),0 0 0 0 rgba(0,0,0,.12)}
.mat-fab:not([class*=mat-elevation-z]),.mat-mini-fab:not([class*=mat-elevation-z]){box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12)}
.mat-fab:not([disabled]):active:not([class*=mat-elevation-z]),.mat-mini-fab:not([disabled]):active:not([class*=mat-elevation-z]){box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 12px 17px 2px rgba(0,0,0,.14),0 5px 22px 4px rgba(0,0,0,.12)}
.mat-fab[disabled]:not([class*=mat-elevation-z]),.mat-mini-fab[disabled]:not([class*=mat-elevation-z]){box-shadow:0 0 0 0 rgba(0,0,0,.2),0 0 0 0 rgba(0,0,0,.14),0 0 0 0 rgba(0,0,0,.12)}
.mat-button-toggle-group,.mat-button-toggle-standalone{box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}
.mat-button-toggle-group-appearance-standard,.mat-button-toggle-standalone.mat-button-toggle-appearance-standard{box-shadow:none}
.mat-button-toggle{color:rgba(255,255,255,.5)}
.mat-button-toggle .mat-button-toggle-focus-overlay{background-color:rgba(255,255,255,.12)}
.mat-button-toggle-appearance-standard{color:#fff;background:#424242}
.mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay{background-color:#fff}
.mat-button-toggle-group-appearance-standard .mat-button-toggle+.mat-button-toggle{border-left:solid 1px rgba(255,255,255,.12)}
[dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle+.mat-button-toggle{border-left:none;border-right:solid 1px rgba(255,255,255,.12)}
.mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle+.mat-button-toggle{border-left:none;border-right:none;border-top:solid 1px rgba(255,255,255,.12)}
.mat-button-toggle-checked{background-color:#212121;color:rgba(255,255,255,.7)}
.mat-button-toggle-checked.mat-button-toggle-appearance-standard{color:#fff}
.mat-button-toggle-disabled{color:rgba(255,255,255,.3);background-color:#000}
.mat-button-toggle-disabled.mat-button-toggle-appearance-standard{background:#424242}
.mat-button-toggle-disabled.mat-button-toggle-checked{background-color:#424242}
.mat-button-toggle-group-appearance-standard,.mat-button-toggle-standalone.mat-button-toggle-appearance-standard{border:solid 1px rgba(255,255,255,.12)}
.mat-card{background:#424242;color:#fff}
.mat-card:not([class*=mat-elevation-z]){box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12)}
.mat-card.mat-card-flat:not([class*=mat-elevation-z]){box-shadow:0 0 0 0 rgba(0,0,0,.2),0 0 0 0 rgba(0,0,0,.14),0 0 0 0 rgba(0,0,0,.12)}
.mat-card-subtitle{color:rgba(255,255,255,.7)}
.mat-checkbox-frame{border-color:rgba(255,255,255,.7)}
.mat-checkbox-checkmark{fill:#303030}
.mat-checkbox-checkmark-path{stroke:#303030!important}
@media (-ms-high-contrast:black-on-white){.mat-checkbox-checkmark-path{stroke:#000!important}}
.mat-checkbox-mixedmark{background-color:#303030}
.mat-checkbox-checked.mat-primary .mat-checkbox-background,.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background{background-color:#c2185b}
.mat-checkbox-checked.mat-accent .mat-checkbox-background,.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background{background-color:#b0bec5}
.mat-checkbox-checked.mat-warn .mat-checkbox-background,.mat-checkbox-indeterminate.mat-warn .mat-checkbox-background{background-color:#f44336}
.mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background,.mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background{background-color:#686868}
.mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame{border-color:#686868}
.mat-checkbox-disabled .mat-checkbox-label{color:rgba(255,255,255,.7)}
@media (-ms-high-contrast:active){.mat-checkbox-disabled{opacity:.5}}
@media (-ms-high-contrast:active){.mat-checkbox-background{background:0 0}}
.mat-checkbox .mat-ripple-element{background-color:#fff}
.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element,.mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element{background:#c2185b}
.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element,.mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element{background:#b0bec5}
.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element,.mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element{background:#f44336}
.mat-chip.mat-standard-chip{background-color:#616161;color:#fff}
.mat-chip.mat-standard-chip .mat-chip-remove{color:#fff;opacity:.4}
.mat-chip.mat-standard-chip:not(.mat-chip-disabled):active{box-shadow:0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 1px 8px 0 rgba(0,0,0,.12)}
.mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover{opacity:.54}
.mat-chip.mat-standard-chip.mat-chip-disabled{opacity:.4}
.mat-chip.mat-standard-chip::after{background:#fff}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary{background-color:#c2185b;color:#fff}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove{color:#fff;opacity:.4}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element{background:rgba(255,255,255,.1)}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn{background-color:#f44336;color:#fff}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove{color:#fff;opacity:.4}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element{background:rgba(255,255,255,.1)}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent{background-color:#b0bec5;color:rgba(0,0,0,.87)}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove{color:rgba(0,0,0,.87);opacity:.4}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element{background:rgba(0,0,0,.1)}
.mat-table{background:#424242}
.mat-table tbody,.mat-table tfoot,.mat-table thead,.mat-table-sticky,[mat-footer-row],[mat-header-row],[mat-row],mat-footer-row,mat-header-row,mat-row{background:inherit}
mat-footer-row,mat-header-row,mat-row,td.mat-cell,td.mat-footer-cell,th.mat-header-cell{border-bottom-color:rgba(255,255,255,.12)}
.mat-header-cell{color:rgba(255,255,255,.7)}
.mat-cell,.mat-footer-cell{color:#fff}
.mat-calendar-arrow{border-top-color:#fff}
.mat-datepicker-content .mat-calendar-next-button,.mat-datepicker-content .mat-calendar-previous-button,.mat-datepicker-toggle{color:#fff}
.mat-calendar-table-header{color:rgba(255,255,255,.5)}
.mat-calendar-table-header-divider::after{background:rgba(255,255,255,.12)}
.mat-calendar-body-label{color:rgba(255,255,255,.7)}
.mat-calendar-body-cell-content{color:#fff;border-color:transparent}
.mat-calendar-body-disabled>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected){color:rgba(255,255,255,.5)}
.cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected),.cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected),.mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected){background-color:rgba(255,255,255,.04)}
.mat-calendar-body-today:not(.mat-calendar-body-selected){border-color:rgba(255,255,255,.5)}
.mat-calendar-body-disabled>.mat-calendar-body-today:not(.mat-calendar-body-selected){border-color:rgba(255,255,255,.3)}
.mat-calendar-body-selected{background-color:#c2185b;color:#fff}
.mat-calendar-body-disabled>.mat-calendar-body-selected{background-color:rgba(194,24,91,.4)}
.mat-calendar-body-today.mat-calendar-body-selected{box-shadow:inset 0 0 0 1px #fff}
.mat-datepicker-content{box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);background-color:#424242;color:#fff}
.mat-datepicker-content.mat-accent .mat-calendar-body-selected{background-color:#b0bec5;color:rgba(0,0,0,.87)}
.mat-datepicker-content.mat-accent .mat-calendar-body-disabled>.mat-calendar-body-selected{background-color:rgba(176,190,197,.4)}
.mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected{box-shadow:inset 0 0 0 1px rgba(0,0,0,.87)}
.mat-datepicker-content.mat-warn .mat-calendar-body-selected{background-color:#f44336;color:#fff}
.mat-datepicker-content.mat-warn .mat-calendar-body-disabled>.mat-calendar-body-selected{background-color:rgba(244,67,54,.4)}
.mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected{box-shadow:inset 0 0 0 1px #fff}
.mat-datepicker-content-touch{box-shadow:0 0 0 0 rgba(0,0,0,.2),0 0 0 0 rgba(0,0,0,.14),0 0 0 0 rgba(0,0,0,.12)}
.mat-datepicker-toggle-active{color:#c2185b}
.mat-datepicker-toggle-active.mat-accent{color:#b0bec5}
.mat-datepicker-toggle-active.mat-warn{color:#f44336}
.mat-dialog-container{box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12);background:#424242;color:#fff}
.mat-divider{border-top-color:rgba(255,255,255,.12)}
.mat-divider-vertical{border-right-color:rgba(255,255,255,.12)}
.mat-expansion-panel{background:#424242;color:#fff}
.mat-expansion-panel:not([class*=mat-elevation-z]){box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}
.mat-action-row{border-top-color:rgba(255,255,255,.12)}
.mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]),.mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]),.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]){background:rgba(255,255,255,.04)}
@media (hover:none){.mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover{background:#424242}}
.mat-expansion-panel-header-title{color:#fff}
.mat-expansion-indicator::after,.mat-expansion-panel-header-description{color:rgba(255,255,255,.7)}
.mat-expansion-panel-header[aria-disabled=true]{color:rgba(255,255,255,.3)}
.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description,.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title{color:inherit}
.mat-form-field-label{color:rgba(255,255,255,.7)}
.mat-hint{color:rgba(255,255,255,.7)}
.mat-form-field.mat-focused .mat-form-field-label{color:#c2185b}
.mat-form-field.mat-focused .mat-form-field-label.mat-accent{color:#b0bec5}
.mat-form-field.mat-focused .mat-form-field-label.mat-warn{color:#f44336}
.mat-focused .mat-form-field-required-marker{color:#b0bec5}
.mat-form-field-ripple{background-color:#fff}
.mat-form-field.mat-focused .mat-form-field-ripple{background-color:#c2185b}
.mat-form-field.mat-focused .mat-form-field-ripple.mat-accent{background-color:#b0bec5}
.mat-form-field.mat-focused .mat-form-field-ripple.mat-warn{background-color:#f44336}
.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after{color:#c2185b}
.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after{color:#b0bec5}
.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after{color:#f44336}
.mat-form-field.mat-form-field-invalid .mat-form-field-label{color:#f44336}
.mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker,.mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent{color:#f44336}
.mat-form-field.mat-form-field-invalid .mat-form-field-ripple,.mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent{background-color:#f44336}
.mat-error{color:#f44336}
.mat-form-field-appearance-legacy .mat-form-field-label{color:rgba(255,255,255,.7)}
.mat-form-field-appearance-legacy .mat-hint{color:rgba(255,255,255,.7)}
.mat-form-field-appearance-legacy .mat-form-field-underline{background-color:rgba(255,255,255,.7)}
.mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline{background-image:linear-gradient(to right,rgba(255,255,255,.7) 0,rgba(255,255,255,.7) 33%,transparent 0);background-size:4px 100%;background-repeat:repeat-x}
.mat-form-field-appearance-standard .mat-form-field-underline{background-color:rgba(255,255,255,.7)}
.mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline{background-image:linear-gradient(to right,rgba(255,255,255,.7) 0,rgba(255,255,255,.7) 33%,transparent 0);background-size:4px 100%;background-repeat:repeat-x}
.mat-form-field-appearance-fill .mat-form-field-flex{background-color:rgba(255,255,255,.1)}
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex{background-color:rgba(255,255,255,.05)}
.mat-form-field-appearance-fill .mat-form-field-underline::before{background-color:rgba(255,255,255,.5)}
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label{color:rgba(255,255,255,.5)}
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before{background-color:transparent}
.mat-form-field-appearance-outline .mat-form-field-outline{color:rgba(255,255,255,.3)}
.mat-form-field-appearance-outline .mat-form-field-outline-thick{color:#fff}
.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick{color:#c2185b}
.mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick{color:#b0bec5}
.mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick{color:#f44336}
.mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick{color:#f44336}
.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label{color:rgba(255,255,255,.5)}
.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline{color:rgba(255,255,255,.15)}
.mat-icon.mat-primary{color:#c2185b}
.mat-icon.mat-accent{color:#b0bec5}
.mat-icon.mat-warn{color:#f44336}
.mat-form-field-type-mat-native-select .mat-form-field-infix::after{color:rgba(255,255,255,.7)}
.mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after,.mat-input-element:disabled{color:rgba(255,255,255,.5)}
.mat-input-element{caret-color:#c2185b}
.mat-input-element::-webkit-input-placeholder{color:rgba(255,255,255,.5)}
.mat-input-element::-moz-placeholder{color:rgba(255,255,255,.5)}
.mat-input-element::-ms-input-placeholder{color:rgba(255,255,255,.5)}
.mat-input-element::placeholder{color:rgba(255,255,255,.5)}
.mat-input-element::-moz-placeholder{color:rgba(255,255,255,.5)}
.mat-input-element::-webkit-input-placeholder{color:rgba(255,255,255,.5)}
.mat-input-element:-ms-input-placeholder{color:rgba(255,255,255,.5)}
.mat-input-element option{color:rgba(0,0,0,.87)}
.mat-input-element option:disabled{color:rgba(0,0,0,.38)}
.mat-accent .mat-input-element{caret-color:#b0bec5}
.mat-form-field-invalid .mat-input-element,.mat-warn .mat-input-element{caret-color:#f44336}
.mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after{color:#f44336}
.mat-list-base .mat-list-item{color:#fff}
.mat-list-base .mat-list-option{color:#fff}
.mat-list-base .mat-subheader{color:rgba(255,255,255,.7)}
.mat-list-item-disabled{background-color:#000}
.mat-action-list .mat-list-item:focus,.mat-action-list .mat-list-item:hover,.mat-list-option:focus,.mat-list-option:hover,.mat-nav-list .mat-list-item:focus,.mat-nav-list .mat-list-item:hover{background:rgba(255,255,255,.04)}
.mat-menu-panel{background:#424242}
.mat-menu-panel:not([class*=mat-elevation-z]){box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}
.mat-menu-item{background:0 0;color:#fff}
.mat-menu-item[disabled],.mat-menu-item[disabled]::after{color:rgba(255,255,255,.5)}
.mat-menu-item .mat-icon-no-color,.mat-menu-item-submenu-trigger::after{color:#fff}
.mat-menu-item-highlighted:not([disabled]),.mat-menu-item.cdk-keyboard-focused:not([disabled]),.mat-menu-item.cdk-program-focused:not([disabled]),.mat-menu-item:hover:not([disabled]){background:rgba(255,255,255,.04)}
.mat-paginator{background:#424242}
.mat-paginator,.mat-paginator-page-size .mat-select-trigger{color:rgba(255,255,255,.7)}
.mat-paginator-decrement,.mat-paginator-increment{border-top:2px solid #fff;border-right:2px solid #fff}
.mat-paginator-first,.mat-paginator-last{border-top:2px solid #fff}
.mat-icon-button[disabled] .mat-paginator-decrement,.mat-icon-button[disabled] .mat-paginator-first,.mat-icon-button[disabled] .mat-paginator-increment,.mat-icon-button[disabled] .mat-paginator-last{border-color:rgba(255,255,255,.5)}
.mat-progress-bar-background{fill:#e91e63}
.mat-progress-bar-buffer{background-color:#e91e63}
.mat-progress-bar-fill::after{background-color:#c2185b}
.mat-progress-bar.mat-accent .mat-progress-bar-background{fill:#cfd8dc}
.mat-progress-bar.mat-accent .mat-progress-bar-buffer{background-color:#cfd8dc}
.mat-progress-bar.mat-accent .mat-progress-bar-fill::after{background-color:#b0bec5}
.mat-progress-bar.mat-warn .mat-progress-bar-background{fill:#ffcdd2}
.mat-progress-bar.mat-warn .mat-progress-bar-buffer{background-color:#ffcdd2}
.mat-progress-bar.mat-warn .mat-progress-bar-fill::after{background-color:#f44336}
.mat-progress-spinner circle,.mat-spinner circle{stroke:#c2185b}
.mat-progress-spinner.mat-accent circle,.mat-spinner.mat-accent circle{stroke:#b0bec5}
.mat-progress-spinner.mat-warn circle,.mat-spinner.mat-warn circle{stroke:#f44336}
.mat-radio-outer-circle{border-color:rgba(255,255,255,.7)}
.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle{border-color:#c2185b}
.mat-radio-button.mat-primary .mat-radio-inner-circle,.mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple,.mat-radio-button.mat-primary:active .mat-radio-persistent-ripple{background-color:#c2185b}
.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle{border-color:#b0bec5}
.mat-radio-button.mat-accent .mat-radio-inner-circle,.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple,.mat-radio-button.mat-accent:active .mat-radio-persistent-ripple{background-color:#b0bec5}
.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle{border-color:#f44336}
.mat-radio-button.mat-warn .mat-radio-inner-circle,.mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple,.mat-radio-button.mat-warn:active .mat-radio-persistent-ripple{background-color:#f44336}
.mat-radio-button.mat-radio-disabled .mat-radio-outer-circle,.mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle{border-color:rgba(255,255,255,.5)}
.mat-radio-button.mat-radio-disabled .mat-radio-inner-circle,.mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element{background-color:rgba(255,255,255,.5)}
.mat-radio-button.mat-radio-disabled .mat-radio-label-content{color:rgba(255,255,255,.5)}
.mat-radio-button .mat-ripple-element{background-color:#fff}
.mat-select-value{color:#fff}
.mat-select-placeholder{color:rgba(255,255,255,.5)}
.mat-select-disabled .mat-select-value{color:rgba(255,255,255,.5)}
.mat-select-arrow{color:rgba(255,255,255,.7)}
.mat-select-panel{background:#424242}
.mat-select-panel:not([class*=mat-elevation-z]){box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}
.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple){background:rgba(255,255,255,.12)}
.mat-form-field.mat-focused.mat-primary .mat-select-arrow{color:#c2185b}
.mat-form-field.mat-focused.mat-accent .mat-select-arrow{color:#b0bec5}
.mat-form-field.mat-focused.mat-warn .mat-select-arrow{color:#f44336}
.mat-form-field .mat-select.mat-select-invalid .mat-select-arrow{color:#f44336}
.mat-form-field .mat-select.mat-select-disabled .mat-select-arrow{color:rgba(255,255,255,.5)}
.mat-drawer-container{background-color:#303030;color:#fff}
.mat-drawer{background-color:#424242;color:#fff}
.mat-drawer.mat-drawer-push{background-color:#424242}
.mat-drawer:not(.mat-drawer-side){box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12)}
.mat-drawer-side{border-right:solid 1px rgba(255,255,255,.12)}
.mat-drawer-side.mat-drawer-end{border-left:solid 1px rgba(255,255,255,.12);border-right:none}
[dir=rtl] .mat-drawer-side{border-left:solid 1px rgba(255,255,255,.12);border-right:none}
[dir=rtl] .mat-drawer-side.mat-drawer-end{border-left:none;border-right:solid 1px rgba(255,255,255,.12)}
.mat-drawer-backdrop.mat-drawer-shown{background-color:rgba(189,189,189,.6)}
.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb{background-color:#b0bec5}
.mat-slide-toggle.mat-checked .mat-slide-toggle-bar{background-color:rgba(176,190,197,.54)}
.mat-slide-toggle.mat-checked .mat-ripple-element{background-color:#b0bec5}
.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb{background-color:#c2185b}
.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar{background-color:rgba(194,24,91,.54)}
.mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element{background-color:#c2185b}
.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb{background-color:#f44336}
.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar{background-color:rgba(244,67,54,.54)}
.mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element{background-color:#f44336}
.mat-slide-toggle:not(.mat-checked) .mat-ripple-element{background-color:#fff}
.mat-slide-toggle-thumb{box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);background-color:#bdbdbd}
.mat-slide-toggle-bar{background-color:rgba(255,255,255,.5)}
.mat-slider-track-background{background-color:rgba(255,255,255,.3)}
.mat-primary .mat-slider-thumb,.mat-primary .mat-slider-thumb-label,.mat-primary .mat-slider-track-fill{background-color:#c2185b}
.mat-primary .mat-slider-thumb-label-text{color:#fff}
.mat-accent .mat-slider-thumb,.mat-accent .mat-slider-thumb-label,.mat-accent .mat-slider-track-fill{background-color:#b0bec5}
.mat-accent .mat-slider-thumb-label-text{color:rgba(0,0,0,.87)}
.mat-warn .mat-slider-thumb,.mat-warn .mat-slider-thumb-label,.mat-warn .mat-slider-track-fill{background-color:#f44336}
.mat-warn .mat-slider-thumb-label-text{color:#fff}
.mat-slider-focus-ring{background-color:rgba(176,190,197,.2)}
.cdk-focused .mat-slider-track-background,.mat-slider:hover .mat-slider-track-background{background-color:rgba(255,255,255,.3)}
.mat-slider-disabled .mat-slider-thumb,.mat-slider-disabled .mat-slider-track-background,.mat-slider-disabled .mat-slider-track-fill{background-color:rgba(255,255,255,.3)}
.mat-slider-disabled:hover .mat-slider-track-background{background-color:rgba(255,255,255,.3)}
.mat-slider-min-value .mat-slider-focus-ring{background-color:rgba(255,255,255,.12)}
.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label{background-color:#fff}
.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label{background-color:rgba(255,255,255,.3)}
.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb{border-color:rgba(255,255,255,.3);background-color:transparent}
.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb,.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb{border-color:rgba(255,255,255,.3)}
.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb,.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb{border-color:rgba(255,255,255,.3)}
.mat-slider-has-ticks .mat-slider-wrapper::after{border-color:rgba(255,255,255,.7)}
.mat-slider-horizontal .mat-slider-ticks{background-image:repeating-linear-gradient(to right,rgba(255,255,255,.7),rgba(255,255,255,.7) 2px,transparent 0,transparent);background-image:-moz-repeating-linear-gradient(.0001deg,rgba(255,255,255,.7),rgba(255,255,255,.7) 2px,transparent 0,transparent)}
.mat-slider-vertical .mat-slider-ticks{background-image:repeating-linear-gradient(to bottom,rgba(255,255,255,.7),rgba(255,255,255,.7) 2px,transparent 0,transparent)}
.mat-step-header.cdk-keyboard-focused,.mat-step-header.cdk-program-focused,.mat-step-header:hover{background-color:rgba(255,255,255,.04)}
@media (hover:none){.mat-step-header:hover{background:0 0}}
.mat-step-header .mat-step-label,.mat-step-header .mat-step-optional{color:rgba(255,255,255,.7)}
.mat-step-header .mat-step-icon{background-color:rgba(255,255,255,.7);color:#fff}
.mat-step-header .mat-step-icon-selected,.mat-step-header .mat-step-icon-state-done,.mat-step-header .mat-step-icon-state-edit{background-color:#c2185b;color:#fff}
.mat-step-header .mat-step-icon-state-error{background-color:transparent;color:#f44336}
.mat-step-header .mat-step-label.mat-step-label-active{color:#fff}
.mat-step-header .mat-step-label.mat-step-label-error{color:#f44336}
.mat-stepper-horizontal,.mat-stepper-vertical{background-color:#424242}
.mat-stepper-vertical-line::before{border-left-color:rgba(255,255,255,.12)}
.mat-horizontal-stepper-header::after,.mat-horizontal-stepper-header::before,.mat-stepper-horizontal-line{border-top-color:rgba(255,255,255,.12)}
.mat-sort-header-arrow{color:#c6c6c6}
.mat-tab-header,.mat-tab-nav-bar{border-bottom:1px solid rgba(255,255,255,.12)}
.mat-tab-group-inverted-header .mat-tab-header,.mat-tab-group-inverted-header .mat-tab-nav-bar{border-top:1px solid rgba(255,255,255,.12);border-bottom:none}
.mat-tab-label,.mat-tab-link{color:#fff}
.mat-tab-label.mat-tab-disabled,.mat-tab-link.mat-tab-disabled{color:rgba(255,255,255,.5)}
.mat-tab-header-pagination-chevron{border-color:#fff}
.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron{border-color:rgba(255,255,255,.5)}
.mat-tab-group[class*=mat-background-] .mat-tab-header,.mat-tab-nav-bar[class*=mat-background-]{border-bottom:none;border-top:none}
.mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(233,30,99,.3)}
.mat-tab-group.mat-primary .mat-ink-bar,.mat-tab-nav-bar.mat-primary .mat-ink-bar{background-color:#c2185b}
.mat-tab-group.mat-primary.mat-background-primary .mat-ink-bar,.mat-tab-nav-bar.mat-primary.mat-background-primary .mat-ink-bar{background-color:#fff}
.mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(207,216,220,.3)}
.mat-tab-group.mat-accent .mat-ink-bar,.mat-tab-nav-bar.mat-accent .mat-ink-bar{background-color:#b0bec5}
.mat-tab-group.mat-accent.mat-background-accent .mat-ink-bar,.mat-tab-nav-bar.mat-accent.mat-background-accent .mat-ink-bar{background-color:rgba(0,0,0,.87)}
.mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(255,205,210,.3)}
.mat-tab-group.mat-warn .mat-ink-bar,.mat-tab-nav-bar.mat-warn .mat-ink-bar{background-color:#f44336}
.mat-tab-group.mat-warn.mat-background-warn .mat-ink-bar,.mat-tab-nav-bar.mat-warn.mat-background-warn .mat-ink-bar{background-color:#fff}
.mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(233,30,99,.3)}
.mat-tab-group.mat-background-primary .mat-tab-header,.mat-tab-group.mat-background-primary .mat-tab-header-pagination,.mat-tab-group.mat-background-primary .mat-tab-links,.mat-tab-nav-bar.mat-background-primary .mat-tab-header,.mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination,.mat-tab-nav-bar.mat-background-primary .mat-tab-links{background-color:#c2185b}
.mat-tab-group.mat-background-primary .mat-tab-label,.mat-tab-group.mat-background-primary .mat-tab-link,.mat-tab-nav-bar.mat-background-primary .mat-tab-label,.mat-tab-nav-bar.mat-background-primary .mat-tab-link{color:#fff}
.mat-tab-group.mat-background-primary .mat-tab-label.mat-tab-disabled,.mat-tab-group.mat-background-primary .mat-tab-link.mat-tab-disabled,.mat-tab-nav-bar.mat-background-primary .mat-tab-label.mat-tab-disabled,.mat-tab-nav-bar.mat-background-primary .mat-tab-link.mat-tab-disabled{color:rgba(255,255,255,.4)}
.mat-tab-group.mat-background-primary .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-chevron{border-color:#fff}
.mat-tab-group.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron{border-color:rgba(255,255,255,.4)}
.mat-tab-group.mat-background-primary .mat-ripple-element,.mat-tab-nav-bar.mat-background-primary .mat-ripple-element{background-color:rgba(255,255,255,.12)}
.mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(207,216,220,.3)}
.mat-tab-group.mat-background-accent .mat-tab-header,.mat-tab-group.mat-background-accent .mat-tab-header-pagination,.mat-tab-group.mat-background-accent .mat-tab-links,.mat-tab-nav-bar.mat-background-accent .mat-tab-header,.mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination,.mat-tab-nav-bar.mat-background-accent .mat-tab-links{background-color:#b0bec5}
.mat-tab-group.mat-background-accent .mat-tab-label,.mat-tab-group.mat-background-accent .mat-tab-link,.mat-tab-nav-bar.mat-background-accent .mat-tab-label,.mat-tab-nav-bar.mat-background-accent .mat-tab-link{color:rgba(0,0,0,.87)}
.mat-tab-group.mat-background-accent .mat-tab-label.mat-tab-disabled,.mat-tab-group.mat-background-accent .mat-tab-link.mat-tab-disabled,.mat-tab-nav-bar.mat-background-accent .mat-tab-label.mat-tab-disabled,.mat-tab-nav-bar.mat-background-accent .mat-tab-link.mat-tab-disabled{color:rgba(0,0,0,.4)}
.mat-tab-group.mat-background-accent .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-chevron{border-color:rgba(0,0,0,.87)}
.mat-tab-group.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron{border-color:rgba(0,0,0,.4)}
.mat-tab-group.mat-background-accent .mat-ripple-element,.mat-tab-nav-bar.mat-background-accent .mat-ripple-element{background-color:rgba(0,0,0,.12)}
.mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(255,205,210,.3)}
.mat-tab-group.mat-background-warn .mat-tab-header,.mat-tab-group.mat-background-warn .mat-tab-header-pagination,.mat-tab-group.mat-background-warn .mat-tab-links,.mat-tab-nav-bar.mat-background-warn .mat-tab-header,.mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination,.mat-tab-nav-bar.mat-background-warn .mat-tab-links{background-color:#f44336}
.mat-tab-group.mat-background-warn .mat-tab-label,.mat-tab-group.mat-background-warn .mat-tab-link,.mat-tab-nav-bar.mat-background-warn .mat-tab-label,.mat-tab-nav-bar.mat-background-warn .mat-tab-link{color:#fff}
.mat-tab-group.mat-background-warn .mat-tab-label.mat-tab-disabled,.mat-tab-group.mat-background-warn .mat-tab-link.mat-tab-disabled,.mat-tab-nav-bar.mat-background-warn .mat-tab-label.mat-tab-disabled,.mat-tab-nav-bar.mat-background-warn .mat-tab-link.mat-tab-disabled{color:rgba(255,255,255,.4)}
.mat-tab-group.mat-background-warn .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-chevron{border-color:#fff}
.mat-tab-group.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron{border-color:rgba(255,255,255,.4)}
.mat-tab-group.mat-background-warn .mat-ripple-element,.mat-tab-nav-bar.mat-background-warn .mat-ripple-element{background-color:rgba(255,255,255,.12)}
.mat-toolbar{background:#212121;color:#fff}
.mat-toolbar.mat-primary{background:#c2185b;color:#fff}
.mat-toolbar.mat-accent{background:#b0bec5;color:rgba(0,0,0,.87)}
.mat-toolbar.mat-warn{background:#f44336;color:#fff}
.mat-toolbar .mat-focused .mat-form-field-ripple,.mat-toolbar .mat-form-field-ripple,.mat-toolbar .mat-form-field-underline{background-color:currentColor}
.mat-toolbar .mat-focused .mat-form-field-label,.mat-toolbar .mat-form-field-label,.mat-toolbar .mat-form-field.mat-focused .mat-select-arrow,.mat-toolbar .mat-select-arrow,.mat-toolbar .mat-select-value{color:inherit}
.mat-toolbar .mat-input-element{caret-color:currentColor}
.mat-tooltip{background:rgba(97,97,97,.9)}
.mat-tree{background:#424242}
.mat-nested-tree-node,.mat-tree-node{color:#fff}
.mat-snack-bar-container{color:rgba(0,0,0,.87);background:#fafafa;box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12)}
.mat-simple-snackbar-action{color:inherit}
.--white {
  color: #FFFFFF !important;
}
.--warning {
  color: #EC3A3C !important;
}
.season-post__rewards {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: -28px;
  margin-right: -20px;
}
.season-post__rewards li {
  margin-top: 14px;
  margin-bottom: 14px;
  margin-left: 28px;
  margin-right: 20px;
}
.season-post__rewards li:nth-child(1),
.season-post__rewards li:nth-child(2),
.season-post__rewards li:nth-child(3) {
  width: 100%;
}
.season-post__rewards svg,
.season-post__rewards img {
  overflow: hidden;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 4px;
}
.season-post__rewards .season-post__winner {
  width: 100%;
  margin-top: 8px;
  margin-bottom: -10px;
}
.season-post__places {
  width: 48px;
  margin-right: 20px;
  text-align: center;
}
.season-post__places svg {
  height: 100%;
  max-height: 52px;
}
.season-post__places ~ .season-post__winner-user {
  font-size: 14px;
  line-height: 20px;
}
.season-post__places ~ .season-post__winner-user img {
  width: 16px;
  height: 16px;
  margin-right: 4px;
}
.season-post__places ~ .season-post__winner-user + .season-post__winner-user {
  margin-left: 12px;
}
.season-post__places--first {
  margin-right: 10px;
}
.season-post__places--first + .season-post__winner-user {
  font-size: 24px;
  line-height: 36px;
}
.season-post__places--first + .season-post__winner-user img {
  width: 24px;
  height: 24px;
}
.season-post__places--second,
.season-post__places--third {
  width: 36px;
  height: 36px;
  margin-right: 10px;
}
.season-post__places--second + .season-post__winner-user,
.season-post__places--third + .season-post__winner-user {
  font-size: 18px;
  line-height: 28px;
}
.season-post__places--second + .season-post__winner-user img,
.season-post__places--third + .season-post__winner-user img {
  width: 20px;
  height: 20px;
}
.season-post__places--fourth {
  width: auto;
  margin-right: 10px;
}
.season-post__reward {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 88px;
  height: 88px;
  border-radius: 4px;
  background: #22242D;
  box-shadow: 0px 0px 50px rgba(89, 115, 255, 0.1);
  color: rgba(236, 239, 255, 0.6);
}
.season-post__reward:empty::before {
  content: '?';
  color: #ECEFFF;
  font-size: 40px;
}
.season-post__reward.--color-text-keys,
.season-post__reward.--color-text-pixels,
.season-post__reward.--color-text-cpu-unlock {
  padding: 4px;
}
.season-post__reward--wallGraffiti,
.season-post__reward--structure,
.season-post__reward--graffiti {
  padding: 8px;
}
.season-post__reward img {
  width: 100%;
}
.season-post__reward::after {
  content: attr(count);
  position: absolute;
  top: 0;
  right: 0;
  padding-left: 8px;
  padding-right: 8px;
  background: rgba(25, 27, 33, 0.8);
  border-radius: 0px 4px;
  font-style: normal;
  font-weight: normal;
  font-size: 9px;
  line-height: 14px;
  letter-spacing: 0.28px;
}
.season-post__reward + .season-post__reward {
  margin-left: 20px;
}
.season-post__reward:hover > .hint {
  opacity: 1;
  pointer-events: all;
}
.season-post__hint {
  z-index: 2;
  position: absolute;
  margin-top: -126px;
  width: auto !important;
  white-space: nowrap !important;
  pointer-events: none;
}
.season-post__hint img {
  width: 226px;
  height: 226px;
  margin-top: 8px;
}
.season-post__hint div:nth-child(1) {
  float: left;
  margin-right: 246px;
}
.season-post__hint div:nth-child(2) {
  float: left;
  margin-left: -226px;
}
.season-post__hint:before {
  content: '';
  z-index: -1;
  position: absolute;
  top: -12px;
  left: -12px;
  bottom: -12px;
  right: -12px;
  display: block;
}
.season-post__hint:hover {
  pointer-events: all;
}
.season-post__hint--img {
  margin-top: -220px;
}
.--color-text {
  color: #ECEFFF;
}
.--color-text-100 {
  color: #ECEFFF;
}
.--color-text-80 {
  color: rgba(236, 239, 255, 0.8);
}
.--color-text-60 {
  color: rgba(236, 239, 255, 0.6);
}
.--color-text-40 {
  color: rgba(236, 239, 255, 0.4);
}
.--color-text-20 {
  color: rgba(236, 239, 255, 0.2);
}
.--color-text-10 {
  color: rgba(236, 239, 255, 0.1);
}
.--color-bg-text {
  background-color: #ECEFFF;
}
.--color-bg-text-100 {
  background-color: #ECEFFF;
}
.--color-bg-text-80 {
  background-color: rgba(236, 239, 255, 0.8);
}
.--color-bg-text-60 {
  background-color: rgba(236, 239, 255, 0.6);
}
.--color-bg-text-40 {
  background-color: rgba(236, 239, 255, 0.4);
}
.--color-bg-text-20 {
  background-color: rgba(236, 239, 255, 0.2);
}
.--color-bg-text-10 {
  background-color: rgba(236, 239, 255, 0.1);
}
.--color-dark-black {
  background-color: #0F1012;
}
.--color-bg-secondary {
  background-color: #131416;
}
.--color-bg-primary {
  background-color: #191B21;
}
.--color-bg-primary-80 {
  background-color: rgba(25, 27, 33, 0.8);
}
.--color-bg-primary-30 {
  background-color: rgba(25, 27, 33, 0.3);
}
.--color-light-black {
  background-color: #22242D;
}
.--color-interactive-primary {
  background-color: #3F44CA;
}
.--color-interactive-secondary {
  background-color: #5973FF;
}
.--color-interactive-secondary-60 {
  background-color: rgba(89, 115, 255, 0.6);
}
.--color-interactive-secondary-40 {
  background-color: rgba(89, 115, 255, 0.4);
}
.--color-interactive-secondary-24 {
  background-color: rgba(89, 115, 255, 0.24);
}
.--color-warning {
  background-color: #FF7378;
}
.--color-warning-80 {
  background-color: rgba(255, 115, 120, 0.8);
}
.--color-warning-40 {
  background-color: rgba(255, 115, 120, 0.4);
}
.--color-warning-10 {
  background-color: rgba(255, 115, 120, 0.1);
}
.--color-text-interactive-secondary {
  color: #5973FF;
}
.--color-text-interactive-secondary-60 {
  color: rgba(89, 115, 255, 0.6);
}
.--color-text-interactive-secondary-40 {
  color: rgba(89, 115, 255, 0.4);
}
.--color-text-interactive-secondary-24 {
  color: rgba(89, 115, 255, 0.24);
}
.--color-text-warning {
  color: #FF7378;
}
.--color-text-warning-80 {
  color: rgba(255, 115, 120, 0.8);
}
.--color-text-warning-40 {
  color: rgba(255, 115, 120, 0.4);
}
.--color-text-warning-10 {
  color: rgba(255, 115, 120, 0.1);
}
.--color-success {
  background-color: #80D47B;
}
.--color-success-40 {
  background-color: rgba(128, 212, 123, 0.4);
}
.--color-text-success {
  color: #80D47B;
}
.--color-text-success-40 {
  color: rgba(128, 212, 123, 0.4);
}
.--color-text-success-60 {
  color: rgba(128, 212, 123, 0.6);
}
.--color-text-cpu-unlock {
  color: #47B165;
}
.--bgcolor-unlock {
  background-color: #47B165;
}
.--color-text-pixels {
  color: #FF7378;
}
.--bgcolor-pixel {
  background-color: #FF7378;
}
.--color-text-keys {
  color: #CCBC30;
}
.--bgcolor-key {
  background-color: #CCBC30;
}
.--typo h1,
.--typo .h1 {
  color: rgba(226, 226, 226, 0.8);
  font-size: 30px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 41px;
  letter-spacing: 0.3px;
}
.--typo h2,
.--typo .h2 {
  color: rgba(226, 226, 226, 0.6);
  font-size: 24px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 33px;
  letter-spacing: 0.3px;
}
.--typo h3,
.--typo .h3 {
  color: rgba(226, 226, 226, 0.6);
  font-size: 18px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: 24px;
  letter-spacing: 0.5px;
}
.--typo h4,
.--typo .h4 {
  font-size: 16px;
}
.--typo h5,
.--typo .h5 {
  font-size: 14px;
}
.--typo h6,
.--typo .h6 {
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0.3px;
}
.--typo p,
.--typo .p {
  font-size: 15px;
  line-height: 21px;
}
.--typo em {
  font-size: 14px;
  font-style: normal;
  font-stretch: normal;
  line-height: 19px;
}
.--typo legend {
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .3px;
}
.--typo .--cap {
  text-transform: capitalize;
}
.--typo .--upper {
  text-transform: uppercase;
}
.--ui {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.2px;
  mix-blend-mode: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  -webkit-text-size-adjust: 100%;
  -ms-font-feature-settings: "kern" 1;
  font-feature-settings: "kern";
}
.--ui h1,
.--ui .h1 {
  font-style: normal;
  font-weight: normal;
  font-size: 36px;
  line-height: 140%;
  letter-spacing: 0.1px;
}
.--ui h2,
.--ui .h2 {
  margin: 0;
  font-style: normal;
  font-weight: normal;
  font-size: 30px;
  line-height: 44px;
  letter-spacing: 0.1px;
}
.--ui h3,
.--ui .h3 {
  font-style: normal;
  font-weight: normal;
  font-size: 24px;
  line-height: 150%;
  letter-spacing: 0.2px;
}
.--ui h4,
.--ui .h4 {
  font-style: normal;
  font-weight: normal;
  font-size: 22px;
  line-height: 32px;
  letter-spacing: 0.2px;
}
.--ui h5,
.--ui .h5 {
  margin: 0;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 150%;
  letter-spacing: 0.3px;
}
.--ui h6,
.--ui .h6 {
  margin: 0;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0.3px;
}
.--ui p,
.--ui .p {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.2px;
}
.--ui .caption {
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.28px;
}
.--ui b,
.--ui strong {
  font-weight: 500;
}
.--ui .badge {
  padding: 4px;
  background: rgba(236, 239, 255, 0.04);
  border-radius: 4px;
  font-size: inherit;
  line-height: inherit;
}
.--ui sup {
  position: relative;
  top: -1em;
  font-size: .75em;
  line-height: 1em;
  vertical-align: bottom;
}
.--ui .--cap {
  text-transform: capitalize;
}
.--ui .--upper {
  text-transform: uppercase;
}
.--ui .--bold {
  font-weight: 500;
}
.--ui .--normal {
  font-weight: normal;
}
.--ui .--text-left {
  text-align: left;
}
.--ui .--text-center {
  text-align: center;
}
._link {
  display: inline-block;
  cursor: pointer;
  color: #5973FF !important;
  text-shadow: 0 0 40px #5973FF;
  transition: all .3s ease;
}
._link::after {
  content: '';
  display: block;
  width: 10%;
  border-bottom: 1px solid transparent;
  transition: all .3s;
}
._link:focus {
  outline: none;
  text-decoration: none;
}
._link:hover {
  color: #6C82FF !important;
  text-decoration: none;
  text-shadow: 0 0 30px #6C82FF;
}
._link:hover::after {
  width: 100%;
  border-bottom: 1px solid rgba(89, 114, 255, 0.6);
}
._link[disabled='true'],
._link[disabled='disabled'] {
  opacity: .6;
  pointer-events: none;
}
._link.--back::before {
  content: '';
  position: relative;
  top: -2px;
  display: inline-block;
  width: 5px;
  height: 5px;
  margin-right: 2px;
  border: 1px solid #5973FF;
  border-width: 0 0 1px 1px;
  transform: rotate(45deg);
  transition: all .3s ease;
}
._back {
  z-index: 1;
  position: absolute;
  top: 28px;
  left: 14%;
  width: 60px;
  height: 60px;
  background-color: #252833;
  background-image: url('back.8f39260c382fdbb53273.svg');
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 50%;
  box-shadow: 0 0 0px 0 rgba(74, 95, 210, 0.15), 0 0 0 30px rgba(0, 0, 0, 0.04);
  color: rgba(236, 239, 255, 0.8);
  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
._back:after {
  content: attr(content);
  position: absolute;
  left: 72px;
  display: flex;
  align-items: center;
  height: 60px;
  white-space: nowrap;
}
._back:hover {
  transform: scale(1.1);
}
._back:hover:after {
  color: rgba(236, 239, 255, 0.8);
}
._back:active {
  box-shadow: 0 0 0 30px rgba(0, 0, 0, 0.04), 0 0 30px 0 rgba(89, 115, 255, 0.03);
}
.btn--dark {
  border: none;
  border-radius: 2px;
  min-height: 37px;
  margin: 0 6px;
  padding: 10px 0;
  color: rgba(143, 144, 152, 0.8);
  font-family: "Open Sans";
  font-size: 13px;
  line-height: 17px;
  text-align: center;
  background-color: rgba(216, 216, 216, 0.03);
}
.btn--dark:hover,
.btn--dark:focus {
  outline: none;
}
.btn--dark:disabled {
  background-color: rgba(255, 255, 255, 0.12) !important;
}
.btn--dark:hover,
.btn--dark:focus {
  opacity: .8;
  color: rgba(143, 144, 152, 0.8);
}
button.btn--big {
  border: none;
  border-radius: 2px;
  height: 57px;
  width: 134px;
  max-width: 134px;
  padding: 0;
  background-image: linear-gradient(186.7deg, #542FBF 0%, #2957D3 100%);
  color: #E1E1E1;
  font-family: "Open Sans";
  text-transform: uppercase;
  letter-spacing: 0.3px;
}
button.btn--big:hover,
button.btn--big:focus {
  outline: none;
}
button.btn--big:disabled {
  background-color: rgba(255, 255, 255, 0.12) !important;
}
button.btn--big:hover,
button.btn--big:focus {
  opacity: .8;
}
button.btn--big > div:nth-child(1),
button.btn--big.mat-button .mat-button-wrapper > div:nth-child(1) {
  font-size: 12px;
  font-weight: 400;
  line-height: 17px;
}
button.btn--big > div:nth-child(2),
button.btn--big.mat-button .mat-button-wrapper > div:nth-child(2) {
  font-size: 15px;
  font-weight: 400;
  line-height: 17px;
}
button.btn--big.btn--lifetime.mat-button .mat-button-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}
button.btn--big.btn--lifetime.mat-button .mat-button-wrapper div {
  color: #FFFFFF;
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  text-align: center;
  text-transform: initial;
}
button.btn--big.btn--lifetime.mat-button:disabled .mat-button-wrapper img {
  opacity: .2;
}
button.btn--big.btn--lifetime.mat-button:disabled .mat-button-wrapper div {
  color: rgba(143, 144, 152, 0.8) !important;
}
button.btn--big.btn--onsteam.mat-button .mat-button-wrapper div {
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  text-align: center;
  text-transform: initial;
}
@media (max-width: 1200px) {
  button.btn--big.btn--lifetime.mat-button .mat-button-wrapper {
    display: block;
  }
}
button:not(.btn--discount) sup {
  display: none;
}
button.btn--big.btn--transparent.mat-button {
  color: #4A5FD2;
  background-image: none;
  text-transform: unset;
}
button.btn--big.btn--transparent.mat-button .mat-button-wrapper div:nth-child(1) {
  font-size: 15px;
  font-weight: 400;
  line-height: 17px;
}
button.btn--big.mat-button.mat-raised-button .mat-button-wrapper div:nth-child(1) {
  font-size: 15px;
  font-weight: 400;
  line-height: 17px;
}
.btn--discount sup {
  position: relative;
  display: inline-block;
  margin: 0 3px;
  color: rgba(225, 225, 225, 0.5);
  font-size: 9px;
  font-weight: 600;
  line-height: 13px;
}
.btn--discount sup:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  margin-top: -1px;
  border-top: 1px solid rgba(225, 225, 225, 0.5);
}
.btn--discount-badge {
  overflow: hidden;
  position: relative;
}
.btn--discount-badge:after {
  content: attr(discount) "%";
  position: absolute;
  top: 2px;
  right: 3px;
  color: #FFFFFF;
  font-size: 9px;
  font-weight: 600;
  letter-spacing: 0.23px;
  line-height: 13px;
  text-align: center;
}
.btn--discount-badge:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 50px 26px 0;
  border-color: transparent #EC3A3C transparent transparent;
}
.btn--small.btn--circle.btn--small-outline {
  position: relative;
  top: -1px;
  display: inline-block;
  box-sizing: border-box;
  width: 18px;
  height: 18px;
  margin-left: 5px;
  padding: 0;
  border-radius: 50%;
  border: 1px solid rgba(151, 151, 151, 0.2);
  background: transparent;
  color: inherit;
  font-size: 10px;
  text-align: center;
}
button.btn--big.btn--outline.mat-button {
  max-height: 42px;
  padding: 11px 25.5px;
  box-sizing: border-box;
  border: 1px solid #4A5FD2;
  border-radius: 2px;
  background: transparent;
  color: #4A5FD2;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
  text-align: center;
}
button.btn--big.btn--outline.mat-button:disabled {
  opacity: .2;
  background-color: transparent !important;
}
.btn--striped {
  position: relative;
  background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
  -webkit-animation: progress-bar-stripes 2s linear infinite !important;
          animation: progress-bar-stripes 2s linear infinite !important;
}
.--ui .btn {
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  height: 44px;
  padding-left: 24px;
  padding-right: 24px;
  cursor: pointer;
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  letter-spacing: 0.2px;
  border: none;
  border: 1px solid transparent;
  border-radius: 2px;
  background: none;
  outline: none;
  perspective: 1000px;
  transition: background-color 0.26s ease, border 0.26s ease, box-shadow 0.26s ease, color 0.26s ease, text-shadow 0.26s ease, opacity 0.26s ease;
}
.--ui .btn:hover,
.--ui .btn:focus {
  outline: none;
}
.--ui .btn[disabled],
.--ui .btn.--disabled,
[disabled='true'] .--ui .btn,
[disabled='disabled'] .--ui .btn {
  cursor: default;
  pointer-events: none;
}
.--ui .btn:not(.btn--outline):not(.btn--transparent):not(.btn--warning):not(.btn--access-key) {
  color: #ECEFFF;
  background-color: #3F44CA;
  box-shadow: 0px 0px 30px rgba(89, 115, 255, 0.4);
}
.--ui .btn:not(.btn--outline):not(.btn--transparent):not(.btn--warning):not(.btn--access-key)[disabled],
.--ui .btn:not(.btn--outline):not(.btn--transparent):not(.btn--warning):not(.btn--access-key).--disabled,
[disabled='true'] .--ui .btn:not(.btn--outline):not(.btn--transparent):not(.btn--warning):not(.btn--access-key),
[disabled='disabled'] .--ui .btn:not(.btn--outline):not(.btn--transparent):not(.btn--warning):not(.btn--access-key) {
  color: #ECEFFF;
  text-shadow: 0 0 60px #ECEFFF;
  background-color: rgba(236, 239, 255, 0.14);
  box-shadow: 0px 0px 20px rgba(236, 239, 255, 0.1);
  opacity: 0.5;
}
.--ui .btn:not(.btn--outline):not(.btn--transparent):not(.btn--warning):not(.btn--access-key):not([disabled]):hover,
.--ui .btn:not(.btn--outline):not(.btn--transparent):not(.btn--warning):not(.btn--access-key):not(.--disabled):hover,
.--ui .btn:not(.btn--outline):not(.btn--transparent):not(.btn--warning):not(.btn--access-key):not([disabled]).btn--hover,
.--ui .btn:not(.btn--outline):not(.btn--transparent):not(.btn--warning):not(.btn--access-key):not(.--disabled).btn--hover,
.--ui .btn:not(.btn--outline):not(.btn--transparent):not(.btn--warning):not(.btn--access-key):not([disabled]):focus,
.--ui .btn:not(.btn--outline):not(.btn--transparent):not(.btn--warning):not(.btn--access-key):not(.--disabled):focus,
.--ui .btn:not(.btn--outline):not(.btn--transparent):not(.btn--warning):not(.btn--access-key):not([disabled]).btn--focus,
.--ui .btn:not(.btn--outline):not(.btn--transparent):not(.btn--warning):not(.btn--access-key):not(.--disabled).btn--focus {
  box-shadow: 0px 0px 50px rgba(89, 115, 255, 0.4);
}
.--ui .btn:not(.btn--outline):not(.btn--transparent):not(.btn--warning):not(.btn--access-key):not([disabled]):hover::after,
.--ui .btn:not(.btn--outline):not(.btn--transparent):not(.btn--warning):not(.btn--access-key):not(.--disabled):hover::after,
.--ui .btn:not(.btn--outline):not(.btn--transparent):not(.btn--warning):not(.btn--access-key):not([disabled]).btn--hover::after,
.--ui .btn:not(.btn--outline):not(.btn--transparent):not(.btn--warning):not(.btn--access-key):not(.--disabled).btn--hover::after,
.--ui .btn:not(.btn--outline):not(.btn--transparent):not(.btn--warning):not(.btn--access-key):not([disabled]):focus::after,
.--ui .btn:not(.btn--outline):not(.btn--transparent):not(.btn--warning):not(.btn--access-key):not(.--disabled):focus::after,
.--ui .btn:not(.btn--outline):not(.btn--transparent):not(.btn--warning):not(.btn--access-key):not([disabled]).btn--focus::after,
.--ui .btn:not(.btn--outline):not(.btn--transparent):not(.btn--warning):not(.btn--access-key):not(.--disabled).btn--focus::after {
  content: '';
  position: absolute;
  display: block;
  width: 20px;
  height: 0px;
  box-shadow: 0 0 60px 20px rgba(236, 239, 255, 0.36);
  -webkit-animation: btn__default 2s ease-in-out 0s infinite;
          animation: btn__default 2s ease-in-out 0s infinite;
  opacity: 0;
}
.--ui .btn:not(.btn--outline):not(.btn--transparent):not(.btn--warning):not(.btn--access-key):not([disabled]):active,
.--ui .btn:not(.btn--outline):not(.btn--transparent):not(.btn--warning):not(.btn--access-key):not(.--disabled):active,
.--ui .btn:not(.btn--outline):not(.btn--transparent):not(.btn--warning):not(.btn--access-key):not([disabled]).btn-active,
.--ui .btn:not(.btn--outline):not(.btn--transparent):not(.btn--warning):not(.btn--access-key):not(.--disabled).btn-active {
  background-color: rgba(63, 68, 202, 0.9);
}
.--ui .btn--outline {
  color: #5973FF;
  text-shadow: 0px 0px 30px #5973FF;
  background: none;
  border: 1px solid;
  border-color: rgba(89, 115, 255, 0.4);
  box-shadow: 0px 0px 30px rgba(89, 115, 255, 0.1);
}
.--ui .btn--outline[disabled],
[disabled='true'] .--ui .btn--outline,
[disabled='disabled'] .--ui .btn--outline {
  color: rgba(236, 239, 255, 0.8);
  text-shadow: 0px 0px 30px rgba(236, 239, 255, 0.6);
  border-color: rgba(236, 239, 255, 0.3);
  box-shadow: 0px 0px 30px rgba(236, 239, 255, 0.1);
  opacity: .4;
}
.--ui .btn--outline:not([disabled]):hover,
.--ui .btn--outline:not([disabled]).btn--hover,
.--ui .btn--outline:not([disabled]):focus,
.--ui .btn--outline:not([disabled]).btn--focus {
  box-shadow: 0px 0px 50px rgba(89, 115, 255, 0.2);
}
.--ui .btn--warning {
  color: #FF7378;
  text-shadow: 0px 0px 30px #FF7378;
  border-color: rgba(255, 115, 120, 0.4);
  box-shadow: 0px 0px 30px rgba(255, 115, 120, 0.1);
}
.--ui .btn--warning:not([disabled]):hover,
.--ui .btn--warning:not([disabled]).btn--hover,
.--ui .btn--warning:not([disabled]):focus,
.--ui .btn--warning:not([disabled]).btn--focus {
  box-shadow: 0px 0px 50px rgba(255, 115, 120, 0.2);
}
.--ui .btn--warning:not(.btn--outline) {
  color: #ECEFFF;
  border-color: transparent;
  background: linear-gradient(182.81deg, #EC3A3C -236.59%, #C83E79 310%);
  box-shadow: 0px 0px 20px rgba(236, 58, 60, 0.152262);
}
.--ui .btn--warning:not(.btn--outline)[disabled],
[disabled='true'] .--ui .btn--warning:not(.btn--outline),
[disabled='disabled'] .--ui .btn--warning:not(.btn--outline) {
  color: #ECEFFF;
  text-shadow: 0 0 60px #ECEFFF;
  background: linear-gradient(182.81deg, rgba(236, 239, 255, 0.14) -236.59%, rgba(236, 239, 255, 0.14) 310%);
  box-shadow: 0px 0px 20px rgba(236, 239, 255, 0.1);
  opacity: 0.5;
}
.--ui .btn--warning:not(.btn--outline):not([disabled]):hover,
.--ui .btn--warning:not(.btn--outline):not([disabled]).btn--hover,
.--ui .btn--warning:not(.btn--outline):not([disabled]):focus,
.--ui .btn--warning:not(.btn--outline):not([disabled]).btn--focus {
  box-shadow: 0px 0px 50px rgba(255, 115, 120, 0.4);
}
.--ui .btn--warning:not(.btn--outline):not([disabled]):hover::after,
.--ui .btn--warning:not(.btn--outline):not([disabled]).btn--hover::after,
.--ui .btn--warning:not(.btn--outline):not([disabled]):focus::after,
.--ui .btn--warning:not(.btn--outline):not([disabled]).btn--focus::after {
  content: '';
  position: absolute;
  display: block;
  width: 20px;
  height: 0px;
  box-shadow: 0 0 60px 20px rgba(236, 239, 255, 0.36);
  -webkit-animation: btn__default 2s ease-in-out 0s infinite;
          animation: btn__default 2s ease-in-out 0s infinite;
  opacity: 0;
}
.--ui .btn--warning:not(.btn--outline):not([disabled]):active,
.--ui .btn--warning:not(.btn--outline):not([disabled]).btn-active {
  background-color: rgba(255, 115, 120, 0.8);
}
.--ui .btn--access-key {
  color: rgba(25, 27, 33, 0.8);
  border-color: transparent;
  background-color: #CCBC30;
  box-shadow: 0px 0px 30px rgba(208, 203, 67, 0.015);
}
.--ui .btn--access-key:not([disabled]):hover,
.--ui .btn--access-key:not([disabled]).btn--hover,
.--ui .btn--access-key:not([disabled]):focus,
.--ui .btn--access-key:not([disabled]).btn--focus {
  box-shadow: 0px 0px 50px rgba(208, 203, 67, 0.2);
}
.--ui .btn--access-key:active,
.--ui .btn--access-key.btn-active {
  background-color: #CCBC30 !important;
}
.--ui .btn--transparent {
  overflow: auto;
  background-color: transparent;
  font-size: 16px;
}
.--ui .btn--transparent:not([class*='--color-text']) {
  color: #3F44CA;
  text-shadow: 0px 0px 30px transparent;
  transition: text-shadow 0.3s ease;
}
.--ui .btn--transparent:not([class*='--color-text']):hover {
  text-shadow: 0px 0px 30px;
}
.--ui .btn--transparent[class*='--color-text-'] {
  text-shadow: 0px 0px 30px transparent;
  transition: text-shadow 0.3s ease;
}
.--ui .btn--transparent[class*='--color-text-']:hover {
  text-shadow: 0px 0px 30px;
}
.--ui .btn--transparent.--color-text {
  color: #ECEFFF;
}
.--ui .btn--transparent.--color-text:hover {
  color: #5973FF;
}
.--ui .btn--transparent.--color-text-warning {
  overflow: visible;
  text-shadow: 0px 0px 30px transparent;
  transition: text-shadow 0.3s ease;
}
.--ui .btn--transparent.--color-text-warning:hover,
.--ui .btn--transparent.--color-text-warning:active {
  color: #FF7378;
  text-shadow: 0px 0px 30px rgba(255, 115, 120, 0.2);
}
.--ui .btn--transparent.--color-text-interactive-secondary {
  overflow: visible;
  text-shadow: 0px 0px 30px transparent;
  transition: text-shadow 0.3s ease;
}
.--ui .btn--transparent.--color-text-interactive-secondary:hover,
.--ui .btn--transparent.--color-text-interactive-secondary:active {
  color: #5973FF;
  text-shadow: 0px 0px 30px;
}
@-webkit-keyframes btn__default {
  10% {
    transform: translate(-40px, 0px);
    opacity: 0;
  }
  30%,
  70% {
    opacity: 1;
  }
  90% {
    transform: translate(90px, -30px);
    opacity: 0;
  }
}
@keyframes btn__default {
  10% {
    transform: translate(-40px, 0px);
    opacity: 0;
  }
  30%,
  70% {
    opacity: 1;
  }
  90% {
    transform: translate(90px, -30px);
    opacity: 0;
  }
}
.cdk-overlay-pane:not(.--ui) mat-dialog-container.mat-dialog-container {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 640px;
  max-height: 387px;
  width: 640px;
  height: 387px;
  border-radius: 5px;
  background: radial-gradient(circle, #1B1D24 0%, #18191D 100%);
  box-shadow: 0 0 40px 0 rgba(236, 58, 60, 0.05), 0 0 100px 0 rgba(74, 95, 210, 0.2);
  font-family: "Open Sans";
  text-align: center;
}
.cdk-overlay-pane:not(.--ui) mat-dialog-container.mat-dialog-content {
  z-index: 1;
  position: relative;
}
.cdk-overlay-pane:not(.--ui) .dlg--background:before {
  content: '';
  opacity: .4;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: radial-gradient(circle, rgba(102, 75, 189, 0.35) 0%, rgba(66, 56, 108, 0.17) 100%);
}
.cdk-overlay-pane:not(.--ui) .dlg--inform {
  overflow: visible !important;
}
.cdk-overlay-pane:not(.--ui) .dlg--inform:before {
  content: '';
  opacity: .4;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: radial-gradient(circle, rgba(102, 75, 189, 0.35) 0%, rgba(66, 56, 108, 0.17) 100%);
}
.cdk-overlay-pane:not(.--ui) .dlg--inform h2 {
  margin-bottom: 8px;
  color: rgba(102, 75, 189, 0.6);
  font-size: 18px;
  font-weight: normal;
  line-height: 24px;
  text-align: center;
}
.cdk-overlay-pane:not(.--ui) .dlg--inform h2 img {
  margin-bottom: 7px;
}
.cdk-overlay-pane:not(.--ui) .dlg--inform p {
  margin-top: 30px;
  margin-bottom: 30px;
  color: rgba(255, 255, 255, 0.8);
  font-size: 14px;
  line-height: 19px;
  text-align: center;
}
.cdk-overlay-pane:not(.--ui) .dlg--inform .mat-dialog-content {
  overflow: visible;
}
.cdk-overlay-pane:not(.--ui) .dlg--inform button {
  width: auto;
  min-width: 105px;
  max-width: initial;
  height: 47px;
  padding: 0 20px;
  text-transform: unset;
}
.cdk-overlay-pane:not(.--ui).mat-dialog--aligned .dlg--inform {
  text-align: right;
}
.cdk-overlay-pane:not(.--ui).mat-dialog--aligned .dlg--inform > p {
  text-align: left;
}
.cdk-overlay-pane:not(.--ui).mat-dialog--aligned .dlg--inform > p ul {
  padding-left: 15px;
}
.cdk-overlay-pane:not(.--ui).mat-dialog--aligned .dlg--inform > div {
  display: flex;
  flex-direction: row-reverse;
}
.cdk-overlay-pane:not(.--ui).mat-dialog--wide {
  min-width: 640px;
}
.cdk-overlay-pane:not(.--ui).mat-dialog--wide mat-dialog-container.mat-dialog-container {
  max-width: initial;
  max-height: initial;
  width: auto;
  height: auto;
}
.cdk-overlay-pane:not(.--ui).mat-dialog--long-scroll {
  max-height: initial;
}
.cdk-overlay-pane:not(.--ui).mat-dialog--long-scroll mat-dialog-container {
  margin: 60px 0;
}
.cdk-overlay-pane:not(.--ui).mat-dialog--long-scroll mat-dialog-container > * {
  max-height: initial;
}
.cdk-overlay-pane:not(.--ui).mat-dialog--json mat-dialog-content pre {
  border: none;
  background: transparent;
  color: white;
  text-align: left;
}
.mat-backdrop--long-scroll {
  background-color: rgba(25, 26, 30, 0.4);
}
.mat-backdrop--long-scroll + .cdk-global-overlay-wrapper {
  overflow: auto;
  pointer-events: auto;
}
.mat-backdrop--long-scroll + .cdk-global-overlay-wrapper .cdk-overlay-pane {
  margin: auto;
}
.mat-backdrop--long-scroll + .cdk-global-overlay-wrapper .cdk-overlay-pane .mat-dialog-container {
  margin-top: 40px;
  margin-bottom: 40px;
}
.--ui .mat-dialog-container {
  position: relative;
  border-radius: 5px;
  background: radial-gradient(129.72% 151.85% at 43.28% 0%, #1D1E2C 0%, #131416 100%);
  box-shadow: 0px 0px 100px rgba(89, 115, 255, 0.16), 0px 0px 40px rgba(255, 115, 120, 0.04);
}
.--ui.cdk-overlay-pane {
  max-width: initial !important;
}
.--ui.--transparent .mat-dialog-container {
  overflow: visible;
  padding: 0;
  background: transparent;
  border-radius: 5px;
  box-shadow: none;
}
.--ui-backdrop {
  background: rgba(24, 24, 27, 0.9);
}
.mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #5973FF;
}
.mat-primary.mat-form-field.mat-focused .mat-select-arrow {
  color: #5973FF;
}
.mat-option {
  background-color: #191B21;
}
.mat-option-text {
  color: rgba(236, 239, 255, 0.6);
  margin: 0;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0.3px;
}
.mat-select-panel {
  margin-top: -1px;
  margin-left: -1px;
  min-width: initial !important;
  background-color: #191B21 !important;
  border: 1px solid rgba(236, 239, 255, 0.04);
  box-shadow: 0px 0px 100px rgba(89, 115, 255, 0.16), 0px 0px 40px rgba(236, 239, 255, 0.04) !important;
}
.mat-select-panel .mat-option.mat-selected {
  background: linear-gradient(90deg, rgba(89, 115, 255, 0.1) 0%, rgba(89, 115, 255, 0) 100%) !important;
}
.mat-select-panel .mat-option.mat-selected .mat-option-text {
  color: #5973FF;
}
.mat-select .mat-select-value,
.mat-select .mat-select-arrow {
  transition: color .2s ease;
}
.mat-select:hover .mat-select-value,
.mat-select:hover .mat-select-arrow {
  color: #5973FF;
}
.decorations-themes {
  position: relative;
  left: -13px;
}
.decorations-themes mat-option:before {
  content: '';
  position: relative;
  top: 0;
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-right: 5px;
  border-radius: 50%;
  box-shadow: inset 0 0 0 4px;
}
.decorations-themes mat-option[value='5ee3db64961c4e98dc4cf121']:before {
  background: conic-gradient(from 180deg at 50% 50%, #DE5254 0deg, #D16263 65.92deg, #6FC163 66.75deg, #4CD238 125.15deg, #6FC163 179.23deg, #516DD3 181.02deg, #345AE3 233.52deg, #516DD3 293.33deg, #D16263 293.99deg, #DE5254 360deg);
  box-shadow: none;
}
popper-content [role='popper'] {
  z-index: 1;
  min-width: 320px;
  max-width: 320px;
  pointer-events: none;
}
popper-content .ngxp__inner {
  box-sizing: border-box;
  padding: 13px 20px;
  background-image: radial-gradient(circle at 35% 36%, #202224, #1d1f21);
  box-shadow: 0 0 10px 0 rgba(89, 115, 255, 0.1);
  border: solid 1px rgba(146, 146, 146, 0.15);
  border-radius: 5px;
  color: white;
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.58;
  letter-spacing: 0.1px;
  text-align: left;
}
popper-content .ngxp__arrow {
  position: absolute;
  width: 10px;
  height: 10px;
  background-image: radial-gradient(circle, #202224 0%, #1D1F21 100%);
  border: solid 1px rgba(146, 146, 146, 0.15);
  transform: rotate(45deg);
}
popper-content [x-placement^="top"] .ngxp__arrow {
  bottom: -5px;
  border-width: 0 1px 1px 0;
}
popper-content [x-placement^="bottom"] .ngxp__arrow {
  top: -5px;
  border-width: 1px 0 0 1px;
}
popper-content [x-placement^="right"] .ngxp__arrow {
  left: -5px;
  border-width: 0 0 1px 1px;
}
popper-content [x-placement^="left"] .ngxp__arrow {
  border-width: 1px 0 0 1px;
}
.app-container {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
}
.--flex {
  display: flex;
  justify-content: space-between;
}
.--flex.--column {
  flex-direction: column;
}
.--flex.--vcenter {
  align-items: center;
}
.--flex.--vbaseline {
  align-items: baseline;
}
.--flex.--baseline {
  align-items: baseline;
}
.--flex.--hstart {
  justify-content: flex-start;
}
.--flex.--hend {
  justify-content: flex-end;
}
.--flex.--hcenter {
  justify-content: center;
}
.--flex.--break {
  flex-basis: 100%;
}
.--flex.--wrap {
  flex-wrap: wrap;
}
.--flex-basis-15 {
  flex-basis: 15%;
}
.--flex-basis-25 {
  flex-basis: 25%;
}
.--flex-basis-75 {
  flex-basis: 74%;
}
.--flex.--side-left:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  display: block;
  width: 21%;
  background: linear-gradient(90deg, rgba(25, 27, 33, 0.5) 0%, rgba(19, 20, 22, 0.5) 100%);
  margin-top: -26px;
}
.--grid {
  display: grid;
  grid-gap: 1vw;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.--columns-3 {
  grid-template-columns: 1fr 1fr 1fr;
}
.--columns-8 {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.--relative {
  position: relative;
}
hr {
  margin: 10px 0;
  border: none;
  border-top: 1px solid rgba(236, 239, 255, 0.1);
}
.--ui .__props-display {
  position: relative;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}
.--ui .__props-display input[type='checkbox'] {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  box-sizing: border-box;
  width: 20px;
  height: 20px;
  margin: 0;
  opacity: 0;
}
.--ui .__props-display span {
  display: flex;
  align-items: center;
  transition: color .3s ease;
}
.--ui .__props-display span:hover {
  color: #5973FF;
}
.--ui .__props-display span:hover::before {
  border-color: rgba(89, 115, 255, 0.4);
}
.--ui .__props-display span::before {
  content: '';
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  margin: 0;
  margin-right: 6px;
  border: 2px solid rgba(236, 239, 255, 0.2);
  border-radius: 2px;
  background: none;
  cursor: pointer;
  transition: border-color 0.3s ease;
}
.--ui .__props-display input[type='checkbox']:checked + span {
  color: #5973FF;
}
.--ui .__props-display input[type='checkbox']:checked + span::before {
  border-color: rgba(89, 115, 255, 0.4);
}
.--ui .__props-display input[type='checkbox']:checked + span::after {
  content: '13';
  position: absolute;
  top: 1px;
  left: 0;
  display: block;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg width='13' height='11' viewBox='0 0 13 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 5.5L5.5 9.5L11.5 1' stroke='%235973FF' stroke-width='2'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  color: rgba(0, 0, 0, 0);
}
._cross {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 18px;
  height: 18px;
  background: none;
  background-image: url('cross.e247448f50f8f83365c6.svg');
  background-repeat: no-repeat;
  background-position: center;
  border: none;
  cursor: pointer;
  transition: background-image 0.3s ease;
}
._cross:hover,
._cross:focus {
  outline: none;
  background-image: url('cross-hover.1c35a78ba55add3961fa.svg');
}
.cross--big,
.cross--normal,
.cross--small {
  position: absolute;
  top: 40px;
  right: 40px;
  background: none;
  background-repeat: no-repeat;
  background-position: center;
  border: none;
  cursor: pointer;
  transition: background-image 0.3s ease;
}
.cross--big:hover,
.cross--normal:hover,
.cross--small:hover,
.cross--big:focus,
.cross--normal:focus,
.cross--small:focus {
  outline: none;
}
.cross--big {
  top: 40px;
  right: 40px;
  width: 24px;
  height: 24px;
  background-image: url('cross--big.5dec81a40dec8ca60cb7.svg');
}
.cross--big:hover,
.cross--big:focus {
  background-image: url('cross--big--hover.d2b7598149bba2934558.svg');
}
.cross--big:active {
  background-image: url('cross--big--active.7a6b1c4b79427bd6e8bf.svg');
}
.cross--normal {
  top: 16px;
  right: 16px;
  width: 16px;
  height: 16px;
  background-image: url('cross--normal.80a7d0009184280a1987.svg');
}
.cross--normal:hover,
.cross--normal:focus {
  background-image: url('cross--normal--hover.cfdc630c20547916f130.svg');
}
.cross--normal:active {
  background-image: url('cross--normal--active.d73849267a11fe6ca75c.svg');
}
.cross--small {
  width: 8px;
  height: 8px;
  background-image: url('cross--small.2d126846a8cb5ec4ce84.svg');
}
.cross--small:hover,
.cross--small:focus {
  background-image: url('cross--small--hover.4b5183b7dbe68af6c5b7.svg');
}
.cross--small:active {
  background-image: url('cross--small--active.89ef0f55bd7682954983.svg');
}
.cross--symbol {
  background: none;
  background-repeat: no-repeat;
  background-position: center;
  border: none;
  cursor: pointer;
  transition: all 0.2s ease-in;
}
.mat-accent .mat-slider-thumb,
.mat-accent .mat-slider-thumb-label,
.mat-accent .mat-slider-track-fill {
  background-color: #5973FF;
}
.mat-accent .mat-slider-ticks-container,
.mat-accent .mat-slider-wrapper::after {
  display: none;
}
.process--loading main {
  pointer-events: none;
  -webkit-animation: animation-process--blur 0.5s linear forwards;
          animation: animation-process--blur 0.5s linear forwards;
}
.process--loading:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(236, 239, 255, 0.04);
  opacity: 0;
  -webkit-animation: animation-process--show 0.5s linear forwards;
          animation: animation-process--show 0.5s linear forwards;
}
.process--loading:after {
  content: '';
  position: absolute;
  top: calc(50% - 10px);
  left: calc(50% - 10px);
  display: block;
  width: 20px;
  height: 20px;
  opacity: 0;
  -webkit-animation: animation-process--loading 1s linear infinite, animation-process--show 0.5s linear forwards;
          animation: animation-process--loading 1s linear infinite, animation-process--show 0.5s linear forwards;
}
.process--loading:not(.--process-big):after {
  top: calc(50% - 10px);
  left: calc(50% - 10px);
  width: 20px;
  height: 20px;
  background: url('process--normal.8ab883daea050945f924.svg');
}
.process--loading.--process-big:after {
  top: calc(50% - 23px);
  left: calc(50% - 23px);
  width: 46px;
  height: 46px;
  background: url('process--big.db541ad843831db83cfd.svg');
}
@-webkit-keyframes animation-process--loading {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes animation-process--loading {
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes animation-process--blur {
  0% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
  100% {
    -webkit-filter: blur(3px);
            filter: blur(3px);
    opacity: .2;
  }
}
@keyframes animation-process--blur {
  0% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
  100% {
    -webkit-filter: blur(3px);
            filter: blur(3px);
    opacity: .2;
  }
}
@-webkit-keyframes animation-process--show {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes animation-process--show {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.effect--hover,
.effect--active {
  z-index: 1;
  position: relative;
  overflow: hidden;
  transition: background 0.3s ease, box-shadow 0.3s ease, border 0.3s ease;
}
.effect--hover:hover {
  border-color: rgba(86, 124, 195, 0.2) !important;
  background-color: rgba(89, 115, 255, 0.08) !important;
  box-shadow: 0px 0px 100px rgba(89, 115, 255, 0.16), 0px 0px 40px rgba(255, 115, 120, 0.04) !important;
}
.effect--blur {
  -webkit-filter: blur(1px);
          filter: blur(1px);
}
.effect--overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: .12;
}
.effect--active:active {
  border-color: rgba(68, 75, 77, 0.12) !important;
  background-color: rgba(89, 115, 255, 0.24) !important;
  box-shadow: 0px 0px 100px rgba(89, 115, 255, 0.16), 0px 0px 40px rgba(255, 115, 120, 0.04) !important;
}
.effect--grayscale > * {
  -webkit-animation: animation-effect--grayscale 0.3s ease forwards;
          animation: animation-effect--grayscale 0.3s ease forwards;
}
.effect--disabled {
  pointer-events: none;
  opacity: .8;
}
.effect--backdrop {
  -webkit-backdrop-filter: grayscale(0) blur(0);
          backdrop-filter: grayscale(0) blur(0);
  transition: -webkit-backdrop-filter 0.3s ease;
  transition: backdrop-filter 0.3s ease;
  transition: backdrop-filter 0.3s ease, -webkit-backdrop-filter 0.3s ease;
}
.effect--backdrop-apply {
  -webkit-backdrop-filter: grayscale(0.75) blur(3px);
          backdrop-filter: grayscale(0.75) blur(3px);
}
@-webkit-keyframes animation-effect--grayscale {
  0% {
    -webkit-filter: grayscale(0);
            filter: grayscale(0);
  }
  100% {
    -webkit-filter: grayscale(0.75);
            filter: grayscale(0.75);
  }
}
@keyframes animation-effect--grayscale {
  0% {
    -webkit-filter: grayscale(0);
            filter: grayscale(0);
  }
  100% {
    -webkit-filter: grayscale(0.75);
            filter: grayscale(0.75);
  }
}
.toastr {
  z-index: 1;
  position: fixed;
  top: 0;
  left: calc((100% - 1100px)/2);
  right: 40px;
  bottom: 0;
  display: flex;
  flex-direction: column-reverse;
  align-items: flex-end;
  pointer-events: none;
}
.resource-access-key {
  display: inline-block;
  width: 14px;
  background-image: url('resource-access-key.80caa45a8e105f9566db.svg');
  background-repeat: no-repeat;
  background-position: center;
}
.resource-access-key--dialog {
  display: inline-block;
  width: 14px;
  height: 16px;
  margin-bottom: -2px;
  background-image: url('resource-access-key.80caa45a8e105f9566db.svg');
  background-repeat: no-repeat;
  background-position: center;
}
.resource-cpu-unlock {
  display: inline-block;
  width: 14px;
  background-image: url('resource-cpu-unlock.71d098756b38e9f08c5b.svg');
  background-repeat: no-repeat;
  background-position: center;
}
.resource-pixel {
  display: inline-block;
  width: 12px;
  background-image: url('resource-pixel.84c2b79e901a9cad6918.svg');
  background-repeat: no-repeat;
  background-position: center;
}
.resource-credits {
  display: inline-block;
  width: 16px;
  background-image: url('resource-credits.899cb51bdbfd597a011c.svg');
  background-repeat: no-repeat;
  background-position: center;
}
.hint {
  width: 288px;
  padding: 18px;
  box-sizing: border-box;
  border: 1px solid rgba(236, 239, 255, 0.04);
  border-radius: 4px;
  background-color: #191B21;
  box-shadow: 0px 0px 100px rgba(89, 115, 255, 0.16), 0px 0px 40px rgba(255, 115, 120, 0.04);
  opacity: 0;
  color: rgba(236, 239, 255, 0.8);
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.2px;
  transition: opacity .3s ease;
}
.hint:hover {
  opacity: 1;
}
.hint-trigger {
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  width: 22px;
  height: 22px;
  padding-top: 1px;
  padding-left: 1px;
  background: rgba(236, 239, 255, 0.04);
  border: 1px solid rgba(236, 239, 255, 0.6);
  border-radius: 50%;
  cursor: pointer;
  color: rgba(236, 239, 255, 0.8);
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.28px;
  transition: box-shadow 0.3s ease;
}
.hint-trigger:hover,
.hint-trigger.--hover {
  box-shadow: 0px 0px 30px rgba(204, 188, 48, 0.12);
}
.hint-trigger:hover .hint,
.hint-trigger.--hover .hint {
  opacity: 1;
}
.hint-trigger:hover + .hint,
.hint-trigger.--hover + .hint {
  opacity: 1;
}
color-sketch {
  display: block;
  width: 220px;
  color: #ECEFFF;
}
color-sketch div.sketch-picker {
  background-color: #191B21 !important;
}
color-sketch div.sketch-color {
  background: white;
}
color-sketch color-alpha .alpha {
  background: white;
}
color-sketch color-editable-input input {
  background: none;
  border: 1px solid rgba(236, 239, 255, 0.4) !important;
  border-radius: 3px;
  box-shadow: none !important;
  color: #ECEFFF !important;
  text-align: center;
}
color-sketch color-editable-input input:focus {
  outline: none;
}
color-sketch color-editable-input span {
  color: rgba(236, 239, 255, 0.6) !important;
}
app-menu + router-outlet + * {
  transition: transform 0.3s ease-in-out;
}
app-menu.--visible + router-outlet + *:not(app-nw-menu) {
  transform: translateX(44px);
  transition: transform 0.3s ease-in-out 0s;
}
body:not(.menu--visible) .top-content .page-content {
  transition: transform 0.3s ease-in-out;
}
body.menu--visible .top-content .page-content {
  transform: translateX(44px);
  transition: transform 0.3s ease-in-out 0s;
}
@supports not ((-webkit-backdrop-filter: blur(3px)) or (backdrop-filter: blur(3px))) {
  app-menu:not(.--visible) + router-outlet + *:not(app-nw-menu) {
    -webkit-animation: animation-effect--reset-grayscale 0.3s ease forwards;
            animation: animation-effect--reset-grayscale 0.3s ease forwards;
  }
  app-menu.--visible + router-outlet + *:not(app-nw-menu) {
    -webkit-animation: animation-effect--grayscale 0.3s ease forwards;
            animation: animation-effect--grayscale 0.3s ease forwards;
  }
  body.menu--visible .top-content .page-content {
    -webkit-animation: animation-effect--grayscale 0.3s ease forwards;
            animation: animation-effect--grayscale 0.3s ease forwards;
  }
}
body.isnw app-menu:not(.--visible) + router-outlet + *:not(app-nw-menu) {
  -webkit-animation: animation-effect--reset-grayscale 0.3s ease forwards;
          animation: animation-effect--reset-grayscale 0.3s ease forwards;
}
body.isnw app-menu.--visible + router-outlet + *:not(app-nw-menu) {
  -webkit-animation: animation-effect--grayscale 0.3s ease forwards;
          animation: animation-effect--grayscale 0.3s ease forwards;
}
body.isnw.menu--visible .top-content .page-content {
  -webkit-animation: animation-effect--grayscale 0.3s ease forwards;
          animation: animation-effect--grayscale 0.3s ease forwards;
}
@keyframes animation-effect--grayscale {
  0% {
    -webkit-filter: grayscale(0);
            filter: grayscale(0);
  }
  100% {
    -webkit-filter: grayscale(0.75);
            filter: grayscale(0.75);
  }
}
@-webkit-keyframes animation-effect--reset-grayscale {
  0% {
    -webkit-filter: grayscale(0.75);
            filter: grayscale(0.75);
  }
  100% {
    -webkit-filter: grayscale(0);
            filter: grayscale(0);
  }
}
@keyframes animation-effect--reset-grayscale {
  0% {
    -webkit-filter: grayscale(0.75);
            filter: grayscale(0.75);
  }
  100% {
    -webkit-filter: grayscale(0);
            filter: grayscale(0);
  }
}
.form-container {
  display: flex;
  flex-direction: column;
}
/* When the input is focused */
.mat-form-field.mat-focused .mat-form-field-label {
  color: #4A5FD2;
}
.mat-form-field.mat-focused input {
  caret-color: #4A5FD2;
}
.mat-form-field.mat-focused .mat-form-field-ripple {
  background-color: #4A5FD2;
}
body {
  overflow: auto;
  overflow: overlay;
  overflow-x: hidden;
}
.init-loading {
  position: fixed;
  width: 100%;
}
app2-router-outlet {
  position: relative;
  display: block;
}
app2-router-outlet > router-outlet + * {
  display: block;
  width: 100%;
  min-height: calc(100vh - 42px);
  margin-top: -20px;
}
@media (min-width: 941px) {
  app-order-subscription-nw app-order-60day-tokens .content {
    margin: 27px 0 15px !important;
  }
}
.cdk-overlay-container {
  z-index: 900 !important;
}
.--season-world-landing-backdrop {
  pointer-events: none;
}
.--season-world-landing-backdrop + .cdk-global-overlay-wrapper {
  z-index: 10000;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.--season-world-landing-backdrop + .cdk-global-overlay-wrapper .cdk-overlay-pane {
  max-width: 100vw !important;
}
.--season-world-landing-backdrop + .cdk-global-overlay-wrapper .mat-dialog-container {
  width: 100vw !important;
  height: 100vh !important;
  max-width: 100vw !important;
  max-height: 100vh !important;
}


/*# sourceMappingURL=styles.css.map*/