.mat-ripple{overflow:hidden;position:relative}.mat-ripple:not(:empty){transform:translateZ(0)}.mat-ripple.mat-ripple-unbounded{overflow:visible}.mat-ripple-element{position:absolute;border-radius:50%;pointer-events:none;transition:opacity,transform 0ms cubic-bezier(0,0,.2,1);transform:scale3d(0,0,0);background-color:var(--mat-ripple-color, rgba(0, 0, 0, .1))}.cdk-high-contrast-active .mat-ripple-element,.cdk-drag-preview .mat-ripple-element,.cdk-drag-placeholder .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;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;inset: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}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:#00000052}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.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}textarea.cdk-textarea-autosize{resize:none}textarea.cdk-textarea-autosize-measuring{padding:2px 0!important;box-sizing:content-box!important;height:auto!important;overflow:hidden!important}textarea.cdk-textarea-autosize-measuring-firefox{padding:2px 0!important;box-sizing:content-box!important;height:0!important}@keyframes cdk-text-field-autofill-start{}@keyframes cdk-text-field-autofill-end{}.cdk-text-field-autofill-monitored:-webkit-autofill{animation:cdk-text-field-autofill-start 0s 1ms}.cdk-text-field-autofill-monitored:not(:-webkit-autofill){animation:cdk-text-field-autofill-end 0s 1ms}.mat-focus-indicator{position:relative}.mat-focus-indicator:before{inset:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-focus-indicator-display, none);border:var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);border-radius:var(--mat-focus-indicator-border-radius, 4px)}.mat-focus-indicator:focus:before{content:""}.cdk-high-contrast-active{--mat-focus-indicator-display: block}.mat-mdc-focus-indicator{position:relative}.mat-mdc-focus-indicator:before{inset:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-mdc-focus-indicator-display, none);border:var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);border-radius:var(--mat-mdc-focus-indicator-border-radius, 4px)}.mat-mdc-focus-indicator:focus:before{content:""}.cdk-high-contrast-active{--mat-mdc-focus-indicator-display: block}.mat-app-background{background-color:var(--mat-app-background-color, var(--mat-app-background, transparent));color:var(--mat-app-text-color, var(--mat-app-on-background, inherit))}.mat-elevation-z0,.mat-mdc-elevation-specific.mat-elevation-z0{box-shadow:var(--mat-app-elevation-shadow-level-0, none)}.mat-elevation-z1,.mat-mdc-elevation-specific.mat-elevation-z1{box-shadow:var(--mat-app-elevation-shadow-level-1, none)}.mat-elevation-z2,.mat-mdc-elevation-specific.mat-elevation-z2{box-shadow:var(--mat-app-elevation-shadow-level-2, none)}.mat-elevation-z3,.mat-mdc-elevation-specific.mat-elevation-z3{box-shadow:var(--mat-app-elevation-shadow-level-3, none)}.mat-elevation-z4,.mat-mdc-elevation-specific.mat-elevation-z4{box-shadow:var(--mat-app-elevation-shadow-level-4, none)}.mat-elevation-z5,.mat-mdc-elevation-specific.mat-elevation-z5{box-shadow:var(--mat-app-elevation-shadow-level-5, none)}.mat-elevation-z6,.mat-mdc-elevation-specific.mat-elevation-z6{box-shadow:var(--mat-app-elevation-shadow-level-6, none)}.mat-elevation-z7,.mat-mdc-elevation-specific.mat-elevation-z7{box-shadow:var(--mat-app-elevation-shadow-level-7, none)}.mat-elevation-z8,.mat-mdc-elevation-specific.mat-elevation-z8{box-shadow:var(--mat-app-elevation-shadow-level-8, none)}.mat-elevation-z9,.mat-mdc-elevation-specific.mat-elevation-z9{box-shadow:var(--mat-app-elevation-shadow-level-9, none)}.mat-elevation-z10,.mat-mdc-elevation-specific.mat-elevation-z10{box-shadow:var(--mat-app-elevation-shadow-level-10, none)}.mat-elevation-z11,.mat-mdc-elevation-specific.mat-elevation-z11{box-shadow:var(--mat-app-elevation-shadow-level-11, none)}.mat-elevation-z12,.mat-mdc-elevation-specific.mat-elevation-z12{box-shadow:var(--mat-app-elevation-shadow-level-12, none)}.mat-elevation-z13,.mat-mdc-elevation-specific.mat-elevation-z13{box-shadow:var(--mat-app-elevation-shadow-level-13, none)}.mat-elevation-z14,.mat-mdc-elevation-specific.mat-elevation-z14{box-shadow:var(--mat-app-elevation-shadow-level-14, none)}.mat-elevation-z15,.mat-mdc-elevation-specific.mat-elevation-z15{box-shadow:var(--mat-app-elevation-shadow-level-15, none)}.mat-elevation-z16,.mat-mdc-elevation-specific.mat-elevation-z16{box-shadow:var(--mat-app-elevation-shadow-level-16, none)}.mat-elevation-z17,.mat-mdc-elevation-specific.mat-elevation-z17{box-shadow:var(--mat-app-elevation-shadow-level-17, none)}.mat-elevation-z18,.mat-mdc-elevation-specific.mat-elevation-z18{box-shadow:var(--mat-app-elevation-shadow-level-18, none)}.mat-elevation-z19,.mat-mdc-elevation-specific.mat-elevation-z19{box-shadow:var(--mat-app-elevation-shadow-level-19, none)}.mat-elevation-z20,.mat-mdc-elevation-specific.mat-elevation-z20{box-shadow:var(--mat-app-elevation-shadow-level-20, none)}.mat-elevation-z21,.mat-mdc-elevation-specific.mat-elevation-z21{box-shadow:var(--mat-app-elevation-shadow-level-21, none)}.mat-elevation-z22,.mat-mdc-elevation-specific.mat-elevation-z22{box-shadow:var(--mat-app-elevation-shadow-level-22, none)}.mat-elevation-z23,.mat-mdc-elevation-specific.mat-elevation-z23{box-shadow:var(--mat-app-elevation-shadow-level-23, none)}.mat-elevation-z24,.mat-mdc-elevation-specific.mat-elevation-z24{box-shadow:var(--mat-app-elevation-shadow-level-24, none)}.mat-theme-loaded-marker{display:none}html{--mat-ripple-color: rgba(255, 255, 255, .1)}html{--mat-option-selected-state-label-text-color: #03a9f4;--mat-option-label-text-color: white;--mat-option-hover-state-layer-color: rgba(255, 255, 255, .08);--mat-option-focus-state-layer-color: rgba(255, 255, 255, .08);--mat-option-selected-state-layer-color: rgba(255, 255, 255, .08)}.mat-accent{--mat-option-selected-state-label-text-color: #607d8b;--mat-option-label-text-color: white;--mat-option-hover-state-layer-color: rgba(255, 255, 255, .08);--mat-option-focus-state-layer-color: rgba(255, 255, 255, .08);--mat-option-selected-state-layer-color: rgba(255, 255, 255, .08)}.mat-warn{--mat-option-selected-state-label-text-color: #f44336;--mat-option-label-text-color: white;--mat-option-hover-state-layer-color: rgba(255, 255, 255, .08);--mat-option-focus-state-layer-color: rgba(255, 255, 255, .08);--mat-option-selected-state-layer-color: rgba(255, 255, 255, .08)}html{--mat-optgroup-label-text-color: white}.mat-primary{--mat-full-pseudo-checkbox-selected-icon-color: #03a9f4;--mat-full-pseudo-checkbox-selected-checkmark-color: #303030;--mat-full-pseudo-checkbox-unselected-icon-color: rgba(255, 255, 255, .7);--mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #303030;--mat-full-pseudo-checkbox-disabled-unselected-icon-color: #686868;--mat-full-pseudo-checkbox-disabled-selected-icon-color: #686868;--mat-minimal-pseudo-checkbox-selected-checkmark-color: #03a9f4;--mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #686868}html,.mat-accent{--mat-full-pseudo-checkbox-selected-icon-color: #607d8b;--mat-full-pseudo-checkbox-selected-checkmark-color: #303030;--mat-full-pseudo-checkbox-unselected-icon-color: rgba(255, 255, 255, .7);--mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #303030;--mat-full-pseudo-checkbox-disabled-unselected-icon-color: #686868;--mat-full-pseudo-checkbox-disabled-selected-icon-color: #686868;--mat-minimal-pseudo-checkbox-selected-checkmark-color: #607d8b;--mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #686868}.mat-warn{--mat-full-pseudo-checkbox-selected-icon-color: #f44336;--mat-full-pseudo-checkbox-selected-checkmark-color: #303030;--mat-full-pseudo-checkbox-unselected-icon-color: rgba(255, 255, 255, .7);--mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #303030;--mat-full-pseudo-checkbox-disabled-unselected-icon-color: #686868;--mat-full-pseudo-checkbox-disabled-selected-icon-color: #686868;--mat-minimal-pseudo-checkbox-selected-checkmark-color: #f44336;--mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #686868}html{--mat-app-background-color: #303030;--mat-app-text-color: white;--mat-app-elevation-shadow-level-0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-2: 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-3: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-4: 0px 2px 4px -1px rgba(0, 0, 0, .2), 0px 4px 5px 0px rgba(0, 0, 0, .14), 0px 1px 10px 0px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-5: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 5px 8px 0px rgba(0, 0, 0, .14), 0px 1px 14px 0px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-6: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-7: 0px 4px 5px -2px rgba(0, 0, 0, .2), 0px 7px 10px 1px rgba(0, 0, 0, .14), 0px 2px 16px 1px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-8: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-9: 0px 5px 6px -3px rgba(0, 0, 0, .2), 0px 9px 12px 1px rgba(0, 0, 0, .14), 0px 3px 16px 2px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-10: 0px 6px 6px -3px rgba(0, 0, 0, .2), 0px 10px 14px 1px rgba(0, 0, 0, .14), 0px 4px 18px 3px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-11: 0px 6px 7px -4px rgba(0, 0, 0, .2), 0px 11px 15px 1px rgba(0, 0, 0, .14), 0px 4px 20px 3px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-12: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-13: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 13px 19px 2px rgba(0, 0, 0, .14), 0px 5px 24px 4px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-14: 0px 7px 9px -4px rgba(0, 0, 0, .2), 0px 14px 21px 2px rgba(0, 0, 0, .14), 0px 5px 26px 4px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-15: 0px 8px 9px -5px rgba(0, 0, 0, .2), 0px 15px 22px 2px rgba(0, 0, 0, .14), 0px 6px 28px 5px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-16: 0px 8px 10px -5px rgba(0, 0, 0, .2), 0px 16px 24px 2px rgba(0, 0, 0, .14), 0px 6px 30px 5px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-17: 0px 8px 11px -5px rgba(0, 0, 0, .2), 0px 17px 26px 2px rgba(0, 0, 0, .14), 0px 6px 32px 5px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-18: 0px 9px 11px -5px rgba(0, 0, 0, .2), 0px 18px 28px 2px rgba(0, 0, 0, .14), 0px 7px 34px 6px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-19: 0px 9px 12px -6px rgba(0, 0, 0, .2), 0px 19px 29px 2px rgba(0, 0, 0, .14), 0px 7px 36px 6px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-20: 0px 10px 13px -6px rgba(0, 0, 0, .2), 0px 20px 31px 3px rgba(0, 0, 0, .14), 0px 8px 38px 7px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-21: 0px 10px 13px -6px rgba(0, 0, 0, .2), 0px 21px 33px 3px rgba(0, 0, 0, .14), 0px 8px 40px 7px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-22: 0px 10px 14px -6px rgba(0, 0, 0, .2), 0px 22px 35px 3px rgba(0, 0, 0, .14), 0px 8px 42px 7px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-23: 0px 11px 14px -7px rgba(0, 0, 0, .2), 0px 23px 36px 3px rgba(0, 0, 0, .14), 0px 9px 44px 8px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-24: 0px 11px 15px -7px rgba(0, 0, 0, .2), 0px 24px 38px 3px rgba(0, 0, 0, .14), 0px 9px 46px 8px rgba(0, 0, 0, .12)}html{--mat-option-label-text-font: Roboto, sans-serif;--mat-option-label-text-line-height: 24px;--mat-option-label-text-size: 16px;--mat-option-label-text-tracking: .03125em;--mat-option-label-text-weight: 400}html{--mat-optgroup-label-text-font: Roboto, sans-serif;--mat-optgroup-label-text-line-height: 24px;--mat-optgroup-label-text-size: 16px;--mat-optgroup-label-text-tracking: .03125em;--mat-optgroup-label-text-weight: 400}html{--mdc-text-button-container-shape: 4px;--mdc-text-button-keep-touch-target: false;--mdc-filled-button-container-shape: 4px;--mdc-filled-button-keep-touch-target: false;--mdc-protected-button-container-shape: 4px;--mdc-protected-button-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12);--mdc-protected-button-disabled-container-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mdc-protected-button-focus-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, .2), 0px 4px 5px 0px rgba(0, 0, 0, .14), 0px 1px 10px 0px rgba(0, 0, 0, .12);--mdc-protected-button-hover-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, .2), 0px 4px 5px 0px rgba(0, 0, 0, .14), 0px 1px 10px 0px rgba(0, 0, 0, .12);--mdc-protected-button-pressed-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mdc-outlined-button-keep-touch-target: false;--mdc-outlined-button-outline-width: 1px;--mdc-outlined-button-container-shape: 4px;--mat-text-button-horizontal-padding: 8px;--mat-text-button-with-icon-horizontal-padding: 8px;--mat-text-button-icon-spacing: 8px;--mat-text-button-icon-offset: 0;--mat-filled-button-horizontal-padding: 16px;--mat-filled-button-icon-spacing: 8px;--mat-filled-button-icon-offset: -4px;--mat-protected-button-horizontal-padding: 16px;--mat-protected-button-icon-spacing: 8px;--mat-protected-button-icon-offset: -4px;--mat-outlined-button-horizontal-padding: 15px;--mat-outlined-button-icon-spacing: 8px;--mat-outlined-button-icon-offset: -4px}html{--mdc-text-button-label-text-color: white;--mdc-text-button-disabled-label-text-color: rgba(255, 255, 255, .5);--mat-text-button-state-layer-color: white;--mat-text-button-disabled-state-layer-color: white;--mat-text-button-ripple-color: rgba(255, 255, 255, .1);--mat-text-button-hover-state-layer-opacity: .08;--mat-text-button-focus-state-layer-opacity: .24;--mat-text-button-pressed-state-layer-opacity: .24;--mdc-filled-button-container-color: #424242;--mdc-filled-button-label-text-color: white;--mdc-filled-button-disabled-container-color: rgba(255, 255, 255, .12);--mdc-filled-button-disabled-label-text-color: rgba(255, 255, 255, .5);--mat-filled-button-state-layer-color: white;--mat-filled-button-disabled-state-layer-color: white;--mat-filled-button-ripple-color: rgba(255, 255, 255, .1);--mat-filled-button-hover-state-layer-opacity: .08;--mat-filled-button-focus-state-layer-opacity: .24;--mat-filled-button-pressed-state-layer-opacity: .24;--mdc-protected-button-container-color: #424242;--mdc-protected-button-label-text-color: white;--mdc-protected-button-disabled-container-color: rgba(255, 255, 255, .12);--mdc-protected-button-disabled-label-text-color: rgba(255, 255, 255, .5);--mat-protected-button-state-layer-color: white;--mat-protected-button-disabled-state-layer-color: white;--mat-protected-button-ripple-color: rgba(255, 255, 255, .1);--mat-protected-button-hover-state-layer-opacity: .08;--mat-protected-button-focus-state-layer-opacity: .24;--mat-protected-button-pressed-state-layer-opacity: .24;--mdc-outlined-button-disabled-outline-color: rgba(255, 255, 255, .12);--mdc-outlined-button-disabled-label-text-color: rgba(255, 255, 255, .5);--mdc-outlined-button-label-text-color: white;--mdc-outlined-button-outline-color: rgba(255, 255, 255, .12);--mat-outlined-button-state-layer-color: white;--mat-outlined-button-disabled-state-layer-color: white;--mat-outlined-button-ripple-color: rgba(255, 255, 255, .1);--mat-outlined-button-hover-state-layer-opacity: .08;--mat-outlined-button-focus-state-layer-opacity: .24;--mat-outlined-button-pressed-state-layer-opacity: .24}.mat-mdc-button.mat-primary{--mdc-text-button-label-text-color: #03a9f4;--mat-text-button-state-layer-color: #03a9f4;--mat-text-button-ripple-color: rgba(3, 169, 244, .1)}.mat-mdc-button.mat-accent{--mdc-text-button-label-text-color: #607d8b;--mat-text-button-state-layer-color: #607d8b;--mat-text-button-ripple-color: rgba(96, 125, 139, .1)}.mat-mdc-button.mat-warn{--mdc-text-button-label-text-color: #f44336;--mat-text-button-state-layer-color: #f44336;--mat-text-button-ripple-color: rgba(244, 67, 54, .1)}.mat-mdc-unelevated-button.mat-primary{--mdc-filled-button-container-color: #03a9f4;--mdc-filled-button-label-text-color: white;--mat-filled-button-state-layer-color: white;--mat-filled-button-ripple-color: rgba(255, 255, 255, .1)}.mat-mdc-unelevated-button.mat-accent{--mdc-filled-button-container-color: #607d8b;--mdc-filled-button-label-text-color: white;--mat-filled-button-state-layer-color: white;--mat-filled-button-ripple-color: rgba(255, 255, 255, .1)}.mat-mdc-unelevated-button.mat-warn{--mdc-filled-button-container-color: #f44336;--mdc-filled-button-label-text-color: white;--mat-filled-button-state-layer-color: white;--mat-filled-button-ripple-color: rgba(255, 255, 255, .1)}.mat-mdc-raised-button.mat-primary{--mdc-protected-button-container-color: #03a9f4;--mdc-protected-button-label-text-color: white;--mat-protected-button-state-layer-color: white;--mat-protected-button-ripple-color: rgba(255, 255, 255, .1)}.mat-mdc-raised-button.mat-accent{--mdc-protected-button-container-color: #607d8b;--mdc-protected-button-label-text-color: white;--mat-protected-button-state-layer-color: white;--mat-protected-button-ripple-color: rgba(255, 255, 255, .1)}.mat-mdc-raised-button.mat-warn{--mdc-protected-button-container-color: #f44336;--mdc-protected-button-label-text-color: white;--mat-protected-button-state-layer-color: white;--mat-protected-button-ripple-color: rgba(255, 255, 255, .1)}.mat-mdc-outlined-button.mat-primary{--mdc-outlined-button-label-text-color: #03a9f4;--mdc-outlined-button-outline-color: rgba(255, 255, 255, .12);--mat-outlined-button-state-layer-color: #03a9f4;--mat-outlined-button-ripple-color: rgba(3, 169, 244, .1)}.mat-mdc-outlined-button.mat-accent{--mdc-outlined-button-label-text-color: #607d8b;--mdc-outlined-button-outline-color: rgba(255, 255, 255, .12);--mat-outlined-button-state-layer-color: #607d8b;--mat-outlined-button-ripple-color: rgba(96, 125, 139, .1)}.mat-mdc-outlined-button.mat-warn{--mdc-outlined-button-label-text-color: #f44336;--mdc-outlined-button-outline-color: rgba(255, 255, 255, .12);--mat-outlined-button-state-layer-color: #f44336;--mat-outlined-button-ripple-color: rgba(244, 67, 54, .1)}html{--mdc-text-button-container-height: 36px;--mdc-filled-button-container-height: 36px;--mdc-protected-button-container-height: 36px;--mdc-outlined-button-container-height: 36px;--mat-text-button-touch-target-display: block;--mat-filled-button-touch-target-display: block;--mat-protected-button-touch-target-display: block;--mat-outlined-button-touch-target-display: block}html{--mdc-text-button-label-text-font: Roboto, sans-serif;--mdc-text-button-label-text-size: 14px;--mdc-text-button-label-text-tracking: .0892857143em;--mdc-text-button-label-text-weight: 500;--mdc-text-button-label-text-transform: none;--mdc-filled-button-label-text-font: Roboto, sans-serif;--mdc-filled-button-label-text-size: 14px;--mdc-filled-button-label-text-tracking: .0892857143em;--mdc-filled-button-label-text-weight: 500;--mdc-filled-button-label-text-transform: none;--mdc-protected-button-label-text-font: Roboto, sans-serif;--mdc-protected-button-label-text-size: 14px;--mdc-protected-button-label-text-tracking: .0892857143em;--mdc-protected-button-label-text-weight: 500;--mdc-protected-button-label-text-transform: none;--mdc-outlined-button-label-text-font: Roboto, sans-serif;--mdc-outlined-button-label-text-size: 14px;--mdc-outlined-button-label-text-tracking: .0892857143em;--mdc-outlined-button-label-text-weight: 500;--mdc-outlined-button-label-text-transform: none}html{--mat-toolbar-container-background-color: #212121;--mat-toolbar-container-text-color: white}.mat-toolbar.mat-primary{--mat-toolbar-container-background-color: #03a9f4;--mat-toolbar-container-text-color: white}.mat-toolbar.mat-accent{--mat-toolbar-container-background-color: #607d8b;--mat-toolbar-container-text-color: white}.mat-toolbar.mat-warn{--mat-toolbar-container-background-color: #f44336;--mat-toolbar-container-text-color: white}html{--mat-toolbar-standard-height: 64px;--mat-toolbar-mobile-height: 56px}html{--mat-toolbar-title-text-font: Roboto, sans-serif;--mat-toolbar-title-text-line-height: 32px;--mat-toolbar-title-text-size: 20px;--mat-toolbar-title-text-tracking: .0125em;--mat-toolbar-title-text-weight: 500}html{--mat-legacy-button-toggle-height: 36px;--mat-legacy-button-toggle-shape: 2px;--mat-legacy-button-toggle-focus-state-layer-opacity: 1;--mat-standard-button-toggle-shape: 4px;--mat-standard-button-toggle-hover-state-layer-opacity: .04;--mat-standard-button-toggle-focus-state-layer-opacity: .12}html{--mat-legacy-button-toggle-text-color: rgba(255, 255, 255, .5);--mat-legacy-button-toggle-state-layer-color: rgba(255, 255, 255, .12);--mat-legacy-button-toggle-selected-state-text-color: rgba(255, 255, 255, .7);--mat-legacy-button-toggle-selected-state-background-color: #212121;--mat-legacy-button-toggle-disabled-state-text-color: rgba(255, 255, 255, .3);--mat-legacy-button-toggle-disabled-state-background-color: black;--mat-legacy-button-toggle-disabled-selected-state-background-color: #424242;--mat-standard-button-toggle-text-color: white;--mat-standard-button-toggle-background-color: #424242;--mat-standard-button-toggle-state-layer-color: white;--mat-standard-button-toggle-selected-state-background-color: #212121;--mat-standard-button-toggle-selected-state-text-color: white;--mat-standard-button-toggle-disabled-state-text-color: rgba(255, 255, 255, .3);--mat-standard-button-toggle-disabled-state-background-color: #424242;--mat-standard-button-toggle-disabled-selected-state-text-color: white;--mat-standard-button-toggle-disabled-selected-state-background-color: #424242;--mat-standard-button-toggle-divider-color: #595959}html{--mat-standard-button-toggle-height: 48px}html{--mat-legacy-button-toggle-label-text-font: Roboto, sans-serif;--mat-legacy-button-toggle-label-text-line-height: 24px;--mat-legacy-button-toggle-label-text-size: 16px;--mat-legacy-button-toggle-label-text-tracking: .03125em;--mat-legacy-button-toggle-label-text-weight: 400;--mat-standard-button-toggle-label-text-font: Roboto, sans-serif;--mat-standard-button-toggle-label-text-line-height: 24px;--mat-standard-button-toggle-label-text-size: 16px;--mat-standard-button-toggle-label-text-tracking: .03125em;--mat-standard-button-toggle-label-text-weight: 400}html{--mdc-slider-active-track-height: 6px;--mdc-slider-active-track-shape: 9999px;--mdc-slider-handle-height: 20px;--mdc-slider-handle-shape: 50%;--mdc-slider-handle-width: 20px;--mdc-slider-inactive-track-height: 4px;--mdc-slider-inactive-track-shape: 9999px;--mdc-slider-with-overlap-handle-outline-width: 1px;--mdc-slider-with-tick-marks-active-container-opacity: .6;--mdc-slider-with-tick-marks-container-shape: 50%;--mdc-slider-with-tick-marks-container-size: 2px;--mdc-slider-with-tick-marks-inactive-container-opacity: .6;--mdc-slider-handle-elevation: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-slider-value-indicator-width: auto;--mat-slider-value-indicator-height: 32px;--mat-slider-value-indicator-caret-display: block;--mat-slider-value-indicator-border-radius: 4px;--mat-slider-value-indicator-padding: 0 12px;--mat-slider-value-indicator-text-transform: none;--mat-slider-value-indicator-container-transform: translateX(-50%)}html{--mdc-slider-handle-color: #03a9f4;--mdc-slider-focus-handle-color: #03a9f4;--mdc-slider-hover-handle-color: #03a9f4;--mdc-slider-active-track-color: #03a9f4;--mdc-slider-inactive-track-color: #03a9f4;--mdc-slider-with-tick-marks-inactive-container-color: #03a9f4;--mdc-slider-with-tick-marks-active-container-color: white;--mdc-slider-disabled-active-track-color: #fff;--mdc-slider-disabled-handle-color: #fff;--mdc-slider-disabled-inactive-track-color: #fff;--mdc-slider-label-container-color: #fff;--mdc-slider-label-label-text-color: #000;--mdc-slider-with-overlap-handle-outline-color: #fff;--mdc-slider-with-tick-marks-disabled-container-color: #fff;--mat-slider-ripple-color: #03a9f4;--mat-slider-hover-state-layer-color: rgba(3, 169, 244, .05);--mat-slider-focus-state-layer-color: rgba(3, 169, 244, .2);--mat-slider-value-indicator-opacity: .9}html .mat-accent{--mdc-slider-handle-color: #607d8b;--mdc-slider-focus-handle-color: #607d8b;--mdc-slider-hover-handle-color: #607d8b;--mdc-slider-active-track-color: #607d8b;--mdc-slider-inactive-track-color: #607d8b;--mdc-slider-with-tick-marks-inactive-container-color: #607d8b;--mdc-slider-with-tick-marks-active-container-color: white;--mat-slider-ripple-color: #607d8b;--mat-slider-hover-state-layer-color: rgba(96, 125, 139, .05);--mat-slider-focus-state-layer-color: rgba(96, 125, 139, .2)}html .mat-warn{--mdc-slider-handle-color: #f44336;--mdc-slider-focus-handle-color: #f44336;--mdc-slider-hover-handle-color: #f44336;--mdc-slider-active-track-color: #f44336;--mdc-slider-inactive-track-color: #f44336;--mdc-slider-with-tick-marks-inactive-container-color: #f44336;--mdc-slider-with-tick-marks-active-container-color: white;--mat-slider-ripple-color: #f44336;--mat-slider-hover-state-layer-color: rgba(244, 67, 54, .05);--mat-slider-focus-state-layer-color: rgba(244, 67, 54, .2)}html{--mdc-slider-label-label-text-font: Roboto, sans-serif;--mdc-slider-label-label-text-size: 14px;--mdc-slider-label-label-text-line-height: 22px;--mdc-slider-label-label-text-tracking: .0071428571em;--mdc-slider-label-label-text-weight: 500}html{--mdc-elevated-card-container-shape: 4px;--mdc-outlined-card-container-shape: 4px;--mdc-outlined-card-outline-width: 1px}html{--mdc-elevated-card-container-color: #424242;--mdc-elevated-card-container-elevation: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mdc-outlined-card-container-color: #424242;--mdc-outlined-card-outline-color: rgba(255, 255, 255, .12);--mdc-outlined-card-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-card-subtitle-text-color: rgba(255, 255, 255, .7)}html{--mat-card-title-text-font: Roboto, sans-serif;--mat-card-title-text-line-height: 32px;--mat-card-title-text-size: 20px;--mat-card-title-text-tracking: .0125em;--mat-card-title-text-weight: 500;--mat-card-subtitle-text-font: Roboto, sans-serif;--mat-card-subtitle-text-line-height: 22px;--mat-card-subtitle-text-size: 14px;--mat-card-subtitle-text-tracking: .0071428571em;--mat-card-subtitle-text-weight: 500}spotify-connection .spotify-status{color:#ffffffb3}spotify-connection .spotify-status .connection-name{color:#fff}spotify-connection .spotify-status mat-icon{color:#ffffffb3}spotify-connection .spotify-status.warning{background:#424242;border-color:#f44336}spotify-connection .spotify-status.warning mat-icon{color:#f44336}.mobile-drawer .drawer-btn.active{background:#ffffff1f}.output_zone{color:var(--player-color, white);--border-color: var(--player-color, rgba(255, 255, 255, .12));--btn-color: var(--player-color, rgba(255, 255, 255, .5))}.output_zone.black{--zone-color: rgb(125, 125, 125);--zone-color-primary: rgb(0, 0, 0)}.output_zone.red{--zone-color: rgb(249, 0, 95);--zone-color-primary: rgb(147, 0, 56)}.output_zone.green{--zone-color: rgb(0, 158, 53);--zone-color-primary: rgb(5, 109, 34)}.output_zone.yellow{--zone-color: rgb(255, 204, 0);--zone-color-primary: rgb(255, 170, 0)}.output_zone.blue{--zone-color: rgb(60, 116, 246);--zone-color-primary: rgb(9, 0, 128)}.output_zone.magenta{--zone-color: rgb(119, 42, 207);--zone-color-primary: rgb(53, 2, 111)}.output_zone.cyan{--zone-color: rgb(52, 195, 251);--zone-color-primary: rgb(0, 213, 255)}.output_zone.white{--zone-color: rgb(255, 255, 255);--zone-color-primary: rgb(255, 255, 255)}.output_zone .now-playing.black{color:var(--player-color, rgb(125, 125, 125))}.output_zone .now-playing.red{color:var(--player-color, rgb(249, 0, 95))}.output_zone .now-playing.green{color:var(--player-color, rgb(0, 158, 53))}.output_zone .now-playing.yellow{color:var(--player-color, rgb(255, 204, 0))}.output_zone .now-playing.blue{color:var(--player-color, rgb(60, 116, 246))}.output_zone .now-playing.magenta{color:var(--player-color, rgb(119, 42, 207))}.output_zone .now-playing.cyan{color:var(--player-color, rgb(52, 195, 251))}.output_zone .now-playing.white{color:var(--player-color, rgb(255, 255, 255))}.zone_controls{color:var(--player-color, white);--border-color: var(--player-color, rgba(255, 255, 255, .12));--btn-color: var(--player-color, rgba(255, 255, 255, .5))}.zone_controls.black{--zone-color: rgb(125, 125, 125);--zone-color-primary: rgb(0, 0, 0)}.zone_controls.red{--zone-color: rgb(249, 0, 95);--zone-color-primary: rgb(147, 0, 56)}.zone_controls.green{--zone-color: rgb(0, 158, 53);--zone-color-primary: rgb(5, 109, 34)}.zone_controls.yellow{--zone-color: rgb(255, 204, 0);--zone-color-primary: rgb(255, 170, 0)}.zone_controls.blue{--zone-color: rgb(60, 116, 246);--zone-color-primary: rgb(9, 0, 128)}.zone_controls.magenta{--zone-color: rgb(119, 42, 207);--zone-color-primary: rgb(53, 2, 111)}.zone_controls.cyan{--zone-color: rgb(52, 195, 251);--zone-color-primary: rgb(0, 213, 255)}.zone_controls.white{--zone-color: rgb(255, 255, 255);--zone-color-primary: rgb(255, 255, 255)}.crosspoint{--border-color: var(--player-color, rgba(255, 255, 255, .12));--btn-color: var(--player-color, rgba(255, 255, 255, .5))}.crosspoint.black{--zone-color: rgb(125, 125, 125)}.crosspoint.red{--zone-color: rgb(249, 0, 95)}.crosspoint.green{--zone-color: rgb(0, 158, 53)}.crosspoint.yellow{--zone-color: rgb(255, 204, 0)}.crosspoint.blue{--zone-color: rgb(60, 116, 246)}.crosspoint.magenta{--zone-color: rgb(119, 42, 207)}.crosspoint.cyan{--zone-color: rgb(52, 195, 251)}.crosspoint.white{--zone-color: rgb(255, 255, 255)}.zones{--done-icon-color: rgb(0, 158, 53)}.zones .output_zone{background:#424242;border:1px solid rgba(255,255,255,.12)}.zones .output_zone .outputinfo{color:#ffffffb3}.zones .output_zone .outputinfo .connection_status .channels_healthy{color:#060}.zones .output_zone .outputinfo .connection_status .channels_error{color:#600}.zones .output_zone .outputinfo .zone_controls .primary_info .channels_healthy{color:#060}.zones .output_zone .outputinfo .zone_controls .primary_info .channels_warning{color:#660}.zones .output_zone .outputinfo .zone_controls .primary_info .channels_error{color:#600}.zones .output_zone .outputinfo .zone_controls .value mat-icon.warn{color:#fc0}.zones .output_zone .outputinfo .zone_controls .value mat-icon.error{color:#f9005f}.zones .output_zone.black .outputinfo .name{color:#7d7d7d}.zones .output_zone.red .outputinfo .name{color:#f9005f}.zones .output_zone.green .outputinfo .name{color:#009e35}.zones .output_zone.yellow .outputinfo .name{color:#fc0}.zones .output_zone.blue .outputinfo .name{color:#3c74f6}.zones .output_zone.magenta .outputinfo .name{color:#772acf}.zones .output_zone.cyan .outputinfo .name{color:#34c3fb}.zones .output_zone.white .outputinfo .name{color:#fff}.zones .output_zone.healthy{background:linear-gradient(to bottom,#009e3580,#424242 30%);border:1px solid rgba(0,158,53,.7)}.zones .output_zone.warning{background:linear-gradient(to bottom,#ffcc0080,#424242 30%);border:1px solid rgba(255,204,0,.7)}.zones .output_zone.error{background:linear-gradient(to bottom,#f9005f80,#424242 30%);border:1px solid rgba(249,0,95,.7)}.inputs .input{background:#424242;border:none;box-shadow:0 1px 4px #0000001f;color:#ffffffb3}.inputs .input.black .inputinfo{background-color:#000;color:#fff}.inputs .input.red .inputinfo{background-color:#930038;color:#fff}.inputs .input.green .inputinfo{background-color:#056d22;color:#fff}.inputs .input.yellow .inputinfo{background-color:#fa0;color:#fff}.inputs .input.blue .inputinfo{background-color:#090080;color:#fff}.inputs .input.magenta .inputinfo{background-color:#35026f;color:#fff}.inputs .input.cyan .inputinfo{background-color:#00d5ff;color:#fff}.inputs .input.white .inputinfo{background-color:#fff;color:#000}volumeitem{color:var(--player-color, white);--muted-bg: #f44336;--muted-fg: white}volumeitem .zoneinfo .markers .value{color:var(--player-color, var(--zone-color))}volumeitem .zoneinfo .markers .marker{border-left:1.5px solid var(--player-color, var(--zone-color))}volumeitem mat-slider .mdc-slider__track--active_fill{border-color:var(--player-color, var(--zone-color))!important}volumeitem mat-slider .mdc-slider__track--inactive{background-color:var(--player-color, var(--zone-color))!important}volumeitem mat-slider .mdc-slider__thumb-knob{background-color:var(--player-color, var(--zone-color))!important;border-color:var(--player-color, var(--zone-color))!important}volumeitem .zoneinfo .connectedicon.ok{color:green}volumeitem .zoneinfo .connectedicon.warn{color:orange}volumeitem .zoneinfo .connectedicon.error{color:red}volumeitem .zoneinfo .connectedicon.off{color:gray}.sources .source-btn.black{--source-color: rgb(125, 125, 125);--source-color-primary: rgb(0, 0, 0);--source-contrast: #fff}.sources .source-btn.red{--source-color: rgb(249, 0, 95);--source-color-primary: rgb(147, 0, 56);--source-contrast: #fff}.sources .source-btn.green{--source-color: rgb(0, 158, 53);--source-color-primary: rgb(5, 109, 34);--source-contrast: #fff}.sources .source-btn.yellow{--source-color: rgb(255, 204, 0);--source-color-primary: rgb(255, 170, 0);--source-contrast: #fff}.sources .source-btn.blue{--source-color: rgb(60, 116, 246);--source-color-primary: rgb(9, 0, 128);--source-contrast: #fff}.sources .source-btn.magenta{--source-color: rgb(119, 42, 207);--source-color-primary: rgb(53, 2, 111);--source-contrast: #fff}.sources .source-btn.cyan{--source-color: rgb(52, 195, 251);--source-color-primary: rgb(0, 213, 255);--source-contrast: #fff}.sources .source-btn.white{--source-color: rgb(255, 255, 255);--source-color-primary: rgb(255, 255, 255);--source-contrast: #000}.sources .source-btn:not(.selected) .source-icon,.sources .source-btn:not(.selected) .source-name{color:var(--player-color, var(--source-color))}.sources .source-btn.selected{background-color:var(--player-color, var(--source-color-primary))}.sources .source-btn.selected .source-icon,.sources .source-btn.selected .source-name{color:var(--source-contrast, #fff)}.sources .source-btn.white:not(.selected){background-color:var(--source-color)}.sources .source-btn.white:not(.selected) .source-icon,.sources .source-btn.white:not(.selected) .source-name{color:var(--player-color, inherit)}.playbackcontrols .background{background-color:#424242}.playbackcontrols .player{color:#fff}.playbackcontrols.black .player{color:#000}.playbackcontrols.red .player{color:#930038}.playbackcontrols.green .player{color:#056d22}.playbackcontrols.yellow .player{color:#fa0}.playbackcontrols.blue .player{color:#090080}.playbackcontrols.magenta .player{color:#35026f}.playbackcontrols.cyan .player{color:#00d5ff}.playbackcontrols.white .player{color:#fff}.playbackcontrols .playeractions button.action:disabled{color:#ffffff80!important;opacity:.4}playbackcontrol.has-artwork-colors .playbackcontrols .player{color:var(--pc-fg)}playbackcontrol.has-artwork-colors .playbackcontrols .playback-progress-bg{background-color:var(--pc-fg)}playbackcontrol.has-artwork-colors .playbackcontrols .playback-progress-fill{background-color:var(--pc-fg)}playbackcontrol.has-artwork-colors .playbackcontrols .playeractions button.action{color:var(--pc-fg)}.ai-overlay{background:#00000080}.ai-card{--ai-card-border: rgba(255, 255, 255, .12);background:var(--artwork-bg, #424242);color:var(--artwork-fg, white);box-shadow:0 16px 48px #0000004d}.ai-hero mat-icon{color:var(--artwork-fg, #03a9f4)}.ai-field input{border-color:var(--artwork-fg, rgba(255, 255, 255, .12));color:var(--artwork-fg, white)}.ai-field input:focus{border-color:var(--artwork-fg, #03a9f4)}.ai-chips button{color:var(--artwork-fg, #03a9f4);border-color:var(--artwork-fg, rgba(3, 169, 244, .3))}.ai-chips button:hover{background:#ffffff1a}.ai-chips button:active{background:#ffffff2e}.ai-step{color:var(--artwork-fg, inherit)}.ai-step.running .step-icon,.ai-step.done .step-icon{color:var(--artwork-fg, #03a9f4)}.ai-step.error .step-icon{color:#f44336}.ai-error{background:#f443361a;color:#f44336}.source-switch-btn.active{background:#ffffff1f}.config-reload .reload-entry{font-family:monospace}.config-reload .reload-entry.change{color:#009e35}.config-reload .reload-entry.warning{color:#fc0}.config-reload .reload-nochanges{color:#ffffff80}.config-reload .reload-error{color:#f44336}.polls .poll{border-color:#ffffff1f}mat-button-toggle-group mat-button-toggle.source .mat-button-toggle-label-content{position:relative!important;top:4px!important}mat-button-toggle-group mat-button-toggle .source_icon{position:absolute;width:100%;left:0;height:30px;top:-4px}mat-button-toggle-group mat-button-toggle .source_icon mat-icon{font-size:12px}mat-button-toggle-group mat-button-toggle button .mat-button-toggle-label-content{padding-left:5px!important;padding-right:5px!important;line-height:24px!important}.compliance_warning_bg{background-color:orange}.compliance_error_bg{background-color:red}.compliance_ok_bg{background-color:#00f}mat-button-toggle-group mat-button-toggle{font-size:12px!important}mat-button-toggle-group mat-button-toggle.source .mat-button-toggle-label-content{position:relative;top:4px}mat-button-toggle-group mat-button-toggle button .mat-button-toggle-label-content{padding-left:5px;padding-right:5px;line-height:24px}@media (prefers-color-scheme: light){html{--mat-ripple-color: rgba(0, 0, 0, .1)}html{--mat-option-selected-state-label-text-color: #03a9f4;--mat-option-label-text-color: rgba(0, 0, 0, .87);--mat-option-hover-state-layer-color: rgba(0, 0, 0, .04);--mat-option-focus-state-layer-color: rgba(0, 0, 0, .04);--mat-option-selected-state-layer-color: rgba(0, 0, 0, .04)}.mat-accent{--mat-option-selected-state-label-text-color: #e91e63;--mat-option-label-text-color: rgba(0, 0, 0, .87);--mat-option-hover-state-layer-color: rgba(0, 0, 0, .04);--mat-option-focus-state-layer-color: rgba(0, 0, 0, .04);--mat-option-selected-state-layer-color: rgba(0, 0, 0, .04)}.mat-warn{--mat-option-selected-state-label-text-color: #f44336;--mat-option-label-text-color: rgba(0, 0, 0, .87);--mat-option-hover-state-layer-color: rgba(0, 0, 0, .04);--mat-option-focus-state-layer-color: rgba(0, 0, 0, .04);--mat-option-selected-state-layer-color: rgba(0, 0, 0, .04)}html{--mat-optgroup-label-text-color: rgba(0, 0, 0, .87)}.mat-primary{--mat-full-pseudo-checkbox-selected-icon-color: #03a9f4;--mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;--mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);--mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;--mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;--mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;--mat-minimal-pseudo-checkbox-selected-checkmark-color: #03a9f4;--mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0}html,.mat-accent{--mat-full-pseudo-checkbox-selected-icon-color: #e91e63;--mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;--mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);--mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;--mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;--mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;--mat-minimal-pseudo-checkbox-selected-checkmark-color: #e91e63;--mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0}.mat-warn{--mat-full-pseudo-checkbox-selected-icon-color: #f44336;--mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;--mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);--mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;--mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;--mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;--mat-minimal-pseudo-checkbox-selected-checkmark-color: #f44336;--mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0}html{--mat-app-background-color: #fafafa;--mat-app-text-color: rgba(0, 0, 0, .87);--mat-app-elevation-shadow-level-0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-2: 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-3: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-4: 0px 2px 4px -1px rgba(0, 0, 0, .2), 0px 4px 5px 0px rgba(0, 0, 0, .14), 0px 1px 10px 0px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-5: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 5px 8px 0px rgba(0, 0, 0, .14), 0px 1px 14px 0px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-6: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-7: 0px 4px 5px -2px rgba(0, 0, 0, .2), 0px 7px 10px 1px rgba(0, 0, 0, .14), 0px 2px 16px 1px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-8: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-9: 0px 5px 6px -3px rgba(0, 0, 0, .2), 0px 9px 12px 1px rgba(0, 0, 0, .14), 0px 3px 16px 2px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-10: 0px 6px 6px -3px rgba(0, 0, 0, .2), 0px 10px 14px 1px rgba(0, 0, 0, .14), 0px 4px 18px 3px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-11: 0px 6px 7px -4px rgba(0, 0, 0, .2), 0px 11px 15px 1px rgba(0, 0, 0, .14), 0px 4px 20px 3px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-12: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-13: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 13px 19px 2px rgba(0, 0, 0, .14), 0px 5px 24px 4px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-14: 0px 7px 9px -4px rgba(0, 0, 0, .2), 0px 14px 21px 2px rgba(0, 0, 0, .14), 0px 5px 26px 4px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-15: 0px 8px 9px -5px rgba(0, 0, 0, .2), 0px 15px 22px 2px rgba(0, 0, 0, .14), 0px 6px 28px 5px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-16: 0px 8px 10px -5px rgba(0, 0, 0, .2), 0px 16px 24px 2px rgba(0, 0, 0, .14), 0px 6px 30px 5px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-17: 0px 8px 11px -5px rgba(0, 0, 0, .2), 0px 17px 26px 2px rgba(0, 0, 0, .14), 0px 6px 32px 5px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-18: 0px 9px 11px -5px rgba(0, 0, 0, .2), 0px 18px 28px 2px rgba(0, 0, 0, .14), 0px 7px 34px 6px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-19: 0px 9px 12px -6px rgba(0, 0, 0, .2), 0px 19px 29px 2px rgba(0, 0, 0, .14), 0px 7px 36px 6px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-20: 0px 10px 13px -6px rgba(0, 0, 0, .2), 0px 20px 31px 3px rgba(0, 0, 0, .14), 0px 8px 38px 7px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-21: 0px 10px 13px -6px rgba(0, 0, 0, .2), 0px 21px 33px 3px rgba(0, 0, 0, .14), 0px 8px 40px 7px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-22: 0px 10px 14px -6px rgba(0, 0, 0, .2), 0px 22px 35px 3px rgba(0, 0, 0, .14), 0px 8px 42px 7px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-23: 0px 11px 14px -7px rgba(0, 0, 0, .2), 0px 23px 36px 3px rgba(0, 0, 0, .14), 0px 9px 44px 8px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-24: 0px 11px 15px -7px rgba(0, 0, 0, .2), 0px 24px 38px 3px rgba(0, 0, 0, .14), 0px 9px 46px 8px rgba(0, 0, 0, .12)}html{--mdc-text-button-label-text-color: black;--mdc-text-button-disabled-label-text-color: rgba(0, 0, 0, .38);--mat-text-button-state-layer-color: black;--mat-text-button-disabled-state-layer-color: black;--mat-text-button-ripple-color: rgba(0, 0, 0, .1);--mat-text-button-hover-state-layer-opacity: .04;--mat-text-button-focus-state-layer-opacity: .12;--mat-text-button-pressed-state-layer-opacity: .12;--mdc-filled-button-container-color: white;--mdc-filled-button-label-text-color: black;--mdc-filled-button-disabled-container-color: rgba(0, 0, 0, .12);--mdc-filled-button-disabled-label-text-color: rgba(0, 0, 0, .38);--mat-filled-button-state-layer-color: black;--mat-filled-button-disabled-state-layer-color: black;--mat-filled-button-ripple-color: rgba(0, 0, 0, .1);--mat-filled-button-hover-state-layer-opacity: .04;--mat-filled-button-focus-state-layer-opacity: .12;--mat-filled-button-pressed-state-layer-opacity: .12;--mdc-protected-button-container-color: white;--mdc-protected-button-label-text-color: black;--mdc-protected-button-disabled-container-color: rgba(0, 0, 0, .12);--mdc-protected-button-disabled-label-text-color: rgba(0, 0, 0, .38);--mat-protected-button-state-layer-color: black;--mat-protected-button-disabled-state-layer-color: black;--mat-protected-button-ripple-color: rgba(0, 0, 0, .1);--mat-protected-button-hover-state-layer-opacity: .04;--mat-protected-button-focus-state-layer-opacity: .12;--mat-protected-button-pressed-state-layer-opacity: .12;--mdc-outlined-button-disabled-outline-color: rgba(0, 0, 0, .12);--mdc-outlined-button-disabled-label-text-color: rgba(0, 0, 0, .38);--mdc-outlined-button-label-text-color: black;--mdc-outlined-button-outline-color: rgba(0, 0, 0, .12);--mat-outlined-button-state-layer-color: black;--mat-outlined-button-disabled-state-layer-color: black;--mat-outlined-button-ripple-color: rgba(0, 0, 0, .1);--mat-outlined-button-hover-state-layer-opacity: .04;--mat-outlined-button-focus-state-layer-opacity: .12;--mat-outlined-button-pressed-state-layer-opacity: .12}.mat-mdc-button.mat-primary{--mdc-text-button-label-text-color: #03a9f4;--mat-text-button-state-layer-color: #03a9f4;--mat-text-button-ripple-color: rgba(3, 169, 244, .1)}.mat-mdc-button.mat-accent{--mdc-text-button-label-text-color: #e91e63;--mat-text-button-state-layer-color: #e91e63;--mat-text-button-ripple-color: rgba(233, 30, 99, .1)}.mat-mdc-button.mat-warn{--mdc-text-button-label-text-color: #f44336;--mat-text-button-state-layer-color: #f44336;--mat-text-button-ripple-color: rgba(244, 67, 54, .1)}.mat-mdc-unelevated-button.mat-primary{--mdc-filled-button-container-color: #03a9f4;--mdc-filled-button-label-text-color: white;--mat-filled-button-state-layer-color: white;--mat-filled-button-ripple-color: rgba(255, 255, 255, .1)}.mat-mdc-unelevated-button.mat-accent{--mdc-filled-button-container-color: #e91e63;--mdc-filled-button-label-text-color: white;--mat-filled-button-state-layer-color: white;--mat-filled-button-ripple-color: rgba(255, 255, 255, .1)}.mat-mdc-unelevated-button.mat-warn{--mdc-filled-button-container-color: #f44336;--mdc-filled-button-label-text-color: white;--mat-filled-button-state-layer-color: white;--mat-filled-button-ripple-color: rgba(255, 255, 255, .1)}.mat-mdc-raised-button.mat-primary{--mdc-protected-button-container-color: #03a9f4;--mdc-protected-button-label-text-color: white;--mat-protected-button-state-layer-color: white;--mat-protected-button-ripple-color: rgba(255, 255, 255, .1)}.mat-mdc-raised-button.mat-accent{--mdc-protected-button-container-color: #e91e63;--mdc-protected-button-label-text-color: white;--mat-protected-button-state-layer-color: white;--mat-protected-button-ripple-color: rgba(255, 255, 255, .1)}.mat-mdc-raised-button.mat-warn{--mdc-protected-button-container-color: #f44336;--mdc-protected-button-label-text-color: white;--mat-protected-button-state-layer-color: white;--mat-protected-button-ripple-color: rgba(255, 255, 255, .1)}.mat-mdc-outlined-button.mat-primary{--mdc-outlined-button-label-text-color: #03a9f4;--mdc-outlined-button-outline-color: rgba(0, 0, 0, .12);--mat-outlined-button-state-layer-color: #03a9f4;--mat-outlined-button-ripple-color: rgba(3, 169, 244, .1)}.mat-mdc-outlined-button.mat-accent{--mdc-outlined-button-label-text-color: #e91e63;--mdc-outlined-button-outline-color: rgba(0, 0, 0, .12);--mat-outlined-button-state-layer-color: #e91e63;--mat-outlined-button-ripple-color: rgba(233, 30, 99, .1)}.mat-mdc-outlined-button.mat-warn{--mdc-outlined-button-label-text-color: #f44336;--mdc-outlined-button-outline-color: rgba(0, 0, 0, .12);--mat-outlined-button-state-layer-color: #f44336;--mat-outlined-button-ripple-color: rgba(244, 67, 54, .1)}html{--mat-toolbar-container-background-color: #212121;--mat-toolbar-container-text-color: white}.mat-toolbar.mat-primary{--mat-toolbar-container-background-color: #03a9f4;--mat-toolbar-container-text-color: white}.mat-toolbar.mat-accent{--mat-toolbar-container-background-color: #607d8b;--mat-toolbar-container-text-color: white}.mat-toolbar.mat-warn{--mat-toolbar-container-background-color: #f44336;--mat-toolbar-container-text-color: white}html{--mat-legacy-button-toggle-text-color: rgba(0, 0, 0, .38);--mat-legacy-button-toggle-state-layer-color: rgba(0, 0, 0, .12);--mat-legacy-button-toggle-selected-state-text-color: rgba(0, 0, 0, .54);--mat-legacy-button-toggle-selected-state-background-color: #e0e0e0;--mat-legacy-button-toggle-disabled-state-text-color: rgba(0, 0, 0, .26);--mat-legacy-button-toggle-disabled-state-background-color: #eeeeee;--mat-legacy-button-toggle-disabled-selected-state-background-color: #bdbdbd;--mat-standard-button-toggle-text-color: rgba(0, 0, 0, .87);--mat-standard-button-toggle-background-color: white;--mat-standard-button-toggle-state-layer-color: black;--mat-standard-button-toggle-selected-state-background-color: #e0e0e0;--mat-standard-button-toggle-selected-state-text-color: rgba(0, 0, 0, .87);--mat-standard-button-toggle-disabled-state-text-color: rgba(0, 0, 0, .26);--mat-standard-button-toggle-disabled-state-background-color: white;--mat-standard-button-toggle-disabled-selected-state-text-color: rgba(0, 0, 0, .87);--mat-standard-button-toggle-disabled-selected-state-background-color: #bdbdbd;--mat-standard-button-toggle-divider-color: #e0e0e0}html{--mdc-elevated-card-container-color: white;--mdc-elevated-card-container-elevation: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mdc-outlined-card-container-color: white;--mdc-outlined-card-outline-color: rgba(0, 0, 0, .12);--mdc-outlined-card-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-card-subtitle-text-color: rgba(0, 0, 0, .54)}html{--mdc-slider-handle-color: #03a9f4;--mdc-slider-focus-handle-color: #03a9f4;--mdc-slider-hover-handle-color: #03a9f4;--mdc-slider-active-track-color: #03a9f4;--mdc-slider-inactive-track-color: #03a9f4;--mdc-slider-with-tick-marks-inactive-container-color: #03a9f4;--mdc-slider-with-tick-marks-active-container-color: white;--mdc-slider-disabled-active-track-color: #000;--mdc-slider-disabled-handle-color: #000;--mdc-slider-disabled-inactive-track-color: #000;--mdc-slider-label-container-color: #000;--mdc-slider-label-label-text-color: #fff;--mdc-slider-with-overlap-handle-outline-color: #fff;--mdc-slider-with-tick-marks-disabled-container-color: #000;--mat-slider-ripple-color: #03a9f4;--mat-slider-hover-state-layer-color: rgba(3, 169, 244, .05);--mat-slider-focus-state-layer-color: rgba(3, 169, 244, .2);--mat-slider-value-indicator-opacity: .6}html .mat-accent{--mdc-slider-handle-color: #e91e63;--mdc-slider-focus-handle-color: #e91e63;--mdc-slider-hover-handle-color: #e91e63;--mdc-slider-active-track-color: #e91e63;--mdc-slider-inactive-track-color: #e91e63;--mdc-slider-with-tick-marks-inactive-container-color: #e91e63;--mdc-slider-with-tick-marks-active-container-color: white;--mat-slider-ripple-color: #e91e63;--mat-slider-hover-state-layer-color: rgba(233, 30, 99, .05);--mat-slider-focus-state-layer-color: rgba(233, 30, 99, .2)}html .mat-warn{--mdc-slider-handle-color: #f44336;--mdc-slider-focus-handle-color: #f44336;--mdc-slider-hover-handle-color: #f44336;--mdc-slider-active-track-color: #f44336;--mdc-slider-inactive-track-color: #f44336;--mdc-slider-with-tick-marks-inactive-container-color: #f44336;--mdc-slider-with-tick-marks-active-container-color: white;--mat-slider-ripple-color: #f44336;--mat-slider-hover-state-layer-color: rgba(244, 67, 54, .05);--mat-slider-focus-state-layer-color: rgba(244, 67, 54, .2)}spotify-connection .spotify-status{color:#0000008a}spotify-connection .spotify-status .connection-name{color:#000000de}spotify-connection .spotify-status mat-icon{color:#0000008a}spotify-connection .spotify-status.warning{background:#fff;border-color:#f44336}spotify-connection .spotify-status.warning mat-icon{color:#f44336}.mobile-drawer .drawer-btn.active{background:#0000001f}.output_zone{color:var(--player-color, rgba(0, 0, 0, .87));--border-color: var(--player-color, rgba(0, 0, 0, .12));--btn-color: var(--player-color, rgba(0, 0, 0, .38))}.output_zone.black{--zone-color: rgb(125, 125, 125);--zone-color-primary: rgb(0, 0, 0)}.output_zone.red{--zone-color: rgb(161, 0, 62);--zone-color-primary: rgb(179, 0, 69)}.output_zone.green{--zone-color: rgb(5, 109, 34);--zone-color-primary: rgb(5, 124, 39)}.output_zone.yellow{--zone-color: rgb(255, 187, 0);--zone-color-primary: rgb(204, 187, 1)}.output_zone.blue{--zone-color: rgb(0, 51, 217);--zone-color-primary: rgb(0, 11, 211)}.output_zone.magenta{--zone-color: rgb(132, 0, 255);--zone-color-primary: rgb(92, 0, 197)}.output_zone.cyan{--zone-color: rgb(0, 153, 255);--zone-color-primary: rgb(0, 153, 255)}.output_zone.white{--zone-color: rgb(220, 220, 220);--zone-color-primary: rgb(240, 240, 240)}.output_zone .now-playing.black{color:var(--player-color, rgb(125, 125, 125))}.output_zone .now-playing.red{color:var(--player-color, rgb(161, 0, 62))}.output_zone .now-playing.green{color:var(--player-color, rgb(5, 109, 34))}.output_zone .now-playing.yellow{color:var(--player-color, rgb(255, 187, 0))}.output_zone .now-playing.blue{color:var(--player-color, rgb(0, 51, 217))}.output_zone .now-playing.magenta{color:var(--player-color, rgb(132, 0, 255))}.output_zone .now-playing.cyan{color:var(--player-color, rgb(0, 153, 255))}.output_zone .now-playing.white{color:var(--player-color, rgb(220, 220, 220))}.zone_controls{color:var(--player-color, rgba(0, 0, 0, .87));--border-color: var(--player-color, rgba(0, 0, 0, .12));--btn-color: var(--player-color, rgba(0, 0, 0, .38))}.zone_controls.black{--zone-color: rgb(125, 125, 125);--zone-color-primary: rgb(0, 0, 0)}.zone_controls.red{--zone-color: rgb(161, 0, 62);--zone-color-primary: rgb(179, 0, 69)}.zone_controls.green{--zone-color: rgb(5, 109, 34);--zone-color-primary: rgb(5, 124, 39)}.zone_controls.yellow{--zone-color: rgb(255, 187, 0);--zone-color-primary: rgb(204, 187, 1)}.zone_controls.blue{--zone-color: rgb(0, 51, 217);--zone-color-primary: rgb(0, 11, 211)}.zone_controls.magenta{--zone-color: rgb(132, 0, 255);--zone-color-primary: rgb(92, 0, 197)}.zone_controls.cyan{--zone-color: rgb(0, 153, 255);--zone-color-primary: rgb(0, 153, 255)}.zone_controls.white{--zone-color: rgb(220, 220, 220);--zone-color-primary: rgb(240, 240, 240)}.crosspoint{--border-color: var(--player-color, rgba(0, 0, 0, .12));--btn-color: var(--player-color, rgba(0, 0, 0, .38))}.crosspoint.black{--zone-color: rgb(125, 125, 125)}.crosspoint.red{--zone-color: rgb(161, 0, 62)}.crosspoint.green{--zone-color: rgb(5, 109, 34)}.crosspoint.yellow{--zone-color: rgb(255, 187, 0)}.crosspoint.blue{--zone-color: rgb(0, 51, 217)}.crosspoint.magenta{--zone-color: rgb(132, 0, 255)}.crosspoint.cyan{--zone-color: rgb(0, 153, 255)}.crosspoint.white{--zone-color: rgb(220, 220, 220)}.zones{--done-icon-color: rgb(5, 109, 34)}.zones .output_zone{background:#fff;border:1px solid rgba(0,0,0,.12)}.zones .output_zone .outputinfo{color:#0000008a}.zones .output_zone .outputinfo .connection_status .channels_healthy{color:#060}.zones .output_zone .outputinfo .connection_status .channels_error{color:#600}.zones .output_zone .outputinfo .zone_controls .primary_info .channels_healthy{color:#060}.zones .output_zone .outputinfo .zone_controls .primary_info .channels_warning{color:#660}.zones .output_zone .outputinfo .zone_controls .primary_info .channels_error{color:#600}.zones .output_zone .outputinfo .zone_controls .value mat-icon.warn{color:#fb0}.zones .output_zone .outputinfo .zone_controls .value mat-icon.error{color:#a1003e}.zones .output_zone.black .outputinfo .name{color:#7d7d7d}.zones .output_zone.red .outputinfo .name{color:#a1003e}.zones .output_zone.green .outputinfo .name{color:#056d22}.zones .output_zone.yellow .outputinfo .name{color:#fb0}.zones .output_zone.blue .outputinfo .name{color:#0033d9}.zones .output_zone.magenta .outputinfo .name{color:#8400ff}.zones .output_zone.cyan .outputinfo .name{color:#09f}.zones .output_zone.white .outputinfo .name{color:#dcdcdc}.zones .output_zone.healthy{background:linear-gradient(to bottom,#056d2280,#fff 30%);border:1px solid rgba(5,109,34,.7)}.zones .output_zone.warning{background:linear-gradient(to bottom,#ffbb0080,#fff 30%);border:1px solid rgba(255,187,0,.7)}.zones .output_zone.error{background:linear-gradient(to bottom,#a1003e80,#fff 30%);border:1px solid rgba(161,0,62,.7)}.inputs .input{background:#fff;border:none;box-shadow:0 1px 4px #0000001f;color:#0000008a}.inputs .input.black .inputinfo{background-color:#000;color:#fff}.inputs .input.red .inputinfo{background-color:#b30045;color:#fff}.inputs .input.green .inputinfo{background-color:#057c27;color:#fff}.inputs .input.yellow .inputinfo{background-color:#ccbb01;color:#fff}.inputs .input.blue .inputinfo{background-color:#000bd3;color:#fff}.inputs .input.magenta .inputinfo{background-color:#5c00c5;color:#fff}.inputs .input.cyan .inputinfo{background-color:#09f;color:#fff}.inputs .input.white .inputinfo{background-color:#f0f0f0;color:#000}volumeitem{color:var(--player-color, rgba(0, 0, 0, .87));--muted-bg: #f44336;--muted-fg: white}volumeitem .zoneinfo .markers .value{color:var(--player-color, var(--zone-color))}volumeitem .zoneinfo .markers .marker{border-left:1.5px solid var(--player-color, var(--zone-color))}volumeitem mat-slider .mdc-slider__track--active_fill{border-color:var(--player-color, var(--zone-color))!important}volumeitem mat-slider .mdc-slider__track--inactive{background-color:var(--player-color, var(--zone-color))!important}volumeitem mat-slider .mdc-slider__thumb-knob{background-color:var(--player-color, var(--zone-color))!important;border-color:var(--player-color, var(--zone-color))!important}volumeitem .zoneinfo .connectedicon.ok{color:green}volumeitem .zoneinfo .connectedicon.warn{color:orange}volumeitem .zoneinfo .connectedicon.error{color:red}volumeitem .zoneinfo .connectedicon.off{color:gray}.sources .source-btn.black{--source-color: rgb(125, 125, 125);--source-color-primary: rgb(0, 0, 0);--source-contrast: #fff}.sources .source-btn.red{--source-color: rgb(161, 0, 62);--source-color-primary: rgb(179, 0, 69);--source-contrast: #fff}.sources .source-btn.green{--source-color: rgb(5, 109, 34);--source-color-primary: rgb(5, 124, 39);--source-contrast: #fff}.sources .source-btn.yellow{--source-color: rgb(255, 187, 0);--source-color-primary: rgb(204, 187, 1);--source-contrast: #fff}.sources .source-btn.blue{--source-color: rgb(0, 51, 217);--source-color-primary: rgb(0, 11, 211);--source-contrast: #fff}.sources .source-btn.magenta{--source-color: rgb(132, 0, 255);--source-color-primary: rgb(92, 0, 197);--source-contrast: #fff}.sources .source-btn.cyan{--source-color: rgb(0, 153, 255);--source-color-primary: rgb(0, 153, 255);--source-contrast: #fff}.sources .source-btn.white{--source-color: rgb(220, 220, 220);--source-color-primary: rgb(240, 240, 240);--source-contrast: #000}.sources .source-btn:not(.selected) .source-icon,.sources .source-btn:not(.selected) .source-name{color:var(--player-color, var(--source-color))}.sources .source-btn.selected{background-color:var(--player-color, var(--source-color-primary))}.sources .source-btn.selected .source-icon,.sources .source-btn.selected .source-name{color:var(--source-contrast, #fff)}.sources .source-btn.white:not(.selected){background-color:var(--source-color)}.sources .source-btn.white:not(.selected) .source-icon,.sources .source-btn.white:not(.selected) .source-name{color:var(--player-color, inherit)}.playbackcontrols .background{background-color:#fff}.playbackcontrols .player{color:#000000de}.playbackcontrols.black .player{color:#000}.playbackcontrols.red .player{color:#b30045}.playbackcontrols.green .player{color:#057c27}.playbackcontrols.yellow .player{color:#ccbb01}.playbackcontrols.blue .player{color:#000bd3}.playbackcontrols.magenta .player{color:#5c00c5}.playbackcontrols.cyan .player{color:#09f}.playbackcontrols.white .player{color:#f0f0f0}.playbackcontrols .playeractions button.action:disabled{color:#00000061!important;opacity:.4}playbackcontrol.has-artwork-colors .playbackcontrols .player{color:var(--pc-fg)}playbackcontrol.has-artwork-colors .playbackcontrols .playback-progress-bg{background-color:var(--pc-fg)}playbackcontrol.has-artwork-colors .playbackcontrols .playback-progress-fill{background-color:var(--pc-fg)}playbackcontrol.has-artwork-colors .playbackcontrols .playeractions button.action{color:var(--pc-fg)}.ai-overlay{background:#00000080}.ai-card{--ai-card-border: rgba(0, 0, 0, .12);background:var(--artwork-bg, white);color:var(--artwork-fg, rgba(0, 0, 0, .87));box-shadow:0 16px 48px #0000004d}.ai-hero mat-icon{color:var(--artwork-fg, #03a9f4)}.ai-field input{border-color:var(--artwork-fg, rgba(0, 0, 0, .12));color:var(--artwork-fg, rgba(0, 0, 0, .87))}.ai-field input:focus{border-color:var(--artwork-fg, #03a9f4)}.ai-chips button{color:var(--artwork-fg, #03a9f4);border-color:var(--artwork-fg, rgba(3, 169, 244, .3))}.ai-chips button:hover{background:#ffffff1a}.ai-chips button:active{background:#ffffff2e}.ai-step{color:var(--artwork-fg, inherit)}.ai-step.running .step-icon,.ai-step.done .step-icon{color:var(--artwork-fg, #03a9f4)}.ai-step.error .step-icon{color:#f44336}.ai-error{background:#f443361a;color:#f44336}.source-switch-btn.active{background:#0000001f}.config-reload .reload-entry{font-family:monospace}.config-reload .reload-entry.change{color:#056d22}.config-reload .reload-entry.warning{color:#fb0}.config-reload .reload-nochanges{color:#00000061}.config-reload .reload-error{color:#f44336}.polls .poll{border-color:#0000001f}mat-button-toggle-group mat-button-toggle.source .mat-button-toggle-label-content{position:relative!important;top:4px!important}mat-button-toggle-group mat-button-toggle .source_icon{position:absolute;width:100%;left:0;height:30px;top:-4px}mat-button-toggle-group mat-button-toggle .source_icon mat-icon{font-size:12px}mat-button-toggle-group mat-button-toggle button .mat-button-toggle-label-content{padding-left:5px!important;padding-right:5px!important;line-height:24px!important}.compliance_warning_bg{background-color:orange}.compliance_error_bg{background-color:red}.compliance_ok_bg{background-color:#00f}mat-button-toggle-group mat-button-toggle{font-size:12px!important}mat-button-toggle-group mat-button-toggle.source .mat-button-toggle-label-content{position:relative;top:4px}mat-button-toggle-group mat-button-toggle button .mat-button-toggle-label-content{padding-left:5px;padding-right:5px;line-height:24px}}html,body{height:100%}body{margin:0;font-family:Roboto,Helvetica Neue,sans-serif}.example-spacer{flex:1 1 auto}