/*!*************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/@danielmoncada/angular-datetime-picker/assets/style/picker.min.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************/
.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;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);transition:opacity 400ms cubic-bezier(0.25, 0.8, 0.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,.288)}.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}.owl-dialog-container{position:relative;pointer-events:auto;box-sizing:border-box;display:block;padding:1.5em;width:100%;height:100%;outline:none}.owl-dialog-container .owl-dt-container{border-radius:2px;overflow:auto;background:#fff;color:rgba(0,0,0,.87);box-shadow:0 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)}.owl-dt-container,.owl-dt-container *{box-sizing:border-box}.owl-dt-container{display:block;font-size:1rem;background:#fff;pointer-events:auto;z-index:1000}.owl-dt-container-row{border-bottom:1px solid rgba(0,0,0,.12)}.owl-dt-container-row:last-child{border-bottom:none}.owl-dt-calendar{display:flex;flex-direction:column;width:100%}.owl-dt-calendar-control{display:flex;align-items:center;font-size:1em;width:100%;padding:.5em;color:#000}.owl-dt-calendar-control .owl-dt-calendar-control-content{flex:1 1 auto;display:flex;justify-content:center;align-items:center}.owl-dt-calendar-control .owl-dt-calendar-control-content .owl-dt-calendar-control-button{padding:0 .8em}.owl-dt-calendar-control .owl-dt-calendar-control-content .owl-dt-calendar-control-button:hover{background-color:rgba(0,0,0,.12)}.owl-dt-calendar-main{display:flex;flex-direction:column;flex:1 1 auto;padding:0 .5em .5em;outline:0}.owl-dt-calendar-view{display:flex;flex:1 1 auto}.owl-dt-calendar-multi-year-view{display:flex;align-items:center}.owl-dt-calendar-multi-year-view .owl-dt-calendar-table{width:calc(100% - 3em)}.owl-dt-calendar-multi-year-view .owl-dt-calendar-table .owl-dt-calendar-header th{padding-bottom:.25em}.owl-dt-calendar-table{width:100%;border-collapse:collapse;border-spacing:0}.owl-dt-calendar-table .owl-dt-calendar-header{color:rgba(0,0,0,.4)}.owl-dt-calendar-table .owl-dt-calendar-header .owl-dt-weekdays th{font-size:.7em;font-weight:400;text-align:center;padding-bottom:1em}.owl-dt-calendar-table .owl-dt-calendar-header .owl-dt-calendar-table-divider{position:relative;height:1px;padding-bottom:.5em}.owl-dt-calendar-table .owl-dt-calendar-header .owl-dt-calendar-table-divider:after{content:"";position:absolute;top:0;left:-0.5em;right:-0.5em;height:1px;background:rgba(0,0,0,.12)}.owl-dt-calendar-table .owl-dt-calendar-header .owl-dt-calendar-table-divider.owl-calendar-weeks:after{left:-1.8em}.owl-dt-calendar-table .owl-dt-calendar-cell{position:relative;height:0;line-height:0;text-align:center;outline:0;color:rgba(0,0,0,.85);-webkit-appearance:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0)}.owl-dt-calendar-table .owl-dt-calendar-cell-content{position:absolute;top:5%;left:5%;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:90%;height:90%;font-size:.8em;line-height:1;border:1px solid rgba(0,0,0,0);border-radius:999px;color:inherit;cursor:pointer}.owl-dt-calendar-table .owl-dt-calendar-cell-out{opacity:.2}.owl-dt-calendar-table .owl-dt-calendar-cell-today:not(.owl-dt-calendar-cell-selected){border-color:rgba(0,0,0,.4)}.owl-dt-calendar-table .owl-dt-calendar-cell-selected{color:hsla(0,0%,100%,.85);background-color:#3f51b5}.owl-dt-calendar-table .owl-dt-calendar-cell-selected.owl-dt-calendar-cell-today{box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.85)}.owl-dt-calendar-table .owl-dt-calendar-cell-disabled{cursor:default}.owl-dt-calendar-table .owl-dt-calendar-cell-disabled>.owl-dt-calendar-cell-content:not(.owl-dt-calendar-cell-selected){color:rgba(0,0,0,.4)}.owl-dt-calendar-table .owl-dt-calendar-cell-disabled>.owl-dt-calendar-cell-content.owl-dt-calendar-cell-selected{opacity:.4}.owl-dt-calendar-table .owl-dt-calendar-cell-disabled>.owl-dt-calendar-cell-today:not(.owl-dt-calendar-cell-selected){border-color:rgba(0,0,0,.2)}.owl-dt-calendar-table .owl-dt-calendar-cell-active:focus>.owl-dt-calendar-cell-content:not(.owl-dt-calendar-cell-selected),.owl-dt-calendar-table :not(.owl-dt-calendar-cell-disabled):hover>.owl-dt-calendar-cell-content:not(.owl-dt-calendar-cell-selected){background-color:rgba(0,0,0,.04)}.owl-dt-calendar-table .owl-dt-calendar-cell-in-range{background:rgba(63,81,181,.2)}.owl-dt-calendar-table .owl-dt-calendar-cell-in-range.owl-dt-calendar-cell-range-from{border-top-left-radius:999px;border-bottom-left-radius:999px}.owl-dt-calendar-table .owl-dt-calendar-cell-in-range.owl-dt-calendar-cell-range-to{border-top-right-radius:999px;border-bottom-right-radius:999px}.owl-dt-calendar-table.owl-calendar-weeks .owl-dt-calendar-cell-content{height:86%}.owl-dt-timer{display:flex;justify-content:center;width:100%;height:7em;padding:.5em;outline:none}.owl-dt-timer-box{position:relative;display:inline-flex;flex-direction:column;align-items:center;width:25%;height:100%}.owl-dt-timer-content{flex:1 1 auto;display:flex;justify-content:center;align-items:center;width:100%;margin:.2em 0}.owl-dt-timer-content .owl-dt-timer-input{display:block;width:2em;text-align:center;border:1px solid rgba(0,0,0,.5);border-radius:3px;outline:medium none;font-size:1.2em;padding:.2em}.owl-dt-timer-divider{display:inline-block;align-self:flex-end;position:absolute;width:.6em;height:100%;left:-0.3em}.owl-dt-timer-divider:before,.owl-dt-timer-divider:after{content:"";display:inline-block;width:.35em;height:.35em;position:absolute;left:50%;border-radius:50%;transform:translateX(-50%);background-color:currentColor}.owl-dt-timer-divider:before{top:35%}.owl-dt-timer-divider:after{bottom:35%}.owl-dt-control-button{-webkit-user-select:none;user-select:none;cursor:pointer;outline:none;border:none;-webkit-tap-highlight-color:rgba(0,0,0,0);display:inline-block;white-space:nowrap;text-decoration:none;vertical-align:baseline;margin:0;padding:0;background-color:rgba(0,0,0,0);font-size:1em;color:inherit}.owl-dt-control-button .owl-dt-control-button-content{position:relative;display:inline-flex;justify-content:center;align-items:center;outline:none}.owl-dt-control-period-button .owl-dt-control-button-content{height:1.5em;padding:0 .5em;border-radius:3px;transition:background-color 100ms linear}.owl-dt-control-period-button:hover>.owl-dt-control-button-content{background-color:rgba(0,0,0,.12)}.owl-dt-control-period-button .owl-dt-control-button-arrow{display:flex;justify-content:center;align-items:center;width:1em;height:1em;margin:.1em;transition:transform 200ms ease}.owl-dt-control-arrow-button .owl-dt-control-button-content{padding:0;border-radius:50%;width:1.5em;height:1.5em}.owl-dt-control-arrow-button[disabled]{color:rgba(0,0,0,.4);cursor:default}.owl-dt-control-arrow-button svg{width:50%;height:50%;fill:currentColor}.owl-dt-inline-container,.owl-dt-popup-container{position:relative;width:18.5em;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)}.owl-dt-inline-container .owl-dt-calendar,.owl-dt-inline-container .owl-dt-timer,.owl-dt-popup-container .owl-dt-calendar,.owl-dt-popup-container .owl-dt-timer{width:100%}.owl-dt-inline-container .owl-dt-calendar,.owl-dt-popup-container .owl-dt-calendar{height:20.25em}.owl-dt-dialog-container{max-height:95vh;margin:-1.5em}.owl-dt-dialog-container .owl-dt-calendar{min-width:250px;min-height:330px;max-width:750px;max-height:750px}.owl-dt-dialog-container .owl-dt-timer{min-width:250px;max-width:750px}@media all and (orientation: landscape){.owl-dt-dialog-container .owl-dt-calendar{width:58vh;height:62vh}.owl-dt-dialog-container .owl-dt-timer{width:58vh}}@media all and (orientation: portrait){.owl-dt-dialog-container .owl-dt-calendar{width:80vw;height:80vw}.owl-dt-dialog-container .owl-dt-timer{width:80vw}}.owl-dt-container-buttons{display:flex;width:100%;height:2em;color:#3f51b5}.owl-dt-container-control-button{font-size:1em;width:50%;height:100%;border-radius:0}.owl-dt-container-control-button .owl-dt-control-button-content{height:100%;width:100%;transition:background-color 100ms linear}.owl-dt-container-control-button:hover .owl-dt-control-button-content{background-color:rgba(0,0,0,.1)}.owl-dt-container-info{padding:0 .5em;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0)}.owl-dt-container-info .owl-dt-container-range{outline:none}.owl-dt-container-info .owl-dt-container-range .owl-dt-container-range-content{display:flex;justify-content:space-between;padding:.5em 0;font-size:.8em}.owl-dt-container-info .owl-dt-container-range:last-child{border-top:1px solid rgba(0,0,0,.12)}.owl-dt-container-info .owl-dt-container-info-active{color:#3f51b5}.owl-dt-container-disabled,.owl-dt-trigger-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none;cursor:default !important}.owl-dt-timer-hour12{display:flex;justify-content:center;align-items:center;color:#3f51b5}.owl-dt-timer-hour12 .owl-dt-timer-hour12-box{border:1px solid currentColor;border-radius:2px;transition:background 200ms ease}.owl-dt-timer-hour12 .owl-dt-timer-hour12-box .owl-dt-control-button-content{width:100%;height:100%;padding:.5em}.owl-dt-timer-hour12 .owl-dt-timer-hour12-box:focus .owl-dt-control-button-content,.owl-dt-timer-hour12 .owl-dt-timer-hour12-box:hover .owl-dt-control-button-content{background:#3f51b5;color:#fff}.owl-dt-calendar-only-current-month .owl-dt-calendar-cell-out{visibility:hidden;cursor:default}.owl-dt-inline{display:inline-block}.owl-dt-control{outline:none;cursor:pointer}.owl-dt-control .owl-dt-control-content{outline:none}.owl-dt-control:focus>.owl-dt-control-content{background-color:rgba(0,0,0,.12)}.owl-dt-control:not(:-moz-focusring):focus>.owl-dt-control-content{box-shadow:none}.owl-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}

/*!*****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/@ng-select/ng-select/themes/material.theme.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************/
.ng-select{padding-bottom:1.25em}.ng-select.ng-select-disabled .ng-select-container:after{border-bottom-color:rgba(0,0,0,0);background-image:linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);background-size:4px 1px;background-repeat:repeat-x}.ng-select.ng-select-disabled .ng-select-container .ng-value-container .ng-value{color:rgba(0,0,0,.38)}.ng-select.ng-select-disabled .ng-select-container .ng-value-container .ng-placeholder{color:rgba(0,0,0,.38)}.ng-select.ng-select-disabled .ng-arrow-wrapper .ng-arrow,.ng-select.ng-select-disabled .ng-clear-wrapper{color:rgba(0,0,0,.38)}.ng-select.ng-select-focused .ng-select-container:after{border-color:#3f51b5;border-width:2px}.ng-select.ng-select-focused .ng-select-container.ng-appearance-outline:after,.ng-select.ng-select-focused .ng-select-container.ng-appearance-outline:hover:after{border-color:#3f51b5;border-width:2px}.ng-select.ng-select-focused .ng-select-container .ng-value-container .ng-placeholder{transform:translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);color:#3f51b5}.ng-select.ng-select-focused .ng-select-container .ng-arrow-wrapper .ng-arrow{color:#3f51b5}.ng-select .ng-has-value .ng-placeholder,.ng-select.ng-select-filtered .ng-select-container .ng-placeholder{display:initial}.ng-select .ng-has-value .ng-placeholder,.ng-select.ng-select-opened .ng-placeholder{transform:translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px)}.ng-select .ng-select-container{color:rgba(0,0,0,.87);align-items:baseline;min-height:51.5px}.ng-select .ng-select-container:after{border-bottom:thin solid rgba(0,0,0,.42);content:"";bottom:0;left:0;right:0;position:absolute;transition:border-color .3s cubic-bezier(0.55, 0, 0.55, 0.2)}.ng-select .ng-select-container.ng-appearance-outline{padding:0 .5em;min-height:60px}.ng-select .ng-select-container.ng-appearance-outline:after{border:solid 1px rgba(0,0,0,.12);border-radius:5px;height:calc(100% - .5em);pointer-events:none;transition:border-color .3s cubic-bezier(0.25, 0.8, 0.25, 1)}.ng-select .ng-select-container.ng-appearance-outline:hover:after{border-color:rgba(0,0,0,.87);border-width:2px}.ng-select .ng-select-container.ng-appearance-outline .ng-placeholder{padding:0 .25em;background-color:#fff;z-index:1}.ng-select .ng-select-container.ng-appearance-outline .ng-value{padding-left:.25em}.ng-select .ng-select-container .ng-value-container{align-items:stretch;padding:.4375em 0;border-top:.84375em solid rgba(0,0,0,0)}.ng-select .ng-select-container .ng-value-container .ng-placeholder{position:absolute;color:rgba(0,0,0,.54);transform-origin:left 0;transition:transform .4s cubic-bezier(0.25, 0.8, 0.25, 1),color .4s cubic-bezier(0.25, 0.8, 0.25, 1),width .4s cubic-bezier(0.25, 0.8, 0.25, 1)}[dir=rtl] .ng-select .ng-select-container .ng-value-container .ng-placeholder{transform-origin:right 0}.ng-select .ng-select-container .ng-value-container .ng-input{bottom:.4375em}.ng-select.ng-select-single .ng-select-container.ng-appearance-outline .ng-arrow-wrapper{bottom:17px}.ng-select.ng-select-single .ng-select-container.ng-appearance-outline .ng-clear-wrapper{bottom:14px}.ng-select.ng-select-single .ng-select-container .ng-arrow-wrapper{align-self:flex-end;bottom:9px}.ng-select.ng-select-single .ng-select-container .ng-clear-wrapper{align-self:flex-end;bottom:7px}.ng-select.ng-select-multiple.ng-select-disabled .ng-select-container .ng-value-container .ng-value{background-color:rgba(0,0,0,.12);color:rgba(0,0,0,.26)}.ng-select.ng-select-multiple.ng-select-disabled .ng-appearance-outline:after,.ng-select.ng-select-multiple.ng-select-disabled .ng-appearance-outline:hover:after{background-image:none;border:dotted 1px rgba(0,0,0,.12)}.ng-select.ng-select-multiple .ng-select-container.ng-appearance-outline.ng-has-value .ng-arrow-wrapper,.ng-select.ng-select-multiple .ng-select-container.ng-appearance-outline.ng-has-value .ng-clear-wrapper{border-top:none}.ng-select.ng-select-multiple .ng-select-container.ng-appearance-outline .ng-arrow-wrapper{top:0}.ng-select.ng-select-multiple .ng-select-container.ng-appearance-outline .ng-clear-wrapper{top:4px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{background-color:#3f51b5;border-radius:2px;color:#fff;padding:2px 5px;margin:0 .4375em .4375em 0}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{margin:0 0 .4375em .4375em}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled{background-color:rgba(0,0,0,.12);color:rgba(0,0,0,.26)}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label{font-size:14px;font-weight:500}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon{color:hsla(0,0%,100%,.54);padding-right:5px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon{padding-left:5px;padding-right:0}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover{color:hsla(0,0%,100%,.87)}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{line-height:1.375em}.ng-select.ng-select-multiple .ng-select-container.ng-has-value{align-items:center}.ng-select.ng-select-multiple .ng-select-container.ng-has-value .ng-value-container{padding-bottom:0;padding-top:.1875em}.ng-select.ng-select-multiple .ng-select-container.ng-has-value .ng-clear-wrapper,.ng-select.ng-select-multiple .ng-select-container.ng-has-value .ng-arrow-wrapper{border-top:.84375em solid rgba(0,0,0,0)}.ng-select .ng-clear-wrapper{color:rgba(0,0,0,.54)}.ng-select .ng-clear-wrapper:hover{color:rgba(0,0,0,.87)}.ng-select .ng-clear-wrapper:focus{color:rgba(0,0,0,.87);outline:none}.ng-select .ng-arrow-wrapper{bottom:2px}.ng-select .ng-arrow-wrapper .ng-arrow{border-left:5px solid rgba(0,0,0,0);border-right:5px solid rgba(0,0,0,0);border-top:5px solid;margin:0 4px;color:rgba(0,0,0,.54)}.ng-select .ng-spinner-zone{top:3px}.ng-dropdown-panel{background:#fff;left:0}.ng-dropdown-panel.ng-select-top{bottom:calc(100% - .84375em);box-shadow:0 -5px 5px -3px rgba(0,0,0,.2),0 -8px 10px 1px rgba(0,0,0,.14),0 -3px 14px 2px rgba(0,0,0,.12)}.ng-dropdown-panel.ng-select-right{left:100%;top:calc(0% + .84375em);box-shadow:0 -5px 5px -3px rgba(0,0,0,.2),0 -8px 10px 1px rgba(0,0,0,.14),0 -3px 14px 2px rgba(0,0,0,.12);margin-left:4px}.ng-dropdown-panel.ng-select-bottom{top:calc(100% - 1.25em);box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)}.ng-dropdown-panel.ng-select-left{left:calc(-100% - 4px);top:calc(0% + .84375em);box-shadow:0 -5px 5px -3px rgba(0,0,0,.2),0 -8px 10px 1px rgba(0,0,0,.14),0 -3px 14px 2px rgba(0,0,0,.12)}.ng-dropdown-panel.multiple .ng-option.selected{background:#fff}.ng-dropdown-panel.multiple .ng-option.marked{background:rgba(0,0,0,.04)}.ng-dropdown-panel .ng-dropdown-header{border-bottom:1px solid rgba(0,0,0,.12);padding:0 16px;line-height:3em;min-height:3em}.ng-dropdown-panel .ng-dropdown-footer{border-top:1px solid rgba(0,0,0,.12);padding:0 16px;line-height:3em;min-height:3em}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup{-webkit-user-select:none;user-select:none;cursor:pointer;line-height:3em;height:3em;padding:0 16px;color:rgba(0,0,0,.54);font-weight:500}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked{background:rgba(0,0,0,.04)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled{cursor:default}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected{background:rgba(0,0,0,.12);color:#3f51b5}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option{line-height:3em;min-height:3em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 16px;text-decoration:none;position:relative;color:rgba(0,0,0,.87);text-align:left}[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option{text-align:right}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked{background:rgba(0,0,0,.04);color:rgba(0,0,0,.87)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected{background:rgba(0,0,0,.12);color:#3f51b5}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled{color:rgba(0,0,0,.38)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-left:32px}[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-right:32px;padding-left:0}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{padding-right:5px;font-size:80%;font-weight:400;color:rgba(0,0,0,.38)}[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{padding-left:5px;padding-right:0}

/*!********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/quill/dist/quill.snow.css ***!
  \********************************************************************************************************************************************************************************************************************************/
/*!
 * Quill Editor v2.0.2
 * https://quilljs.com
 * Copyright (c) 2017-2024, Slab
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container:not(.ql-disabled) li[data-list=checked] > .ql-ui,.ql-container:not(.ql-disabled) li[data-list=unchecked] > .ql-ui{cursor:pointer}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;line-height:1.42;height:100%;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor > *{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0}@supports (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-set:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor table{border-collapse:collapse}.ql-editor td{border:1px solid #000;padding:2px 5px}.ql-editor ol{padding-left:1.5em}.ql-editor li{list-style-type:none;padding-left:1.5em;position:relative}.ql-editor li > .ql-ui:before{display:inline-block;margin-left:-1.5em;margin-right:.3em;text-align:right;white-space:nowrap;width:1.2em}.ql-editor li[data-list=checked] > .ql-ui,.ql-editor li[data-list=unchecked] > .ql-ui{color:#777}.ql-editor li[data-list=bullet] > .ql-ui:before{content:'\2022'}.ql-editor li[data-list=checked] > .ql-ui:before{content:'\2611'}.ql-editor li[data-list=unchecked] > .ql-ui:before{content:'\2610'}@supports (counter-set:none){.ql-editor li[data-list]{counter-set:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list]{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered]{counter-increment:list-0}.ql-editor li[data-list=ordered] > .ql-ui:before{content:counter(list-0, decimal) '. '}.ql-editor li[data-list=ordered].ql-indent-1{counter-increment:list-1}.ql-editor li[data-list=ordered].ql-indent-1 > .ql-ui:before{content:counter(list-1, lower-alpha) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-set:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-2{counter-increment:list-2}.ql-editor li[data-list=ordered].ql-indent-2 > .ql-ui:before{content:counter(list-2, lower-roman) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-set:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-3{counter-increment:list-3}.ql-editor li[data-list=ordered].ql-indent-3 > .ql-ui:before{content:counter(list-3, decimal) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-set:list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-4{counter-increment:list-4}.ql-editor li[data-list=ordered].ql-indent-4 > .ql-ui:before{content:counter(list-4, lower-alpha) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-set:list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-5{counter-increment:list-5}.ql-editor li[data-list=ordered].ql-indent-5 > .ql-ui:before{content:counter(list-5, lower-roman) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-set:list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-6{counter-increment:list-6}.ql-editor li[data-list=ordered].ql-indent-6 > .ql-ui:before{content:counter(list-6, decimal) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-set:list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-reset:list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-7{counter-increment:list-7}.ql-editor li[data-list=ordered].ql-indent-7 > .ql-ui:before{content:counter(list-7, lower-alpha) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-set:list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-reset:list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-8{counter-increment:list-8}.ql-editor li[data-list=ordered].ql-indent-8 > .ql-ui:before{content:counter(list-8, lower-roman) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-set:list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-reset:list-9}}.ql-editor li[data-list=ordered].ql-indent-9{counter-increment:list-9}.ql-editor li[data-list=ordered].ql-indent-9 > .ql-ui:before{content:counter(list-9, decimal) '. '}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor li.ql-direction-rtl{padding-right:1.5em}.ql-editor li.ql-direction-rtl > .ql-ui:before{margin-left:.3em;margin-right:-1.5em;text-align:left}.ql-editor table{table-layout:fixed;width:100%}.ql-editor table td{outline:none}.ql-editor .ql-code-block-container{font-family:monospace}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor .ql-ui{position:absolute}.ql-editor.ql-blank::before{color:rgba(0,0,0,0.6);content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow.ql-toolbar:after,.ql-snow .ql-toolbar:after{clear:both;content:'';display:table}.ql-snow.ql-toolbar button,.ql-snow .ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow.ql-toolbar button svg,.ql-snow .ql-toolbar button svg{float:left;height:100%}.ql-snow.ql-toolbar button:active:hover,.ql-snow .ql-toolbar button:active:hover{outline:none}.ql-snow.ql-toolbar input.ql-image[type=file],.ql-snow .ql-toolbar input.ql-image[type=file]{display:none}.ql-snow.ql-toolbar button:hover,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar button:focus,.ql-snow .ql-toolbar button:focus,.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected{color:#06c}.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{fill:#06c}.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{stroke:#06c}@media (pointer:coarse){.ql-snow.ql-toolbar button:hover:not(.ql-active),.ql-snow .ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow{box-sizing:border-box}.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:'';display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-thin,.ql-snow .ql-stroke.ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor .ql-code-block-container{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor .ql-code-block-container{margin-bottom:5px;margin-top:5px;padding:5px 10px}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor .ql-code-block-container{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label::before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;width:24px;padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid transparent;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{position:absolute;margin-top:-9px;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-label::before,.ql-snow .ql-picker.ql-header .ql-picker-item::before{content:'Normal'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before{content:'Heading 1'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before{content:'Heading 2'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before{content:'Heading 3'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before{content:'Heading 4'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before{content:'Heading 5'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before{content:'Heading 6'}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-label::before,.ql-snow .ql-picker.ql-font .ql-picker-item::before{content:'Sans Serif'}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before{content:'Serif'}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before{content:'Monospace'}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-label::before,.ql-snow .ql-picker.ql-size .ql-picker-item::before{content:'Normal'}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before{content:'Small'}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before{content:'Large'}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before{content:'Huge'}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-code-block-container{position:relative}.ql-code-block-container .ql-ui{right:5px;top:5px}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:'Helvetica Neue','Helvetica','Arial',sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid transparent}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid transparent;box-shadow:rgba(0,0,0,0.2) 0 2px 8px}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label{border-color:#ccc}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow + .ql-container.ql-snow{border-top:0}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip::before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{display:none;border:1px solid #ccc;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action::after{border-right:1px solid #ccc;content:'Edit';margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove::before{content:'Remove';margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action::after{border-right:0;content:'Save';padding-right:0}.ql-snow .ql-tooltip[data-mode=link]::before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]::before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]::before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}
/*!*****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/quill-better-table/dist/quill-better-table.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************/
.ql-container .qlbt-selection-line.qlbt-selection-line-left::before {
  position: absolute;
  left: -2px;
  top: -2px;
  content: '';
  width: 5px;
  height: 5px;
  background-color: #0589f3;
  border-radius: 5px; }

.ql-container .qlbt-selection-line.qlbt-selection-line-right::before {
  position: absolute;
  right: -2px;
  bottom: -3px;
  content: '';
  width: 5px;
  height: 5px;
  background-color: #0589f3;
  border-radius: 5px; }

.quill-better-table-wrapper {
  overflow-x: auto; }

table.quill-better-table {
  table-layout: fixed;
  border-collapse: collapse; }
  table.quill-better-table td {
    border: 1px solid #000;
    padding: 2px 5px; }

.qlbt-operation-menu {
  background-color: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  font-size: 14px;
  z-index: 100;
  overflow: hidden; }
  .qlbt-operation-menu .qlbt-operation-menu-dividing {
    height: 1px;
    background-color: #efefef; }
  .qlbt-operation-menu .qlbt-operation-menu-subtitle {
    color: #999;
    font-size: 14px;
    padding: 5px 16px; }
  .qlbt-operation-menu .qlbt-operation-color-picker {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 0 16px 10px;
    background-color: #fff;
    overflow: hidden; }
    .qlbt-operation-menu .qlbt-operation-color-picker .qlbt-operation-color-picker-item {
      width: 20px;
      height: 20px;
      border: 1px solid #595959;
      margin-right: 5px;
      margin-bottom: 5px;
      cursor: pointer; }
  .qlbt-operation-menu .qlbt-operation-menu-item {
    display: flex;
    align-items: center;
    padding: 10px 16px;
    background-color: #fff;
    cursor: pointer;
    color: #595959;
    overflow: hidden;
    text-overflow: ellipsis; }
    .qlbt-operation-menu .qlbt-operation-menu-item:hover {
      background-color: #efefef; }
    .qlbt-operation-menu .qlbt-operation-menu-item .qlbt-operation-menu-icon {
      margin-right: 8px;
      height: 20px;
      width: 20px;
      font-size: 0; }

.qlbt-col-tool {
  position: absolute;
  display: flex;
  align-items: flex-end;
  overflow: hidden;
  z-index: 99;
  height: 16px; }
  .qlbt-col-tool .qlbt-col-tool-cell {
    position: relative;
    background-color: #fff;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000; }
    .qlbt-col-tool .qlbt-col-tool-cell:first-child {
      border-left: 1px solid #000; }
  .qlbt-col-tool .qlbt-col-tool-cell-holder {
    position: absolute;
    right: -1px;
    top: 0;
    bottom: 0;
    z-index: 3;
    width: 1px;
    background-color: transparent;
    cursor: ew-resize; }
    .qlbt-col-tool .qlbt-col-tool-cell-holder:hover {
      background-color: #0589f3; }
    .qlbt-col-tool .qlbt-col-tool-cell-holder::before {
      content: "";
      position: absolute;
      top: 0;
      left: -6px;
      display: block;
      width: 8px;
      height: 100%; }
    .qlbt-col-tool .qlbt-col-tool-cell-holder::after {
      content: "";
      position: absolute;
      top: 0;
      right: -6px;
      display: block;
      width: 8px;
      height: 100%; }


/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[5].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].rules[1].use[1]!./src/styles/styles.scss?ngGlobalStyle ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
:root {
  --dark-primary-text: 0, 0, 0, 0.87;
  --dark-secondary-text: 0, 0, 0, 0.54;
  --dark-accent-text: 0, 0, 0, 0.87;
  --dark-warn-text: 0, 0, 0, 0.87;
  --dark-disabled-text: 0, 0, 0, 0.38;
  --dark-dividers: 0, 0, 0, 0.12;
  --dark-focused: 0, 0, 0, 0.12;
  --light-primary-text: 255, 255, 255, 1;
  --light-secondary-text: 255, 255, 255, 0.7;
  --light-accent-text: 255, 255, 255, 1;
  --light-warn-text: 255, 255, 255, 1;
  --light-disabled-text: 255, 255, 255, 0.5;
  --light-dividers: 255, 255, 255, 0.12;
  --light-focused: 255, 255, 255, 0.12;
}

:root {
  --palette-primary-50: 225, 245, 254;
  --palette-primary-100: 179, 229, 252;
  --palette-primary-200: 129, 212, 250;
  --palette-primary-300: 79, 195, 247;
  --palette-primary-400: 41, 182, 246;
  --palette-primary-500: 3, 169, 244;
  --palette-primary-600: 3, 155, 229;
  --palette-primary-700: 2, 136, 209;
  --palette-primary-800: 2, 119, 189;
  --palette-primary-900: 1, 87, 155;
  --palette-primary-A100: 128, 216, 255;
  --palette-primary-A200: 64, 196, 255;
  --palette-primary-A400: 0, 176, 255;
  --palette-primary-A700: 0, 145, 234;
  --palette-primary-contrast-50: var(--dark-primary-text);
  --palette-primary-contrast-100: var(--dark-primary-text);
  --palette-primary-contrast-200: var(--dark-primary-text);
  --palette-primary-contrast-300: var(--dark-primary-text);
  --palette-primary-contrast-400: var(--dark-primary-text);
  --palette-primary-contrast-500: var(--light-primary-text);
  --palette-primary-contrast-600: var(--light-primary-text);
  --palette-primary-contrast-700: var(--light-primary-text);
  --palette-primary-contrast-800: var(--light-primary-text);
  --palette-primary-contrast-900: var(--light-primary-text);
  --palette-primary-contrast-A100: var(--light-primary-text);
  --palette-primary-contrast-A200: var(--light-primary-text);
  --palette-primary-contrast-A400: var(--light-primary-text);
  --palette-primary-contrast-A700: var(--light-primary-text);
  --palette-accent-50: 252, 228, 236;
  --palette-accent-100: 248, 187, 208;
  --palette-accent-200: 244, 143, 177;
  --palette-accent-300: 240, 98, 146;
  --palette-accent-400: 236, 64, 122;
  --palette-accent-500: 233, 30, 99;
  --palette-accent-600: 216, 27, 96;
  --palette-accent-700: 194, 24, 91;
  --palette-accent-800: 173, 20, 87;
  --palette-accent-900: 136, 14, 79;
  --palette-accent-A100: 255, 128, 171;
  --palette-accent-A200: 255, 64, 129;
  --palette-accent-A400: 245, 0, 87;
  --palette-accent-A700: 197, 17, 98;
  --palette-accent-contrast-50: var(--dark-accent-text);
  --palette-accent-contrast-100: var(--dark-accent-text);
  --palette-accent-contrast-200: var(--dark-accent-text);
  --palette-accent-contrast-300: var(--dark-accent-text);
  --palette-accent-contrast-400: var(--dark-accent-text);
  --palette-accent-contrast-500: var(--light-accent-text);
  --palette-accent-contrast-600: var(--light-accent-text);
  --palette-accent-contrast-700: var(--light-accent-text);
  --palette-accent-contrast-800: var(--light-accent-text);
  --palette-accent-contrast-900: var(--light-accent-text);
  --palette-accent-contrast-A100: var(--light-accent-text);
  --palette-accent-contrast-A200: var(--light-accent-text);
  --palette-accent-contrast-A400: var(--light-accent-text);
  --palette-accent-contrast-A700: var(--light-accent-text);
  --palette-warn-50: 255, 235, 238;
  --palette-warn-100: 255, 205, 210;
  --palette-warn-200: 239, 154, 154;
  --palette-warn-300: 229, 115, 115;
  --palette-warn-400: 239, 83, 80;
  --palette-warn-500: 244, 67, 54;
  --palette-warn-600: 229, 57, 53;
  --palette-warn-700: 211, 47, 47;
  --palette-warn-800: 198, 40, 40;
  --palette-warn-900: 183, 28, 28;
  --palette-warn-A100: 255, 138, 128;
  --palette-warn-A200: 255, 82, 82;
  --palette-warn-A400: 255, 23, 68;
  --palette-warn-A700: 213, 0, 0;
  --palette-warn-contrast-50: var(--dark-warn-text);
  --palette-warn-contrast-100: var(--dark-warn-text);
  --palette-warn-contrast-200: var(--dark-warn-text);
  --palette-warn-contrast-300: var(--dark-warn-text);
  --palette-warn-contrast-400: var(--dark-warn-text);
  --palette-warn-contrast-500: var(--light-warn-text);
  --palette-warn-contrast-600: var(--light-warn-text);
  --palette-warn-contrast-700: var(--light-warn-text);
  --palette-warn-contrast-800: var(--light-warn-text);
  --palette-warn-contrast-900: var(--light-warn-text);
  --palette-warn-contrast-A100: var(--light-warn-text);
  --palette-warn-contrast-A200: var(--light-warn-text);
  --palette-warn-contrast-A400: var(--light-warn-text);
  --palette-warn-contrast-A700: var(--light-warn-text);
  --palette-primary-50-rgb: rgb(var(--palette-primary-50));
  --palette-primary-100-rgb: rgb(var(--palette-primary-100));
  --palette-primary-200-rgb: rgb(var(--palette-primary-200));
  --palette-primary-300-rgb: rgb(var(--palette-primary-300));
  --palette-primary-400-rgb: rgb(var(--palette-primary-400));
  --palette-primary-500-rgb: rgb(var(--palette-primary-500));
  --palette-primary-600-rgb: rgb(var(--palette-primary-600));
  --palette-primary-700-rgb: rgb(var(--palette-primary-700));
  --palette-primary-800-rgb: rgb(var(--palette-primary-800));
  --palette-primary-900-rgb: rgb(var(--palette-primary-900));
  --palette-primary-A100-rgb: rgb(var(--palette-primary-A100));
  --palette-primary-A200-rgb: rgb(var(--palette-primary-A200));
  --palette-primary-A400-rgb: rgb(var(--palette-primary-A400));
  --palette-primary-A700-rgb: rgb(var(--palette-primary-A700));
  --palette-primary-contrast-50-rgb: rgba(var(--dark-primary-text));
  --palette-primary-contrast-100-rgb: rgba(var(--dark-primary-text));
  --palette-primary-contrast-200-rgb: rgba(var(--dark-primary-text));
  --palette-primary-contrast-300-rgb: rgba(var(--dark-primary-text));
  --palette-primary-contrast-400-rgb: rgba(var(--dark-primary-text));
  --palette-primary-contrast-500-rgb: rgba(var(--light-primary-text));
  --palette-primary-contrast-600-rgb: rgba(var(--light-primary-text));
  --palette-primary-contrast-700-rgb: rgba(var(--light-primary-text));
  --palette-primary-contrast-800-rgb: rgba(var(--light-primary-text));
  --palette-primary-contrast-900-rgb: rgba(var(--light-primary-text));
  --palette-primary-contrast-A100-rgb: rgba(var(--light-primary-text));
  --palette-primary-contrast-A200-rgb: rgba(var(--light-primary-text));
  --palette-primary-contrast-A400-rgb: rgba(var(--light-primary-text));
  --palette-primary-contrast-A700-rgb: rgba(var(--light-primary-text));
  --palette-accent-50-rgb: rgb(var(--palette-accent-50));
  --palette-accent-100-rgb: rgb(var(--palette-accent-100));
  --palette-accent-200-rgb: rgb(var(--palette-accent-200));
  --palette-accent-300-rgb: rgb(var(--palette-accent-300));
  --palette-accent-400-rgb: rgb(var(--palette-accent-400));
  --palette-accent-500-rgb: rgb(var(--palette-accent-500));
  --palette-accent-600-rgb: rgb(var(--palette-accent-600));
  --palette-accent-700-rgb: rgb(var(--palette-accent-700));
  --palette-accent-800-rgb: rgb(var(--palette-accent-800));
  --palette-accent-900-rgb: rgb(var(--palette-accent-900));
  --palette-accent-A100-rgb: rgb(var(--palette-accent-A100));
  --palette-accent-A200-rgb: rgb(var(--palette-accent-A200));
  --palette-accent-A400-rgb: rgb(var(--palette-accent-A400));
  --palette-accent-A700-rgb: rgb(var(--palette-accent-A700));
  --palette-accent-contrast-50-rgb: rgba(var(--dark-accent-text));
  --palette-accent-contrast-100-rgb: rgba(var(--dark-accent-text));
  --palette-accent-contrast-200-rgb: rgba(var(--dark-accent-text));
  --palette-accent-contrast-300-rgb: rgba(var(--dark-accent-text));
  --palette-accent-contrast-400-rgb: rgba(var(--dark-accent-text));
  --palette-accent-contrast-500-rgb: rgba(var(--light-accent-text));
  --palette-accent-contrast-600-rgb: rgba(var(--light-accent-text));
  --palette-accent-contrast-700-rgb: rgba(var(--light-accent-text));
  --palette-accent-contrast-800-rgb: rgba(var(--light-accent-text));
  --palette-accent-contrast-900-rgb: rgba(var(--light-accent-text));
  --palette-accent-contrast-A100-rgb: rgba(var(--light-accent-text));
  --palette-accent-contrast-A200-rgb: rgba(var(--light-accent-text));
  --palette-accent-contrast-A400-rgb: rgba(var(--light-accent-text));
  --palette-accent-contrast-A700-rgb: rgba(var(--light-accent-text));
  --palette-warn-50-rgb: rgb(var(--palette-warn-50));
  --palette-warn-100-rgb: rgb(var(--palette-warn-100));
  --palette-warn-200-rgb: rgb(var(--palette-warn-200));
  --palette-warn-300-rgb: rgb(var(--palette-warn-300));
  --palette-warn-400-rgb: rgb(var(--palette-warn-400));
  --palette-warn-500-rgb: rgb(var(--palette-warn-500));
  --palette-warn-600-rgb: rgb(var(--palette-warn-600));
  --palette-warn-700-rgb: rgb(var(--palette-warn-700));
  --palette-warn-800-rgb: rgb(var(--palette-warn-800));
  --palette-warn-900-rgb: rgb(var(--palette-warn-900));
  --palette-warn-A100-rgb: rgb(var(--palette-warn-A100));
  --palette-warn-A200-rgb: rgb(var(--palette-warn-A200));
  --palette-warn-A400-rgb: rgb(var(--palette-warn-A400));
  --palette-warn-A700-rgb: rgb(var(--palette-warn-A700));
  --palette-warn-contrast-50-rgb: rgba(var(--dark-warn-text));
  --palette-warn-contrast-100-rgb: rgba(var(--dark-warn-text));
  --palette-warn-contrast-200-rgb: rgba(var(--dark-warn-text));
  --palette-warn-contrast-300-rgb: rgba(var(--dark-warn-text));
  --palette-warn-contrast-400-rgb: rgba(var(--dark-warn-text));
  --palette-warn-contrast-500-rgb: rgba(var(--light-warn-text));
  --palette-warn-contrast-600-rgb: rgba(var(--light-warn-text));
  --palette-warn-contrast-700-rgb: rgba(var(--light-warn-text));
  --palette-warn-contrast-800-rgb: rgba(var(--light-warn-text));
  --palette-warn-contrast-900-rgb: rgba(var(--light-warn-text));
  --palette-warn-contrast-A100-rgb: rgba(var(--light-warn-text));
  --palette-warn-contrast-A200-rgb: rgba(var(--light-warn-text));
  --palette-warn-contrast-A400-rgb: rgba(var(--light-warn-text));
  --palette-warn-contrast-A700-rgb: rgba(var(--light-warn-text));
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

html {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-1: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-2: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-3: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-4: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-5: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-6: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-7: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-8: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-9: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-10: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-11: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-12: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-13: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-14: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-15: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-16: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-17: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-18: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-19: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-20: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-21: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-22: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-23: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-24: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}

html {
  --mat-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}

html {
  --mat-option-selected-state-label-text-color: var(--palette-primary-500-rgb);
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}

.mat-accent {
  --mat-option-selected-state-label-text-color: var(--palette-accent-500-rgb);
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}

.mat-warn {
  --mat-option-selected-state-label-text-color: var(--palette-warn-500-rgb);
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}

html {
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
}

html {
  --mat-pseudo-checkbox-full-selected-icon-color: var(--palette-accent-500-rgb);
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: var(--palette-accent-500-rgb);
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}

.mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: var(--palette-primary-500-rgb);
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: var(--palette-primary-500-rgb);
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}

.mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: var(--palette-accent-500-rgb);
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: var(--palette-accent-500-rgb);
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}

.mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: var(--palette-warn-500-rgb);
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: var(--palette-warn-500-rgb);
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}

html {
  --mat-option-label-text-font: Roboto, "Helvetica Neue", sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 15px;
  --mat-option-label-text-tracking: normal;
  --mat-option-label-text-weight: 400;
}

html {
  --mat-optgroup-label-text-font: Roboto, "Helvetica Neue", sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 15px;
  --mat-optgroup-label-text-tracking: normal;
  --mat-optgroup-label-text-weight: 400;
}

html {
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
}

html {
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-container-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-card-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}

html {
  --mat-card-title-text-font: Roboto, "Helvetica Neue", sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: normal;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Roboto, "Helvetica Neue", sans-serif;
  --mat-card-subtitle-text-line-height: 24px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: normal;
  --mat-card-subtitle-text-weight: 500;
}

html {
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
}

.mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: var(--palette-primary-500-rgb);
  --mat-progress-bar-track-color: var(--palette-primary-500-rgb);
}
.mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: var(--palette-accent-500-rgb);
  --mat-progress-bar-track-color: var(--palette-accent-500-rgb);
}
.mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: var(--palette-warn-500-rgb);
  --mat-progress-bar-track-color: var(--palette-warn-500-rgb);
}

html {
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
}

html {
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
}

html {
  --mat-tooltip-supporting-text-font: Roboto, "Helvetica Neue", sans-serif;
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: normal;
}

html {
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
}

html {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, var(--palette-primary-500-rgb) 87%, transparent);
  --mat-form-field-filled-caret-color: var(--palette-primary-500-rgb);
  --mat-form-field-filled-focus-active-indicator-color: var(--palette-primary-500-rgb);
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, var(--palette-primary-500-rgb) 87%, transparent);
  --mat-form-field-outlined-caret-color: var(--palette-primary-500-rgb);
  --mat-form-field-outlined-focus-outline-color: var(--palette-primary-500-rgb);
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, var(--palette-primary-500-rgb) 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: var(--palette-warn-500-rgb);
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: var(--palette-warn-500-rgb);
  --mat-form-field-filled-error-focus-label-text-color: var(--palette-warn-500-rgb);
  --mat-form-field-filled-error-label-text-color: var(--palette-warn-500-rgb);
  --mat-form-field-filled-error-caret-color: var(--palette-warn-500-rgb);
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: var(--palette-warn-500-rgb);
  --mat-form-field-filled-error-focus-active-indicator-color: var(--palette-warn-500-rgb);
  --mat-form-field-filled-error-hover-active-indicator-color: var(--palette-warn-500-rgb);
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: var(--palette-warn-500-rgb);
  --mat-form-field-outlined-error-focus-label-text-color: var(--palette-warn-500-rgb);
  --mat-form-field-outlined-error-label-text-color: var(--palette-warn-500-rgb);
  --mat-form-field-outlined-error-hover-label-text-color: var(--palette-warn-500-rgb);
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: var(--palette-warn-500-rgb);
  --mat-form-field-outlined-error-hover-outline-color: var(--palette-warn-500-rgb);
  --mat-form-field-outlined-error-outline-color: var(--palette-warn-500-rgb);
}

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

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

html {
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
}

html {
  --mat-form-field-container-text-font: Roboto, "Helvetica Neue", sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 15px;
  --mat-form-field-container-text-tracking: normal;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 15px;
  --mat-form-field-subscript-text-font: Roboto, "Helvetica Neue", sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: normal;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-filled-label-text-font: Roboto, "Helvetica Neue", sans-serif;
  --mat-form-field-filled-label-text-size: 15px;
  --mat-form-field-filled-label-text-tracking: normal;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Roboto, "Helvetica Neue", sans-serif;
  --mat-form-field-outlined-label-text-size: 15px;
  --mat-form-field-outlined-label-text-tracking: normal;
  --mat-form-field-outlined-label-text-weight: 400;
}

html {
  --mat-select-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

html {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: var(--palette-primary-500-rgb);
  --mat-select-invalid-arrow-color: var(--palette-warn-500-rgb);
}

.mat-mdc-form-field.mat-accent {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: var(--palette-accent-500-rgb);
  --mat-select-invalid-arrow-color: var(--palette-warn-500-rgb);
}

.mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: var(--palette-warn-500-rgb);
  --mat-select-invalid-arrow-color: var(--palette-warn-500-rgb);
}

html {
  --mat-select-arrow-transform: translateY(-8px);
}

html {
  --mat-select-trigger-text-font: Roboto, "Helvetica Neue", sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 15px;
  --mat-select-trigger-text-tracking: normal;
  --mat-select-trigger-text-weight: 400;
}

html {
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

html {
  --mat-autocomplete-background-color: white;
}

html {
  --mat-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mat-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
}

html {
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
}

html {
  --mat-dialog-subhead-font: Roboto, "Helvetica Neue", sans-serif;
  --mat-dialog-subhead-line-height: 32px;
  --mat-dialog-subhead-size: 20px;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: normal;
  --mat-dialog-supporting-text-font: Roboto, "Helvetica Neue", sans-serif;
  --mat-dialog-supporting-text-line-height: 24px;
  --mat-dialog-supporting-text-size: 15px;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: normal;
}

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

.mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: var(--palette-primary-contrast-500-rgb);
  --mat-chip-elevated-container-color: var(--palette-primary-500-rgb);
  --mat-chip-elevated-disabled-container-color: var(--palette-primary-500-rgb);
  --mat-chip-elevated-selected-container-color: var(--palette-primary-500-rgb);
  --mat-chip-flat-disabled-selected-container-color: var(--palette-primary-500-rgb);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: var(--palette-primary-contrast-500-rgb);
  --mat-chip-selected-disabled-trailing-icon-color: var(--palette-primary-contrast-500-rgb);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: var(--palette-primary-contrast-500-rgb);
  --mat-chip-selected-trailing-icon-color: var(--palette-primary-contrast-500-rgb);
  --mat-chip-with-icon-disabled-icon-color: var(--palette-primary-contrast-500-rgb);
  --mat-chip-with-icon-icon-color: var(--palette-primary-contrast-500-rgb);
  --mat-chip-with-icon-selected-icon-color: var(--palette-primary-contrast-500-rgb);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: var(--palette-primary-contrast-500-rgb);
  --mat-chip-with-trailing-icon-trailing-icon-color: var(--palette-primary-contrast-500-rgb);
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: var(--palette-accent-contrast-500-rgb);
  --mat-chip-elevated-container-color: var(--palette-accent-500-rgb);
  --mat-chip-elevated-disabled-container-color: var(--palette-accent-500-rgb);
  --mat-chip-elevated-selected-container-color: var(--palette-accent-500-rgb);
  --mat-chip-flat-disabled-selected-container-color: var(--palette-accent-500-rgb);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: var(--palette-accent-contrast-500-rgb);
  --mat-chip-selected-disabled-trailing-icon-color: var(--palette-accent-contrast-500-rgb);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: var(--palette-accent-contrast-500-rgb);
  --mat-chip-selected-trailing-icon-color: var(--palette-accent-contrast-500-rgb);
  --mat-chip-with-icon-disabled-icon-color: var(--palette-accent-contrast-500-rgb);
  --mat-chip-with-icon-icon-color: var(--palette-accent-contrast-500-rgb);
  --mat-chip-with-icon-selected-icon-color: var(--palette-accent-contrast-500-rgb);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: var(--palette-accent-contrast-500-rgb);
  --mat-chip-with-trailing-icon-trailing-icon-color: var(--palette-accent-contrast-500-rgb);
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: var(--palette-warn-contrast-500-rgb);
  --mat-chip-elevated-container-color: var(--palette-warn-500-rgb);
  --mat-chip-elevated-disabled-container-color: var(--palette-warn-500-rgb);
  --mat-chip-elevated-selected-container-color: var(--palette-warn-500-rgb);
  --mat-chip-flat-disabled-selected-container-color: var(--palette-warn-500-rgb);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: var(--palette-warn-contrast-500-rgb);
  --mat-chip-selected-disabled-trailing-icon-color: var(--palette-warn-contrast-500-rgb);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: var(--palette-warn-contrast-500-rgb);
  --mat-chip-selected-trailing-icon-color: var(--palette-warn-contrast-500-rgb);
  --mat-chip-with-icon-disabled-icon-color: var(--palette-warn-contrast-500-rgb);
  --mat-chip-with-icon-icon-color: var(--palette-warn-contrast-500-rgb);
  --mat-chip-with-icon-selected-icon-color: var(--palette-warn-contrast-500-rgb);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: var(--palette-warn-contrast-500-rgb);
  --mat-chip-with-trailing-icon-trailing-icon-color: var(--palette-warn-contrast-500-rgb);
}

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

.mat-mdc-standard-chip {
  --mat-chip-label-text-font: Roboto, "Helvetica Neue", sans-serif;
  --mat-chip-label-text-line-height: 20px;
  --mat-chip-label-text-size: 14px;
  --mat-chip-label-text-tracking: normal;
  --mat-chip-label-text-weight: 400;
}

html {
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
}

html {
  --mat-slide-toggle-selected-icon-color: var(--palette-primary-contrast-500-rgb);
  --mat-slide-toggle-disabled-selected-icon-color: var(--palette-primary-contrast-500-rgb);
  --mat-slide-toggle-selected-focus-state-layer-color: var(--palette-primary-500-rgb);
  --mat-slide-toggle-selected-handle-color: var(--palette-primary-500-rgb);
  --mat-slide-toggle-selected-hover-state-layer-color: var(--palette-primary-500-rgb);
  --mat-slide-toggle-selected-pressed-state-layer-color: var(--palette-primary-500-rgb);
  --mat-slide-toggle-selected-focus-handle-color: var(--palette-primary-500-rgb);
  --mat-slide-toggle-selected-hover-handle-color: var(--palette-primary-500-rgb);
  --mat-slide-toggle-selected-pressed-handle-color: var(--palette-primary-500-rgb);
  --mat-slide-toggle-selected-focus-track-color: var(--palette-primary-300-rgb);
  --mat-slide-toggle-selected-hover-track-color: var(--palette-primary-300-rgb);
  --mat-slide-toggle-selected-pressed-track-color: var(--palette-primary-300-rgb);
  --mat-slide-toggle-selected-track-color: var(--palette-primary-300-rgb);
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-disabled-handle-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-handle-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
}

.mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: var(--palette-accent-contrast-500-rgb);
  --mat-slide-toggle-disabled-selected-icon-color: var(--palette-accent-contrast-500-rgb);
  --mat-slide-toggle-selected-focus-state-layer-color: var(--palette-accent-500-rgb);
  --mat-slide-toggle-selected-handle-color: var(--palette-accent-500-rgb);
  --mat-slide-toggle-selected-hover-state-layer-color: var(--palette-accent-500-rgb);
  --mat-slide-toggle-selected-pressed-state-layer-color: var(--palette-accent-500-rgb);
  --mat-slide-toggle-selected-focus-handle-color: var(--palette-accent-500-rgb);
  --mat-slide-toggle-selected-hover-handle-color: var(--palette-accent-500-rgb);
  --mat-slide-toggle-selected-pressed-handle-color: var(--palette-accent-500-rgb);
  --mat-slide-toggle-selected-focus-track-color: var(--palette-accent-300-rgb);
  --mat-slide-toggle-selected-hover-track-color: var(--palette-accent-300-rgb);
  --mat-slide-toggle-selected-pressed-track-color: var(--palette-accent-300-rgb);
  --mat-slide-toggle-selected-track-color: var(--palette-accent-300-rgb);
}
.mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: var(--palette-warn-contrast-500-rgb);
  --mat-slide-toggle-disabled-selected-icon-color: var(--palette-warn-contrast-500-rgb);
  --mat-slide-toggle-selected-focus-state-layer-color: var(--palette-warn-500-rgb);
  --mat-slide-toggle-selected-handle-color: var(--palette-warn-500-rgb);
  --mat-slide-toggle-selected-hover-state-layer-color: var(--palette-warn-500-rgb);
  --mat-slide-toggle-selected-pressed-state-layer-color: var(--palette-warn-500-rgb);
  --mat-slide-toggle-selected-focus-handle-color: var(--palette-warn-500-rgb);
  --mat-slide-toggle-selected-hover-handle-color: var(--palette-warn-500-rgb);
  --mat-slide-toggle-selected-pressed-handle-color: var(--palette-warn-500-rgb);
  --mat-slide-toggle-selected-focus-track-color: var(--palette-warn-300-rgb);
  --mat-slide-toggle-selected-hover-track-color: var(--palette-warn-300-rgb);
  --mat-slide-toggle-selected-pressed-track-color: var(--palette-warn-300-rgb);
  --mat-slide-toggle-selected-track-color: var(--palette-warn-300-rgb);
}

html {
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
}

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

html {
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
}

.mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: var(--palette-primary-500-rgb);
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: var(--palette-primary-500-rgb);
  --mat-radio-selected-hover-icon-color: var(--palette-primary-500-rgb);
  --mat-radio-selected-icon-color: var(--palette-primary-500-rgb);
  --mat-radio-selected-pressed-icon-color: var(--palette-primary-500-rgb);
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: var(--palette-accent-500-rgb);
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: var(--palette-accent-500-rgb);
  --mat-radio-selected-hover-icon-color: var(--palette-accent-500-rgb);
  --mat-radio-selected-icon-color: var(--palette-accent-500-rgb);
  --mat-radio-selected-pressed-icon-color: var(--palette-accent-500-rgb);
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: var(--palette-warn-500-rgb);
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: var(--palette-warn-500-rgb);
  --mat-radio-selected-hover-icon-color: var(--palette-warn-500-rgb);
  --mat-radio-selected-icon-color: var(--palette-warn-500-rgb);
  --mat-radio-selected-pressed-icon-color: var(--palette-warn-500-rgb);
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}

html {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}

html {
  --mat-radio-label-text-font: Roboto, "Helvetica Neue", sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: normal;
  --mat-radio-label-text-weight: 400;
}

html {
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-handle-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
}

html {
  --mat-slider-active-track-color: var(--palette-primary-500-rgb);
  --mat-slider-focus-handle-color: var(--palette-primary-500-rgb);
  --mat-slider-handle-color: var(--palette-primary-500-rgb);
  --mat-slider-hover-handle-color: var(--palette-primary-500-rgb);
  --mat-slider-focus-state-layer-color: color-mix(in srgb, var(--palette-primary-500-rgb) 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, var(--palette-primary-500-rgb) 4%, transparent);
  --mat-slider-inactive-track-color: var(--palette-primary-500-rgb);
  --mat-slider-ripple-color: var(--palette-primary-500-rgb);
  --mat-slider-with-tick-marks-active-container-color: var(--palette-primary-contrast-500-rgb);
  --mat-slider-with-tick-marks-inactive-container-color: var(--palette-primary-500-rgb);
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
}

.mat-accent {
  --mat-slider-active-track-color: var(--palette-accent-500-rgb);
  --mat-slider-focus-handle-color: var(--palette-accent-500-rgb);
  --mat-slider-handle-color: var(--palette-accent-500-rgb);
  --mat-slider-hover-handle-color: var(--palette-accent-500-rgb);
  --mat-slider-focus-state-layer-color: color-mix(in srgb, var(--palette-accent-500-rgb) 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, var(--palette-accent-500-rgb) 4%, transparent);
  --mat-slider-inactive-track-color: var(--palette-accent-500-rgb);
  --mat-slider-ripple-color: var(--palette-accent-500-rgb);
  --mat-slider-with-tick-marks-active-container-color: var(--palette-accent-contrast-500-rgb);
  --mat-slider-with-tick-marks-inactive-container-color: var(--palette-accent-500-rgb);
}

.mat-warn {
  --mat-slider-active-track-color: var(--palette-warn-500-rgb);
  --mat-slider-focus-handle-color: var(--palette-warn-500-rgb);
  --mat-slider-handle-color: var(--palette-warn-500-rgb);
  --mat-slider-hover-handle-color: var(--palette-warn-500-rgb);
  --mat-slider-focus-state-layer-color: color-mix(in srgb, var(--palette-warn-500-rgb) 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, var(--palette-warn-500-rgb) 4%, transparent);
  --mat-slider-inactive-track-color: var(--palette-warn-500-rgb);
  --mat-slider-ripple-color: var(--palette-warn-500-rgb);
  --mat-slider-with-tick-marks-active-container-color: var(--palette-warn-contrast-500-rgb);
  --mat-slider-with-tick-marks-inactive-container-color: var(--palette-warn-500-rgb);
}

html {
  --mat-slider-label-label-text-font: Roboto, "Helvetica Neue", sans-serif;
  --mat-slider-label-label-text-size: 14px;
  --mat-slider-label-label-text-line-height: 24px;
  --mat-slider-label-label-text-tracking: normal;
  --mat-slider-label-label-text-weight: 500;
}

html {
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

html {
  --mat-menu-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-icon-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
}

html {
  --mat-menu-item-label-text-font: Roboto, "Helvetica Neue", sans-serif;
  --mat-menu-item-label-text-size: 15px;
  --mat-menu-item-label-text-tracking: normal;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
}

html {
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
}

html {
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
}

.mdc-list-item__start,
.mdc-list-item__end {
  --mat-radio-checked-ripple-color: var(--palette-primary-500-rgb);
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: var(--palette-primary-500-rgb);
  --mat-radio-selected-hover-icon-color: var(--palette-primary-500-rgb);
  --mat-radio-selected-icon-color: var(--palette-primary-500-rgb);
  --mat-radio-selected-pressed-icon-color: var(--palette-primary-500-rgb);
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}

.mat-accent .mdc-list-item__start,
.mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: var(--palette-accent-500-rgb);
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: var(--palette-accent-500-rgb);
  --mat-radio-selected-hover-icon-color: var(--palette-accent-500-rgb);
  --mat-radio-selected-icon-color: var(--palette-accent-500-rgb);
  --mat-radio-selected-pressed-icon-color: var(--palette-accent-500-rgb);
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}

.mat-warn .mdc-list-item__start,
.mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: var(--palette-warn-500-rgb);
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: var(--palette-warn-500-rgb);
  --mat-radio-selected-hover-icon-color: var(--palette-warn-500-rgb);
  --mat-radio-selected-icon-color: var(--palette-warn-500-rgb);
  --mat-radio-selected-pressed-icon-color: var(--palette-warn-500-rgb);
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}

.mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: var(--palette-primary-contrast-500-rgb);
  --mat-checkbox-selected-focus-icon-color: var(--palette-primary-500-rgb);
  --mat-checkbox-selected-hover-icon-color: var(--palette-primary-500-rgb);
  --mat-checkbox-selected-icon-color: var(--palette-primary-500-rgb);
  --mat-checkbox-selected-pressed-icon-color: var(--palette-primary-500-rgb);
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: var(--palette-primary-500-rgb);
  --mat-checkbox-selected-hover-state-layer-color: var(--palette-primary-500-rgb);
  --mat-checkbox-selected-pressed-state-layer-color: var(--palette-primary-500-rgb);
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}

.mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: var(--palette-accent-contrast-500-rgb);
  --mat-checkbox-selected-focus-icon-color: var(--palette-accent-500-rgb);
  --mat-checkbox-selected-hover-icon-color: var(--palette-accent-500-rgb);
  --mat-checkbox-selected-icon-color: var(--palette-accent-500-rgb);
  --mat-checkbox-selected-pressed-icon-color: var(--palette-accent-500-rgb);
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: var(--palette-accent-500-rgb);
  --mat-checkbox-selected-hover-state-layer-color: var(--palette-accent-500-rgb);
  --mat-checkbox-selected-pressed-state-layer-color: var(--palette-accent-500-rgb);
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}

.mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: var(--palette-warn-contrast-500-rgb);
  --mat-checkbox-selected-focus-icon-color: var(--palette-warn-500-rgb);
  --mat-checkbox-selected-hover-icon-color: var(--palette-warn-500-rgb);
  --mat-checkbox-selected-icon-color: var(--palette-warn-500-rgb);
  --mat-checkbox-selected-pressed-icon-color: var(--palette-warn-500-rgb);
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: var(--palette-warn-500-rgb);
  --mat-checkbox-selected-hover-state-layer-color: var(--palette-warn-500-rgb);
  --mat-checkbox-selected-pressed-state-layer-color: var(--palette-warn-500-rgb);
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}

.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: var(--palette-primary-500-rgb);
}

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

html {
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
}

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

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

html {
  --mat-list-list-item-label-text-font: Roboto, "Helvetica Neue", sans-serif;
  --mat-list-list-item-label-text-line-height: 24px;
  --mat-list-list-item-label-text-size: 15px;
  --mat-list-list-item-label-text-tracking: normal;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Roboto, "Helvetica Neue", sans-serif;
  --mat-list-list-item-supporting-text-line-height: 20px;
  --mat-list-list-item-supporting-text-size: 14px;
  --mat-list-list-item-supporting-text-tracking: normal;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Roboto, "Helvetica Neue", sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 20px;
  --mat-list-list-item-trailing-supporting-text-size: 12px;
  --mat-list-list-item-trailing-supporting-text-tracking: normal;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
}

.mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}

html {
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
}

html {
  --mat-paginator-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-paginator-container-background-color: white;
  --mat-paginator-enabled-icon-color: rgba(0, 0, 0, 0.54);
  --mat-paginator-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}

html {
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
}

html {
  --mat-paginator-container-text-font: Roboto, "Helvetica Neue", sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: normal;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
}

html {
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
}

.mat-mdc-tab-group,
.mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: var(--palette-primary-500-rgb);
  --mat-tab-active-ripple-color: var(--palette-primary-500-rgb);
  --mat-tab-inactive-ripple-color: var(--palette-primary-500-rgb);
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: var(--palette-primary-500-rgb);
  --mat-tab-active-hover-label-text-color: var(--palette-primary-500-rgb);
  --mat-tab-active-focus-indicator-color: var(--palette-primary-500-rgb);
  --mat-tab-active-hover-indicator-color: var(--palette-primary-500-rgb);
  --mat-tab-active-indicator-color: var(--palette-primary-500-rgb);
}
.mat-mdc-tab-group.mat-accent,
.mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: var(--palette-accent-500-rgb);
  --mat-tab-active-ripple-color: var(--palette-accent-500-rgb);
  --mat-tab-inactive-ripple-color: var(--palette-accent-500-rgb);
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: var(--palette-accent-500-rgb);
  --mat-tab-active-hover-label-text-color: var(--palette-accent-500-rgb);
  --mat-tab-active-focus-indicator-color: var(--palette-accent-500-rgb);
  --mat-tab-active-hover-indicator-color: var(--palette-accent-500-rgb);
  --mat-tab-active-indicator-color: var(--palette-accent-500-rgb);
}
.mat-mdc-tab-group.mat-warn,
.mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: var(--palette-warn-500-rgb);
  --mat-tab-active-ripple-color: var(--palette-warn-500-rgb);
  --mat-tab-inactive-ripple-color: var(--palette-warn-500-rgb);
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: var(--palette-warn-500-rgb);
  --mat-tab-active-hover-label-text-color: var(--palette-warn-500-rgb);
  --mat-tab-active-focus-indicator-color: var(--palette-warn-500-rgb);
  --mat-tab-active-hover-indicator-color: var(--palette-warn-500-rgb);
  --mat-tab-active-indicator-color: var(--palette-warn-500-rgb);
}
.mat-mdc-tab-group.mat-background-primary,
.mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: var(--palette-primary-500-rgb);
  --mat-tab-foreground-color: var(--palette-primary-contrast-500-rgb);
}
.mat-mdc-tab-group.mat-background-accent,
.mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: var(--palette-accent-500-rgb);
  --mat-tab-foreground-color: var(--palette-accent-contrast-500-rgb);
}
.mat-mdc-tab-group.mat-background-warn,
.mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: var(--palette-warn-500-rgb);
  --mat-tab-foreground-color: var(--palette-warn-contrast-500-rgb);
}

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

.mat-mdc-tab-header {
  --mat-tab-label-text-font: Roboto, "Helvetica Neue", sans-serif;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-tracking: normal;
  --mat-tab-label-text-line-height: 14px;
  --mat-tab-label-text-weight: 500;
}

html {
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
}

html {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: var(--palette-accent-contrast-500-rgb);
  --mat-checkbox-selected-focus-icon-color: var(--palette-accent-500-rgb);
  --mat-checkbox-selected-hover-icon-color: var(--palette-accent-500-rgb);
  --mat-checkbox-selected-icon-color: var(--palette-accent-500-rgb);
  --mat-checkbox-selected-pressed-icon-color: var(--palette-accent-500-rgb);
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: var(--palette-accent-500-rgb);
  --mat-checkbox-selected-hover-state-layer-color: var(--palette-accent-500-rgb);
  --mat-checkbox-selected-pressed-state-layer-color: var(--palette-accent-500-rgb);
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}

.mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: var(--palette-primary-contrast-500-rgb);
  --mat-checkbox-selected-focus-icon-color: var(--palette-primary-500-rgb);
  --mat-checkbox-selected-hover-icon-color: var(--palette-primary-500-rgb);
  --mat-checkbox-selected-icon-color: var(--palette-primary-500-rgb);
  --mat-checkbox-selected-pressed-icon-color: var(--palette-primary-500-rgb);
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: var(--palette-primary-500-rgb);
  --mat-checkbox-selected-hover-state-layer-color: var(--palette-primary-500-rgb);
  --mat-checkbox-selected-pressed-state-layer-color: var(--palette-primary-500-rgb);
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: var(--palette-warn-contrast-500-rgb);
  --mat-checkbox-selected-focus-icon-color: var(--palette-warn-500-rgb);
  --mat-checkbox-selected-hover-icon-color: var(--palette-warn-500-rgb);
  --mat-checkbox-selected-icon-color: var(--palette-warn-500-rgb);
  --mat-checkbox-selected-pressed-icon-color: var(--palette-warn-500-rgb);
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: var(--palette-warn-500-rgb);
  --mat-checkbox-selected-hover-state-layer-color: var(--palette-warn-500-rgb);
  --mat-checkbox-selected-pressed-state-layer-color: var(--palette-warn-500-rgb);
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}

html {
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
}

html {
  --mat-checkbox-label-text-font: Roboto, "Helvetica Neue", sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: normal;
  --mat-checkbox-label-text-weight: 400;
}

html {
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-container-shape: 4px;
  --mat-button-protected-disabled-container-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-focus-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
}

html {
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
}

.mat-mdc-button.mat-primary,
.mat-mdc-unelevated-button.mat-primary,
.mat-mdc-raised-button.mat-primary,
.mat-mdc-outlined-button.mat-primary,
.mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: var(--palette-primary-500-rgb);
  --mat-button-filled-label-text-color: var(--palette-primary-contrast-500-rgb);
  --mat-button-filled-ripple-color: color-mix(in srgb, var(--palette-primary-contrast-500-rgb) 12%, transparent);
  --mat-button-filled-state-layer-color: var(--palette-primary-contrast-500-rgb);
  --mat-button-outlined-label-text-color: var(--palette-primary-500-rgb);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, var(--palette-primary-500-rgb) 12%, transparent);
  --mat-button-outlined-state-layer-color: var(--palette-primary-500-rgb);
  --mat-button-protected-container-color: var(--palette-primary-500-rgb);
  --mat-button-protected-label-text-color: var(--palette-primary-contrast-500-rgb);
  --mat-button-protected-ripple-color: color-mix(in srgb, var(--palette-primary-contrast-500-rgb) 12%, transparent);
  --mat-button-protected-state-layer-color: var(--palette-primary-contrast-500-rgb);
  --mat-button-text-label-text-color: var(--palette-primary-500-rgb);
  --mat-button-text-ripple-color: color-mix(in srgb, var(--palette-primary-500-rgb) 12%, transparent);
  --mat-button-text-state-layer-color: var(--palette-primary-500-rgb);
  --mat-button-tonal-container-color: var(--palette-primary-500-rgb);
  --mat-button-tonal-label-text-color: var(--palette-primary-contrast-500-rgb);
  --mat-button-tonal-ripple-color: color-mix(in srgb, var(--palette-primary-contrast-500-rgb) 12%, transparent);
  --mat-button-tonal-state-layer-color: var(--palette-primary-contrast-500-rgb);
}
.mat-mdc-button.mat-accent,
.mat-mdc-unelevated-button.mat-accent,
.mat-mdc-raised-button.mat-accent,
.mat-mdc-outlined-button.mat-accent,
.mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: var(--palette-accent-500-rgb);
  --mat-button-filled-label-text-color: var(--palette-accent-contrast-500-rgb);
  --mat-button-filled-ripple-color: color-mix(in srgb, var(--palette-accent-contrast-500-rgb) 12%, transparent);
  --mat-button-filled-state-layer-color: var(--palette-accent-contrast-500-rgb);
  --mat-button-outlined-label-text-color: var(--palette-accent-500-rgb);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, var(--palette-accent-500-rgb) 12%, transparent);
  --mat-button-outlined-state-layer-color: var(--palette-accent-500-rgb);
  --mat-button-protected-container-color: var(--palette-accent-500-rgb);
  --mat-button-protected-label-text-color: var(--palette-accent-contrast-500-rgb);
  --mat-button-protected-ripple-color: color-mix(in srgb, var(--palette-accent-contrast-500-rgb) 12%, transparent);
  --mat-button-protected-state-layer-color: var(--palette-accent-contrast-500-rgb);
  --mat-button-text-label-text-color: var(--palette-accent-500-rgb);
  --mat-button-text-ripple-color: color-mix(in srgb, var(--palette-accent-500-rgb) 12%, transparent);
  --mat-button-text-state-layer-color: var(--palette-accent-500-rgb);
  --mat-button-tonal-container-color: var(--palette-accent-500-rgb);
  --mat-button-tonal-label-text-color: var(--palette-accent-contrast-500-rgb);
  --mat-button-tonal-ripple-color: color-mix(in srgb, var(--palette-accent-contrast-500-rgb) 12%, transparent);
  --mat-button-tonal-state-layer-color: var(--palette-accent-contrast-500-rgb);
}
.mat-mdc-button.mat-warn,
.mat-mdc-unelevated-button.mat-warn,
.mat-mdc-raised-button.mat-warn,
.mat-mdc-outlined-button.mat-warn,
.mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: var(--palette-warn-500-rgb);
  --mat-button-filled-label-text-color: var(--palette-warn-contrast-500-rgb);
  --mat-button-filled-ripple-color: color-mix(in srgb, var(--palette-warn-contrast-500-rgb) 12%, transparent);
  --mat-button-filled-state-layer-color: var(--palette-warn-contrast-500-rgb);
  --mat-button-outlined-label-text-color: var(--palette-warn-500-rgb);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, var(--palette-warn-500-rgb) 12%, transparent);
  --mat-button-outlined-state-layer-color: var(--palette-warn-500-rgb);
  --mat-button-protected-container-color: var(--palette-warn-500-rgb);
  --mat-button-protected-label-text-color: var(--palette-warn-contrast-500-rgb);
  --mat-button-protected-ripple-color: color-mix(in srgb, var(--palette-warn-contrast-500-rgb) 12%, transparent);
  --mat-button-protected-state-layer-color: var(--palette-warn-contrast-500-rgb);
  --mat-button-text-label-text-color: var(--palette-warn-500-rgb);
  --mat-button-text-ripple-color: color-mix(in srgb, var(--palette-warn-500-rgb) 12%, transparent);
  --mat-button-text-state-layer-color: var(--palette-warn-500-rgb);
  --mat-button-tonal-container-color: var(--palette-warn-500-rgb);
  --mat-button-tonal-label-text-color: var(--palette-warn-contrast-500-rgb);
  --mat-button-tonal-ripple-color: color-mix(in srgb, var(--palette-warn-contrast-500-rgb) 12%, transparent);
  --mat-button-tonal-state-layer-color: var(--palette-warn-contrast-500-rgb);
}

html {
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
}

html {
  --mat-button-filled-label-text-font: Roboto, "Helvetica Neue", sans-serif;
  --mat-button-filled-label-text-size: 14px;
  --mat-button-filled-label-text-tracking: normal;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, "Helvetica Neue", sans-serif;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-outlined-label-text-tracking: normal;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, "Helvetica Neue", sans-serif;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-protected-label-text-tracking: normal;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, "Helvetica Neue", sans-serif;
  --mat-button-text-label-text-size: 14px;
  --mat-button-text-label-text-tracking: normal;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, "Helvetica Neue", sans-serif;
  --mat-button-tonal-label-text-size: 14px;
  --mat-button-tonal-label-text-tracking: normal;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
}

html {
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
}

html {
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
}

.mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: var(--palette-primary-500-rgb);
  --mat-icon-button-state-layer-color: var(--palette-primary-500-rgb);
  --mat-icon-button-ripple-color: color-mix(in srgb, var(--palette-primary-500-rgb) 12%, transparent);
}
.mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: var(--palette-accent-500-rgb);
  --mat-icon-button-state-layer-color: var(--palette-accent-500-rgb);
  --mat-icon-button-ripple-color: color-mix(in srgb, var(--palette-accent-500-rgb) 12%, transparent);
}
.mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: var(--palette-warn-500-rgb);
  --mat-icon-button-state-layer-color: var(--palette-warn-500-rgb);
  --mat-icon-button-ripple-color: color-mix(in srgb, var(--palette-warn-500-rgb) 12%, transparent);
}

html {
  --mat-icon-button-touch-target-display: block;
}

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

html {
  --mat-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-extended-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-extended-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-fab-small-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-small-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-small-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-small-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}

html {
  --mat-fab-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
}

.mat-mdc-fab.mat-primary, .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: var(--palette-primary-500-rgb);
  --mat-fab-foreground-color: var(--palette-primary-contrast-500-rgb);
  --mat-fab-ripple-color: color-mix(in srgb, var(--palette-primary-500-rgb) 12%, transparent);
  --mat-fab-small-container-color: var(--palette-primary-500-rgb);
  --mat-fab-small-foreground-color: var(--palette-primary-contrast-500-rgb);
  --mat-fab-small-ripple-color: color-mix(in srgb, var(--palette-primary-contrast-500-rgb) 12%, transparent);
  --mat-fab-small-state-layer-color: var(--palette-primary-contrast-500-rgb);
  --mat-fab-state-layer-color: var(--palette-primary-contrast-500-rgb);
}
.mat-mdc-fab.mat-accent, .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: var(--palette-accent-500-rgb);
  --mat-fab-foreground-color: var(--palette-accent-contrast-500-rgb);
  --mat-fab-ripple-color: color-mix(in srgb, var(--palette-accent-500-rgb) 12%, transparent);
  --mat-fab-small-container-color: var(--palette-accent-500-rgb);
  --mat-fab-small-foreground-color: var(--palette-accent-contrast-500-rgb);
  --mat-fab-small-ripple-color: color-mix(in srgb, var(--palette-accent-contrast-500-rgb) 12%, transparent);
  --mat-fab-small-state-layer-color: var(--palette-accent-contrast-500-rgb);
  --mat-fab-state-layer-color: var(--palette-accent-contrast-500-rgb);
}
.mat-mdc-fab.mat-warn, .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: var(--palette-warn-500-rgb);
  --mat-fab-foreground-color: var(--palette-warn-contrast-500-rgb);
  --mat-fab-ripple-color: color-mix(in srgb, var(--palette-warn-500-rgb) 12%, transparent);
  --mat-fab-small-container-color: var(--palette-warn-500-rgb);
  --mat-fab-small-foreground-color: var(--palette-warn-contrast-500-rgb);
  --mat-fab-small-ripple-color: color-mix(in srgb, var(--palette-warn-contrast-500-rgb) 12%, transparent);
  --mat-fab-small-state-layer-color: var(--palette-warn-contrast-500-rgb);
  --mat-fab-state-layer-color: var(--palette-warn-contrast-500-rgb);
}

html {
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
}

html {
  --mat-fab-extended-label-text-font: Roboto, "Helvetica Neue", sans-serif;
  --mat-fab-extended-label-text-size: 14px;
  --mat-fab-extended-label-text-tracking: normal;
  --mat-fab-extended-label-text-weight: 500;
}

html {
  --mat-snack-bar-container-shape: 4px;
}

html {
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: var(--palette-primary-300-rgb);
}

html {
  --mat-snack-bar-supporting-text-font: Roboto, "Helvetica Neue", sans-serif;
  --mat-snack-bar-supporting-text-line-height: 20px;
  --mat-snack-bar-supporting-text-size: 14px;
  --mat-snack-bar-supporting-text-weight: 400;
}

html {
  --mat-table-row-item-outline-width: 1px;
}

html {
  --mat-table-background-color: white;
  --mat-table-header-headline-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-outline-color: rgba(0, 0, 0, 0.12);
}

html {
  --mat-table-header-container-height: 56px;
  --mat-table-footer-container-height: 52px;
  --mat-table-row-item-container-height: 52px;
}

html {
  --mat-table-header-headline-font: Roboto, "Helvetica Neue", sans-serif;
  --mat-table-header-headline-line-height: 24px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: normal;
  --mat-table-row-item-label-text-font: Roboto, "Helvetica Neue", sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: normal;
  --mat-table-footer-supporting-text-font: Roboto, "Helvetica Neue", sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: normal;
}

html {
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
}

html {
  --mat-progress-spinner-active-indicator-color: var(--palette-primary-500-rgb);
}

.mat-accent {
  --mat-progress-spinner-active-indicator-color: var(--palette-accent-500-rgb);
}

.mat-warn {
  --mat-progress-spinner-active-indicator-color: var(--palette-warn-500-rgb);
}

html {
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
}

html {
  --mat-badge-background-color: var(--palette-primary-500-rgb);
  --mat-badge-text-color: var(--palette-primary-contrast-500-rgb);
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}

.mat-badge-accent {
  --mat-badge-background-color: var(--palette-accent-500-rgb);
  --mat-badge-text-color: var(--palette-accent-contrast-500-rgb);
}

.mat-badge-warn {
  --mat-badge-background-color: var(--palette-warn-500-rgb);
  --mat-badge-text-color: var(--palette-warn-contrast-500-rgb);
}

html {
  --mat-badge-text-font: Roboto, "Helvetica Neue", sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
}

html {
  --mat-bottom-sheet-container-shape: 4px;
}

html {
  --mat-bottom-sheet-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-bottom-sheet-container-background-color: white;
}

html {
  --mat-bottom-sheet-container-text-font: Roboto, "Helvetica Neue", sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: normal;
  --mat-bottom-sheet-container-text-weight: 400;
}

html {
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
}

html {
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
}

html {
  --mat-button-toggle-height: 48px;
}

html {
  --mat-button-toggle-label-text-font: Roboto, "Helvetica Neue", sans-serif;
  --mat-button-toggle-label-text-line-height: 24px;
  --mat-button-toggle-label-text-size: 15px;
  --mat-button-toggle-label-text-tracking: normal;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: Roboto, "Helvetica Neue", sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 24px;
  --mat-button-toggle-legacy-label-text-size: 15px;
  --mat-button-toggle-legacy-label-text-tracking: normal;
  --mat-button-toggle-legacy-label-text-weight: 400;
}

html {
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-container-touch-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}

html {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, var(--palette-primary-500-rgb) 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, var(--palette-accent-500-rgb) 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: var(--palette-primary-contrast-500-rgb);
  --mat-datepicker-calendar-date-selected-state-background-color: var(--palette-primary-500-rgb);
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, var(--palette-primary-500-rgb) 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: var(--palette-primary-contrast-500-rgb);
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, var(--palette-primary-500-rgb) 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, var(--palette-primary-500-rgb) 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: var(--palette-primary-500-rgb);
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}

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

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

html {
  --mat-datepicker-calendar-text-font: Roboto, "Helvetica Neue", sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
}

html {
  --mat-divider-width: 1px;
}

html {
  --mat-divider-color: rgba(0, 0, 0, 0.12);
}

html {
  --mat-expansion-container-shape: 4px;
  --mat-expansion-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
}

html {
  --mat-expansion-container-background-color: white;
  --mat-expansion-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-actions-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-expansion-header-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-header-description-color: rgba(0, 0, 0, 0.54);
  --mat-expansion-header-indicator-color: rgba(0, 0, 0, 0.54);
}

html {
  --mat-expansion-header-collapsed-state-height: 48px;
  --mat-expansion-header-expanded-state-height: 64px;
}

html {
  --mat-expansion-header-text-font: Roboto, "Helvetica Neue", sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, "Helvetica Neue", sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: normal;
  --mat-expansion-container-text-weight: 400;
}

html {
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
}

html {
  --mat-icon-color: inherit;
}

.mat-icon.mat-primary {
  --mat-icon-color: var(--palette-primary-500-rgb);
}
.mat-icon.mat-accent {
  --mat-icon-color: var(--palette-accent-500-rgb);
}
.mat-icon.mat-warn {
  --mat-icon-color: var(--palette-warn-500-rgb);
}

html {
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-width: auto;
}

html {
  --mat-sidenav-container-divider-color: rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-background-color: white;
  --mat-sidenav-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-content-background-color: #fafafa;
  --mat-sidenav-content-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-scrim-color: rgba(0, 0, 0, 0.6);
}

html {
  --mat-stepper-header-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
}

html {
  --mat-stepper-header-icon-foreground-color: var(--palette-primary-contrast-500-rgb);
  --mat-stepper-header-selected-state-icon-background-color: var(--palette-primary-500-rgb);
  --mat-stepper-header-selected-state-icon-foreground-color: var(--palette-primary-contrast-500-rgb);
  --mat-stepper-header-done-state-icon-background-color: var(--palette-primary-500-rgb);
  --mat-stepper-header-done-state-icon-foreground-color: var(--palette-primary-contrast-500-rgb);
  --mat-stepper-header-edit-state-icon-background-color: var(--palette-primary-500-rgb);
  --mat-stepper-header-edit-state-icon-foreground-color: var(--palette-primary-contrast-500-rgb);
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-stepper-header-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-optional-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-selected-state-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-error-state-label-text-color: var(--palette-warn-500-rgb);
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: var(--palette-warn-500-rgb);
  --mat-stepper-header-error-state-icon-background-color: transparent;
}

.mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: var(--palette-accent-contrast-500-rgb);
  --mat-stepper-header-selected-state-icon-background-color: var(--palette-accent-500-rgb);
  --mat-stepper-header-selected-state-icon-foreground-color: var(--palette-accent-contrast-500-rgb);
  --mat-stepper-header-done-state-icon-background-color: var(--palette-accent-500-rgb);
  --mat-stepper-header-done-state-icon-foreground-color: var(--palette-accent-contrast-500-rgb);
  --mat-stepper-header-edit-state-icon-background-color: var(--palette-accent-500-rgb);
  --mat-stepper-header-edit-state-icon-foreground-color: var(--palette-accent-contrast-500-rgb);
}

.mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: var(--palette-warn-contrast-500-rgb);
  --mat-stepper-header-selected-state-icon-background-color: var(--palette-warn-500-rgb);
  --mat-stepper-header-selected-state-icon-foreground-color: var(--palette-warn-contrast-500-rgb);
  --mat-stepper-header-done-state-icon-background-color: var(--palette-warn-500-rgb);
  --mat-stepper-header-done-state-icon-foreground-color: var(--palette-warn-contrast-500-rgb);
  --mat-stepper-header-edit-state-icon-background-color: var(--palette-warn-500-rgb);
  --mat-stepper-header-edit-state-icon-foreground-color: var(--palette-warn-contrast-500-rgb);
}

html {
  --mat-stepper-header-height: 72px;
}

html {
  --mat-stepper-container-text-font: Roboto, "Helvetica Neue", sans-serif;
  --mat-stepper-header-label-text-font: Roboto, "Helvetica Neue", sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 15px;
  --mat-stepper-header-selected-state-label-text-size: 15px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
}

html {
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
}

html {
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}

.mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: var(--palette-primary-500-rgb);
  --mat-toolbar-container-text-color: var(--palette-primary-contrast-500-rgb);
}
.mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: var(--palette-accent-500-rgb);
  --mat-toolbar-container-text-color: var(--palette-accent-contrast-500-rgb);
}
.mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: var(--palette-warn-500-rgb);
  --mat-toolbar-container-text-color: var(--palette-warn-contrast-500-rgb);
}

html {
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
}

html {
  --mat-toolbar-title-text-font: Roboto, "Helvetica Neue", sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: normal;
  --mat-toolbar-title-text-weight: 500;
}

html {
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
}

html {
  --mat-tree-node-min-height: 48px;
}

html {
  --mat-tree-node-text-font: Roboto, "Helvetica Neue", sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
}

html {
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

html {
  --mat-timepicker-container-background-color: white;
}

.mat-h1,
.mat-headline-5,
.mat-typography .mat-h1,
.mat-typography .mat-headline-5,
.mat-typography h1 {
  font: 400 24px / 32px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}

.mat-h2,
.mat-headline-6,
.mat-typography .mat-h2,
.mat-typography .mat-headline-6,
.mat-typography h2 {
  font: 500 20px / 32px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}

.mat-h3,
.mat-subtitle-1,
.mat-typography .mat-h3,
.mat-typography .mat-subtitle-1,
.mat-typography h3 {
  font: 400 16px / 28px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}

.mat-h4,
.mat-body-1,
.mat-typography .mat-h4,
.mat-typography .mat-body-1,
.mat-typography h4 {
  font: 400 15px / 24px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}

.mat-h5,
.mat-typography .mat-h5,
.mat-typography h5 {
  font: 400 calc(14px * 0.83) / 20px Roboto, "Helvetica Neue", sans-serif;
  margin: 0 0 12px;
}

.mat-h6,
.mat-typography .mat-h6,
.mat-typography h6 {
  font: 400 calc(14px * 0.67) / 20px Roboto, "Helvetica Neue", sans-serif;
  margin: 0 0 12px;
}

.mat-body-strong,
.mat-subtitle-2,
.mat-typography .mat-body-strong,
.mat-typography .mat-subtitle-2 {
  font: 500 14px / 24px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}

.mat-body,
.mat-body-2,
.mat-typography .mat-body,
.mat-typography .mat-body-2,
.mat-typography {
  font: 400 14px / 20px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}
.mat-body p,
.mat-body-2 p,
.mat-typography .mat-body p,
.mat-typography .mat-body-2 p,
.mat-typography p {
  margin: 0 0 12px;
}

.mat-small,
.mat-caption,
.mat-typography .mat-small,
.mat-typography .mat-caption {
  font: 400 12px / 20px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}

.mat-headline-1,
.mat-typography .mat-headline-1 {
  font: 300 112px / 112px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: -0.05em;
  margin: 0 0 56px;
}

.mat-headline-2,
.mat-typography .mat-headline-2 {
  font: 400 56px / 56px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: -0.02em;
  margin: 0 0 64px;
}

.mat-headline-3,
.mat-typography .mat-headline-3 {
  font: 400 45px / 48px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: -0.005em;
  margin: 0 0 64px;
}

.mat-headline-4,
.mat-typography .mat-headline-4 {
  font: 400 34px / 40px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
  margin: 0 0 64px;
}

.isDarkTheme {
  --mat-app-background-color: #303030;
  --mat-app-text-color: white;
  --mat-app-elevation-shadow-level-0: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-1: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-2: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-3: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-4: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-5: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-6: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-7: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-8: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-9: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-10: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-11: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-12: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-13: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-14: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-15: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-16: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-17: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-18: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-19: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-20: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-21: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-22: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-23: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-24: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mat-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-option-selected-state-label-text-color: var(--palette-primary-500-rgb);
  --mat-option-label-text-color: white;
  --mat-option-hover-state-layer-color: color-mix(in srgb, white 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, white 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, white 12%, transparent);
  --mat-optgroup-label-text-color: white;
  --mat-pseudo-checkbox-full-selected-icon-color: var(--palette-accent-500-rgb);
  --mat-pseudo-checkbox-full-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: var(--palette-accent-500-rgb);
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, white 38%, transparent);
  --mat-card-elevated-container-color: #424242;
  --mat-card-elevated-container-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-card-outlined-container-color: #424242;
  --mat-card-outlined-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-card-outlined-outline-color: rgba(255, 255, 255, 0.12);
  --mat-card-subtitle-text-color: rgba(255, 255, 255, 0.7);
  --mat-card-filled-container-color: #424242;
  --mat-card-filled-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-tooltip-container-color: white;
  --mat-tooltip-supporting-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, var(--palette-primary-500-rgb) 87%, transparent);
  --mat-form-field-filled-caret-color: var(--palette-primary-500-rgb);
  --mat-form-field-filled-focus-active-indicator-color: var(--palette-primary-500-rgb);
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, var(--palette-primary-500-rgb) 87%, transparent);
  --mat-form-field-outlined-caret-color: var(--palette-primary-500-rgb);
  --mat-form-field-outlined-focus-outline-color: var(--palette-primary-500-rgb);
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, var(--palette-primary-500-rgb) 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, white 38%, transparent);
  --mat-form-field-state-layer-color: white;
  --mat-form-field-error-text-color: var(--palette-warn-500-rgb);
  --mat-form-field-select-option-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-select-disabled-option-text-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(255, 255, 255, 0.7);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, white 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #4a4a4a;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, white 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-form-field-filled-hover-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-form-field-filled-input-text-color: white;
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(255, 255, 255, 0.7);
  --mat-form-field-filled-error-hover-label-text-color: var(--palette-warn-500-rgb);
  --mat-form-field-filled-error-focus-label-text-color: var(--palette-warn-500-rgb);
  --mat-form-field-filled-error-label-text-color: var(--palette-warn-500-rgb);
  --mat-form-field-filled-error-caret-color: var(--palette-warn-500-rgb);
  --mat-form-field-filled-active-indicator-color: rgba(255, 255, 255, 0.7);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, white 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: white;
  --mat-form-field-filled-error-active-indicator-color: var(--palette-warn-500-rgb);
  --mat-form-field-filled-error-focus-active-indicator-color: var(--palette-warn-500-rgb);
  --mat-form-field-filled-error-hover-active-indicator-color: var(--palette-warn-500-rgb);
  --mat-form-field-outlined-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-form-field-outlined-hover-label-text-color: white;
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-form-field-outlined-input-text-color: white;
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(255, 255, 255, 0.7);
  --mat-form-field-outlined-error-caret-color: var(--palette-warn-500-rgb);
  --mat-form-field-outlined-error-focus-label-text-color: var(--palette-warn-500-rgb);
  --mat-form-field-outlined-error-label-text-color: var(--palette-warn-500-rgb);
  --mat-form-field-outlined-error-hover-label-text-color: var(--palette-warn-500-rgb);
  --mat-form-field-outlined-outline-color: rgba(255, 255, 255, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, white 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: white;
  --mat-form-field-outlined-error-focus-outline-color: var(--palette-warn-500-rgb);
  --mat-form-field-outlined-error-hover-outline-color: var(--palette-warn-500-rgb);
  --mat-form-field-outlined-error-outline-color: var(--palette-warn-500-rgb);
  --mat-select-panel-background-color: #424242;
  --mat-select-enabled-trigger-text-color: white;
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.7);
  --mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.7);
  --mat-select-disabled-arrow-color: color-mix(in srgb, white 38%, transparent);
  --mat-select-focused-arrow-color: var(--palette-primary-500-rgb);
  --mat-select-invalid-arrow-color: var(--palette-warn-500-rgb);
  --mat-autocomplete-background-color: #424242;
  --mat-dialog-container-color: #424242;
  --mat-dialog-subhead-color: white;
  --mat-dialog-supporting-text-color: rgba(255, 255, 255, 0.7);
  --mat-slide-toggle-selected-icon-color: var(--palette-primary-contrast-500-rgb);
  --mat-slide-toggle-disabled-selected-icon-color: var(--palette-primary-contrast-500-rgb);
  --mat-slide-toggle-selected-focus-state-layer-color: var(--palette-primary-500-rgb);
  --mat-slide-toggle-selected-handle-color: var(--palette-primary-500-rgb);
  --mat-slide-toggle-selected-hover-state-layer-color: var(--palette-primary-500-rgb);
  --mat-slide-toggle-selected-pressed-state-layer-color: var(--palette-primary-500-rgb);
  --mat-slide-toggle-selected-focus-handle-color: var(--palette-primary-500-rgb);
  --mat-slide-toggle-selected-hover-handle-color: var(--palette-primary-500-rgb);
  --mat-slide-toggle-selected-pressed-handle-color: var(--palette-primary-500-rgb);
  --mat-slide-toggle-selected-focus-track-color: var(--palette-primary-600-rgb);
  --mat-slide-toggle-selected-hover-track-color: var(--palette-primary-600-rgb);
  --mat-slide-toggle-selected-pressed-track-color: var(--palette-primary-600-rgb);
  --mat-slide-toggle-selected-track-color: var(--palette-primary-600-rgb);
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-slide-toggle-disabled-handle-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-disabled-selected-handle-color: white;
  --mat-slide-toggle-disabled-selected-track-color: white;
  --mat-slide-toggle-disabled-unselected-handle-color: white;
  --mat-slide-toggle-disabled-unselected-icon-color: #4a4a4a;
  --mat-slide-toggle-disabled-unselected-track-color: white;
  --mat-slide-toggle-handle-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-handle-surface-color: #424242;
  --mat-slide-toggle-label-text-color: white;
  --mat-slide-toggle-unselected-hover-handle-color: white;
  --mat-slide-toggle-unselected-focus-handle-color: white;
  --mat-slide-toggle-unselected-focus-state-layer-color: white;
  --mat-slide-toggle-unselected-focus-track-color: rgba(255, 255, 255, 0.12);
  --mat-slide-toggle-unselected-icon-color: #4a4a4a;
  --mat-slide-toggle-unselected-handle-color: rgba(255, 255, 255, 0.7);
  --mat-slide-toggle-unselected-hover-state-layer-color: white;
  --mat-slide-toggle-unselected-hover-track-color: rgba(255, 255, 255, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: white;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(255, 255, 255, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: white;
  --mat-slide-toggle-unselected-track-color: rgba(255, 255, 255, 0.12);
  --mat-slider-active-track-color: var(--palette-primary-500-rgb);
  --mat-slider-focus-handle-color: var(--palette-primary-500-rgb);
  --mat-slider-handle-color: var(--palette-primary-500-rgb);
  --mat-slider-hover-handle-color: var(--palette-primary-500-rgb);
  --mat-slider-focus-state-layer-color: color-mix(in srgb, var(--palette-primary-500-rgb) 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, var(--palette-primary-500-rgb) 4%, transparent);
  --mat-slider-inactive-track-color: var(--palette-primary-500-rgb);
  --mat-slider-ripple-color: var(--palette-primary-500-rgb);
  --mat-slider-with-tick-marks-active-container-color: var(--palette-primary-contrast-500-rgb);
  --mat-slider-with-tick-marks-inactive-container-color: var(--palette-primary-500-rgb);
  --mat-slider-disabled-active-track-color: white;
  --mat-slider-disabled-handle-color: white;
  --mat-slider-disabled-inactive-track-color: white;
  --mat-slider-label-container-color: white;
  --mat-slider-label-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: white;
  --mat-slider-with-tick-marks-disabled-container-color: white;
  --mat-menu-item-label-text-color: white;
  --mat-menu-item-icon-color: white;
  --mat-menu-item-hover-state-layer-color: color-mix(in srgb, white 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, white 12%, transparent);
  --mat-menu-container-color: #424242;
  --mat-menu-divider-color: rgba(255, 255, 255, 0.12);
  --mat-list-list-item-label-text-color: white;
  --mat-list-list-item-supporting-text-color: rgba(255, 255, 255, 0.7);
  --mat-list-list-item-leading-icon-color: rgba(255, 255, 255, 0.7);
  --mat-list-list-item-trailing-supporting-text-color: rgba(255, 255, 255, 0.7);
  --mat-list-list-item-trailing-icon-color: rgba(255, 255, 255, 0.7);
  --mat-list-list-item-selected-trailing-icon-color: rgba(255, 255, 255, 0.7);
  --mat-list-list-item-disabled-label-text-color: white;
  --mat-list-list-item-disabled-leading-icon-color: white;
  --mat-list-list-item-disabled-trailing-icon-color: white;
  --mat-list-list-item-hover-label-text-color: white;
  --mat-list-list-item-hover-leading-icon-color: rgba(255, 255, 255, 0.7);
  --mat-list-list-item-hover-state-layer-color: white;
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(255, 255, 255, 0.7);
  --mat-list-list-item-focus-label-text-color: white;
  --mat-list-list-item-focus-state-layer-color: white;
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
  --mat-paginator-container-text-color: white;
  --mat-paginator-container-background-color: #424242;
  --mat-paginator-enabled-icon-color: rgba(255, 255, 255, 0.7);
  --mat-paginator-disabled-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-disabled-label-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-label-text-color: white;
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-selected-checkmark-color: var(--palette-accent-contrast-500-rgb);
  --mat-checkbox-selected-focus-icon-color: var(--palette-accent-500-rgb);
  --mat-checkbox-selected-hover-icon-color: var(--palette-accent-500-rgb);
  --mat-checkbox-selected-icon-color: var(--palette-accent-500-rgb);
  --mat-checkbox-selected-pressed-icon-color: var(--palette-accent-500-rgb);
  --mat-checkbox-unselected-focus-icon-color: white;
  --mat-checkbox-unselected-hover-icon-color: white;
  --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-checkbox-selected-focus-state-layer-color: var(--palette-accent-500-rgb);
  --mat-checkbox-selected-hover-state-layer-color: var(--palette-accent-500-rgb);
  --mat-checkbox-selected-pressed-state-layer-color: var(--palette-accent-500-rgb);
  --mat-checkbox-unselected-focus-state-layer-color: white;
  --mat-checkbox-unselected-hover-state-layer-color: white;
  --mat-checkbox-unselected-pressed-state-layer-color: white;
  --mat-button-filled-container-color: #424242;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(255, 255, 255, 0.7);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(255, 255, 255, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(255, 255, 255, 0.7);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: white;
  --mat-button-outlined-outline-color: rgba(255, 255, 255, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-outlined-state-layer-color: white;
  --mat-button-protected-container-color: #424242;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(255, 255, 255, 0.7);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(255, 255, 255, 0.7);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: white;
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-text-state-layer-color: white;
  --mat-button-tonal-container-color: #424242;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(255, 255, 255, 0.7);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-tonal-state-layer-color: white;
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(255, 255, 255, 0.7);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-icon-button-state-layer-color: white;
  --mat-fab-container-color: #424242;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, white 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, white 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(255, 255, 255, 0.7);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: white;
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-fab-small-container-color: #424242;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, white 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, white 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(255, 255, 255, 0.7);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
  --mat-snack-bar-container-color: white;
  --mat-snack-bar-supporting-text-color: rgba(0, 0, 0, 0.87);
  --mat-snack-bar-button-color: var(--palette-primary-600-rgb);
  --mat-table-background-color: #424242;
  --mat-table-header-headline-color: white;
  --mat-table-row-item-label-text-color: white;
  --mat-table-row-item-outline-color: rgba(255, 255, 255, 0.12);
  --mat-progress-spinner-active-indicator-color: var(--palette-primary-500-rgb);
  --mat-badge-background-color: var(--palette-primary-500-rgb);
  --mat-badge-text-color: var(--palette-primary-contrast-500-rgb);
  --mat-badge-disabled-state-background-color: color-mix(in srgb, white 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-bottom-sheet-container-text-color: white;
  --mat-bottom-sheet-container-background-color: #424242;
  --mat-button-toggle-background-color: #424242;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: #424242;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-button-toggle-divider-color: rgba(255, 255, 255, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: #424242;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: white;
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-toggle-legacy-text-color: white;
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-toggle-selected-state-text-color: white;
  --mat-button-toggle-state-layer-color: white;
  --mat-button-toggle-text-color: white;
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, var(--palette-primary-500-rgb) 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, var(--palette-accent-500-rgb) 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: var(--palette-primary-contrast-500-rgb);
  --mat-datepicker-calendar-date-selected-state-background-color: var(--palette-primary-500-rgb);
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, var(--palette-primary-500-rgb) 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: var(--palette-primary-contrast-500-rgb);
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, var(--palette-primary-500-rgb) 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, var(--palette-primary-500-rgb) 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: var(--palette-primary-500-rgb);
  --mat-datepicker-toggle-icon-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-body-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-period-button-text-color: white;
  --mat-datepicker-calendar-period-button-icon-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-header-divider-color: rgba(255, 255, 255, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-date-today-outline-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, white 38%, transparent);
  --mat-datepicker-calendar-date-text-color: white;
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-range-input-separator-color: white;
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, white 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-datepicker-calendar-container-background-color: #424242;
  --mat-datepicker-calendar-container-text-color: white;
  --mat-divider-color: rgba(255, 255, 255, 0.12);
  --mat-expansion-container-background-color: #424242;
  --mat-expansion-container-text-color: white;
  --mat-expansion-actions-divider-color: rgba(255, 255, 255, 0.12);
  --mat-expansion-header-hover-state-layer-color: color-mix(in srgb, white 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, white 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-expansion-header-text-color: white;
  --mat-expansion-header-description-color: rgba(255, 255, 255, 0.7);
  --mat-expansion-header-indicator-color: rgba(255, 255, 255, 0.7);
  --mat-icon-color: inherit;
  --mat-sidenav-container-divider-color: rgba(255, 255, 255, 0.12);
  --mat-sidenav-container-background-color: #424242;
  --mat-sidenav-container-text-color: white;
  --mat-sidenav-content-background-color: #303030;
  --mat-sidenav-content-text-color: white;
  --mat-sidenav-scrim-color: rgba(255, 255, 255, 0.6);
  --mat-stepper-header-icon-foreground-color: var(--palette-primary-contrast-500-rgb);
  --mat-stepper-header-selected-state-icon-background-color: var(--palette-primary-500-rgb);
  --mat-stepper-header-selected-state-icon-foreground-color: var(--palette-primary-contrast-500-rgb);
  --mat-stepper-header-done-state-icon-background-color: var(--palette-primary-500-rgb);
  --mat-stepper-header-done-state-icon-foreground-color: var(--palette-primary-contrast-500-rgb);
  --mat-stepper-header-edit-state-icon-background-color: var(--palette-primary-500-rgb);
  --mat-stepper-header-edit-state-icon-foreground-color: var(--palette-primary-contrast-500-rgb);
  --mat-stepper-container-color: #424242;
  --mat-stepper-line-color: rgba(255, 255, 255, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, white 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, white 12%, transparent);
  --mat-stepper-header-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-stepper-header-optional-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-stepper-header-selected-state-label-text-color: white;
  --mat-stepper-header-error-state-label-text-color: var(--palette-warn-500-rgb);
  --mat-stepper-header-icon-background-color: rgba(255, 255, 255, 0.7);
  --mat-stepper-header-error-state-icon-foreground-color: var(--palette-warn-500-rgb);
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-sort-arrow-color: white;
  --mat-toolbar-container-background-color: #424242;
  --mat-toolbar-container-text-color: white;
  --mat-tree-container-background-color: #424242;
  --mat-tree-node-text-color: white;
  --mat-timepicker-container-background-color: #424242;
}
.isDarkTheme .mat-accent {
  --mat-option-selected-state-label-text-color: var(--palette-accent-500-rgb);
  --mat-option-label-text-color: white;
  --mat-option-hover-state-layer-color: color-mix(in srgb, white 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, white 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, white 12%, transparent);
}
.isDarkTheme .mat-warn {
  --mat-option-selected-state-label-text-color: var(--palette-warn-500-rgb);
  --mat-option-label-text-color: white;
  --mat-option-hover-state-layer-color: color-mix(in srgb, white 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, white 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, white 12%, transparent);
}
.isDarkTheme .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: var(--palette-primary-500-rgb);
  --mat-pseudo-checkbox-full-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: var(--palette-primary-500-rgb);
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, white 38%, transparent);
}
.isDarkTheme .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: var(--palette-accent-500-rgb);
  --mat-pseudo-checkbox-full-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: var(--palette-accent-500-rgb);
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, white 38%, transparent);
}
.isDarkTheme .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: var(--palette-warn-500-rgb);
  --mat-pseudo-checkbox-full-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: var(--palette-warn-500-rgb);
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, white 38%, transparent);
}
.isDarkTheme .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: var(--palette-primary-500-rgb);
  --mat-progress-bar-track-color: var(--palette-primary-500-rgb);
}
.isDarkTheme .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: var(--palette-accent-500-rgb);
  --mat-progress-bar-track-color: var(--palette-accent-500-rgb);
}
.isDarkTheme .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: var(--palette-warn-500-rgb);
  --mat-progress-bar-track-color: var(--palette-warn-500-rgb);
}
.isDarkTheme .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, var(--palette-accent-500-rgb) 87%, transparent);
  --mat-form-field-filled-caret-color: var(--palette-accent-500-rgb);
  --mat-form-field-filled-focus-active-indicator-color: var(--palette-accent-500-rgb);
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, var(--palette-accent-500-rgb) 87%, transparent);
  --mat-form-field-outlined-caret-color: var(--palette-accent-500-rgb);
  --mat-form-field-outlined-focus-outline-color: var(--palette-accent-500-rgb);
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, var(--palette-accent-500-rgb) 87%, transparent);
}
.isDarkTheme .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, var(--palette-warn-500-rgb) 87%, transparent);
  --mat-form-field-filled-caret-color: var(--palette-warn-500-rgb);
  --mat-form-field-filled-focus-active-indicator-color: var(--palette-warn-500-rgb);
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, var(--palette-warn-500-rgb) 87%, transparent);
  --mat-form-field-outlined-caret-color: var(--palette-warn-500-rgb);
  --mat-form-field-outlined-focus-outline-color: var(--palette-warn-500-rgb);
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, var(--palette-warn-500-rgb) 87%, transparent);
}
.isDarkTheme .mat-mdc-form-field.mat-accent {
  --mat-select-panel-background-color: #424242;
  --mat-select-enabled-trigger-text-color: white;
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.7);
  --mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.7);
  --mat-select-disabled-arrow-color: color-mix(in srgb, white 38%, transparent);
  --mat-select-focused-arrow-color: var(--palette-accent-500-rgb);
  --mat-select-invalid-arrow-color: var(--palette-warn-500-rgb);
}
.isDarkTheme .mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color: #424242;
  --mat-select-enabled-trigger-text-color: white;
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.7);
  --mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.7);
  --mat-select-disabled-arrow-color: color-mix(in srgb, white 38%, transparent);
  --mat-select-focused-arrow-color: var(--palette-warn-500-rgb);
  --mat-select-invalid-arrow-color: var(--palette-warn-500-rgb);
}
.isDarkTheme .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: white;
  --mat-chip-elevated-container-color: color-mix(in srgb, white 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, white 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, white 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, white 12%, transparent);
  --mat-chip-focus-state-layer-color: white;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: white;
  --mat-chip-label-text-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: white;
  --mat-chip-selected-trailing-icon-color: white;
  --mat-chip-with-icon-disabled-icon-color: white;
  --mat-chip-with-icon-icon-color: white;
  --mat-chip-with-icon-selected-icon-color: white;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mat-chip-with-trailing-icon-trailing-icon-color: white;
}
.isDarkTheme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .isDarkTheme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: var(--palette-primary-contrast-500-rgb);
  --mat-chip-elevated-container-color: var(--palette-primary-500-rgb);
  --mat-chip-elevated-disabled-container-color: var(--palette-primary-500-rgb);
  --mat-chip-elevated-selected-container-color: var(--palette-primary-500-rgb);
  --mat-chip-flat-disabled-selected-container-color: var(--palette-primary-500-rgb);
  --mat-chip-focus-state-layer-color: white;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: white;
  --mat-chip-label-text-color: var(--palette-primary-contrast-500-rgb);
  --mat-chip-selected-disabled-trailing-icon-color: var(--palette-primary-contrast-500-rgb);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: var(--palette-primary-contrast-500-rgb);
  --mat-chip-selected-trailing-icon-color: var(--palette-primary-contrast-500-rgb);
  --mat-chip-with-icon-disabled-icon-color: var(--palette-primary-contrast-500-rgb);
  --mat-chip-with-icon-icon-color: var(--palette-primary-contrast-500-rgb);
  --mat-chip-with-icon-selected-icon-color: var(--palette-primary-contrast-500-rgb);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: var(--palette-primary-contrast-500-rgb);
  --mat-chip-with-trailing-icon-trailing-icon-color: var(--palette-primary-contrast-500-rgb);
}
.isDarkTheme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .isDarkTheme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: var(--palette-accent-contrast-500-rgb);
  --mat-chip-elevated-container-color: var(--palette-accent-500-rgb);
  --mat-chip-elevated-disabled-container-color: var(--palette-accent-500-rgb);
  --mat-chip-elevated-selected-container-color: var(--palette-accent-500-rgb);
  --mat-chip-flat-disabled-selected-container-color: var(--palette-accent-500-rgb);
  --mat-chip-focus-state-layer-color: white;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: white;
  --mat-chip-label-text-color: var(--palette-accent-contrast-500-rgb);
  --mat-chip-selected-disabled-trailing-icon-color: var(--palette-accent-contrast-500-rgb);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: var(--palette-accent-contrast-500-rgb);
  --mat-chip-selected-trailing-icon-color: var(--palette-accent-contrast-500-rgb);
  --mat-chip-with-icon-disabled-icon-color: var(--palette-accent-contrast-500-rgb);
  --mat-chip-with-icon-icon-color: var(--palette-accent-contrast-500-rgb);
  --mat-chip-with-icon-selected-icon-color: var(--palette-accent-contrast-500-rgb);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: var(--palette-accent-contrast-500-rgb);
  --mat-chip-with-trailing-icon-trailing-icon-color: var(--palette-accent-contrast-500-rgb);
}
.isDarkTheme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .isDarkTheme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: var(--palette-warn-contrast-500-rgb);
  --mat-chip-elevated-container-color: var(--palette-warn-500-rgb);
  --mat-chip-elevated-disabled-container-color: var(--palette-warn-500-rgb);
  --mat-chip-elevated-selected-container-color: var(--palette-warn-500-rgb);
  --mat-chip-flat-disabled-selected-container-color: var(--palette-warn-500-rgb);
  --mat-chip-focus-state-layer-color: white;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: white;
  --mat-chip-label-text-color: var(--palette-warn-contrast-500-rgb);
  --mat-chip-selected-disabled-trailing-icon-color: var(--palette-warn-contrast-500-rgb);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: var(--palette-warn-contrast-500-rgb);
  --mat-chip-selected-trailing-icon-color: var(--palette-warn-contrast-500-rgb);
  --mat-chip-with-icon-disabled-icon-color: var(--palette-warn-contrast-500-rgb);
  --mat-chip-with-icon-icon-color: var(--palette-warn-contrast-500-rgb);
  --mat-chip-with-icon-selected-icon-color: var(--palette-warn-contrast-500-rgb);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: var(--palette-warn-contrast-500-rgb);
  --mat-chip-with-trailing-icon-trailing-icon-color: var(--palette-warn-contrast-500-rgb);
}
.isDarkTheme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: var(--palette-accent-contrast-500-rgb);
  --mat-slide-toggle-disabled-selected-icon-color: var(--palette-accent-contrast-500-rgb);
  --mat-slide-toggle-selected-focus-state-layer-color: var(--palette-accent-500-rgb);
  --mat-slide-toggle-selected-handle-color: var(--palette-accent-500-rgb);
  --mat-slide-toggle-selected-hover-state-layer-color: var(--palette-accent-500-rgb);
  --mat-slide-toggle-selected-pressed-state-layer-color: var(--palette-accent-500-rgb);
  --mat-slide-toggle-selected-focus-handle-color: var(--palette-accent-500-rgb);
  --mat-slide-toggle-selected-hover-handle-color: var(--palette-accent-500-rgb);
  --mat-slide-toggle-selected-pressed-handle-color: var(--palette-accent-500-rgb);
  --mat-slide-toggle-selected-focus-track-color: var(--palette-accent-600-rgb);
  --mat-slide-toggle-selected-hover-track-color: var(--palette-accent-600-rgb);
  --mat-slide-toggle-selected-pressed-track-color: var(--palette-accent-600-rgb);
  --mat-slide-toggle-selected-track-color: var(--palette-accent-600-rgb);
}
.isDarkTheme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: var(--palette-warn-contrast-500-rgb);
  --mat-slide-toggle-disabled-selected-icon-color: var(--palette-warn-contrast-500-rgb);
  --mat-slide-toggle-selected-focus-state-layer-color: var(--palette-warn-500-rgb);
  --mat-slide-toggle-selected-handle-color: var(--palette-warn-500-rgb);
  --mat-slide-toggle-selected-hover-state-layer-color: var(--palette-warn-500-rgb);
  --mat-slide-toggle-selected-pressed-state-layer-color: var(--palette-warn-500-rgb);
  --mat-slide-toggle-selected-focus-handle-color: var(--palette-warn-500-rgb);
  --mat-slide-toggle-selected-hover-handle-color: var(--palette-warn-500-rgb);
  --mat-slide-toggle-selected-pressed-handle-color: var(--palette-warn-500-rgb);
  --mat-slide-toggle-selected-focus-track-color: var(--palette-warn-600-rgb);
  --mat-slide-toggle-selected-hover-track-color: var(--palette-warn-600-rgb);
  --mat-slide-toggle-selected-pressed-track-color: var(--palette-warn-600-rgb);
  --mat-slide-toggle-selected-track-color: var(--palette-warn-600-rgb);
}
.isDarkTheme .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: var(--palette-primary-500-rgb);
  --mat-radio-disabled-label-color: color-mix(in srgb, white 38%, transparent);
  --mat-radio-disabled-selected-icon-color: white;
  --mat-radio-disabled-unselected-icon-color: white;
  --mat-radio-label-text-color: white;
  --mat-radio-ripple-color: white;
  --mat-radio-selected-focus-icon-color: var(--palette-primary-500-rgb);
  --mat-radio-selected-hover-icon-color: var(--palette-primary-500-rgb);
  --mat-radio-selected-icon-color: var(--palette-primary-500-rgb);
  --mat-radio-selected-pressed-icon-color: var(--palette-primary-500-rgb);
  --mat-radio-unselected-focus-icon-color: white;
  --mat-radio-unselected-hover-icon-color: white;
  --mat-radio-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-radio-unselected-pressed-icon-color: white;
}
.isDarkTheme .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: var(--palette-accent-500-rgb);
  --mat-radio-disabled-label-color: color-mix(in srgb, white 38%, transparent);
  --mat-radio-disabled-selected-icon-color: white;
  --mat-radio-disabled-unselected-icon-color: white;
  --mat-radio-label-text-color: white;
  --mat-radio-ripple-color: white;
  --mat-radio-selected-focus-icon-color: var(--palette-accent-500-rgb);
  --mat-radio-selected-hover-icon-color: var(--palette-accent-500-rgb);
  --mat-radio-selected-icon-color: var(--palette-accent-500-rgb);
  --mat-radio-selected-pressed-icon-color: var(--palette-accent-500-rgb);
  --mat-radio-unselected-focus-icon-color: white;
  --mat-radio-unselected-hover-icon-color: white;
  --mat-radio-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-radio-unselected-pressed-icon-color: white;
}
.isDarkTheme .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: var(--palette-warn-500-rgb);
  --mat-radio-disabled-label-color: color-mix(in srgb, white 38%, transparent);
  --mat-radio-disabled-selected-icon-color: white;
  --mat-radio-disabled-unselected-icon-color: white;
  --mat-radio-label-text-color: white;
  --mat-radio-ripple-color: white;
  --mat-radio-selected-focus-icon-color: var(--palette-warn-500-rgb);
  --mat-radio-selected-hover-icon-color: var(--palette-warn-500-rgb);
  --mat-radio-selected-icon-color: var(--palette-warn-500-rgb);
  --mat-radio-selected-pressed-icon-color: var(--palette-warn-500-rgb);
  --mat-radio-unselected-focus-icon-color: white;
  --mat-radio-unselected-hover-icon-color: white;
  --mat-radio-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-radio-unselected-pressed-icon-color: white;
}
.isDarkTheme .mat-accent {
  --mat-slider-active-track-color: var(--palette-accent-500-rgb);
  --mat-slider-focus-handle-color: var(--palette-accent-500-rgb);
  --mat-slider-handle-color: var(--palette-accent-500-rgb);
  --mat-slider-hover-handle-color: var(--palette-accent-500-rgb);
  --mat-slider-focus-state-layer-color: color-mix(in srgb, var(--palette-accent-500-rgb) 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, var(--palette-accent-500-rgb) 4%, transparent);
  --mat-slider-inactive-track-color: var(--palette-accent-500-rgb);
  --mat-slider-ripple-color: var(--palette-accent-500-rgb);
  --mat-slider-with-tick-marks-active-container-color: var(--palette-accent-contrast-500-rgb);
  --mat-slider-with-tick-marks-inactive-container-color: var(--palette-accent-500-rgb);
}
.isDarkTheme .mat-warn {
  --mat-slider-active-track-color: var(--palette-warn-500-rgb);
  --mat-slider-focus-handle-color: var(--palette-warn-500-rgb);
  --mat-slider-handle-color: var(--palette-warn-500-rgb);
  --mat-slider-hover-handle-color: var(--palette-warn-500-rgb);
  --mat-slider-focus-state-layer-color: color-mix(in srgb, var(--palette-warn-500-rgb) 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, var(--palette-warn-500-rgb) 4%, transparent);
  --mat-slider-inactive-track-color: var(--palette-warn-500-rgb);
  --mat-slider-ripple-color: var(--palette-warn-500-rgb);
  --mat-slider-with-tick-marks-active-container-color: var(--palette-warn-contrast-500-rgb);
  --mat-slider-with-tick-marks-inactive-container-color: var(--palette-warn-500-rgb);
}
.isDarkTheme .mdc-list-item__start,
.isDarkTheme .mdc-list-item__end {
  --mat-radio-checked-ripple-color: var(--palette-primary-500-rgb);
  --mat-radio-disabled-label-color: color-mix(in srgb, white 38%, transparent);
  --mat-radio-disabled-selected-icon-color: white;
  --mat-radio-disabled-unselected-icon-color: white;
  --mat-radio-label-text-color: white;
  --mat-radio-ripple-color: white;
  --mat-radio-selected-focus-icon-color: var(--palette-primary-500-rgb);
  --mat-radio-selected-hover-icon-color: var(--palette-primary-500-rgb);
  --mat-radio-selected-icon-color: var(--palette-primary-500-rgb);
  --mat-radio-selected-pressed-icon-color: var(--palette-primary-500-rgb);
  --mat-radio-unselected-focus-icon-color: white;
  --mat-radio-unselected-hover-icon-color: white;
  --mat-radio-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-radio-unselected-pressed-icon-color: white;
}
.isDarkTheme .mat-accent .mdc-list-item__start,
.isDarkTheme .mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: var(--palette-accent-500-rgb);
  --mat-radio-disabled-label-color: color-mix(in srgb, white 38%, transparent);
  --mat-radio-disabled-selected-icon-color: white;
  --mat-radio-disabled-unselected-icon-color: white;
  --mat-radio-label-text-color: white;
  --mat-radio-ripple-color: white;
  --mat-radio-selected-focus-icon-color: var(--palette-accent-500-rgb);
  --mat-radio-selected-hover-icon-color: var(--palette-accent-500-rgb);
  --mat-radio-selected-icon-color: var(--palette-accent-500-rgb);
  --mat-radio-selected-pressed-icon-color: var(--palette-accent-500-rgb);
  --mat-radio-unselected-focus-icon-color: white;
  --mat-radio-unselected-hover-icon-color: white;
  --mat-radio-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-radio-unselected-pressed-icon-color: white;
}
.isDarkTheme .mat-warn .mdc-list-item__start,
.isDarkTheme .mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: var(--palette-warn-500-rgb);
  --mat-radio-disabled-label-color: color-mix(in srgb, white 38%, transparent);
  --mat-radio-disabled-selected-icon-color: white;
  --mat-radio-disabled-unselected-icon-color: white;
  --mat-radio-label-text-color: white;
  --mat-radio-ripple-color: white;
  --mat-radio-selected-focus-icon-color: var(--palette-warn-500-rgb);
  --mat-radio-selected-hover-icon-color: var(--palette-warn-500-rgb);
  --mat-radio-selected-icon-color: var(--palette-warn-500-rgb);
  --mat-radio-selected-pressed-icon-color: var(--palette-warn-500-rgb);
  --mat-radio-unselected-focus-icon-color: white;
  --mat-radio-unselected-hover-icon-color: white;
  --mat-radio-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-radio-unselected-pressed-icon-color: white;
}
.isDarkTheme .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-label-text-color: white;
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-selected-checkmark-color: var(--palette-primary-contrast-500-rgb);
  --mat-checkbox-selected-focus-icon-color: var(--palette-primary-500-rgb);
  --mat-checkbox-selected-hover-icon-color: var(--palette-primary-500-rgb);
  --mat-checkbox-selected-icon-color: var(--palette-primary-500-rgb);
  --mat-checkbox-selected-pressed-icon-color: var(--palette-primary-500-rgb);
  --mat-checkbox-unselected-focus-icon-color: white;
  --mat-checkbox-unselected-hover-icon-color: white;
  --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-checkbox-selected-focus-state-layer-color: var(--palette-primary-500-rgb);
  --mat-checkbox-selected-hover-state-layer-color: var(--palette-primary-500-rgb);
  --mat-checkbox-selected-pressed-state-layer-color: var(--palette-primary-500-rgb);
  --mat-checkbox-unselected-focus-state-layer-color: white;
  --mat-checkbox-unselected-hover-state-layer-color: white;
  --mat-checkbox-unselected-pressed-state-layer-color: white;
}
.isDarkTheme .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-label-text-color: white;
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-selected-checkmark-color: var(--palette-accent-contrast-500-rgb);
  --mat-checkbox-selected-focus-icon-color: var(--palette-accent-500-rgb);
  --mat-checkbox-selected-hover-icon-color: var(--palette-accent-500-rgb);
  --mat-checkbox-selected-icon-color: var(--palette-accent-500-rgb);
  --mat-checkbox-selected-pressed-icon-color: var(--palette-accent-500-rgb);
  --mat-checkbox-unselected-focus-icon-color: white;
  --mat-checkbox-unselected-hover-icon-color: white;
  --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-checkbox-selected-focus-state-layer-color: var(--palette-accent-500-rgb);
  --mat-checkbox-selected-hover-state-layer-color: var(--palette-accent-500-rgb);
  --mat-checkbox-selected-pressed-state-layer-color: var(--palette-accent-500-rgb);
  --mat-checkbox-unselected-focus-state-layer-color: white;
  --mat-checkbox-unselected-hover-state-layer-color: white;
  --mat-checkbox-unselected-pressed-state-layer-color: white;
}
.isDarkTheme .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-label-text-color: white;
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-selected-checkmark-color: var(--palette-warn-contrast-500-rgb);
  --mat-checkbox-selected-focus-icon-color: var(--palette-warn-500-rgb);
  --mat-checkbox-selected-hover-icon-color: var(--palette-warn-500-rgb);
  --mat-checkbox-selected-icon-color: var(--palette-warn-500-rgb);
  --mat-checkbox-selected-pressed-icon-color: var(--palette-warn-500-rgb);
  --mat-checkbox-unselected-focus-icon-color: white;
  --mat-checkbox-unselected-hover-icon-color: white;
  --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-checkbox-selected-focus-state-layer-color: var(--palette-warn-500-rgb);
  --mat-checkbox-selected-hover-state-layer-color: var(--palette-warn-500-rgb);
  --mat-checkbox-selected-pressed-state-layer-color: var(--palette-warn-500-rgb);
  --mat-checkbox-unselected-focus-state-layer-color: white;
  --mat-checkbox-unselected-hover-state-layer-color: white;
  --mat-checkbox-unselected-pressed-state-layer-color: white;
}
.isDarkTheme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.isDarkTheme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.isDarkTheme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.isDarkTheme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: var(--palette-primary-500-rgb);
}
.isDarkTheme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.isDarkTheme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.isDarkTheme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.isDarkTheme .mat-mdc-tab-group,
.isDarkTheme .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(255, 255, 255, 0.7);
  --mat-tab-pagination-icon-color: white;
  --mat-tab-inactive-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-tab-active-label-text-color: var(--palette-primary-500-rgb);
  --mat-tab-active-ripple-color: var(--palette-primary-500-rgb);
  --mat-tab-inactive-ripple-color: var(--palette-primary-500-rgb);
  --mat-tab-inactive-focus-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-tab-inactive-hover-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-tab-active-focus-label-text-color: var(--palette-primary-500-rgb);
  --mat-tab-active-hover-label-text-color: var(--palette-primary-500-rgb);
  --mat-tab-active-focus-indicator-color: var(--palette-primary-500-rgb);
  --mat-tab-active-hover-indicator-color: var(--palette-primary-500-rgb);
  --mat-tab-active-indicator-color: var(--palette-primary-500-rgb);
}
.isDarkTheme .mat-mdc-tab-group.mat-accent,
.isDarkTheme .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(255, 255, 255, 0.7);
  --mat-tab-pagination-icon-color: white;
  --mat-tab-inactive-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-tab-active-label-text-color: var(--palette-accent-500-rgb);
  --mat-tab-active-ripple-color: var(--palette-accent-500-rgb);
  --mat-tab-inactive-ripple-color: var(--palette-accent-500-rgb);
  --mat-tab-inactive-focus-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-tab-inactive-hover-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-tab-active-focus-label-text-color: var(--palette-accent-500-rgb);
  --mat-tab-active-hover-label-text-color: var(--palette-accent-500-rgb);
  --mat-tab-active-focus-indicator-color: var(--palette-accent-500-rgb);
  --mat-tab-active-hover-indicator-color: var(--palette-accent-500-rgb);
  --mat-tab-active-indicator-color: var(--palette-accent-500-rgb);
}
.isDarkTheme .mat-mdc-tab-group.mat-warn,
.isDarkTheme .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(255, 255, 255, 0.7);
  --mat-tab-pagination-icon-color: white;
  --mat-tab-inactive-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-tab-active-label-text-color: var(--palette-warn-500-rgb);
  --mat-tab-active-ripple-color: var(--palette-warn-500-rgb);
  --mat-tab-inactive-ripple-color: var(--palette-warn-500-rgb);
  --mat-tab-inactive-focus-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-tab-inactive-hover-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-tab-active-focus-label-text-color: var(--palette-warn-500-rgb);
  --mat-tab-active-hover-label-text-color: var(--palette-warn-500-rgb);
  --mat-tab-active-focus-indicator-color: var(--palette-warn-500-rgb);
  --mat-tab-active-hover-indicator-color: var(--palette-warn-500-rgb);
  --mat-tab-active-indicator-color: var(--palette-warn-500-rgb);
}
.isDarkTheme .mat-mdc-tab-group.mat-background-primary,
.isDarkTheme .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: var(--palette-primary-500-rgb);
  --mat-tab-foreground-color: var(--palette-primary-contrast-500-rgb);
}
.isDarkTheme .mat-mdc-tab-group.mat-background-accent,
.isDarkTheme .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: var(--palette-accent-500-rgb);
  --mat-tab-foreground-color: var(--palette-accent-contrast-500-rgb);
}
.isDarkTheme .mat-mdc-tab-group.mat-background-warn,
.isDarkTheme .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: var(--palette-warn-500-rgb);
  --mat-tab-foreground-color: var(--palette-warn-contrast-500-rgb);
}
.isDarkTheme .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-selected-checkmark-color: var(--palette-primary-contrast-500-rgb);
  --mat-checkbox-selected-focus-icon-color: var(--palette-primary-500-rgb);
  --mat-checkbox-selected-hover-icon-color: var(--palette-primary-500-rgb);
  --mat-checkbox-selected-icon-color: var(--palette-primary-500-rgb);
  --mat-checkbox-selected-pressed-icon-color: var(--palette-primary-500-rgb);
  --mat-checkbox-unselected-focus-icon-color: white;
  --mat-checkbox-unselected-hover-icon-color: white;
  --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-checkbox-selected-focus-state-layer-color: var(--palette-primary-500-rgb);
  --mat-checkbox-selected-hover-state-layer-color: var(--palette-primary-500-rgb);
  --mat-checkbox-selected-pressed-state-layer-color: var(--palette-primary-500-rgb);
  --mat-checkbox-unselected-focus-state-layer-color: white;
  --mat-checkbox-unselected-hover-state-layer-color: white;
  --mat-checkbox-unselected-pressed-state-layer-color: white;
}
.isDarkTheme .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-selected-checkmark-color: var(--palette-warn-contrast-500-rgb);
  --mat-checkbox-selected-focus-icon-color: var(--palette-warn-500-rgb);
  --mat-checkbox-selected-hover-icon-color: var(--palette-warn-500-rgb);
  --mat-checkbox-selected-icon-color: var(--palette-warn-500-rgb);
  --mat-checkbox-selected-pressed-icon-color: var(--palette-warn-500-rgb);
  --mat-checkbox-unselected-focus-icon-color: white;
  --mat-checkbox-unselected-hover-icon-color: white;
  --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-checkbox-selected-focus-state-layer-color: var(--palette-warn-500-rgb);
  --mat-checkbox-selected-hover-state-layer-color: var(--palette-warn-500-rgb);
  --mat-checkbox-selected-pressed-state-layer-color: var(--palette-warn-500-rgb);
  --mat-checkbox-unselected-focus-state-layer-color: white;
  --mat-checkbox-unselected-hover-state-layer-color: white;
  --mat-checkbox-unselected-pressed-state-layer-color: white;
}
.isDarkTheme .mat-mdc-button.mat-primary,
.isDarkTheme .mat-mdc-unelevated-button.mat-primary,
.isDarkTheme .mat-mdc-raised-button.mat-primary,
.isDarkTheme .mat-mdc-outlined-button.mat-primary,
.isDarkTheme .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: var(--palette-primary-500-rgb);
  --mat-button-filled-label-text-color: var(--palette-primary-contrast-500-rgb);
  --mat-button-filled-ripple-color: color-mix(in srgb, var(--palette-primary-contrast-500-rgb) 12%, transparent);
  --mat-button-filled-state-layer-color: var(--palette-primary-contrast-500-rgb);
  --mat-button-outlined-label-text-color: var(--palette-primary-500-rgb);
  --mat-button-outlined-outline-color: rgba(255, 255, 255, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, var(--palette-primary-500-rgb) 12%, transparent);
  --mat-button-outlined-state-layer-color: var(--palette-primary-500-rgb);
  --mat-button-protected-container-color: var(--palette-primary-500-rgb);
  --mat-button-protected-label-text-color: var(--palette-primary-contrast-500-rgb);
  --mat-button-protected-ripple-color: color-mix(in srgb, var(--palette-primary-contrast-500-rgb) 12%, transparent);
  --mat-button-protected-state-layer-color: var(--palette-primary-contrast-500-rgb);
  --mat-button-text-label-text-color: var(--palette-primary-500-rgb);
  --mat-button-text-ripple-color: color-mix(in srgb, var(--palette-primary-500-rgb) 12%, transparent);
  --mat-button-text-state-layer-color: var(--palette-primary-500-rgb);
  --mat-button-tonal-container-color: var(--palette-primary-500-rgb);
  --mat-button-tonal-label-text-color: var(--palette-primary-contrast-500-rgb);
  --mat-button-tonal-ripple-color: color-mix(in srgb, var(--palette-primary-contrast-500-rgb) 12%, transparent);
  --mat-button-tonal-state-layer-color: var(--palette-primary-contrast-500-rgb);
}
.isDarkTheme .mat-mdc-button.mat-accent,
.isDarkTheme .mat-mdc-unelevated-button.mat-accent,
.isDarkTheme .mat-mdc-raised-button.mat-accent,
.isDarkTheme .mat-mdc-outlined-button.mat-accent,
.isDarkTheme .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: var(--palette-accent-500-rgb);
  --mat-button-filled-label-text-color: var(--palette-accent-contrast-500-rgb);
  --mat-button-filled-ripple-color: color-mix(in srgb, var(--palette-accent-contrast-500-rgb) 12%, transparent);
  --mat-button-filled-state-layer-color: var(--palette-accent-contrast-500-rgb);
  --mat-button-outlined-label-text-color: var(--palette-accent-500-rgb);
  --mat-button-outlined-outline-color: rgba(255, 255, 255, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, var(--palette-accent-500-rgb) 12%, transparent);
  --mat-button-outlined-state-layer-color: var(--palette-accent-500-rgb);
  --mat-button-protected-container-color: var(--palette-accent-500-rgb);
  --mat-button-protected-label-text-color: var(--palette-accent-contrast-500-rgb);
  --mat-button-protected-ripple-color: color-mix(in srgb, var(--palette-accent-contrast-500-rgb) 12%, transparent);
  --mat-button-protected-state-layer-color: var(--palette-accent-contrast-500-rgb);
  --mat-button-text-label-text-color: var(--palette-accent-500-rgb);
  --mat-button-text-ripple-color: color-mix(in srgb, var(--palette-accent-500-rgb) 12%, transparent);
  --mat-button-text-state-layer-color: var(--palette-accent-500-rgb);
  --mat-button-tonal-container-color: var(--palette-accent-500-rgb);
  --mat-button-tonal-label-text-color: var(--palette-accent-contrast-500-rgb);
  --mat-button-tonal-ripple-color: color-mix(in srgb, var(--palette-accent-contrast-500-rgb) 12%, transparent);
  --mat-button-tonal-state-layer-color: var(--palette-accent-contrast-500-rgb);
}
.isDarkTheme .mat-mdc-button.mat-warn,
.isDarkTheme .mat-mdc-unelevated-button.mat-warn,
.isDarkTheme .mat-mdc-raised-button.mat-warn,
.isDarkTheme .mat-mdc-outlined-button.mat-warn,
.isDarkTheme .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: var(--palette-warn-500-rgb);
  --mat-button-filled-label-text-color: var(--palette-warn-contrast-500-rgb);
  --mat-button-filled-ripple-color: color-mix(in srgb, var(--palette-warn-contrast-500-rgb) 12%, transparent);
  --mat-button-filled-state-layer-color: var(--palette-warn-contrast-500-rgb);
  --mat-button-outlined-label-text-color: var(--palette-warn-500-rgb);
  --mat-button-outlined-outline-color: rgba(255, 255, 255, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, var(--palette-warn-500-rgb) 12%, transparent);
  --mat-button-outlined-state-layer-color: var(--palette-warn-500-rgb);
  --mat-button-protected-container-color: var(--palette-warn-500-rgb);
  --mat-button-protected-label-text-color: var(--palette-warn-contrast-500-rgb);
  --mat-button-protected-ripple-color: color-mix(in srgb, var(--palette-warn-contrast-500-rgb) 12%, transparent);
  --mat-button-protected-state-layer-color: var(--palette-warn-contrast-500-rgb);
  --mat-button-text-label-text-color: var(--palette-warn-500-rgb);
  --mat-button-text-ripple-color: color-mix(in srgb, var(--palette-warn-500-rgb) 12%, transparent);
  --mat-button-text-state-layer-color: var(--palette-warn-500-rgb);
  --mat-button-tonal-container-color: var(--palette-warn-500-rgb);
  --mat-button-tonal-label-text-color: var(--palette-warn-contrast-500-rgb);
  --mat-button-tonal-ripple-color: color-mix(in srgb, var(--palette-warn-contrast-500-rgb) 12%, transparent);
  --mat-button-tonal-state-layer-color: var(--palette-warn-contrast-500-rgb);
}
.isDarkTheme .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: var(--palette-primary-500-rgb);
  --mat-icon-button-state-layer-color: var(--palette-primary-500-rgb);
  --mat-icon-button-ripple-color: color-mix(in srgb, var(--palette-primary-500-rgb) 12%, transparent);
}
.isDarkTheme .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: var(--palette-accent-500-rgb);
  --mat-icon-button-state-layer-color: var(--palette-accent-500-rgb);
  --mat-icon-button-ripple-color: color-mix(in srgb, var(--palette-accent-500-rgb) 12%, transparent);
}
.isDarkTheme .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: var(--palette-warn-500-rgb);
  --mat-icon-button-state-layer-color: var(--palette-warn-500-rgb);
  --mat-icon-button-ripple-color: color-mix(in srgb, var(--palette-warn-500-rgb) 12%, transparent);
}
.isDarkTheme .mat-mdc-fab.mat-primary, .isDarkTheme .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: var(--palette-primary-500-rgb);
  --mat-fab-foreground-color: var(--palette-primary-contrast-500-rgb);
  --mat-fab-ripple-color: color-mix(in srgb, var(--palette-primary-500-rgb) 12%, transparent);
  --mat-fab-small-container-color: var(--palette-primary-500-rgb);
  --mat-fab-small-foreground-color: var(--palette-primary-contrast-500-rgb);
  --mat-fab-small-ripple-color: color-mix(in srgb, var(--palette-primary-contrast-500-rgb) 12%, transparent);
  --mat-fab-small-state-layer-color: var(--palette-primary-contrast-500-rgb);
  --mat-fab-state-layer-color: var(--palette-primary-contrast-500-rgb);
}
.isDarkTheme .mat-mdc-fab.mat-accent, .isDarkTheme .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: var(--palette-accent-500-rgb);
  --mat-fab-foreground-color: var(--palette-accent-contrast-500-rgb);
  --mat-fab-ripple-color: color-mix(in srgb, var(--palette-accent-500-rgb) 12%, transparent);
  --mat-fab-small-container-color: var(--palette-accent-500-rgb);
  --mat-fab-small-foreground-color: var(--palette-accent-contrast-500-rgb);
  --mat-fab-small-ripple-color: color-mix(in srgb, var(--palette-accent-contrast-500-rgb) 12%, transparent);
  --mat-fab-small-state-layer-color: var(--palette-accent-contrast-500-rgb);
  --mat-fab-state-layer-color: var(--palette-accent-contrast-500-rgb);
}
.isDarkTheme .mat-mdc-fab.mat-warn, .isDarkTheme .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: var(--palette-warn-500-rgb);
  --mat-fab-foreground-color: var(--palette-warn-contrast-500-rgb);
  --mat-fab-ripple-color: color-mix(in srgb, var(--palette-warn-500-rgb) 12%, transparent);
  --mat-fab-small-container-color: var(--palette-warn-500-rgb);
  --mat-fab-small-foreground-color: var(--palette-warn-contrast-500-rgb);
  --mat-fab-small-ripple-color: color-mix(in srgb, var(--palette-warn-contrast-500-rgb) 12%, transparent);
  --mat-fab-small-state-layer-color: var(--palette-warn-contrast-500-rgb);
  --mat-fab-state-layer-color: var(--palette-warn-contrast-500-rgb);
}
.isDarkTheme .mat-accent {
  --mat-progress-spinner-active-indicator-color: var(--palette-accent-500-rgb);
}
.isDarkTheme .mat-warn {
  --mat-progress-spinner-active-indicator-color: var(--palette-warn-500-rgb);
}
.isDarkTheme .mat-badge-accent {
  --mat-badge-background-color: var(--palette-accent-500-rgb);
  --mat-badge-text-color: var(--palette-accent-contrast-500-rgb);
}
.isDarkTheme .mat-badge-warn {
  --mat-badge-background-color: var(--palette-warn-500-rgb);
  --mat-badge-text-color: var(--palette-warn-contrast-500-rgb);
}
.isDarkTheme .mat-datepicker-content.mat-accent, .isDarkTheme .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, var(--palette-accent-500-rgb) 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, var(--palette-accent-500-rgb) 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: var(--palette-accent-contrast-500-rgb);
  --mat-datepicker-calendar-date-selected-state-background-color: var(--palette-accent-500-rgb);
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, var(--palette-accent-500-rgb) 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: var(--palette-accent-contrast-500-rgb);
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, var(--palette-accent-500-rgb) 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, var(--palette-accent-500-rgb) 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: var(--palette-accent-500-rgb);
  --mat-datepicker-toggle-icon-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-body-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-period-button-text-color: white;
  --mat-datepicker-calendar-period-button-icon-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-header-divider-color: rgba(255, 255, 255, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-date-today-outline-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, white 38%, transparent);
  --mat-datepicker-calendar-date-text-color: white;
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-range-input-separator-color: white;
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, white 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-datepicker-calendar-container-background-color: #424242;
  --mat-datepicker-calendar-container-text-color: white;
}
.isDarkTheme .mat-datepicker-content.mat-warn, .isDarkTheme .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, var(--palette-warn-500-rgb) 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, var(--palette-accent-500-rgb) 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: var(--palette-warn-contrast-500-rgb);
  --mat-datepicker-calendar-date-selected-state-background-color: var(--palette-warn-500-rgb);
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, var(--palette-warn-500-rgb) 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: var(--palette-warn-contrast-500-rgb);
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, var(--palette-warn-500-rgb) 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, var(--palette-warn-500-rgb) 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: var(--palette-warn-500-rgb);
  --mat-datepicker-toggle-icon-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-body-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-period-button-text-color: white;
  --mat-datepicker-calendar-period-button-icon-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-header-divider-color: rgba(255, 255, 255, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-date-today-outline-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, white 38%, transparent);
  --mat-datepicker-calendar-date-text-color: white;
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-range-input-separator-color: white;
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, white 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-datepicker-calendar-container-background-color: #424242;
  --mat-datepicker-calendar-container-text-color: white;
}
.isDarkTheme .mat-icon.mat-primary {
  --mat-icon-color: var(--palette-primary-500-rgb);
}
.isDarkTheme .mat-icon.mat-accent {
  --mat-icon-color: var(--palette-accent-500-rgb);
}
.isDarkTheme .mat-icon.mat-warn {
  --mat-icon-color: var(--palette-warn-500-rgb);
}
.isDarkTheme .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: var(--palette-accent-contrast-500-rgb);
  --mat-stepper-header-selected-state-icon-background-color: var(--palette-accent-500-rgb);
  --mat-stepper-header-selected-state-icon-foreground-color: var(--palette-accent-contrast-500-rgb);
  --mat-stepper-header-done-state-icon-background-color: var(--palette-accent-500-rgb);
  --mat-stepper-header-done-state-icon-foreground-color: var(--palette-accent-contrast-500-rgb);
  --mat-stepper-header-edit-state-icon-background-color: var(--palette-accent-500-rgb);
  --mat-stepper-header-edit-state-icon-foreground-color: var(--palette-accent-contrast-500-rgb);
}
.isDarkTheme .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: var(--palette-warn-contrast-500-rgb);
  --mat-stepper-header-selected-state-icon-background-color: var(--palette-warn-500-rgb);
  --mat-stepper-header-selected-state-icon-foreground-color: var(--palette-warn-contrast-500-rgb);
  --mat-stepper-header-done-state-icon-background-color: var(--palette-warn-500-rgb);
  --mat-stepper-header-done-state-icon-foreground-color: var(--palette-warn-contrast-500-rgb);
  --mat-stepper-header-edit-state-icon-background-color: var(--palette-warn-500-rgb);
  --mat-stepper-header-edit-state-icon-foreground-color: var(--palette-warn-contrast-500-rgb);
}
.isDarkTheme .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: var(--palette-primary-500-rgb);
  --mat-toolbar-container-text-color: var(--palette-primary-contrast-500-rgb);
}
.isDarkTheme .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: var(--palette-accent-500-rgb);
  --mat-toolbar-container-text-color: var(--palette-accent-contrast-500-rgb);
}
.isDarkTheme .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: var(--palette-warn-500-rgb);
  --mat-toolbar-container-text-color: var(--palette-warn-contrast-500-rgb);
}

.mat-datepicker-content .mat-calendar-body-in-range::before {
  background: var(--palette-primary-500-rgb);
}
.isDarkTheme .mat-datepicker-content .mat-calendar-body-in-range::before {
  background: var(--palette-primary-500-rgb);
}
.mat-datepicker-content .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-datepicker-content .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-datepicker-content .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: var(--palette-primary-500-rgb);
}
.isDarkTheme .mat-datepicker-content .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.isDarkTheme .mat-datepicker-content .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.isDarkTheme .mat-datepicker-content .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: var(--palette-primary-500-rgb);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-in-range::before {
  background: var(--palette-accent-500-rgb);
}
.isDarkTheme .mat-datepicker-content.mat-accent .mat-calendar-body-in-range::before {
  background: var(--palette-accent-500-rgb);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-datepicker-content.mat-accent .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-datepicker-content.mat-accent .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: var(--palette-accent-500-rgb);
}
.isDarkTheme .mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.isDarkTheme .mat-datepicker-content.mat-accent .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.isDarkTheme .mat-datepicker-content.mat-accent .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: var(--palette-accent-500-rgb);
}
.mat-datepicker-content.mat-warn .mat-calendar-body-in-range::before {
  background: var(--palette-warn-500-rgb);
}
.isDarkTheme .mat-datepicker-content.mat-warn .mat-calendar-body-in-range::before {
  background: var(--palette-warn-500-rgb);
}
.mat-datepicker-content.mat-warn .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-datepicker-content.mat-warn .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-datepicker-content.mat-warn .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: var(--palette-warn-500-rgb);
}
.isDarkTheme .mat-datepicker-content.mat-warn .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.isDarkTheme .mat-datepicker-content.mat-warn .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.isDarkTheme .mat-datepicker-content.mat-warn .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: var(--palette-warn-500-rgb);
}

.mat-checkbox.mat-primary .mat-checkbox-checkmark .mat-checkbox-checkmark-path,
.mat-checkbox.mat-primary .mat-checkbox-checkmark .mat-checkbox-checkmark-path {
  stroke: var(--palette-primary-contrast-500-rgb) !important;
}
.mat-checkbox.mat-primary .mat-checkbox-mixedmark,
.mat-checkbox.mat-primary .mat-checkbox-mixedmark {
  background-color: var(--palette-primary-contrast-500-rgb) !important;
}

.mat-checkbox.mat-accent .mat-checkbox-checkmark .mat-checkbox-checkmark-path,
.mat-checkbox.mat-accent .mat-checkbox-checkmark .mat-checkbox-checkmark-path {
  stroke: var(--palette-accent-contrast-500-rgb) !important;
}
.mat-checkbox.mat-accent .mat-checkbox-mixedmark,
.mat-checkbox.mat-accent .mat-checkbox-mixedmark {
  background-color: var(--palette-accent-contrast-500-rgb) !important;
}

.mat-checkbox.mat-warn .mat-checkbox-checkmark .mat-checkbox-checkmark-path,
.mat-checkbox.mat-warn .mat-checkbox-checkmark .mat-checkbox-checkmark-path {
  stroke: var(--palette-warn-contrast-500-rgb) !important;
}
.mat-checkbox.mat-warn .mat-checkbox-mixedmark,
.mat-checkbox.mat-warn .mat-checkbox-mixedmark {
  background-color: var(--palette-warn-contrast-500-rgb) !important;
}

.isDarkTheme .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
  background-color: var(--palette-accent-500-rgb);
}
.isDarkTheme .mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
  background-color: var(--palette-accent-500-rgb);
}
.isDarkTheme .mat-slide-toggle.mat-checked .mat-ripple-element {
  background-color: var(--palette-accent-500-rgb);
}
.isLightTheme .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
  background-color: var(--palette-accent-500-rgb);
}
.isLightTheme .mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
  background-color: var(--palette-accent-500-rgb);
}
.isLightTheme .mat-slide-toggle.mat-checked .mat-ripple-element {
  background-color: var(--palette-accent-500-rgb);
}
.isDarkTheme .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb {
  background-color: var(--palette-primary-500-rgb);
}
.isDarkTheme .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar {
  background-color: var(--palette-primary-500-rgb);
}
.isDarkTheme .mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element {
  background-color: var(--palette-primary-500-rgb);
}
.isLightTheme .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb {
  background-color: var(--palette-primary-500-rgb);
}
.isLightTheme .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar {
  background-color: var(--palette-primary-500-rgb);
}
.isLightTheme .mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element {
  background-color: var(--palette-primary-500-rgb);
}
.isDarkTheme .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb {
  background-color: var(--palette-warn-500-rgb);
}
.isDarkTheme .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar {
  background-color: var(--palette-warn-500-rgb);
}
.isDarkTheme .mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element {
  background-color: var(--palette-warn-500-rgb);
}
.isLightTheme .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb {
  background-color: var(--palette-warn-500-rgb);
}
.isLightTheme .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar {
  background-color: var(--palette-warn-500-rgb);
}
.isLightTheme .mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element {
  background-color: var(--palette-warn-500-rgb);
}

html {
  --mat-badge-text-font: Roboto;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
}

html {
  --mat-bottom-sheet-container-text-font: Roboto;
  --mat-bottom-sheet-container-text-line-height: 24px;
  --mat-bottom-sheet-container-text-size: 16px;
  --mat-bottom-sheet-container-text-tracking: normal;
  --mat-bottom-sheet-container-text-weight: 500;
}

html {
  --mat-button-toggle-label-text-font: Roboto;
  --mat-button-toggle-label-text-line-height: 24px;
  --mat-button-toggle-label-text-size: 15px;
  --mat-button-toggle-label-text-tracking: normal;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: Roboto;
  --mat-button-toggle-legacy-label-text-line-height: 24px;
  --mat-button-toggle-legacy-label-text-size: 15px;
  --mat-button-toggle-legacy-label-text-tracking: normal;
  --mat-button-toggle-legacy-label-text-weight: 400;
}

html {
  --mat-datepicker-calendar-text-font: Roboto;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
}

html {
  --mat-expansion-header-text-font: Roboto;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto;
  --mat-expansion-container-text-line-height: 24px;
  --mat-expansion-container-text-size: 16px;
  --mat-expansion-container-text-tracking: normal;
  --mat-expansion-container-text-weight: 500;
}

html {
  --mat-grid-list-tile-header-primary-text-size: 16px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 16px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
}

html {
  --mat-stepper-container-text-font: Roboto;
  --mat-stepper-header-label-text-font: Roboto;
  --mat-stepper-header-label-text-size: 16px;
  --mat-stepper-header-label-text-weight: 500;
  --mat-stepper-header-error-state-label-text-size: 15px;
  --mat-stepper-header-selected-state-label-text-size: 15px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
}

html {
  --mat-toolbar-title-text-font: Roboto;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: normal;
  --mat-toolbar-title-text-weight: 500;
}

html {
  --mat-tree-node-text-font: Roboto;
  --mat-tree-node-text-size: 16px;
  --mat-tree-node-text-weight: 500;
}

html {
  --mat-expansion-header-text-size: 15px;
  --mat-expansion-header-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 14px;
  --mat-stepper-header-selected-state-label-text-size: 14px;
  --mat-stepper-header-selected-state-label-text-weight: 500;
}

:root {
  --palette-background-status-bar: 224, 224, 224;
  --palette-background-app-bar: 245, 245, 245;
  --palette-background-background: 250, 250, 250;
  --palette-background-hover: 0, 0, 0;
  --palette-background-hover-alpha: 0.04;
  --palette-background-card: 255, 255, 255;
  --palette-background-dialog: 255, 255, 255;
  --palette-background-disabled-button: 0, 0, 0;
  --palette-background-disabled-button-alpha: 0.12;
  --palette-background-raised-button: 255, 255, 255;
  --palette-background-focused-button: 0, 0, 0;
  --palette-background-focused-button-alpha: 0.12;
  --palette-background-selected-button: 224, 224, 224;
  --palette-background-selected-disabled-button: 189, 189, 189;
  --palette-background-disabled-button-toggle: 238, 238, 238;
  --palette-background-unselected-chip: 224, 224, 224;
  --palette-background-disabled-list-option: 238, 238, 238;
  --palette-background-tooltip: 97, 97, 97;
  --palette-background-status-bar-dark: 0, 0, 0;
  --palette-background-app-bar-dark: 33, 33, 33;
  --palette-background-background-dark: 48, 48, 48;
  --palette-background-hover-dark: 255, 255, 255;
  --palette-background-hover-dark-alpha: 0.04;
  --palette-background-card-dark: 66, 66, 66;
  --palette-background-dialog-dark: 66, 66, 66;
  --palette-background-disabled-button-dark: 255, 255, 255;
  --palette-background-disabled-button-dark-alpha: 0.12;
  --palette-background-raised-button-dark: 66, 66, 66;
  --palette-background-focused-button-dark: 255, 255, 255;
  --palette-background-focused-button-dark-alpha: 0.12;
  --palette-background-selected-button-dark: 33, 33, 33;
  --palette-background-selected-disabled-button-dark: 66, 66, 66;
  --palette-background-disabled-button-toggle-dark: 0, 0, 0;
  --palette-background-unselected-chip-dark: 97, 97, 97;
  --palette-background-disabled-list-option-dark: 0, 0, 0;
  --palette-background-tooltip-dark: 97, 97, 97;
}

:root {
  --palette-foreground-base: 0, 0, 0;
  --palette-foreground-divider: 0, 0, 0;
  --palette-foreground-divider-alpha: 0.12;
  --palette-foreground-dividers: 0, 0, 0;
  --palette-foreground-dividers-alpha: 0.12;
  --palette-foreground-disabled: 0, 0, 0;
  --palette-foreground-disabled-alpha: 0.38;
  --palette-foreground-disabled-button: 0, 0, 0;
  --palette-foreground-disabled-button-alpha: 0.26;
  --palette-foreground-disabled-text: 0, 0, 0;
  --palette-foreground-disabled-text-alpha: 0.38;
  --palette-foreground-hint-text: 0, 0, 0;
  --palette-foreground-hint-text-alpha: 0.38;
  --palette-foreground-secondary-text: 0, 0, 0;
  --palette-foreground-secondary-text-alpha: 0.54;
  --palette-foreground-icon: 0, 0, 0;
  --palette-foreground-icon-alpha: 0.54;
  --palette-foreground-icons: 0, 0, 0;
  --palette-foreground-icons-alpha: 0.54;
  --palette-foreground-text: 0, 0, 0;
  --palette-foreground-text-alpha: 0.87;
  --palette-foreground-slider-min: 0, 0, 0;
  --palette-foreground-slider-min-alpha: 0.87;
  --palette-foreground-slider-off: 0, 0, 0;
  --palette-foreground-slider-off-alpha: 0.26;
  --palette-foreground-slider-off-active: 0, 0, 0;
  --palette-foreground-slider-off-active-alpha: 0.38;
  --palette-foreground-base-dark: 255, 255, 255;
  --palette-foreground-divider-dark: 255, 255, 255;
  --palette-foreground-divider-dark-alpha: 0.12;
  --palette-foreground-dividers-dark: 255, 255, 255;
  --palette-foreground-dividers-dark-alpha: 0.12;
  --palette-foreground-disabled-dark: 255, 255, 255;
  --palette-foreground-disabled-dark-alpha: 0.5;
  --palette-foreground-disabled-button-dark: 255, 255, 255;
  --palette-foreground-disabled-button-dark-alpha: 0.3;
  --palette-foreground-disabled-text-dark: 255, 255, 255;
  --palette-foreground-disabled-text-dark-alpha: 0.5;
  --palette-foreground-hint-text-dark: 255, 255, 255;
  --palette-foreground-hint-text-dark-alpha: 0.5;
  --palette-foreground-secondary-text-dark: 255, 255, 255;
  --palette-foreground-secondary-text-dark-alpha: 0.7;
  --palette-foreground-icon-dark: 255, 255, 255;
  --palette-foreground-icon-dark-alpha: 1;
  --palette-foreground-icons-dark: 255, 255, 255;
  --palette-foreground-icons-dark-alpha: 1;
  --palette-foreground-text-dark: 255, 255, 255;
  --palette-foreground-text-dark-alpha: 1;
  --palette-foreground-slider-min-dark: 255, 255, 255;
  --palette-foreground-slider-min-dark-alpha: 1;
  --palette-foreground-slider-off-dark: 255, 255, 255;
  --palette-foreground-slider-off-dark-alpha: 0.3;
  --palette-foreground-slider-off-active-dark: 255, 255, 255;
  --palette-foreground-slider-off-active-dark-alpha: 0.38;
}

.mat-mdc-option {
  color: rgba(var(--palette-foreground-text), var(--palette-foreground-text-alpha));
}

.mat-mdc-option:hover:not(.mdc-list-item--disabled), .mat-mdc-option:focus:not(.mdc-list-item--disabled) {
  background: rgba(var(--palette-background-hover), var(--palette-background-hover-alpha));
}

.mat-mdc-option.mdc-list-item--selected:not(.mat-mdc-option-multiple):not(.mdc-list-item--disabled) {
  background: rgba(var(--palette-background-hover), var(--palette-background-hover-alpha));
}

.mat-mdc-option.mat-mdc-option-active {
  background: rgba(var(--palette-background-hover), var(--palette-background-hover-alpha));
  color: rgba(var(--palette-foreground-text), var(--palette-foreground-text-alpha));
}

.mat-mdc-option.mdc-list-item--disabled {
  color: rgba(var(--palette-foreground-hint-text), var(--palette-foreground-hint-text-alpha));
}

.mat-primary .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) {
  color: rgb(var(--palette-primary-500));
}

.mat-accent .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) {
  color: rgb(var(--palette-accent-500));
}

.mat-warn .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) {
  color: rgb(var(--palette-warn-500));
}

.mat-mdc-optgroup-label {
  color: rgba(var(--palette-foreground-secondary-text), var(--palette-foreground-secondary-text-alpha));
}

.mat-mdc-optgroup-label.mdc-list-item--disabled {
  color: rgba(var(--palette-foreground-hint-text), var(--palette-foreground-hint-text-alpha));
}

.mat-pseudo-checkbox {
  color: rgba(var(--palette-foreground-secondary-text), var(--palette-foreground-secondary-text-alpha));
}

.mat-pseudo-checkbox::after {
  color: rgb(var(--palette-background-background));
}

.mat-primary .mat-pseudo-checkbox-checked,
.mat-primary .mat-pseudo-checkbox-indeterminate {
  background: rgb(var(--palette-primary-500));
}

.mat-pseudo-checkbox-checked,
.mat-pseudo-checkbox-indeterminate,
.mat-accent .mat-pseudo-checkbox-checked,
.mat-accent .mat-pseudo-checkbox-indeterminate {
  background: rgb(var(--palette-accent-500));
}

.mat-warn .mat-pseudo-checkbox-checked,
.mat-warn .mat-pseudo-checkbox-indeterminate {
  background: rgb(var(--palette-warn-500));
}

.mat-app-background {
  background-color: rgb(var(--palette-background-background));
  color: rgba(var(--palette-foreground-text), var(--palette-foreground-text-alpha));
}

.mat-mdc-autocomplete-panel {
  background: rgb(var(--palette-background-card));
  color: rgba(var(--palette-foreground-text), var(--palette-foreground-text-alpha));
}

.mat-mdc-autocomplete-panel .mat-mdc-option.mdc-list-item--selected:not(.mat-mdc-option-active):not(:hover) {
  background: rgb(var(--palette-background-card));
}

.mat-mdc-autocomplete-panel .mat-mdc-option.mdc-list-item--selected:not(.mat-mdc-option-active):not(:hover):not(.mdc-list-item--disabled) {
  color: rgba(var(--palette-foreground-text), var(--palette-foreground-text-alpha));
}

.mat-badge-content {
  color: rgba(var(--palette-primary-contrast-500));
  background: rgb(var(--palette-primary-500));
}

.mat-badge-accent .mat-badge-content {
  background: rgb(var(--palette-accent-500));
  color: rgba(var(--palette-accent-contrast-500));
}

.mat-badge-warn .mat-badge-content {
  color: rgba(var(--palette-warn-contrast-500));
  background: rgb(var(--palette-warn-500));
}

.mat-badge-disabled .mat-badge-content {
  background: rgba(var(--palette-foreground-disabled-button), var(--palette-foreground-disabled-button-alpha));
  color: rgba(var(--palette-foreground-disabled-text), var(--palette-foreground-disabled-text-alpha));
}

.mat-bottom-sheet-container {
  background: rgb(var(--palette-background-dialog));
  color: rgba(var(--palette-foreground-text), var(--palette-foreground-text-alpha));
}

.mat-button.mat-primary, .mat-icon-button.mat-primary, .mat-stroked-button.mat-primary {
  color: rgb(var(--palette-primary-500));
}

.mat-button.mat-accent, .mat-icon-button.mat-accent, .mat-stroked-button.mat-accent {
  color: rgb(var(--palette-accent-500));
}

.mat-button.mat-warn, .mat-icon-button.mat-warn, .mat-stroked-button.mat-warn {
  color: rgb(var(--palette-warn-500));
}

.mat-button.mat-primary.mat-button-disabled, .mat-button.mat-accent.mat-button-disabled, .mat-button.mat-warn.mat-button-disabled, .mat-button.mat-button-disabled.mat-button-disabled, .mat-icon-button.mat-primary.mat-button-disabled, .mat-icon-button.mat-accent.mat-button-disabled, .mat-icon-button.mat-warn.mat-button-disabled, .mat-icon-button.mat-button-disabled.mat-button-disabled, .mat-stroked-button.mat-primary.mat-button-disabled, .mat-stroked-button.mat-accent.mat-button-disabled, .mat-stroked-button.mat-warn.mat-button-disabled, .mat-stroked-button.mat-button-disabled.mat-button-disabled {
  color: rgba(var(--palette-foreground-disabled-button), var(--palette-foreground-disabled-button-alpha));
}

.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: rgb(var(--palette-primary-500));
}

.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: rgb(var(--palette-accent-500));
}

.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: rgb(var(--palette-warn-500));
}

.mat-stroked-button:not(.mat-button-disabled) {
  border-color: rgba(var(--palette-foreground-divider), var(--palette-foreground-divider-alpha));
}

.mat-flat-button, .mat-raised-button, .mat-fab, .mat-mini-fab {
  color: rgba(var(--palette-foreground-text), var(--palette-foreground-text-alpha));
  background-color: rgb(var(--palette-background-raised-button));
}

.mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary {
  color: rgba(var(--palette-primary-contrast-500));
}

.mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent {
  color: rgba(var(--palette-accent-contrast-500));
}

.mat-flat-button.mat-warn, .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn {
  color: rgba(var(--palette-warn-contrast-500));
}

.mat-flat-button.mat-primary.mat-button-disabled, .mat-flat-button.mat-accent.mat-button-disabled, .mat-flat-button.mat-warn.mat-button-disabled, .mat-flat-button.mat-button-disabled.mat-button-disabled, .mat-raised-button.mat-primary.mat-button-disabled, .mat-raised-button.mat-accent.mat-button-disabled, .mat-raised-button.mat-warn.mat-button-disabled, .mat-raised-button.mat-button-disabled.mat-button-disabled, .mat-fab.mat-primary.mat-button-disabled, .mat-fab.mat-accent.mat-button-disabled, .mat-fab.mat-warn.mat-button-disabled, .mat-fab.mat-button-disabled.mat-button-disabled, .mat-mini-fab.mat-primary.mat-button-disabled, .mat-mini-fab.mat-accent.mat-button-disabled, .mat-mini-fab.mat-warn.mat-button-disabled, .mat-mini-fab.mat-button-disabled.mat-button-disabled {
  color: rgba(var(--palette-foreground-disabled-button), var(--palette-foreground-disabled-button-alpha));
}

.mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary {
  background-color: rgb(var(--palette-primary-500));
}

.mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent {
  background-color: rgb(var(--palette-accent-500));
}

.mat-flat-button.mat-warn, .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn {
  background-color: rgb(var(--palette-warn-500));
}

.mat-flat-button.mat-primary.mat-button-disabled, .mat-flat-button.mat-accent.mat-button-disabled, .mat-flat-button.mat-warn.mat-button-disabled, .mat-flat-button.mat-button-disabled.mat-button-disabled, .mat-raised-button.mat-primary.mat-button-disabled, .mat-raised-button.mat-accent.mat-button-disabled, .mat-raised-button.mat-warn.mat-button-disabled, .mat-raised-button.mat-button-disabled.mat-button-disabled, .mat-fab.mat-primary.mat-button-disabled, .mat-fab.mat-accent.mat-button-disabled, .mat-fab.mat-warn.mat-button-disabled, .mat-fab.mat-button-disabled.mat-button-disabled, .mat-mini-fab.mat-primary.mat-button-disabled, .mat-mini-fab.mat-accent.mat-button-disabled, .mat-mini-fab.mat-warn.mat-button-disabled, .mat-mini-fab.mat-button-disabled.mat-button-disabled {
  background-color: rgba(var(--palette-background-disabled-button), var(--palette-background-disabled-button-alpha));
}

.mat-flat-button.mat-primary .mat-ripple-element, .mat-raised-button.mat-primary .mat-ripple-element, .mat-fab.mat-primary .mat-ripple-element, .mat-mini-fab.mat-primary .mat-ripple-element {
  background-color: rgba(var(--palette-primary-contrast-500));
}

.mat-flat-button.mat-accent .mat-ripple-element, .mat-raised-button.mat-accent .mat-ripple-element, .mat-fab.mat-accent .mat-ripple-element, .mat-mini-fab.mat-accent .mat-ripple-element {
  background-color: rgba(var(--palette-accent-contrast-500));
}

.mat-flat-button.mat-warn .mat-ripple-element, .mat-raised-button.mat-warn .mat-ripple-element, .mat-fab.mat-warn .mat-ripple-element, .mat-mini-fab.mat-warn .mat-ripple-element {
  background-color: rgba(var(--palette-warn-contrast-500));
}

.mat-button-toggle {
  color: rgba(var(--palette-foreground-hint-text), var(--palette-foreground-hint-text-alpha));
}

.mat-button-toggle .mat-button-toggle-focus-overlay {
  background-color: rgba(var(--palette-background-focused-button), var(--palette-background-focused-button-alpha));
}

.mat-button-toggle-appearance-standard {
  color: rgba(var(--palette-foreground-text), var(--palette-foreground-text-alpha));
  background: rgb(var(--palette-background-card));
}

.mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay {
  background-color: rgba(var(--palette-background-focused-button), var(--palette-background-focused-button-alpha));
}

.mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {
  border-left: solid 1px rgba(var(--palette-foreground-divider), var(--palette-foreground-divider-alpha));
}

[dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {
  border-right: solid 1px rgba(var(--palette-foreground-divider), var(--palette-foreground-divider-alpha));
}

.mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle + .mat-button-toggle {
  border-top: solid 1px rgba(var(--palette-foreground-divider), var(--palette-foreground-divider-alpha));
}

.mat-button-toggle-checked {
  background-color: rgb(var(--palette-background-selected-button));
  color: rgba(var(--palette-foreground-secondary-text), var(--palette-foreground-secondary-text-alpha));
}

.mat-button-toggle-checked.mat-button-toggle-appearance-standard {
  color: rgba(var(--palette-foreground-text), var(--palette-foreground-text-alpha));
}

.mat-button-toggle-disabled {
  color: rgba(var(--palette-foreground-disabled-button), var(--palette-foreground-disabled-button-alpha));
  background-color: rgb(var(--palette-background-disabled-button-toggle));
}

.mat-button-toggle-disabled.mat-button-toggle-appearance-standard {
  background: rgb(var(--palette-background-card));
}

.mat-button-toggle-disabled.mat-button-toggle-checked {
  background-color: rgb(var(--palette-background-selected-disabled-button));
}

.mat-button-toggle-standalone.mat-button-toggle-appearance-standard,
.mat-button-toggle-group-appearance-standard {
  border: solid 1px rgba(var(--palette-foreground-divider), var(--palette-foreground-divider-alpha));
}

.mat-card {
  background: rgb(var(--palette-background-card));
  color: rgba(var(--palette-foreground-text), var(--palette-foreground-text-alpha));
}

.mat-card-subtitle {
  color: rgba(var(--palette-foreground-secondary-text), var(--palette-foreground-secondary-text-alpha));
}

.mat-checkbox-frame {
  border-color: rgba(var(--palette-foreground-secondary-text), var(--palette-foreground-secondary-text-alpha));
}

.mat-checkbox-checkmark {
  fill: rgb(var(--palette-background-background));
}

.mat-checkbox-checkmark-path {
  stroke: rgb(var(--palette-background-background)) !important;
}

.mat-checkbox-mixedmark {
  background-color: rgb(var(--palette-background-background));
}

.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, .mat-checkbox-checked.mat-primary .mat-checkbox-background {
  background-color: rgb(var(--palette-primary-500));
}

.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, .mat-checkbox-checked.mat-accent .mat-checkbox-background {
  background-color: rgb(var(--palette-accent-500));
}

.mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, .mat-checkbox-checked.mat-warn .mat-checkbox-background {
  background-color: rgb(var(--palette-warn-500));
}

.mat-checkbox-disabled .mat-checkbox-label {
  color: rgba(var(--palette-foreground-disabled), var(--palette-foreground-disabled-alpha));
}

.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: rgb(var(--palette-primary-500));
}

.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: rgb(var(--palette-accent-500));
}

.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: rgb(var(--palette-warn-500));
}

.mat-chip.mat-standard-chip {
  background-color: rgb(var(--palette-background-unselected-chip));
  color: rgba(var(--palette-foreground-text), var(--palette-foreground-text-alpha));
}

.mat-chip.mat-standard-chip .mat-chip-remove {
  color: rgba(var(--palette-foreground-text), var(--palette-foreground-text-alpha));
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary {
  background-color: rgb(var(--palette-primary-500));
  color: rgba(var(--palette-primary-contrast-500));
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove {
  color: rgba(var(--palette-primary-contrast-500));
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element {
  background-color: rgba(var(--palette-primary-contrast-500));
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn {
  background-color: rgb(var(--palette-warn-500));
  color: rgba(var(--palette-warn-contrast-500));
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove {
  color: rgba(var(--palette-warn-contrast-500));
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element {
  background-color: rgba(var(--palette-warn-contrast-500));
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent {
  background-color: rgb(var(--palette-accent-500));
  color: rgba(var(--palette-accent-contrast-500));
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove {
  color: rgba(var(--palette-accent-contrast-500));
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element {
  background-color: rgba(var(--palette-accent-contrast-500));
}

.mat-mdc-table {
  background: rgb(var(--palette-background-card));
}

mat-row, mat-header-row, mat-footer-row,
th.mat-mdc-header-cell, td.mat-mdc-cell, td.mat-mdc-footer-cell {
  border-bottom-color: rgba(var(--palette-foreground-divider), var(--palette-foreground-divider-alpha));
}

.mat-mdc-header-cell {
  color: rgba(var(--palette-foreground-secondary-text), var(--palette-foreground-secondary-text-alpha));
}

.mat-mdc-cell, .mat-mdc-footer-cell {
  color: rgba(var(--palette-foreground-text), var(--palette-foreground-text-alpha));
}

.mat-calendar-arrow {
  fill: rgba(var(--palette-foreground-icon), var(--palette-foreground-icon-alpha));
}

.mat-datepicker-toggle,
.mat-datepicker-content .mat-calendar-next-button,
.mat-datepicker-content .mat-calendar-previous-button {
  color: rgba(var(--palette-foreground-icon), var(--palette-foreground-icon-alpha));
}

.mat-calendar-table-header-divider::after {
  background: rgba(var(--palette-foreground-divider), var(--palette-foreground-divider-alpha));
}

.mat-calendar-table-header,
.mat-calendar-body-label {
  color: rgba(var(--palette-foreground-secondary-text), var(--palette-foreground-secondary-text-alpha));
}

.mat-calendar-body-cell-content,
.mat-date-range-input-separator {
  color: rgba(var(--palette-foreground-text), var(--palette-foreground-text-alpha));
}

.mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  color: rgba(var(--palette-foreground-disabled-text), var(--palette-foreground-disabled-text-alpha));
}

.mat-form-field-disabled .mat-date-range-input-separator {
  color: rgba(var(--palette-foreground-disabled-text), var(--palette-foreground-disabled-text-alpha));
}

.mat-calendar-body-in-preview {
  color: rgba(var(--palette-foreground-divider), var(--palette-foreground-divider-alpha));
}

.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  border-color: rgba(var(--palette-foreground-hint-text), var(--palette-foreground-hint-text-alpha));
}

.mat-calendar-body-in-range::before {
  background: rgb(var(--palette-primary-500));
}

.mat-calendar-body-comparison-bridge-start::before,
[dir=rtl] .mat-calendar-body-comparison-bridge-end::before {
  background: linear-gradient(to right, rgb(var(--palette-primary-500)) 50%, rgba(249, 171, 0, 0.2) 50%);
}

.mat-calendar-body-comparison-bridge-end::before,
[dir=rtl] .mat-calendar-body-comparison-bridge-start::before {
  background: linear-gradient(to left, rgb(var(--palette-primary-500)) 50%, rgba(249, 171, 0, 0.2) 50%);
}

.mat-calendar-body-selected {
  background-color: rgb(var(--palette-primary-500));
  color: rgba(var(--palette-primary-contrast-500));
}

.mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px rgba(var(--palette-primary-contrast-500));
}

.cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: rgb(var(--palette-primary-500));
}

@media (hover: hover) {
  .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    background-color: rgb(var(--palette-primary-500));
  }
}
.mat-datepicker-content {
  background-color: rgb(var(--palette-background-card));
  color: rgba(var(--palette-foreground-text), var(--palette-foreground-text-alpha));
}

.mat-datepicker-content.mat-accent .mat-calendar-body-in-range::before {
  background: rgb(var(--palette-accent-500));
}

.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start::before,
.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end::before {
  background: linear-gradient(to right, rgb(var(--palette-accent-500)) 50%, rgba(249, 171, 0, 0.2) 50%);
}

.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end::before,
.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start::before {
  background: linear-gradient(to left, rgb(var(--palette-accent-500)) 50%, rgba(249, 171, 0, 0.2) 50%);
}

.mat-datepicker-content.mat-accent .mat-calendar-body-selected {
  background-color: rgb(var(--palette-accent-500));
  color: rgba(var(--palette-accent-contrast-500));
}

.mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px rgba(var(--palette-accent-contrast-500));
}

.mat-datepicker-content.mat-accent .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-datepicker-content.mat-accent .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: rgb(var(--palette-accent-500));
}

@media (hover: hover) {
  .mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    background-color: rgb(var(--palette-accent-500));
  }
}
.mat-datepicker-content.mat-warn .mat-calendar-body-in-range::before {
  background: rgb(var(--palette-warn-500));
}

.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start::before,
.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end::before {
  background: linear-gradient(to right, rgb(var(--palette-warn-500)) 50%, rgba(249, 171, 0, 0.2) 50%);
}

.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end::before,
.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start::before {
  background: linear-gradient(to left, rgb(var(--palette-warn-500)) 50%, rgba(249, 171, 0, 0.2) 50%);
}

.mat-datepicker-content.mat-warn .mat-calendar-body-selected {
  background-color: rgb(var(--palette-warn-500));
  color: rgba(var(--palette-warn-contrast-500));
}

.mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px rgba(var(--palette-warn-contrast-500));
}

.mat-datepicker-content.mat-warn .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-datepicker-content.mat-warn .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: rgb(var(--palette-warn-500));
}

@media (hover: hover) {
  .mat-datepicker-content.mat-warn .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    background-color: rgb(var(--palette-warn-500));
  }
}
.mat-datepicker-toggle-active {
  color: rgb(var(--palette-primary-500));
}

.mat-datepicker-toggle-active.mat-accent {
  color: rgb(var(--palette-accent-500));
}

.mat-datepicker-toggle-active.mat-warn {
  color: rgb(var(--palette-warn-500));
}

.mat-date-range-input-inner[disabled] {
  color: rgba(var(--palette-foreground-disabled-text), var(--palette-foreground-disabled-text-alpha));
}

.mat-mdc-dialog-container {
  background: rgb(var(--palette-background-dialog));
  color: rgba(var(--palette-foreground-text), var(--palette-foreground-text-alpha));
}

.mat-divider {
  border-top-color: rgba(var(--palette-foreground-divider), var(--palette-foreground-divider-alpha));
}

.mat-divider-vertical {
  border-right-color: rgba(var(--palette-foreground-divider), var(--palette-foreground-divider-alpha));
}

.mat-expansion-panel {
  background: rgb(var(--palette-background-card));
  color: rgba(var(--palette-foreground-text), var(--palette-foreground-text-alpha));
}

.mat-action-row {
  border-top-color: rgba(var(--palette-foreground-divider), var(--palette-foreground-divider-alpha));
}

.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(var(--palette-background-hover), var(--palette-background-hover-alpha));
}

@media (hover: none) {
  .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover {
    background: rgb(var(--palette-background-card));
  }
}
.mat-expansion-panel-header-title {
  color: rgba(var(--palette-foreground-text), var(--palette-foreground-text-alpha));
}

.mat-expansion-panel-header-description,
.mat-expansion-indicator::after {
  color: rgba(var(--palette-foreground-secondary-text), var(--palette-foreground-secondary-text-alpha));
}

.mat-expansion-panel-header[aria-disabled=true] {
  color: rgba(var(--palette-foreground-disabled-button), var(--palette-foreground-disabled-button-alpha));
}

.mdc-floating-label {
  color: rgba(var(--palette-foreground-secondary-text), var(--palette-foreground-secondary-text-alpha));
}

.mat-mdc-form-field-hint {
  color: rgba(var(--palette-foreground-secondary-text), var(--palette-foreground-secondary-text-alpha));
}

.mat-mdc-form-field.mat-focused .mdc-floating-label {
  color: rgb(var(--palette-primary-500));
}

.mat-mdc-form-field.mat-focused .mdc-floating-label.mat-accent {
  color: rgb(var(--palette-accent-500));
}

.mat-mdc-form-field.mat-focused .mdc-floating-label.mat-warn {
  color: rgb(var(--palette-warn-500));
}

.mat-focused .mat-mdc-form-field-required-marker {
  color: rgb(var(--palette-accent-500));
}

.mdc-line-ripple::after {
  background-color: rgba(var(--palette-foreground-divider), var(--palette-foreground-divider-alpha));
}

.mat-mdc-form-field.mat-focused .mdc-line-ripple::after {
  background-color: rgb(var(--palette-primary-500));
}

.mat-mdc-form-field.mat-focused.mat-accent .mdc-line-ripple::after {
  background-color: rgb(var(--palette-accent-500));
}

.mat-mdc-form-field.mat-focused.mat-warn .mdc-line-ripple::after {
  background-color: rgb(var(--palette-warn-500));
}

.mat-mdc-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-mdc-form-field-infix::after {
  color: rgb(var(--palette-primary-500));
}

.mat-mdc-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-mdc-form-field-infix::after {
  color: rgb(var(--palette-accent-500));
}

.mat-mdc-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-mdc-form-field-infix::after {
  color: rgb(var(--palette-warn-500));
}

.mat-mdc-form-field.mat-form-field-invalid .mdc-floating-label {
  color: rgb(var(--palette-warn-500));
}

.mat-mdc-form-field.mat-form-field-invalid .mdc-floating-label.mat-accent,
.mat-mdc-form-field.mat-form-field-invalid .mdc-floating-label .mat-mdc-form-field-required-marker {
  color: rgb(var(--palette-warn-500));
}

.mat-mdc-form-field.mat-form-field-invalid .mdc-line-ripple::after,
.mat-mdc-form-field.mat-form-field-invalid.mat-accent .mdc-line-ripple::after {
  background-color: rgb(var(--palette-warn-500));
}

.mat-mdc-form-field-error {
  color: rgb(var(--palette-warn-500));
}

.mat-form-field-appearance-legacy .mdc-floating-label {
  color: rgba(var(--palette-foreground-secondary-text), var(--palette-foreground-secondary-text-alpha));
}

.mat-form-field-appearance-legacy .mat-mdc-form-field-hint {
  color: rgba(var(--palette-foreground-secondary-text), var(--palette-foreground-secondary-text-alpha));
}

.mat-form-field-appearance-legacy .mdc-line-ripple {
  background-color: rgba(var(--palette-foreground-divider), var(--palette-foreground-divider-alpha));
}

.mat-form-field-appearance-legacy.mat-form-field-disabled .mdc-line-ripple {
  background-image: linear-gradient(to right, rgba(var(--palette-foreground-divider), var(--palette-foreground-divider-alpha)) 0%, rgba(var(--palette-foreground-divider), var(--palette-foreground-divider-alpha)) 33%, transparent 0%);
}

.mat-form-field-appearance-standard .mdc-line-ripple {
  background-color: rgba(var(--palette-foreground-divider), var(--palette-foreground-divider-alpha));
}

.mat-form-field-appearance-standard.mat-form-field-disabled .mdc-line-ripple {
  background-image: linear-gradient(to right, rgba(var(--palette-foreground-divider), var(--palette-foreground-divider-alpha)) 0%, rgba(var(--palette-foreground-divider), var(--palette-foreground-divider-alpha)) 33%, transparent 0%);
}

.mat-form-field-appearance-fill:not(.mat-form-field-appearance-legacy) .mdc-line-ripple::before {
  background-color: rgba(var(--palette-foreground-divider), var(--palette-foreground-divider-alpha));
}

.mat-form-field-appearance-fill:not(.mat-form-field-appearance-legacy).mat-form-field-disabled .mdc-floating-label {
  color: rgba(var(--palette-foreground-disabled-text), var(--palette-foreground-disabled-text-alpha));
}

.mat-form-field-appearance-outline .mdc-notched-outline {
  color: rgba(var(--palette-foreground-divider), var(--palette-foreground-divider-alpha));
}

.mat-form-field-appearance-outline .mdc-notched-outline {
  color: rgba(var(--palette-foreground-divider), var(--palette-foreground-divider-alpha));
}

.mat-form-field-appearance-outline.mat-focused .mdc-notched-outline {
  color: rgb(var(--palette-primary-500));
}

.mat-form-field-appearance-outline.mat-focused.mat-accent .mdc-notched-outline {
  color: rgb(var(--palette-accent-500));
}

.mat-form-field-appearance-outline.mat-focused.mat-warn .mdc-notched-outline {
  color: rgb(var(--palette-warn-500));
}

.mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mdc-notched-outline {
  color: rgb(var(--palette-warn-500));
}

.mat-form-field-appearance-outline.mat-form-field-disabled .mdc-floating-label {
  color: rgba(var(--palette-foreground-disabled-text), var(--palette-foreground-disabled-text-alpha));
}

.mat-form-field-appearance-outline.mat-form-field-disabled .mdc-notched-outline {
  color: rgba(var(--palette-foreground-divider), var(--palette-foreground-divider-alpha));
}

.mat-icon.mat-primary {
  color: rgb(var(--palette-primary-500));
}

.mat-icon.mat-accent {
  color: rgb(var(--palette-accent-500));
}

.mat-icon.mat-warn {
  color: rgb(var(--palette-warn-500));
}

.mat-mdc-form-field-type-mat-native-select .mat-mdc-form-field-infix::after {
  color: rgba(var(--palette-foreground-secondary-text), var(--palette-foreground-secondary-text-alpha));
}

.mat-mdc-input-element:disabled,
.mat-mdc-form-field-type-mat-native-select.mat-form-field-disabled .mat-mdc-form-field-infix::after {
  color: rgba(var(--palette-foreground-disabled-text), var(--palette-foreground-disabled-text-alpha));
}

.mat-mdc-input-element {
  caret-color: rgb(var(--palette-primary-500));
}

.mat-mdc-input-element::placeholder {
  color: rgba(var(--palette-foreground-secondary-text), var(--palette-foreground-secondary-text-alpha));
}

.mat-mdc-input-element::-moz-placeholder {
  color: rgba(var(--palette-foreground-secondary-text), var(--palette-foreground-secondary-text-alpha));
}

.mat-mdc-input-element::-webkit-input-placeholder {
  color: rgba(var(--palette-foreground-secondary-text), var(--palette-foreground-secondary-text-alpha));
}

.mat-mdc-input-element:-ms-input-placeholder {
  color: rgba(var(--palette-foreground-secondary-text), var(--palette-foreground-secondary-text-alpha));
}

.mat-mdc-form-field.mat-accent .mat-mdc-input-element {
  caret-color: rgb(var(--palette-accent-500));
}

.mat-mdc-form-field.mat-warn .mat-mdc-input-element,
.mat-form-field-invalid .mat-mdc-input-element {
  caret-color: rgb(var(--palette-warn-500));
}

.mat-mdc-form-field-type-mat-native-select.mat-form-field-invalid .mat-mdc-form-field-infix::after {
  color: rgb(var(--palette-warn-500));
}

.mat-mdc-list-base .mat-mdc-list-item {
  color: rgba(var(--palette-foreground-text), var(--palette-foreground-text-alpha));
}

.mat-mdc-list-base .mat-mdc-list-option {
  color: rgba(var(--palette-foreground-text), var(--palette-foreground-text-alpha));
}

.mat-mdc-list-base .mat-mdc-subheader {
  color: rgba(var(--palette-foreground-secondary-text), var(--palette-foreground-secondary-text-alpha));
}

.mat-mdc-list-base .mdc-list-item--disabled {
  background-color: rgb(var(--palette-background-disabled-list-option));
  color: rgba(var(--palette-foreground-disabled-text), var(--palette-foreground-disabled-text-alpha));
}

.mat-mdc-list-option:hover, .mat-mdc-list-option:focus,
.mat-mdc-nav-list .mat-mdc-list-item:hover,
.mat-mdc-nav-list .mat-mdc-list-item:focus,
.mat-mdc-action-list .mat-mdc-list-item:hover,
.mat-mdc-action-list .mat-mdc-list-item:focus {
  background: rgba(var(--palette-background-hover), var(--palette-background-hover-alpha));
}

.mat-mdc-list-option.mdc-list-item--selected, .mat-mdc-list-option.mdc-list-item--selected:hover, .mat-mdc-list-option.mdc-list-item--selected:focus {
  background: rgba(var(--palette-background-hover), var(--palette-background-hover-alpha));
}

.mat-mdc-menu-panel {
  background: rgb(var(--palette-background-card));
}

.mat-mdc-menu-item {
  color: rgba(var(--palette-foreground-text), var(--palette-foreground-text-alpha));
}

.mat-mdc-menu-item[disabled],
.mat-mdc-menu-item[disabled] .mat-mdc-menu-submenu-icon,
.mat-mdc-menu-item[disabled] .mat-icon-no-color {
  color: rgba(var(--palette-foreground-disabled), var(--palette-foreground-disabled-alpha));
}

.mat-mdc-menu-item .mat-icon-no-color,
.mat-mdc-menu-submenu-icon {
  color: rgba(var(--palette-foreground-icon), var(--palette-foreground-icon-alpha));
}

.mat-mdc-menu-item:hover:not([disabled]),
.mat-mdc-menu-item.cdk-program-focused:not([disabled]),
.mat-mdc-menu-item.cdk-keyboard-focused:not([disabled]),
.mat-mdc-menu-item-highlighted:not([disabled]) {
  background: rgba(var(--palette-background-hover), var(--palette-background-hover-alpha));
}

.mat-mdc-paginator {
  background: rgb(var(--palette-background-card));
}

.mat-mdc-paginator,
.mat-mdc-paginator-page-size .mat-mdc-select-trigger {
  color: rgba(var(--palette-foreground-secondary-text), var(--palette-foreground-secondary-text-alpha));
}

.mat-mdc-paginator-decrement,
.mat-mdc-paginator-increment {
  border-top: 2px solid rgba(var(--palette-foreground-icon), var(--palette-foreground-icon-alpha));
  border-right: 2px solid rgba(var(--palette-foreground-icon), var(--palette-foreground-icon-alpha));
}

.mat-mdc-paginator-first,
.mat-mdc-paginator-last {
  border-top: 2px solid rgba(var(--palette-foreground-icon), var(--palette-foreground-icon-alpha));
}

.mat-icon-button[disabled] .mat-mdc-paginator-decrement,
.mat-icon-button[disabled] .mat-mdc-paginator-increment,
.mat-icon-button[disabled] .mat-mdc-paginator-first,
.mat-icon-button[disabled] .mat-mdc-paginator-last {
  border-color: rgba(var(--palette-foreground-disabled), var(--palette-foreground-disabled-alpha));
}

.mat-mdc-progress-bar .mdc-linear-progress__buffer {
  background-color: rgb(var(--palette-primary-100));
}

.mat-mdc-progress-bar {
  --mat-progress-bar-track-color: rgb(var(--palette-primary-100));
}

.mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: rgb(var(--palette-primary-500));
}

.mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer {
  background-color: rgb(var(--palette-accent-100));
}

.mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-track-color: rgb(var(--palette-accent-100));
}

.mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: rgb(var(--palette-accent-500));
}

.mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer {
  background-color: rgb(var(--palette-warn-100));
}

.mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-track-color: rgb(var(--palette-warn-100));
}

.mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: rgb(var(--palette-warn-500));
}

.mat-mdc-progress-spinner {
  --mat-progress-spinner-active-indicator-color: rgb(var(--palette-primary-500));
}

.mat-mdc-progress-spinner.mat-accent {
  --mat-progress-spinner-active-indicator-color: rgb(var(--palette-accent-500));
}

.mat-mdc-progress-spinner.mat-warn {
  --mat-progress-spinner-active-indicator-color: rgb(var(--palette-warn-500));
}

.mat-radio-outer-circle {
  border-color: rgba(var(--palette-foreground-secondary-text), var(--palette-foreground-secondary-text-alpha));
}

.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle {
  border-color: rgb(var(--palette-primary-500));
}

.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: rgb(var(--palette-primary-500));
}

.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
  border-color: rgb(var(--palette-accent-500));
}

.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: rgb(var(--palette-accent-500));
}

.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle {
  border-color: rgb(var(--palette-warn-500));
}

.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: rgb(var(--palette-warn-500));
}

.mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle,
.mat-radio-button.mat-radio-disabled .mat-radio-outer-circle {
  border-color: rgba(var(--palette-foreground-disabled), var(--palette-foreground-disabled-alpha));
}

.mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element,
.mat-radio-button.mat-radio-disabled .mat-radio-inner-circle {
  background-color: rgba(var(--palette-foreground-disabled), var(--palette-foreground-disabled-alpha));
}

.mat-radio-button.mat-radio-disabled .mat-radio-label-content {
  color: rgba(var(--palette-foreground-disabled), var(--palette-foreground-disabled-alpha));
}

.mat-mdc-select-value {
  color: rgba(var(--palette-foreground-text), var(--palette-foreground-text-alpha));
}

.mat-mdc-select-placeholder {
  color: rgba(var(--palette-foreground-secondary-text), var(--palette-foreground-secondary-text-alpha));
}

.mat-mdc-select-disabled .mat-mdc-select-value {
  color: rgba(var(--palette-foreground-disabled-text), var(--palette-foreground-disabled-text-alpha));
}

.mat-mdc-select-arrow {
  color: rgba(var(--palette-foreground-secondary-text), var(--palette-foreground-secondary-text-alpha));
}

.mat-mdc-select-panel {
  background: rgb(var(--palette-background-card));
}

.mat-mdc-select-panel .mat-mdc-option.mdc-list-item--selected:not(.mat-mdc-option-multiple) {
  background: rgba(var(--palette-background-hover), var(--palette-background-hover-alpha));
}

.mat-mdc-form-field.mat-focused.mat-primary .mat-mdc-select-arrow {
  color: rgb(var(--palette-primary-500));
}

.mat-mdc-form-field.mat-focused.mat-accent .mat-mdc-select-arrow {
  color: rgb(var(--palette-accent-500));
}

.mat-mdc-form-field.mat-focused.mat-warn .mat-mdc-select-arrow {
  color: rgb(var(--palette-warn-500));
}

.mat-mdc-form-field .mat-mdc-select.mat-mdc-select-invalid .mat-mdc-select-arrow {
  color: rgb(var(--palette-warn-500));
}

.mat-mdc-form-field .mat-mdc-select.mat-mdc-select-disabled .mat-mdc-select-arrow {
  color: rgba(var(--palette-foreground-disabled-text), var(--palette-foreground-disabled-text-alpha));
}

.mat-drawer-container {
  background-color: rgb(var(--palette-background-background));
  color: rgba(var(--palette-foreground-text), var(--palette-foreground-text-alpha));
}

.mat-drawer {
  background-color: rgb(var(--palette-background-dialog));
  color: rgba(var(--palette-foreground-text), var(--palette-foreground-text-alpha));
}

.mat-drawer.mat-drawer-push {
  background-color: rgb(var(--palette-background-dialog));
}

.mat-drawer-side {
  border-right: solid 1px rgba(var(--palette-foreground-divider), var(--palette-foreground-divider-alpha));
}

.mat-drawer-side.mat-drawer-end {
  border-left: solid 1px rgba(var(--palette-foreground-divider), var(--palette-foreground-divider-alpha));
}

[dir=rtl] .mat-drawer-side {
  border-left: solid 1px rgba(var(--palette-foreground-divider), var(--palette-foreground-divider-alpha));
}

[dir=rtl] .mat-drawer-side.mat-drawer-end {
  border-right: solid 1px rgba(var(--palette-foreground-divider), var(--palette-foreground-divider-alpha));
}

.mat-drawer-backdrop.mat-drawer-shown {
  background-color: rgb(var(--palette-background-card));
}

.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
  background-color: rgb(var(--palette-accent-500));
}

.mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
  background-color: rgb(var(--palette-accent-500));
}

.mat-slide-toggle.mat-checked .mat-ripple-element {
  background-color: rgb(var(--palette-accent-500));
}

.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb {
  background-color: rgb(var(--palette-primary-500));
}

.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar {
  background-color: rgb(var(--palette-primary-500));
}

.mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element {
  background-color: rgb(var(--palette-primary-500));
}

.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb {
  background-color: rgb(var(--palette-warn-500));
}

.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar {
  background-color: rgb(var(--palette-warn-500));
}

.mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element {
  background-color: rgb(var(--palette-warn-500));
}

.mat-slide-toggle-bar {
  background-color: rgba(var(--palette-foreground-disabled), var(--palette-foreground-disabled-alpha));
}

.mat-slider-track-background {
  background-color: rgba(var(--palette-foreground-slider-off), var(--palette-foreground-slider-off-alpha));
}

.mat-slider.mat-primary .mat-slider-track-fill,
.mat-slider.mat-primary .mat-slider-thumb,
.mat-slider.mat-primary .mat-slider-thumb-label {
  background-color: rgb(var(--palette-primary-500));
}

.mat-slider.mat-primary .mat-slider-thumb-label-text {
  color: rgba(var(--palette-primary-contrast-500));
}

.mat-slider.mat-primary .mat-slider-focus-ring {
  background-color: rgb(var(--palette-primary-500));
}

.mat-slider.mat-accent .mat-slider-track-fill,
.mat-slider.mat-accent .mat-slider-thumb,
.mat-slider.mat-accent .mat-slider-thumb-label {
  background-color: rgb(var(--palette-accent-500));
}

.mat-slider.mat-accent .mat-slider-thumb-label-text {
  color: rgba(var(--palette-accent-contrast-500));
}

.mat-slider.mat-accent .mat-slider-focus-ring {
  background-color: rgb(var(--palette-accent-500));
}

.mat-slider.mat-warn .mat-slider-track-fill,
.mat-slider.mat-warn .mat-slider-thumb,
.mat-slider.mat-warn .mat-slider-thumb-label {
  background-color: rgb(var(--palette-warn-500));
}

.mat-slider.mat-warn .mat-slider-thumb-label-text {
  color: rgba(var(--palette-warn-contrast-500));
}

.mat-slider.mat-warn .mat-slider-focus-ring {
  background-color: rgb(var(--palette-warn-500));
}

.mat-slider:hover .mat-slider-track-background,
.mat-slider.cdk-focused .mat-slider-track-background {
  background-color: rgba(var(--palette-foreground-slider-off-active), var(--palette-foreground-slider-off-active-alpha));
}

.mat-slider.mat-slider-disabled .mat-slider-track-background,
.mat-slider.mat-slider-disabled .mat-slider-track-fill,
.mat-slider.mat-slider-disabled .mat-slider-thumb {
  background-color: rgba(var(--palette-foreground-slider-off), var(--palette-foreground-slider-off-alpha));
}

.mat-slider.mat-slider-disabled:hover .mat-slider-track-background {
  background-color: rgba(var(--palette-foreground-slider-off), var(--palette-foreground-slider-off-alpha));
}

.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,
.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label {
  background-color: rgba(var(--palette-foreground-slider-min), var(--palette-foreground-slider-min-alpha));
}

.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,
.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label {
  background-color: rgba(var(--palette-foreground-slider-off), var(--palette-foreground-slider-off-alpha));
}

.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {
  border-color: rgba(var(--palette-foreground-slider-off), var(--palette-foreground-slider-off-alpha));
}

.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb {
  border-color: rgba(var(--palette-foreground-slider-off-active), var(--palette-foreground-slider-off-active-alpha));
}

.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb {
  border-color: rgba(var(--palette-foreground-slider-off), var(--palette-foreground-slider-off-alpha));
}

.mat-step-header.cdk-keyboard-focused, .mat-step-header.cdk-program-focused, .mat-step-header:hover:not([aria-disabled]), .mat-step-header:hover[aria-disabled=false] {
  background-color: rgba(var(--palette-background-hover), var(--palette-background-hover-alpha));
}

.mat-step-header .mat-step-label,
.mat-step-header .mat-step-optional {
  color: rgba(var(--palette-foreground-secondary-text), var(--palette-foreground-secondary-text-alpha));
}

.mat-step-header .mat-step-icon {
  background-color: rgba(var(--palette-foreground-secondary-text), var(--palette-foreground-secondary-text-alpha));
  color: rgba(var(--palette-primary-contrast-500));
}

.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: rgb(var(--palette-primary-500));
  color: rgba(var(--palette-primary-contrast-500));
}

.mat-step-header.mat-accent .mat-step-icon {
  color: rgba(var(--palette-accent-contrast-500));
}

.mat-step-header.mat-accent .mat-step-icon-selected,
.mat-step-header.mat-accent .mat-step-icon-state-done,
.mat-step-header.mat-accent .mat-step-icon-state-edit {
  background-color: rgb(var(--palette-accent-500));
  color: rgba(var(--palette-accent-contrast-500));
}

.mat-step-header.mat-warn .mat-step-icon {
  color: rgba(var(--palette-warn-contrast-500));
}

.mat-step-header.mat-warn .mat-step-icon-selected,
.mat-step-header.mat-warn .mat-step-icon-state-done,
.mat-step-header.mat-warn .mat-step-icon-state-edit {
  background-color: rgb(var(--palette-warn-500));
  color: rgba(var(--palette-warn-contrast-500));
}

.mat-step-header .mat-step-icon-state-error {
  color: rgb(var(--palette-warn-500));
}

.mat-step-header .mat-step-label.mat-step-label-active {
  color: rgba(var(--palette-foreground-text), var(--palette-foreground-text-alpha));
}

.mat-step-header .mat-step-label.mat-step-label-error {
  color: rgb(var(--palette-warn-500));
}

.mat-stepper-horizontal, .mat-stepper-vertical {
  background-color: rgb(var(--palette-background-card));
}

.mat-stepper-vertical-line::before {
  border-left-color: rgba(var(--palette-foreground-divider), var(--palette-foreground-divider-alpha));
}

.mat-horizontal-stepper-header::before,
.mat-horizontal-stepper-header::after,
.mat-stepper-horizontal-line {
  border-top-color: rgba(var(--palette-foreground-divider), var(--palette-foreground-divider-alpha));
}

.mat-sort-header-arrow {
  color: rgba(var(--palette-foreground-secondary-text), var(--palette-foreground-secondary-text-alpha));
}

.mat-mdc-tab-nav-bar,
.mat-mdc-tab-header {
  border-bottom: 1px solid rgba(var(--palette-foreground-divider), var(--palette-foreground-divider-alpha));
}

.mat-mdc-tab-group-inverted-header .mat-mdc-tab-nav-bar,
.mat-mdc-tab-group-inverted-header .mat-mdc-tab-header {
  border-top: 1px solid rgba(var(--palette-foreground-divider), var(--palette-foreground-divider-alpha));
}

.mat-mdc-tab, .mat-mdc-tab-link {
  color: rgba(var(--palette-foreground-text), var(--palette-foreground-text-alpha));
}

.mat-mdc-tab.mat-mdc-tab-disabled, .mat-mdc-tab-link.mat-mdc-tab-disabled {
  color: rgba(var(--palette-foreground-disabled-text), var(--palette-foreground-disabled-text-alpha));
}

.mat-mdc-tab-header-pagination-chevron {
  border-color: rgba(var(--palette-foreground-text), var(--palette-foreground-text-alpha));
}

.mat-mdc-tab-header-pagination-disabled .mat-mdc-tab-header-pagination-chevron {
  border-color: rgba(var(--palette-foreground-disabled-text), var(--palette-foreground-disabled-text-alpha));
}

.mat-mdc-tab-group.mat-primary .mat-mdc-tab.cdk-keyboard-focused:not(.mat-mdc-tab-disabled), .mat-mdc-tab-group.mat-primary .mat-mdc-tab.cdk-program-focused:not(.mat-mdc-tab-disabled),
.mat-mdc-tab-group.mat-primary .mat-mdc-tab-link.cdk-keyboard-focused:not(.mat-mdc-tab-disabled),
.mat-mdc-tab-group.mat-primary .mat-mdc-tab-link.cdk-program-focused:not(.mat-mdc-tab-disabled), .mat-mdc-tab-nav-bar.mat-primary .mat-mdc-tab.cdk-keyboard-focused:not(.mat-mdc-tab-disabled), .mat-mdc-tab-nav-bar.mat-primary .mat-mdc-tab.cdk-program-focused:not(.mat-mdc-tab-disabled),
.mat-mdc-tab-nav-bar.mat-primary .mat-mdc-tab-link.cdk-keyboard-focused:not(.mat-mdc-tab-disabled),
.mat-mdc-tab-nav-bar.mat-primary .mat-mdc-tab-link.cdk-program-focused:not(.mat-mdc-tab-disabled) {
  background-color: rgb(var(--palette-primary-100));
}

.mat-mdc-tab-group.mat-primary .mat-mdc-tab, .mat-mdc-tab-nav-bar.mat-primary .mat-mdc-tab {
  --mat-tab-active-indicator-color: rgb(var(--palette-primary-500));
  --mat-tab-active-hover-indicator-color: rgb(var(--palette-primary-500));
  --mat-tab-active-focus-indicator-color: rgb(var(--palette-primary-500));
}

.mat-mdc-tab-group.mat-primary.mat-background-primary > .mat-mdc-tab-header .mat-mdc-tab, .mat-mdc-tab-group.mat-primary.mat-background-primary > .mat-mdc-tab-link-container .mat-mdc-tab, .mat-mdc-tab-nav-bar.mat-primary.mat-background-primary > .mat-mdc-tab-header .mat-mdc-tab, .mat-mdc-tab-nav-bar.mat-primary.mat-background-primary > .mat-mdc-tab-link-container .mat-mdc-tab {
  --mat-tab-active-indicator-color: rgba(var(--palette-primary-contrast-500));
  --mat-tab-active-hover-indicator-color: rgba(var(--palette-primary-contrast-500));
  --mat-tab-active-focus-indicator-color: rgba(var(--palette-primary-contrast-500));
}

.mat-mdc-tab-group.mat-accent .mat-mdc-tab.cdk-keyboard-focused:not(.mat-mdc-tab-disabled), .mat-mdc-tab-group.mat-accent .mat-mdc-tab.cdk-program-focused:not(.mat-mdc-tab-disabled),
.mat-mdc-tab-group.mat-accent .mat-mdc-tab-link.cdk-keyboard-focused:not(.mat-mdc-tab-disabled),
.mat-mdc-tab-group.mat-accent .mat-mdc-tab-link.cdk-program-focused:not(.mat-mdc-tab-disabled), .mat-mdc-tab-nav-bar.mat-accent .mat-mdc-tab.cdk-keyboard-focused:not(.mat-mdc-tab-disabled), .mat-mdc-tab-nav-bar.mat-accent .mat-mdc-tab.cdk-program-focused:not(.mat-mdc-tab-disabled),
.mat-mdc-tab-nav-bar.mat-accent .mat-mdc-tab-link.cdk-keyboard-focused:not(.mat-mdc-tab-disabled),
.mat-mdc-tab-nav-bar.mat-accent .mat-mdc-tab-link.cdk-program-focused:not(.mat-mdc-tab-disabled) {
  background-color: rgb(var(--palette-accent-100));
}

.mat-mdc-tab-group.mat-accent .mat-mdc-tab, .mat-mdc-tab-nav-bar.mat-accent .mat-mdc-tab {
  --mat-tab-active-indicator-color: rgb(var(--palette-accent-500));
  --mat-tab-active-hover-indicator-color: rgb(var(--palette-accent-500));
  --mat-tab-active-focus-indicator-color: rgb(var(--palette-accent-500));
}

.mat-mdc-tab-group.mat-accent.mat-background-accent > .mat-mdc-tab-header .mat-mdc-tab, .mat-mdc-tab-group.mat-accent.mat-background-accent > .mat-mdc-tab-link-container .mat-mdc-tab, .mat-mdc-tab-nav-bar.mat-accent.mat-background-accent > .mat-mdc-tab-header .mat-mdc-tab, .mat-mdc-tab-nav-bar.mat-accent.mat-background-accent > .mat-mdc-tab-link-container .mat-mdc-tab {
  --mat-tab-active-indicator-color: rgba(var(--palette-accent-contrast-500));
  --mat-tab-active-hover-indicator-color: rgba(var(--palette-accent-contrast-500));
  --mat-tab-active-focus-indicator-color: rgba(var(--palette-accent-contrast-500));
}

.mat-mdc-tab-group.mat-warn .mat-mdc-tab.cdk-keyboard-focused:not(.mat-mdc-tab-disabled), .mat-mdc-tab-group.mat-warn .mat-mdc-tab.cdk-program-focused:not(.mat-mdc-tab-disabled),
.mat-mdc-tab-group.mat-warn .mat-mdc-tab-link.cdk-keyboard-focused:not(.mat-mdc-tab-disabled),
.mat-mdc-tab-group.mat-warn .mat-mdc-tab-link.cdk-program-focused:not(.mat-mdc-tab-disabled), .mat-mdc-tab-nav-bar.mat-warn .mat-mdc-tab.cdk-keyboard-focused:not(.mat-mdc-tab-disabled), .mat-mdc-tab-nav-bar.mat-warn .mat-mdc-tab.cdk-program-focused:not(.mat-mdc-tab-disabled),
.mat-mdc-tab-nav-bar.mat-warn .mat-mdc-tab-link.cdk-keyboard-focused:not(.mat-mdc-tab-disabled),
.mat-mdc-tab-nav-bar.mat-warn .mat-mdc-tab-link.cdk-program-focused:not(.mat-mdc-tab-disabled) {
  background-color: rgb(var(--palette-warn-100));
}

.mat-mdc-tab-group.mat-warn .mat-mdc-tab, .mat-mdc-tab-nav-bar.mat-warn .mat-mdc-tab {
  --mat-tab-active-indicator-color: rgb(var(--palette-warn-500));
  --mat-tab-active-hover-indicator-color: rgb(var(--palette-warn-500));
  --mat-tab-active-focus-indicator-color: rgb(var(--palette-warn-500));
}

.mat-mdc-tab-group.mat-warn.mat-background-warn > .mat-mdc-tab-header .mat-mdc-tab, .mat-mdc-tab-group.mat-warn.mat-background-warn > .mat-mdc-tab-link-container .mat-mdc-tab, .mat-mdc-tab-nav-bar.mat-warn.mat-background-warn > .mat-mdc-tab-header .mat-mdc-tab, .mat-mdc-tab-nav-bar.mat-warn.mat-background-warn > .mat-mdc-tab-link-container .mat-mdc-tab {
  --mat-tab-active-indicator-color: rgba(var(--palette-warn-contrast-500));
  --mat-tab-active-hover-indicator-color: rgba(var(--palette-warn-contrast-500));
  --mat-tab-active-focus-indicator-color: rgba(var(--palette-warn-contrast-500));
}

.mat-mdc-tab-group.mat-background-primary .mat-mdc-tab.cdk-keyboard-focused:not(.mat-mdc-tab-disabled), .mat-mdc-tab-group.mat-background-primary .mat-mdc-tab.cdk-program-focused:not(.mat-mdc-tab-disabled),
.mat-mdc-tab-group.mat-background-primary .mat-mdc-tab-link.cdk-keyboard-focused:not(.mat-mdc-tab-disabled),
.mat-mdc-tab-group.mat-background-primary .mat-mdc-tab-link.cdk-program-focused:not(.mat-mdc-tab-disabled), .mat-mdc-tab-nav-bar.mat-background-primary .mat-mdc-tab.cdk-keyboard-focused:not(.mat-mdc-tab-disabled), .mat-mdc-tab-nav-bar.mat-background-primary .mat-mdc-tab.cdk-program-focused:not(.mat-mdc-tab-disabled),
.mat-mdc-tab-nav-bar.mat-background-primary .mat-mdc-tab-link.cdk-keyboard-focused:not(.mat-mdc-tab-disabled),
.mat-mdc-tab-nav-bar.mat-background-primary .mat-mdc-tab-link.cdk-program-focused:not(.mat-mdc-tab-disabled) {
  background-color: rgb(var(--palette-primary-100));
}

.mat-mdc-tab-group.mat-background-primary > .mat-mdc-tab-header, .mat-mdc-tab-group.mat-background-primary > .mat-mdc-tab-link-container, .mat-mdc-tab-group.mat-background-primary > .mat-mdc-tab-header-pagination, .mat-mdc-tab-nav-bar.mat-background-primary > .mat-mdc-tab-header, .mat-mdc-tab-nav-bar.mat-background-primary > .mat-mdc-tab-link-container, .mat-mdc-tab-nav-bar.mat-background-primary > .mat-mdc-tab-header-pagination {
  background-color: rgb(var(--palette-primary-500));
}

.mat-mdc-tab-group.mat-background-primary > .mat-mdc-tab-header .mat-mdc-tab, .mat-mdc-tab-group.mat-background-primary > .mat-mdc-tab-link-container .mat-mdc-tab-link, .mat-mdc-tab-nav-bar.mat-background-primary > .mat-mdc-tab-header .mat-mdc-tab, .mat-mdc-tab-nav-bar.mat-background-primary > .mat-mdc-tab-link-container .mat-mdc-tab-link {
  color: rgba(var(--palette-primary-contrast-500));
}

.mat-mdc-tab-group.mat-background-primary > .mat-mdc-tab-header .mat-mdc-tab.mat-mdc-tab-disabled, .mat-mdc-tab-group.mat-background-primary > .mat-mdc-tab-link-container .mat-mdc-tab-link.mat-mdc-tab-disabled, .mat-mdc-tab-nav-bar.mat-background-primary > .mat-mdc-tab-header .mat-mdc-tab.mat-mdc-tab-disabled, .mat-mdc-tab-nav-bar.mat-background-primary > .mat-mdc-tab-link-container .mat-mdc-tab-link.mat-mdc-tab-disabled {
  color: rgba(var(--palette-primary-contrast-500));
}

.mat-mdc-tab-group.mat-background-primary > .mat-mdc-tab-header .mat-mdc-tab-header-pagination-chevron,
.mat-mdc-tab-group.mat-background-primary > .mat-mdc-tab-header-pagination .mat-mdc-tab-header-pagination-chevron,
.mat-mdc-tab-group.mat-background-primary > .mat-mdc-tab-link-container .mat-focus-indicator::before,
.mat-mdc-tab-group.mat-background-primary > .mat-mdc-tab-header .mat-focus-indicator::before, .mat-mdc-tab-nav-bar.mat-background-primary > .mat-mdc-tab-header .mat-mdc-tab-header-pagination-chevron,
.mat-mdc-tab-nav-bar.mat-background-primary > .mat-mdc-tab-header-pagination .mat-mdc-tab-header-pagination-chevron,
.mat-mdc-tab-nav-bar.mat-background-primary > .mat-mdc-tab-link-container .mat-focus-indicator::before,
.mat-mdc-tab-nav-bar.mat-background-primary > .mat-mdc-tab-header .mat-focus-indicator::before {
  border-color: rgba(var(--palette-primary-contrast-500));
}

.mat-mdc-tab-group.mat-background-primary > .mat-mdc-tab-header .mat-mdc-tab-header-pagination-disabled .mat-mdc-tab-header-pagination-chevron,
.mat-mdc-tab-group.mat-background-primary > .mat-mdc-tab-header-pagination-disabled .mat-mdc-tab-header-pagination-chevron, .mat-mdc-tab-nav-bar.mat-background-primary > .mat-mdc-tab-header .mat-mdc-tab-header-pagination-disabled .mat-mdc-tab-header-pagination-chevron,
.mat-mdc-tab-nav-bar.mat-background-primary > .mat-mdc-tab-header-pagination-disabled .mat-mdc-tab-header-pagination-chevron {
  border-color: rgba(var(--palette-primary-contrast-500));
}

.mat-mdc-tab-group.mat-background-primary > .mat-mdc-tab-header .mat-ripple-element,
.mat-mdc-tab-group.mat-background-primary > .mat-mdc-tab-link-container .mat-ripple-element,
.mat-mdc-tab-group.mat-background-primary > .mat-mdc-tab-header-pagination .mat-ripple-element, .mat-mdc-tab-nav-bar.mat-background-primary > .mat-mdc-tab-header .mat-ripple-element,
.mat-mdc-tab-nav-bar.mat-background-primary > .mat-mdc-tab-link-container .mat-ripple-element,
.mat-mdc-tab-nav-bar.mat-background-primary > .mat-mdc-tab-header-pagination .mat-ripple-element {
  background-color: rgba(var(--palette-primary-contrast-500));
}

.mat-mdc-tab-group.mat-background-accent .mat-mdc-tab.cdk-keyboard-focused:not(.mat-mdc-tab-disabled), .mat-mdc-tab-group.mat-background-accent .mat-mdc-tab.cdk-program-focused:not(.mat-mdc-tab-disabled),
.mat-mdc-tab-group.mat-background-accent .mat-mdc-tab-link.cdk-keyboard-focused:not(.mat-mdc-tab-disabled),
.mat-mdc-tab-group.mat-background-accent .mat-mdc-tab-link.cdk-program-focused:not(.mat-mdc-tab-disabled), .mat-mdc-tab-nav-bar.mat-background-accent .mat-mdc-tab.cdk-keyboard-focused:not(.mat-mdc-tab-disabled), .mat-mdc-tab-nav-bar.mat-background-accent .mat-mdc-tab.cdk-program-focused:not(.mat-mdc-tab-disabled),
.mat-mdc-tab-nav-bar.mat-background-accent .mat-mdc-tab-link.cdk-keyboard-focused:not(.mat-mdc-tab-disabled),
.mat-mdc-tab-nav-bar.mat-background-accent .mat-mdc-tab-link.cdk-program-focused:not(.mat-mdc-tab-disabled) {
  background-color: rgb(var(--palette-accent-100));
}

.mat-mdc-tab-group.mat-background-accent > .mat-mdc-tab-header, .mat-mdc-tab-group.mat-background-accent > .mat-mdc-tab-link-container, .mat-mdc-tab-group.mat-background-accent > .mat-mdc-tab-header-pagination, .mat-mdc-tab-nav-bar.mat-background-accent > .mat-mdc-tab-header, .mat-mdc-tab-nav-bar.mat-background-accent > .mat-mdc-tab-link-container, .mat-mdc-tab-nav-bar.mat-background-accent > .mat-mdc-tab-header-pagination {
  background-color: rgb(var(--palette-accent-500));
}

.mat-mdc-tab-group.mat-background-accent > .mat-mdc-tab-header .mat-mdc-tab, .mat-mdc-tab-group.mat-background-accent > .mat-mdc-tab-link-container .mat-mdc-tab-link, .mat-mdc-tab-nav-bar.mat-background-accent > .mat-mdc-tab-header .mat-mdc-tab, .mat-mdc-tab-nav-bar.mat-background-accent > .mat-mdc-tab-link-container .mat-mdc-tab-link {
  color: rgba(var(--palette-accent-contrast-500));
}

.mat-mdc-tab-group.mat-background-accent > .mat-mdc-tab-header .mat-mdc-tab.mat-mdc-tab-disabled, .mat-mdc-tab-group.mat-background-accent > .mat-mdc-tab-link-container .mat-mdc-tab-link.mat-mdc-tab-disabled, .mat-mdc-tab-nav-bar.mat-background-accent > .mat-mdc-tab-header .mat-mdc-tab.mat-mdc-tab-disabled, .mat-mdc-tab-nav-bar.mat-background-accent > .mat-mdc-tab-link-container .mat-mdc-tab-link.mat-mdc-tab-disabled {
  color: rgba(var(--palette-accent-contrast-500));
}

.mat-mdc-tab-group.mat-background-accent > .mat-mdc-tab-header .mat-mdc-tab-header-pagination-chevron,
.mat-mdc-tab-group.mat-background-accent > .mat-mdc-tab-header-pagination .mat-mdc-tab-header-pagination-chevron,
.mat-mdc-tab-group.mat-background-accent > .mat-mdc-tab-link-container .mat-focus-indicator::before,
.mat-mdc-tab-group.mat-background-accent > .mat-mdc-tab-header .mat-focus-indicator::before, .mat-mdc-tab-nav-bar.mat-background-accent > .mat-mdc-tab-header .mat-mdc-tab-header-pagination-chevron,
.mat-mdc-tab-nav-bar.mat-background-accent > .mat-mdc-tab-header-pagination .mat-mdc-tab-header-pagination-chevron,
.mat-mdc-tab-nav-bar.mat-background-accent > .mat-mdc-tab-link-container .mat-focus-indicator::before,
.mat-mdc-tab-nav-bar.mat-background-accent > .mat-mdc-tab-header .mat-focus-indicator::before {
  border-color: rgba(var(--palette-accent-contrast-500));
}

.mat-mdc-tab-group.mat-background-accent > .mat-mdc-tab-header .mat-mdc-tab-header-pagination-disabled .mat-mdc-tab-header-pagination-chevron,
.mat-mdc-tab-group.mat-background-accent > .mat-mdc-tab-header-pagination-disabled .mat-mdc-tab-header-pagination-chevron, .mat-mdc-tab-nav-bar.mat-background-accent > .mat-mdc-tab-header .mat-mdc-tab-header-pagination-disabled .mat-mdc-tab-header-pagination-chevron,
.mat-mdc-tab-nav-bar.mat-background-accent > .mat-mdc-tab-header-pagination-disabled .mat-mdc-tab-header-pagination-chevron {
  border-color: rgba(var(--palette-accent-contrast-500));
}

.mat-mdc-tab-group.mat-background-accent > .mat-mdc-tab-header .mat-ripple-element,
.mat-mdc-tab-group.mat-background-accent > .mat-mdc-tab-link-container .mat-ripple-element,
.mat-mdc-tab-group.mat-background-accent > .mat-mdc-tab-header-pagination .mat-ripple-element, .mat-mdc-tab-nav-bar.mat-background-accent > .mat-mdc-tab-header .mat-ripple-element,
.mat-mdc-tab-nav-bar.mat-background-accent > .mat-mdc-tab-link-container .mat-ripple-element,
.mat-mdc-tab-nav-bar.mat-background-accent > .mat-mdc-tab-header-pagination .mat-ripple-element {
  background-color: rgba(var(--palette-accent-contrast-500));
}

.mat-mdc-tab-group.mat-background-warn .mat-mdc-tab.cdk-keyboard-focused:not(.mat-mdc-tab-disabled), .mat-mdc-tab-group.mat-background-warn .mat-mdc-tab.cdk-program-focused:not(.mat-mdc-tab-disabled),
.mat-mdc-tab-group.mat-background-warn .mat-mdc-tab-link.cdk-keyboard-focused:not(.mat-mdc-tab-disabled),
.mat-mdc-tab-group.mat-background-warn .mat-mdc-tab-link.cdk-program-focused:not(.mat-mdc-tab-disabled), .mat-mdc-tab-nav-bar.mat-background-warn .mat-mdc-tab.cdk-keyboard-focused:not(.mat-mdc-tab-disabled), .mat-mdc-tab-nav-bar.mat-background-warn .mat-mdc-tab.cdk-program-focused:not(.mat-mdc-tab-disabled),
.mat-mdc-tab-nav-bar.mat-background-warn .mat-mdc-tab-link.cdk-keyboard-focused:not(.mat-mdc-tab-disabled),
.mat-mdc-tab-nav-bar.mat-background-warn .mat-mdc-tab-link.cdk-program-focused:not(.mat-mdc-tab-disabled) {
  background-color: rgb(var(--palette-warn-100));
}

.mat-mdc-tab-group.mat-background-warn > .mat-mdc-tab-header, .mat-mdc-tab-group.mat-background-warn > .mat-mdc-tab-link-container, .mat-mdc-tab-group.mat-background-warn > .mat-mdc-tab-header-pagination, .mat-mdc-tab-nav-bar.mat-background-warn > .mat-mdc-tab-header, .mat-mdc-tab-nav-bar.mat-background-warn > .mat-mdc-tab-link-container, .mat-mdc-tab-nav-bar.mat-background-warn > .mat-mdc-tab-header-pagination {
  background-color: rgb(var(--palette-warn-500));
}

.mat-mdc-tab-group.mat-background-warn > .mat-mdc-tab-header .mat-mdc-tab, .mat-mdc-tab-group.mat-background-warn > .mat-mdc-tab-link-container .mat-mdc-tab-link, .mat-mdc-tab-nav-bar.mat-background-warn > .mat-mdc-tab-header .mat-mdc-tab, .mat-mdc-tab-nav-bar.mat-background-warn > .mat-mdc-tab-link-container .mat-mdc-tab-link {
  color: rgba(var(--palette-warn-contrast-500));
}

.mat-mdc-tab-group.mat-background-warn > .mat-mdc-tab-header .mat-mdc-tab.mat-mdc-tab-disabled, .mat-mdc-tab-group.mat-background-warn > .mat-mdc-tab-link-container .mat-mdc-tab-link.mat-mdc-tab-disabled, .mat-mdc-tab-nav-bar.mat-background-warn > .mat-mdc-tab-header .mat-mdc-tab.mat-mdc-tab-disabled, .mat-mdc-tab-nav-bar.mat-background-warn > .mat-mdc-tab-link-container .mat-mdc-tab-link.mat-mdc-tab-disabled {
  color: rgba(var(--palette-warn-contrast-500));
}

.mat-mdc-tab-group.mat-background-warn > .mat-mdc-tab-header .mat-mdc-tab-header-pagination-chevron,
.mat-mdc-tab-group.mat-background-warn > .mat-mdc-tab-header-pagination .mat-mdc-tab-header-pagination-chevron,
.mat-mdc-tab-group.mat-background-warn > .mat-mdc-tab-link-container .mat-focus-indicator::before,
.mat-mdc-tab-group.mat-background-warn > .mat-mdc-tab-header .mat-focus-indicator::before, .mat-mdc-tab-nav-bar.mat-background-warn > .mat-mdc-tab-header .mat-mdc-tab-header-pagination-chevron,
.mat-mdc-tab-nav-bar.mat-background-warn > .mat-mdc-tab-header-pagination .mat-mdc-tab-header-pagination-chevron,
.mat-mdc-tab-nav-bar.mat-background-warn > .mat-mdc-tab-link-container .mat-focus-indicator::before,
.mat-mdc-tab-nav-bar.mat-background-warn > .mat-mdc-tab-header .mat-focus-indicator::before {
  border-color: rgba(var(--palette-warn-contrast-500));
}

.mat-mdc-tab-group.mat-background-warn > .mat-mdc-tab-header .mat-mdc-tab-header-pagination-disabled .mat-mdc-tab-header-pagination-chevron,
.mat-mdc-tab-group.mat-background-warn > .mat-mdc-tab-header-pagination-disabled .mat-mdc-tab-header-pagination-chevron, .mat-mdc-tab-nav-bar.mat-background-warn > .mat-mdc-tab-header .mat-mdc-tab-header-pagination-disabled .mat-mdc-tab-header-pagination-chevron,
.mat-mdc-tab-nav-bar.mat-background-warn > .mat-mdc-tab-header-pagination-disabled .mat-mdc-tab-header-pagination-chevron {
  border-color: rgba(var(--palette-warn-contrast-500));
}

.mat-mdc-tab-group.mat-background-warn > .mat-mdc-tab-header .mat-ripple-element,
.mat-mdc-tab-group.mat-background-warn > .mat-mdc-tab-link-container .mat-ripple-element,
.mat-mdc-tab-group.mat-background-warn > .mat-mdc-tab-header-pagination .mat-ripple-element, .mat-mdc-tab-nav-bar.mat-background-warn > .mat-mdc-tab-header .mat-ripple-element,
.mat-mdc-tab-nav-bar.mat-background-warn > .mat-mdc-tab-link-container .mat-ripple-element,
.mat-mdc-tab-nav-bar.mat-background-warn > .mat-mdc-tab-header-pagination .mat-ripple-element {
  background-color: rgba(var(--palette-warn-contrast-500));
}

.mat-toolbar {
  background: rgb(var(--palette-background-app-bar));
  color: rgba(var(--palette-foreground-text), var(--palette-foreground-text-alpha));
}

.mat-toolbar.mat-primary {
  background: rgb(var(--palette-primary-500));
  color: rgba(var(--palette-primary-contrast-500));
}

.mat-toolbar.mat-accent {
  background: rgb(var(--palette-accent-500));
  color: rgba(var(--palette-accent-contrast-500));
}

.mat-toolbar.mat-warn {
  background: rgb(var(--palette-warn-500));
  color: rgba(var(--palette-warn-contrast-500));
}

.mat-mdc-tooltip {
  background: rgb(var(--palette-background-tooltip));
}

.mat-tree {
  background: rgb(var(--palette-background-card));
}

.mat-tree-node,
.mat-nested-tree-node {
  color: rgba(var(--palette-foreground-text), var(--palette-foreground-text-alpha));
}

.mat-simple-snackbar-action {
  color: rgb(var(--palette-accent-500));
}

.isDarkTheme .mat-mdc-option {
  color: rgba(var(--palette-foreground-text-dark), var(--palette-foreground-text-dark-alpha));
}

.isDarkTheme .mat-mdc-option:hover:not(.mdc-list-item--disabled), .isDarkTheme .mat-mdc-option:focus:not(.mdc-list-item--disabled) {
  background: rgba(var(--palette-background-hover-dark), var(--palette-background-hover-dark-alpha));
}

.isDarkTheme .mat-mdc-option.mdc-list-item--selected:not(.mat-mdc-option-multiple):not(.mdc-list-item--disabled) {
  background: rgba(var(--palette-background-hover-dark), var(--palette-background-hover-dark-alpha));
}

.isDarkTheme .mat-mdc-option.mat-mdc-option-active {
  background: rgba(var(--palette-background-hover-dark), var(--palette-background-hover-dark-alpha));
  color: rgba(var(--palette-foreground-text-dark), var(--palette-foreground-text-dark-alpha));
}

.isDarkTheme .mat-mdc-option.mdc-list-item--disabled {
  color: rgba(var(--palette-foreground-hint-text-dark), var(--palette-foreground-hint-text-dark-alpha));
}

.isDarkTheme .mat-primary .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) {
  color: rgb(var(--palette-primary-500));
}

.isDarkTheme .mat-accent .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) {
  color: rgb(var(--palette-accent-500));
}

.isDarkTheme .mat-warn .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) {
  color: rgb(var(--palette-warn-500));
}

.isDarkTheme .mat-mdc-optgroup-label {
  color: rgba(var(--palette-foreground-secondary-text-dark), var(--palette-foreground-secondary-text-dark-alpha));
}

.isDarkTheme .mat-mdc-optgroup-label.mdc-list-item--disabled {
  color: rgba(var(--palette-foreground-hint-text-dark), var(--palette-foreground-hint-text-dark-alpha));
}

.isDarkTheme .mat-pseudo-checkbox {
  color: rgba(var(--palette-foreground-secondary-text-dark), var(--palette-foreground-secondary-text-dark-alpha));
}

.isDarkTheme .mat-pseudo-checkbox::after {
  color: rgb(var(--palette-background-background-dark));
}

.isDarkTheme .mat-primary .mat-pseudo-checkbox-checked,
.isDarkTheme .mat-primary .mat-pseudo-checkbox-indeterminate {
  background: rgb(var(--palette-primary-500));
}

.isDarkTheme .mat-pseudo-checkbox-checked,
.isDarkTheme .mat-pseudo-checkbox-indeterminate,
.isDarkTheme .mat-accent .mat-pseudo-checkbox-checked,
.isDarkTheme .mat-accent .mat-pseudo-checkbox-indeterminate {
  background: rgb(var(--palette-accent-500));
}

.isDarkTheme .mat-warn .mat-pseudo-checkbox-checked,
.isDarkTheme .mat-warn .mat-pseudo-checkbox-indeterminate {
  background: rgb(var(--palette-warn-500));
}

.isDarkTheme .mat-app-background, .isDarkTheme.mat-app-background {
  background-color: rgb(var(--palette-background-background-dark));
  color: rgba(var(--palette-foreground-text-dark), var(--palette-foreground-text-dark-alpha));
}

.isDarkTheme .mat-mdc-autocomplete-panel {
  background: rgb(var(--palette-background-card-dark));
  color: rgba(var(--palette-foreground-text-dark), var(--palette-foreground-text-dark-alpha));
}

.isDarkTheme .mat-mdc-autocomplete-panel .mat-mdc-option.mdc-list-item--selected:not(.mat-mdc-option-active):not(:hover) {
  background: rgb(var(--palette-background-card-dark));
}

.isDarkTheme .mat-mdc-autocomplete-panel .mat-mdc-option.mdc-list-item--selected:not(.mat-mdc-option-active):not(:hover):not(.mdc-list-item--disabled) {
  color: rgba(var(--palette-foreground-text-dark), var(--palette-foreground-text-dark-alpha));
}

.isDarkTheme .mat-badge-content {
  color: rgba(var(--palette-primary-contrast-500));
  background: rgb(var(--palette-primary-500));
}

.isDarkTheme .mat-badge-accent .mat-badge-content {
  background: rgb(var(--palette-accent-500));
  color: rgba(var(--palette-accent-contrast-500));
}

.isDarkTheme .mat-badge-warn .mat-badge-content {
  color: rgba(var(--palette-warn-contrast-500));
  background: rgb(var(--palette-warn-500));
}

.isDarkTheme .mat-badge-disabled .mat-badge-content {
  background: rgba(var(--palette-foreground-disabled-button-dark), var(--palette-foreground-disabled-button-dark-alpha));
  color: rgba(var(--palette-foreground-disabled-text-dark), var(--palette-foreground-disabled-text-dark-alpha));
}

.isDarkTheme .mat-bottom-sheet-container {
  background: rgb(var(--palette-background-dialog-dark));
  color: rgba(var(--palette-foreground-text-dark), var(--palette-foreground-text-dark-alpha));
}

.isDarkTheme .mat-button.mat-primary, .isDarkTheme .mat-icon-button.mat-primary, .isDarkTheme .mat-stroked-button.mat-primary {
  color: rgb(var(--palette-primary-500));
}

.isDarkTheme .mat-button.mat-accent, .isDarkTheme .mat-icon-button.mat-accent, .isDarkTheme .mat-stroked-button.mat-accent {
  color: rgb(var(--palette-accent-500));
}

.isDarkTheme .mat-button.mat-warn, .isDarkTheme .mat-icon-button.mat-warn, .isDarkTheme .mat-stroked-button.mat-warn {
  color: rgb(var(--palette-warn-500));
}

.isDarkTheme .mat-button.mat-primary.mat-button-disabled, .isDarkTheme .mat-button.mat-accent.mat-button-disabled, .isDarkTheme .mat-button.mat-warn.mat-button-disabled, .isDarkTheme .mat-button.mat-button-disabled.mat-button-disabled, .isDarkTheme .mat-icon-button.mat-primary.mat-button-disabled, .isDarkTheme .mat-icon-button.mat-accent.mat-button-disabled, .isDarkTheme .mat-icon-button.mat-warn.mat-button-disabled, .isDarkTheme .mat-icon-button.mat-button-disabled.mat-button-disabled, .isDarkTheme .mat-stroked-button.mat-primary.mat-button-disabled, .isDarkTheme .mat-stroked-button.mat-accent.mat-button-disabled, .isDarkTheme .mat-stroked-button.mat-warn.mat-button-disabled, .isDarkTheme .mat-stroked-button.mat-button-disabled.mat-button-disabled {
  color: rgba(var(--palette-foreground-disabled-button-dark), var(--palette-foreground-disabled-button-dark-alpha));
}

.isDarkTheme .mat-button.mat-primary .mat-button-focus-overlay, .isDarkTheme .mat-icon-button.mat-primary .mat-button-focus-overlay, .isDarkTheme .mat-stroked-button.mat-primary .mat-button-focus-overlay {
  background-color: rgb(var(--palette-primary-500));
}

.isDarkTheme .mat-button.mat-accent .mat-button-focus-overlay, .isDarkTheme .mat-icon-button.mat-accent .mat-button-focus-overlay, .isDarkTheme .mat-stroked-button.mat-accent .mat-button-focus-overlay {
  background-color: rgb(var(--palette-accent-500));
}

.isDarkTheme .mat-button.mat-warn .mat-button-focus-overlay, .isDarkTheme .mat-icon-button.mat-warn .mat-button-focus-overlay, .isDarkTheme .mat-stroked-button.mat-warn .mat-button-focus-overlay {
  background-color: rgb(var(--palette-warn-500));
}

.isDarkTheme .mat-stroked-button:not(.mat-button-disabled) {
  border-color: rgba(var(--palette-foreground-divider-dark), var(--palette-foreground-divider-dark-alpha));
}

.isDarkTheme .mat-flat-button, .isDarkTheme .mat-raised-button, .isDarkTheme .mat-fab, .isDarkTheme .mat-mini-fab {
  color: rgba(var(--palette-foreground-text-dark), var(--palette-foreground-text-dark-alpha));
  background-color: rgb(var(--palette-background-raised-button-dark));
}

.isDarkTheme .mat-flat-button.mat-primary, .isDarkTheme .mat-raised-button.mat-primary, .isDarkTheme .mat-fab.mat-primary, .isDarkTheme .mat-mini-fab.mat-primary {
  color: rgba(var(--palette-primary-contrast-500));
}

.isDarkTheme .mat-flat-button.mat-accent, .isDarkTheme .mat-raised-button.mat-accent, .isDarkTheme .mat-fab.mat-accent, .isDarkTheme .mat-mini-fab.mat-accent {
  color: rgba(var(--palette-accent-contrast-500));
}

.isDarkTheme .mat-flat-button.mat-warn, .isDarkTheme .mat-raised-button.mat-warn, .isDarkTheme .mat-fab.mat-warn, .isDarkTheme .mat-mini-fab.mat-warn {
  color: rgba(var(--palette-warn-contrast-500));
}

.isDarkTheme .mat-flat-button.mat-primary.mat-button-disabled, .isDarkTheme .mat-flat-button.mat-accent.mat-button-disabled, .isDarkTheme .mat-flat-button.mat-warn.mat-button-disabled, .isDarkTheme .mat-flat-button.mat-button-disabled.mat-button-disabled, .isDarkTheme .mat-raised-button.mat-primary.mat-button-disabled, .isDarkTheme .mat-raised-button.mat-accent.mat-button-disabled, .isDarkTheme .mat-raised-button.mat-warn.mat-button-disabled, .isDarkTheme .mat-raised-button.mat-button-disabled.mat-button-disabled, .isDarkTheme .mat-fab.mat-primary.mat-button-disabled, .isDarkTheme .mat-fab.mat-accent.mat-button-disabled, .isDarkTheme .mat-fab.mat-warn.mat-button-disabled, .isDarkTheme .mat-fab.mat-button-disabled.mat-button-disabled, .isDarkTheme .mat-mini-fab.mat-primary.mat-button-disabled, .isDarkTheme .mat-mini-fab.mat-accent.mat-button-disabled, .isDarkTheme .mat-mini-fab.mat-warn.mat-button-disabled, .isDarkTheme .mat-mini-fab.mat-button-disabled.mat-button-disabled {
  color: rgba(var(--palette-foreground-disabled-button-dark), var(--palette-foreground-disabled-button-dark-alpha));
}

.isDarkTheme .mat-flat-button.mat-primary, .isDarkTheme .mat-raised-button.mat-primary, .isDarkTheme .mat-fab.mat-primary, .isDarkTheme .mat-mini-fab.mat-primary {
  background-color: rgb(var(--palette-primary-500));
}

.isDarkTheme .mat-flat-button.mat-accent, .isDarkTheme .mat-raised-button.mat-accent, .isDarkTheme .mat-fab.mat-accent, .isDarkTheme .mat-mini-fab.mat-accent {
  background-color: rgb(var(--palette-accent-500));
}

.isDarkTheme .mat-flat-button.mat-warn, .isDarkTheme .mat-raised-button.mat-warn, .isDarkTheme .mat-fab.mat-warn, .isDarkTheme .mat-mini-fab.mat-warn {
  background-color: rgb(var(--palette-warn-500));
}

.isDarkTheme .mat-flat-button.mat-primary.mat-button-disabled, .isDarkTheme .mat-flat-button.mat-accent.mat-button-disabled, .isDarkTheme .mat-flat-button.mat-warn.mat-button-disabled, .isDarkTheme .mat-flat-button.mat-button-disabled.mat-button-disabled, .isDarkTheme .mat-raised-button.mat-primary.mat-button-disabled, .isDarkTheme .mat-raised-button.mat-accent.mat-button-disabled, .isDarkTheme .mat-raised-button.mat-warn.mat-button-disabled, .isDarkTheme .mat-raised-button.mat-button-disabled.mat-button-disabled, .isDarkTheme .mat-fab.mat-primary.mat-button-disabled, .isDarkTheme .mat-fab.mat-accent.mat-button-disabled, .isDarkTheme .mat-fab.mat-warn.mat-button-disabled, .isDarkTheme .mat-fab.mat-button-disabled.mat-button-disabled, .isDarkTheme .mat-mini-fab.mat-primary.mat-button-disabled, .isDarkTheme .mat-mini-fab.mat-accent.mat-button-disabled, .isDarkTheme .mat-mini-fab.mat-warn.mat-button-disabled, .isDarkTheme .mat-mini-fab.mat-button-disabled.mat-button-disabled {
  background-color: rgba(var(--palette-background-disabled-button-dark), var(--palette-background-disabled-button-dark-alpha));
}

.isDarkTheme .mat-flat-button.mat-primary .mat-ripple-element, .isDarkTheme .mat-raised-button.mat-primary .mat-ripple-element, .isDarkTheme .mat-fab.mat-primary .mat-ripple-element, .isDarkTheme .mat-mini-fab.mat-primary .mat-ripple-element {
  background-color: rgba(var(--palette-primary-contrast-500));
}

.isDarkTheme .mat-flat-button.mat-accent .mat-ripple-element, .isDarkTheme .mat-raised-button.mat-accent .mat-ripple-element, .isDarkTheme .mat-fab.mat-accent .mat-ripple-element, .isDarkTheme .mat-mini-fab.mat-accent .mat-ripple-element {
  background-color: rgba(var(--palette-accent-contrast-500));
}

.isDarkTheme .mat-flat-button.mat-warn .mat-ripple-element, .isDarkTheme .mat-raised-button.mat-warn .mat-ripple-element, .isDarkTheme .mat-fab.mat-warn .mat-ripple-element, .isDarkTheme .mat-mini-fab.mat-warn .mat-ripple-element {
  background-color: rgba(var(--palette-warn-contrast-500));
}

.isDarkTheme .mat-button-toggle {
  color: rgba(var(--palette-foreground-hint-text-dark), var(--palette-foreground-hint-text-dark-alpha));
}

.isDarkTheme .mat-button-toggle .mat-button-toggle-focus-overlay {
  background-color: rgba(var(--palette-background-focused-button-dark), var(--palette-background-focused-button-dark-alpha));
}

.isDarkTheme .mat-button-toggle-appearance-standard {
  color: rgba(var(--palette-foreground-text-dark), var(--palette-foreground-text-dark-alpha));
  background: rgb(var(--palette-background-card-dark));
}

.isDarkTheme .mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay {
  background-color: rgba(var(--palette-background-focused-button-dark), var(--palette-background-focused-button-dark-alpha));
}

.isDarkTheme .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {
  border-left: solid 1px rgba(var(--palette-foreground-divider-dark), var(--palette-foreground-divider-dark-alpha));
}

.isDarkTheme [dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {
  border-right: solid 1px rgba(var(--palette-foreground-divider-dark), var(--palette-foreground-divider-dark-alpha));
}

.isDarkTheme .mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle + .mat-button-toggle {
  border-top: solid 1px rgba(var(--palette-foreground-divider-dark), var(--palette-foreground-divider-dark-alpha));
}

.isDarkTheme .mat-button-toggle-checked {
  background-color: rgb(var(--palette-background-selected-button-dark));
  color: rgba(var(--palette-foreground-secondary-text-dark), var(--palette-foreground-secondary-text-dark-alpha));
}

.isDarkTheme .mat-button-toggle-checked.mat-button-toggle-appearance-standard {
  color: rgba(var(--palette-foreground-text-dark), var(--palette-foreground-text-dark-alpha));
}

.isDarkTheme .mat-button-toggle-disabled {
  color: rgba(var(--palette-foreground-disabled-button-dark), var(--palette-foreground-disabled-button-dark-alpha));
  background-color: rgb(var(--palette-background-disabled-button-toggle-dark));
}

.isDarkTheme .mat-button-toggle-disabled.mat-button-toggle-appearance-standard {
  background: rgb(var(--palette-background-card-dark));
}

.isDarkTheme .mat-button-toggle-disabled.mat-button-toggle-checked {
  background-color: rgb(var(--palette-background-selected-disabled-button-dark));
}

.isDarkTheme .mat-button-toggle-standalone.mat-button-toggle-appearance-standard,
.isDarkTheme .mat-button-toggle-group-appearance-standard {
  border: solid 1px rgba(var(--palette-foreground-divider-dark), var(--palette-foreground-divider-dark-alpha));
}

.isDarkTheme .mat-card {
  background: rgb(var(--palette-background-card-dark));
  color: rgba(var(--palette-foreground-text-dark), var(--palette-foreground-text-dark-alpha));
}

.isDarkTheme .mat-card-subtitle {
  color: rgba(var(--palette-foreground-secondary-text-dark), var(--palette-foreground-secondary-text-dark-alpha));
}

.isDarkTheme .mat-checkbox-frame {
  border-color: rgba(var(--palette-foreground-secondary-text-dark), var(--palette-foreground-secondary-text-dark-alpha));
}

.isDarkTheme .mat-checkbox-checkmark {
  fill: rgb(var(--palette-background-background-dark));
}

.isDarkTheme .mat-checkbox-checkmark-path {
  stroke: rgb(var(--palette-background-background-dark)) !important;
}

.isDarkTheme .mat-checkbox-mixedmark {
  background-color: rgb(var(--palette-background-background-dark));
}

.isDarkTheme .mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, .isDarkTheme .mat-checkbox-checked.mat-primary .mat-checkbox-background {
  background-color: rgb(var(--palette-primary-500));
}

.isDarkTheme .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, .isDarkTheme .mat-checkbox-checked.mat-accent .mat-checkbox-background {
  background-color: rgb(var(--palette-accent-500));
}

.isDarkTheme .mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, .isDarkTheme .mat-checkbox-checked.mat-warn .mat-checkbox-background {
  background-color: rgb(var(--palette-warn-500));
}

.isDarkTheme .mat-checkbox-disabled .mat-checkbox-label {
  color: rgba(var(--palette-foreground-disabled-dark), var(--palette-foreground-disabled-dark-alpha));
}

.isDarkTheme .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element,
.isDarkTheme .mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element {
  background: rgb(var(--palette-primary-500));
}

.isDarkTheme .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element,
.isDarkTheme .mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element {
  background: rgb(var(--palette-accent-500));
}

.isDarkTheme .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element,
.isDarkTheme .mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element {
  background: rgb(var(--palette-warn-500));
}

.isDarkTheme .mat-chip.mat-standard-chip {
  background-color: rgb(var(--palette-background-unselected-chip-dark));
  color: rgba(var(--palette-foreground-text-dark), var(--palette-foreground-text-dark-alpha));
}

.isDarkTheme .mat-chip.mat-standard-chip .mat-chip-remove {
  color: rgba(var(--palette-foreground-text-dark), var(--palette-foreground-text-dark-alpha));
}

.isDarkTheme .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary {
  background-color: rgb(var(--palette-primary-500));
  color: rgba(var(--palette-primary-contrast-500));
}

.isDarkTheme .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove {
  color: rgba(var(--palette-primary-contrast-500));
}

.isDarkTheme .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element {
  background-color: rgba(var(--palette-primary-contrast-500));
}

.isDarkTheme .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn {
  background-color: rgb(var(--palette-warn-500));
  color: rgba(var(--palette-warn-contrast-500));
}

.isDarkTheme .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove {
  color: rgba(var(--palette-warn-contrast-500));
}

.isDarkTheme .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element {
  background-color: rgba(var(--palette-warn-contrast-500));
}

.isDarkTheme .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent {
  background-color: rgb(var(--palette-accent-500));
  color: rgba(var(--palette-accent-contrast-500));
}

.isDarkTheme .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove {
  color: rgba(var(--palette-accent-contrast-500));
}

.isDarkTheme .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element {
  background-color: rgba(var(--palette-accent-contrast-500));
}

.isDarkTheme .mat-mdc-table {
  background: rgb(var(--palette-background-card-dark));
}

.isDarkTheme mat-row, .isDarkTheme mat-header-row, .isDarkTheme mat-footer-row,
.isDarkTheme th.mat-mdc-header-cell, .isDarkTheme td.mat-mdc-cell, .isDarkTheme td.mat-mdc-footer-cell {
  border-bottom-color: rgba(var(--palette-foreground-divider-dark), var(--palette-foreground-divider-dark-alpha));
}

.isDarkTheme .mat-mdc-header-cell {
  color: rgba(var(--palette-foreground-secondary-text-dark), var(--palette-foreground-secondary-text-dark-alpha));
}

.isDarkTheme .mat-mdc-cell, .isDarkTheme .mat-mdc-footer-cell {
  color: rgba(var(--palette-foreground-text-dark), var(--palette-foreground-text-dark-alpha));
}

.isDarkTheme .mat-calendar-arrow {
  fill: rgba(var(--palette-foreground-icon-dark), var(--palette-foreground-icon-dark-alpha));
}

.isDarkTheme .mat-datepicker-toggle,
.isDarkTheme .mat-datepicker-content .mat-calendar-next-button,
.isDarkTheme .mat-datepicker-content .mat-calendar-previous-button {
  color: rgba(var(--palette-foreground-icon-dark), var(--palette-foreground-icon-dark-alpha));
}

.isDarkTheme .mat-calendar-table-header-divider::after {
  background: rgba(var(--palette-foreground-divider-dark), var(--palette-foreground-divider-dark-alpha));
}

.isDarkTheme .mat-calendar-table-header,
.isDarkTheme .mat-calendar-body-label {
  color: rgba(var(--palette-foreground-secondary-text-dark), var(--palette-foreground-secondary-text-dark-alpha));
}

.isDarkTheme .mat-calendar-body-cell-content,
.isDarkTheme .mat-date-range-input-separator {
  color: rgba(var(--palette-foreground-text-dark), var(--palette-foreground-text-dark-alpha));
}

.isDarkTheme .mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  color: rgba(var(--palette-foreground-disabled-text-dark), var(--palette-foreground-disabled-text-dark-alpha));
}

.isDarkTheme .mat-form-field-disabled .mat-date-range-input-separator {
  color: rgba(var(--palette-foreground-disabled-text-dark), var(--palette-foreground-disabled-text-dark-alpha));
}

.isDarkTheme .mat-calendar-body-in-preview {
  color: rgba(var(--palette-foreground-divider-dark), var(--palette-foreground-divider-dark-alpha));
}

.isDarkTheme .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  border-color: rgba(var(--palette-foreground-hint-text-dark), var(--palette-foreground-hint-text-dark-alpha));
}

.isDarkTheme .mat-calendar-body-in-range::before {
  background: rgb(var(--palette-primary-500));
}

.isDarkTheme .mat-calendar-body-comparison-bridge-start::before,
.isDarkTheme [dir=rtl] .mat-calendar-body-comparison-bridge-end::before {
  background: linear-gradient(to right, rgb(var(--palette-primary-500)) 50%, rgba(249, 171, 0, 0.2) 50%);
}

.isDarkTheme .mat-calendar-body-comparison-bridge-end::before,
.isDarkTheme [dir=rtl] .mat-calendar-body-comparison-bridge-start::before {
  background: linear-gradient(to left, rgb(var(--palette-primary-500)) 50%, rgba(249, 171, 0, 0.2) 50%);
}

.isDarkTheme .mat-calendar-body-selected {
  background-color: rgb(var(--palette-primary-500));
  color: rgba(var(--palette-primary-contrast-500));
}

.isDarkTheme .mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px rgba(var(--palette-primary-contrast-500));
}

.isDarkTheme .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.isDarkTheme .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: rgb(var(--palette-primary-500));
}

@media (hover: hover) {
  .isDarkTheme .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    background-color: rgb(var(--palette-primary-500));
  }
}
.isDarkTheme .mat-datepicker-content {
  background-color: rgb(var(--palette-background-card-dark));
  color: rgba(var(--palette-foreground-text-dark), var(--palette-foreground-text-dark-alpha));
}

.isDarkTheme .mat-datepicker-content.mat-accent .mat-calendar-body-in-range::before {
  background: rgb(var(--palette-accent-500));
}

.isDarkTheme .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start::before,
.isDarkTheme .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end::before {
  background: linear-gradient(to right, rgb(var(--palette-accent-500)) 50%, rgba(249, 171, 0, 0.2) 50%);
}

.isDarkTheme .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end::before,
.isDarkTheme .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start::before {
  background: linear-gradient(to left, rgb(var(--palette-accent-500)) 50%, rgba(249, 171, 0, 0.2) 50%);
}

.isDarkTheme .mat-datepicker-content.mat-accent .mat-calendar-body-selected {
  background-color: rgb(var(--palette-accent-500));
  color: rgba(var(--palette-accent-contrast-500));
}

.isDarkTheme .mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px rgba(var(--palette-accent-contrast-500));
}

.isDarkTheme .mat-datepicker-content.mat-accent .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.isDarkTheme .mat-datepicker-content.mat-accent .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: rgb(var(--palette-accent-500));
}

@media (hover: hover) {
  .isDarkTheme .mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    background-color: rgb(var(--palette-accent-500));
  }
}
.isDarkTheme .mat-datepicker-content.mat-warn .mat-calendar-body-in-range::before {
  background: rgb(var(--palette-warn-500));
}

.isDarkTheme .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start::before,
.isDarkTheme .mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end::before {
  background: linear-gradient(to right, rgb(var(--palette-warn-500)) 50%, rgba(249, 171, 0, 0.2) 50%);
}

.isDarkTheme .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end::before,
.isDarkTheme .mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start::before {
  background: linear-gradient(to left, rgb(var(--palette-warn-500)) 50%, rgba(249, 171, 0, 0.2) 50%);
}

.isDarkTheme .mat-datepicker-content.mat-warn .mat-calendar-body-selected {
  background-color: rgb(var(--palette-warn-500));
  color: rgba(var(--palette-warn-contrast-500));
}

.isDarkTheme .mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px rgba(var(--palette-warn-contrast-500));
}

.isDarkTheme .mat-datepicker-content.mat-warn .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.isDarkTheme .mat-datepicker-content.mat-warn .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: rgb(var(--palette-warn-500));
}

@media (hover: hover) {
  .isDarkTheme .mat-datepicker-content.mat-warn .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    background-color: rgb(var(--palette-warn-500));
  }
}
.isDarkTheme .mat-datepicker-toggle-active {
  color: rgb(var(--palette-primary-500));
}

.isDarkTheme .mat-datepicker-toggle-active.mat-accent {
  color: rgb(var(--palette-accent-500));
}

.isDarkTheme .mat-datepicker-toggle-active.mat-warn {
  color: rgb(var(--palette-warn-500));
}

.isDarkTheme .mat-date-range-input-inner[disabled] {
  color: rgba(var(--palette-foreground-disabled-text-dark), var(--palette-foreground-disabled-text-dark-alpha));
}

.isDarkTheme .mat-mdc-dialog-container {
  background: rgb(var(--palette-background-dialog-dark));
  color: rgba(var(--palette-foreground-text-dark), var(--palette-foreground-text-dark-alpha));
}

.isDarkTheme .mat-divider {
  border-top-color: rgba(var(--palette-foreground-divider-dark), var(--palette-foreground-divider-dark-alpha));
}

.isDarkTheme .mat-divider-vertical {
  border-right-color: rgba(var(--palette-foreground-divider-dark), var(--palette-foreground-divider-dark-alpha));
}

.isDarkTheme .mat-expansion-panel {
  background: rgb(var(--palette-background-card-dark));
  color: rgba(var(--palette-foreground-text-dark), var(--palette-foreground-text-dark-alpha));
}

.isDarkTheme .mat-action-row {
  border-top-color: rgba(var(--palette-foreground-divider-dark), var(--palette-foreground-divider-dark-alpha));
}

.isDarkTheme .mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]), .isDarkTheme .mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]), .isDarkTheme .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]) {
  background: rgba(var(--palette-background-hover-dark), var(--palette-background-hover-dark-alpha));
}

@media (hover: none) {
  .isDarkTheme .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover {
    background: rgb(var(--palette-background-card-dark));
  }
}
.isDarkTheme .mat-expansion-panel-header-title {
  color: rgba(var(--palette-foreground-text-dark), var(--palette-foreground-text-dark-alpha));
}

.isDarkTheme .mat-expansion-panel-header-description,
.isDarkTheme .mat-expansion-indicator::after {
  color: rgba(var(--palette-foreground-secondary-text-dark), var(--palette-foreground-secondary-text-dark-alpha));
}

.isDarkTheme .mat-expansion-panel-header[aria-disabled=true] {
  color: rgba(var(--palette-foreground-disabled-button-dark), var(--palette-foreground-disabled-button-dark-alpha));
}

.isDarkTheme .mdc-floating-label {
  color: rgba(var(--palette-foreground-secondary-text-dark), var(--palette-foreground-secondary-text-dark-alpha));
}

.isDarkTheme .mat-mdc-form-field-hint {
  color: rgba(var(--palette-foreground-secondary-text-dark), var(--palette-foreground-secondary-text-dark-alpha));
}

.isDarkTheme .mat-mdc-form-field.mat-focused .mdc-floating-label {
  color: rgb(var(--palette-primary-500));
}

.isDarkTheme .mat-mdc-form-field.mat-focused .mdc-floating-label.mat-accent {
  color: rgb(var(--palette-accent-500));
}

.isDarkTheme .mat-mdc-form-field.mat-focused .mdc-floating-label.mat-warn {
  color: rgb(var(--palette-warn-500));
}

.isDarkTheme .mat-focused .mat-mdc-form-field-required-marker {
  color: rgb(var(--palette-accent-500));
}

.isDarkTheme .mdc-line-ripple::after {
  background-color: rgba(var(--palette-foreground-divider-dark), var(--palette-foreground-divider-dark-alpha));
}

.isDarkTheme .mat-mdc-form-field.mat-focused .mdc-line-ripple::after {
  background-color: rgb(var(--palette-primary-500));
}

.isDarkTheme .mat-mdc-form-field.mat-focused.mat-accent .mdc-line-ripple::after {
  background-color: rgb(var(--palette-accent-500));
}

.isDarkTheme .mat-mdc-form-field.mat-focused.mat-warn .mdc-line-ripple::after {
  background-color: rgb(var(--palette-warn-500));
}

.isDarkTheme .mat-mdc-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-mdc-form-field-infix::after {
  color: rgb(var(--palette-primary-500));
}

.isDarkTheme .mat-mdc-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-mdc-form-field-infix::after {
  color: rgb(var(--palette-accent-500));
}

.isDarkTheme .mat-mdc-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-mdc-form-field-infix::after {
  color: rgb(var(--palette-warn-500));
}

.isDarkTheme .mat-mdc-form-field.mat-form-field-invalid .mdc-floating-label {
  color: rgb(var(--palette-warn-500));
}

.isDarkTheme .mat-mdc-form-field.mat-form-field-invalid .mdc-floating-label.mat-accent,
.isDarkTheme .mat-mdc-form-field.mat-form-field-invalid .mdc-floating-label .mat-mdc-form-field-required-marker {
  color: rgb(var(--palette-warn-500));
}

.isDarkTheme .mat-mdc-form-field.mat-form-field-invalid .mdc-line-ripple::after,
.isDarkTheme .mat-mdc-form-field.mat-form-field-invalid.mat-accent .mdc-line-ripple::after {
  background-color: rgb(var(--palette-warn-500));
}

.isDarkTheme .mat-mdc-form-field-error {
  color: rgb(var(--palette-warn-500));
}

.isDarkTheme .mat-form-field-appearance-legacy .mdc-floating-label {
  color: rgba(var(--palette-foreground-secondary-text-dark), var(--palette-foreground-secondary-text-dark-alpha));
}

.isDarkTheme .mat-form-field-appearance-legacy .mat-mdc-form-field-hint {
  color: rgba(var(--palette-foreground-secondary-text-dark), var(--palette-foreground-secondary-text-dark-alpha));
}

.isDarkTheme .mat-form-field-appearance-legacy .mdc-line-ripple {
  background-color: rgba(var(--palette-foreground-divider-dark), var(--palette-foreground-divider-dark-alpha));
}

.isDarkTheme .mat-form-field-appearance-legacy.mat-form-field-disabled .mdc-line-ripple {
  background-image: linear-gradient(to right, rgba(var(--palette-foreground-divider-dark), var(--palette-foreground-divider-dark-alpha)) 0%, rgba(var(--palette-foreground-divider-dark), var(--palette-foreground-divider-dark-alpha)) 33%, transparent 0%);
}

.isDarkTheme .mat-form-field-appearance-standard .mdc-line-ripple {
  background-color: rgba(var(--palette-foreground-divider-dark), var(--palette-foreground-divider-dark-alpha));
}

.isDarkTheme .mat-form-field-appearance-standard.mat-form-field-disabled .mdc-line-ripple {
  background-image: linear-gradient(to right, rgba(var(--palette-foreground-divider-dark), var(--palette-foreground-divider-dark-alpha)) 0%, rgba(var(--palette-foreground-divider-dark), var(--palette-foreground-divider-dark-alpha)) 33%, transparent 0%);
}

.isDarkTheme .mat-form-field-appearance-fill:not(.mat-form-field-appearance-legacy) .mdc-line-ripple::before {
  background-color: rgba(var(--palette-foreground-divider-dark), var(--palette-foreground-divider-dark-alpha));
}

.isDarkTheme .mat-form-field-appearance-fill:not(.mat-form-field-appearance-legacy).mat-form-field-disabled .mdc-floating-label {
  color: rgba(var(--palette-foreground-disabled-text-dark), var(--palette-foreground-disabled-text-dark-alpha));
}

.isDarkTheme .mat-form-field-appearance-outline .mdc-notched-outline {
  color: rgba(var(--palette-foreground-divider-dark), var(--palette-foreground-divider-dark-alpha));
}

.isDarkTheme .mat-form-field-appearance-outline .mdc-notched-outline {
  color: rgba(var(--palette-foreground-divider-dark), var(--palette-foreground-divider-dark-alpha));
}

.isDarkTheme .mat-form-field-appearance-outline.mat-focused .mdc-notched-outline {
  color: rgb(var(--palette-primary-500));
}

.isDarkTheme .mat-form-field-appearance-outline.mat-focused.mat-accent .mdc-notched-outline {
  color: rgb(var(--palette-accent-500));
}

.isDarkTheme .mat-form-field-appearance-outline.mat-focused.mat-warn .mdc-notched-outline {
  color: rgb(var(--palette-warn-500));
}

.isDarkTheme .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mdc-notched-outline {
  color: rgb(var(--palette-warn-500));
}

.isDarkTheme .mat-form-field-appearance-outline.mat-form-field-disabled .mdc-floating-label {
  color: rgba(var(--palette-foreground-disabled-text-dark), var(--palette-foreground-disabled-text-dark-alpha));
}

.isDarkTheme .mat-form-field-appearance-outline.mat-form-field-disabled .mdc-notched-outline {
  color: rgba(var(--palette-foreground-divider-dark), var(--palette-foreground-divider-dark-alpha));
}

.isDarkTheme .mat-icon.mat-primary {
  color: rgb(var(--palette-primary-500));
}

.isDarkTheme .mat-icon.mat-accent {
  color: rgb(var(--palette-accent-500));
}

.isDarkTheme .mat-icon.mat-warn {
  color: rgb(var(--palette-warn-500));
}

.isDarkTheme .mat-mdc-form-field-type-mat-native-select .mat-mdc-form-field-infix::after {
  color: rgba(var(--palette-foreground-secondary-text-dark), var(--palette-foreground-secondary-text-dark-alpha));
}

.isDarkTheme .mat-mdc-input-element:disabled,
.isDarkTheme .mat-mdc-form-field-type-mat-native-select.mat-form-field-disabled .mat-mdc-form-field-infix::after {
  color: rgba(var(--palette-foreground-disabled-text-dark), var(--palette-foreground-disabled-text-dark-alpha));
}

.isDarkTheme .mat-mdc-input-element {
  caret-color: rgb(var(--palette-primary-500));
}

.isDarkTheme .mat-mdc-input-element::placeholder {
  color: rgba(var(--palette-foreground-secondary-text-dark), var(--palette-foreground-secondary-text-dark-alpha));
}

.isDarkTheme .mat-mdc-input-element::-moz-placeholder {
  color: rgba(var(--palette-foreground-secondary-text-dark), var(--palette-foreground-secondary-text-dark-alpha));
}

.isDarkTheme .mat-mdc-input-element::-webkit-input-placeholder {
  color: rgba(var(--palette-foreground-secondary-text-dark), var(--palette-foreground-secondary-text-dark-alpha));
}

.isDarkTheme .mat-mdc-input-element:-ms-input-placeholder {
  color: rgba(var(--palette-foreground-secondary-text-dark), var(--palette-foreground-secondary-text-dark-alpha));
}

.isDarkTheme .mat-mdc-form-field.mat-accent .mat-mdc-input-element {
  caret-color: rgb(var(--palette-accent-500));
}

.isDarkTheme .mat-mdc-form-field.mat-warn .mat-mdc-input-element,
.isDarkTheme .mat-form-field-invalid .mat-mdc-input-element {
  caret-color: rgb(var(--palette-warn-500));
}

.isDarkTheme .mat-mdc-form-field-type-mat-native-select.mat-form-field-invalid .mat-mdc-form-field-infix::after {
  color: rgb(var(--palette-warn-500));
}

.isDarkTheme .mat-mdc-list-base .mat-mdc-list-item {
  color: rgba(var(--palette-foreground-text-dark), var(--palette-foreground-text-dark-alpha));
}

.isDarkTheme .mat-mdc-list-base .mat-mdc-list-option {
  color: rgba(var(--palette-foreground-text-dark), var(--palette-foreground-text-dark-alpha));
}

.isDarkTheme .mat-mdc-list-base .mat-mdc-subheader {
  color: rgba(var(--palette-foreground-secondary-text-dark), var(--palette-foreground-secondary-text-dark-alpha));
}

.isDarkTheme .mat-mdc-list-base .mdc-list-item--disabled {
  background-color: rgb(var(--palette-background-disabled-list-option-dark));
  color: rgba(var(--palette-foreground-disabled-text-dark), var(--palette-foreground-disabled-text-dark-alpha));
}

.isDarkTheme .mat-mdc-list-option:hover, .isDarkTheme .mat-mdc-list-option:focus,
.isDarkTheme .mat-mdc-nav-list .mat-mdc-list-item:hover,
.isDarkTheme .mat-mdc-nav-list .mat-mdc-list-item:focus,
.isDarkTheme .mat-mdc-action-list .mat-mdc-list-item:hover,
.isDarkTheme .mat-mdc-action-list .mat-mdc-list-item:focus {
  background: rgba(var(--palette-background-hover-dark), var(--palette-background-hover-dark-alpha));
}

.isDarkTheme .mat-mdc-list-option.mdc-list-item--selected, .isDarkTheme .mat-mdc-list-option.mdc-list-item--selected:hover, .isDarkTheme .mat-mdc-list-option.mdc-list-item--selected:focus {
  background: rgba(var(--palette-background-hover-dark), var(--palette-background-hover-dark-alpha));
}

.isDarkTheme .mat-mdc-menu-panel {
  background: rgb(var(--palette-background-card-dark));
}

.isDarkTheme .mat-mdc-menu-item {
  color: rgba(var(--palette-foreground-text-dark), var(--palette-foreground-text-dark-alpha));
}

.isDarkTheme .mat-mdc-menu-item[disabled],
.isDarkTheme .mat-mdc-menu-item[disabled] .mat-mdc-menu-submenu-icon,
.isDarkTheme .mat-mdc-menu-item[disabled] .mat-icon-no-color {
  color: rgba(var(--palette-foreground-disabled-dark), var(--palette-foreground-disabled-dark-alpha));
}

.isDarkTheme .mat-mdc-menu-item .mat-icon-no-color,
.isDarkTheme .mat-mdc-menu-submenu-icon {
  color: rgba(var(--palette-foreground-icon-dark), var(--palette-foreground-icon-dark-alpha));
}

.isDarkTheme .mat-mdc-menu-item:hover:not([disabled]),
.isDarkTheme .mat-mdc-menu-item.cdk-program-focused:not([disabled]),
.isDarkTheme .mat-mdc-menu-item.cdk-keyboard-focused:not([disabled]),
.isDarkTheme .mat-mdc-menu-item-highlighted:not([disabled]) {
  background: rgba(var(--palette-background-hover-dark), var(--palette-background-hover-dark-alpha));
}

.isDarkTheme .mat-mdc-paginator {
  background: rgb(var(--palette-background-card-dark));
}

.isDarkTheme .mat-mdc-paginator,
.isDarkTheme .mat-mdc-paginator-page-size .mat-mdc-select-trigger {
  color: rgba(var(--palette-foreground-secondary-text-dark), var(--palette-foreground-secondary-text-dark-alpha));
}

.isDarkTheme .mat-mdc-paginator-decrement,
.isDarkTheme .mat-mdc-paginator-increment {
  border-top: 2px solid rgba(var(--palette-foreground-icon-dark), var(--palette-foreground-icon-dark-alpha));
  border-right: 2px solid rgba(var(--palette-foreground-icon-dark), var(--palette-foreground-icon-dark-alpha));
}

.isDarkTheme .mat-mdc-paginator-first,
.isDarkTheme .mat-mdc-paginator-last {
  border-top: 2px solid rgba(var(--palette-foreground-icon-dark), var(--palette-foreground-icon-dark-alpha));
}

.isDarkTheme .mat-icon-button[disabled] .mat-mdc-paginator-decrement,
.isDarkTheme .mat-icon-button[disabled] .mat-mdc-paginator-increment,
.isDarkTheme .mat-icon-button[disabled] .mat-mdc-paginator-first,
.isDarkTheme .mat-icon-button[disabled] .mat-mdc-paginator-last {
  border-color: rgba(var(--palette-foreground-disabled-dark), var(--palette-foreground-disabled-dark-alpha));
}

.isDarkTheme .mat-mdc-progress-bar .mdc-linear-progress__buffer {
  background-color: rgb(var(--palette-primary-100));
}

.isDarkTheme .mat-mdc-progress-bar {
  --mat-progress-bar-track-color: rgb(var(--palette-primary-100));
}

.isDarkTheme .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: rgb(var(--palette-primary-500));
}

.isDarkTheme .mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer {
  background-color: rgb(var(--palette-accent-100));
}

.isDarkTheme .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-track-color: rgb(var(--palette-accent-100));
}

.isDarkTheme .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: rgb(var(--palette-accent-500));
}

.isDarkTheme .mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer {
  background-color: rgb(var(--palette-warn-100));
}

.isDarkTheme .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-track-color: rgb(var(--palette-warn-100));
}

.isDarkTheme .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: rgb(var(--palette-warn-500));
}

.isDarkTheme .mat-mdc-progress-spinner {
  --mat-progress-spinner-active-indicator-color: rgb(var(--palette-primary-500));
}

.isDarkTheme .mat-mdc-progress-spinner.mat-accent {
  --mat-progress-spinner-active-indicator-color: rgb(var(--palette-accent-500));
}

.isDarkTheme .mat-mdc-progress-spinner.mat-warn {
  --mat-progress-spinner-active-indicator-color: rgb(var(--palette-warn-500));
}

.isDarkTheme .mat-radio-outer-circle {
  border-color: rgba(var(--palette-foreground-secondary-text-dark), var(--palette-foreground-secondary-text-dark-alpha));
}

.isDarkTheme .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle {
  border-color: rgb(var(--palette-primary-500));
}

.isDarkTheme .mat-radio-button.mat-primary .mat-radio-inner-circle,
.isDarkTheme .mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .isDarkTheme .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple, .isDarkTheme .mat-radio-button.mat-primary:active .mat-radio-persistent-ripple {
  background-color: rgb(var(--palette-primary-500));
}

.isDarkTheme .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
  border-color: rgb(var(--palette-accent-500));
}

.isDarkTheme .mat-radio-button.mat-accent .mat-radio-inner-circle,
.isDarkTheme .mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .isDarkTheme .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple, .isDarkTheme .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple {
  background-color: rgb(var(--palette-accent-500));
}

.isDarkTheme .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle {
  border-color: rgb(var(--palette-warn-500));
}

.isDarkTheme .mat-radio-button.mat-warn .mat-radio-inner-circle,
.isDarkTheme .mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .isDarkTheme .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple, .isDarkTheme .mat-radio-button.mat-warn:active .mat-radio-persistent-ripple {
  background-color: rgb(var(--palette-warn-500));
}

.isDarkTheme .mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle,
.isDarkTheme .mat-radio-button.mat-radio-disabled .mat-radio-outer-circle {
  border-color: rgba(var(--palette-foreground-disabled-dark), var(--palette-foreground-disabled-dark-alpha));
}

.isDarkTheme .mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element,
.isDarkTheme .mat-radio-button.mat-radio-disabled .mat-radio-inner-circle {
  background-color: rgba(var(--palette-foreground-disabled-dark), var(--palette-foreground-disabled-dark-alpha));
}

.isDarkTheme .mat-radio-button.mat-radio-disabled .mat-radio-label-content {
  color: rgba(var(--palette-foreground-disabled-dark), var(--palette-foreground-disabled-dark-alpha));
}

.isDarkTheme .mat-mdc-select-value {
  color: rgba(var(--palette-foreground-text-dark), var(--palette-foreground-text-dark-alpha));
}

.isDarkTheme .mat-mdc-select-placeholder {
  color: rgba(var(--palette-foreground-secondary-text-dark), var(--palette-foreground-secondary-text-dark-alpha));
}

.isDarkTheme .mat-mdc-select-disabled .mat-mdc-select-value {
  color: rgba(var(--palette-foreground-disabled-text-dark), var(--palette-foreground-disabled-text-dark-alpha));
}

.isDarkTheme .mat-mdc-select-arrow {
  color: rgba(var(--palette-foreground-secondary-text-dark), var(--palette-foreground-secondary-text-dark-alpha));
}

.isDarkTheme .mat-mdc-select-panel {
  background: rgb(var(--palette-background-card-dark));
}

.isDarkTheme .mat-mdc-select-panel .mat-mdc-option.mdc-list-item--selected:not(.mat-mdc-option-multiple) {
  background: rgba(var(--palette-background-hover-dark), var(--palette-background-hover-dark-alpha));
}

.isDarkTheme .mat-mdc-form-field.mat-focused.mat-primary .mat-mdc-select-arrow {
  color: rgb(var(--palette-primary-500));
}

.isDarkTheme .mat-mdc-form-field.mat-focused.mat-accent .mat-mdc-select-arrow {
  color: rgb(var(--palette-accent-500));
}

.isDarkTheme .mat-mdc-form-field.mat-focused.mat-warn .mat-mdc-select-arrow {
  color: rgb(var(--palette-warn-500));
}

.isDarkTheme .mat-mdc-form-field .mat-mdc-select.mat-mdc-select-invalid .mat-mdc-select-arrow {
  color: rgb(var(--palette-warn-500));
}

.isDarkTheme .mat-mdc-form-field .mat-mdc-select.mat-mdc-select-disabled .mat-mdc-select-arrow {
  color: rgba(var(--palette-foreground-disabled-text-dark), var(--palette-foreground-disabled-text-dark-alpha));
}

.isDarkTheme .mat-drawer-container {
  background-color: rgb(var(--palette-background-background-dark));
  color: rgba(var(--palette-foreground-text-dark), var(--palette-foreground-text-dark-alpha));
}

.isDarkTheme .mat-drawer {
  background-color: rgb(var(--palette-background-dialog-dark));
  color: rgba(var(--palette-foreground-text-dark), var(--palette-foreground-text-dark-alpha));
}

.isDarkTheme .mat-drawer.mat-drawer-push {
  background-color: rgb(var(--palette-background-dialog-dark));
}

.isDarkTheme .mat-drawer-side {
  border-right: solid 1px rgba(var(--palette-foreground-divider-dark), var(--palette-foreground-divider-dark-alpha));
}

.isDarkTheme .mat-drawer-side.mat-drawer-end {
  border-left: solid 1px rgba(var(--palette-foreground-divider-dark), var(--palette-foreground-divider-dark-alpha));
}

.isDarkTheme [dir=rtl] .mat-drawer-side {
  border-left: solid 1px rgba(var(--palette-foreground-divider-dark), var(--palette-foreground-divider-dark-alpha));
}

.isDarkTheme [dir=rtl] .mat-drawer-side.mat-drawer-end {
  border-right: solid 1px rgba(var(--palette-foreground-divider-dark), var(--palette-foreground-divider-dark-alpha));
}

.isDarkTheme .mat-drawer-backdrop.mat-drawer-shown {
  background-color: rgb(var(--palette-background-card-dark));
}

.isDarkTheme .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
  background-color: rgb(var(--palette-accent-500));
}

.isDarkTheme .mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
  background-color: rgb(var(--palette-accent-500));
}

.isDarkTheme .mat-slide-toggle.mat-checked .mat-ripple-element {
  background-color: rgb(var(--palette-accent-500));
}

.isDarkTheme .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb {
  background-color: rgb(var(--palette-primary-500));
}

.isDarkTheme .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar {
  background-color: rgb(var(--palette-primary-500));
}

.isDarkTheme .mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element {
  background-color: rgb(var(--palette-primary-500));
}

.isDarkTheme .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb {
  background-color: rgb(var(--palette-warn-500));
}

.isDarkTheme .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar {
  background-color: rgb(var(--palette-warn-500));
}

.isDarkTheme .mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element {
  background-color: rgb(var(--palette-warn-500));
}

.isDarkTheme .mat-slide-toggle-bar {
  background-color: rgba(var(--palette-foreground-disabled-dark), var(--palette-foreground-disabled-dark-alpha));
}

.isDarkTheme .mat-slider-track-background {
  background-color: rgba(var(--palette-foreground-slider-off-dark), var(--palette-foreground-slider-off-dark-alpha));
}

.isDarkTheme .mat-slider.mat-primary .mat-slider-track-fill,
.isDarkTheme .mat-slider.mat-primary .mat-slider-thumb,
.isDarkTheme .mat-slider.mat-primary .mat-slider-thumb-label {
  background-color: rgb(var(--palette-primary-500));
}

.isDarkTheme .mat-slider.mat-primary .mat-slider-thumb-label-text {
  color: rgba(var(--palette-primary-contrast-500));
}

.isDarkTheme .mat-slider.mat-primary .mat-slider-focus-ring {
  background-color: rgb(var(--palette-primary-500));
}

.isDarkTheme .mat-slider.mat-accent .mat-slider-track-fill,
.isDarkTheme .mat-slider.mat-accent .mat-slider-thumb,
.isDarkTheme .mat-slider.mat-accent .mat-slider-thumb-label {
  background-color: rgb(var(--palette-accent-500));
}

.isDarkTheme .mat-slider.mat-accent .mat-slider-thumb-label-text {
  color: rgba(var(--palette-accent-contrast-500));
}

.isDarkTheme .mat-slider.mat-accent .mat-slider-focus-ring {
  background-color: rgb(var(--palette-accent-500));
}

.isDarkTheme .mat-slider.mat-warn .mat-slider-track-fill,
.isDarkTheme .mat-slider.mat-warn .mat-slider-thumb,
.isDarkTheme .mat-slider.mat-warn .mat-slider-thumb-label {
  background-color: rgb(var(--palette-warn-500));
}

.isDarkTheme .mat-slider.mat-warn .mat-slider-thumb-label-text {
  color: rgba(var(--palette-warn-contrast-500));
}

.isDarkTheme .mat-slider.mat-warn .mat-slider-focus-ring {
  background-color: rgb(var(--palette-warn-500));
}

.isDarkTheme .mat-slider:hover .mat-slider-track-background,
.isDarkTheme .mat-slider.cdk-focused .mat-slider-track-background {
  background-color: rgba(var(--palette-foreground-slider-off-active-dark), var(--palette-foreground-slider-off-active-dark-alpha));
}

.isDarkTheme .mat-slider.mat-slider-disabled .mat-slider-track-background,
.isDarkTheme .mat-slider.mat-slider-disabled .mat-slider-track-fill,
.isDarkTheme .mat-slider.mat-slider-disabled .mat-slider-thumb {
  background-color: rgba(var(--palette-foreground-slider-off-dark), var(--palette-foreground-slider-off-dark-alpha));
}

.isDarkTheme .mat-slider.mat-slider-disabled:hover .mat-slider-track-background {
  background-color: rgba(var(--palette-foreground-slider-off-dark), var(--palette-foreground-slider-off-dark-alpha));
}

.isDarkTheme .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,
.isDarkTheme .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label {
  background-color: rgba(var(--palette-foreground-slider-min-dark), var(--palette-foreground-slider-min-dark-alpha));
}

.isDarkTheme .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,
.isDarkTheme .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label {
  background-color: rgba(var(--palette-foreground-slider-off-dark), var(--palette-foreground-slider-off-dark-alpha));
}

.isDarkTheme .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {
  border-color: rgba(var(--palette-foreground-slider-off-dark), var(--palette-foreground-slider-off-dark-alpha));
}

.isDarkTheme .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, .isDarkTheme .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb {
  border-color: rgba(var(--palette-foreground-slider-off-active-dark), var(--palette-foreground-slider-off-active-dark-alpha));
}

.isDarkTheme .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, .isDarkTheme .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb {
  border-color: rgba(var(--palette-foreground-slider-off-dark), var(--palette-foreground-slider-off-dark-alpha));
}

.isDarkTheme .mat-step-header.cdk-keyboard-focused, .isDarkTheme .mat-step-header.cdk-program-focused, .isDarkTheme .mat-step-header:hover:not([aria-disabled]), .isDarkTheme .mat-step-header:hover[aria-disabled=false] {
  background-color: rgba(var(--palette-background-hover-dark), var(--palette-background-hover-dark-alpha));
}

.isDarkTheme .mat-step-header .mat-step-label,
.isDarkTheme .mat-step-header .mat-step-optional {
  color: rgba(var(--palette-foreground-secondary-text-dark), var(--palette-foreground-secondary-text-dark-alpha));
}

.isDarkTheme .mat-step-header .mat-step-icon {
  background-color: rgba(var(--palette-foreground-secondary-text-dark), var(--palette-foreground-secondary-text-dark-alpha));
  color: rgba(var(--palette-primary-contrast-500));
}

.isDarkTheme .mat-step-header .mat-step-icon-selected,
.isDarkTheme .mat-step-header .mat-step-icon-state-done,
.isDarkTheme .mat-step-header .mat-step-icon-state-edit {
  background-color: rgb(var(--palette-primary-500));
  color: rgba(var(--palette-primary-contrast-500));
}

.isDarkTheme .mat-step-header.mat-accent .mat-step-icon {
  color: rgba(var(--palette-accent-contrast-500));
}

.isDarkTheme .mat-step-header.mat-accent .mat-step-icon-selected,
.isDarkTheme .mat-step-header.mat-accent .mat-step-icon-state-done,
.isDarkTheme .mat-step-header.mat-accent .mat-step-icon-state-edit {
  background-color: rgb(var(--palette-accent-500));
  color: rgba(var(--palette-accent-contrast-500));
}

.isDarkTheme .mat-step-header.mat-warn .mat-step-icon {
  color: rgba(var(--palette-warn-contrast-500));
}

.isDarkTheme .mat-step-header.mat-warn .mat-step-icon-selected,
.isDarkTheme .mat-step-header.mat-warn .mat-step-icon-state-done,
.isDarkTheme .mat-step-header.mat-warn .mat-step-icon-state-edit {
  background-color: rgb(var(--palette-warn-500));
  color: rgba(var(--palette-warn-contrast-500));
}

.isDarkTheme .mat-step-header .mat-step-icon-state-error {
  color: rgb(var(--palette-warn-500));
}

.isDarkTheme .mat-step-header .mat-step-label.mat-step-label-active {
  color: rgba(var(--palette-foreground-text-dark), var(--palette-foreground-text-dark-alpha));
}

.isDarkTheme .mat-step-header .mat-step-label.mat-step-label-error {
  color: rgb(var(--palette-warn-500));
}

.isDarkTheme .mat-stepper-horizontal, .isDarkTheme .mat-stepper-vertical {
  background-color: rgb(var(--palette-background-card-dark));
}

.isDarkTheme .mat-stepper-vertical-line::before {
  border-left-color: rgba(var(--palette-foreground-divider-dark), var(--palette-foreground-divider-dark-alpha));
}

.isDarkTheme .mat-horizontal-stepper-header::before,
.isDarkTheme .mat-horizontal-stepper-header::after,
.isDarkTheme .mat-stepper-horizontal-line {
  border-top-color: rgba(var(--palette-foreground-divider-dark), var(--palette-foreground-divider-dark-alpha));
}

.isDarkTheme .mat-sort-header-arrow {
  color: rgba(var(--palette-foreground-secondary-text-dark), var(--palette-foreground-secondary-text-dark-alpha));
}

.isDarkTheme .mat-mdc-tab-nav-bar,
.isDarkTheme .mat-mdc-tab-header {
  border-bottom: 1px solid rgba(var(--palette-foreground-divider-dark), var(--palette-foreground-divider-dark-alpha));
}

.isDarkTheme .mat-mdc-tab-group-inverted-header .mat-mdc-tab-nav-bar,
.isDarkTheme .mat-mdc-tab-group-inverted-header .mat-mdc-tab-header {
  border-top: 1px solid rgba(var(--palette-foreground-divider-dark), var(--palette-foreground-divider-dark-alpha));
}

.isDarkTheme .mat-mdc-tab, .isDarkTheme .mat-mdc-tab-link {
  color: rgba(var(--palette-foreground-text-dark), var(--palette-foreground-text-dark-alpha));
}

.isDarkTheme .mat-mdc-tab.mat-mdc-tab-disabled, .isDarkTheme .mat-mdc-tab-link.mat-mdc-tab-disabled {
  color: rgba(var(--palette-foreground-disabled-text-dark), var(--palette-foreground-disabled-text-dark-alpha));
}

.isDarkTheme .mat-mdc-tab-header-pagination-chevron {
  border-color: rgba(var(--palette-foreground-text-dark), var(--palette-foreground-text-dark-alpha));
}

.isDarkTheme .mat-mdc-tab-header-pagination-disabled .mat-mdc-tab-header-pagination-chevron {
  border-color: rgba(var(--palette-foreground-disabled-text-dark), var(--palette-foreground-disabled-text-dark-alpha));
}

.isDarkTheme .mat-mdc-tab-group.mat-primary .mat-mdc-tab.cdk-keyboard-focused:not(.mat-mdc-tab-disabled), .isDarkTheme .mat-mdc-tab-group.mat-primary .mat-mdc-tab.cdk-program-focused:not(.mat-mdc-tab-disabled),
.isDarkTheme .mat-mdc-tab-group.mat-primary .mat-mdc-tab-link.cdk-keyboard-focused:not(.mat-mdc-tab-disabled),
.isDarkTheme .mat-mdc-tab-group.mat-primary .mat-mdc-tab-link.cdk-program-focused:not(.mat-mdc-tab-disabled), .isDarkTheme .mat-mdc-tab-nav-bar.mat-primary .mat-mdc-tab.cdk-keyboard-focused:not(.mat-mdc-tab-disabled), .isDarkTheme .mat-mdc-tab-nav-bar.mat-primary .mat-mdc-tab.cdk-program-focused:not(.mat-mdc-tab-disabled),
.isDarkTheme .mat-mdc-tab-nav-bar.mat-primary .mat-mdc-tab-link.cdk-keyboard-focused:not(.mat-mdc-tab-disabled),
.isDarkTheme .mat-mdc-tab-nav-bar.mat-primary .mat-mdc-tab-link.cdk-program-focused:not(.mat-mdc-tab-disabled) {
  background-color: rgb(var(--palette-primary-100));
}

.isDarkTheme .mat-mdc-tab-group.mat-primary .mat-mdc-tab, .isDarkTheme .mat-mdc-tab-nav-bar.mat-primary .mat-mdc-tab {
  --mat-tab-active-indicator-color: rgb(var(--palette-primary-500));
  --mat-tab-active-hover-indicator-color: rgb(var(--palette-primary-500));
  --mat-tab-active-focus-indicator-color: rgb(var(--palette-primary-500));
}

.isDarkTheme .mat-mdc-tab-group.mat-primary.mat-background-primary > .mat-mdc-tab-header .mat-mdc-tab, .isDarkTheme .mat-mdc-tab-group.mat-primary.mat-background-primary > .mat-mdc-tab-link-container .mat-mdc-tab, .isDarkTheme .mat-mdc-tab-nav-bar.mat-primary.mat-background-primary > .mat-mdc-tab-header .mat-mdc-tab, .isDarkTheme .mat-mdc-tab-nav-bar.mat-primary.mat-background-primary > .mat-mdc-tab-link-container .mat-mdc-tab {
  --mat-tab-active-indicator-color: rgba(var(--palette-primary-contrast-500));
  --mat-tab-active-hover-indicator-color: rgba(var(--palette-primary-contrast-500));
  --mat-tab-active-focus-indicator-color: rgba(var(--palette-primary-contrast-500));
}

.isDarkTheme .mat-mdc-tab-group.mat-accent .mat-mdc-tab.cdk-keyboard-focused:not(.mat-mdc-tab-disabled), .isDarkTheme .mat-mdc-tab-group.mat-accent .mat-mdc-tab.cdk-program-focused:not(.mat-mdc-tab-disabled),
.isDarkTheme .mat-mdc-tab-group.mat-accent .mat-mdc-tab-link.cdk-keyboard-focused:not(.mat-mdc-tab-disabled),
.isDarkTheme .mat-mdc-tab-group.mat-accent .mat-mdc-tab-link.cdk-program-focused:not(.mat-mdc-tab-disabled), .isDarkTheme .mat-mdc-tab-nav-bar.mat-accent .mat-mdc-tab.cdk-keyboard-focused:not(.mat-mdc-tab-disabled), .isDarkTheme .mat-mdc-tab-nav-bar.mat-accent .mat-mdc-tab.cdk-program-focused:not(.mat-mdc-tab-disabled),
.isDarkTheme .mat-mdc-tab-nav-bar.mat-accent .mat-mdc-tab-link.cdk-keyboard-focused:not(.mat-mdc-tab-disabled),
.isDarkTheme .mat-mdc-tab-nav-bar.mat-accent .mat-mdc-tab-link.cdk-program-focused:not(.mat-mdc-tab-disabled) {
  background-color: rgb(var(--palette-accent-100));
}

.isDarkTheme .mat-mdc-tab-group.mat-accent .mat-mdc-tab, .isDarkTheme .mat-mdc-tab-nav-bar.mat-accent .mat-mdc-tab {
  --mat-tab-active-indicator-color: rgb(var(--palette-accent-500));
  --mat-tab-active-hover-indicator-color: rgb(var(--palette-accent-500));
  --mat-tab-active-focus-indicator-color: rgb(var(--palette-accent-500));
}

.isDarkTheme .mat-mdc-tab-group.mat-accent.mat-background-accent > .mat-mdc-tab-header .mat-mdc-tab, .isDarkTheme .mat-mdc-tab-group.mat-accent.mat-background-accent > .mat-mdc-tab-link-container .mat-mdc-tab, .isDarkTheme .mat-mdc-tab-nav-bar.mat-accent.mat-background-accent > .mat-mdc-tab-header .mat-mdc-tab, .isDarkTheme .mat-mdc-tab-nav-bar.mat-accent.mat-background-accent > .mat-mdc-tab-link-container .mat-mdc-tab {
  --mat-tab-active-indicator-color: rgba(var(--palette-accent-contrast-500));
  --mat-tab-active-hover-indicator-color: rgba(var(--palette-accent-contrast-500));
  --mat-tab-active-focus-indicator-color: rgba(var(--palette-accent-contrast-500));
}

.isDarkTheme .mat-mdc-tab-group.mat-warn .mat-mdc-tab.cdk-keyboard-focused:not(.mat-mdc-tab-disabled), .isDarkTheme .mat-mdc-tab-group.mat-warn .mat-mdc-tab.cdk-program-focused:not(.mat-mdc-tab-disabled),
.isDarkTheme .mat-mdc-tab-group.mat-warn .mat-mdc-tab-link.cdk-keyboard-focused:not(.mat-mdc-tab-disabled),
.isDarkTheme .mat-mdc-tab-group.mat-warn .mat-mdc-tab-link.cdk-program-focused:not(.mat-mdc-tab-disabled), .isDarkTheme .mat-mdc-tab-nav-bar.mat-warn .mat-mdc-tab.cdk-keyboard-focused:not(.mat-mdc-tab-disabled), .isDarkTheme .mat-mdc-tab-nav-bar.mat-warn .mat-mdc-tab.cdk-program-focused:not(.mat-mdc-tab-disabled),
.isDarkTheme .mat-mdc-tab-nav-bar.mat-warn .mat-mdc-tab-link.cdk-keyboard-focused:not(.mat-mdc-tab-disabled),
.isDarkTheme .mat-mdc-tab-nav-bar.mat-warn .mat-mdc-tab-link.cdk-program-focused:not(.mat-mdc-tab-disabled) {
  background-color: rgb(var(--palette-warn-100));
}

.isDarkTheme .mat-mdc-tab-group.mat-warn .mat-mdc-tab, .isDarkTheme .mat-mdc-tab-nav-bar.mat-warn .mat-mdc-tab {
  --mat-tab-active-indicator-color: rgb(var(--palette-warn-500));
  --mat-tab-active-hover-indicator-color: rgb(var(--palette-warn-500));
  --mat-tab-active-focus-indicator-color: rgb(var(--palette-warn-500));
}

.isDarkTheme .mat-mdc-tab-group.mat-warn.mat-background-warn > .mat-mdc-tab-header .mat-mdc-tab, .isDarkTheme .mat-mdc-tab-group.mat-warn.mat-background-warn > .mat-mdc-tab-link-container .mat-mdc-tab, .isDarkTheme .mat-mdc-tab-nav-bar.mat-warn.mat-background-warn > .mat-mdc-tab-header .mat-mdc-tab, .isDarkTheme .mat-mdc-tab-nav-bar.mat-warn.mat-background-warn > .mat-mdc-tab-link-container .mat-mdc-tab {
  --mat-tab-active-indicator-color: rgba(var(--palette-warn-contrast-500));
  --mat-tab-active-hover-indicator-color: rgba(var(--palette-warn-contrast-500));
  --mat-tab-active-focus-indicator-color: rgba(var(--palette-warn-contrast-500));
}

.isDarkTheme .mat-mdc-tab-group.mat-background-primary .mat-mdc-tab.cdk-keyboard-focused:not(.mat-mdc-tab-disabled), .isDarkTheme .mat-mdc-tab-group.mat-background-primary .mat-mdc-tab.cdk-program-focused:not(.mat-mdc-tab-disabled),
.isDarkTheme .mat-mdc-tab-group.mat-background-primary .mat-mdc-tab-link.cdk-keyboard-focused:not(.mat-mdc-tab-disabled),
.isDarkTheme .mat-mdc-tab-group.mat-background-primary .mat-mdc-tab-link.cdk-program-focused:not(.mat-mdc-tab-disabled), .isDarkTheme .mat-mdc-tab-nav-bar.mat-background-primary .mat-mdc-tab.cdk-keyboard-focused:not(.mat-mdc-tab-disabled), .isDarkTheme .mat-mdc-tab-nav-bar.mat-background-primary .mat-mdc-tab.cdk-program-focused:not(.mat-mdc-tab-disabled),
.isDarkTheme .mat-mdc-tab-nav-bar.mat-background-primary .mat-mdc-tab-link.cdk-keyboard-focused:not(.mat-mdc-tab-disabled),
.isDarkTheme .mat-mdc-tab-nav-bar.mat-background-primary .mat-mdc-tab-link.cdk-program-focused:not(.mat-mdc-tab-disabled) {
  background-color: rgb(var(--palette-primary-100));
}

.isDarkTheme .mat-mdc-tab-group.mat-background-primary > .mat-mdc-tab-header, .isDarkTheme .mat-mdc-tab-group.mat-background-primary > .mat-mdc-tab-link-container, .isDarkTheme .mat-mdc-tab-group.mat-background-primary > .mat-mdc-tab-header-pagination, .isDarkTheme .mat-mdc-tab-nav-bar.mat-background-primary > .mat-mdc-tab-header, .isDarkTheme .mat-mdc-tab-nav-bar.mat-background-primary > .mat-mdc-tab-link-container, .isDarkTheme .mat-mdc-tab-nav-bar.mat-background-primary > .mat-mdc-tab-header-pagination {
  background-color: rgb(var(--palette-primary-500));
}

.isDarkTheme .mat-mdc-tab-group.mat-background-primary > .mat-mdc-tab-header .mat-mdc-tab, .isDarkTheme .mat-mdc-tab-group.mat-background-primary > .mat-mdc-tab-link-container .mat-mdc-tab-link, .isDarkTheme .mat-mdc-tab-nav-bar.mat-background-primary > .mat-mdc-tab-header .mat-mdc-tab, .isDarkTheme .mat-mdc-tab-nav-bar.mat-background-primary > .mat-mdc-tab-link-container .mat-mdc-tab-link {
  color: rgba(var(--palette-primary-contrast-500));
}

.isDarkTheme .mat-mdc-tab-group.mat-background-primary > .mat-mdc-tab-header .mat-mdc-tab.mat-mdc-tab-disabled, .isDarkTheme .mat-mdc-tab-group.mat-background-primary > .mat-mdc-tab-link-container .mat-mdc-tab-link.mat-mdc-tab-disabled, .isDarkTheme .mat-mdc-tab-nav-bar.mat-background-primary > .mat-mdc-tab-header .mat-mdc-tab.mat-mdc-tab-disabled, .isDarkTheme .mat-mdc-tab-nav-bar.mat-background-primary > .mat-mdc-tab-link-container .mat-mdc-tab-link.mat-mdc-tab-disabled {
  color: rgba(var(--palette-primary-contrast-500));
}

.isDarkTheme .mat-mdc-tab-group.mat-background-primary > .mat-mdc-tab-header .mat-mdc-tab-header-pagination-chevron,
.isDarkTheme .mat-mdc-tab-group.mat-background-primary > .mat-mdc-tab-header-pagination .mat-mdc-tab-header-pagination-chevron,
.isDarkTheme .mat-mdc-tab-group.mat-background-primary > .mat-mdc-tab-link-container .mat-focus-indicator::before,
.isDarkTheme .mat-mdc-tab-group.mat-background-primary > .mat-mdc-tab-header .mat-focus-indicator::before, .isDarkTheme .mat-mdc-tab-nav-bar.mat-background-primary > .mat-mdc-tab-header .mat-mdc-tab-header-pagination-chevron,
.isDarkTheme .mat-mdc-tab-nav-bar.mat-background-primary > .mat-mdc-tab-header-pagination .mat-mdc-tab-header-pagination-chevron,
.isDarkTheme .mat-mdc-tab-nav-bar.mat-background-primary > .mat-mdc-tab-link-container .mat-focus-indicator::before,
.isDarkTheme .mat-mdc-tab-nav-bar.mat-background-primary > .mat-mdc-tab-header .mat-focus-indicator::before {
  border-color: rgba(var(--palette-primary-contrast-500));
}

.isDarkTheme .mat-mdc-tab-group.mat-background-primary > .mat-mdc-tab-header .mat-mdc-tab-header-pagination-disabled .mat-mdc-tab-header-pagination-chevron,
.isDarkTheme .mat-mdc-tab-group.mat-background-primary > .mat-mdc-tab-header-pagination-disabled .mat-mdc-tab-header-pagination-chevron, .isDarkTheme .mat-mdc-tab-nav-bar.mat-background-primary > .mat-mdc-tab-header .mat-mdc-tab-header-pagination-disabled .mat-mdc-tab-header-pagination-chevron,
.isDarkTheme .mat-mdc-tab-nav-bar.mat-background-primary > .mat-mdc-tab-header-pagination-disabled .mat-mdc-tab-header-pagination-chevron {
  border-color: rgba(var(--palette-primary-contrast-500));
}

.isDarkTheme .mat-mdc-tab-group.mat-background-primary > .mat-mdc-tab-header .mat-ripple-element,
.isDarkTheme .mat-mdc-tab-group.mat-background-primary > .mat-mdc-tab-link-container .mat-ripple-element,
.isDarkTheme .mat-mdc-tab-group.mat-background-primary > .mat-mdc-tab-header-pagination .mat-ripple-element, .isDarkTheme .mat-mdc-tab-nav-bar.mat-background-primary > .mat-mdc-tab-header .mat-ripple-element,
.isDarkTheme .mat-mdc-tab-nav-bar.mat-background-primary > .mat-mdc-tab-link-container .mat-ripple-element,
.isDarkTheme .mat-mdc-tab-nav-bar.mat-background-primary > .mat-mdc-tab-header-pagination .mat-ripple-element {
  background-color: rgba(var(--palette-primary-contrast-500));
}

.isDarkTheme .mat-mdc-tab-group.mat-background-accent .mat-mdc-tab.cdk-keyboard-focused:not(.mat-mdc-tab-disabled), .isDarkTheme .mat-mdc-tab-group.mat-background-accent .mat-mdc-tab.cdk-program-focused:not(.mat-mdc-tab-disabled),
.isDarkTheme .mat-mdc-tab-group.mat-background-accent .mat-mdc-tab-link.cdk-keyboard-focused:not(.mat-mdc-tab-disabled),
.isDarkTheme .mat-mdc-tab-group.mat-background-accent .mat-mdc-tab-link.cdk-program-focused:not(.mat-mdc-tab-disabled), .isDarkTheme .mat-mdc-tab-nav-bar.mat-background-accent .mat-mdc-tab.cdk-keyboard-focused:not(.mat-mdc-tab-disabled), .isDarkTheme .mat-mdc-tab-nav-bar.mat-background-accent .mat-mdc-tab.cdk-program-focused:not(.mat-mdc-tab-disabled),
.isDarkTheme .mat-mdc-tab-nav-bar.mat-background-accent .mat-mdc-tab-link.cdk-keyboard-focused:not(.mat-mdc-tab-disabled),
.isDarkTheme .mat-mdc-tab-nav-bar.mat-background-accent .mat-mdc-tab-link.cdk-program-focused:not(.mat-mdc-tab-disabled) {
  background-color: rgb(var(--palette-accent-100));
}

.isDarkTheme .mat-mdc-tab-group.mat-background-accent > .mat-mdc-tab-header, .isDarkTheme .mat-mdc-tab-group.mat-background-accent > .mat-mdc-tab-link-container, .isDarkTheme .mat-mdc-tab-group.mat-background-accent > .mat-mdc-tab-header-pagination, .isDarkTheme .mat-mdc-tab-nav-bar.mat-background-accent > .mat-mdc-tab-header, .isDarkTheme .mat-mdc-tab-nav-bar.mat-background-accent > .mat-mdc-tab-link-container, .isDarkTheme .mat-mdc-tab-nav-bar.mat-background-accent > .mat-mdc-tab-header-pagination {
  background-color: rgb(var(--palette-accent-500));
}

.isDarkTheme .mat-mdc-tab-group.mat-background-accent > .mat-mdc-tab-header .mat-mdc-tab, .isDarkTheme .mat-mdc-tab-group.mat-background-accent > .mat-mdc-tab-link-container .mat-mdc-tab-link, .isDarkTheme .mat-mdc-tab-nav-bar.mat-background-accent > .mat-mdc-tab-header .mat-mdc-tab, .isDarkTheme .mat-mdc-tab-nav-bar.mat-background-accent > .mat-mdc-tab-link-container .mat-mdc-tab-link {
  color: rgba(var(--palette-accent-contrast-500));
}

.isDarkTheme .mat-mdc-tab-group.mat-background-accent > .mat-mdc-tab-header .mat-mdc-tab.mat-mdc-tab-disabled, .isDarkTheme .mat-mdc-tab-group.mat-background-accent > .mat-mdc-tab-link-container .mat-mdc-tab-link.mat-mdc-tab-disabled, .isDarkTheme .mat-mdc-tab-nav-bar.mat-background-accent > .mat-mdc-tab-header .mat-mdc-tab.mat-mdc-tab-disabled, .isDarkTheme .mat-mdc-tab-nav-bar.mat-background-accent > .mat-mdc-tab-link-container .mat-mdc-tab-link.mat-mdc-tab-disabled {
  color: rgba(var(--palette-accent-contrast-500));
}

.isDarkTheme .mat-mdc-tab-group.mat-background-accent > .mat-mdc-tab-header .mat-mdc-tab-header-pagination-chevron,
.isDarkTheme .mat-mdc-tab-group.mat-background-accent > .mat-mdc-tab-header-pagination .mat-mdc-tab-header-pagination-chevron,
.isDarkTheme .mat-mdc-tab-group.mat-background-accent > .mat-mdc-tab-link-container .mat-focus-indicator::before,
.isDarkTheme .mat-mdc-tab-group.mat-background-accent > .mat-mdc-tab-header .mat-focus-indicator::before, .isDarkTheme .mat-mdc-tab-nav-bar.mat-background-accent > .mat-mdc-tab-header .mat-mdc-tab-header-pagination-chevron,
.isDarkTheme .mat-mdc-tab-nav-bar.mat-background-accent > .mat-mdc-tab-header-pagination .mat-mdc-tab-header-pagination-chevron,
.isDarkTheme .mat-mdc-tab-nav-bar.mat-background-accent > .mat-mdc-tab-link-container .mat-focus-indicator::before,
.isDarkTheme .mat-mdc-tab-nav-bar.mat-background-accent > .mat-mdc-tab-header .mat-focus-indicator::before {
  border-color: rgba(var(--palette-accent-contrast-500));
}

.isDarkTheme .mat-mdc-tab-group.mat-background-accent > .mat-mdc-tab-header .mat-mdc-tab-header-pagination-disabled .mat-mdc-tab-header-pagination-chevron,
.isDarkTheme .mat-mdc-tab-group.mat-background-accent > .mat-mdc-tab-header-pagination-disabled .mat-mdc-tab-header-pagination-chevron, .isDarkTheme .mat-mdc-tab-nav-bar.mat-background-accent > .mat-mdc-tab-header .mat-mdc-tab-header-pagination-disabled .mat-mdc-tab-header-pagination-chevron,
.isDarkTheme .mat-mdc-tab-nav-bar.mat-background-accent > .mat-mdc-tab-header-pagination-disabled .mat-mdc-tab-header-pagination-chevron {
  border-color: rgba(var(--palette-accent-contrast-500));
}

.isDarkTheme .mat-mdc-tab-group.mat-background-accent > .mat-mdc-tab-header .mat-ripple-element,
.isDarkTheme .mat-mdc-tab-group.mat-background-accent > .mat-mdc-tab-link-container .mat-ripple-element,
.isDarkTheme .mat-mdc-tab-group.mat-background-accent > .mat-mdc-tab-header-pagination .mat-ripple-element, .isDarkTheme .mat-mdc-tab-nav-bar.mat-background-accent > .mat-mdc-tab-header .mat-ripple-element,
.isDarkTheme .mat-mdc-tab-nav-bar.mat-background-accent > .mat-mdc-tab-link-container .mat-ripple-element,
.isDarkTheme .mat-mdc-tab-nav-bar.mat-background-accent > .mat-mdc-tab-header-pagination .mat-ripple-element {
  background-color: rgba(var(--palette-accent-contrast-500));
}

.isDarkTheme .mat-mdc-tab-group.mat-background-warn .mat-mdc-tab.cdk-keyboard-focused:not(.mat-mdc-tab-disabled), .isDarkTheme .mat-mdc-tab-group.mat-background-warn .mat-mdc-tab.cdk-program-focused:not(.mat-mdc-tab-disabled),
.isDarkTheme .mat-mdc-tab-group.mat-background-warn .mat-mdc-tab-link.cdk-keyboard-focused:not(.mat-mdc-tab-disabled),
.isDarkTheme .mat-mdc-tab-group.mat-background-warn .mat-mdc-tab-link.cdk-program-focused:not(.mat-mdc-tab-disabled), .isDarkTheme .mat-mdc-tab-nav-bar.mat-background-warn .mat-mdc-tab.cdk-keyboard-focused:not(.mat-mdc-tab-disabled), .isDarkTheme .mat-mdc-tab-nav-bar.mat-background-warn .mat-mdc-tab.cdk-program-focused:not(.mat-mdc-tab-disabled),
.isDarkTheme .mat-mdc-tab-nav-bar.mat-background-warn .mat-mdc-tab-link.cdk-keyboard-focused:not(.mat-mdc-tab-disabled),
.isDarkTheme .mat-mdc-tab-nav-bar.mat-background-warn .mat-mdc-tab-link.cdk-program-focused:not(.mat-mdc-tab-disabled) {
  background-color: rgb(var(--palette-warn-100));
}

.isDarkTheme .mat-mdc-tab-group.mat-background-warn > .mat-mdc-tab-header, .isDarkTheme .mat-mdc-tab-group.mat-background-warn > .mat-mdc-tab-link-container, .isDarkTheme .mat-mdc-tab-group.mat-background-warn > .mat-mdc-tab-header-pagination, .isDarkTheme .mat-mdc-tab-nav-bar.mat-background-warn > .mat-mdc-tab-header, .isDarkTheme .mat-mdc-tab-nav-bar.mat-background-warn > .mat-mdc-tab-link-container, .isDarkTheme .mat-mdc-tab-nav-bar.mat-background-warn > .mat-mdc-tab-header-pagination {
  background-color: rgb(var(--palette-warn-500));
}

.isDarkTheme .mat-mdc-tab-group.mat-background-warn > .mat-mdc-tab-header .mat-mdc-tab, .isDarkTheme .mat-mdc-tab-group.mat-background-warn > .mat-mdc-tab-link-container .mat-mdc-tab-link, .isDarkTheme .mat-mdc-tab-nav-bar.mat-background-warn > .mat-mdc-tab-header .mat-mdc-tab, .isDarkTheme .mat-mdc-tab-nav-bar.mat-background-warn > .mat-mdc-tab-link-container .mat-mdc-tab-link {
  color: rgba(var(--palette-warn-contrast-500));
}

.isDarkTheme .mat-mdc-tab-group.mat-background-warn > .mat-mdc-tab-header .mat-mdc-tab.mat-mdc-tab-disabled, .isDarkTheme .mat-mdc-tab-group.mat-background-warn > .mat-mdc-tab-link-container .mat-mdc-tab-link.mat-mdc-tab-disabled, .isDarkTheme .mat-mdc-tab-nav-bar.mat-background-warn > .mat-mdc-tab-header .mat-mdc-tab.mat-mdc-tab-disabled, .isDarkTheme .mat-mdc-tab-nav-bar.mat-background-warn > .mat-mdc-tab-link-container .mat-mdc-tab-link.mat-mdc-tab-disabled {
  color: rgba(var(--palette-warn-contrast-500));
}

.isDarkTheme .mat-mdc-tab-group.mat-background-warn > .mat-mdc-tab-header .mat-mdc-tab-header-pagination-chevron,
.isDarkTheme .mat-mdc-tab-group.mat-background-warn > .mat-mdc-tab-header-pagination .mat-mdc-tab-header-pagination-chevron,
.isDarkTheme .mat-mdc-tab-group.mat-background-warn > .mat-mdc-tab-link-container .mat-focus-indicator::before,
.isDarkTheme .mat-mdc-tab-group.mat-background-warn > .mat-mdc-tab-header .mat-focus-indicator::before, .isDarkTheme .mat-mdc-tab-nav-bar.mat-background-warn > .mat-mdc-tab-header .mat-mdc-tab-header-pagination-chevron,
.isDarkTheme .mat-mdc-tab-nav-bar.mat-background-warn > .mat-mdc-tab-header-pagination .mat-mdc-tab-header-pagination-chevron,
.isDarkTheme .mat-mdc-tab-nav-bar.mat-background-warn > .mat-mdc-tab-link-container .mat-focus-indicator::before,
.isDarkTheme .mat-mdc-tab-nav-bar.mat-background-warn > .mat-mdc-tab-header .mat-focus-indicator::before {
  border-color: rgba(var(--palette-warn-contrast-500));
}

.isDarkTheme .mat-mdc-tab-group.mat-background-warn > .mat-mdc-tab-header .mat-mdc-tab-header-pagination-disabled .mat-mdc-tab-header-pagination-chevron,
.isDarkTheme .mat-mdc-tab-group.mat-background-warn > .mat-mdc-tab-header-pagination-disabled .mat-mdc-tab-header-pagination-chevron, .isDarkTheme .mat-mdc-tab-nav-bar.mat-background-warn > .mat-mdc-tab-header .mat-mdc-tab-header-pagination-disabled .mat-mdc-tab-header-pagination-chevron,
.isDarkTheme .mat-mdc-tab-nav-bar.mat-background-warn > .mat-mdc-tab-header-pagination-disabled .mat-mdc-tab-header-pagination-chevron {
  border-color: rgba(var(--palette-warn-contrast-500));
}

.isDarkTheme .mat-mdc-tab-group.mat-background-warn > .mat-mdc-tab-header .mat-ripple-element,
.isDarkTheme .mat-mdc-tab-group.mat-background-warn > .mat-mdc-tab-link-container .mat-ripple-element,
.isDarkTheme .mat-mdc-tab-group.mat-background-warn > .mat-mdc-tab-header-pagination .mat-ripple-element, .isDarkTheme .mat-mdc-tab-nav-bar.mat-background-warn > .mat-mdc-tab-header .mat-ripple-element,
.isDarkTheme .mat-mdc-tab-nav-bar.mat-background-warn > .mat-mdc-tab-link-container .mat-ripple-element,
.isDarkTheme .mat-mdc-tab-nav-bar.mat-background-warn > .mat-mdc-tab-header-pagination .mat-ripple-element {
  background-color: rgba(var(--palette-warn-contrast-500));
}

.isDarkTheme .mat-toolbar {
  background: rgb(var(--palette-background-app-bar-dark));
  color: rgba(var(--palette-foreground-text-dark), var(--palette-foreground-text-dark-alpha));
}

.isDarkTheme .mat-toolbar.mat-primary {
  background: rgb(var(--palette-primary-500));
  color: rgba(var(--palette-primary-contrast-500));
}

.isDarkTheme .mat-toolbar.mat-accent {
  background: rgb(var(--palette-accent-500));
  color: rgba(var(--palette-accent-contrast-500));
}

.isDarkTheme .mat-toolbar.mat-warn {
  background: rgb(var(--palette-warn-500));
  color: rgba(var(--palette-warn-contrast-500));
}

.isDarkTheme .mat-mdc-tooltip {
  background: rgb(var(--palette-background-tooltip-dark));
}

.isDarkTheme .mat-tree {
  background: rgb(var(--palette-background-card-dark));
}

.isDarkTheme .mat-tree-node,
.isDarkTheme .mat-nested-tree-node {
  color: rgba(var(--palette-foreground-text-dark), var(--palette-foreground-text-dark-alpha));
}

.mat-datepicker-content .mat-calendar-body-in-range::before {
  background: rgba(var(--palette-primary-500), 0.2);
}

.isDarkTheme .mat-datepicker-content .mat-calendar-body-in-range::before {
  background: rgba(var(--palette-primary-500), 0.2);
}

.mat-datepicker-content .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-datepicker-content .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-datepicker-content .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: rgba(var(--palette-primary-500), 0.3);
}

.isDarkTheme .mat-datepicker-content .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.isDarkTheme .mat-datepicker-content .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.isDarkTheme .mat-datepicker-content .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: rgba(var(--palette-primary-500), 0.3);
}

.mat-datepicker-content.mat-accent .mat-calendar-body-in-range::before {
  background: rgba(var(--palette-accent-500), 0.2);
}

.isDarkTheme .mat-datepicker-content.mat-accent .mat-calendar-body-in-range::before {
  background: rgba(var(--palette-accent-500), 0.2);
}

.mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-datepicker-content.mat-accent .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-datepicker-content.mat-accent .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: rgba(var(--palette-accent-500), 0.3);
}

.isDarkTheme .mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.isDarkTheme .mat-datepicker-content.mat-accent .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.isDarkTheme .mat-datepicker-content.mat-accent .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: rgba(var(--palette-accent-500), 0.3);
}

.mat-datepicker-content.mat-warn .mat-calendar-body-in-range::before {
  background: rgba(var(--palette-warn-500), 0.2);
}

.isDarkTheme .mat-datepicker-content.mat-warn .mat-calendar-body-in-range::before {
  background: rgba(var(--palette-warn-500), 0.2);
}

.mat-datepicker-content.mat-warn .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-datepicker-content.mat-warn .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-datepicker-content.mat-warn .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: rgba(var(--palette-warn-500), 0.3);
}

.isDarkTheme .mat-datepicker-content.mat-warn .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.isDarkTheme .mat-datepicker-content.mat-warn .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.isDarkTheme .mat-datepicker-content.mat-warn .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: rgba(var(--palette-warn-500), 0.3);
}

.mat-checkbox.mat-primary .mat-checkbox-checkmark .mat-checkbox-checkmark-path,
.mat-checkbox.mat-primary .mat-checkbox-checkmark .mat-checkbox-checkmark-path {
  stroke: rgb(var(--palette-primary-contrast-500)) !important;
}

.mat-checkbox.mat-primary .mat-checkbox-mixedmark,
.mat-checkbox.mat-primary .mat-checkbox-mixedmark {
  background-color: rgb(var(--palette-primary-contrast-500)) !important;
}

.mat-checkbox.mat-accent .mat-checkbox-checkmark .mat-checkbox-checkmark-path,
.mat-checkbox.mat-accent .mat-checkbox-checkmark .mat-checkbox-checkmark-path {
  stroke: rgb(var(--palette-accent-contrast-500)) !important;
}

.mat-checkbox.mat-accent .mat-checkbox-mixedmark,
.mat-checkbox.mat-accent .mat-checkbox-mixedmark {
  background-color: rgb(var(--palette-accent-contrast-500)) !important;
}

.mat-checkbox.mat-warn .mat-checkbox-checkmark .mat-checkbox-checkmark-path,
.mat-checkbox.mat-warn .mat-checkbox-checkmark .mat-checkbox-checkmark-path {
  stroke: rgb(var(--palette-warn-contrast-500)) !important;
}

.mat-checkbox.mat-warn .mat-checkbox-mixedmark,
.mat-checkbox.mat-warn .mat-checkbox-mixedmark {
  background-color: rgb(var(--palette-warn-contrast-500)) !important;
}

.isDarkTheme .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
  background-color: rgba(var(--palette-accent-500), 1);
}

.isDarkTheme .mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(var(--palette-accent-500), 0.54);
}

.isDarkTheme .mat-slide-toggle.mat-checked .mat-ripple-element {
  background-color: rgba(var(--palette-accent-500), 1);
}

.isLightTheme .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
  background-color: rgba(var(--palette-accent-500), 1);
}

.isLightTheme .mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(var(--palette-accent-500), 0.54);
}

.isLightTheme .mat-slide-toggle.mat-checked .mat-ripple-element {
  background-color: rgba(var(--palette-accent-500), 1);
}

.isDarkTheme .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb {
  background-color: rgba(var(--palette-primary-500), 1);
}

.isDarkTheme .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(var(--palette-primary-500), 0.54);
}

.isDarkTheme .mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element {
  background-color: rgba(var(--palette-primary-500), 1);
}

.isLightTheme .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb {
  background-color: rgba(var(--palette-primary-500), 1);
}

.isLightTheme .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(var(--palette-primary-500), 0.54);
}

.isLightTheme .mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element {
  background-color: rgba(var(--palette-primary-500), 1);
}

.isDarkTheme .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb {
  background-color: rgba(var(--palette-warn-500), 1);
}

.isDarkTheme .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(var(--palette-warn-500), 0.54);
}

.isDarkTheme .mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element {
  background-color: rgba(var(--palette-warn-500), 1);
}

.isLightTheme .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb {
  background-color: rgba(var(--palette-warn-500), 1);
}

.isLightTheme .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(var(--palette-warn-500), 0.54);
}

.isLightTheme .mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element {
  background-color: rgba(var(--palette-warn-500), 1);
}

.snackbar-aviso .mat-simple-snackbar-action {
  color: rgb(var(--palette-accent-500)) !important;
}

:root .aei-tabs .mat-mdc-tab.mdc-tab--active {
  background-color: rgb(var(--palette-primary-100)) !important;
  color: rgb(var(--palette-primary-contrast-100));
}

:root .aei-tabs .mat-mdc-tab.mdc-tab--active {
  background-color: rgb(var(--palette-primary-100)) !important;
  color: rgb(var(--palette-primary-contrast-100));
}

:root {
  --palette-primary-contrast-50-rgb: rgba(var(--palette-primary-contrast-50));
  --palette-primary-contrast-100-rgb: rgba(var(--palette-primary-contrast-100));
  --palette-primary-contrast-200-rgb: rgba(var(--palette-primary-contrast-200));
  --palette-primary-contrast-300-rgb: rgba(var(--palette-primary-contrast-300));
  --palette-primary-contrast-400-rgb: rgba(var(--palette-primary-contrast-400));
  --palette-primary-contrast-500-rgb: rgba(var(--palette-primary-contrast-500));
  --palette-primary-contrast-600-rgb: rgba(var(--palette-primary-contrast-600));
  --palette-primary-contrast-700-rgb: rgba(var(--palette-primary-contrast-700));
  --palette-primary-contrast-800-rgb: rgba(var(--palette-primary-contrast-800));
  --palette-primary-contrast-900-rgb: rgba(var(--palette-primary-contrast-900));
  --palette-primary-contrast-A100-rgb: rgba(var(--palette-primary-contrast-A100));
  --palette-primary-contrast-A200-rgb: rgba(var(--palette-primary-contrast-A200));
  --palette-primary-contrast-A400-rgb: rgba(var(--palette-primary-contrast-A400));
  --palette-primary-contrast-A700-rgb: rgba(var(--palette-primary-contrast-A700));
  --palette-accent-contrast-50-rgb: rgba(var(--palette-accent-contrast-50));
  --palette-accent-contrast-100-rgb: rgba(var(--palette-accent-contrast-100));
  --palette-accent-contrast-200-rgb: rgba(var(--palette-accent-contrast-200));
  --palette-accent-contrast-300-rgb: rgba(var(--palette-accent-contrast-300));
  --palette-accent-contrast-400-rgb: rgba(var(--palette-accent-contrast-400));
  --palette-accent-contrast-500-rgb: rgba(var(--palette-accent-contrast-500));
  --palette-accent-contrast-600-rgb: rgba(var(--palette-accent-contrast-600));
  --palette-accent-contrast-700-rgb: rgba(var(--palette-accent-contrast-700));
  --palette-accent-contrast-800-rgb: rgba(var(--palette-accent-contrast-800));
  --palette-accent-contrast-900-rgb: rgba(var(--palette-accent-contrast-900));
  --palette-accent-contrast-A100-rgb: rgba(var(--palette-accent-contrast-A100));
  --palette-accent-contrast-A200-rgb: rgba(var(--palette-accent-contrast-A200));
  --palette-accent-contrast-A400-rgb: rgba(var(--palette-accent-contrast-A400));
  --palette-accent-contrast-A700-rgb: rgba(var(--palette-accent-contrast-A700));
  --palette-warn-contrast-50-rgb: rgba(var(--palette-warn-contrast-50));
  --palette-warn-contrast-100-rgb: rgba(var(--palette-warn-contrast-100));
  --palette-warn-contrast-200-rgb: rgba(var(--palette-warn-contrast-200));
  --palette-warn-contrast-300-rgb: rgba(var(--palette-warn-contrast-300));
  --palette-warn-contrast-400-rgb: rgba(var(--palette-warn-contrast-400));
  --palette-warn-contrast-500-rgb: rgba(var(--palette-warn-contrast-500));
  --palette-warn-contrast-600-rgb: rgba(var(--palette-warn-contrast-600));
  --palette-warn-contrast-700-rgb: rgba(var(--palette-warn-contrast-700));
  --palette-warn-contrast-800-rgb: rgba(var(--palette-warn-contrast-800));
  --palette-warn-contrast-900-rgb: rgba(var(--palette-warn-contrast-900));
  --palette-warn-contrast-A100-rgb: rgba(var(--palette-warn-contrast-A100));
  --palette-warn-contrast-A200-rgb: rgba(var(--palette-warn-contrast-A200));
  --palette-warn-contrast-A400-rgb: rgba(var(--palette-warn-contrast-A400));
  --palette-warn-contrast-A700-rgb: rgba(var(--palette-warn-contrast-A700));
}

:root .mat-pseudo-checkbox {
  width: 16px;
  height: 16px;
  border: 2px solid;
}

:root .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after {
  top: 2.4px;
  left: 1px;
  right: auto;
  bottom: auto;
  width: 8px;
  height: 3px;
  margin: 0;
}

:root .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after {
  top: 5px;
  left: 1px;
  width: 10px;
}

:root .mat-datepicker-content .mat-calendar-period-button {
  --mat-button-text-label-text-color: rgba(var(--palette-foreground-text), var(--palette-foreground-text-alpha));
}

@font-face {
  font-family: "Roboto";
  src: url('Roboto-Regular.ae3a8db9374784f0.ttf') format("truetype");
  font-weight: 400;
}
@font-face {
  font-family: "Roboto";
  src: url('Roboto-Medium.af9d01395a70ca18.ttf') format("truetype");
  font-weight: 500;
}
@font-face {
  font-family: "Roboto";
  src: url('Roboto-Bold.88d61d57d557fec8.ttf') format("truetype");
  font-weight: 700;
}
.mat-typography {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  font-family: Roboto;
  letter-spacing: normal;
}

.mat-typography h1 {
  font-size: 32px;
  font-weight: 700;
  line-height: 48px;
  font-family: Roboto;
  letter-spacing: normal;
  margin: 0 0 16px;
}

.mat-typography h2 {
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
  font-family: Roboto;
  letter-spacing: normal;
  margin: 0 0 16px;
}

.mat-typography h3 {
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  font-family: Roboto;
  letter-spacing: normal;
  margin: 0 0 16px;
}

.mat-typography h4 {
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
  font-family: Roboto;
  letter-spacing: normal;
  margin: 0 0 16px;
}

.mat-typography h5 {
  font: 500 13.28px/24px Roboto;
  margin: 0 0 12px;
}

.mat-typography h6 {
  font: 500 10.72px/24px Roboto;
  margin: 0 0 12px;
}

.mat-typography p {
  margin: 0 0 12px;
}

/* Garante que os ícones Material usem a fonte correta */
.mat-icon,
.material-icons {
  font-family: "Material Icons" !important;
}

:root .mat-icon {
  overflow: visible;
}

:root .mat-expansion-panel-header .mat-content.mat-content-hide-toggle {
  margin-right: 0;
}

.fa,
.fas,
.far {
  font-family: "Font Awesome 6 Free";
}

.material-symbols-outlined,
.material-symbols-rounded,
.material-symbols-sharp {
  font-family: "Material Symbols Outlined", "Material Symbols Rounded", "Material Symbols Sharp" !important;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 48;
}

html {
  --mat-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: #b0b0b0;
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: #b0b0b0;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: #b0b0b0;
  --mat-tooltip-container-color: #616161;
  --mat-tooltip-supporting-text-color: #fff;
  --mat-form-field-filled-focus-label-text-color: var(--palette-primary-500-rgb);
  --mat-form-field-filled-container-color: whitesmoke;
  --mat-form-field-filled-disabled-container-color: #fafafa;
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-form-field-filled-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-filled-disabled-input-text-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.6);
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.42);
  --mat-form-field-filled-disabled-active-indicator-color: rgba(0, 0, 0, 0.06);
  --mat-form-field-outlined-focus-label-text-color: var(--palette-primary-500-rgb);
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-form-field-outlined-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-input-text-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.6);
  --mat-form-field-outlined-disabled-outline-color: rgba(0, 0, 0, 0.06);
  --mat-form-field-focus-select-arrow-color: var(--palette-primary-500-rgb);
  --mat-form-field-disabled-input-text-placeholder-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-disabled-select-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-focus-state-layer-opacity: 0.08;
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.6);
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-focus-state-layer-color: var(--palette-primary-600-rgb);
  --mat-slide-toggle-selected-handle-color: var(--palette-primary-600-rgb);
  --mat-slide-toggle-selected-hover-state-layer-color: var(--palette-primary-600-rgb);
  --mat-slide-toggle-selected-pressed-state-layer-color: var(--palette-primary-600-rgb);
  --mat-slide-toggle-selected-focus-handle-color: var(--palette-primary-900-rgb);
  --mat-slide-toggle-selected-hover-handle-color: var(--palette-primary-900-rgb);
  --mat-slide-toggle-selected-pressed-handle-color: var(--palette-primary-900-rgb);
  --mat-slide-toggle-disabled-selected-handle-color: #424242;
  --mat-slide-toggle-disabled-selected-icon-color: #fff;
  --mat-slide-toggle-disabled-selected-track-color: #424242;
  --mat-slide-toggle-disabled-unselected-handle-color: #424242;
  --mat-slide-toggle-disabled-unselected-icon-color: #fff;
  --mat-slide-toggle-disabled-unselected-track-color: #424242;
  --mat-slide-toggle-handle-surface-color: var(--mat-theme-surface, #fff);
  --mat-slide-toggle-selected-icon-color: #fff;
  --mat-slide-toggle-unselected-focus-handle-color: #212121;
  --mat-slide-toggle-unselected-focus-state-layer-color: #424242;
  --mat-slide-toggle-unselected-focus-track-color: #e0e0e0;
  --mat-slide-toggle-unselected-handle-color: #616161;
  --mat-slide-toggle-unselected-hover-handle-color: #212121;
  --mat-slide-toggle-unselected-hover-state-layer-color: #424242;
  --mat-slide-toggle-unselected-hover-track-color: #e0e0e0;
  --mat-slide-toggle-unselected-icon-color: #fff;
  --mat-slide-toggle-unselected-pressed-handle-color: #212121;
  --mat-slide-toggle-unselected-pressed-state-layer-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: #e0e0e0;
  --mat-slide-toggle-unselected-track-color: #e0e0e0;
  --mat-slide-toggle-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-slider-disabled-active-track-color: #000;
  --mat-slider-disabled-handle-color: #000;
  --mat-slider-disabled-inactive-track-color: #000;
  --mat-slider-label-container-color: #000;
  --mat-slider-label-label-text-color: #fff;
  --mat-slider-with-overlap-handle-outline-color: #fff;
  --mat-slider-with-tick-marks-disabled-container-color: #000;
  --mat-slider-hover-state-layer-color: rgba(var(--palette-primary-500-rgb), 0.05);
  --mat-slider-focus-state-layer-color: rgba(var(--palette-primary-500-rgb), 0.2);
  --mat-slider-value-indicator-opacity: 0.6;
  --mat-menu-item-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-menu-item-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.38);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.38);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mat-list-list-item-disabled-label-text-color: black;
  --mat-list-list-item-disabled-leading-icon-color: black;
  --mat-list-list-item-disabled-trailing-icon-color: black;
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.38);
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mat-list-list-item-hover-state-layer-color: black;
  --mat-list-list-item-focus-state-layer-color: black;
  --mat-paginator-disabled-icon-color: rgba(0, 0, 0, 0.12);
  --mat-checkbox-disabled-selected-checkmark-color: #fff;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.16;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.16;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.16;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.16;
  --mat-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-unselected-focus-icon-color: #212121;
  --mat-checkbox-unselected-hover-icon-color: #212121;
  --mat-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-unselected-focus-state-layer-color: black;
  --mat-checkbox-unselected-hover-state-layer-color: black;
  --mat-checkbox-unselected-pressed-state-layer-color: black;
  --mat-checkbox-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-button-text-label-text-color: black;
  --mat-button-text-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-button-text-state-layer-color: black;
  --mat-button-text-disabled-state-layer-color: black;
  --mat-button-text-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-button-filled-label-text-color: black;
  --mat-button-filled-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mat-button-filled-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-button-filled-state-layer-color: black;
  --mat-button-filled-disabled-state-layer-color: black;
  --mat-button-filled-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-button-protected-label-text-color: black;
  --mat-button-protected-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mat-button-protected-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-button-protected-state-layer-color: black;
  --mat-button-protected-disabled-state-layer-color: black;
  --mat-button-protected-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-button-outlined-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-button-outlined-label-text-color: black;
  --mat-button-outlined-state-layer-color: black;
  --mat-button-outlined-disabled-state-layer-color: black;
  --mat-button-outlined-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-icon-button-disabled-icon-color: rgba(0, 0, 0, 0.38);
  --mat-icon-button-state-layer-color: black;
  --mat-icon-button-disabled-state-layer-color: black;
  --mat-icon-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-foreground-color: black;
  --mat-fab-state-layer-color: black;
  --mat-fab-disabled-state-layer-color: black;
  --mat-fab-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-disabled-state-container-color: rgba(0, 0, 0, 0.12);
  --mat-fab-disabled-state-foreground-color: rgba(0, 0, 0, 0.38);
  --mat-fab-small-foreground-color: black;
  --mat-fab-small-state-layer-color: black;
  --mat-fab-small-disabled-state-layer-color: black;
  --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-small-disabled-state-container-color: rgba(0, 0, 0, 0.12);
  --mat-fab-small-disabled-state-foreground-color: rgba(0, 0, 0, 0.38);
  --mat-snack-bar-container-color: #333333;
  --mat-snack-bar-supporting-text-color: rgba(255, 255, 255, 0.87);
  --mat-snack-bar-button-color: var(--palette-accent-500-rgb);
  --mat-badge-disabled-state-background-color: #b9b9b9;
  --mat-badge-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.38);
  --mat-button-toggle-legacy-state-layer-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.54);
  --mat-button-toggle-legacy-selected-state-background-color: #e0e0e0;
  --mat-button-toggle-legacy-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-button-toggle-legacy-disabled-state-background-color: #eeeeee;
  --mat-button-toggle-legacy-disabled-selected-state-background-color: #bdbdbd;
  --mat-button-toggle-state-layer-color: black;
  --mat-button-toggle-selected-state-background-color: #e0e0e0;
  --mat-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-button-toggle-disabled-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-disabled-selected-state-background-color: #bdbdbd;
  --mat-button-toggle-divider-color: #e0e0e0;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(0, 0, 0, 0.26);
  --mat-datepicker-calendar-date-focus-state-background-color: var(--palette-primary-500-rgb);
  --mat-datepicker-calendar-date-hover-state-background-color: var(--palette-primary-500-rgb);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(var(--palette-primary-500-rgb), 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
  --mat-datepicker-calendar-period-button-text-color: black;
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(0, 0, 0, 0.18);
  --mat-datepicker-calendar-date-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.24);
  --mat-datepicker-range-input-disabled-state-separator-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-range-input-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --mat-expansion-header-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-expansion-header-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-expansion-header-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-stepper-header-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-stepper-header-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-sort-arrow-color: #757575;
  --mat-toolbar-container-background-color: whitesmoke;
}

.mat-accent {
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: #b0b0b0;
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: #b0b0b0;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: #b0b0b0;
  --mat-slider-hover-state-layer-color: rgba(var(--palette-accent-500-rgb), 0.05);
  --mat-slider-focus-state-layer-color: rgba(var(--palette-accent-500-rgb), 0.2);
}

.mat-warn {
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: #b0b0b0;
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: #b0b0b0;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: #b0b0b0;
  --mat-slider-hover-state-layer-color: rgba(var(--palette-warn-500-rgb), 0.05);
  --mat-slider-focus-state-layer-color: rgba(var(--palette-warn-500-rgb), 0.2);
}

.mat-primary {
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: #b0b0b0;
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: #b0b0b0;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: #b0b0b0;
}

.mat-mdc-form-field.mat-accent {
  --mat-form-field-filled-focus-label-text-color: var(--palette-accent-500-rgb);
  --mat-form-field-outlined-focus-label-text-color: var(--palette-accent-500-rgb);
  --mat-form-field-focus-select-arrow-color: var(--palette-accent-500-rgb);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
}

.mat-mdc-form-field.mat-warn {
  --mat-form-field-filled-focus-label-text-color: var(--palette-warn-500-rgb);
  --mat-form-field-outlined-focus-label-text-color: var(--palette-warn-500-rgb);
  --mat-form-field-focus-select-arrow-color: var(--palette-warn-500-rgb);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
}

.mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px 16px 16px 16px;
  --mat-chip-with-avatar-avatar-shape-radius: 14px 14px 14px 14px;
  --mat-chip-disabled-label-text-color: #212121;
  --mat-chip-elevated-container-color: #e0e0e0;
  --mat-chip-elevated-selected-container-color: #e0e0e0;
  --mat-chip-elevated-disabled-container-color: #e0e0e0;
  --mat-chip-flat-disabled-selected-container-color: #e0e0e0;
  --mat-chip-focus-state-layer-color: black;
  --mat-chip-hover-state-layer-color: black;
  --mat-chip-selected-hover-state-layer-color: black;
  --mat-chip-selected-focus-state-layer-color: black;
  --mat-chip-label-text-color: #212121;
  --mat-chip-selected-label-text-color: #212121;
  --mat-chip-with-icon-icon-color: #212121;
  --mat-chip-with-icon-disabled-icon-color: #212121;
  --mat-chip-with-icon-selected-icon-color: #212121;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #212121;
  --mat-chip-with-trailing-icon-trailing-icon-color: #212121;
  --mat-chip-selected-disabled-trailing-icon-color: #212121;
  --mat-chip-selected-trailing-icon-color: #212121;
}

.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-focus-state-layer-color: black;
  --mat-chip-hover-state-layer-color: black;
  --mat-chip-selected-hover-state-layer-color: black;
  --mat-chip-selected-focus-state-layer-color: black;
}

.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-focus-state-layer-color: black;
  --mat-chip-hover-state-layer-color: black;
  --mat-chip-selected-hover-state-layer-color: black;
  --mat-chip-selected-focus-state-layer-color: black;
}

.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-focus-state-layer-color: black;
  --mat-chip-hover-state-layer-color: black;
  --mat-chip-selected-hover-state-layer-color: black;
  --mat-chip-selected-focus-state-layer-color: black;
}

.mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-focus-state-layer-color: var(--palette-accent-600-rgb);
  --mat-slide-toggle-selected-handle-color: var(--palette-accent-600-rgb);
  --mat-slide-toggle-selected-hover-state-layer-color: var(--palette-accent-600-rgb);
  --mat-slide-toggle-selected-pressed-state-layer-color: var(--palette-accent-600-rgb);
  --mat-slide-toggle-selected-focus-handle-color: var(--palette-accent-900-rgb);
  --mat-slide-toggle-selected-hover-handle-color: var(--palette-accent-900-rgb);
  --mat-slide-toggle-selected-pressed-handle-color: var(--palette-accent-900-rgb);
}

.mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-focus-state-layer-color: var(--palette-warn-600-rgb);
  --mat-slide-toggle-selected-handle-color: var(--palette-warn-600-rgb);
  --mat-slide-toggle-selected-hover-state-layer-color: var(--palette-warn-600-rgb);
  --mat-slide-toggle-selected-pressed-state-layer-color: var(--palette-warn-600-rgb);
  --mat-slide-toggle-selected-focus-handle-color: var(--palette-warn-900-rgb);
  --mat-slide-toggle-selected-hover-handle-color: var(--palette-warn-900-rgb);
  --mat-slide-toggle-selected-pressed-handle-color: var(--palette-warn-900-rgb);
}

.mat-mdc-radio-button.mat-primary {
  --mat-radio-disabled-selected-icon-color: black;
  --mat-radio-disabled-unselected-icon-color: black;
  --mat-radio-unselected-hover-icon-color: #212121;
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-ripple-color: black;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
}

.mat-mdc-radio-button.mat-accent {
  --mat-radio-disabled-selected-icon-color: black;
  --mat-radio-disabled-unselected-icon-color: black;
  --mat-radio-unselected-hover-icon-color: #212121;
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-ripple-color: black;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
}

.mat-mdc-radio-button.mat-warn {
  --mat-radio-disabled-selected-icon-color: black;
  --mat-radio-disabled-unselected-icon-color: black;
  --mat-radio-unselected-hover-icon-color: #212121;
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-ripple-color: black;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
}

.mdc-list-item__start, .mdc-list-item__end {
  --mat-radio-disabled-selected-icon-color: black;
  --mat-radio-disabled-unselected-icon-color: black;
  --mat-radio-unselected-hover-icon-color: #212121;
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
}

.mat-accent .mdc-list-item__start, .mat-accent .mdc-list-item__end {
  --mat-radio-disabled-selected-icon-color: black;
  --mat-radio-disabled-unselected-icon-color: black;
  --mat-radio-unselected-hover-icon-color: #212121;
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
}

.mat-warn .mdc-list-item__start, .mat-warn .mdc-list-item__end {
  --mat-radio-disabled-selected-icon-color: black;
  --mat-radio-disabled-unselected-icon-color: black;
  --mat-radio-unselected-hover-icon-color: #212121;
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
}

.mat-mdc-list-option {
  --mat-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-unselected-focus-icon-color: #212121;
  --mat-checkbox-unselected-hover-icon-color: #212121;
  --mat-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-unselected-focus-state-layer-color: black;
  --mat-checkbox-unselected-hover-state-layer-color: black;
  --mat-checkbox-unselected-pressed-state-layer-color: black;
}

.mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-unselected-focus-icon-color: #212121;
  --mat-checkbox-unselected-hover-icon-color: #212121;
  --mat-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-unselected-focus-state-layer-color: black;
  --mat-checkbox-unselected-hover-state-layer-color: black;
  --mat-checkbox-unselected-pressed-state-layer-color: black;
}

.mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-unselected-focus-icon-color: #212121;
  --mat-checkbox-unselected-hover-icon-color: #212121;
  --mat-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-unselected-focus-state-layer-color: black;
  --mat-checkbox-unselected-hover-state-layer-color: black;
  --mat-checkbox-unselected-pressed-state-layer-color: black;
}

.mat-mdc-tab-group, .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-pagination-icon-color: black;
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
}

.mat-mdc-tab-group.mat-accent, .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-pagination-icon-color: black;
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
}

.mat-mdc-tab-group.mat-warn, .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-pagination-icon-color: black;
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
}

.mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-unselected-focus-icon-color: #212121;
  --mat-checkbox-unselected-hover-icon-color: #212121;
  --mat-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-unselected-focus-state-layer-color: black;
  --mat-checkbox-unselected-hover-state-layer-color: black;
  --mat-checkbox-unselected-pressed-state-layer-color: black;
}

.mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-unselected-focus-icon-color: #212121;
  --mat-checkbox-unselected-hover-icon-color: #212121;
  --mat-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-unselected-focus-state-layer-color: black;
  --mat-checkbox-unselected-hover-state-layer-color: black;
  --mat-checkbox-unselected-pressed-state-layer-color: black;
}

.mat-mdc-button.mat-primary {
  --mat-button-text-label-text-color: var(--palette-primary-500-rgb);
  --mat-button-text-state-layer-color: var(--palette-primary-500-rgb);
  --mat-button-text-ripple-color: rgba(0, 0, 0, 0.1);
}

.mat-mdc-button.mat-accent {
  --mat-button-text-label-text-color: var(--palette-accent-500-rgb);
  --mat-button-text-state-layer-color: var(--palette-accent-500-rgb);
  --mat-button-text-ripple-color: rgba(0, 0, 0, 0.1);
}

.mat-mdc-button.mat-warn {
  --mat-button-text-label-text-color: var(--palette-warn-500-rgb);
  --mat-button-text-state-layer-color: var(--palette-warn-500-rgb);
  --mat-button-text-ripple-color: rgba(0, 0, 0, 0.1);
}

.mat-mdc-unelevated-button.mat-primary {
  --mat-button-filled-container-color: var(--palette-primary-500-rgb);
  --mat-button-filled-label-text-color: var(--palette-primary-contrast-500-rgb);
  --mat-button-filled-state-layer-color: #000;
  --mat-button-filled-ripple-color: rgba(0, 0, 0, 0.1);
}

.mat-mdc-unelevated-button.mat-accent {
  --mat-button-filled-container-color: var(--palette-accent-500-rgb);
  --mat-button-filled-label-text-color: var(--palette-accent-contrast-500-rgb);
  --mat-button-filled-state-layer-color: #000;
  --mat-button-filled-ripple-color: rgba(0, 0, 0, 0.1);
}

.mat-mdc-unelevated-button.mat-warn {
  --mat-button-filled-container-color: var(--palette-warn-500-rgb);
  --mat-button-filled-label-text-color: var(--palette-warn-contrast-500-rgb);
  --mat-button-filled-state-layer-color: #000;
  --mat-button-filled-ripple-color: rgba(0, 0, 0, 0.1);
}

.mat-mdc-raised-button.mat-primary {
  --mat-button-protected-container-color: var(--palette-primary-500-rgb);
  --mat-button-protected-label-text-color: var(--palette-primary-contrast-500-rgb);
  --mat-button-protected-state-layer-color: #000;
  --mat-button-protected-ripple-color: rgba(0, 0, 0, 0.1);
}

.mat-mdc-raised-button.mat-accent {
  --mat-button-protected-container-color: var(--palette-accent-500-rgb);
  --mat-button-protected-label-text-color: var(--palette-accent-contrast-500-rgb);
  --mat-button-protected-state-layer-color: #000;
  --mat-button-protected-ripple-color: rgba(0, 0, 0, 0.1);
}

.mat-mdc-raised-button.mat-warn {
  --mat-button-protected-container-color: var(--palette-warn-500-rgb);
  --mat-button-protected-label-text-color: var(--palette-warn-contrast-500-rgb);
  --mat-button-protected-state-layer-color: #000;
  --mat-button-protected-ripple-color: rgba(0, 0, 0, 0.1);
}

.mat-mdc-outlined-button.mat-primary {
  --mat-button-outlined-label-text-color: var(--palette-primary-500-rgb);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-state-layer-color: var(--palette-primary-500-rgb);
  --mat-button-outlined-ripple-color: rgba(0, 0, 0, 0.1);
}

.mat-mdc-outlined-button.mat-accent {
  --mat-button-outlined-label-text-color: var(--palette-accent-500-rgb);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-state-layer-color: var(--palette-accent-500-rgb);
  --mat-button-outlined-ripple-color: rgba(0, 0, 0, 0.1);
}

.mat-mdc-outlined-button.mat-warn {
  --mat-button-outlined-label-text-color: var(--palette-warn-500-rgb);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-state-layer-color: var(--palette-warn-500-rgb);
  --mat-button-outlined-ripple-color: rgba(0, 0, 0, 0.1);
}

.mat-mdc-icon-button.mat-primary {
  --mat-icon-button-ripple-color: rgba(0, 0, 0, 0.1);
}

.mat-mdc-icon-button.mat-accent {
  --mat-icon-button-ripple-color: rgba(0, 0, 0, 0.1);
}

.mat-mdc-icon-button.mat-warn {
  --mat-icon-button-ripple-color: rgba(0, 0, 0, 0.1);
}

html .mat-mdc-fab.mat-primary {
  --mat-fab-container-color: var(--palette-primary-500-rgb);
  --mat-fab-foreground-color: #000;
  --mat-fab-state-layer-color: #000;
  --mat-fab-ripple-color: rgba(0, 0, 0, 0.1);
}

html .mat-mdc-fab.mat-accent {
  --mat-fab-container-color: var(--palette-accent-500-rgb);
  --mat-fab-foreground-color: #000;
  --mat-fab-state-layer-color: #000;
  --mat-fab-ripple-color: rgba(0, 0, 0, 0.1);
}

html .mat-mdc-fab.mat-warn {
  --mat-fab-container-color: var(--palette-warn-500-rgb);
  --mat-fab-foreground-color: #000;
  --mat-fab-state-layer-color: #000;
  --mat-fab-ripple-color: rgba(0, 0, 0, 0.1);
}

html .mat-mdc-mini-fab.mat-primary {
  --mat-fab-small-container-color: var(--palette-primary-500-rgb);
  --mat-fab-small-foreground-color: #000;
  --mat-fab-small-state-layer-color: #000;
  --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1);
}

html .mat-mdc-mini-fab.mat-accent {
  --mat-fab-small-container-color: var(--palette-accent-500-rgb);
  --mat-fab-small-foreground-color: #000;
  --mat-fab-small-state-layer-color: #000;
  --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1);
}

html .mat-mdc-mini-fab.mat-warn {
  --mat-fab-small-container-color: var(--palette-warn-500-rgb);
  --mat-fab-small-foreground-color: #000;
  --mat-fab-small-state-layer-color: #000;
  --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1);
}

.mat-datepicker-content.mat-accent {
  --mat-datepicker-calendar-date-selected-state-text-color: var(--palette-accent-contrast-500-rgb);
  --mat-datepicker-calendar-date-selected-state-background-color: var(--palette-accent-500-rgb);
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(0, 0, 0, 0.26);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: var(--palette-accent-contrast-500-rgb);
  --mat-datepicker-calendar-date-focus-state-background-color: var(--palette-accent-500-rgb);
  --mat-datepicker-calendar-date-hover-state-background-color: var(--palette-accent-500-rgb);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(var(--palette-accent-500-rgb), 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
}

.mat-datepicker-content.mat-warn {
  --mat-datepicker-calendar-date-selected-state-text-color: var(--palette-warn-contrast-500-rgb);
  --mat-datepicker-calendar-date-selected-state-background-color: var(--palette-warn-500-rgb);
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(0, 0, 0, 0.26);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: var(--palette-warn-contrast-500-rgb);
  --mat-datepicker-calendar-date-focus-state-background-color: var(--palette-warn-500-rgb);
  --mat-datepicker-calendar-date-hover-state-background-color: var(--palette-warn-500-rgb);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(var(--palette-warn-500-rgb), 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
}

.mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-toggle-active-state-icon-color: var(--palette-accent-500-rgb);
}

.mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-toggle-active-state-icon-color: var(--palette-warn-500-rgb);
}

.isDarkTheme {
  --mat-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-option-hover-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-focus-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-selected-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: #686868;
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: #686868;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: #686868;
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
  --mat-tooltip-container-color: #616161;
  --mat-tooltip-supporting-text-color: #fff;
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
  --mat-form-field-filled-focus-label-text-color: var(--palette-primary-500-rgb);
  --mat-form-field-filled-disabled-container-color: #464646;
  --mat-form-field-filled-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-form-field-filled-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-form-field-filled-disabled-label-text-color: rgba(255, 255, 255, 0.38);
  --mat-form-field-filled-input-text-color: rgba(255, 255, 255, 0.87);
  --mat-form-field-filled-disabled-input-text-color: rgba(255, 255, 255, 0.38);
  --mat-form-field-filled-input-text-placeholder-color: rgba(255, 255, 255, 0.6);
  --mat-form-field-filled-active-indicator-color: rgba(255, 255, 255, 0.42);
  --mat-form-field-filled-disabled-active-indicator-color: rgba(255, 255, 255, 0.06);
  --mat-form-field-filled-hover-active-indicator-color: rgba(255, 255, 255, 0.87);
  --mat-form-field-outlined-focus-label-text-color: var(--palette-primary-500-rgb);
  --mat-form-field-outlined-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-form-field-outlined-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-form-field-outlined-disabled-label-text-color: rgba(255, 255, 255, 0.38);
  --mat-form-field-outlined-input-text-color: rgba(255, 255, 255, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: rgba(255, 255, 255, 0.38);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(255, 255, 255, 0.6);
  --mat-form-field-outlined-disabled-outline-color: rgba(255, 255, 255, 0.06);
  --mat-form-field-outlined-hover-outline-color: rgba(255, 255, 255, 0.87);
  --mat-form-field-focus-select-arrow-color: var(--palette-primary-500-rgb);
  --mat-form-field-disabled-input-text-placeholder-color: rgba(255, 255, 255, 0.38);
  --mat-form-field-state-layer-color: rgba(255, 255, 255, 0.87);
  --mat-form-field-enabled-select-arrow-color: rgba(255, 255, 255, 0.54);
  --mat-form-field-disabled-select-arrow-color: rgba(255, 255, 255, 0.38);
  --mat-form-field-hover-state-layer-opacity: 0.08;
  --mat-form-field-focus-state-layer-opacity: 0.24;
  --mat-select-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-select-enabled-trigger-text-color: rgba(255, 255, 255, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(255, 255, 255, 0.38);
  --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.6);
  --mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.54);
  --mat-select-disabled-arrow-color: rgba(255, 255, 255, 0.38);
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-dialog-container-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mat-dialog-container-shape: 4px;
  --mat-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mat-dialog-subhead-color: rgba(255, 255, 255, 0.87);
  --mat-dialog-supporting-text-color: rgba(255, 255, 255, 0.6);
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-selected-focus-state-layer-color: var(--palette-primary-300-rgb);
  --mat-slide-toggle-selected-handle-color: var(--palette-primary-300-rgb);
  --mat-slide-toggle-selected-hover-state-layer-color: var(--palette-primary-300-rgb);
  --mat-slide-toggle-selected-pressed-state-layer-color: var(--palette-primary-300-rgb);
  --mat-slide-toggle-selected-focus-handle-color: var(--palette-primary-200-rgb);
  --mat-slide-toggle-selected-hover-handle-color: var(--palette-primary-200-rgb);
  --mat-slide-toggle-selected-pressed-handle-color: var(--palette-primary-200-rgb);
  --mat-slide-toggle-disabled-selected-handle-color: #000;
  --mat-slide-toggle-disabled-selected-icon-color: #212121;
  --mat-slide-toggle-disabled-selected-track-color: #f5f5f5;
  --mat-slide-toggle-disabled-unselected-handle-color: #000;
  --mat-slide-toggle-disabled-unselected-icon-color: #212121;
  --mat-slide-toggle-disabled-unselected-track-color: #f5f5f5;
  --mat-slide-toggle-handle-surface-color: var(--mat-theme-surface, #fff);
  --mat-slide-toggle-selected-icon-color: #212121;
  --mat-slide-toggle-unselected-focus-handle-color: #fafafa;
  --mat-slide-toggle-unselected-focus-state-layer-color: #f5f5f5;
  --mat-slide-toggle-unselected-focus-track-color: #616161;
  --mat-slide-toggle-unselected-handle-color: #9e9e9e;
  --mat-slide-toggle-unselected-hover-handle-color: #fafafa;
  --mat-slide-toggle-unselected-hover-state-layer-color: #f5f5f5;
  --mat-slide-toggle-unselected-hover-track-color: #616161;
  --mat-slide-toggle-unselected-icon-color: #212121;
  --mat-slide-toggle-unselected-pressed-handle-color: #fafafa;
  --mat-slide-toggle-unselected-pressed-state-layer-color: #f5f5f5;
  --mat-slide-toggle-unselected-pressed-track-color: #616161;
  --mat-slide-toggle-unselected-track-color: #616161;
  --mat-slide-toggle-disabled-label-text-color: rgba(255, 255, 255, 0.5);
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --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%);
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-disabled-active-track-color: #fff;
  --mat-slider-disabled-handle-color: #fff;
  --mat-slider-disabled-inactive-track-color: #fff;
  --mat-slider-label-container-color: #fff;
  --mat-slider-label-label-text-color: #000;
  --mat-slider-with-overlap-handle-outline-color: #fff;
  --mat-slider-with-tick-marks-disabled-container-color: #fff;
  --mat-slider-handle-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-slider-hover-state-layer-color: rgba(var(--palette-primary-500-rgb), 0.05);
  --mat-slider-focus-state-layer-color: rgba(var(--palette-primary-500-rgb), 0.2);
  --mat-slider-value-indicator-opacity: 0.9;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-item-hover-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-menu-item-focus-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-leading-icon-color: rgba(255, 255, 255, 0.5);
  --mat-list-list-item-trailing-supporting-text-color: rgba(255, 255, 255, 0.5);
  --mat-list-list-item-trailing-icon-color: rgba(255, 255, 255, 0.5);
  --mat-list-list-item-selected-trailing-icon-color: rgba(255, 255, 255, 0.5);
  --mat-list-list-item-hover-leading-icon-color: rgba(255, 255, 255, 0.5);
  --mat-list-list-item-hover-trailing-icon-color: rgba(255, 255, 255, 0.5);
  --mat-list-list-item-hover-state-layer-opacity: 0.08;
  --mat-list-list-item-focus-state-layer-opacity: 0.24;
  --mat-paginator-container-text-color: rgba(255, 255, 255, 0.87);
  --mat-paginator-enabled-icon-color: rgba(255, 255, 255, 0.54);
  --mat-paginator-disabled-icon-color: rgba(255, 255, 255, 0.12);
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-checkbox-disabled-selected-checkmark-color: #fff;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.16;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.16;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.16;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.16;
  --mat-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-unselected-focus-icon-color: #eeeeee;
  --mat-checkbox-unselected-hover-icon-color: #eeeeee;
  --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mat-checkbox-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mat-checkbox-disabled-label-color: rgba(255, 255, 255, 0.5);
  --mat-button-text-container-shape: 4px;
  --mat-button-filled-container-shape: 4px;
  --mat-button-protected-container-shape: 4px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-protected-horizontal-padding: 16px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-icon-offset: -4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-text-disabled-label-text-color: rgba(255, 255, 255, 0.5);
  --mat-button-text-disabled-state-layer-color: white;
  --mat-button-text-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-text-hover-state-layer-opacity: 0.08;
  --mat-button-text-focus-state-layer-opacity: 0.24;
  --mat-button-text-pressed-state-layer-opacity: 0.24;
  --mat-button-filled-disabled-container-color: rgba(255, 255, 255, 0.12);
  --mat-button-filled-disabled-label-text-color: rgba(255, 255, 255, 0.5);
  --mat-button-filled-disabled-state-layer-color: white;
  --mat-button-filled-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-filled-hover-state-layer-opacity: 0.08;
  --mat-button-filled-focus-state-layer-opacity: 0.24;
  --mat-button-filled-pressed-state-layer-opacity: 0.24;
  --mat-button-protected-disabled-container-color: rgba(255, 255, 255, 0.12);
  --mat-button-protected-disabled-label-text-color: rgba(255, 255, 255, 0.5);
  --mat-button-protected-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-disabled-container-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-focus-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-hover-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-pressed-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-button-protected-disabled-state-layer-color: white;
  --mat-button-protected-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-protected-hover-state-layer-opacity: 0.08;
  --mat-button-protected-focus-state-layer-opacity: 0.24;
  --mat-button-protected-pressed-state-layer-opacity: 0.24;
  --mat-button-outlined-disabled-label-text-color: rgba(255, 255, 255, 0.5);
  --mat-button-outlined-disabled-state-layer-color: white;
  --mat-button-outlined-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-outlined-hover-state-layer-opacity: 0.08;
  --mat-button-outlined-focus-state-layer-opacity: 0.24;
  --mat-button-outlined-pressed-state-layer-opacity: 0.24;
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-disabled-icon-color: rgba(255, 255, 255, 0.5);
  --mat-icon-button-disabled-state-layer-color: white;
  --mat-icon-button-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-icon-button-hover-state-layer-opacity: 0.08;
  --mat-icon-button-focus-state-layer-opacity: 0.24;
  --mat-icon-button-pressed-state-layer-opacity: 0.24;
  --mat-fab-container-shape: 50%;
  --mat-fab-small-container-shape: 50%;
  --mat-fab-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-fab-disabled-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-hover-state-layer-opacity: 0.08;
  --mat-fab-focus-state-layer-opacity: 0.24;
  --mat-fab-pressed-state-layer-opacity: 0.24;
  --mat-fab-disabled-state-container-color: rgba(255, 255, 255, 0.12);
  --mat-fab-disabled-state-foreground-color: rgba(255, 255, 255, 0.5);
  --mat-fab-small-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-small-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-small-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-small-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-fab-small-disabled-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-small-hover-state-layer-opacity: 0.08;
  --mat-fab-small-focus-state-layer-opacity: 0.24;
  --mat-fab-small-pressed-state-layer-opacity: 0.24;
  --mat-fab-small-disabled-state-container-color: rgba(255, 255, 255, 0.12);
  --mat-fab-small-disabled-state-foreground-color: rgba(255, 255, 255, 0.5);
  --mat-fab-extended-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-extended-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-extended-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-extended-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-snack-bar-container-shape: 4px;
  --mat-snack-bar-container-color: #d9d9d9;
  --mat-snack-bar-supporting-text-color: rgba(66, 66, 66, 0.87);
  --mat-snack-bar-button-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-outline-width: 1px;
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-disabled-state-background-color: #6e6e6e;
  --mat-badge-disabled-state-text-color: rgba(255, 255, 255, 0.5);
  --mat-bottom-sheet-container-shape: 4px;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-shape: 4px;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-legacy-text-color: rgba(255, 255, 255, 0.5);
  --mat-button-toggle-legacy-state-layer-color: rgba(255, 255, 255, 0.12);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(255, 255, 255, 0.7);
  --mat-button-toggle-legacy-selected-state-background-color: #212121;
  --mat-button-toggle-legacy-disabled-state-text-color: rgba(255, 255, 255, 0.3);
  --mat-button-toggle-legacy-disabled-state-background-color: black;
  --mat-button-toggle-legacy-disabled-selected-state-background-color: #424242;
  --mat-button-toggle-selected-state-background-color: #212121;
  --mat-button-toggle-disabled-state-text-color: rgba(255, 255, 255, 0.3);
  --mat-button-toggle-disabled-selected-state-text-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: #424242;
  --mat-button-toggle-divider-color: #595959;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-container-touch-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(255, 255, 255, 0.3);
  --mat-datepicker-calendar-date-focus-state-background-color: var(--palette-primary-500-rgb);
  --mat-datepicker-calendar-date-hover-state-background-color: var(--palette-primary-500-rgb);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(var(--palette-primary-500-rgb), 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
  --mat-datepicker-toggle-icon-color: white;
  --mat-datepicker-calendar-period-button-icon-color: white;
  --mat-datepicker-calendar-navigation-button-icon-color: white;
  --mat-datepicker-calendar-date-today-outline-color: rgba(255, 255, 255, 0.5);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(255, 255, 255, 0.3);
  --mat-datepicker-calendar-date-disabled-state-text-color: rgba(255, 255, 255, 0.5);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(255, 255, 255, 0.24);
  --mat-datepicker-range-input-disabled-state-separator-color: rgba(255, 255, 255, 0.5);
  --mat-datepicker-range-input-disabled-state-text-color: rgba(255, 255, 255, 0.5);
  --mat-divider-width: 1px;
  --mat-expansion-container-shape: 4px;
  --mat-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --mat-expansion-header-hover-state-layer-color: rgba(255, 255, 255, 0.04);
  --mat-expansion-header-focus-state-layer-color: rgba(255, 255, 255, 0.04);
  --mat-expansion-header-disabled-state-text-color: rgba(255, 255, 255, 0.3);
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-width: auto;
  --mat-sidenav-scrim-color: rgba(189, 189, 189, 0.6);
  --mat-stepper-header-hover-state-layer-color: rgba(255, 255, 255, 0.04);
  --mat-stepper-header-focus-state-layer-color: rgba(255, 255, 255, 0.04);
  --mat-sort-arrow-color: #c6c6c6;
  --mat-toolbar-container-background-color: #212121;
}

.isDarkTheme .mat-accent {
  --mat-option-hover-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-focus-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-selected-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: #686868;
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: #686868;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: #686868;
  --mat-slider-hover-state-layer-color: rgba(var(--palette-accent-500-rgb), 0.05);
  --mat-slider-focus-state-layer-color: rgba(var(--palette-accent-500-rgb), 0.2);
}

.isDarkTheme .mat-warn {
  --mat-option-hover-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-focus-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-selected-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: #686868;
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: #686868;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: #686868;
  --mat-slider-hover-state-layer-color: rgba(var(--palette-warn-500-rgb), 0.05);
  --mat-slider-focus-state-layer-color: rgba(var(--palette-warn-500-rgb), 0.2);
}

.isDarkTheme .mat-primary {
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: #686868;
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: #686868;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: #686868;
}

.isDarkTheme .mat-mdc-form-field.mat-accent {
  --mat-form-field-filled-focus-label-text-color: var(--palette-accent-500-rgb);
  --mat-form-field-outlined-focus-label-text-color: var(--palette-accent-500-rgb);
  --mat-form-field-focus-select-arrow-color: var(--palette-accent-500-rgb);
  --mat-select-enabled-trigger-text-color: rgba(255, 255, 255, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(255, 255, 255, 0.38);
  --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.6);
  --mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.54);
  --mat-select-disabled-arrow-color: rgba(255, 255, 255, 0.38);
}

.isDarkTheme .mat-mdc-form-field.mat-warn {
  --mat-form-field-filled-focus-label-text-color: var(--palette-warn-500-rgb);
  --mat-form-field-outlined-focus-label-text-color: var(--palette-warn-500-rgb);
  --mat-form-field-focus-select-arrow-color: var(--palette-warn-500-rgb);
  --mat-select-enabled-trigger-text-color: rgba(255, 255, 255, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(255, 255, 255, 0.38);
  --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.6);
  --mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.54);
  --mat-select-disabled-arrow-color: rgba(255, 255, 255, 0.38);
}

.isDarkTheme .mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px 16px 16px 16px;
  --mat-chip-with-avatar-avatar-shape-radius: 14px 14px 14px 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-outline-width: 0;
  --mat-chip-outline-color: transparent;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-disabled-label-text-color: #fafafa;
  --mat-chip-elevated-container-color: #595959;
  --mat-chip-elevated-selected-container-color: #595959;
  --mat-chip-elevated-disabled-container-color: #595959;
  --mat-chip-flat-disabled-selected-container-color: #595959;
  --mat-chip-selected-hover-state-layer-color: white;
  --mat-chip-selected-focus-state-layer-color: white;
  --mat-chip-label-text-color: #fafafa;
  --mat-chip-selected-label-text-color: #fafafa;
  --mat-chip-with-icon-icon-color: #fafafa;
  --mat-chip-with-icon-disabled-icon-color: #fafafa;
  --mat-chip-with-icon-selected-icon-color: #fafafa;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #fafafa;
  --mat-chip-with-trailing-icon-trailing-icon-color: #fafafa;
  --mat-chip-selected-disabled-trailing-icon-color: #fafafa;
  --mat-chip-selected-trailing-icon-color: #fafafa;
}

.isDarkTheme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .isDarkTheme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-selected-hover-state-layer-color: white;
  --mat-chip-selected-focus-state-layer-color: white;
}

.isDarkTheme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .isDarkTheme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-selected-hover-state-layer-color: white;
  --mat-chip-selected-focus-state-layer-color: white;
}

.isDarkTheme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .isDarkTheme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-selected-hover-state-layer-color: white;
  --mat-chip-selected-focus-state-layer-color: white;
}

.isDarkTheme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-focus-state-layer-color: var(--palette-accent-300-rgb);
  --mat-slide-toggle-selected-handle-color: var(--palette-accent-300-rgb);
  --mat-slide-toggle-selected-hover-state-layer-color: var(--palette-accent-300-rgb);
  --mat-slide-toggle-selected-pressed-state-layer-color: var(--palette-accent-300-rgb);
  --mat-slide-toggle-selected-focus-handle-color: var(--palette-accent-200-rgb);
  --mat-slide-toggle-selected-hover-handle-color: var(--palette-accent-200-rgb);
  --mat-slide-toggle-selected-pressed-handle-color: var(--palette-accent-200-rgb);
}

.isDarkTheme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-focus-state-layer-color: var(--palette-warn-300-rgb);
  --mat-slide-toggle-selected-handle-color: var(--palette-warn-300-rgb);
  --mat-slide-toggle-selected-hover-state-layer-color: var(--palette-warn-300-rgb);
  --mat-slide-toggle-selected-pressed-state-layer-color: var(--palette-warn-300-rgb);
  --mat-slide-toggle-selected-focus-handle-color: var(--palette-warn-200-rgb);
  --mat-slide-toggle-selected-hover-handle-color: var(--palette-warn-200-rgb);
  --mat-slide-toggle-selected-pressed-handle-color: var(--palette-warn-200-rgb);
}

.isDarkTheme .mat-mdc-radio-button.mat-primary {
  --mat-radio-unselected-hover-icon-color: #eeeeee;
  --mat-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mat-radio-disabled-label-color: rgba(255, 255, 255, 0.5);
}

.isDarkTheme .mat-mdc-radio-button.mat-accent {
  --mat-radio-unselected-hover-icon-color: #eeeeee;
  --mat-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mat-radio-disabled-label-color: rgba(255, 255, 255, 0.5);
}

.isDarkTheme .mat-mdc-radio-button.mat-warn {
  --mat-radio-unselected-hover-icon-color: #eeeeee;
  --mat-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mat-radio-disabled-label-color: rgba(255, 255, 255, 0.5);
}

.isDarkTheme .mdc-list-item__start, .isDarkTheme .mdc-list-item__end {
  --mat-radio-unselected-hover-icon-color: #eeeeee;
  --mat-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
}

.isDarkTheme .mat-accent .mdc-list-item__start, .isDarkTheme .mat-accent .mdc-list-item__end {
  --mat-radio-unselected-hover-icon-color: #eeeeee;
  --mat-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
}

.isDarkTheme .mat-warn .mdc-list-item__start, .isDarkTheme .mat-warn .mdc-list-item__end {
  --mat-radio-unselected-hover-icon-color: #eeeeee;
  --mat-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
}

.isDarkTheme .mat-mdc-list-option {
  --mat-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-unselected-focus-icon-color: #eeeeee;
  --mat-checkbox-unselected-hover-icon-color: #eeeeee;
  --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mat-checkbox-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
}

.isDarkTheme .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-unselected-focus-icon-color: #eeeeee;
  --mat-checkbox-unselected-hover-icon-color: #eeeeee;
  --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mat-checkbox-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
}

.isDarkTheme .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-unselected-focus-icon-color: #eeeeee;
  --mat-checkbox-unselected-hover-icon-color: #eeeeee;
  --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mat-checkbox-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
}

.isDarkTheme .mat-mdc-tab-group, .isDarkTheme .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(255, 255, 255, 0.5);
  --mat-tab-inactive-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-inactive-focus-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-inactive-hover-label-text-color: rgba(255, 255, 255, 0.6);
}

.isDarkTheme .mat-mdc-tab-group.mat-accent, .isDarkTheme .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(255, 255, 255, 0.5);
  --mat-tab-inactive-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-inactive-focus-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-inactive-hover-label-text-color: rgba(255, 255, 255, 0.6);
}

.isDarkTheme .mat-mdc-tab-group.mat-warn, .isDarkTheme .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(255, 255, 255, 0.5);
  --mat-tab-inactive-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-inactive-focus-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-inactive-hover-label-text-color: rgba(255, 255, 255, 0.6);
}

.isDarkTheme .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-unselected-focus-icon-color: #eeeeee;
  --mat-checkbox-unselected-hover-icon-color: #eeeeee;
  --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mat-checkbox-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
}

.isDarkTheme .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-unselected-focus-icon-color: #eeeeee;
  --mat-checkbox-unselected-hover-icon-color: #eeeeee;
  --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mat-checkbox-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
}

.isDarkTheme .mat-mdc-button.mat-primary {
  --mat-button-text-label-text-color: var(--palette-primary-500-rgb);
  --mat-button-text-state-layer-color: var(--palette-primary-500-rgb);
  --mat-button-text-ripple-color: rgba(255, 255, 255, 0.1);
}

.isDarkTheme .mat-mdc-button.mat-accent {
  --mat-button-text-label-text-color: var(--palette-accent-500-rgb);
  --mat-button-text-state-layer-color: var(--palette-accent-500-rgb);
  --mat-button-text-ripple-color: rgba(255, 255, 255, 0.1);
}

.isDarkTheme .mat-mdc-button.mat-warn {
  --mat-button-text-label-text-color: var(--palette-warn-500-rgb);
  --mat-button-text-state-layer-color: var(--palette-warn-500-rgb);
  --mat-button-text-ripple-color: rgba(255, 255, 255, 0.1);
}

.isDarkTheme .mat-mdc-unelevated-button.mat-primary {
  --mat-button-filled-container-color: var(--palette-primary-500-rgb);
  --mat-button-filled-label-text-color: var(--palette-primary-contrast-500-rgb);
  --mat-button-filled-state-layer-color: #fff;
  --mat-button-filled-ripple-color: rgba(255, 255, 255, 0.1);
}

.isDarkTheme .mat-mdc-unelevated-button.mat-accent {
  --mat-button-filled-container-color: var(--palette-accent-500-rgb);
  --mat-button-filled-label-text-color: var(--palette-accent-contrast-500-rgb);
  --mat-button-filled-state-layer-color: #fff;
  --mat-button-filled-ripple-color: rgba(255, 255, 255, 0.1);
}

.isDarkTheme .mat-mdc-unelevated-button.mat-warn {
  --mat-button-filled-container-color: var(--palette-warn-500-rgb);
  --mat-button-filled-label-text-color: var(--palette-warn-contrast-500-rgb);
  --mat-button-filled-state-layer-color: #fff;
  --mat-button-filled-ripple-color: rgba(255, 255, 255, 0.1);
}

.isDarkTheme .mat-mdc-raised-button.mat-primary {
  --mat-button-protected-container-color: var(--palette-primary-500-rgb);
  --mat-button-protected-label-text-color: var(--palette-primary-contrast-500-rgb);
  --mat-button-protected-state-layer-color: #fff;
  --mat-button-protected-ripple-color: rgba(255, 255, 255, 0.1);
}

.isDarkTheme .mat-mdc-raised-button.mat-accent {
  --mat-button-protected-container-color: var(--palette-accent-500-rgb);
  --mat-button-protected-label-text-color: var(--palette-accent-contrast-500-rgb);
  --mat-button-protected-state-layer-color: #fff;
  --mat-button-protected-ripple-color: rgba(255, 255, 255, 0.1);
}

.isDarkTheme .mat-mdc-raised-button.mat-warn {
  --mat-button-protected-container-color: var(--palette-warn-500-rgb);
  --mat-button-protected-label-text-color: var(--palette-warn-contrast-500-rgb);
  --mat-button-protected-state-layer-color: #fff;
  --mat-button-protected-ripple-color: rgba(255, 255, 255, 0.1);
}

.isDarkTheme .mat-mdc-outlined-button.mat-primary {
  --mat-button-outlined-label-text-color: var(--palette-primary-500-rgb);
  --mat-button-outlined-outline-color: rgba(255, 255, 255, 0.12);
  --mat-button-outlined-state-layer-color: var(--palette-primary-500-rgb);
  --mat-button-outlined-ripple-color: rgba(255, 255, 255, 0.1);
}

.isDarkTheme .mat-mdc-outlined-button.mat-accent {
  --mat-button-outlined-label-text-color: var(--palette-accent-500-rgb);
  --mat-button-outlined-outline-color: rgba(255, 255, 255, 0.12);
  --mat-button-outlined-state-layer-color: var(--palette-accent-500-rgb);
  --mat-button-outlined-ripple-color: rgba(255, 255, 255, 0.1);
}

.isDarkTheme .mat-mdc-outlined-button.mat-warn {
  --mat-button-outlined-label-text-color: var(--palette-warn-500-rgb);
  --mat-button-outlined-outline-color: rgba(255, 255, 255, 0.12);
  --mat-button-outlined-state-layer-color: var(--palette-warn-500-rgb);
  --mat-button-outlined-ripple-color: rgba(255, 255, 255, 0.1);
}

.isDarkTheme .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-ripple-color: rgba(255, 255, 255, 0.1);
}

.isDarkTheme .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-ripple-color: rgba(255, 255, 255, 0.1);
}

.isDarkTheme .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-ripple-color: rgba(255, 255, 255, 0.1);
}

.isDarkTheme .mat-mdc-fab.mat-primary {
  --mat-fab-container-color: var(--palette-primary-500-rgb);
  --mat-fab-foreground-color: #fff;
  --mat-fab-state-layer-color: #fff;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}

.isDarkTheme .mat-mdc-fab.mat-accent {
  --mat-fab-container-color: var(--palette-accent-500-rgb);
  --mat-fab-foreground-color: #fff;
  --mat-fab-state-layer-color: #fff;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}

.isDarkTheme .mat-mdc-fab.mat-warn {
  --mat-fab-container-color: var(--palette-warn-500-rgb);
  --mat-fab-foreground-color: #fff;
  --mat-fab-state-layer-color: #fff;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}

.isDarkTheme .mat-mdc-mini-fab.mat-primary {
  --mat-fab-small-container-color: var(--palette-primary-500-rgb);
  --mat-fab-small-foreground-color: #fff;
  --mat-fab-small-state-layer-color: #fff;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}

.isDarkTheme .mat-mdc-mini-fab.mat-accent {
  --mat-fab-small-container-color: var(--palette-accent-500-rgb);
  --mat-fab-small-foreground-color: #fff;
  --mat-fab-small-state-layer-color: #fff;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}

.isDarkTheme .mat-mdc-mini-fab.mat-warn {
  --mat-fab-small-container-color: var(--palette-warn-500-rgb);
  --mat-fab-small-foreground-color: #fff;
  --mat-fab-small-state-layer-color: #fff;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}

.isDarkTheme .mat-datepicker-content.mat-accent {
  --mat-datepicker-calendar-date-selected-state-text-color: var(--palette-accent-contrast-500-rgb);
  --mat-datepicker-calendar-date-selected-state-background-color: var(--palette-accent-500-rgb);
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(255, 255, 255, 0.3);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: var(--palette-accent-contrast-500-rgb);
  --mat-datepicker-calendar-date-focus-state-background-color: var(--palette-accent-500-rgb);
  --mat-datepicker-calendar-date-hover-state-background-color: var(--palette-accent-500-rgb);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(var(--palette-accent-500-rgb), 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
}

.isDarkTheme .mat-datepicker-content.mat-warn {
  --mat-datepicker-calendar-date-selected-state-text-color: var(--palette-warn-contrast-500-rgb);
  --mat-datepicker-calendar-date-selected-state-background-color: var(--palette-warn-500-rgb);
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(255, 255, 255, 0.3);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: var(--palette-warn-contrast-500-rgb);
  --mat-datepicker-calendar-date-focus-state-background-color: var(--palette-warn-500-rgb);
  --mat-datepicker-calendar-date-hover-state-background-color: var(--palette-warn-500-rgb);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(var(--palette-warn-500-rgb), 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
}

.isDarkTheme .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-toggle-active-state-icon-color: var(--palette-accent-500-rgb);
}

.isDarkTheme .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-toggle-active-state-icon-color: var(--palette-warn-500-rgb);
}

.mdc-button,
.mat-datepicker-content .mdc-button,
.mat-mdc-checkbox .mdc-form-field,
.mat-mdc-radio-button .mdc-form-field,
.mat-mdc-slide-toggle .mdc-form-field {
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
}

.mat-mdc-radio-button {
  display: inline-block;
}

.mat-mdc-radio-button .mdc-form-field {
  width: 100%;
  white-space: nowrap;
  font: inherit;
  letter-spacing: inherit;
}

.mat-mdc-radio-button .mdc-label {
  display: inline-block;
  margin: 0;
  padding: 0 0 0 8px;
  font: inherit;
  letter-spacing: inherit;
}

.mat-mdc-radio-button .mdc-form-field--align-end > .mdc-label {
  padding: 0 8px 0 0;
}

:root .mat-mdc-radio-button {
  --mat-radio-unselected-hover-icon-color: rgba(var(--palette-foreground-secondary-text), var(--palette-foreground-secondary-text-alpha));
  --mat-radio-unselected-focus-icon-color: rgba(var(--palette-foreground-secondary-text), var(--palette-foreground-secondary-text-alpha));
  --mat-radio-unselected-pressed-icon-color: rgba(var(--palette-foreground-secondary-text), var(--palette-foreground-secondary-text-alpha));
}
:root .mat-mdc-radio-button .mdc-radio {
  padding: 0;
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
}
:root .mat-mdc-radio-button .mdc-radio .mat-radio-ripple {
  top: -10px;
  left: -10px;
  right: auto;
  bottom: auto;
  width: 40px;
  height: 40px;
}
:root .mat-mdc-radio-button .mat-radio-ripple .mat-ripple-element {
  opacity: 0.16;
}
:root .mat-mdc-radio-button .mdc-radio .mdc-radio__native-control:focus:not(:focus-visible) + .mdc-radio__background::before {
  opacity: 0;
  transform: scale(0, 0);
}
:root .mat-mdc-radio-button .mdc-radio:hover .mdc-radio__native-control:not([disabled]):focus:not(:focus-visible) + .mdc-radio__background::before {
  opacity: 0.04;
  transform: scale(1);
}
:root .mat-mdc-radio-button .mdc-radio .mdc-radio__native-control {
  top: 0;
  left: 0;
  right: auto;
  width: 20px;
  height: 20px;
}
:root .mat-mdc-radio-button .mat-mdc-radio-touch-target {
  display: none;
}

.mat-mdc-checkbox .mdc-form-field {
  align-items: baseline;
  white-space: nowrap;
  font: inherit;
  letter-spacing: inherit;
}

.mat-mdc-checkbox .mdc-checkbox {
  flex: 0 0 auto;
  width: 16px;
  height: 16px;
  margin: auto;
  margin-right: 8px;
  padding: 0;
  vertical-align: middle;
}

.mat-mdc-checkbox .mdc-form-field--align-end > .mdc-checkbox {
  margin-left: 8px;
  margin-right: auto;
}

.mat-mdc-checkbox .mdc-form-field:has(> .mdc-label:empty) > .mdc-checkbox {
  margin-left: 0;
  margin-right: 0;
}

.mat-mdc-checkbox .mdc-label {
  margin: 0;
  padding: 0;
  font: inherit;
  letter-spacing: inherit;
  line-height: 24px;
}

:root .mat-mdc-checkbox {
  --mat-checkbox-unselected-icon-color: rgba(var(--palette-foreground-secondary-text), var(--palette-foreground-secondary-text-alpha));
  --mat-checkbox-unselected-hover-icon-color: rgba(var(--palette-foreground-secondary-text), var(--palette-foreground-secondary-text-alpha));
  --mat-checkbox-unselected-focus-icon-color: rgba(var(--palette-foreground-secondary-text), var(--palette-foreground-secondary-text-alpha));
  --mat-checkbox-unselected-pressed-icon-color: rgba(var(--palette-foreground-secondary-text), var(--palette-foreground-secondary-text-alpha));
  --mat-checkbox-selected-checkmark-color: rgb(var(--palette-background-background));
  --mat-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-checkbox-disabled-selected-checkmark-color: rgb(var(--palette-background-background));
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.04;
}
:root .mat-mdc-checkbox .mdc-checkbox .mdc-checkbox__background,
:root .mat-mdc-checkbox .mdc-checkbox .mdc-checkbox__native-control {
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
}
:root .mat-mdc-checkbox .mat-mdc-checkbox-touch-target {
  display: none;
}
:root .mat-mdc-checkbox .mdc-checkbox--disabled,
:root .mat-mdc-checkbox .mdc-checkbox .mdc-checkbox__native-control:disabled {
  pointer-events: auto;
}
:root .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-selected-checkmark-color: rgb(var(--palette-primary-contrast-500));
  --mat-checkbox-disabled-selected-checkmark-color: rgb(var(--palette-primary-contrast-500));
}
:root .mat-mdc-checkbox.mat-accent {
  --mat-checkbox-selected-checkmark-color: rgb(var(--palette-accent-contrast-500));
  --mat-checkbox-disabled-selected-checkmark-color: rgb(var(--palette-accent-contrast-500));
}
:root .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-selected-checkmark-color: rgb(var(--palette-warn-contrast-500));
  --mat-checkbox-disabled-selected-checkmark-color: rgb(var(--palette-warn-contrast-500));
}
:root .mat-mdc-checkbox .mdc-checkbox .mdc-checkbox__ripple,
:root .mat-mdc-checkbox .mdc-checkbox .mat-mdc-checkbox-ripple {
  top: -12px;
  left: -12px;
  right: auto;
  bottom: auto;
  width: 40px;
  height: 40px;
}
:root .mat-mdc-checkbox .mat-mdc-checkbox-ripple .mat-ripple-element {
  opacity: 0.16;
}
:root .mat-mdc-checkbox .mdc-checkbox .mdc-checkbox__native-control:focus:not(:focus-visible) ~ .mdc-checkbox__ripple {
  opacity: 0;
}
:root .mat-mdc-checkbox .mdc-checkbox:hover .mdc-checkbox__native-control:focus:not(:focus-visible) ~ .mdc-checkbox__ripple {
  opacity: 0.04;
}

.mat-mdc-slide-toggle {
  height: 24px;
  max-width: 100%;
  line-height: 24px;
  white-space: nowrap;
}

.mat-mdc-slide-toggle .mdc-form-field {
  display: flex;
  height: inherit;
  font: inherit;
  letter-spacing: inherit;
}

:root .mat-mdc-slide-toggle {
  --mat-slide-toggle-unselected-handle-color: #fafafa;
  --mat-slide-toggle-unselected-hover-handle-color: #fafafa;
  --mat-slide-toggle-unselected-focus-handle-color: #fafafa;
  --mat-slide-toggle-unselected-pressed-handle-color: #fafafa;
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.38);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.38);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.38);
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.38);
  --mat-slide-toggle-disabled-selected-handle-color: var(--mat-slide-toggle-selected-handle-color);
  --mat-slide-toggle-disabled-unselected-handle-color: var(--mat-slide-toggle-unselected-handle-color);
  --mat-slide-toggle-disabled-selected-track-color: var(--mat-slide-toggle-selected-track-color);
  --mat-slide-toggle-disabled-unselected-track-color: var(--mat-slide-toggle-unselected-track-color);
  --mat-slide-toggle-disabled-handle-elevation: var(--mat-slide-toggle-handle-elevation);
  --mat-slide-toggle-disabled-handle-elevation-shadow: var(--mat-slide-toggle-handle-elevation);
}
:root .mat-mdc-slide-toggle .mdc-label {
  margin: 0;
  font: inherit;
  letter-spacing: inherit;
  overflow: hidden;
  text-overflow: ellipsis;
}
:root .mat-mdc-slide-toggle .mdc-form-field--align-end > .mdc-label {
  padding-right: 8px;
}
:root .mat-mdc-slide-toggle .mdc-form-field:not(.mdc-form-field--align-end) > .mdc-label {
  padding-left: 8px;
}
:root .mat-mdc-slide-toggle .mdc-form-field > .mdc-label:empty {
  padding: 0;
}
:root .mat-mdc-slide-toggle .mdc-switch__icons {
  display: none;
}
:root .mat-mdc-slide-toggle .mdc-switch__handle-track {
  z-index: 1;
  transform: translate3d(0, 0, 0);
}
:root .mat-mdc-slide-toggle .mdc-switch--selected .mdc-switch__handle-track {
  transform: translate3d(100%, 0, 0);
}
:root .mat-mdc-slide-toggle .mdc-switch {
  --mat-slide-toggle-track-shape: 8px;
  --mat-slide-toggle-disabled-selected-handle-opacity: 1;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 1;
  --mat-slide-toggle-disabled-track-opacity: 1;
}
:root .mat-mdc-slide-toggle .mdc-switch:disabled,
:root .mat-mdc-slide-toggle .mdc-switch:disabled + .mdc-label {
  opacity: 0.38;
}
:root .mat-mdc-slide-toggle .mdc-switch--disabled + label,
:root .mat-mdc-slide-toggle .mdc-switch:disabled + .mdc-label {
  color: rgba(var(--palette-foreground-text), var(--palette-foreground-text-alpha));
}
:root .mat-mdc-slide-toggle.mat-mdc-slide-toggle-focused .mdc-switch:not(:focus-visible) .mdc-switch__ripple::after {
  opacity: 0;
}
:root .mat-mdc-slide-toggle.mat-mdc-slide-toggle-focused .mdc-switch:hover:not(:focus-visible) .mdc-switch__ripple::after {
  opacity: 0.04;
}
:root .mat-mdc-slide-toggle.mat-primary {
  --mat-slide-toggle-selected-handle-color: rgb(var(--palette-primary-500));
  --mat-slide-toggle-selected-hover-handle-color: rgb(var(--palette-primary-500));
  --mat-slide-toggle-selected-focus-handle-color: rgb(var(--palette-primary-500));
  --mat-slide-toggle-selected-pressed-handle-color: rgb(var(--palette-primary-500));
  --mat-slide-toggle-selected-track-color: rgb(var(--palette-primary-500));
  --mat-slide-toggle-selected-hover-track-color: rgb(var(--palette-primary-500));
  --mat-slide-toggle-selected-focus-track-color: rgb(var(--palette-primary-500));
  --mat-slide-toggle-selected-pressed-track-color: rgb(var(--palette-primary-500));
}
:root .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-handle-color: rgb(var(--palette-accent-500));
  --mat-slide-toggle-selected-hover-handle-color: rgb(var(--palette-accent-500));
  --mat-slide-toggle-selected-focus-handle-color: rgb(var(--palette-accent-500));
  --mat-slide-toggle-selected-pressed-handle-color: rgb(var(--palette-accent-500));
  --mat-slide-toggle-selected-track-color: rgb(var(--palette-accent-500));
  --mat-slide-toggle-selected-hover-track-color: rgb(var(--palette-accent-500));
  --mat-slide-toggle-selected-focus-track-color: rgb(var(--palette-accent-500));
  --mat-slide-toggle-selected-pressed-track-color: rgb(var(--palette-accent-500));
}
:root .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-handle-color: rgb(var(--palette-warn-500));
  --mat-slide-toggle-selected-hover-handle-color: rgb(var(--palette-warn-500));
  --mat-slide-toggle-selected-focus-handle-color: rgb(var(--palette-warn-500));
  --mat-slide-toggle-selected-pressed-handle-color: rgb(var(--palette-warn-500));
  --mat-slide-toggle-selected-track-color: rgb(var(--palette-warn-500));
  --mat-slide-toggle-selected-hover-track-color: rgb(var(--palette-warn-500));
  --mat-slide-toggle-selected-focus-track-color: rgb(var(--palette-warn-500));
  --mat-slide-toggle-selected-pressed-track-color: rgb(var(--palette-warn-500));
}

:root {
  --mat-expansion-header-text-font: Roboto;
  --mat-expansion-header-text-size: 15px;
  --mat-expansion-header-text-weight: 400;
  --mat-expansion-header-text-line-height: normal;
  --mat-expansion-header-text-tracking: normal;
  --mat-expansion-container-text-font: Roboto;
  --mat-expansion-container-text-size: 16px;
  --mat-expansion-container-text-weight: 500;
  --mat-expansion-container-text-line-height: 24px;
  --mat-expansion-container-text-tracking: normal;
}

body .mat-expansion-panel-header-title,
body .mat-expansion-panel-header-description {
  flex-basis: auto;
}

.mat-mdc-button-base .mat-mdc-button-touch-target {
  display: none;
}

html body {
  --mat-button-text-touch-target-display: none;
  --mat-button-filled-touch-target-display: none;
  --mat-button-protected-touch-target-display: none;
  --mat-button-outlined-touch-target-display: none;
  --mat-icon-button-touch-target-display: none;
  --mat-fab-touch-target-display: none;
  --mat-fab-small-touch-target-display: none;
  --mat-checkbox-touch-target-display: none;
  --mat-slide-toggle-touch-target-display: none;
  --mat-paginator-touch-target-display: none;
  --mat-radio-touch-target-display: none;
  --mat-button-text-horizontal-padding: 16px;
  --mat-button-text-with-icon-horizontal-padding: 16px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-protected-horizontal-padding: 16px;
  --mat-button-outlined-horizontal-padding: 15px;
}

.mat-mdc-form-field-icon-prefix .mat-mdc-icon-button.mat-mdc-icon-button,
.mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-icon-button {
  width: 1.5em;
  height: 1.5em;
}
.mat-mdc-form-field-icon-prefix .mat-mdc-icon-button.mat-mdc-icon-button .mat-icon,
.mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-icon-button .mat-icon {
  height: 1.125em;
  line-height: 1.125;
}

.mat-form-field-appearance-legacy .mat-mdc-form-field-icon-prefix .mat-mdc-icon-button.mat-mdc-icon-button,
.mat-form-field-appearance-legacy .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-icon-button {
  font: inherit;
  vertical-align: baseline;
}
.mat-form-field-appearance-legacy .mat-mdc-form-field-icon-prefix .mat-mdc-icon-button.mat-mdc-icon-button .mat-icon,
.mat-form-field-appearance-legacy .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-icon-button .mat-icon {
  font-size: inherit;
}

.mat-mdc-form-field:not(.mat-form-field-appearance-legacy) .mat-mdc-form-field-icon-prefix .mat-mdc-icon-button.mat-mdc-icon-button,
.mat-mdc-form-field:not(.mat-form-field-appearance-legacy) .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-icon-button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: inherit;
  width: 2.5em;
  height: 2.5em;
}
.mat-mdc-form-field:not(.mat-form-field-appearance-legacy) .mat-mdc-form-field-icon-prefix .mat-mdc-icon-button.mat-mdc-icon-button .mat-icon,
.mat-mdc-form-field:not(.mat-form-field-appearance-legacy) .mat-mdc-form-field-icon-prefix .mat-mdc-icon-button.mat-mdc-icon-button .mat-datepicker-toggle-default-icon,
.mat-mdc-form-field:not(.mat-form-field-appearance-legacy) .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-icon-button .mat-icon,
.mat-mdc-form-field:not(.mat-form-field-appearance-legacy) .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-icon-button .mat-datepicker-toggle-default-icon {
  margin: auto;
}

.mat-mdc-button.mat-mdc-button,
.mat-mdc-unelevated-button.mat-mdc-unelevated-button,
.mat-mdc-raised-button.mat-mdc-raised-button,
.mat-mdc-outlined-button.mat-mdc-outlined-button {
  display: inline-block;
  min-width: 64px;
  height: auto;
  padding: 0 16px;
  line-height: 36px;
  letter-spacing: normal;
  white-space: nowrap;
  text-align: center;
  vertical-align: baseline;
  justify-content: normal;
}
.mat-mdc-button.mat-mdc-button > .mat-icon,
.mat-mdc-button.mat-mdc-button .mdc-button__label + .mat-icon,
.mat-mdc-unelevated-button.mat-mdc-unelevated-button > .mat-icon,
.mat-mdc-unelevated-button.mat-mdc-unelevated-button .mdc-button__label + .mat-icon,
.mat-mdc-raised-button.mat-mdc-raised-button > .mat-icon,
.mat-mdc-raised-button.mat-mdc-raised-button .mdc-button__label + .mat-icon,
.mat-mdc-outlined-button.mat-mdc-outlined-button > .mat-icon,
.mat-mdc-outlined-button.mat-mdc-outlined-button .mdc-button__label + .mat-icon {
  font-size: 24px;
  width: 24px;
  height: 24px;
  margin: 0;
  vertical-align: middle;
}

.mat-mdc-outlined-button.mat-mdc-outlined-button {
  padding: 0 15px;
  line-height: 34px;
}

.mat-datepicker-content .mat-calendar-period-button.mat-mdc-button {
  display: inline-flex;
  min-width: 0;
  height: 36px;
  padding: 0 8px;
  line-height: inherit;
  justify-content: center;
  vertical-align: middle;
}
.mat-datepicker-content .mat-calendar-period-button.mat-mdc-button .mdc-button__label > * {
  vertical-align: baseline;
}

.mat-mdc-button.mat-unthemed {
  --mat-button-text-label-text-color: initial;
}

.mat-mdc-outlined-button.mat-unthemed {
  --mat-button-outlined-label-text-color: initial;
}

.mat-mdc-raised-button.mat-unthemed,
.mat-mdc-unelevated-button.mat-unthemed {
  --mat-button-protected-label-text-color: rgba(var(--palette-foreground-text), var(--palette-foreground-text-alpha));
  --mat-button-filled-label-text-color: rgba(var(--palette-foreground-text), var(--palette-foreground-text-alpha));
}

.mat-mdc-raised-button.mat-primary,
.mat-mdc-unelevated-button.mat-primary {
  --mat-button-protected-label-text-color: rgba(var(--palette-primary-contrast-500));
  --mat-button-filled-label-text-color: rgba(var(--palette-primary-contrast-500));
}

html body .mat-mdc-fab.mat-primary,
html body .mat-mdc-mini-fab.mat-primary {
  --mat-fab-foreground-color: rgba(var(--palette-primary-contrast-500));
  --mat-fab-small-foreground-color: rgba(var(--palette-primary-contrast-500));
}

.mat-mdc-raised-button.mat-accent,
.mat-mdc-unelevated-button.mat-accent {
  --mat-button-protected-label-text-color: rgba(var(--palette-accent-contrast-500));
  --mat-button-filled-label-text-color: rgba(var(--palette-accent-contrast-500));
}

html body .mat-mdc-fab.mat-accent,
html body .mat-mdc-mini-fab.mat-accent {
  --mat-fab-foreground-color: rgba(var(--palette-accent-contrast-500));
  --mat-fab-small-foreground-color: rgba(var(--palette-accent-contrast-500));
}

.mat-mdc-raised-button.mat-warn,
.mat-mdc-unelevated-button.mat-warn {
  --mat-button-protected-label-text-color: rgba(var(--palette-warn-contrast-500));
  --mat-button-filled-label-text-color: rgba(var(--palette-warn-contrast-500));
}

html body .mat-mdc-fab.mat-warn,
html body .mat-mdc-mini-fab.mat-warn {
  --mat-fab-foreground-color: rgba(var(--palette-warn-contrast-500));
  --mat-fab-small-foreground-color: rgba(var(--palette-warn-contrast-500));
}

.mat-mdc-button[disabled][disabled],
.mat-mdc-button.mat-mdc-button-disabled.mat-mdc-button-disabled {
  --mat-button-text-disabled-label-text-color: rgba(var(--palette-foreground-disabled-button), var(--palette-foreground-disabled-button-alpha));
  --mat-button-text-label-text-color: rgba(var(--palette-foreground-disabled-button), var(--palette-foreground-disabled-button-alpha));
}

.mat-mdc-unelevated-button[disabled][disabled],
.mat-mdc-unelevated-button.mat-mdc-button-disabled.mat-mdc-button-disabled {
  --mat-button-filled-disabled-container-color: rgba(var(--palette-background-disabled-button), var(--palette-background-disabled-button-alpha));
  --mat-button-filled-disabled-label-text-color: rgba(var(--palette-foreground-disabled-button), var(--palette-foreground-disabled-button-alpha));
  --mat-button-filled-container-color: rgba(var(--palette-background-disabled-button), var(--palette-background-disabled-button-alpha));
  --mat-button-filled-label-text-color: rgba(var(--palette-foreground-disabled-button), var(--palette-foreground-disabled-button-alpha));
}

.mat-mdc-raised-button[disabled][disabled],
.mat-mdc-raised-button.mat-mdc-button-disabled.mat-mdc-button-disabled {
  --mat-button-protected-disabled-container-color: rgba(var(--palette-background-disabled-button), var(--palette-background-disabled-button-alpha));
  --mat-button-protected-disabled-label-text-color: rgba(var(--palette-foreground-disabled-button), var(--palette-foreground-disabled-button-alpha));
  --mat-button-protected-container-color: rgba(var(--palette-background-disabled-button), var(--palette-background-disabled-button-alpha));
  --mat-button-protected-label-text-color: rgba(var(--palette-foreground-disabled-button), var(--palette-foreground-disabled-button-alpha));
}

.mat-mdc-outlined-button[disabled][disabled],
.mat-mdc-outlined-button.mat-mdc-button-disabled.mat-mdc-button-disabled {
  --mat-button-outlined-label-text-color: rgba(var(--palette-foreground-disabled-button), var(--palette-foreground-disabled-button-alpha));
  --mat-button-outlined-disabled-label-text-color: rgba(var(--palette-foreground-disabled-button), var(--palette-foreground-disabled-button-alpha));
  --mat-button-outlined-outline-color: rgba(var(--palette-foreground-disabled-button), var(--palette-foreground-disabled-button-alpha));
  --mat-button-outlined-disabled-outline-color: rgba(var(--palette-foreground-disabled-button), var(--palette-foreground-disabled-button-alpha));
}

.mat-mdc-icon-button[disabled][disabled],
.mat-mdc-icon-button.mat-mdc-button-disabled.mat-mdc-button-disabled {
  --mat-icon-button-icon-color: rgba(var(--palette-foreground-disabled-button), var(--palette-foreground-disabled-button-alpha));
  --mat-icon-button-disabled-icon-color: rgba(var(--palette-foreground-disabled-button), var(--palette-foreground-disabled-button-alpha));
}

.mat-mdc-fab[disabled][disabled],
.mat-mdc-fab.mat-mdc-button-disabled.mat-mdc-button-disabled,
.mat-mdc-mini-fab[disabled][disabled],
.mat-mdc-mini-fab.mat-mdc-button-disabled.mat-mdc-button-disabled {
  --mat-fab-disabled-state-container-color: rgba(var(--palette-background-disabled-button), var(--palette-background-disabled-button-alpha));
  --mat-fab-disabled-state-foreground-color: rgba(var(--palette-foreground-disabled-button), var(--palette-foreground-disabled-button-alpha));
  --mat-fab-small-disabled-state-container-color: rgba(var(--palette-background-disabled-button), var(--palette-background-disabled-button-alpha));
  --mat-fab-small-disabled-state-foreground-color: rgba(var(--palette-foreground-disabled-button), var(--palette-foreground-disabled-button-alpha));
}

.mat-datepicker-content .mat-mdc-button[disabled][disabled],
.mat-datepicker-content .mat-mdc-button.mat-mdc-button-disabled.mat-mdc-button-disabled {
  --mat-button-text-disabled-label-text-color: rgba(var(--palette-foreground-disabled-button), var(--palette-foreground-disabled-button-alpha));
  --mat-button-text-label-text-color: rgba(var(--palette-foreground-disabled-button), var(--palette-foreground-disabled-button-alpha));
}
.mat-datepicker-content .mat-mdc-unelevated-button[disabled][disabled],
.mat-datepicker-content .mat-mdc-unelevated-button.mat-mdc-button-disabled.mat-mdc-button-disabled {
  --mat-button-filled-disabled-container-color: rgba(var(--palette-background-disabled-button), var(--palette-background-disabled-button-alpha));
  --mat-button-filled-disabled-label-text-color: rgba(var(--palette-foreground-disabled-button), var(--palette-foreground-disabled-button-alpha));
  --mat-button-filled-container-color: rgba(var(--palette-background-disabled-button), var(--palette-background-disabled-button-alpha));
  --mat-button-filled-label-text-color: rgba(var(--palette-foreground-disabled-button), var(--palette-foreground-disabled-button-alpha));
}
.mat-datepicker-content .mat-mdc-raised-button[disabled][disabled],
.mat-datepicker-content .mat-mdc-raised-button.mat-mdc-button-disabled.mat-mdc-button-disabled {
  --mat-button-protected-disabled-container-color: rgba(var(--palette-background-disabled-button), var(--palette-background-disabled-button-alpha));
  --mat-button-protected-disabled-label-text-color: rgba(var(--palette-foreground-disabled-button), var(--palette-foreground-disabled-button-alpha));
  --mat-button-protected-container-color: rgba(var(--palette-background-disabled-button), var(--palette-background-disabled-button-alpha));
  --mat-button-protected-label-text-color: rgba(var(--palette-foreground-disabled-button), var(--palette-foreground-disabled-button-alpha));
}
.mat-datepicker-content .mat-mdc-outlined-button[disabled][disabled],
.mat-datepicker-content .mat-mdc-outlined-button.mat-mdc-button-disabled.mat-mdc-button-disabled {
  --mat-button-outlined-label-text-color: rgba(var(--palette-foreground-disabled-button), var(--palette-foreground-disabled-button-alpha));
  --mat-button-outlined-disabled-label-text-color: rgba(var(--palette-foreground-disabled-button), var(--palette-foreground-disabled-button-alpha));
  --mat-button-outlined-outline-color: rgba(var(--palette-foreground-disabled-button), var(--palette-foreground-disabled-button-alpha));
  --mat-button-outlined-disabled-outline-color: rgba(var(--palette-foreground-disabled-button), var(--palette-foreground-disabled-button-alpha));
}
.mat-datepicker-content .mat-mdc-icon-button[disabled][disabled],
.mat-datepicker-content .mat-mdc-icon-button.mat-mdc-button-disabled.mat-mdc-button-disabled {
  --mat-icon-button-icon-color: rgba(var(--palette-foreground-disabled-button), var(--palette-foreground-disabled-button-alpha));
  --mat-icon-button-disabled-icon-color: rgba(var(--palette-foreground-disabled-button), var(--palette-foreground-disabled-button-alpha));
}
.mat-datepicker-content .mat-mdc-fab[disabled][disabled],
.mat-datepicker-content .mat-mdc-fab.mat-mdc-button-disabled.mat-mdc-button-disabled,
.mat-datepicker-content .mat-mdc-mini-fab[disabled][disabled],
.mat-datepicker-content .mat-mdc-mini-fab.mat-mdc-button-disabled.mat-mdc-button-disabled {
  --mat-fab-disabled-state-container-color: rgba(var(--palette-background-disabled-button), var(--palette-background-disabled-button-alpha));
  --mat-fab-disabled-state-foreground-color: rgba(var(--palette-foreground-disabled-button), var(--palette-foreground-disabled-button-alpha));
  --mat-fab-small-disabled-state-container-color: rgba(var(--palette-background-disabled-button), var(--palette-background-disabled-button-alpha));
  --mat-fab-small-disabled-state-foreground-color: rgba(var(--palette-foreground-disabled-button), var(--palette-foreground-disabled-button-alpha));
}

.mat-mdc-button-base .mat-mdc-focus-indicator,
.mat-mdc-button-base .mat-focus-indicator {
  pointer-events: none;
}

.mat-mdc-button[disabled][disabled],
.mat-mdc-button.mat-mdc-button-disabled.mat-mdc-button-disabled,
.mat-mdc-unelevated-button[disabled][disabled],
.mat-mdc-unelevated-button.mat-mdc-button-disabled.mat-mdc-button-disabled,
.mat-mdc-raised-button[disabled][disabled],
.mat-mdc-raised-button.mat-mdc-button-disabled.mat-mdc-button-disabled,
.mat-mdc-outlined-button[disabled][disabled],
.mat-mdc-outlined-button.mat-mdc-button-disabled.mat-mdc-button-disabled,
.mat-mdc-icon-button[disabled][disabled],
.mat-mdc-icon-button.mat-mdc-button-disabled.mat-mdc-button-disabled,
.mat-mdc-fab[disabled][disabled],
.mat-mdc-fab.mat-mdc-button-disabled.mat-mdc-button-disabled,
.mat-mdc-mini-fab[disabled][disabled],
.mat-mdc-mini-fab.mat-mdc-button-disabled.mat-mdc-button-disabled {
  pointer-events: auto;
}

.mat-mdc-icon-button.mat-mdc-icon-button {
  --mat-icon-button-state-layer-size: 40px;
  padding: 0;
  min-width: 0;
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  font-size: 14px;
  line-height: 40px;
  white-space: nowrap;
  border-radius: 50%;
}
.mat-mdc-icon-button.mat-mdc-icon-button .mat-icon {
  line-height: 24px;
}
.mat-mdc-icon-button.mat-mdc-icon-button > .mat-icon,
.mat-mdc-icon-button.mat-mdc-icon-button > svg,
.mat-mdc-icon-button.mat-mdc-icon-button > i {
  vertical-align: middle;
}

.mat-mdc-button.mat-primary,
.mat-mdc-outlined-button.mat-primary,
html body .mat-mdc-icon-button.mat-primary {
  --mat-button-text-state-layer-color: rgb(var(--palette-primary-500));
  --mat-button-outlined-state-layer-color: rgb(var(--palette-primary-500));
  --mat-icon-button-state-layer-color: rgb(var(--palette-primary-500));
}

.mat-mdc-raised-button.mat-primary .mat-ripple-element,
.mat-mdc-unelevated-button.mat-primary .mat-ripple-element,
.mat-mdc-fab.mat-primary .mat-ripple-element,
.mat-mdc-mini-fab.mat-primary .mat-ripple-element {
  background-color: rgba(var(--palette-primary-contrast-500));
  opacity: 0.1;
}

.mat-mdc-button.mat-accent,
.mat-mdc-outlined-button.mat-accent,
html body .mat-mdc-icon-button.mat-accent {
  --mat-button-text-state-layer-color: rgb(var(--palette-accent-500));
  --mat-button-outlined-state-layer-color: rgb(var(--palette-accent-500));
  --mat-icon-button-state-layer-color: rgb(var(--palette-accent-500));
}

.mat-mdc-raised-button.mat-accent .mat-ripple-element,
.mat-mdc-unelevated-button.mat-accent .mat-ripple-element,
.mat-mdc-fab.mat-accent .mat-ripple-element,
.mat-mdc-mini-fab.mat-accent .mat-ripple-element {
  background-color: rgba(var(--palette-accent-contrast-500));
  opacity: 0.1;
}

.mat-mdc-button.mat-warn,
.mat-mdc-outlined-button.mat-warn,
html body .mat-mdc-icon-button.mat-warn {
  --mat-button-text-state-layer-color: rgb(var(--palette-warn-500));
  --mat-button-outlined-state-layer-color: rgb(var(--palette-warn-500));
  --mat-icon-button-state-layer-color: rgb(var(--palette-warn-500));
}

.mat-mdc-raised-button.mat-warn .mat-ripple-element,
.mat-mdc-unelevated-button.mat-warn .mat-ripple-element,
.mat-mdc-fab.mat-warn .mat-ripple-element,
.mat-mdc-mini-fab.mat-warn .mat-ripple-element {
  background-color: rgba(var(--palette-warn-contrast-500));
  opacity: 0.1;
}

.mat-mdc-raised-button:hover .mat-mdc-button-persistent-ripple::before,
.mat-mdc-unelevated-button:hover .mat-mdc-button-persistent-ripple::before,
.mat-mdc-icon-button:hover .mat-mdc-button-persistent-ripple::before,
.mat-mdc-fab:hover .mat-mdc-button-persistent-ripple::before,
.mat-mdc-mini-fab:hover .mat-mdc-button-persistent-ripple::before,
.mat-mdc-button-base:active .mat-mdc-button-persistent-ripple::before {
  opacity: 0;
}

.mat-mdc-button-base.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before,
.mat-mdc-button-base.cdk-program-focused .mat-mdc-button-persistent-ripple::before {
  opacity: 0.12;
}

.mat-mdc-button:hover:not(:disabled) .mat-mdc-button-persistent-ripple::before,
.mat-mdc-outlined-button:hover:not(:disabled) .mat-mdc-button-persistent-ripple::before {
  opacity: 0.04;
}

@media (hover: none) {
  .mat-mdc-button:hover:not(:disabled) .mat-mdc-button-persistent-ripple::before,
  .mat-mdc-outlined-button:hover:not(:disabled) .mat-mdc-button-persistent-ripple::before {
    opacity: 0;
  }
}
.mdc-button__label > * {
  vertical-align: middle;
}

.mat-mdc-button-base.mat-mdc-button-base .mdc-button__label {
  position: static;
  z-index: auto;
}

.mat-mdc-fab.mat-mdc-fab,
.mat-mdc-mini-fab.mat-mdc-mini-fab {
  display: inline-block;
  min-width: 0;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: normal;
  line-height: 24px;
  white-space: nowrap;
  text-align: center;
  vertical-align: baseline;
}
.mat-mdc-fab.mat-mdc-fab > .mat-icon,
.mat-mdc-mini-fab.mat-mdc-mini-fab > .mat-icon {
  vertical-align: middle;
}
.mat-mdc-fab.mat-mdc-fab .mdc-button__label:empty,
.mat-mdc-mini-fab.mat-mdc-mini-fab .mdc-button__label:empty {
  display: none;
}

.mat-mdc-fab.mat-mdc-fab {
  padding: 16px 0;
}

.mat-mdc-mini-fab.mat-mdc-mini-fab {
  padding: 8px 0;
}

.mat-mdc-raised-button.mat-mdc-raised-button,
.mat-mdc-fab.mat-mdc-fab,
.mat-mdc-mini-fab.mat-mdc-mini-fab {
  transform: translate3d(0, 0, 0);
}

.mat-mdc-fab.mat-mdc-fab .mat-icon,
.mat-mdc-fab.mat-mdc-fab .material-icons,
.mat-mdc-mini-fab.mat-mdc-mini-fab .mat-icon,
.mat-mdc-mini-fab.mat-mdc-mini-fab .material-icons {
  will-change: auto;
}

.mat-mdc-card {
  --mat-card-title-text-font: Roboto;
  --mat-card-title-text-size: 32px;
  --mat-card-title-text-weight: 500;
  --mat-card-title-text-tracking: normal;
  --mat-card-title-text-line-height: normal;
  --mat-card-subtitle-text-font: Roboto;
  --mat-card-subtitle-text-size: 16px;
  --mat-card-subtitle-text-weight: 400;
  --mat-card-subtitle-text-line-height: normal;
  --mat-card-subtitle-text-tracking: normal;
}

.mat-mdc-card,
.isDarkTheme .mat-mdc-card {
  --mat-card-elevated-container-color: rgb(var(--palette-background-card));
  --mat-card-subtitle-text-color: rgba(var(--palette-foreground-secondary-text), var(--palette-foreground-secondary-text-alpha));
}

.mat-mdc-card {
  font-family: Roboto;
  color: rgba(var(--palette-foreground-text), var(--palette-foreground-text-alpha));
}

.mat-mdc-card-header .mat-mdc-card-title {
  font-size: 20px;
}

.mat-mdc-card-content {
  font-size: 16px;
}

.mat-mdc-card.mat-mdc-card {
  display: block;
  position: relative;
  padding: 16px;
  border-radius: 4px;
}

.mat-mdc-card.mat-mdc-card::after {
  display: none;
}

.cdk-high-contrast-active .mat-mdc-card.mat-mdc-card {
  outline: solid 1px;
}

.mat-mdc-card.mat-mdc-card > .mat-divider-horizontal {
  position: absolute;
  left: 0;
  width: 100%;
}

.mat-mdc-card.mat-mdc-card > .mat-divider-horizontal.mat-divider-inset {
  position: static;
  margin: 0;
}

.mat-mdc-card-actions.mat-mdc-card-actions,
.mat-mdc-card-subtitle.mat-mdc-card-subtitle,
.mat-mdc-card-content.mat-mdc-card-content {
  display: block;
  margin-bottom: 16px;
  padding: 0;
}

.mat-mdc-card-header.mat-mdc-card-header {
  display: flex;
  flex-direction: row;
  padding: 0;
}

.mat-mdc-card-title.mat-mdc-card-title {
  display: block;
  margin: 0 0 8px;
}

.mat-mdc-card-actions.mat-mdc-card-actions {
  min-height: 0;
  margin-left: -8px;
  margin-right: -8px;
  padding: 8px 0;
}

.mat-mdc-card-actions-align-end.mat-mdc-card-actions-align-end {
  display: flex;
  justify-content: flex-end;
}

.mat-mdc-card-image.mat-mdc-card-image {
  width: calc(100% + 32px);
  margin: 0 -16px 16px -16px;
  display: block;
  overflow: hidden;
}

.mat-mdc-card-image.mat-mdc-card-image img {
  width: 100%;
}

.mat-mdc-card-footer.mat-mdc-card-footer {
  display: block;
  margin: 0 -16px -16px -16px;
}

.mat-mdc-card-actions.mat-mdc-card-actions .mat-mdc-button,
.mat-mdc-card-actions.mat-mdc-card-actions .mat-mdc-raised-button,
.mat-mdc-card-actions.mat-mdc-card-actions .mat-mdc-outlined-button {
  margin: 0 8px;
}

.mat-mdc-card-header.mat-mdc-card-header .mat-mdc-card-title {
  margin-bottom: 12px;
}

.mat-mdc-card-header-text.mat-mdc-card-header-text {
  margin: 0 16px;
}

.mat-mdc-card-avatar.mat-mdc-card-avatar {
  height: 40px;
  width: 40px;
  border-radius: 50%;
  flex-shrink: 0;
  object-fit: cover;
}

.mat-mdc-card-title-group.mat-mdc-card-title-group {
  display: flex;
  justify-content: space-between;
}

.mat-mdc-card.mat-mdc-card > :first-child,
.mat-mdc-card-content.mat-mdc-card-content > :first-child {
  margin-top: 0;
}

.mat-mdc-card.mat-mdc-card > :last-child:not(.mat-mdc-card-footer),
.mat-mdc-card-content.mat-mdc-card-content > :last-child:not(.mat-mdc-card-footer) {
  margin-bottom: 0;
}

.mat-mdc-card-image.mat-mdc-card-image:first-child {
  margin-top: -16px;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}

.mat-mdc-card.mat-mdc-card > .mat-mdc-card-actions:last-child {
  margin-bottom: -8px;
  padding-bottom: 0;
}

.mat-mdc-card-actions.mat-mdc-card-actions:not(.mat-mdc-card-actions-align-end) .mat-mdc-button:first-child,
.mat-mdc-card-actions.mat-mdc-card-actions:not(.mat-mdc-card-actions-align-end) .mat-mdc-raised-button:first-child,
.mat-mdc-card-actions.mat-mdc-card-actions:not(.mat-mdc-card-actions-align-end) .mat-mdc-outlined-button:first-child,
.mat-mdc-card-actions-align-end.mat-mdc-card-actions-align-end .mat-mdc-button:last-child,
.mat-mdc-card-actions-align-end.mat-mdc-card-actions-align-end .mat-mdc-raised-button:last-child,
.mat-mdc-card-actions-align-end.mat-mdc-card-actions-align-end .mat-mdc-outlined-button:last-child {
  margin-left: 0;
  margin-right: 0;
}

.mat-mdc-card-title.mat-mdc-card-title:not(:first-child),
.mat-mdc-card-subtitle.mat-mdc-card-subtitle:not(:first-child) {
  margin-top: -4px;
}

.mat-mdc-card-header.mat-mdc-card-header .mat-mdc-card-subtitle:not(:first-child) {
  margin-top: -8px;
}

.mat-mdc-card.mat-elevation-z0 {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}

.mat-mdc-card.mat-elevation-z1 {
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.mat-mdc-card.mat-elevation-z2 {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}

.mat-mdc-card.mat-elevation-z3 {
  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}

.mat-mdc-card.mat-elevation-z4 {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}

.mat-mdc-card.mat-elevation-z5 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);
}

.mat-mdc-card.mat-elevation-z6 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}

.mat-mdc-card.mat-elevation-z7 {
  box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
}

.mat-mdc-card.mat-elevation-z8 {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.mat-mdc-card.mat-elevation-z9 {
  box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);
}

.mat-mdc-card.mat-elevation-z10 {
  box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);
}

.mat-mdc-card.mat-elevation-z11 {
  box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);
}

.mat-mdc-card.mat-elevation-z12 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}

.mat-mdc-card.mat-elevation-z13 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);
}

.mat-mdc-card.mat-elevation-z14 {
  box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);
}

.mat-mdc-card.mat-elevation-z15 {
  box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);
}

.mat-mdc-card.mat-elevation-z16 {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
}

.mat-mdc-card.mat-elevation-z17 {
  box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);
}

.mat-mdc-card.mat-elevation-z18 {
  box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);
}

.mat-mdc-card.mat-elevation-z19 {
  box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);
}

.mat-mdc-card.mat-elevation-z20 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);
}

.mat-mdc-card.mat-elevation-z21 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);
}

.mat-mdc-card.mat-elevation-z22 {
  box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);
}

.mat-mdc-card.mat-elevation-z23 {
  box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);
}

.mat-mdc-card.mat-elevation-z24 {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}

.mat-mdc-dialog-container {
  display: block;
  padding: 24px;
  border-radius: 4px;
  box-sizing: border-box;
  overflow: auto;
  outline: 0;
  width: 100%;
  height: 100%;
  min-height: inherit;
  max-height: inherit;
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}

.cdk-high-contrast-active .mat-mdc-dialog-container {
  outline: solid 1px;
}

.mat-mdc-dialog-container.mdc-dialog .mdc-dialog__container,
.mat-mdc-dialog-container.mdc-dialog .mdc-dialog__surface {
  display: contents;
}

@keyframes legacy-dialog-entrada {
  from {
    opacity: 0;
    transform: scale(0.7);
  }
}
.mat-mdc-dialog-container:not(._mat-animation-noopable) {
  animation: legacy-dialog-entrada 150ms cubic-bezier(0, 0, 0.2, 1);
}

.mat-mdc-dialog-container.mdc-dialog--closing {
  opacity: 0;
}

.mat-mdc-dialog-container.mdc-dialog--closing:not(._mat-animation-noopable) {
  transition: opacity 75ms cubic-bezier(0.4, 0, 1, 1);
}

html body .mat-mdc-dialog-container {
  --mat-dialog-headline-padding: 0;
  --mat-dialog-content-padding: 0 24px;
  --mat-dialog-with-actions-content-padding: 0 24px;
  --mat-dialog-actions-padding: 8px 0;
}

.mat-mdc-dialog-title {
  margin: 0 0 20px;
  display: block;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
  font-family: Roboto;
  letter-spacing: normal;
}

.mat-mdc-dialog-content {
  display: block;
  margin: 0 -24px;
  padding: 0 24px;
  max-height: 65vh;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.mat-mdc-dialog-actions {
  padding: 8px 0;
  display: flex;
  flex-wrap: wrap;
  min-height: 52px;
  align-items: center;
  box-sizing: content-box;
  margin-bottom: -24px;
}

.mat-mdc-dialog-actions.mat-mdc-dialog-actions-align-center,
.mat-mdc-dialog-actions[align=center] {
  justify-content: center;
}

.mat-mdc-dialog-actions.mat-mdc-dialog-actions-align-end,
.mat-mdc-dialog-actions[align=end] {
  justify-content: flex-end;
}

.mat-mdc-tab.mdc-tab,
.mat-mdc-tab-link.mdc-tab {
  --mat-tab-inactive-label-text-color: currentColor;
  --mat-tab-active-label-text-color: currentColor;
  --mat-tab-inactive-focus-label-text-color: currentColor;
  --mat-tab-inactive-hover-label-text-color: currentColor;
  --mat-tab-active-focus-label-text-color: currentColor;
  --mat-tab-active-hover-label-text-color: currentColor;
  --mat-tab-label-text-font: Roboto;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-weight: 500;
  --mat-tab-label-text-tracking: normal;
  --mat-tab-label-text-line-height: normal;
  --mat-tab-active-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-tab-inactive-ripple-color: rgba(0, 0, 0, 0.1);
  min-width: 160px;
  opacity: 0.6;
  display: inline-flex;
  align-items: center;
  flex: 0 1 auto;
  position: relative;
  z-index: auto;
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
  transform: translateZ(0);
}

.mat-mdc-tab.mdc-tab:focus:not(.mat-mdc-tab-disabled),
.mat-mdc-tab-link.mdc-tab:focus:not(.mat-mdc-tab-disabled) {
  opacity: 1;
}

@media (max-width: 959px) {
  .mat-mdc-tab.mdc-tab,
  .mat-mdc-tab-link.mdc-tab {
    padding: 0 12px;
  }
}
@media (max-width: 599px) {
  .mat-mdc-tab.mdc-tab,
  .mat-mdc-tab-link.mdc-tab {
    min-width: 72px;
  }
}
.mat-mdc-tab.mdc-tab.mat-mdc-tab-disabled,
.mat-mdc-tab-link.mdc-tab.mat-mdc-tab-disabled {
  opacity: 0.6;
  pointer-events: auto;
  cursor: default;
}

.mat-mdc-tab.mdc-tab.mat-mdc-tab-disabled .mdc-tab__content,
.mat-mdc-tab-link.mdc-tab.mat-mdc-tab-disabled .mdc-tab__content {
  pointer-events: auto;
}

.mat-mdc-tab .mdc-tab__text-label,
.mat-mdc-tab-link .mdc-tab__text-label {
  line-height: inherit;
  transition: none;
}

.mat-mdc-tab.mdc-tab .mdc-tab__ripple::before,
.mat-mdc-tab-link.mdc-tab .mdc-tab__ripple::before {
  display: none;
}

.mat-mdc-tab.mdc-tab .mat-ripple-element,
.mat-mdc-tab-link.mdc-tab .mat-ripple-element,
.mat-mdc-tab-header-pagination.mat-mdc-tab-header-pagination .mat-ripple-element {
  opacity: 1;
}

.mat-mdc-tab-header,
.mat-mdc-tab-nav-bar {
  --mat-tab-pagination-icon-color: rgba(var(--palette-foreground-text), var(--palette-foreground-text-alpha));
}

.mat-mdc-tab-header-pagination-disabled.mat-mdc-tab-header-pagination-disabled .mat-mdc-tab-header-pagination-chevron {
  opacity: 1;
}

.mat-mdc-tab-list::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 1px;
  height: 2px;
}

.mat-mdc-chip {
  font-size: 14px;
  font-weight: 500;
}

.mat-mdc-standard-chip {
  padding: 7px 12px;
}

.mat-mdc-standard-chip.mdc-evolution-chip {
  --mat-chip-elevated-container-color: rgb(var(--palette-background-unselected-chip));
  --mat-chip-elevated-disabled-container-color: rgb(var(--palette-background-unselected-chip));
  --mat-chip-label-text-color: currentColor;
  --mat-chip-disabled-label-text-color: currentColor;
  --mat-chip-with-trailing-icon-trailing-icon-color: currentColor;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: currentColor;
  --mat-chip-focus-state-layer-color: black;
  color: rgba(var(--palette-foreground-text), var(--palette-foreground-text-alpha));
  display: inline-flex;
  align-items: center;
  box-sizing: border-box;
  min-height: 32px;
  height: 1px;
  border-radius: 16px;
  cursor: default;
  max-width: none;
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
}

.mat-mdc-standard-chip.mdc-evolution-chip:not(.mdc-evolution-chip--disabled):active {
  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}

.mat-mdc-standard-chip.mdc-evolution-chip.mat-mdc-chip-selected.mat-primary {
  --mat-chip-elevated-container-color: rgb(var(--palette-primary-500));
  color: rgba(var(--palette-primary-contrast-500));
}

.mat-mdc-standard-chip.mdc-evolution-chip.mat-mdc-chip-selected.mat-accent {
  --mat-chip-elevated-container-color: rgb(var(--palette-accent-500));
  color: rgba(var(--palette-accent-contrast-500));
}

.mat-mdc-standard-chip.mdc-evolution-chip.mat-mdc-chip-selected.mat-warn {
  --mat-chip-elevated-container-color: rgb(var(--palette-warn-500));
  color: rgba(var(--palette-warn-contrast-500));
}

.mat-mdc-standard-chip.mdc-evolution-chip .mdc-evolution-chip__cell,
.mat-mdc-standard-chip.mdc-evolution-chip .mdc-evolution-chip__action {
  height: auto;
}

.mat-mdc-standard-chip.mdc-evolution-chip button.mdc-evolution-chip__action--primary {
  font: inherit !important;
  letter-spacing: inherit !important;
  text-transform: inherit !important;
  height: auto !important;
  box-shadow: none !important;
}

.mat-mdc-standard-chip.mdc-evolution-chip .mdc-evolution-chip__cell--primary {
  flex-basis: auto;
}

.mat-mdc-standard-chip.mdc-evolution-chip.mdc-evolution-chip .mdc-evolution-chip__action--primary.mdc-evolution-chip__action--primary,
.mat-mdc-standard-chip.mdc-evolution-chip.mdc-evolution-chip .mdc-evolution-chip__action--trailing.mdc-evolution-chip__action--trailing {
  padding: 0;
  cursor: inherit;
}

.mat-mdc-standard-chip.mdc-evolution-chip .mdc-evolution-chip__text-label {
  font: inherit;
  letter-spacing: inherit;
  white-space: inherit;
  text-overflow: clip;
  overflow: visible;
  -webkit-user-select: auto;
          user-select: auto;
  text-align: inherit;
}

.mat-mdc-standard-chip.mdc-evolution-chip .mdc-evolution-chip__graphic {
  display: none;
}

.mat-mdc-standard-chip.mdc-evolution-chip .mat-mdc-chip-remove {
  margin-left: 8px;
  opacity: 0.4;
  cursor: pointer;
}

.mat-mdc-standard-chip.mdc-evolution-chip:not(.mdc-evolution-chip--disabled) .mat-mdc-chip-remove:hover {
  opacity: 0.54;
}

.mat-mdc-standard-chip.mdc-evolution-chip.mdc-evolution-chip--with-trailing-action {
  padding: 7px 8px 7px 12px;
}

.mat-mdc-standard-chip.mdc-evolution-chip:hover .mat-mdc-chip-focus-overlay {
  opacity: 0.12;
}

.mat-mdc-standard-chip.mdc-evolution-chip.cdk-focused .mat-mdc-chip-focus-overlay,
.mat-mdc-standard-chip.mdc-evolution-chip:focus-within .mat-mdc-chip-focus-overlay {
  opacity: 0.16;
}

.mat-mdc-standard-chip.mdc-evolution-chip.mdc-evolution-chip--disabled .mat-mdc-chip-focus-overlay {
  opacity: 0;
}

.mat-mdc-standard-chip.mdc-evolution-chip::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: inherit;
  pointer-events: none;
  transform: translateZ(0);
}

.mat-mdc-standard-chip.mdc-evolution-chip {
  z-index: auto;
}

.mat-mdc-standard-chip.mdc-evolution-chip .mat-mdc-chip-action-label {
  z-index: auto;
}

.mat-mdc-standard-chip.mdc-evolution-chip.mdc-evolution-chip--with-trailing-action .mat-mdc-chip-action-label {
  position: static;
}

.mat-mdc-chip-set.mdc-evolution-chip-set {
  display: inline;
}

.mat-mdc-chip-set.mdc-evolution-chip-set .mdc-evolution-chip-set__chips {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  margin: -4px;
  min-width: 0;
}

.mat-mdc-chip-set.mdc-evolution-chip-set .mdc-evolution-chip {
  margin: 4px;
}

.mat-mdc-chip-set.mdc-evolution-chip-set input.mat-mdc-chip-input {
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
  font: inherit;
  letter-spacing: inherit;
  height: auto;
  width: 150px;
  flex: 1 0 150px;
  margin: 4px;
  padding: 0;
  border: none;
  outline: none;
  background: transparent;
  color: currentColor;
  vertical-align: bottom;
  box-sizing: content-box;
}

.mat-mdc-menu-panel.mat-mdc-menu-panel {
  --mat-menu-container-color: rgb(var(--palette-background-card));
  min-height: 64px;
  max-height: calc(100vh - 48px);
  will-change: auto;
}

.mat-mdc-menu-panel.mat-elevation-z8 {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}

.mat-mdc-menu-panel.mat-elevation-z9 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);
}

.mat-mdc-menu-panel.mat-elevation-z10 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}

.mat-mdc-menu-panel.mat-elevation-z11 {
  box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
}

.mat-mdc-menu-panel.mat-mdc-menu-panel {
  --mat-menu-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.mat-mdc-menu-content.mat-mdc-menu-content {
  font: inherit;
  letter-spacing: inherit;
  white-space: inherit;
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
}

.mat-mdc-menu-item {
  font-family: Roboto;
  font-size: 14px;
  font-weight: 400;
}

.mat-mdc-menu-item.mat-mdc-menu-item {
  --mat-menu-item-label-text-color: rgba(var(--palette-foreground-text), var(--palette-foreground-text-alpha));
  --mat-menu-item-icon-color: rgba(var(--palette-foreground-icon), var(--palette-foreground-icon-alpha));
  display: block;
  line-height: 48px;
  height: 48px;
  min-height: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
}

.mat-mdc-menu-content .mat-mdc-menu-item.mat-mdc-menu-item .mat-mdc-menu-item-text {
  display: contents;
  font: inherit;
  letter-spacing: inherit;
  white-space: inherit;
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
}

.mat-mdc-menu-item.mat-mdc-menu-item[disabled] {
  opacity: 1;
}

.mat-mdc-menu-item .mat-icon {
  vertical-align: middle;
}

.mat-mdc-menu-item .mat-icon svg {
  vertical-align: top;
}

.mat-mdc-list-base.mat-mdc-list-base {
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 72px;
  --mat-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-selected-container-color: rgba(var(--palette-background-hover), var(--palette-background-hover-alpha));
  --mat-list-list-item-hover-state-layer-opacity: 0;
  --mat-list-list-item-focus-state-layer-opacity: 0;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 1;
  --mat-list-list-item-disabled-label-text-color: rgba(var(--palette-foreground-disabled-text), var(--palette-foreground-disabled-text-alpha));
  padding: 8px 0 0;
}

.mat-mdc-list-base .mat-mdc-list-item,
.mat-mdc-list-base .mat-mdc-list-option {
  font-family: Roboto;
  font-size: 16px;
}

.mat-mdc-list-base .mat-mdc-list-item.mdc-list-item,
.mat-mdc-list-base .mat-mdc-list-option.mdc-list-item {
  align-items: center;
  padding: 0 16px;
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
}

.mat-mdc-list-base .mdc-list-item .mdc-list-item__primary-text,
.mat-mdc-list-base .mdc-list-item .mdc-list-item__secondary-text,
.mat-mdc-list-base .mdc-list-item .mat-mdc-list-item-unscoped-content {
  font: inherit;
  letter-spacing: inherit;
  color: inherit;
  white-space: inherit;
  text-overflow: clip;
  overflow: visible;
  -webkit-font-smoothing: inherit;
}

.mat-mdc-list-base .mdc-list-item .mdc-list-item__primary-text::before,
.mat-mdc-list-base .mdc-list-item .mdc-list-item__primary-text::after,
.mat-mdc-list-base .mdc-list-item .mdc-list-item__secondary-text::before {
  display: none;
}

.mat-mdc-list-base .mdc-list-item .mdc-list-item__primary-text,
.mat-mdc-list-base .mdc-list-item .mdc-list-item__secondary-text {
  display: block;
  margin: 0;
  padding: 0;
  line-height: inherit;
}

.mat-mdc-list-base .mdc-list-item .mdc-list-item__content > *,
.mat-mdc-list-base .mat-mdc-list-option .mat-mdc-list-item-unscoped-content > * {
  margin: 0;
  padding: 0;
  font-weight: normal;
  font-size: inherit;
}

.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item.mdc-list-item--selected .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item.mdc-list-item--activated .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item.mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item.mdc-list-item--activated.mdc-list-item--with-leading-icon .mdc-list-item__start {
  color: inherit;
}

.mat-mdc-list-base .mat-mdc-list-item:not(.mat-mdc-list-option).mdc-list-item--with-one-line .mdc-list-item__content,
.mat-mdc-list-base .mdc-list-item .mat-mdc-list-item-unscoped-content {
  display: contents;
  white-space: normal;
}

.mat-mdc-list-base .mat-mdc-list-item.mdc-list-item--with-two-lines .mdc-list-item__content,
.mat-mdc-list-base .mat-mdc-list-item.mdc-list-item--with-three-lines .mdc-list-item__content,
.mat-mdc-list-base .mat-mdc-list-option .mdc-list-item__content {
  display: flex;
  flex-direction: column;
  flex: auto;
  align-self: center;
  box-sizing: border-box;
  overflow: hidden;
  padding: 0;
  white-space: normal;
}

.mat-mdc-list-base .mat-mdc-list-item .mat-divider,
.mat-mdc-list-base .mat-mdc-list-option .mat-divider {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  margin: 0;
}

.mat-mdc-list-base .mat-mdc-list-item .mat-divider.mat-divider-inset,
.mat-mdc-list-base .mat-mdc-list-option .mat-divider.mat-divider-inset {
  position: absolute;
}

.mat-mdc-list-base .mdc-list-item.mdc-list-item--with-leading-avatar {
  padding-left: 16px;
}

.mat-mdc-list-base .mdc-list-item--with-leading-avatar .mdc-list-item__start {
  margin: 0 16px 0 0;
  align-self: center;
}

.mat-mdc-list-base .mdc-list-item.mdc-list-item--with-trailing-meta .mdc-list-item__end {
  margin: 0;
  align-self: center;
  font: inherit;
  color: inherit;
}

.mat-mdc-list-base .mat-mdc-list-option.mdc-list-item.mdc-list-item--with-leading-checkbox,
.mat-mdc-list-base .mat-mdc-list-option.mdc-list-item.mdc-list-item--with-trailing-checkbox {
  padding: 0 16px;
  height: 48px;
}

.mat-mdc-list-option.mdc-list-item--with-leading-checkbox .mdc-list-item__start,
.mat-mdc-list-option.mdc-list-item--with-trailing-checkbox .mdc-list-item__end {
  display: flex;
  align-items: center;
  margin: 0;
  align-self: center;
}

.mat-mdc-list-option.mdc-list-item--with-leading-checkbox .mdc-list-item__content {
  padding-left: 16px;
}

.mat-mdc-list-option.mdc-list-item--with-trailing-checkbox .mdc-list-item__content {
  padding-right: 16px;
}

.mat-mdc-list-option .mdc-checkbox.mdc-checkbox {
  flex: 0 0 16px;
  width: 16px;
  height: 16px;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

.mat-mdc-list-option .mdc-checkbox .mdc-checkbox__native-control.mdc-checkbox__native-control {
  top: 0;
  left: 0;
  right: auto;
  width: 16px;
  height: 16px;
}

.mat-mdc-list-option .mdc-checkbox .mdc-checkbox__background.mdc-checkbox__background {
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  border-width: 2px;
  border-radius: 2px;
  animation: none;
  transition: none;
}

.mat-mdc-list-option .mdc-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background.mdc-checkbox__background {
  border-color: rgba(var(--palette-foreground-secondary-text), var(--palette-foreground-secondary-text-alpha));
}

.mat-mdc-list-option .mdc-checkbox .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background.mdc-checkbox__background {
  border-color: transparent;
}

.mat-mdc-list-option.mat-primary .mdc-checkbox .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background.mdc-checkbox__background {
  background-color: rgb(var(--palette-primary-500));
}

.mat-mdc-list-option.mat-accent .mdc-checkbox .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background.mdc-checkbox__background {
  background-color: rgb(var(--palette-accent-500));
}

.mat-mdc-list-option.mat-warn .mdc-checkbox .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background.mdc-checkbox__background {
  background-color: rgb(var(--palette-warn-500));
}

.mat-mdc-list-option .mdc-checkbox .mdc-checkbox__checkmark,
.mat-mdc-list-option .mdc-checkbox .mdc-checkbox__mixedmark,
.mat-mdc-list-option .mdc-checkbox .mdc-checkbox__ripple {
  display: none;
}

.mat-mdc-list-option .mdc-checkbox .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background::after {
  content: "";
  position: absolute;
  top: 2.4px;
  left: 1px;
  width: 8px;
  height: 3px;
  border-left: 2px solid #fafafa;
  border-bottom: 2px solid #fafafa;
  transform: rotate(-45deg);
  box-sizing: content-box;
}

.mat-mdc-subheader.mat-mdc-subheader {
  display: flex;
  box-sizing: border-box;
  padding: 16px;
  align-items: center;
  margin: 0;
  font-family: Roboto;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: normal;
  color: rgba(var(--palette-foreground-secondary-text), var(--palette-foreground-secondary-text-alpha));
}

.mat-mdc-list-base .mat-mdc-subheader.mat-mdc-subheader {
  height: 48px;
  line-height: 16px;
}

.mat-mdc-list-base .mat-mdc-subheader.mat-mdc-subheader:first-child {
  margin-top: -8px;
}

.mat-mdc-snack-bar-container {
  background: #323232;
  color: rgba(255, 255, 255, 0.7);
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}

.mat-mdc-snack-bar-container.mdc-snackbar {
  display: block;
  position: static;
  margin: 24px;
  min-width: 344px;
  max-width: 33vw;
  width: auto;
  padding: 14px 16px;
  min-height: 48px;
  border-radius: 4px;
  box-sizing: border-box;
  transform-origin: center;
  pointer-events: auto;
  flex: 0 1 auto;
}

.mat-mdc-snack-bar-handset {
  width: 100%;
}

.mat-mdc-snack-bar-handset .mat-mdc-snack-bar-container.mdc-snackbar {
  margin: 8px;
  max-width: 100%;
  min-width: 0;
  width: 100%;
}

.mat-mdc-snack-bar-container.mdc-snackbar .mdc-snackbar__surface,
.mat-mdc-snack-bar-container.mdc-snackbar .mdc-snackbar__surface > .mdc-snackbar__label,
.mat-mdc-snack-bar-container.mdc-snackbar .mdc-snackbar__surface > .mdc-snackbar__label > div {
  display: contents;
  visibility: visible;
}

.mat-mdc-snack-bar-container.mdc-snackbar .mdc-snackbar__surface {
  color: inherit;
}

.mat-mdc-snack-bar-container.mdc-snackbar .mdc-snackbar__surface > .mdc-snackbar__label {
  font: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
}

@keyframes legacy-snack-entrada {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
}
.mat-mdc-snack-bar-container.mdc-snackbar:not(._mat-animation-noopable) {
  animation: legacy-snack-entrada 150ms cubic-bezier(0, 0, 0.2, 1);
}

.mat-mdc-snack-bar-container.mdc-snackbar.mdc-snackbar--closing {
  opacity: 0;
  transition: opacity 75ms cubic-bezier(0.4, 0, 1, 1);
}

.mat-mdc-simple-snack-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  line-height: 20px;
  opacity: 1;
  font-family: Roboto;
  font-size: 16px;
}

.mat-mdc-simple-snack-bar > .mat-mdc-snack-bar-label.mdc-snackbar__label {
  padding: 0;
  width: auto;
  flex: 0 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  visibility: visible;
  font: inherit;
  line-height: inherit;
  color: inherit;
  letter-spacing: normal;
}

.mat-mdc-simple-snack-bar > .mat-mdc-snack-bar-actions.mdc-snackbar__actions {
  flex-shrink: 0;
  margin: -8px -8px -8px 8px;
  visibility: visible;
  color: rgb(var(--palette-accent-500));
  line-height: 1;
  font-weight: 500;
}

.mat-mdc-snack-bar-container .mat-mdc-snack-bar-actions .mat-mdc-button.mat-mdc-snack-bar-action:not(:disabled) {
  color: inherit;
  max-height: 36px;
  min-width: 0;
}

.mat-mdc-tooltip {
  background: rgba(97, 97, 97, 0.9);
  color: #fff;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 10px;
  padding: 6px 8px;
}

.mat-mdc-tooltip.mdc-tooltip {
  display: block;
  border-radius: 4px;
  margin: 14px;
  max-width: 250px;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: normal;
}

.mat-mdc-tooltip-panel-below .mat-mdc-tooltip.mdc-tooltip {
  margin-top: 6px;
}

.mat-mdc-tooltip-panel-above .mat-mdc-tooltip.mdc-tooltip {
  margin-bottom: 6px;
}

.mat-mdc-tooltip-panel-left .mat-mdc-tooltip.mdc-tooltip {
  margin-right: 6px;
}

.mat-mdc-tooltip-panel-right .mat-mdc-tooltip.mdc-tooltip {
  margin-left: 6px;
}

@media (max-width: 599.98px) and (orientation: portrait), (max-width: 959.98px) and (orientation: landscape) {
  .mat-mdc-tooltip {
    font-size: 14px;
    padding: 8px 16px;
  }
  .mat-mdc-tooltip.mdc-tooltip {
    margin: 24px;
  }
  .mat-mdc-tooltip-panel-below .mat-mdc-tooltip.mdc-tooltip {
    margin-top: 16px;
  }
  .mat-mdc-tooltip-panel-above .mat-mdc-tooltip.mdc-tooltip {
    margin-bottom: 16px;
  }
  .mat-mdc-tooltip-panel-left .mat-mdc-tooltip.mdc-tooltip {
    margin-right: 16px;
  }
  .mat-mdc-tooltip-panel-right .mat-mdc-tooltip.mdc-tooltip {
    margin-left: 16px;
  }
}
.mat-mdc-tooltip .mdc-tooltip__surface.mdc-tooltip__surface {
  display: contents;
  font: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
  text-align: inherit;
  word-break: normal;
  overflow-wrap: normal;
}

.mat-mdc-table.mat-mdc-table {
  --mat-table-row-item-container-height: 48px;
  --mat-table-footer-container-height: 48px;
  --mat-table-header-container-height: 56px;
  --mat-table-header-headline-size: 12px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-line-height: normal;
  --mat-table-header-headline-tracking: normal;
  --mat-table-header-headline-color: rgba(var(--palette-foreground-text), var(--palette-foreground-text-alpha));
  --mat-table-row-item-label-text-size: 16px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-line-height: normal;
  --mat-table-row-item-label-text-tracking: normal;
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

.mat-mdc-table .mat-mdc-header-row.mat-mdc-header-row,
.mat-mdc-table .mat-mdc-row.mat-mdc-row,
.mat-mdc-table .mat-mdc-footer-row.mat-mdc-footer-row {
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
  font-size: inherit;
  line-height: inherit;
}

.mat-mdc-table .mat-mdc-row.mat-mdc-row,
.mat-mdc-table .mat-mdc-footer-row.mat-mdc-footer-row,
.mat-mdc-table .mdc-data-table__content.mdc-data-table__content {
  font-weight: inherit;
}

.mat-mdc-table .mdc-data-table__content.mdc-data-table__content {
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
}

.mat-mdc-header-cell {
  font-size: 12px;
  font-weight: 500;
  color: rgba(var(--palette-foreground-secondary-text), var(--palette-foreground-secondary-text-alpha));
}

.mat-mdc-cell,
.mat-mdc-footer-cell {
  font-size: 16px;
  color: rgba(var(--palette-foreground-text), var(--palette-foreground-text-alpha));
}

.mat-mdc-table .mat-mdc-header-cell.mat-mdc-header-cell,
.mat-mdc-table .mat-mdc-cell.mat-mdc-cell,
.mat-mdc-table .mat-mdc-footer-cell.mat-mdc-footer-cell {
  line-height: inherit;
  letter-spacing: normal;
}

.mat-mdc-table .mat-mdc-header-cell:not(.mat-mdc-table-sticky),
.mat-mdc-table .mat-mdc-cell:not(.mat-mdc-table-sticky),
.mat-mdc-table .mat-mdc-footer-cell:not(.mat-mdc-table-sticky) {
  background: transparent;
}

mat-row.mat-mdc-row.mat-mdc-row,
mat-header-row.mat-mdc-header-row.mat-mdc-header-row,
mat-footer-row.mat-mdc-footer-row.mat-mdc-footer-row {
  border-bottom: 1px solid rgba(var(--palette-foreground-divider), var(--palette-foreground-divider-alpha));
}

mat-cell.mat-mdc-cell.mat-mdc-cell,
mat-header-cell.mat-mdc-header-cell.mat-mdc-header-cell,
mat-footer-cell.mat-mdc-footer-cell.mat-mdc-footer-cell {
  border-bottom: none;
  align-self: auto;
}

mat-header-cell.mdc-data-table__header-cell,
mat-cell.mdc-data-table__cell,
mat-footer-cell.mdc-data-table__cell {
  padding: 0;
}

th.mat-mdc-header-cell,
td.mat-mdc-cell,
td.mat-mdc-footer-cell {
  padding: 0;
  overflow: visible;
  text-overflow: clip;
}

th.mat-mdc-header-cell:first-of-type,
td.mat-mdc-cell:first-of-type,
td.mat-mdc-footer-cell:first-of-type {
  padding-left: 24px;
}

th.mat-mdc-header-cell:last-of-type,
td.mat-mdc-cell:last-of-type,
td.mat-mdc-footer-cell:last-of-type {
  padding-right: 24px;
}

.mat-mdc-table .mdc-data-table__row:last-child td.mat-mdc-cell,
td.mat-mdc-footer-cell {
  border-bottom: 1px solid rgba(var(--palette-foreground-divider), var(--palette-foreground-divider-alpha));
}

html body .mat-mdc-form-field.mat-mdc-form-field {
  --mat-form-field-filled-container-color: transparent;
  --mat-form-field-filled-disabled-container-color: transparent;
  --mat-form-field-filled-input-text-color: currentColor;
  --mat-form-field-filled-disabled-input-text-color: rgba(var(--palette-foreground-disabled-text), var(--palette-foreground-disabled-text-alpha));
  --mat-form-field-filled-input-text-placeholder-color: rgba(var(--palette-foreground-secondary-text), var(--palette-foreground-secondary-text-alpha));
  --mat-form-field-filled-caret-color: rgb(var(--palette-primary-500));
  --mat-form-field-filled-error-caret-color: rgb(var(--palette-warn-500));
  --mat-form-field-filled-label-text-color: rgba(var(--palette-foreground-secondary-text), var(--palette-foreground-secondary-text-alpha));
  --mat-form-field-filled-disabled-label-text-color: rgba(var(--palette-foreground-secondary-text), var(--palette-foreground-secondary-text-alpha));
  --mat-form-field-filled-focus-label-text-color: rgb(var(--palette-primary-500));
  --mat-form-field-filled-error-label-text-color: rgb(var(--palette-warn-500));
  --mat-form-field-filled-error-focus-label-text-color: rgb(var(--palette-warn-500));
  --mat-form-field-outlined-input-text-color: currentColor;
  --mat-form-field-outlined-disabled-input-text-color: rgba(var(--palette-foreground-disabled-text), var(--palette-foreground-disabled-text-alpha));
  --mat-form-field-outlined-input-text-placeholder-color: rgba(var(--palette-foreground-secondary-text), var(--palette-foreground-secondary-text-alpha));
  --mat-form-field-outlined-caret-color: rgb(var(--palette-primary-500));
  --mat-form-field-outlined-error-caret-color: rgb(var(--palette-warn-500));
  --mat-form-field-outlined-label-text-color: rgba(var(--palette-foreground-secondary-text), var(--palette-foreground-secondary-text-alpha));
  --mat-form-field-outlined-disabled-label-text-color: rgba(var(--palette-foreground-disabled-text), var(--palette-foreground-disabled-text-alpha));
  --mat-form-field-outlined-focus-label-text-color: rgb(var(--palette-primary-500));
  --mat-form-field-outlined-error-label-text-color: rgb(var(--palette-warn-500));
  --mat-form-field-outlined-error-focus-label-text-color: rgb(var(--palette-warn-500));
  --mat-form-field-outlined-outline-color: currentColor;
  --mat-form-field-outlined-hover-outline-color: currentColor;
  --mat-form-field-outlined-focus-outline-color: currentColor;
  --mat-form-field-outlined-disabled-outline-color: currentColor;
  --mat-form-field-outlined-error-outline-color: currentColor;
  --mat-form-field-outlined-error-hover-outline-color: currentColor;
  --mat-form-field-outlined-error-focus-outline-color: currentColor;
  --mat-select-enabled-trigger-text-color: currentColor;
  --mat-select-disabled-trigger-text-color: currentColor;
  --mat-select-placeholder-text-color: rgba(var(--palette-foreground-secondary-text), var(--palette-foreground-secondary-text-alpha));
  --mat-select-enabled-arrow-color: rgba(var(--palette-foreground-secondary-text), var(--palette-foreground-secondary-text-alpha));
  --mat-select-disabled-arrow-color: rgba(var(--palette-foreground-disabled-text), var(--palette-foreground-disabled-text-alpha));
  --mat-select-focused-arrow-color: rgb(var(--palette-primary-500));
  --mat-select-invalid-arrow-color: rgb(var(--palette-warn-500));
  --mat-form-field-filled-hover-label-text-color: var(--mat-form-field-filled-label-text-color);
  --mat-form-field-filled-error-hover-label-text-color: var(--mat-form-field-filled-error-label-text-color);
  --mat-form-field-outlined-hover-label-text-color: var(--mat-form-field-outlined-label-text-color);
  --mat-form-field-outlined-error-hover-label-text-color: var(--mat-form-field-outlined-error-label-text-color);
  --mat-form-field-leading-icon-color: currentColor;
  --mat-form-field-trailing-icon-color: currentColor;
  --mat-form-field-disabled-leading-icon-color: currentColor;
  --mat-form-field-disabled-trailing-icon-color: currentColor;
  --mat-form-field-error-trailing-icon-color: currentColor;
  --mat-form-field-error-focus-trailing-icon-color: currentColor;
  --mat-form-field-error-hover-trailing-icon-color: currentColor;
}

html body .mat-mdc-form-field.mat-form-field-appearance-fill:not(.mat-form-field-appearance-legacy) {
  --mat-form-field-filled-disabled-label-text-color: rgba(var(--palette-foreground-disabled-text), var(--palette-foreground-disabled-text-alpha));
}

html body .mat-mdc-form-field.mat-mdc-form-field.mat-accent {
  --mat-form-field-filled-focus-label-text-color: rgb(var(--palette-accent-500));
  --mat-form-field-filled-caret-color: rgb(var(--palette-accent-500));
  --mat-form-field-outlined-focus-label-text-color: rgb(var(--palette-accent-500));
  --mat-form-field-outlined-caret-color: rgb(var(--palette-accent-500));
  --mat-select-focused-arrow-color: rgb(var(--palette-accent-500));
}

html body .mat-mdc-form-field.mat-mdc-form-field.mat-warn {
  --mat-form-field-filled-focus-label-text-color: rgb(var(--palette-warn-500));
  --mat-form-field-filled-caret-color: rgb(var(--palette-warn-500));
  --mat-form-field-outlined-focus-label-text-color: rgb(var(--palette-warn-500));
  --mat-form-field-outlined-caret-color: rgb(var(--palette-warn-500));
  --mat-select-focused-arrow-color: rgb(var(--palette-warn-500));
}

body .mat-mdc-form-field {
  display: inline-block;
  min-width: auto;
  position: relative;
  text-align: left;
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
  font-size: inherit;
  font-weight: 400;
  line-height: 1.125;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}

body .mat-mdc-text-field-wrapper {
  display: block;
  position: relative;
  z-index: auto;
  height: auto;
  padding: 0 0 1.34375em;
  border-radius: 0;
  overflow: visible;
  will-change: auto;
}

.mat-form-field-appearance-legacy .mat-mdc-text-field-wrapper {
  padding-bottom: 1.25em;
}

.mat-form-field-appearance-outline .mat-mdc-text-field-wrapper {
  margin: 0.25em 0;
}

.mat-mdc-form-field .mat-mdc-form-field-focus-overlay {
  display: none;
}

.mat-form-field-appearance-fill:not(.mat-form-field-appearance-legacy) .mat-mdc-form-field-flex {
  border-radius: 4px 4px 0 0;
  padding: 0.75em 0.75em 0 0.75em;
  background-color: rgba(0, 0, 0, 0.04);
}

.mat-form-field-appearance-fill.mat-form-field-disabled:not(.mat-form-field-appearance-legacy) .mat-mdc-form-field-flex {
  background-color: rgba(0, 0, 0, 0.02);
}

.mat-form-field-appearance-outline .mat-mdc-form-field-flex {
  padding: 0 0.75em 0 0.75em;
  margin-top: -0.25em;
  position: relative;
}

body .mat-mdc-form-field-icon-prefix,
body .mat-mdc-form-field-icon-suffix,
body .mat-mdc-form-field-text-prefix,
body .mat-mdc-form-field-text-suffix {
  padding: 0;
  align-self: auto;
  line-height: inherit;
  white-space: nowrap;
  flex: none;
  position: relative;
  z-index: auto;
}

.mat-form-field-appearance-outline .mat-mdc-form-field-icon-prefix,
.mat-form-field-appearance-outline .mat-mdc-form-field-icon-suffix,
.mat-form-field-appearance-outline .mat-mdc-form-field-text-prefix,
.mat-form-field-appearance-outline .mat-mdc-form-field-text-suffix {
  top: 0.25em;
}

body .mat-mdc-form-field-icon-prefix .mat-icon,
body .mat-mdc-form-field-icon-suffix .mat-icon {
  padding: 0;
  box-sizing: content-box;
}

.mat-mdc-form-field-icon-prefix .mat-icon,
.mat-mdc-form-field-icon-suffix .mat-icon {
  font-size: 150%;
  line-height: 1.125;
}

.mat-form-field-appearance-legacy .mat-mdc-form-field-icon-prefix .mat-icon,
.mat-form-field-appearance-legacy .mat-mdc-form-field-icon-suffix .mat-icon {
  width: 1em;
}

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

.mat-mdc-form-field .mat-mdc-form-field-icon-prefix .mat-datepicker-toggle .mat-mdc-button-base,
.mat-mdc-form-field .mat-mdc-form-field-icon-suffix .mat-datepicker-toggle .mat-mdc-button-base {
  width: 40px;
  height: 40px;
  padding: 8px 0;
}

.mat-mdc-form-field .mat-datepicker-toggle .mat-mdc-icon-button .mat-icon {
  font-size: 1em;
  display: inline-block;
  margin: -2px 0 1px;
}

.mat-form-field-appearance-legacy .mat-mdc-form-field-icon-prefix .mat-datepicker-toggle .mat-mdc-icon-button,
.mat-form-field-appearance-legacy .mat-mdc-form-field-icon-suffix .mat-datepicker-toggle .mat-mdc-icon-button {
  font-size: inherit;
  width: 1.5em;
  height: 1.5em;
  padding: 0;
}

.mat-form-field-appearance-legacy .mat-mdc-form-field-icon-prefix .mat-datepicker-toggle-default-icon,
.mat-form-field-appearance-legacy .mat-mdc-form-field-icon-suffix .mat-datepicker-toggle-default-icon {
  width: 1em;
}

.mat-form-field-appearance-legacy .mat-mdc-form-field-icon-prefix .mat-datepicker-toggle .mat-mdc-icon-button .mat-icon,
.mat-form-field-appearance-legacy .mat-mdc-form-field-icon-suffix .mat-datepicker-toggle .mat-mdc-icon-button .mat-icon {
  line-height: 1.5em;
  margin: 0;
}

.mat-mdc-form-field .mat-datepicker-toggle .mat-mdc-button-base {
  vertical-align: middle;
}

.mat-mdc-form-field:not(.mat-form-field-appearance-legacy) .mat-datepicker-toggle .mat-mdc-button-base {
  vertical-align: baseline;
}

.mat-mdc-form-field-type-mat-date-range-input .mat-mdc-form-field-infix {
  width: 200px;
}

.mat-mdc-form-field .mat-mdc-form-field-infix {
  box-sizing: content-box;
  min-height: 0;
}

.mat-mdc-form-field-infix {
  border-top: 0.84375em solid transparent;
}

.mat-mdc-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix {
  padding: 0.5em 0;
}

.mat-form-field-appearance-legacy .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix {
  padding: 0.4375em 0;
}

.mat-form-field-appearance-fill:not(.mat-form-field-appearance-legacy) .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix {
  padding: 0.25em 0 0.75em 0;
}

.mat-form-field-appearance-outline .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix {
  padding: 1em 0 1em 0;
}

.mat-mdc-paginator .mat-form-field-appearance-legacy .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix {
  padding: 0.4375em 0;
}

@property --campo-deslocamento-rotulo {
  syntax: "<length>";
  inherits: true;
  initial-value: 0px;
}
.mat-mdc-form-field-infix {
  --campo-deslocamento-rotulo: 0.84375em;
}

.mat-mdc-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mdc-floating-label {
  position: absolute;
  top: 1.34375em;
  left: 0;
  right: auto;
  width: 100%;
  max-width: none;
  margin: calc(-1 * var(--campo-deslocamento-rotulo)) 0 0;
  font: inherit;
  letter-spacing: inherit;
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  pointer-events: none;
  cursor: inherit;
  transform-origin: 0 0;
  transform: none;
  will-change: auto;
}

.mat-mdc-form-field:not(.mat-form-field-no-animations) .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mdc-floating-label {
  transition: transform 400ms cubic-bezier(0.25, 0.8, 0.25, 1), color 400ms cubic-bezier(0.25, 0.8, 0.25, 1), width 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
}

.mat-mdc-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mdc-floating-label.mdc-floating-label--float-above {
  transform: translateY(-1.34375em) scale(0.75);
  width: 133.3333333333%;
  max-width: none;
}

.mat-form-field-appearance-legacy .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mdc-floating-label {
  top: 1.28125em;
  transform: perspective(100px);
}

.mat-form-field-appearance-legacy .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mdc-floating-label.mdc-floating-label--float-above {
  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
}

.mat-form-field-appearance-fill:not(.mat-form-field-appearance-legacy) .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mdc-floating-label {
  top: 1.09375em;
  margin-top: calc(-0.5em - var(--campo-deslocamento-rotulo));
}

.mat-form-field-appearance-fill:not(.mat-form-field-appearance-legacy) .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mdc-floating-label.mdc-floating-label--float-above {
  transform: translateY(-0.59375em) scale(0.75);
}

.mat-mdc-form-field-type-mat-select .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mdc-floating-label {
  width: calc(100% - 18px);
}

.mat-form-field-appearance-outline .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mdc-notched-outline .mdc-floating-label {
  --mat-mdc-form-field-label-transform: none;
  top: 1.59375em;
  left: 0.75em;
  width: auto;
  max-width: calc(100% - 1.5em);
  margin-top: -0.25em;
  display: block;
}

.mat-form-field-appearance-outline .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mdc-notched-outline .mdc-floating-label.mdc-floating-label--float-above {
  --mat-mdc-form-field-label-transform: translateY(-1.59375em) scale(0.75);
  max-width: calc((100% - 1.5em) / 0.75);
  font-size: inherit;
}

.mat-mdc-form-field .mat-mdc-form-field-required-marker.mdc-floating-label--required::after {
  content: " *";
  margin: 0;
}

.mat-mdc-form-field.mat-form-field-disabled .mat-mdc-form-field-required-marker {
  display: none;
}

.mat-mdc-text-field-wrapper .mdc-line-ripple {
  position: absolute;
  left: 0;
  bottom: 1.34375em;
  width: 100%;
  height: 1px;
  pointer-events: none;
  transform: scale3d(1, 1.0001, 1);
}

.mat-form-field-appearance-legacy .mat-mdc-text-field-wrapper .mdc-line-ripple {
  bottom: 1.25em;
  background-color: rgba(var(--palette-foreground-divider), var(--palette-foreground-divider-alpha));
}

.mat-form-field-appearance-legacy.mat-form-field-disabled .mat-mdc-text-field-wrapper .mdc-line-ripple {
  background-color: transparent;
  background-image: linear-gradient(to right, rgba(var(--palette-foreground-divider), var(--palette-foreground-divider-alpha)) 0%, rgba(var(--palette-foreground-divider), var(--palette-foreground-divider-alpha)) 33%, transparent 0%);
  background-size: 4px 100%;
  background-repeat: repeat-x;
  background-position: 0;
}

.mat-mdc-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex ~ .mdc-line-ripple::before {
  display: none;
}

.mat-mdc-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex ~ .mdc-line-ripple::after {
  content: "";
  position: absolute;
  top: auto;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  border: none;
  z-index: auto;
  transform-origin: 50%;
  transform: scaleX(0.5);
  opacity: 0;
  background-color: rgba(var(--palette-foreground-divider), var(--palette-foreground-divider-alpha));
}

.mat-mdc-form-field:not(.mat-form-field-no-animations) .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex ~ .mdc-line-ripple::after {
  transition: background-color 300ms cubic-bezier(0.55, 0, 0.55, 0.2);
}

.mat-mdc-form-field.mat-focused .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex ~ .mdc-line-ripple::after,
.mat-mdc-form-field.mat-form-field-invalid .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex ~ .mdc-line-ripple::after {
  opacity: 1;
  transform: none;
}

.mat-mdc-form-field.mat-focused:not(.mat-form-field-no-animations) .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex ~ .mdc-line-ripple::after,
.mat-mdc-form-field.mat-form-field-invalid:not(.mat-form-field-no-animations) .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex ~ .mdc-line-ripple::after {
  transition: transform 300ms cubic-bezier(0.25, 0.8, 0.25, 1), opacity 100ms cubic-bezier(0.25, 0.8, 0.25, 1), background-color 300ms cubic-bezier(0.25, 0.8, 0.25, 1);
}

.mat-mdc-form-field.mat-focused .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex ~ .mdc-line-ripple::after {
  background-color: rgb(var(--palette-primary-500));
}

.mat-mdc-form-field.mat-focused.mat-accent .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex ~ .mdc-line-ripple::after {
  background-color: rgb(var(--palette-accent-500));
}

.mat-mdc-form-field.mat-focused.mat-warn .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex ~ .mdc-line-ripple::after,
.mat-mdc-form-field.mat-form-field-invalid .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex ~ .mdc-line-ripple::after {
  background-color: rgb(var(--palette-warn-500));
}

.mat-form-field-appearance-legacy .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex ~ .mdc-line-ripple::after {
  top: 0;
  bottom: auto;
  overflow: hidden;
}

.mat-form-field-appearance-legacy.mat-form-field-invalid:not(.mat-focused) .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex ~ .mdc-line-ripple::after {
  height: 1px;
}

.mat-form-field-appearance-fill:not(.mat-form-field-appearance-legacy) .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex ~ .mdc-line-ripple::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 1px;
  width: 100%;
  border: none;
  z-index: auto;
  background-color: rgba(var(--palette-foreground-divider), var(--palette-foreground-divider-alpha));
}

.mat-form-field-appearance-fill.mat-form-field-disabled:not(.mat-form-field-appearance-legacy) .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex ~ .mdc-line-ripple::before {
  background-color: transparent;
}

.mat-form-field-appearance-fill:not(.mat-form-field-disabled):not(.mat-form-field-appearance-legacy) .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex:hover ~ .mdc-line-ripple::after {
  opacity: 1;
  transform: none;
  transition: opacity 600ms cubic-bezier(0.25, 0.8, 0.25, 1);
}

.mat-form-field-appearance-outline .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mdc-notched-outline {
  top: 0.25em;
  bottom: 0;
  height: auto;
  z-index: auto;
}

.mat-form-field-appearance-outline .mat-mdc-text-field-wrapper .mdc-notched-outline .mdc-notched-outline__leading {
  width: calc(0.75em - 5px);
  min-width: 5px;
  border-radius: 5px 0 0 5px;
}

.mat-form-field-appearance-outline .mat-mdc-text-field-wrapper .mdc-notched-outline .mdc-notched-outline__trailing {
  min-width: 5px;
  border-radius: 0 5px 5px 0;
}

.mat-form-field-appearance-outline.mat-form-field-appearance-outline .mat-mdc-text-field-wrapper .mdc-notched-outline .mdc-notched-outline__notch {
  max-width: none;
  border-radius: 0.000001px;
}

.mat-form-field-appearance-outline.mat-form-field-appearance-outline .mat-mdc-text-field-wrapper .mdc-notched-outline--notched .mdc-notched-outline__notch {
  box-sizing: content-box;
  padding: 0 1px 0 0;
}

.mat-form-field-appearance-outline.mat-form-field-invalid .mat-mdc-text-field-wrapper,
.mat-form-field-appearance-outline:not(.mat-form-field-disabled) .mat-mdc-text-field-wrapper:has(> .mat-mdc-form-field-flex:hover) {
  --mat-form-field-outlined-outline-width: 2px;
}

.mat-form-field-appearance-outline.mat-mdc-form-field .mat-mdc-text-field-wrapper .mdc-notched-outline--notched .mdc-notched-outline__notch.mdc-notched-outline__notch {
  border-top: none;
}

body .mat-mdc-form-field-subscript-wrapper {
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  overflow: hidden;
  font-weight: inherit;
  line-height: inherit;
  font-family: inherit;
  letter-spacing: inherit;
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
}

.mat-mdc-form-field-subscript-wrapper {
  font-size: 75%;
  margin-top: 0.6666666667em;
  top: calc(100% - 1.7916666667em);
}

.mat-form-field-appearance-legacy .mat-mdc-form-field-subscript-wrapper {
  margin-top: 0.5416666667em;
  top: calc(100% - 1.6666666667em);
}

.mat-form-field-appearance-fill:not(.mat-form-field-appearance-legacy) .mat-mdc-form-field-subscript-wrapper,
.mat-form-field-appearance-outline .mat-mdc-form-field-subscript-wrapper {
  padding: 0 1em;
}

body .mat-mdc-form-field-hint-wrapper,
body .mat-mdc-form-field-error-wrapper {
  position: static;
  padding: 0;
}

body .mat-mdc-form-field-bottom-align::before {
  content: none;
}

.mat-mdc-form-field .mat-mdc-form-field-subscript-wrapper .mat-icon {
  width: 1em;
  height: 1em;
  font-size: inherit;
  vertical-align: baseline;
}

body .mat-mdc-form-field-input-control.mat-mdc-form-field-input-control {
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
  font: inherit;
  background: transparent;
  outline: none;
  margin: 0;
  max-width: 100%;
  vertical-align: bottom;
  text-align: inherit;
  box-sizing: content-box;
}

input.mat-mdc-input-element {
  margin-top: -0.0625em;
}

body textarea.mat-mdc-form-field-input-control.mat-mdc-form-field-input-control {
  resize: vertical;
  overflow: auto;
  padding: 2px 0;
  margin: -2px 0;
}

body textarea.mat-mdc-input-element.cdk-textarea-autosize {
  resize: none;
}

body .mdc-text-field__input::placeholder {
  opacity: 1;
  -webkit-user-select: none;
  user-select: none;
}

.mat-form-field-hide-placeholder .mat-mdc-input-element.mat-mdc-input-element::placeholder {
  color: transparent !important;
  -webkit-text-fill-color: transparent;
  transition: none;
}

.mat-mdc-form-field .mat-mdc-input-element.mat-mdc-form-field-input-control[type=date],
.mat-mdc-form-field .mat-mdc-input-element.mat-mdc-form-field-input-control[type=datetime],
.mat-mdc-form-field .mat-mdc-input-element.mat-mdc-form-field-input-control[type=datetime-local],
.mat-mdc-form-field .mat-mdc-input-element.mat-mdc-form-field-input-control[type=month],
.mat-mdc-form-field .mat-mdc-input-element.mat-mdc-form-field-input-control[type=week],
.mat-mdc-form-field .mat-mdc-input-element.mat-mdc-form-field-input-control[type=time] {
  line-height: 1;
}

.mat-mdc-input-element[type=date]::after,
.mat-mdc-input-element[type=datetime]::after,
.mat-mdc-input-element[type=datetime-local]::after,
.mat-mdc-input-element[type=month]::after,
.mat-mdc-input-element[type=week]::after,
.mat-mdc-input-element[type=time]::after {
  content: " ";
  white-space: pre;
  width: 1px;
}

.mat-mdc-form-field .mat-mdc-input-element.mat-mdc-form-field-input-control::-webkit-datetime-edit {
  line-height: revert;
  padding: revert;
  margin-bottom: revert;
}

body .mdc-text-field__input::-webkit-calendar-picker-indicator {
  display: revert;
  font-size: 0.75em;
}

body select.mat-mdc-form-field-input-control.mat-mdc-form-field-input-control {
  position: relative;
  display: inline-flex;
  box-sizing: border-box;
  padding-top: 1em;
  top: -1em;
  margin-bottom: -1em;
}

.mat-mdc-form-field-type-mat-native-select.mat-form-field-appearance-outline .mat-mdc-form-field-infix::after {
  margin-top: -5px;
}

.mat-mdc-form-field-type-mat-native-select.mat-form-field-appearance-fill:not(.mat-form-field-appearance-legacy) .mat-mdc-form-field-infix::after {
  margin-top: -10px;
}

.campo-rotulo-nunca-flutua .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mdc-floating-label.mdc-floating-label--float-above {
  transform: perspective(100px);
  width: 100%;
}

.campo-rotulo-nunca-flutua:has(.mat-mdc-input-element:not(:placeholder-shown)) .mdc-floating-label,
.campo-rotulo-nunca-flutua:has(.mat-mdc-select:not(.mat-mdc-select-empty)) .mdc-floating-label {
  display: none;
}

body .mat-mdc-select {
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
}

.mat-mdc-select-trigger {
  height: 1.125em;
}

body .mat-mdc-select-arrow-wrapper {
  height: 16px;
}

.mat-form-field-appearance-legacy .mat-mdc-select .mat-mdc-select-arrow-wrapper {
  transform: none;
}

.mat-form-field-appearance-fill:not(.mat-form-field-appearance-legacy) .mat-mdc-select .mat-mdc-select-arrow-wrapper {
  transform: translateY(-50%);
}

.mat-form-field-appearance-outline .mat-mdc-select .mat-mdc-select-arrow-wrapper {
  transform: translateY(-25%);
}

body .mat-mdc-select-arrow {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid;
  margin: 0 4px;
  position: static;
}

.mat-mdc-select .mat-mdc-select-arrow svg {
  display: none;
}

body div.mat-mdc-select-panel {
  min-width: calc(100% + 32px);
  max-width: 280px;
  max-height: 256px;
  padding: 0;
  border-radius: 4px;
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  background: rgb(var(--palette-background-card));
}

body div.mat-mdc-select-panel:has(.mat-mdc-option-multiple) {
  min-width: calc(100% + 64px);
}

body .cdk-overlay-pane:not(.mat-mdc-select-panel-above) div.mat-mdc-select-panel,
body .cdk-overlay-pane.mat-mdc-select-panel-above div.mat-mdc-select-panel {
  border-radius: 4px;
}

.mat-mdc-select-panel .mat-mdc-option,
.mat-mdc-select-panel .mat-mdc-optgroup-label {
  font-size: inherit;
  line-height: 3em;
  height: 3em;
}

body .mat-mdc-option {
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 48px;
  height: 48px;
  min-height: 0;
  padding: 0 16px;
  text-align: left;
  text-decoration: none;
  max-width: 100%;
  box-sizing: border-box;
  -webkit-user-select: auto;
  user-select: auto;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 16px;
  font-weight: inherit;
  letter-spacing: inherit;
}

body .mat-mdc-option.mdc-list-item .mdc-list-item__primary-text {
  color: inherit;
}

body .mat-mdc-option .mdc-list-item__primary-text {
  display: inline-block;
  flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: 0;
}

.mat-mdc-option .mat-pseudo-checkbox-full.mat-mdc-option-pseudo-checkbox {
  margin-right: 8px;
}

.mat-mdc-option.mdc-list-item--disabled.mdc-list-item--disabled .mat-mdc-option-pseudo-checkbox,
.mat-mdc-option.mdc-list-item--disabled.mdc-list-item--disabled .mdc-list-item__primary-text,
.mat-mdc-option.mdc-list-item--disabled.mdc-list-item--disabled > mat-icon {
  opacity: 1;
}

.mat-mdc-optgroup .mat-mdc-optgroup-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  line-height: 48px;
  height: 48px;
  min-height: 0;
  padding: 0 16px;
  font-size: 14px;
  font-weight: 500;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
  -webkit-user-select: none;
  user-select: none;
  cursor: default;
}

body .mat-mdc-optgroup-label.mdc-list-item--disabled,
body .mat-mdc-optgroup-label.mdc-list-item--disabled .mdc-list-item__primary-text {
  opacity: 1;
}

body div.mat-mdc-select-panel .mat-mdc-optgroup,
body div.mat-mdc-select-panel .mat-mdc-optgroup .mat-mdc-optgroup-label {
  font-size: inherit;
}

body div.mat-mdc-select-panel .mat-mdc-optgroup .mat-mdc-optgroup-label {
  line-height: 3em;
  height: 3em;
}

html body {
  --mat-option-label-text-color: rgba(var(--palette-foreground-text), var(--palette-foreground-text-alpha));
  --mat-option-hover-state-layer-color: rgba(var(--palette-background-hover), var(--palette-background-hover-alpha));
  --mat-option-focus-state-layer-color: rgba(var(--palette-background-hover), var(--palette-background-hover-alpha));
  --mat-option-selected-state-layer-color: rgba(var(--palette-background-hover), var(--palette-background-hover-alpha));
  --mat-option-selected-state-label-text-color: currentColor;
}

body div.mat-mdc-autocomplete-panel {
  min-width: 112px;
  max-height: 256px;
  padding: 0;
  position: relative;
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}

body .cdk-overlay-pane:not(.mat-mdc-autocomplete-panel-above) div.mat-mdc-autocomplete-panel {
  border-radius: 0 0 4px 4px;
}

body .mat-mdc-autocomplete-panel-above div.mat-mdc-autocomplete-panel {
  border-radius: 4px 4px 0 0;
}

body .mat-mdc-paginator {
  --mat-paginator-container-text-color: rgba(var(--palette-foreground-secondary-text), var(--palette-foreground-secondary-text-alpha));
  --mat-paginator-container-background-color: rgb(var(--palette-background-card));
  --mat-paginator-enabled-icon-color: currentColor;
  --mat-paginator-disabled-icon-color: currentColor;
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 12px;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
}

body .mat-mdc-paginator-container {
  flex-wrap: wrap-reverse;
}

body .mat-mdc-paginator-page-size-select {
  margin: 6px 4px 0 4px;
  width: 56px;
}

body .mat-mdc-paginator .mat-mdc-select {
  line-height: inherit;
}

body .mat-mdc-paginator .mat-mdc-select-value {
  font-size: inherit;
}

.mat-mdc-paginator .mat-mdc-paginator-page-size .mat-mdc-select-trigger {
  font-size: 12px;
}

.mat-mdc-autocomplete-panel .mat-mdc-option.mdc-list-item--selected:not(.mat-mdc-option-active):not(:hover):not(.mdc-list-item--disabled) {
  background: rgb(var(--palette-background-card));
  color: rgba(var(--palette-foreground-text), var(--palette-foreground-text-alpha));
}

.mat-mdc-paginator .mat-mdc-paginator-icon {
  width: 28px;
  height: auto;
}

html body .mat-mdc-checkbox .mat-internal-form-field,
html body .mat-mdc-radio-button .mat-internal-form-field,
html body .mat-mdc-slide-toggle .mat-internal-form-field {
  font: inherit;
  letter-spacing: inherit;
}

.mat-calendar-previous-button svg,
.mat-calendar-next-button svg {
  display: block;
}

.mat-calendar-body-cell.mat-calendar-body-cell {
  font-size: 13.3333px;
}

body .mat-button-toggle-appearance-standard {
  font-size: inherit;
}

html body {
  --mat-button-toggle-divider-color: rgba(var(--palette-foreground-divider), var(--palette-foreground-divider-alpha));
}

.mat-sort-header-content {
  text-align: center;
}

.mat-sort-header-arrow {
  min-width: 12px;
}

body .mat-toolbar .mat-mdc-button-base.mat-mdc-button-base.mat-unthemed {
  --mat-button-text-label-text-color: currentColor;
  --mat-button-outlined-label-text-color: currentColor;
}

/* Tipografia - Tamanhos de Textos */
/* Cores */
.bb-theme {
  --app-background: #9ba0ac;
  --app-on-surface: #9ba0ac;
  --text-default: #111214;
  --app-border: #b4b9c1;
  --app-font-family: BancoDoBrasilTextos-Regular, sans-serif;
  --app-highlight: #465eff;
  --app-highlight-hover: rgba(70, 94, 255, 0.08);
  --app-highlight-soft: #e4ecff;
  --app-highlight-surface: #e4ecff;
  --mat-table-header-headline-font: BancoDoBrasilTextos-Regular, sans-serif;
  --mat-table-row-item-label-text-font: BancoDoBrasilTextos-Regular, sans-serif;
  --mat-table-footer-supporting-text-font: BancoDoBrasilTextos-Regular, sans-serif;
  --help-accent: #465eff;
  --help-accent-strong: #2f63e6;
  /* Tipografia - Tamanhos de Fontes e Títulos */
  /* Botões */
  /* Configuração TABS */
  /* Checkbox */
  /* Slide Toggle */
  /* Radio Button */
  /* Configuração Stepper */
  /* Configuração topNav */
  /* Crumbs */
  /* Configuração Sidebar Menu*/
  /* Configuração de ícones */
  /* Configuração date picker */
  /* Calendário Escolar */
  /* FORMS */
  /* Chips */
  /* Cardápio forms */
  /* Cor do mostrar mais */
  /* Custom mat-dialog */
}
.bb-theme .mat-mdc-card {
  --mat-card-title-text-font: BancoDoBrasilTextos-Regular, sans-serif;
  --mat-card-subtitle-text-font: BancoDoBrasilTextos-Regular, sans-serif;
}
.bb-theme .sigelu-title,
.bb-theme .sigelu-subtitle,
.bb-theme .mat-step-header,
.bb-theme .mat-step-label,
.bb-theme .swal2-title,
.bb-theme .header-title,
.bb-theme .mat-mdc-button,
.bb-theme button,
.bb-theme .h2,
.bb-theme .h3,
.bb-theme .mat-mdc-raised-button,
.bb-theme .botao-confirmacao,
.bb-theme .botao-negacao,
.bb-theme .botao-secundario,
.bb-theme .mat-mdc-unelevated-button {
  font-family: "Banco do Brasil Titulos", sans-serif !important;
}
.bb-theme .pageMenuItem {
  font-family: "BancoDoBrasilTitulos-Regular", sans-serif !important;
  font-weight: normal !important;
}
.bb-theme .sigelu-title,
.bb-theme h1 {
  color: #465eff;
}
.bb-theme .mat-mdc-table,
.bb-theme .mat-mdc-paginator,
.bb-theme .mat-mdc-card,
.bb-theme .mat-step-header,
.bb-theme .mat-stepper-vertical,
.bb-theme .mat-stepper-horizontal,
.bb-theme .mat-mdc-slide-toggle .mdc-label,
.bb-theme .mat-mdc-checkbox,
.bb-theme .mat-mdc-dialog-title,
.bb-theme .mat-mdc-form-field,
.bb-theme .mat-expansion-panel,
.bb-theme .mat-expansion-panel-header,
.bb-theme .mat-expansion-panel-content,
.bb-theme html,
.bb-theme body {
  font-family: "BancoDoBrasilTextos-Regular", sans-serif !important;
}
.bb-theme .mat-mdc-raised-button,
.bb-theme .botao-confirmacao,
.bb-theme .botao-negacao,
.bb-theme .botao-secundario,
.bb-theme .botao-aviso,
.bb-theme .botao-deletar,
.bb-theme .mat-mdc-unelevated-button {
  text-transform: uppercase !important;
}
.bb-theme .header-title {
  color: #465eff;
}
.bb-theme .mat-mdc-dialog-title {
  color: #465eff !important;
}
.bb-theme .mat-dialog-title-custom {
  color: #465eff !important;
}
.bb-theme .color-p {
  color: #465eff !important;
}
.bb-theme .zendesk-custom-launcher {
  background-color: #fdf429 !important;
}
.bb-theme .mat-mdc-menu-item:not(.menu-item-table) .mat-icon {
  color: #465eff;
}
.bb-theme .botao-confirmacao:not([disabled]),
.bb-theme .mat-mdc-raised-button:not([disabled]),
.bb-theme .mat-mdc-raised-button.mat-primary:not([disabled]),
.bb-theme .mat-mdc-fab.mat-primary:not([disabled]),
.bb-theme .mat-mdc-unelevated-button.mat-primary:not([disabled]),
.bb-theme .mat-mdc-mini-fab.mat-primary:not([disabled]) {
  background-color: #fdf429;
  color: #465eff;
}
.bb-theme .mat-mdc-raised-button:not([disabled]):hover,
.bb-theme .mat-mdc-unelevated-button.mat-primary:not([disabled]):hover,
.bb-theme .botao-confirmacao:not([disabled]):hover,
.bb-theme .mat-mdc-raised-button.mat-primary:not([disabled]):hover,
.bb-theme .mat-mdc-fab.mat-primary:not([disabled]):hover .mat-mdc-mini-fab.mat-primary:not([disabled]):hover {
  background-color: #f0e300;
}
.bb-theme .mat-mdc-raised-button:not([disabled]):active,
.bb-theme .mat-mdc-unelevated-button.mat-primary:not([disabled]):active,
.bb-theme .botao-confirmacao:not([disabled]):active,
.bb-theme .mat-mdc-raised-button.mat-primary:not([disabled]):active,
.bb-theme .mat-mdc-fab.mat-primary:not([disabled]):active,
.bb-theme .mat-mdc-mini-fab.mat-primary:not([disabled]):active {
  background-color: #d8c800;
}
.bb-theme .botao-secundario:not([disabled]),
.bb-theme .nao-selecionado:not([disabled]),
.bb-theme .mat-mdc-icon-button.mat-accent:not([disabled]),
.bb-theme .mat-mdc-unelevated-button.mat-accent:not([disabled]),
.bb-theme .mat-mdc-raised-button.mat-accent:not([disabled]) {
  color: #3354fd;
  background-color: #e4ecff !important;
}
.bb-theme .nao-selecionado:not([disabled]):hover,
.bb-theme .selecionado:not([disabled]):hover,
.bb-theme .botao-secundario:not([disabled]):hover,
.bb-theme .mat-mdc-unelevated-button.mat-accent:not([disabled]):hover,
.bb-theme .mat-mdc-raised-button.mat-accent:not([disabled]):hover {
  background-color: #adc9ff !important;
}
.bb-theme .selecionado,
.bb-theme .botao-secundario:not([disabled]):active,
.bb-theme .mat-mdc-unelevated-button.mat-accent:not([disabled]):active,
.bb-theme .mat-mdc-raised-button.mat-accent:not([disabled]):active {
  background-color: #9ab3ff !important;
}
.bb-theme .aei-tabs .mat-mdc-tab.mdc-tab--active {
  background-color: transparent !important;
  color: #465eff;
}
.bb-theme .aei-tabs .mat-mdc-tab:hover {
  background-color: #e4ecff !important;
  color: #465eff !important;
}
.bb-theme .aei-tabs .mat-mdc-tab {
  --mat-tab-active-indicator-color: #465eff !important;
  --mat-tab-active-hover-indicator-color: #465eff !important;
  --mat-tab-active-focus-indicator-color: #465eff !important;
}
.bb-theme .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-selected-icon-color: #465eff !important;
  --mat-checkbox-selected-hover-icon-color: #465eff !important;
  --mat-checkbox-selected-focus-icon-color: #465eff !important;
  --mat-checkbox-selected-pressed-icon-color: #465eff !important;
  --mat-checkbox-selected-checkmark-color: white !important;
  --mat-checkbox-disabled-selected-icon-color: #465eff !important;
  --mat-checkbox-disabled-selected-checkmark-color: white !important;
}
.bb-theme .mat-pseudo-checkbox-checked,
.bb-theme .mat-pseudo-checkbox-indeterminate {
  background-color: #465eff !important;
}
.bb-theme .mat-mdc-list-option .mdc-checkbox .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background {
  background-color: #465eff !important;
}
.bb-theme .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) {
  color: #465eff !important;
}
.bb-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-selected-handle-color: #465eff !important;
  --mat-slide-toggle-selected-hover-handle-color: #465eff !important;
  --mat-slide-toggle-selected-focus-handle-color: #465eff !important;
  --mat-slide-toggle-selected-pressed-handle-color: #465eff !important;
  --mat-slide-toggle-selected-track-color: #465eff !important;
  --mat-slide-toggle-selected-hover-track-color: #465eff !important;
  --mat-slide-toggle-selected-focus-track-color: #465eff !important;
  --mat-slide-toggle-selected-pressed-track-color: #465eff !important;
}
.bb-theme .mat-mdc-radio-button {
  --mat-radio-selected-icon-color: #465eff !important;
  --mat-radio-selected-hover-icon-color: #465eff !important;
  --mat-radio-selected-focus-icon-color: #465eff !important;
  --mat-radio-selected-pressed-icon-color: #465eff !important;
  --mat-radio-disabled-selected-icon-color: #465eff !important;
  --mat-radio-disabled-selected-icon-opacity: 1 !important;
}
.bb-theme .mat-mdc-radio-button .mat-radio-ripple .mat-ripple-element {
  background-color: #465eff !important;
}
.bb-theme .mat-step-label-active {
  color: #465eff !important;
}
.bb-theme .mat-stepper-horizontal-line {
  border-top-color: #465eff !important;
}
.bb-theme .mat-stepper-vertical-line::before {
  border-left-color: #465eff !important;
}
.bb-theme .mat-step-header .mat-step-icon {
  background-color: #e4ecff !important;
  color: #465eff !important;
}
.bb-theme .mat-step-header .mat-step-icon-selected {
  background-color: #465eff !important;
  color: white !important;
}
.bb-theme .mat-step-header .mat-step-icon-state-edit {
  background-color: #465eff !important;
  color: white !important;
}
.bb-theme .mat-toolbar.topnav {
  height: 56px;
  border-bottom: 4px solid #465eff;
  color: #465eff !important;
}
.bb-theme .top-nav-text {
  font-family: "BancoDoBrasilTitulos-Bold" !important;
  color: #465eff;
}
.bb-theme .logo-topnav {
  max-height: 36px !important;
}
.bb-theme .main-sigelu-topnav {
  height: 56px;
}
.bb-theme .main-sigelu-body {
  height: calc(100% - 56px);
}
.bb-theme .mat-toolbar.mat-primary {
  background-color: #fcfc30 !important;
}
.bb-theme .crumbs {
  color: #465eff !important;
  font-family: "BancoDoBrasilTextos-Medium", sans-serif !important;
}
.bb-theme .sidebar-menu .sigelu-sidebar-header-title {
  font-family: "BancoDoBrasilTextos-Medium", sans-serif !important;
  align-self: center !important;
}
.bb-theme .sidebar-menu .sigelu-sidebar-ativo:not(.has-submenu) {
  background-color: #d0daff !important;
}
.bb-theme .sidebar-menu .sigelu-sidebar-ativo:not(.has-submenu) .sigelu-sidebar-header-icon {
  background-color: #d0daff !important;
}
.bb-theme .sidebar-menu .sigelu-sidebar-ativo.has-submenu {
  background-color: #e4ecff !important;
}
.bb-theme .sidebar-menu .sigelu-sidebar-ativo.has-submenu .sigelu-sidebar-header-icon {
  background-color: #e4ecff !important;
}
.bb-theme .sidebar-menu .sigelu-sidebar-ativo:hover {
  background-color: #d0daff !important;
}
.bb-theme .sidebar-menu .sigelu-sidebar-ativo:hover .sigelu-sidebar-header-icon {
  background-color: #d0daff !important;
}
.bb-theme .sidebar-menu .sigelu-sidebar-ativo {
  color: #465eff !important;
}
.bb-theme .sidebar-menu .sigelu-sidebar-ativo .header-text-info {
  color: #465eff !important;
}
.bb-theme .sidebar-menu .sigelu-sidebar-ativo .sigelu-sidebar-content-value {
  color: #465eff !important;
}
.bb-theme .sidebar-menu .sigelu-sidebar-ativo .sigelu-sidebar-content:hover {
  background-color: #d0daff;
}
.bb-theme .sidebar-menu .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover {
  background-color: #e4ecff !important;
  color: #465eff !important;
}
.bb-theme .sidebar-menu .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover .sigelu-sidebar-header-icon {
  background-color: #e4ecff;
}
.bb-theme .sidebar-menu .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover .header-text-info {
  color: #465eff !important;
}
.bb-theme .sidebar-menu .mat-expansion-panel-header {
  color: #465eff !important;
  align-items: center !important;
  font-family: "BancoDoBrasilTextos-Medium", sans-serif !important;
}
.bb-theme .sidebar-menu .mat-expansion-panel-body {
  color: #465eff !important;
  background-color: var(--text-disabled);
}
.bb-theme .sidebar-menu .sigelu-sidebar-content {
  padding: 5px 16px 5px 40px !important;
  margin: 0 !important;
  height: 46px !important;
}
.bb-theme .sidebar-menu .sigelu-sidebar-content:hover {
  background-color: #e4ecff;
  color: #465eff !important;
}
.bb-theme .sidebar-menu .sigelu-sidebar-content:hover .sigelu-sidebar-content-value {
  color: #465eff !important;
}
.bb-theme .sidebar-menu .header-text-info {
  color: var(--text-default);
  align-self: center;
}
.bb-theme .sidebar-menu .sigelu-sidebar-content-value {
  color: var(--text-default);
  font-family: "BancoDoBrasilTextos-Medium", sans-serif !important;
  align-self: center !important;
}
.bb-theme .sidebar-menu .mat-expansion-panel,
.bb-theme .sidebar-menu .sigelu-sidebar-header-title,
.bb-theme .sidebar-menu .sigelu-sidebar-content-value,
.bb-theme .sidebar-menu .opcoes-menu {
  color: #111214;
}
.bb-theme .sidebar-menu .sidebar-expansion-header .mat-ripple-element,
.bb-theme .sidebar-menu .sigelu-sidebar-content .mat-ripple-element {
  background-color: rgba(154, 179, 255, 0.3) !important;
}
.bb-theme .sidebar-menu .mat-expansion-panel.mat-expanded .mat-expansion-indicator:after {
  color: #465eff !important;
}
.bb-theme .mat-menu-icon,
.bb-theme .mat-icon.mat-primary {
  color: rgb(49, 51, 56) !important;
}
.bb-theme .mat-mdc-icon-button.mat-primary {
  color: rgb(49, 51, 56) !important;
}
.bb-theme .topnav-menu .menu-option .mat-icon {
  color: #465eff !important;
}
.bb-theme .topnav-menu .menu-option:hover:not([disabled]), .bb-theme .topnav-menu .menu-option:focus-visible:not([disabled]) {
  background-color: #e4ecff !important;
  color: #465eff !important;
}
.bb-theme .topnav-menu .menu-option:active:not([disabled]) {
  background-color: #adc9ff !important;
  color: #465eff !important;
}
.bb-theme .owl-dt-container-info .owl-dt-container-info-active {
  color: #465eff !important;
}
.bb-theme .owl-dt-calendar-table .owl-dt-calendar-cell-selected {
  color: #465eff !important;
  background-color: #9ab3ff !important;
}
.bb-theme .owl-dt-container-buttons {
  color: #465eff !important;
}
.bb-theme .owl-dt-calendar-table .owl-dt-calendar-cell-in-range {
  background-color: #e4ecff !important;
  color: #465eff !important;
}
.bb-theme .sigelu-calendar .fc-daygrid-event {
  background-color: #465eff !important;
}
.bb-theme .sigelu-calendar .fc-daygrid-event .fc-event-title {
  color: white !important;
}
.bb-theme .sigelu-calendar .fc-h-event {
  background-color: #465eff !important;
  color: white !important;
}
.bb-theme .sigelu-calendar .fc-next-button,
.bb-theme .sigelu-calendar .fc-button,
.bb-theme .sigelu-calendar .fc-button-primary {
  background-color: #465eff !important;
  color: white !important;
}
.bb-theme .color-bar {
  background-color: #465eff !important;
}
.bb-theme .add-event {
  color: #465eff !important;
}
.bb-theme .mat-datepicker-toggle .mat-icon,
.bb-theme .mat-datepicker-toggle-default-icon {
  color: #111214 !important;
}
.bb-theme .mat-calendar-body-cell:hover .mat-calendar-body-cell-content {
  background-color: #e4ecff !important;
  color: #465eff !important;
}
.bb-theme .mat-calendar-body-active .mat-calendar-body-cell-content {
  background-color: #e4ecff !important;
  color: #465eff !important;
}
.bb-theme .mat-calendar-body-active .mat-calendar-body-selected {
  background-color: #465eff !important;
  color: #fff !important;
}
.bb-theme .mat-mdc-form-field.mat-focused.mat-primary .mat-mdc-select-arrow {
  color: #465eff !important;
}
.bb-theme .mat-form-field-appearance-legacy .mat-focused .mat-mdc-input-element.mat-mdc-input-element {
  color: #465eff !important;
}
.bb-theme .mat-form-field-appearance-legacy .mdc-floating-label.mdc-floating-label.mdc-floating-label.mdc-floating-label--float-above,
.bb-theme .mat-form-field-appearance-legacy.mat-focused .mdc-floating-label.mdc-floating-label.mdc-floating-label {
  color: #111214 !important;
}
.bb-theme .mat-form-field-appearance-legacy.mat-focused .mdc-line-ripple.mdc-line-ripple.mdc-line-ripple::after {
  background-color: #465eff !important;
}
.bb-theme .mat-form-field-appearance-legacy:has(.mat-mdc-input-element.mat-mdc-input-element[readonly]) .mdc-floating-label.mdc-floating-label.mdc-floating-label.mdc-floating-label--float-above {
  color: gray !important;
  opacity: 1 !important;
}
.bb-theme .mat-form-field-appearance-legacy .mat-mdc-form-field-required-marker,
.bb-theme .mat-form-field-appearance-legacy .mat-mdc-input-element.mat-mdc-input-element,
.bb-theme .mat-form-field-appearance-legacy.mat-focused .mat-mdc-input-element.mat-mdc-input-element {
  color: #111214 !important;
}
.bb-theme .mat-form-field-appearance-legacy.mat-form-field-disabled .mat-mdc-input-element.mat-mdc-input-element,
.bb-theme .mat-form-field-appearance-legacy .mat-mdc-input-element.mat-mdc-input-element:disabled {
  color: rgba(0, 0, 0, 0.38) !important;
}
.bb-theme .mat-form-field-appearance-outline .mat-focused .mat-mdc-input-element.mat-mdc-input-element {
  color: #465eff !important;
}
.bb-theme .mat-form-field-appearance-outline .mdc-floating-label.mdc-floating-label.mdc-floating-label.mdc-floating-label--float-above,
.bb-theme .mat-form-field-appearance-outline.mat-focused .mdc-floating-label.mdc-floating-label.mdc-floating-label {
  color: #111214 !important;
}
.bb-theme .mat-form-field-appearance-outline:has(.mat-mdc-input-element.mat-mdc-input-element[readonly]) .mdc-floating-label.mdc-floating-label.mdc-floating-label.mdc-floating-label--float-above {
  color: gray !important;
  opacity: 1 !important;
}
.bb-theme .mat-form-field-appearance-outline .mat-mdc-form-field-required-marker,
.bb-theme .mat-form-field-appearance-outline .mat-mdc-input-element.mat-mdc-input-element,
.bb-theme .mat-form-field-appearance-outline.mat-focused .mat-mdc-input-element.mat-mdc-input-element {
  color: #111214 !important;
}
.bb-theme .mat-form-field-appearance-outline.mat-form-field-disabled .mat-mdc-input-element.mat-mdc-input-element,
.bb-theme .mat-form-field-appearance-outline .mat-mdc-input-element.mat-mdc-input-element:disabled {
  color: rgba(0, 0, 0, 0.38) !important;
}
.bb-theme .mat-form-field-appearance-outline.mat-focused .mdc-floating-label.mdc-floating-label.mdc-floating-label,
.bb-theme .mat-form-field-appearance-outline.mat-focused .mdc-notched-outline {
  color: #465eff !important;
}
.bb-theme .mat-form-field-invalid .mat-mdc-form-field-required-marker,
.bb-theme .mat-form-field-invalid .mdc-floating-label.mdc-floating-label.mdc-floating-label,
.bb-theme .mat-form-field-invalid .mat-mdc-select-arrow,
.bb-theme .mat-form-field-invalid .mdc-line-ripple.mdc-line-ripple.mdc-line-ripple::after,
.bb-theme .mat-form-field-invalid .mdc-notched-outline {
  color: #e81717 !important;
  stroke: #e81717 !important;
}
.bb-theme .mat-form-field-invalid .mdc-line-ripple.mdc-line-ripple.mdc-line-ripple {
  background-color: #e81717 !important;
}
.bb-theme .mat-mdc-form-field-error {
  color: #e81717 !important;
}
.bb-theme .mat-mdc-form-field.mat-focused .mat-mdc-input-element.mat-mdc-input-element {
  caret-color: #465eff !important;
}
.bb-theme .sigelu-chip {
  background-color: #fcfc30 !important;
  color: #465eff !important;
}
.bb-theme .content-pass {
  color: #465eff !important;
}
.bb-theme .show-more {
  color: #465eff !important;
}
.bb-theme .titulo-dialog {
  background-color: #fcfc30 !important;
  color: #465eff !important;
}
.bb-theme .titulo-dialog .titulo-texto {
  color: #465eff !important;
  font-family: "Banco do Brasil Titulos", sans-serif;
}
.bb-theme .dropzone {
  border: dotted 1px #465eff !important;
}
.bb-theme .textLink {
  background-color: #fdf429 !important;
  color: #465eff !important;
}
.bb-theme .textLink:hover {
  background-color: #f0e300 !important;
  color: #465eff !important;
}
.bb-theme .textLink:active {
  background-color: #d8c800 !important;
  color: #465eff !important;
}
.bb-theme .icon-default {
  color: rgb(49, 51, 56);
}
.bb-theme .header-dia {
  background-color: #e4ecff !important;
}
.bb-theme .header-dia {
  background-color: #e4ecff !important;
}
.bb-theme span#accent {
  color: #3354fd !important;
}

:root {
  --app-background: #9BA0AC;
  --app-surface: rgb(var(--palette-background-card));
  --app-on-surface: rgba(var(--dark-primary-text));
  --app-border: #e0e0e0;
  --text-default: #111214;
  --text-disabled: #d4d8dd;
  --app-highlight: #0288d1;
  --app-highlight-hover: rgba(2, 136, 209, 0.08);
  --app-highlight-soft: rgba(2, 136, 209, 0.12);
  --app-highlight-surface: #e8f4fb;
  --help-accent: #0288d1;
  --help-accent-strong: #0277bd;
}

.dark-mode {
  --app-background: rgb(var(--palette-background-background-dark));
  --app-surface: rgb(var(--palette-background-card-dark));
  --app-on-surface: rgba(var(--light-primary-text));
  --app-border: #333;
  --app-divider: #333;
  --app-hover: rgba(255,255,255,0.04);
  --text-default: #ffffff;
  --text-disabled: #d4d8dd;
  --app-highlight: #4fc3f7;
  --app-highlight-hover: rgba(79, 195, 247, 0.16);
  --app-highlight-soft: rgba(79, 195, 247, 0.22);
  --app-highlight-surface: rgba(79, 195, 247, 0.14);
}

:root {
  --app-font-family: "Roboto", monospace;
}

html,
body {
  height: 100%;
  overflow: hidden;
  margin: 0;
  font-family: var(--app-font-family);
  background: var(--app-surface);
  color: var(--text-default);
}

.main-sigelu {
  height: 100%;
  display: block;
}

/*.main-sigelu-topnav: Sempre ocupará 64px de altura da div principal, sendo a primeira opção da ".main-sigelu" */
.main-sigelu-topnav {
  height: 64px;
  width: 100%;
}

/*.main-sigelu-body: Sempre ocupará calc(100% - 64px) de altura da div principal,
ou seja, o tamanho da div principal (".main-sigelu") menos a div ".main-sigelu-top" */
.main-sigelu-body {
  height: calc(100% - 64px);
  width: 100%;
  -webkit-user-select: text !important;
          user-select: text !important;
}

/*.main-sigelu-body-sidebar-left: Sempre ocupará 240px de largura da div ".main-sigelu-body" à esquerda,
caso o "sidebar-left" seja aberto (default: [display: none]) */
.main-sigelu-body-sidebar-left {
  height: 100%;
  position: absolute;
  z-index: 998;
  min-width: 56px;
  width: -moz-fit-content;
  width: fit-content;
}

/*.main-sigelu-body-sidebar-rigth: Sempre ocupará 240px de largura da div ".main-sigelu-body" à direita,
caso o "sidebar-rigth" seja aberto (default: [display: none]) */
.main-sigelu-body-sidebar-rigth {
  height: 100%;
  display: none;
}

/*#main-sigelu-body-overlay: Overlay que é exibido quando sidebar está espandido*/
#main-sigelu-body-overlay {
  display: none;
  position: fixed; /* Sit on top of the page content */
  width: 100%; /* Full width (cover the whole page) */
  height: 100%; /* Full height (cover the whole page) */
  background-color: rgba(33, 33, 33, 0.46); /* Black background with opacity */
  z-index: 997; /* Specify a stack order in case you're using a different order for other elements */
}

/*.main-sigelu-body-visualization: Sempre ocupará 100% de largura e altura da ".main-sigelu-body" no centro da página */
.main-sigelu-body-visualization {
  height: 100%;
  width: 100%;
  overflow: auto;
  background-color: var(--app-background);
}

/* Painéis Tableau/QuickSight embutidos: sem scroll vertical aqui (só no .tableau-dashboard__body). */
.main-sigelu-body-visualization.main-sigelu-body-visualization--embedded-panel {
  overflow: hidden !important;
  display: flex;
  flex-direction: column;
  min-height: 0;
}
.main-sigelu-body-visualization.main-sigelu-body-visualization--embedded-panel router-outlet + * {
  display: flex;
  flex-direction: column;
  flex: 1 1 0;
  min-height: 0;
  min-width: 0;
  max-height: 100%;
  width: 100%;
  overflow: hidden;
  box-sizing: border-box;
}

/*.main-sigelu-body-visualization-maps: Sempre ocupará calc(100% - 225px) de altura da div principal,
ou seja, o tamanho da div principal (".main-sigelu-body-visualization") menos a div ".main-sigelu-body-visualization-timeline" */
.main-sigelu-body-visualization-maps {
  height: 100%;
  width: 100%;
}

/*.main-sigelu-body-visualization-timeline: Sempre ocupará 225px de altura da div principal,
sendo a segunda opção da "main-sigelu-body-visualization" (default: [display: none]) */
.main-sigelu-body-visualization-timeline {
  min-height: 225px;
  max-height: 225px;
  width: 100%;
  display: none;
}

body.swal2-height-auto {
  height: 100% !important;
}

::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}

::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
}

.header-dia {
  background-color: rgb(var(--palette-primary-100)) !important;
}

.btn-float {
  float: right !important;
  right: 10px;
  top: -60px;
}

.sigelu-button {
  height: 36px !important;
  border-radius: 4px !important;
  font-family: var(--app-font-family);
  font-weight: 500;
  font-size: 14px !important;
  padding: 0 16px !important;
  white-space: nowrap !important;
  min-width: -moz-fit-content !important;
  min-width: fit-content !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.mat-expansion-panel {
  box-sizing: border-box !important;
}

.expansion-border {
  border: 1px solid #b2b2b2;
  border-top: 4px solid #777777;
}

.error-border {
  border: 1px solid #b2b2b2;
  border-top: 4px solid rgb(var(--palette-warn-500));
}

.success-border {
  border: 1px solid #b2b2b2;
  border-top: 4px solid rgb(var(--palette-primary-500));
}

.titulo-painel {
  font-family: var(--app-font-family);
  font-weight: 500;
  font-size: 18px;
}

.modal-titulo {
  font-family: var(--app-font-family);
  font-weight: 700;
  font-size: 20px !important;
  color: #1f1f1f !important;
}

.modal-texto {
  font-family: var(--app-font-family) !important;
  font-size: 16px !important;
  color: #1f1f1f !important;
}

.modal-confirmacao {
  flex-direction: row-reverse !important;
  justify-content: center !important;
}

.botao-deletar {
  background-color: rgb(var(--palette-warn-500));
  color: rgb(var(--palette-warn-contrast-500));
}

/* .botao-aviso {
  background-color: mat-css-color-primary(500);
  color: white;
} */
.modal-tres-opcoes {
  flex-direction: row-reverse !important;
  justify-content: center !important;
}

.modal-icone-erro {
  color: rgb(var(--palette-warn-500)) !important;
  border-color: rgb(var(--palette-warn-500)) !important;
}

.mat-mdc-tooltip {
  background-color: #1f1f1f !important;
  font-size: 12px !important;
  color: #ffffff !important;
}

.link-without-style:hover {
  color: inherit;
  text-decoration: none;
}

#toolbar-container {
  height: 0px !important;
}

.titulo-informacao {
  font-weight: bold;
  font-size: 16px;
  padding: 32px 0 8px 16px;
  display: block;
}

.subtitutlo-informacao {
  font-size: 14px;
  display: block;
  padding: 8px 0 8px 16px !important;
  font-weight: unset !important;
}

.title-bar {
  display: flex !important;
  justify-content: space-between !important;
}

.margin-sigelu-card {
  margin-top: 16px;
}

.--div-dots a:nth-child(1n) {
  margin-left: 1em;
}

.buttons {
  display: flex;
}

.end-button {
  margin-top: 12px;
  justify-content: flex-end;
}

.chip-height-limit {
  min-height: 50px;
  max-height: 200px;
  overflow-y: auto;
  overflow-x: hidden;
}

.actions {
  display: flex;
  justify-content: flex-end;
}

.global-margin {
  margin: 16px 0px 0px 16px !important;
}
.global-margin span {
  font-weight: bold;
}

.dialog-custom-container .mat-mdc-dialog-container {
  background-color: black !important;
  width: 100vw !important;
  margin-bottom: -45px !important;
}

.dialog-executar-solicitacao .mat-mdc-dialog-container {
  max-height: 90vh;
  overflow-y: auto;
  border-radius: 12px;
}

.dialog-pendencias-panel .mat-mdc-dialog-container {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.dialog-pendencias-panel .mat-mdc-dialog-container > app-dialog-pendencias {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
}

.dialog-importacao-panel .mat-mdc-dialog-container {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.dialog-importacao-panel .mat-mdc-dialog-container app-dialog-importacao-generico {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
}

.dialog-marcar-pela-foto-panel .mat-mdc-dialog-container {
  padding: 0;
  overflow: hidden;
}

.new-dialog-aei .mat-mdc-dialog-container {
  display: block;
  padding: 0;
  border-radius: 4px;
  box-sizing: border-box;
  overflow: hidden;
  outline: 0;
  width: 100%;
  height: auto;
  min-height: inherit;
  max-height: inherit;
  position: relative;
}

.new-dialog-aei .mat-mdc-dialog-content {
  margin: 0 !important;
}

.new-dialog-aei .mat-mdc-dialog-actions {
  margin: 10px 10px 10px 10px;
}

.new-dialog-aei .mat-mdc-dialog-container::before {
  content: "";
  display: block;
  width: 100%;
  height: 8px;
  background-color: #007bff;
  position: absolute;
  top: 0;
  left: 0;
}

.new-dialog-aei header {
  background-color: #007bff;
  padding: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.new-dialog-aei header h3 {
  margin: 0;
  color: white;
  font-size: 18px;
}

.new-dialog-aei header button {
  color: white;
}

.pdf-sigelu-card {
  margin: 10px 10px 10px 10px;
}

.aei-snackbar {
  background-color: white;
  color: black;
}

.snackbar-aviso .mat-simple-snackbar-action {
  color: rgb(var(--palette-accent-500)) !important;
}

.multi-line-option {
  white-space: unset !important;
  height: unset !important;
  padding: 1em 16px !important;
}
.multi-line-option .mdc-list-item__primary-text.mdc-list-item__primary-text.mdc-list-item__primary-text {
  line-height: 1.5em !important;
}

.titulo-dialog {
  background-color: rgb(var(--palette-primary-900)) !important;
  color: rgb(var(--palette-primary-contrast-900)) !important;
  margin: -24px !important;
  margin-bottom: 16px !important;
  padding: 24px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}
.titulo-dialog .titulo-texto {
  font-size: 22px;
  font-weight: 500;
  color: rgb(var(--palette-primary-contrast-500));
}

.multi-line-tootip,
.multi-line-tooltip {
  white-space: pre-line !important;
}

.dialog-chat-aei .mat-mdc-dialog-container {
  display: block;
  padding: 0;
  border-radius: 4px;
  box-sizing: border-box;
  overflow: hidden;
  outline: 0;
  width: 100%;
  height: auto;
  min-height: inherit;
  max-height: inherit;
  position: relative;
}

.dialog-chat-aei .mat-mdc-dialog-actions {
  margin: 10px 10px 10px 10px;
}

.dialog-chat-aei .mat-mdc-dialog-container::before {
  content: "";
  display: block;
  width: 100%;
  height: 8px;
  background-color: #007bff;
  position: absolute;
  top: 0;
  left: 0;
}

.dialog-chat-aei header {
  background-color: #007bff;
  padding: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.dialog-chat-aei header h3 {
  margin: 0;
  color: white;
  font-size: 18px;
}

.dialog-chat-aei header button {
  color: white;
}

.snackbar-info {
  background-color: #0288d1;
  color: white;
}

.snackbar-success {
  background-color: #2e7d32;
  color: white;
}

.snackbar-error {
  background-color: #c62828;
  color: white;
}

.snackbar-warn {
  background-color: #f9a825;
  color: white;
}

.required::after {
  content: " *";
}

.selecionado {
  background-color: rgb(var(--palette-accent-500));
  color: rgb(var(--palette-accent-contrast-500));
}

.nao-selecionado {
  background-color: rgb(var(--palette-accent-300));
  color: rgb(var(--palette-accent-contrast-300));
}

:root .selecionado {
  --mat-button-protected-container-color: rgb(var(--palette-accent-500));
  --mat-button-protected-label-text-color: rgb(var(--palette-accent-contrast-500));
  --mat-button-filled-container-color: rgb(var(--palette-accent-500));
  --mat-button-filled-label-text-color: rgb(var(--palette-accent-contrast-500));
}

:root .nao-selecionado {
  --mat-button-protected-container-color: rgb(var(--palette-accent-300));
  --mat-button-protected-label-text-color: rgb(var(--palette-accent-contrast-300));
  --mat-button-filled-container-color: rgb(var(--palette-accent-300));
  --mat-button-filled-label-text-color: rgb(var(--palette-accent-contrast-300));
}

.textLink {
  background-color: rgb(var(--palette-primary-500));
  color: rgb(var(--palette-primary-contrast-500));
}

.dropzone {
  border: dotted 1px rgb(var(--palette-primary-500)) !important;
}

mat-icon fa-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}

.font-personalized {
  /* ===== Fonte global ===== */
  /* ===== Exceções (ícones) ===== */
}
.font-personalized * {
  font-family: var(--app-font-family) !important;
}
.font-personalized .mat-icon,
.font-personalized .material-icons {
  font-family: "Material Icons" !important;
}
.font-personalized .material-symbols-outlined,
.font-personalized .material-symbols-rounded,
.font-personalized .material-symbols-sharp {
  font-family: "Material Symbols Outlined", "Material Symbols Rounded", "Material Symbols Sharp" !important;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 48;
}
.font-personalized .fa,
.font-personalized .fas,
.font-personalized .far {
  font-family: "Font Awesome 6 Free" !important;
}
.font-personalized .fc-icon {
  font-family: fcicons !important;
}

.mini-crud-actions {
  display: flex;
  gap: 16px;
}
.mini-crud-actions button[mat-icon-button] {
  outline: none !important;
  box-shadow: none !important;
}
.mini-crud-actions button[mat-icon-button]:focus {
  outline: none !important;
  box-shadow: none !important;
}
.mini-crud-actions button[mat-icon-button]:active {
  outline: none !important;
  box-shadow: none !important;
}
.mini-crud-actions button[mat-icon-button]:hover {
  outline: none !important;
  box-shadow: none !important;
}
.mini-crud-actions button[mat-icon-button]:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}
.mini-crud-actions button[mat-icon-button]::after, .mini-crud-actions button[mat-icon-button]::before {
  box-shadow: none !important;
}
.mini-crud-actions button[mat-icon-button] .mat-mdc-button-ripple,
.mini-crud-actions button[mat-icon-button] .mat-ripple-element {
  display: none !important;
}
.mini-crud-actions button[mat-icon-button] .mdc-button__label {
  box-shadow: none !important;
}
.mini-crud-actions button[mat-icon-button] .mat-mdc-button-persistent-ripple {
  display: none !important;
}

.mat-mdc-menu-panel {
  max-width: 400px !important;
}

/* Gestão financeira (LC v2): popover "quais contratos atendem esta escola" */
.lc-menu-contratos.mat-mdc-menu-panel {
  max-width: 320px !important;
  min-width: 248px;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 24px rgba(20, 32, 54, 0.16);
}

.lc-menu-contratos .mat-mdc-menu-content:not(:empty) {
  padding: 0;
}

.lc-menu-contratos__card {
  font-family: inherit;
  color: #28303c;
}

.lc-menu-contratos__head {
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 11px 14px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #5b6472;
  background: #f7f9fc;
  border-bottom: 1px solid #eceff4;
}
.lc-menu-contratos__head .mat-icon {
  font-size: 16px;
  width: 16px;
  height: 16px;
  line-height: 16px;
  color: #3b6bc9;
}

.lc-menu-contratos__lista {
  list-style: none;
  margin: 0;
  padding: 6px;
  max-height: 260px;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.lc-menu-contratos__item {
  padding: 7px 9px;
  border-radius: 8px;
}
.lc-menu-contratos__item:hover {
  background: #f4f6fa;
}

.lc-menu-contratos__l1 {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 10px;
}

.lc-menu-contratos__num {
  font-size: 12.5px;
  font-weight: 600;
  color: #1b3a6b;
}

.lc-menu-contratos__saldo {
  font-size: 11.5px;
  font-weight: 600;
  color: #2e7d32;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.lc-menu-contratos__empresa {
  font-size: 11.5px;
  color: #77808d;
  margin-top: 2px;
  line-height: 1.35;
}

.lc-menu-contratos__vazio {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  padding: 14px 15px;
  max-width: 280px;
}
.lc-menu-contratos__vazio .mat-icon {
  flex: 0 0 auto;
  font-size: 20px;
  width: 20px;
  height: 20px;
  color: #e65100;
}

.lc-menu-contratos__vazio-txt strong {
  display: block;
  font-size: 12.5px;
  color: #a3430a;
}

.lc-menu-contratos__vazio-txt span {
  font-size: 11.5px;
  color: #77808d;
}

/* Alunos (PBI 23963): popover "quem fica de fora" da caixa de carteirinhas QR Code */
.cq-menu-fora.mat-mdc-menu-panel {
  max-width: 340px !important;
  min-width: 280px;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 24px rgba(20, 32, 54, 0.16);
}

.cq-menu-fora .mat-mdc-menu-content:not(:empty) {
  padding: 0;
}

.cq-menu-fora__head {
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 11px 14px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #5b6472;
  background: #f7f9fc;
  border-bottom: 1px solid #eceff4;
}
.cq-menu-fora__head .mat-icon {
  font-size: 18px;
  height: 18px;
  width: 18px;
}

.cq-menu-fora__corpo {
  max-height: 300px;
  overflow-y: auto;
  padding: 6px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.cq-menu-fora__grupo {
  padding: 7px 9px;
  border-radius: 8px;
}

.cq-menu-fora__grupo-titulo {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 10px;
  font-size: 12.5px;
  font-weight: 600;
  color: var(--text-default);
}

.cq-menu-fora__qtd {
  font-size: 11.5px;
  color: #5b6472;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.cq-menu-fora__lista {
  list-style: none;
  margin: 4px 0 0;
  padding: 0;
}
.cq-menu-fora__lista li {
  font-size: 11.5px;
  line-height: 1.6;
  color: #77808d;
}

.mat-mdc-form-field input[type=date].mat-mdc-input-element.input-data-nativa {
  height: 36px;
  margin: 0 0 -18px;
  line-height: 1.125em;
}
.mat-mdc-form-field input[type=date].mat-mdc-input-element.input-data-nativa::-webkit-datetime-edit {
  padding: 0;
  line-height: 1.125em;
}
.mat-mdc-form-field input[type=date].mat-mdc-input-element.input-data-nativa::-webkit-datetime-edit-fields-wrapper {
  padding: 0;
}

@supports (-moz-appearance: none) {
  .mat-mdc-form-field input[type=date].mat-mdc-input-element.input-data-nativa {
    height: 1.125em;
    margin: 0;
  }
}
/* #23800 — aviso de lista de compras com escola desativada (visualização e forms legado/v2).
   Cor semântica de alerta (âmbar), a mesma do aviso de estoque desativado da RM; texto fixo escuro
   para manter contraste também no tema escuro. */
.aviso-escola-desativada {
  display: flex;
  align-items: flex-start;
  margin-top: 16px;
  padding: 12px;
  background: #fff8e1;
  border-left: 4px solid #ffa000;
  color: #3e2723;
  font-weight: 500;
}
.aviso-escola-desativada .aviso-icone {
  flex: 0 0 auto;
  color: #ffa000;
  margin-right: 8px;
}

.rs-modo-confirmacao {
  text-align: left;
  font-size: 13.5px;
  line-height: 1.5;
}
.rs-modo-confirmacao p {
  margin: 0 0 10px;
}
.rs-modo-confirmacao ul {
  margin: 0 0 10px;
  padding-left: 20px;
}
.rs-modo-confirmacao li {
  margin-bottom: 4px;
}

.esp-menu-aluno.mat-menu-panel {
  min-width: 248px;
  max-width: 340px !important;
  border-radius: 12px;
  box-shadow: 0 4px 24px rgba(20, 32, 54, 0.16);
}

.esp-menu-aluno .mat-menu-content:not(:empty) {
  padding: 0 0 6px;
}

.esp-menu-aluno__cabecalho {
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 11px 14px;
  border-bottom: 1px solid #eceff4;
  background: #f7f9fc;
  color: #5b6472;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.esp-menu-aluno__cabecalho mat-icon {
  font-size: 18px;
  width: 18px;
  height: 18px;
}

.esp-menu-aluno .mat-menu-item {
  font-size: 12.5px;
  line-height: 40px;
  height: 40px;
}

.esp-busca-painel .esp-busca-opcao.mat-option {
  height: auto;
  min-height: 48px;
  padding-top: 6px;
  padding-bottom: 6px;
  line-height: 1.35;
}

.esp-busca-opcao .mat-option-text {
  display: flex;
  flex-direction: column;
}

.esp-busca-opcao__nome {
  font-size: 12.5px;
  font-weight: 600;
}

.esp-busca-opcao__detalhe {
  color: #77808d;
  font-size: 11.5px;
  white-space: normal;
}

.m-0 {
  margin: 0;
}

.p-0 {
  padding: 0;
}

.p-10 {
  padding: 10px;
}

.mt5 {
  margin-top: 5px;
}

.mt10 {
  margin-top: 10px;
}

.mt15 {
  margin-top: 15px;
}

.mt20 {
  margin-top: 20px;
}

.mb5 {
  margin-bottom: 5px !important;
}

.mb10 {
  margin-bottom: 10px;
}

.mb15 {
  margin-bottom: 15px;
}

.mb20 {
  margin-bottom: 20px;
}

.ml5 {
  margin-left: 5px;
}

.ml10 {
  margin-left: 10px;
}

.ml15 {
  margin-left: 15px;
}

.ml20 {
  margin-left: 20px;
}

.ml30 {
  margin-left: 30px;
}

.mr5 {
  margin-right: 5px;
}

.mr10 {
  margin-right: 10px;
}

.mr15 {
  margin-right: 15px;
}

.mr20 {
  margin-right: 20px;
}

.pt5 {
  padding-top: 5px;
}

.pt10 {
  padding-top: 10px;
}

.pt15 {
  padding-top: 15px;
}

.pt20 {
  padding-top: 20px;
}

.pb5 {
  padding-bottom: 5px;
}

.pb10 {
  padding-bottom: 10px;
}

.pb15 {
  padding-bottom: 15px;
}

.pb20 {
  padding-bottom: 20px;
}

.pl5 {
  padding-left: 5px;
}

.pl10 {
  padding-left: 10px;
}

.pl15 {
  padding-left: 15px;
}

.pl20 {
  padding-left: 20px;
}

.pr5 {
  padding-right: 5px;
}

.pr10 {
  padding-right: 10px;
}

.pr15 {
  padding-right: 15px;
}

.pr20 {
  padding-right: 20px;
}

.bold {
  font-weight: bold;
}

/* Tokens do design system — SÓ variáveis, nenhuma regra CSS.
   Separado do _ds.scss para que um componente possa consumir os tokens sem
   emitir no seu bundle as regras globais do design system. */
/* Tipografia - Tamanhos de Títulos */
/* Tipografia - Espaçamento */
/* Tipografia - Escala */
/* Espaçamentos */
/* Espaçamentos - Padding Uniforme */
/* Espaçamentos - Padding Horizontal */
/* Espaçamentos - Margens Empilhamento */
/* Espaçamentos - Margens Em Linha */
/* Formas - Tamanhos */
/* Formas - Bordas */
/* Formas - Raio */
:root {
  /* Tipografia - Tamanhos de Fontes e Títulos */
  /* Botões */
  /* Configuração TABS */
  /* Configuração Stepper */
  /* Crumbs */
  /* Configuração Sidebar Menu*/
  /* FORMS */
  /* Configuração Título páginas */
  /* Configuração paginator mat table */
  /* Configuração tabelas */
  /* Espaçamento */
  /* Verificar se realmente atende a aplicação globalmente */
}
:root .sigelu-title,
:root h1 {
  font-weight: 700 !important;
  margin: 0 0 24px 0;
}
@media (max-width: 1340px) {
  :root .sigelu-title,
  :root h1 {
    font-size: 1.625rem !important;
  }
}
@media (min-width: 1341px) {
  :root .sigelu-title,
  :root h1 {
    font-size: 2.5rem !important;
  }
}
:root .sigelu-subtitle {
  font-weight: 500;
  margin: 0 0 16px 0 !important;
  font-size: 1.625rem;
}
:root .mat-step-label {
  font-size: 1.625rem;
  --mat-stepper-header-selected-state-label-text-size: 1.625rem;
  font-weight: 400 !important;
}
:root button,
:root .h2,
:root .h3,
:root .mat-mdc-raised-button,
:root .botao-confirmacao,
:root .botao-secundario,
:root .botao-negacao,
:root .link-menu-option {
  font-weight: 700 !important;
}
:root .mat-mdc-raised-button,
:root .botao-confirmacao,
:root .botao-secundario,
:root .botao-negacao,
:root .botao-aviso,
:root .botao-deletar,
:root .mat-mdc-unelevated-button,
:root .textLink {
  text-transform: uppercase !important;
}
:root .header-title {
  font-size: 2rem !important;
}
:root .mat-mdc-dialog-title {
  font-size: 1.5em;
  font-weight: 700 !important;
}
:root .button {
  margin: 12px !important;
}
:root .botao-confirmacao,
:root .mat-mdc-raised-button,
:root .botao-negacao,
:root .botao-secundario {
  height: 40px !important;
}
:root button,
:root a,
:root .sigelu-button,
:root .mat-mdc-fab,
:root .btn-float {
  box-shadow: none !important;
}
:root .zendesk-custom-launcher {
  background-color: rgb(255, 150, 0) !important;
}
:root .aei-tabs .mat-mdc-tab {
  min-width: 25px !important;
  padding: 10px;
  background-color: transparent !important;
  font-weight: 700;
}
:root .aei-tabs .mat-mdc-tab.mdc-tab--active {
  background-color: rgb(var(--palette-primary-100)) !important;
  color: rgb(var(--palette-primary-contrast-100));
}
:root .mat-step-icon {
  width: 32px !important;
  height: 32px !important;
}
:root .mat-step > .mat-vertical-content-container {
  margin-left: 40px !important;
}
:root .crumbs {
  padding-left: 24px 24px !important;
  font-weight: 400 !important;
  font-size: 0.875rem !important;
  margin-right: 10px !important;
}
:root .sidebar-menu .sigelu-sidebar-content-value {
  font-weight: 400 !important;
  font-size: 0.875rem !important;
}
:root .sidebar-menu .mat-expansion-panel-header {
  font-weight: 400 !important;
  font-size: 0.875rem !important;
  height: 46px !important;
}
:root .sidebar-menu .mat-expansion-panel,
:root .sidebar-menu .sigelu-sidebar-header-title,
:root .sidebar-menu .sigelu-sidebar-content-value,
:root .sidebar-menu .opcoes-menu {
  font-weight: 400;
  font-size: 0.875rem;
}
:root .sidebar-menu .sigelu-sidebar-content-value-icon {
  margin: 8px 0 8px 16px !important;
}
:root .sidebar-menu .sigelu-sidebar-header-icon,
:root .sidebar-menu .sigelu-sidebar-header-icon-simbols,
:root .sidebar-menu [class^=sigelu-sidebar-header-] {
  margin: 16px 15px 16px 0 !important;
}
:root .sidebar-menu .sigelu-sidebar-header-title {
  align-self: center !important;
}
:root .sidebar-menu .mat-expansion-panel-header {
  align-items: center !important;
}
:root .sidebar-menu .sigelu-sidebar-content {
  padding: 5px 16px 5px 40px !important;
  margin: 0 !important;
  height: 46px !important;
}
:root .sidebar-menu .header-text-info {
  align-self: center;
}
:root .sidebar-menu .sigelu-sidebar-content-value {
  align-self: center !important;
}
:root .mat-mdc-form-field-icon-suffix {
  align-self: center !important;
}
:root .mat-form-field-appearance-legacy .mat-mdc-form-field-infix.mat-mdc-form-field-infix.mat-mdc-form-field-infix {
  border-top: 0px !important;
}
:root .mat-form-field-appearance-legacy .mat-mdc-form-field-flex {
  padding: 8px 8px !important;
  background-color: #eeeeee;
  border-radius: 4px 4px 0px 0px;
}
:root .mat-form-field-appearance-legacy .mat-mdc-form-field-flex:not(:has(textarea)) {
  height: 40px !important;
}
:root .mat-form-field-appearance-legacy .mdc-floating-label.mdc-floating-label.mdc-floating-label.mdc-floating-label--float-above,
:root .mat-form-field-appearance-legacy.mat-focused .mdc-floating-label.mdc-floating-label.mdc-floating-label {
  font-weight: 700 !important;
  font-size: 18px !important;
  top: 0.16em !important;
  left: -8px !important;
}
:root .mat-mdc-form-field {
  width: 100% !important;
}
:root .mat-mdc-input-element.mat-mdc-input-element {
  width: --webkit-fill-available !important;
}
:root .mat-mdc-select-panel {
  overflow-x: clip !important;
}
:root .row {
  row-gap: 32px;
  margin: 0;
  margin-top: 24px;
}
:root .mat-mdc-card-header-text {
  width: 100% !important;
}
:root .mat-mdc-card-header-text > mat-card-title label:only-child {
  margin-top: 8px !important;
}
:root .mat-mdc-card-header-text > mat-card-title div:last-child {
  text-align: end !important;
}
:root .mat-mdc-card-header-text > mat-card-title {
  min-height: 56px !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
}
:root .mat-mdc-card-header-text > mat-card-title > div {
  flex: 1;
}
:root .mat-mdc-card-header-text > mat-card-title > div > label {
  font-size: 2rem;
}
:root .titulo-dialog .titulo-texto {
  font-size: 2rem;
}
:root .title-bar {
  margin-bottom: 24px !important;
  padding: 24px 16px 0px !important;
}
:root .force-mobile-mode .title-bar {
  padding: 16px 8px 0px !important;
}
:root .mat-mdc-paginator-page-size-select {
  width: 4vw !important;
  max-width: 4vw !important;
  min-width: 4vw !important;
  text-align: end !important;
}
:root table th {
  color: var(--text-default);
  font-weight: 700;
  font-size: 0.875rem;
}
:root table td {
  color: var(--text-default);
  font-size: 0.875rem;
}
:root .row-gap-none {
  row-gap: 0px !important;
}
:root .row-gap-tiny {
  row-gap: 2px !important;
}
:root .row-gap-xsmall {
  row-gap: 4px !important;
}
:root .row-gap-small {
  row-gap: 8px !important;
}
:root .row-gap-semiregular {
  row-gap: 12px !important;
}
:root .row-gap-regular {
  row-gap: 16px !important;
}
:root .row-gap-large {
  row-gap: 24px !important;
}
:root .row-gap-xlarge {
  row-gap: 32px !important;
}
:root .row-gap-xxlarge {
  row-gap: 40px !important;
}
:root .row-gap-huge {
  row-gap: 48px !important;
}
:root .row-gap-xhuge {
  row-gap: 56px !important;
}
:root .row-gap-xxhuge {
  row-gap: 64px !important;
}
:root .row-gap-display {
  row-gap: 128px !important;
}
:root .margin-top-none {
  margin-top: 0px !important;
}
:root .margin-top-tiny {
  margin-top: 2px !important;
}
:root .margin-top-xsmall {
  margin-top: 4px !important;
}
:root .margin-top-small {
  margin-top: 8px !important;
}
:root .margin-top-semiregular {
  margin-top: 12px !important;
}
:root .margin-top-regular {
  margin-top: 16px !important;
}
:root .margin-top-large {
  margin-top: 24px !important;
}
:root .margin-top-xlarge {
  margin-top: 32px !important;
}
:root .margin-top-xxlarge {
  margin-top: 40px !important;
}
:root .margin-top-huge {
  margin-top: 48px !important;
}
:root .margin-top-xhuge {
  margin-top: 56px !important;
}
:root .margin-top-xxhuge {
  margin-top: 64px !important;
}
:root .margin-top-display {
  margin-top: 128px !important;
}
:root .padding-horizontal-small {
  padding: 4px 8px !important;
}
:root .container-card {
  margin: 16px;
}
:root mat-card-content {
  padding: 32px 32px !important;
}
:root .padding-uniforme-xlarge {
  padding: 32px !important;
}

@media screen and (max-width: 992px) {
  .main-container {
    left: 0px;
  }
}
@media screen and (max-width: 992px) {
  .push-right #sidebar {
    left: 0 !important;
  }
}
.force-mobile-mode .sigelu-page-card {
  padding: 4px !important;
  margin: 0px !important;
}

.force-mobile-mode .title-bar {
  padding: 4px 4px 0px !important;
  margin-bottom: 8px !important;
}

.force-mobile-mode .toggle-div {
  padding: 4px !important;
}

.force-mobile-mode .sigelu-title {
  margin: 0 0 8px 0 !important;
}

.force-mobile-mode .mat-mdc-card {
  padding: 16px !important;
}

.force-mobile-mode .form-card {
  margin-top: 16px !important;
}

.force-mobile-mode .margin-form-gerais {
  padding: 16px 0px 0px 4px !important;
}

.sigelu-icone-loading {
  width: 45px;
  height: 45px;
  -webkit-animation-name: spin;
  -webkit-animation-duration: 2000ms;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: spin;
  -moz-animation-duration: 2000ms;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: spin;
  -ms-animation-duration: 2000ms;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  animation-name: spin;
  animation-duration: 2000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.show-info-div-title {
  text-align: left;
}

.show-info-div-description {
  margin-top: 5px;
}

.sigelu-show-info .swal2-actions {
  flex-direction: row-reverse;
  justify-content: end;
}

.swal2-container.swal2-center > .swal2-popup {
  align-self: center !important;
  justify-self: center !important;
  flex-direction: column !important;
  display: flex !important;
  overflow-y: hidden !important;
  overflow-x: hidden !important;
}

.swal2-container.swal2-center > .options {
  align-self: center !important;
  justify-self: center !important;
  flex-direction: column !important;
  display: flex !important;
  overflow-y: hidden !important;
  overflow-x: hidden !important;
  width: 45%;
}

.swal2-container.swal2-center > .imagem {
  align-self: center !important;
  justify-self: center !important;
  flex-direction: column !important;
  display: flex !important;
  overflow-y: hidden !important;
  overflow-x: hidden !important;
  align-items: center !important;
}

.swal2-title {
  display: flex !important;
  justify-content: center !important;
}

.swal2-popup,
.swal2-html-container {
  display: block !important;
  overflow-x: hidden !important;
  overflow-y: hidden !important;
  padding-bottom: 15px;
}

.swal2-close {
  position: absolute;
  top: 0;
  right: 32%;
  width: 1.2em;
  height: 1.2em;
  transition: color 0.1s ease-out;
  border: none;
  background: transparent;
  color: #cccccc;
  font-family: serif;
  font-size: 40px;
  cursor: pointer;
}

.no-margin-actions {
  margin: 0;
}

.my-actions {
  margin: 0 1em;
}

.order-1 {
  order: 1;
  width: -moz-fit-content;
  width: fit-content;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-1-custom {
  order: 1;
  width: auto;
  padding: 10px;
  text-align: center;
}

.order-2-custom {
  order: 2;
  width: auto;
  padding: 10px;
  text-align: center;
}

.order-3-custom {
  order: 3;
  width: auto;
  padding: 10px;
  text-align: center;
}

@media (min-width: 320px) {
  /* smartphones, iPhone, portrait 480x320 phones */
  .swal2-container.swal2-center > .swal2-popup {
    align-self: center !important;
    justify-self: center !important;
    flex-direction: column !important;
    display: flex !important;
    overflow-y: hidden !important;
    overflow-x: hidden !important;
    width: 80%;
  }
  .swal2-title {
    font-size: 1.5em !important;
  }
  .swal2-content {
    font-size: 1em !important;
  }
}
@media (min-width: 481px) {
  /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */
  .swal2-container.swal2-center > .swal2-popup {
    align-self: center !important;
    justify-self: center !important;
    flex-direction: column !important;
    display: flex !important;
    overflow-y: hidden !important;
    overflow-x: hidden !important;
    width: 80%;
  }
  .swal2-title {
    font-size: 1.5em !important;
  }
  .swal2-content {
    font-size: 1em !important;
  }
}
@media (min-width: 641px) {
  /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */
  .swal2-container.swal2-center > .swal2-popup {
    align-self: center !important;
    justify-self: center !important;
    flex-direction: column !important;
    display: flex !important;
    overflow-y: hidden !important;
    overflow-x: hidden !important;
    max-width: 80%;
  }
  .swal2-title {
    font-size: 1.5em !important;
  }
  .swal2-content {
    font-size: 1em !important;
  }
}
@media (min-width: 961px) {
  /* tablet, landscape iPad, lo-res laptops ands desktops */
  .swal2-container.swal2-center > .swal2-popup {
    align-self: center !important;
    justify-self: center !important;
    flex-direction: column !important;
    display: flex !important;
    overflow-y: hidden !important;
    overflow-x: hidden !important;
    max-width: 60%;
  }
}
@media (min-width: 1025px) {
  /* big landscape tablets, laptops, and desktops */
  .swal2-container.swal2-center > .swal2-popup {
    align-self: center !important;
    justify-self: center !important;
    flex-direction: column !important;
    display: flex !important;
    overflow-y: hidden !important;
    overflow-x: hidden !important;
    max-width: 60%;
  }
}
@media (min-width: 1281px) {
  /* hi-res laptops and desktops */
  .swal2-container.swal2-center > .swal2-popup {
    align-self: center !important;
    justify-self: center !important;
    flex-direction: column !important;
    display: flex !important;
    overflow-y: hidden !important;
    overflow-x: hidden !important;
    max-width: 45%;
  }
}
.right-gap {
  margin-right: auto;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal;
}

/*!
 * Bootstrap Grid v4.4.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
html {
  box-sizing: border-box;
  -ms-overflow-style: scrollbar;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

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

@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}
.container-fluid, .container-xl, .container-lg, .container-md, .container-sm {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container-sm, .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container-md, .container-sm, .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container-lg, .container-md, .container-sm, .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1140px;
  }
}
.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.order-first {
  order: -1;
}

.order-last {
  order: 13;
}

.order-0 {
  order: 0;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

.order-7 {
  order: 7;
}

.order-8 {
  order: 8;
}

.order-9 {
  order: 9;
}

.order-10 {
  order: 10;
}

.order-11 {
  order: 11;
}

.order-12 {
  order: 12;
}

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 576px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-sm-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-sm-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-sm-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-sm-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-sm-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-sm-12, .sigelu-forms-border {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-first {
    order: -1;
  }
  .order-sm-last {
    order: 13;
  }
  .order-sm-0 {
    order: 0;
  }
  .order-sm-1 {
    order: 1;
  }
  .order-sm-2 {
    order: 2;
  }
  .order-sm-3 {
    order: 3;
  }
  .order-sm-4 {
    order: 4;
  }
  .order-sm-5 {
    order: 5;
  }
  .order-sm-6 {
    order: 6;
  }
  .order-sm-7 {
    order: 7;
  }
  .order-sm-8 {
    order: 8;
  }
  .order-sm-9 {
    order: 9;
  }
  .order-sm-10 {
    order: 10;
  }
  .order-sm-11 {
    order: 11;
  }
  .order-sm-12 {
    order: 12;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.3333333333%;
  }
  .offset-sm-2 {
    margin-left: 16.6666666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.3333333333%;
  }
  .offset-sm-5 {
    margin-left: 41.6666666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.3333333333%;
  }
  .offset-sm-8 {
    margin-left: 66.6666666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.3333333333%;
  }
  .offset-sm-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-md-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-md-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-md-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-md-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-md-6, .sigelu-forms-border {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-md-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-md-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    order: -1;
  }
  .order-md-last {
    order: 13;
  }
  .order-md-0 {
    order: 0;
  }
  .order-md-1 {
    order: 1;
  }
  .order-md-2 {
    order: 2;
  }
  .order-md-3 {
    order: 3;
  }
  .order-md-4 {
    order: 4;
  }
  .order-md-5 {
    order: 5;
  }
  .order-md-6 {
    order: 6;
  }
  .order-md-7 {
    order: 7;
  }
  .order-md-8 {
    order: 8;
  }
  .order-md-9 {
    order: 9;
  }
  .order-md-10 {
    order: 10;
  }
  .order-md-11 {
    order: 11;
  }
  .order-md-12 {
    order: 12;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.3333333333%;
  }
  .offset-md-2 {
    margin-left: 16.6666666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.3333333333%;
  }
  .offset-md-5 {
    margin-left: 41.6666666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.3333333333%;
  }
  .offset-md-8 {
    margin-left: 66.6666666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.3333333333%;
  }
  .offset-md-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .row-cols-lg-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-lg-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-lg-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-lg-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-lg-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-lg-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    order: -1;
  }
  .order-lg-last {
    order: 13;
  }
  .order-lg-0 {
    order: 0;
  }
  .order-lg-1 {
    order: 1;
  }
  .order-lg-2 {
    order: 2;
  }
  .order-lg-3 {
    order: 3;
  }
  .order-lg-4 {
    order: 4;
  }
  .order-lg-5 {
    order: 5;
  }
  .order-lg-6 {
    order: 6;
  }
  .order-lg-7 {
    order: 7;
  }
  .order-lg-8 {
    order: 8;
  }
  .order-lg-9 {
    order: 9;
  }
  .order-lg-10 {
    order: 10;
  }
  .order-lg-11 {
    order: 11;
  }
  .order-lg-12 {
    order: 12;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.3333333333%;
  }
  .offset-lg-2 {
    margin-left: 16.6666666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.3333333333%;
  }
  .offset-lg-5 {
    margin-left: 41.6666666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.3333333333%;
  }
  .offset-lg-8 {
    margin-left: 66.6666666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.3333333333%;
  }
  .offset-lg-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xl-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-xl-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4, .sigelu-forms-border {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-xl-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-xl-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-xl-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    order: -1;
  }
  .order-xl-last {
    order: 13;
  }
  .order-xl-0 {
    order: 0;
  }
  .order-xl-1 {
    order: 1;
  }
  .order-xl-2 {
    order: 2;
  }
  .order-xl-3 {
    order: 3;
  }
  .order-xl-4 {
    order: 4;
  }
  .order-xl-5 {
    order: 5;
  }
  .order-xl-6 {
    order: 6;
  }
  .order-xl-7 {
    order: 7;
  }
  .order-xl-8 {
    order: 8;
  }
  .order-xl-9 {
    order: 9;
  }
  .order-xl-10 {
    order: 10;
  }
  .order-xl-11 {
    order: 11;
  }
  .order-xl-12 {
    order: 12;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.3333333333%;
  }
  .offset-xl-2 {
    margin-left: 16.6666666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.3333333333%;
  }
  .offset-xl-5 {
    margin-left: 41.6666666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.3333333333%;
  }
  .offset-xl-8 {
    margin-left: 66.6666666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.3333333333%;
  }
  .offset-xl-11 {
    margin-left: 91.6666666667%;
  }
}
.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
}
@media print {
  .d-print-none {
    display: none !important;
  }
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
}
.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.flex-fill {
  flex: 1 1 auto !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

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

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

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

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

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

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

@media (min-width: 576px) {
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 768px) {
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 992px) {
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 1200px) {
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
}
.m-0 {
  margin: 0 !important;
}

.mt-0,
.my-0 {
  margin-top: 0 !important;
}

.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
  margin-left: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mt-1,
.my-1 {
  margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.mt-3,
.my-3 {
  margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}

.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
  margin-left: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.mt-5,
.my-5 {
  margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
  margin-right: 3rem !important;
}

.mb-5,
.my-5 {
  margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
  margin-left: 3rem !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0,
.py-0 {
  padding-top: 0 !important;
}

.pr-0,
.px-0 {
  padding-right: 0 !important;
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
  padding-left: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
  padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
  padding-left: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
  padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
  padding-left: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.pt-3,
.py-3 {
  padding-top: 1rem !important;
}

.pr-3,
.px-3 {
  padding-right: 1rem !important;
}

.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
  padding-left: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
  padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
  padding-left: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.pt-5,
.py-5 {
  padding-top: 3rem !important;
}

.pr-5,
.px-5 {
  padding-right: 3rem !important;
}

.pb-5,
.py-5 {
  padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
  padding-left: 3rem !important;
}

.m-n1 {
  margin: -0.25rem !important;
}

.mt-n1,
.my-n1 {
  margin-top: -0.25rem !important;
}

.mr-n1,
.mx-n1 {
  margin-right: -0.25rem !important;
}

.mb-n1,
.my-n1 {
  margin-bottom: -0.25rem !important;
}

.ml-n1,
.mx-n1 {
  margin-left: -0.25rem !important;
}

.m-n2 {
  margin: -0.5rem !important;
}

.mt-n2,
.my-n2 {
  margin-top: -0.5rem !important;
}

.mr-n2,
.mx-n2 {
  margin-right: -0.5rem !important;
}

.mb-n2,
.my-n2 {
  margin-bottom: -0.5rem !important;
}

.ml-n2,
.mx-n2 {
  margin-left: -0.5rem !important;
}

.m-n3 {
  margin: -1rem !important;
}

.mt-n3,
.my-n3 {
  margin-top: -1rem !important;
}

.mr-n3,
.mx-n3 {
  margin-right: -1rem !important;
}

.mb-n3,
.my-n3 {
  margin-bottom: -1rem !important;
}

.ml-n3,
.mx-n3 {
  margin-left: -1rem !important;
}

.m-n4 {
  margin: -1.5rem !important;
}

.mt-n4,
.my-n4 {
  margin-top: -1.5rem !important;
}

.mr-n4,
.mx-n4 {
  margin-right: -1.5rem !important;
}

.mb-n4,
.my-n4 {
  margin-bottom: -1.5rem !important;
}

.ml-n4,
.mx-n4 {
  margin-left: -1.5rem !important;
}

.m-n5 {
  margin: -3rem !important;
}

.mt-n5,
.my-n5 {
  margin-top: -3rem !important;
}

.mr-n5,
.mx-n5 {
  margin-right: -3rem !important;
}

.mb-n5,
.my-n5 {
  margin-bottom: -3rem !important;
}

.ml-n5,
.mx-n5 {
  margin-left: -3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto,
.my-auto {
  margin-top: auto !important;
}

.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
  margin-left: auto !important;
}

@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important;
  }
  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important;
  }
  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important;
  }
  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important;
  }
  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .mt-sm-1,
  .my-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mr-sm-1,
  .mx-sm-1 {
    margin-right: 0.25rem !important;
  }
  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .mt-sm-2,
  .my-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mr-sm-2,
  .mx-sm-2 {
    margin-right: 0.5rem !important;
  }
  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .mt-sm-3,
  .my-sm-3 {
    margin-top: 1rem !important;
  }
  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 1rem !important;
  }
  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 1rem !important;
  }
  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .mt-sm-4,
  .my-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 1.5rem !important;
  }
  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .mt-sm-5,
  .my-sm-5 {
    margin-top: 3rem !important;
  }
  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 3rem !important;
  }
  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 3rem !important;
  }
  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 3rem !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important;
  }
  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important;
  }
  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important;
  }
  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .pt-sm-1,
  .py-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pr-sm-1,
  .px-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-sm-1,
  .px-sm-1 {
    padding-left: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .pt-sm-2,
  .py-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pr-sm-2,
  .px-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-sm-2,
  .px-sm-2 {
    padding-left: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .pt-sm-3,
  .py-sm-3 {
    padding-top: 1rem !important;
  }
  .pr-sm-3,
  .px-sm-3 {
    padding-right: 1rem !important;
  }
  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pl-sm-3,
  .px-sm-3 {
    padding-left: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .pt-sm-4,
  .py-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pr-sm-4,
  .px-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-sm-4,
  .px-sm-4 {
    padding-left: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .pt-sm-5,
  .py-sm-5 {
    padding-top: 3rem !important;
  }
  .pr-sm-5,
  .px-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 3rem !important;
  }
  .pl-sm-5,
  .px-sm-5 {
    padding-left: 3rem !important;
  }
  .m-sm-n1 {
    margin: -0.25rem !important;
  }
  .mt-sm-n1,
  .my-sm-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-sm-n1,
  .mx-sm-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-sm-n1,
  .my-sm-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-sm-n1,
  .mx-sm-n1 {
    margin-left: -0.25rem !important;
  }
  .m-sm-n2 {
    margin: -0.5rem !important;
  }
  .mt-sm-n2,
  .my-sm-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-sm-n2,
  .mx-sm-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-sm-n2,
  .my-sm-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-sm-n2,
  .mx-sm-n2 {
    margin-left: -0.5rem !important;
  }
  .m-sm-n3 {
    margin: -1rem !important;
  }
  .mt-sm-n3,
  .my-sm-n3 {
    margin-top: -1rem !important;
  }
  .mr-sm-n3,
  .mx-sm-n3 {
    margin-right: -1rem !important;
  }
  .mb-sm-n3,
  .my-sm-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-sm-n3,
  .mx-sm-n3 {
    margin-left: -1rem !important;
  }
  .m-sm-n4 {
    margin: -1.5rem !important;
  }
  .mt-sm-n4,
  .my-sm-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-sm-n4,
  .mx-sm-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-sm-n4,
  .my-sm-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-sm-n4,
  .mx-sm-n4 {
    margin-left: -1.5rem !important;
  }
  .m-sm-n5 {
    margin: -3rem !important;
  }
  .mt-sm-n5,
  .my-sm-n5 {
    margin-top: -3rem !important;
  }
  .mr-sm-n5,
  .mx-sm-n5 {
    margin-right: -3rem !important;
  }
  .mb-sm-n5,
  .my-sm-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-sm-n5,
  .mx-sm-n5 {
    margin-left: -3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important;
  }
  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important;
  }
  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important;
  }
  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important;
  }
  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .mt-md-1,
  .my-md-1 {
    margin-top: 0.25rem !important;
  }
  .mr-md-1,
  .mx-md-1 {
    margin-right: 0.25rem !important;
  }
  .mb-md-1,
  .my-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-md-1,
  .mx-md-1 {
    margin-left: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .mt-md-2,
  .my-md-2 {
    margin-top: 0.5rem !important;
  }
  .mr-md-2,
  .mx-md-2 {
    margin-right: 0.5rem !important;
  }
  .mb-md-2,
  .my-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-md-2,
  .mx-md-2 {
    margin-left: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .mt-md-3,
  .my-md-3 {
    margin-top: 1rem !important;
  }
  .mr-md-3,
  .mx-md-3 {
    margin-right: 1rem !important;
  }
  .mb-md-3,
  .my-md-3 {
    margin-bottom: 1rem !important;
  }
  .ml-md-3,
  .mx-md-3 {
    margin-left: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .mt-md-4,
  .my-md-4 {
    margin-top: 1.5rem !important;
  }
  .mr-md-4,
  .mx-md-4 {
    margin-right: 1.5rem !important;
  }
  .mb-md-4,
  .my-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-md-4,
  .mx-md-4 {
    margin-left: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .mt-md-5,
  .my-md-5 {
    margin-top: 3rem !important;
  }
  .mr-md-5,
  .mx-md-5 {
    margin-right: 3rem !important;
  }
  .mb-md-5,
  .my-md-5 {
    margin-bottom: 3rem !important;
  }
  .ml-md-5,
  .mx-md-5 {
    margin-left: 3rem !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important;
  }
  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important;
  }
  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important;
  }
  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .pt-md-1,
  .py-md-1 {
    padding-top: 0.25rem !important;
  }
  .pr-md-1,
  .px-md-1 {
    padding-right: 0.25rem !important;
  }
  .pb-md-1,
  .py-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-md-1,
  .px-md-1 {
    padding-left: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .pt-md-2,
  .py-md-2 {
    padding-top: 0.5rem !important;
  }
  .pr-md-2,
  .px-md-2 {
    padding-right: 0.5rem !important;
  }
  .pb-md-2,
  .py-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-md-2,
  .px-md-2 {
    padding-left: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .pt-md-3,
  .py-md-3 {
    padding-top: 1rem !important;
  }
  .pr-md-3,
  .px-md-3 {
    padding-right: 1rem !important;
  }
  .pb-md-3,
  .py-md-3 {
    padding-bottom: 1rem !important;
  }
  .pl-md-3,
  .px-md-3 {
    padding-left: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .pt-md-4,
  .py-md-4 {
    padding-top: 1.5rem !important;
  }
  .pr-md-4,
  .px-md-4 {
    padding-right: 1.5rem !important;
  }
  .pb-md-4,
  .py-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-md-4,
  .px-md-4 {
    padding-left: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .pt-md-5,
  .py-md-5 {
    padding-top: 3rem !important;
  }
  .pr-md-5,
  .px-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-5,
  .py-md-5 {
    padding-bottom: 3rem !important;
  }
  .pl-md-5,
  .px-md-5 {
    padding-left: 3rem !important;
  }
  .m-md-n1 {
    margin: -0.25rem !important;
  }
  .mt-md-n1,
  .my-md-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-md-n1,
  .mx-md-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-md-n1,
  .my-md-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-md-n1,
  .mx-md-n1 {
    margin-left: -0.25rem !important;
  }
  .m-md-n2 {
    margin: -0.5rem !important;
  }
  .mt-md-n2,
  .my-md-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-md-n2,
  .mx-md-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-md-n2,
  .my-md-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-md-n2,
  .mx-md-n2 {
    margin-left: -0.5rem !important;
  }
  .m-md-n3 {
    margin: -1rem !important;
  }
  .mt-md-n3,
  .my-md-n3 {
    margin-top: -1rem !important;
  }
  .mr-md-n3,
  .mx-md-n3 {
    margin-right: -1rem !important;
  }
  .mb-md-n3,
  .my-md-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-md-n3,
  .mx-md-n3 {
    margin-left: -1rem !important;
  }
  .m-md-n4 {
    margin: -1.5rem !important;
  }
  .mt-md-n4,
  .my-md-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-md-n4,
  .mx-md-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-md-n4,
  .my-md-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-md-n4,
  .mx-md-n4 {
    margin-left: -1.5rem !important;
  }
  .m-md-n5 {
    margin: -3rem !important;
  }
  .mt-md-n5,
  .my-md-n5 {
    margin-top: -3rem !important;
  }
  .mr-md-n5,
  .mx-md-n5 {
    margin-right: -3rem !important;
  }
  .mb-md-n5,
  .my-md-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-md-n5,
  .mx-md-n5 {
    margin-left: -3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important;
  }
  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important;
  }
  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important;
  }
  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important;
  }
  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important;
  }
  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important;
  }
  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .mt-lg-1,
  .my-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mr-lg-1,
  .mx-lg-1 {
    margin-right: 0.25rem !important;
  }
  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .mt-lg-2,
  .my-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 0.5rem !important;
  }
  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .mt-lg-3,
  .my-lg-3 {
    margin-top: 1rem !important;
  }
  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 1rem !important;
  }
  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 1rem !important;
  }
  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .mt-lg-4,
  .my-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 1.5rem !important;
  }
  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .mt-lg-5,
  .my-lg-5 {
    margin-top: 3rem !important;
  }
  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 3rem !important;
  }
  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 3rem !important;
  }
  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 3rem !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important;
  }
  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important;
  }
  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important;
  }
  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .pt-lg-1,
  .py-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pr-lg-1,
  .px-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-lg-1,
  .px-lg-1 {
    padding-left: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .pt-lg-2,
  .py-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pr-lg-2,
  .px-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-lg-2,
  .px-lg-2 {
    padding-left: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .pt-lg-3,
  .py-lg-3 {
    padding-top: 1rem !important;
  }
  .pr-lg-3,
  .px-lg-3 {
    padding-right: 1rem !important;
  }
  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pl-lg-3,
  .px-lg-3 {
    padding-left: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .pt-lg-4,
  .py-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pr-lg-4,
  .px-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-lg-4,
  .px-lg-4 {
    padding-left: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .pt-lg-5,
  .py-lg-5 {
    padding-top: 3rem !important;
  }
  .pr-lg-5,
  .px-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 3rem !important;
  }
  .pl-lg-5,
  .px-lg-5 {
    padding-left: 3rem !important;
  }
  .m-lg-n1 {
    margin: -0.25rem !important;
  }
  .mt-lg-n1,
  .my-lg-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-lg-n1,
  .mx-lg-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-lg-n1,
  .my-lg-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-lg-n1,
  .mx-lg-n1 {
    margin-left: -0.25rem !important;
  }
  .m-lg-n2 {
    margin: -0.5rem !important;
  }
  .mt-lg-n2,
  .my-lg-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-lg-n2,
  .mx-lg-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-lg-n2,
  .my-lg-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-lg-n2,
  .mx-lg-n2 {
    margin-left: -0.5rem !important;
  }
  .m-lg-n3 {
    margin: -1rem !important;
  }
  .mt-lg-n3,
  .my-lg-n3 {
    margin-top: -1rem !important;
  }
  .mr-lg-n3,
  .mx-lg-n3 {
    margin-right: -1rem !important;
  }
  .mb-lg-n3,
  .my-lg-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-lg-n3,
  .mx-lg-n3 {
    margin-left: -1rem !important;
  }
  .m-lg-n4 {
    margin: -1.5rem !important;
  }
  .mt-lg-n4,
  .my-lg-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-lg-n4,
  .mx-lg-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-lg-n4,
  .my-lg-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-lg-n4,
  .mx-lg-n4 {
    margin-left: -1.5rem !important;
  }
  .m-lg-n5 {
    margin: -3rem !important;
  }
  .mt-lg-n5,
  .my-lg-n5 {
    margin-top: -3rem !important;
  }
  .mr-lg-n5,
  .mx-lg-n5 {
    margin-right: -3rem !important;
  }
  .mb-lg-n5,
  .my-lg-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-lg-n5,
  .mx-lg-n5 {
    margin-left: -3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important;
  }
  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important;
  }
  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important;
  }
  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important;
  }
  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important;
  }
  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .mt-xl-1,
  .my-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mr-xl-1,
  .mx-xl-1 {
    margin-right: 0.25rem !important;
  }
  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-xl-1,
  .mx-xl-1 {
    margin-left: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .mt-xl-2,
  .my-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mr-xl-2,
  .mx-xl-2 {
    margin-right: 0.5rem !important;
  }
  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-xl-2,
  .mx-xl-2 {
    margin-left: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .mt-xl-3,
  .my-xl-3 {
    margin-top: 1rem !important;
  }
  .mr-xl-3,
  .mx-xl-3 {
    margin-right: 1rem !important;
  }
  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 1rem !important;
  }
  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .mt-xl-4,
  .my-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mr-xl-4,
  .mx-xl-4 {
    margin-right: 1.5rem !important;
  }
  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .mt-xl-5,
  .my-xl-5 {
    margin-top: 3rem !important;
  }
  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 3rem !important;
  }
  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 3rem !important;
  }
  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 3rem !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important;
  }
  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important;
  }
  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important;
  }
  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .pt-xl-1,
  .py-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pr-xl-1,
  .px-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-xl-1,
  .px-xl-1 {
    padding-left: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .pt-xl-2,
  .py-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pr-xl-2,
  .px-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-xl-2,
  .px-xl-2 {
    padding-left: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .pt-xl-3,
  .py-xl-3 {
    padding-top: 1rem !important;
  }
  .pr-xl-3,
  .px-xl-3 {
    padding-right: 1rem !important;
  }
  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pl-xl-3,
  .px-xl-3 {
    padding-left: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .pt-xl-4,
  .py-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pr-xl-4,
  .px-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-xl-4,
  .px-xl-4 {
    padding-left: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .pt-xl-5,
  .py-xl-5 {
    padding-top: 3rem !important;
  }
  .pr-xl-5,
  .px-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 3rem !important;
  }
  .pl-xl-5,
  .px-xl-5 {
    padding-left: 3rem !important;
  }
  .m-xl-n1 {
    margin: -0.25rem !important;
  }
  .mt-xl-n1,
  .my-xl-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-xl-n1,
  .mx-xl-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-xl-n1,
  .my-xl-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-xl-n1,
  .mx-xl-n1 {
    margin-left: -0.25rem !important;
  }
  .m-xl-n2 {
    margin: -0.5rem !important;
  }
  .mt-xl-n2,
  .my-xl-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-xl-n2,
  .mx-xl-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-xl-n2,
  .my-xl-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-xl-n2,
  .mx-xl-n2 {
    margin-left: -0.5rem !important;
  }
  .m-xl-n3 {
    margin: -1rem !important;
  }
  .mt-xl-n3,
  .my-xl-n3 {
    margin-top: -1rem !important;
  }
  .mr-xl-n3,
  .mx-xl-n3 {
    margin-right: -1rem !important;
  }
  .mb-xl-n3,
  .my-xl-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-xl-n3,
  .mx-xl-n3 {
    margin-left: -1rem !important;
  }
  .m-xl-n4 {
    margin: -1.5rem !important;
  }
  .mt-xl-n4,
  .my-xl-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-xl-n4,
  .mx-xl-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-xl-n4,
  .my-xl-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-xl-n4,
  .mx-xl-n4 {
    margin-left: -1.5rem !important;
  }
  .m-xl-n5 {
    margin: -3rem !important;
  }
  .mt-xl-n5,
  .my-xl-n5 {
    margin-top: -3rem !important;
  }
  .mr-xl-n5,
  .mx-xl-n5 {
    margin-right: -3rem !important;
  }
  .mb-xl-n5,
  .my-xl-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-xl-n5,
  .mx-xl-n5 {
    margin-left: -3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important;
  }
  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important;
  }
  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important;
  }
}
.text-monospace {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}

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

.text-wrap {
  white-space: normal !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

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

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

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

@media (min-width: 576px) {
  .text-sm-left {
    text-align: left !important;
  }
  .text-sm-right {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .text-md-left {
    text-align: left !important;
  }
  .text-md-right {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .text-lg-left {
    text-align: left !important;
  }
  .text-lg-right {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .text-xl-left {
    text-align: left !important;
  }
  .text-xl-right {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}
.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.font-weight-light {
  font-weight: 300 !important;
}

.font-weight-lighter {
  font-weight: lighter !important;
}

.font-weight-normal {
  font-weight: 400 !important;
}

.font-weight-bold {
  font-weight: 700 !important;
}

.font-weight-bolder {
  font-weight: bolder !important;
}

.font-italic {
  font-style: italic !important;
}

.text-white {
  color: #fff !important;
}

.text-primary {
  color: #007bff !important;
}

a.text-primary:hover, a.text-primary:focus {
  color: rgb(0, 86.1, 178.5) !important;
}

.text-secondary {
  color: #6c757d !important;
}

a.text-secondary:hover, a.text-secondary:focus {
  color: rgb(72.5407725322, 78.5858369099, 83.9592274678) !important;
}

.text-success {
  color: #28a745 !important;
}

a.text-success:hover, a.text-success:focus {
  color: rgb(25.2173913043, 105.2826086957, 43.5) !important;
}

.text-info {
  color: #17a2b8 !important;
}

a.text-info:hover, a.text-info:focus {
  color: rgb(14.5, 102.1304347826, 116) !important;
}

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

a.text-warning:hover, a.text-warning:focus {
  color: rgb(185.5, 139.125, 0) !important;
}

.text-danger {
  color: #dc3545 !important;
}

a.text-danger:hover, a.text-danger:focus {
  color: rgb(167.4810126582, 29.0189873418, 42.2848101266) !important;
}

.text-light {
  color: #f8f9fa !important;
}

a.text-light:hover, a.text-light:focus {
  color: rgb(203.375, 210.75, 218.125) !important;
}

.text-dark {
  color: #343a40 !important;
}

a.text-dark:hover, a.text-dark:focus {
  color: rgb(17.7068965517, 19.75, 21.7931034483) !important;
}

.text-body {
  color: #212529 !important;
}

.text-muted {
  color: #6c757d !important;
}

.text-black-50 {
  color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
  color: rgba(255, 255, 255, 0.5) !important;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.text-decoration-none {
  text-decoration: none !important;
}

.text-break {
  word-break: break-word !important;
  overflow-wrap: break-word !important;
}

.text-reset {
  color: inherit !important;
}

.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.w-auto {
  width: auto !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.h-auto {
  height: auto !important;
}

.mw-100 {
  max-width: 100% !important;
}

.mh-100 {
  max-height: 100% !important;
}

.min-vw-100 {
  min-width: 100vw !important;
}

.min-vh-100 {
  min-height: 100vh !important;
}

.vw-100 {
  width: 100vw !important;
}

.vh-100 {
  height: 100vh !important;
}

.position-static {
  position: static !important;
}

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.position-fixed {
  position: fixed !important;
}

.position-sticky {
  position: sticky !important;
}

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}

@supports (position: sticky) {
  .sticky-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}
.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

.sigelu-title {
  font-weight: bold;
  font-size: 24px;
}

.sigelu-subtitle {
  font-size: 16px;
}

.sigelu-border-bottom {
  border-bottom: 1px #cecece solid;
  width: 100%;
}

.force-mobile-mode .sigelu-page-card {
  padding: 4px !important;
  margin: 0px !important;
  min-height: 100%;
}

.sigelu-page-card {
  padding: 20px 30px;
  margin: 20px;
}

/* // Aplica padding e margin para telas maiores que 1341px (telas de desktop)
@media (min-width: 1341px) {
  // Não dar padding em telas de tablet/celular, devido ao espaço pequeno desses dispostivos
  .sigelu-page-card {
    padding: 20px 30px;
    margin: 20px;
  }
} */
.sigelu-card {
  padding: 32px !important;
}

.sigelu-card.sigelu-card {
  border: solid 1px #cecece;
  border-top: solid 5px #777;
}

.mat-mdc-tab.mdc-tab--active {
  background-color: #afdcdd;
  color: #1f1f1f;
}

.mat-mdc-tab {
  font: normal 500 18px var(--app-font-family) !important;
  opacity: 1 !important;
}

.mat-mdc-tab:not(.mdc-tab--active) {
  color: #b2b2b2 !important;
}

.mat-mdc-tab:not(.mdc-tab--active):hover {
  background-color: #dff1f2;
}

.mat-mdc-tab-header,
.mat-mdc-tab-nav-bar {
  border-bottom: 1px solid #cccccc !important;
}

body:not(.bb-theme) .margin-top-aei {
  margin-top: 20px !important;
}

.page-header-help {
  flex: 0 0 auto;
  align-self: flex-start;
  background: none;
  border: none;
  padding: 4px;
  cursor: pointer;
  border-radius: 50%;
  line-height: 1;
  transition: background-color 0.2s ease;
}
.page-header-help mat-icon {
  color: #757575;
}
.page-header-help:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.page-header-help:hover mat-icon {
  color: #424242;
}

.page-header .title-row {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 24px;
}
.page-header .title-row .sigelu-title {
  margin: 0;
}
.page-header .title-row .page-header-help {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: center;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal;
}

/*!
 * Bootstrap Grid v4.4.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
html {
  box-sizing: border-box;
  -ms-overflow-style: scrollbar;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}

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

@media (min-width: 576px) {
  .container-sm, .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container-md, .container-sm, .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container-lg, .container-md, .container-sm, .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1140px;
  }
}
.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.order-first {
  order: -1;
}

.order-last {
  order: 13;
}

.order-0 {
  order: 0;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

.order-7 {
  order: 7;
}

.order-8 {
  order: 8;
}

.order-9 {
  order: 9;
}

.order-10 {
  order: 10;
}

.order-11 {
  order: 11;
}

.order-12 {
  order: 12;
}

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 576px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-sm-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-sm-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-sm-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-sm-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-sm-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-sm-12, .sigelu-forms-border {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-first {
    order: -1;
  }
  .order-sm-last {
    order: 13;
  }
  .order-sm-0 {
    order: 0;
  }
  .order-sm-1 {
    order: 1;
  }
  .order-sm-2 {
    order: 2;
  }
  .order-sm-3 {
    order: 3;
  }
  .order-sm-4 {
    order: 4;
  }
  .order-sm-5 {
    order: 5;
  }
  .order-sm-6 {
    order: 6;
  }
  .order-sm-7 {
    order: 7;
  }
  .order-sm-8 {
    order: 8;
  }
  .order-sm-9 {
    order: 9;
  }
  .order-sm-10 {
    order: 10;
  }
  .order-sm-11 {
    order: 11;
  }
  .order-sm-12 {
    order: 12;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.3333333333%;
  }
  .offset-sm-2 {
    margin-left: 16.6666666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.3333333333%;
  }
  .offset-sm-5 {
    margin-left: 41.6666666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.3333333333%;
  }
  .offset-sm-8 {
    margin-left: 66.6666666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.3333333333%;
  }
  .offset-sm-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-md-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-md-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-md-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-md-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-md-6, .sigelu-forms-border {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-md-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-md-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    order: -1;
  }
  .order-md-last {
    order: 13;
  }
  .order-md-0 {
    order: 0;
  }
  .order-md-1 {
    order: 1;
  }
  .order-md-2 {
    order: 2;
  }
  .order-md-3 {
    order: 3;
  }
  .order-md-4 {
    order: 4;
  }
  .order-md-5 {
    order: 5;
  }
  .order-md-6 {
    order: 6;
  }
  .order-md-7 {
    order: 7;
  }
  .order-md-8 {
    order: 8;
  }
  .order-md-9 {
    order: 9;
  }
  .order-md-10 {
    order: 10;
  }
  .order-md-11 {
    order: 11;
  }
  .order-md-12 {
    order: 12;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.3333333333%;
  }
  .offset-md-2 {
    margin-left: 16.6666666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.3333333333%;
  }
  .offset-md-5 {
    margin-left: 41.6666666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.3333333333%;
  }
  .offset-md-8 {
    margin-left: 66.6666666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.3333333333%;
  }
  .offset-md-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .row-cols-lg-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-lg-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-lg-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-lg-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-lg-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-lg-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    order: -1;
  }
  .order-lg-last {
    order: 13;
  }
  .order-lg-0 {
    order: 0;
  }
  .order-lg-1 {
    order: 1;
  }
  .order-lg-2 {
    order: 2;
  }
  .order-lg-3 {
    order: 3;
  }
  .order-lg-4 {
    order: 4;
  }
  .order-lg-5 {
    order: 5;
  }
  .order-lg-6 {
    order: 6;
  }
  .order-lg-7 {
    order: 7;
  }
  .order-lg-8 {
    order: 8;
  }
  .order-lg-9 {
    order: 9;
  }
  .order-lg-10 {
    order: 10;
  }
  .order-lg-11 {
    order: 11;
  }
  .order-lg-12 {
    order: 12;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.3333333333%;
  }
  .offset-lg-2 {
    margin-left: 16.6666666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.3333333333%;
  }
  .offset-lg-5 {
    margin-left: 41.6666666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.3333333333%;
  }
  .offset-lg-8 {
    margin-left: 66.6666666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.3333333333%;
  }
  .offset-lg-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xl-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-xl-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4, .sigelu-forms-border {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-xl-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-xl-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-xl-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    order: -1;
  }
  .order-xl-last {
    order: 13;
  }
  .order-xl-0 {
    order: 0;
  }
  .order-xl-1 {
    order: 1;
  }
  .order-xl-2 {
    order: 2;
  }
  .order-xl-3 {
    order: 3;
  }
  .order-xl-4 {
    order: 4;
  }
  .order-xl-5 {
    order: 5;
  }
  .order-xl-6 {
    order: 6;
  }
  .order-xl-7 {
    order: 7;
  }
  .order-xl-8 {
    order: 8;
  }
  .order-xl-9 {
    order: 9;
  }
  .order-xl-10 {
    order: 10;
  }
  .order-xl-11 {
    order: 11;
  }
  .order-xl-12 {
    order: 12;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.3333333333%;
  }
  .offset-xl-2 {
    margin-left: 16.6666666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.3333333333%;
  }
  .offset-xl-5 {
    margin-left: 41.6666666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.3333333333%;
  }
  .offset-xl-8 {
    margin-left: 66.6666666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.3333333333%;
  }
  .offset-xl-11 {
    margin-left: 91.6666666667%;
  }
}
.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
}
@media print {
  .d-print-none {
    display: none !important;
  }
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
}
.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.flex-fill {
  flex: 1 1 auto !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

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

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

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

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

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

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

@media (min-width: 576px) {
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 768px) {
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 992px) {
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 1200px) {
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
}
.m-0 {
  margin: 0 !important;
}

.mt-0,
.my-0 {
  margin-top: 0 !important;
}

.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
  margin-left: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mt-1,
.my-1 {
  margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.mt-3,
.my-3 {
  margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}

.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
  margin-left: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.mt-5,
.my-5 {
  margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
  margin-right: 3rem !important;
}

.mb-5,
.my-5 {
  margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
  margin-left: 3rem !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0,
.py-0 {
  padding-top: 0 !important;
}

.pr-0,
.px-0 {
  padding-right: 0 !important;
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
  padding-left: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
  padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
  padding-left: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
  padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
  padding-left: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.pt-3,
.py-3 {
  padding-top: 1rem !important;
}

.pr-3,
.px-3 {
  padding-right: 1rem !important;
}

.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
  padding-left: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
  padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
  padding-left: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.pt-5,
.py-5 {
  padding-top: 3rem !important;
}

.pr-5,
.px-5 {
  padding-right: 3rem !important;
}

.pb-5,
.py-5 {
  padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
  padding-left: 3rem !important;
}

.m-n1 {
  margin: -0.25rem !important;
}

.mt-n1,
.my-n1 {
  margin-top: -0.25rem !important;
}

.mr-n1,
.mx-n1 {
  margin-right: -0.25rem !important;
}

.mb-n1,
.my-n1 {
  margin-bottom: -0.25rem !important;
}

.ml-n1,
.mx-n1 {
  margin-left: -0.25rem !important;
}

.m-n2 {
  margin: -0.5rem !important;
}

.mt-n2,
.my-n2 {
  margin-top: -0.5rem !important;
}

.mr-n2,
.mx-n2 {
  margin-right: -0.5rem !important;
}

.mb-n2,
.my-n2 {
  margin-bottom: -0.5rem !important;
}

.ml-n2,
.mx-n2 {
  margin-left: -0.5rem !important;
}

.m-n3 {
  margin: -1rem !important;
}

.mt-n3,
.my-n3 {
  margin-top: -1rem !important;
}

.mr-n3,
.mx-n3 {
  margin-right: -1rem !important;
}

.mb-n3,
.my-n3 {
  margin-bottom: -1rem !important;
}

.ml-n3,
.mx-n3 {
  margin-left: -1rem !important;
}

.m-n4 {
  margin: -1.5rem !important;
}

.mt-n4,
.my-n4 {
  margin-top: -1.5rem !important;
}

.mr-n4,
.mx-n4 {
  margin-right: -1.5rem !important;
}

.mb-n4,
.my-n4 {
  margin-bottom: -1.5rem !important;
}

.ml-n4,
.mx-n4 {
  margin-left: -1.5rem !important;
}

.m-n5 {
  margin: -3rem !important;
}

.mt-n5,
.my-n5 {
  margin-top: -3rem !important;
}

.mr-n5,
.mx-n5 {
  margin-right: -3rem !important;
}

.mb-n5,
.my-n5 {
  margin-bottom: -3rem !important;
}

.ml-n5,
.mx-n5 {
  margin-left: -3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto,
.my-auto {
  margin-top: auto !important;
}

.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
  margin-left: auto !important;
}

@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important;
  }
  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important;
  }
  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important;
  }
  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important;
  }
  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .mt-sm-1,
  .my-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mr-sm-1,
  .mx-sm-1 {
    margin-right: 0.25rem !important;
  }
  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .mt-sm-2,
  .my-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mr-sm-2,
  .mx-sm-2 {
    margin-right: 0.5rem !important;
  }
  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .mt-sm-3,
  .my-sm-3 {
    margin-top: 1rem !important;
  }
  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 1rem !important;
  }
  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 1rem !important;
  }
  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .mt-sm-4,
  .my-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 1.5rem !important;
  }
  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .mt-sm-5,
  .my-sm-5 {
    margin-top: 3rem !important;
  }
  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 3rem !important;
  }
  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 3rem !important;
  }
  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 3rem !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important;
  }
  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important;
  }
  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important;
  }
  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .pt-sm-1,
  .py-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pr-sm-1,
  .px-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-sm-1,
  .px-sm-1 {
    padding-left: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .pt-sm-2,
  .py-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pr-sm-2,
  .px-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-sm-2,
  .px-sm-2 {
    padding-left: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .pt-sm-3,
  .py-sm-3 {
    padding-top: 1rem !important;
  }
  .pr-sm-3,
  .px-sm-3 {
    padding-right: 1rem !important;
  }
  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pl-sm-3,
  .px-sm-3 {
    padding-left: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .pt-sm-4,
  .py-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pr-sm-4,
  .px-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-sm-4,
  .px-sm-4 {
    padding-left: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .pt-sm-5,
  .py-sm-5 {
    padding-top: 3rem !important;
  }
  .pr-sm-5,
  .px-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 3rem !important;
  }
  .pl-sm-5,
  .px-sm-5 {
    padding-left: 3rem !important;
  }
  .m-sm-n1 {
    margin: -0.25rem !important;
  }
  .mt-sm-n1,
  .my-sm-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-sm-n1,
  .mx-sm-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-sm-n1,
  .my-sm-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-sm-n1,
  .mx-sm-n1 {
    margin-left: -0.25rem !important;
  }
  .m-sm-n2 {
    margin: -0.5rem !important;
  }
  .mt-sm-n2,
  .my-sm-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-sm-n2,
  .mx-sm-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-sm-n2,
  .my-sm-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-sm-n2,
  .mx-sm-n2 {
    margin-left: -0.5rem !important;
  }
  .m-sm-n3 {
    margin: -1rem !important;
  }
  .mt-sm-n3,
  .my-sm-n3 {
    margin-top: -1rem !important;
  }
  .mr-sm-n3,
  .mx-sm-n3 {
    margin-right: -1rem !important;
  }
  .mb-sm-n3,
  .my-sm-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-sm-n3,
  .mx-sm-n3 {
    margin-left: -1rem !important;
  }
  .m-sm-n4 {
    margin: -1.5rem !important;
  }
  .mt-sm-n4,
  .my-sm-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-sm-n4,
  .mx-sm-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-sm-n4,
  .my-sm-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-sm-n4,
  .mx-sm-n4 {
    margin-left: -1.5rem !important;
  }
  .m-sm-n5 {
    margin: -3rem !important;
  }
  .mt-sm-n5,
  .my-sm-n5 {
    margin-top: -3rem !important;
  }
  .mr-sm-n5,
  .mx-sm-n5 {
    margin-right: -3rem !important;
  }
  .mb-sm-n5,
  .my-sm-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-sm-n5,
  .mx-sm-n5 {
    margin-left: -3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important;
  }
  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important;
  }
  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important;
  }
  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important;
  }
  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .mt-md-1,
  .my-md-1 {
    margin-top: 0.25rem !important;
  }
  .mr-md-1,
  .mx-md-1 {
    margin-right: 0.25rem !important;
  }
  .mb-md-1,
  .my-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-md-1,
  .mx-md-1 {
    margin-left: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .mt-md-2,
  .my-md-2 {
    margin-top: 0.5rem !important;
  }
  .mr-md-2,
  .mx-md-2 {
    margin-right: 0.5rem !important;
  }
  .mb-md-2,
  .my-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-md-2,
  .mx-md-2 {
    margin-left: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .mt-md-3,
  .my-md-3 {
    margin-top: 1rem !important;
  }
  .mr-md-3,
  .mx-md-3 {
    margin-right: 1rem !important;
  }
  .mb-md-3,
  .my-md-3 {
    margin-bottom: 1rem !important;
  }
  .ml-md-3,
  .mx-md-3 {
    margin-left: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .mt-md-4,
  .my-md-4 {
    margin-top: 1.5rem !important;
  }
  .mr-md-4,
  .mx-md-4 {
    margin-right: 1.5rem !important;
  }
  .mb-md-4,
  .my-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-md-4,
  .mx-md-4 {
    margin-left: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .mt-md-5,
  .my-md-5 {
    margin-top: 3rem !important;
  }
  .mr-md-5,
  .mx-md-5 {
    margin-right: 3rem !important;
  }
  .mb-md-5,
  .my-md-5 {
    margin-bottom: 3rem !important;
  }
  .ml-md-5,
  .mx-md-5 {
    margin-left: 3rem !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important;
  }
  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important;
  }
  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important;
  }
  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .pt-md-1,
  .py-md-1 {
    padding-top: 0.25rem !important;
  }
  .pr-md-1,
  .px-md-1 {
    padding-right: 0.25rem !important;
  }
  .pb-md-1,
  .py-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-md-1,
  .px-md-1 {
    padding-left: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .pt-md-2,
  .py-md-2 {
    padding-top: 0.5rem !important;
  }
  .pr-md-2,
  .px-md-2 {
    padding-right: 0.5rem !important;
  }
  .pb-md-2,
  .py-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-md-2,
  .px-md-2 {
    padding-left: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .pt-md-3,
  .py-md-3 {
    padding-top: 1rem !important;
  }
  .pr-md-3,
  .px-md-3 {
    padding-right: 1rem !important;
  }
  .pb-md-3,
  .py-md-3 {
    padding-bottom: 1rem !important;
  }
  .pl-md-3,
  .px-md-3 {
    padding-left: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .pt-md-4,
  .py-md-4 {
    padding-top: 1.5rem !important;
  }
  .pr-md-4,
  .px-md-4 {
    padding-right: 1.5rem !important;
  }
  .pb-md-4,
  .py-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-md-4,
  .px-md-4 {
    padding-left: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .pt-md-5,
  .py-md-5 {
    padding-top: 3rem !important;
  }
  .pr-md-5,
  .px-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-5,
  .py-md-5 {
    padding-bottom: 3rem !important;
  }
  .pl-md-5,
  .px-md-5 {
    padding-left: 3rem !important;
  }
  .m-md-n1 {
    margin: -0.25rem !important;
  }
  .mt-md-n1,
  .my-md-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-md-n1,
  .mx-md-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-md-n1,
  .my-md-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-md-n1,
  .mx-md-n1 {
    margin-left: -0.25rem !important;
  }
  .m-md-n2 {
    margin: -0.5rem !important;
  }
  .mt-md-n2,
  .my-md-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-md-n2,
  .mx-md-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-md-n2,
  .my-md-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-md-n2,
  .mx-md-n2 {
    margin-left: -0.5rem !important;
  }
  .m-md-n3 {
    margin: -1rem !important;
  }
  .mt-md-n3,
  .my-md-n3 {
    margin-top: -1rem !important;
  }
  .mr-md-n3,
  .mx-md-n3 {
    margin-right: -1rem !important;
  }
  .mb-md-n3,
  .my-md-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-md-n3,
  .mx-md-n3 {
    margin-left: -1rem !important;
  }
  .m-md-n4 {
    margin: -1.5rem !important;
  }
  .mt-md-n4,
  .my-md-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-md-n4,
  .mx-md-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-md-n4,
  .my-md-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-md-n4,
  .mx-md-n4 {
    margin-left: -1.5rem !important;
  }
  .m-md-n5 {
    margin: -3rem !important;
  }
  .mt-md-n5,
  .my-md-n5 {
    margin-top: -3rem !important;
  }
  .mr-md-n5,
  .mx-md-n5 {
    margin-right: -3rem !important;
  }
  .mb-md-n5,
  .my-md-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-md-n5,
  .mx-md-n5 {
    margin-left: -3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important;
  }
  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important;
  }
  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important;
  }
  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important;
  }
  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important;
  }
  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important;
  }
  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .mt-lg-1,
  .my-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mr-lg-1,
  .mx-lg-1 {
    margin-right: 0.25rem !important;
  }
  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .mt-lg-2,
  .my-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 0.5rem !important;
  }
  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .mt-lg-3,
  .my-lg-3 {
    margin-top: 1rem !important;
  }
  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 1rem !important;
  }
  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 1rem !important;
  }
  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .mt-lg-4,
  .my-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 1.5rem !important;
  }
  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .mt-lg-5,
  .my-lg-5 {
    margin-top: 3rem !important;
  }
  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 3rem !important;
  }
  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 3rem !important;
  }
  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 3rem !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important;
  }
  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important;
  }
  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important;
  }
  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .pt-lg-1,
  .py-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pr-lg-1,
  .px-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-lg-1,
  .px-lg-1 {
    padding-left: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .pt-lg-2,
  .py-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pr-lg-2,
  .px-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-lg-2,
  .px-lg-2 {
    padding-left: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .pt-lg-3,
  .py-lg-3 {
    padding-top: 1rem !important;
  }
  .pr-lg-3,
  .px-lg-3 {
    padding-right: 1rem !important;
  }
  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pl-lg-3,
  .px-lg-3 {
    padding-left: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .pt-lg-4,
  .py-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pr-lg-4,
  .px-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-lg-4,
  .px-lg-4 {
    padding-left: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .pt-lg-5,
  .py-lg-5 {
    padding-top: 3rem !important;
  }
  .pr-lg-5,
  .px-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 3rem !important;
  }
  .pl-lg-5,
  .px-lg-5 {
    padding-left: 3rem !important;
  }
  .m-lg-n1 {
    margin: -0.25rem !important;
  }
  .mt-lg-n1,
  .my-lg-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-lg-n1,
  .mx-lg-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-lg-n1,
  .my-lg-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-lg-n1,
  .mx-lg-n1 {
    margin-left: -0.25rem !important;
  }
  .m-lg-n2 {
    margin: -0.5rem !important;
  }
  .mt-lg-n2,
  .my-lg-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-lg-n2,
  .mx-lg-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-lg-n2,
  .my-lg-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-lg-n2,
  .mx-lg-n2 {
    margin-left: -0.5rem !important;
  }
  .m-lg-n3 {
    margin: -1rem !important;
  }
  .mt-lg-n3,
  .my-lg-n3 {
    margin-top: -1rem !important;
  }
  .mr-lg-n3,
  .mx-lg-n3 {
    margin-right: -1rem !important;
  }
  .mb-lg-n3,
  .my-lg-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-lg-n3,
  .mx-lg-n3 {
    margin-left: -1rem !important;
  }
  .m-lg-n4 {
    margin: -1.5rem !important;
  }
  .mt-lg-n4,
  .my-lg-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-lg-n4,
  .mx-lg-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-lg-n4,
  .my-lg-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-lg-n4,
  .mx-lg-n4 {
    margin-left: -1.5rem !important;
  }
  .m-lg-n5 {
    margin: -3rem !important;
  }
  .mt-lg-n5,
  .my-lg-n5 {
    margin-top: -3rem !important;
  }
  .mr-lg-n5,
  .mx-lg-n5 {
    margin-right: -3rem !important;
  }
  .mb-lg-n5,
  .my-lg-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-lg-n5,
  .mx-lg-n5 {
    margin-left: -3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important;
  }
  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important;
  }
  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important;
  }
  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important;
  }
  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important;
  }
  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .mt-xl-1,
  .my-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mr-xl-1,
  .mx-xl-1 {
    margin-right: 0.25rem !important;
  }
  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-xl-1,
  .mx-xl-1 {
    margin-left: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .mt-xl-2,
  .my-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mr-xl-2,
  .mx-xl-2 {
    margin-right: 0.5rem !important;
  }
  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-xl-2,
  .mx-xl-2 {
    margin-left: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .mt-xl-3,
  .my-xl-3 {
    margin-top: 1rem !important;
  }
  .mr-xl-3,
  .mx-xl-3 {
    margin-right: 1rem !important;
  }
  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 1rem !important;
  }
  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .mt-xl-4,
  .my-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mr-xl-4,
  .mx-xl-4 {
    margin-right: 1.5rem !important;
  }
  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .mt-xl-5,
  .my-xl-5 {
    margin-top: 3rem !important;
  }
  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 3rem !important;
  }
  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 3rem !important;
  }
  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 3rem !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important;
  }
  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important;
  }
  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important;
  }
  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .pt-xl-1,
  .py-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pr-xl-1,
  .px-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-xl-1,
  .px-xl-1 {
    padding-left: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .pt-xl-2,
  .py-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pr-xl-2,
  .px-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-xl-2,
  .px-xl-2 {
    padding-left: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .pt-xl-3,
  .py-xl-3 {
    padding-top: 1rem !important;
  }
  .pr-xl-3,
  .px-xl-3 {
    padding-right: 1rem !important;
  }
  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pl-xl-3,
  .px-xl-3 {
    padding-left: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .pt-xl-4,
  .py-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pr-xl-4,
  .px-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-xl-4,
  .px-xl-4 {
    padding-left: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .pt-xl-5,
  .py-xl-5 {
    padding-top: 3rem !important;
  }
  .pr-xl-5,
  .px-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 3rem !important;
  }
  .pl-xl-5,
  .px-xl-5 {
    padding-left: 3rem !important;
  }
  .m-xl-n1 {
    margin: -0.25rem !important;
  }
  .mt-xl-n1,
  .my-xl-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-xl-n1,
  .mx-xl-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-xl-n1,
  .my-xl-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-xl-n1,
  .mx-xl-n1 {
    margin-left: -0.25rem !important;
  }
  .m-xl-n2 {
    margin: -0.5rem !important;
  }
  .mt-xl-n2,
  .my-xl-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-xl-n2,
  .mx-xl-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-xl-n2,
  .my-xl-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-xl-n2,
  .mx-xl-n2 {
    margin-left: -0.5rem !important;
  }
  .m-xl-n3 {
    margin: -1rem !important;
  }
  .mt-xl-n3,
  .my-xl-n3 {
    margin-top: -1rem !important;
  }
  .mr-xl-n3,
  .mx-xl-n3 {
    margin-right: -1rem !important;
  }
  .mb-xl-n3,
  .my-xl-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-xl-n3,
  .mx-xl-n3 {
    margin-left: -1rem !important;
  }
  .m-xl-n4 {
    margin: -1.5rem !important;
  }
  .mt-xl-n4,
  .my-xl-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-xl-n4,
  .mx-xl-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-xl-n4,
  .my-xl-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-xl-n4,
  .mx-xl-n4 {
    margin-left: -1.5rem !important;
  }
  .m-xl-n5 {
    margin: -3rem !important;
  }
  .mt-xl-n5,
  .my-xl-n5 {
    margin-top: -3rem !important;
  }
  .mr-xl-n5,
  .mx-xl-n5 {
    margin-right: -3rem !important;
  }
  .mb-xl-n5,
  .my-xl-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-xl-n5,
  .mx-xl-n5 {
    margin-left: -3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important;
  }
  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important;
  }
  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important;
  }
}
.text-monospace {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}

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

.text-wrap {
  white-space: normal !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

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

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

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

@media (min-width: 576px) {
  .text-sm-left {
    text-align: left !important;
  }
  .text-sm-right {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .text-md-left {
    text-align: left !important;
  }
  .text-md-right {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .text-lg-left {
    text-align: left !important;
  }
  .text-lg-right {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .text-xl-left {
    text-align: left !important;
  }
  .text-xl-right {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}
.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.font-weight-light {
  font-weight: 300 !important;
}

.font-weight-lighter {
  font-weight: lighter !important;
}

.font-weight-normal {
  font-weight: 400 !important;
}

.font-weight-bold {
  font-weight: 700 !important;
}

.font-weight-bolder {
  font-weight: bolder !important;
}

.font-italic {
  font-style: italic !important;
}

.text-white {
  color: #fff !important;
}

.text-primary {
  color: #fcfc30 !important;
}

a.text-primary:hover, a.text-primary:focus {
  color: rgb(220.3071428571, 220.3071428571, 3.1928571429) !important;
}

.text-secondary {
  color: #465eff !important;
}

a.text-secondary:hover, a.text-secondary:focus {
  color: rgb(0, 32.2378378378, 248.5) !important;
}

.text-success {
  color: #089113 !important;
}

a.text-success:hover, a.text-success:focus {
  color: rgb(4, 72.5, 9.5) !important;
}

.text-info {
  color: #17a2b8 !important;
}

a.text-info:hover, a.text-info:focus {
  color: rgb(14.5, 102.1304347826, 116) !important;
}

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

a.text-warning:hover, a.text-warning:focus {
  color: rgb(232.1432160804, 174.4020100503, 2.3567839196) !important;
}

.text-danger {
  color: #dc3545 !important;
}

a.text-danger:hover, a.text-danger:focus {
  color: rgb(167.4810126582, 29.0189873418, 42.2848101266) !important;
}

.text-light {
  color: #f8f9fa !important;
}

a.text-light:hover, a.text-light:focus {
  color: rgb(203.375, 210.75, 218.125) !important;
}

.text-dark {
  color: #343a40 !important;
}

a.text-dark:hover, a.text-dark:focus {
  color: rgb(17.7068965517, 19.75, 21.7931034483) !important;
}

.text-body {
  color: #212529 !important;
}

.text-muted {
  color: #6c757d !important;
}

.text-black-50 {
  color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
  color: rgba(255, 255, 255, 0.5) !important;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.text-decoration-none {
  text-decoration: none !important;
}

.text-break {
  word-break: break-word !important;
  overflow-wrap: break-word !important;
}

.text-reset {
  color: inherit !important;
}

.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.w-auto {
  width: auto !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.h-auto {
  height: auto !important;
}

.mw-100 {
  max-width: 100% !important;
}

.mh-100 {
  max-height: 100% !important;
}

.min-vw-100 {
  min-width: 100vw !important;
}

.min-vh-100 {
  min-height: 100vh !important;
}

.vw-100 {
  width: 100vw !important;
}

.vh-100 {
  height: 100vh !important;
}

.position-static {
  position: static !important;
}

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.position-fixed {
  position: fixed !important;
}

.position-sticky {
  position: sticky !important;
}

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}

@supports (position: sticky) {
  .sticky-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

@media (max-width: 768px) {
  .mat-mdc-table[matTableResponsive] .mat-mdc-header-row {
    display: flex;
    flex-wrap: wrap;
    height: auto;
    position: sticky;
    top: 0;
    z-index: 2;
  }
  .mat-mdc-table[matTableResponsive] .mat-mdc-header-row th.mat-mdc-header-cell {
    display: flex;
    flex: 1;
    align-items: center;
    padding: 1rem 0.5rem;
    justify-content: space-around;
  }
  .mat-mdc-table[matTableResponsive] .mat-mdc-header-row th.mat-mdc-header-cell > .mat-sort-header-container {
    padding-left: 15px;
  }
  .mat-mdc-table[matTableResponsive] .mat-mdc-header-row th.mat-mdc-header-cell:not([mat-sort-header]), .mat-mdc-table[matTableResponsive] .mat-mdc-header-row th.mat-mdc-header-cell.mat-sort-header-disabled, .mat-mdc-table[matTableResponsive] .mat-mdc-header-row th.mat-mdc-header-cell.mat-column-actions {
    display: none;
  }
  .mat-mdc-table[matTableResponsive] .mat-mdc-row {
    height: auto;
  }
  .mat-mdc-table[matTableResponsive] .mat-mdc-row td.mat-mdc-cell:not(.mat-column-actions) {
    display: grid;
    grid-template-columns: 50% 50%;
    padding: 0.5rem;
    text-align: right;
    word-break: break-word;
  }
  .mat-mdc-table[matTableResponsive] .mat-mdc-row td.mat-mdc-cell:not(.mat-column-actions) > * {
    grid-column: 2;
  }
  .mat-mdc-table[matTableResponsive] .mat-mdc-row td.mat-mdc-cell:not(.mat-column-actions):before {
    content: attr(data-column-name);
    text-align: left;
  }
  .mat-mdc-table[matTableResponsive] .mat-mdc-row td.mat-column-actions {
    display: flex;
    justify-content: center;
    padding: 0 0.5rem;
  }
  .mat-mdc-table[matTableResponsive] .mat-mdc-row td.mat-column-actions > button {
    margin: 0.5rem 0;
  }
  .mat-mdc-table[matTableResponsive] .mat-mdc-row:last-of-type td:last-of-type {
    border: none;
  }
  .mat-mdc-table[matTableResponsive] .mat-mdc-row:not(:last-of-type) td:last-of-type {
    border-bottom: 0.5rem solid #fafafa;
  }
  .mat-mdc-card .mat-mdc-table[matTableResponsive],
  .mat-expansion-panel .mat-mdc-table[matTableResponsive] {
    border: 0.5rem solid #fafafa;
  }
}
/* fira-code-cyrillic-ext-400-normal */
@font-face {
  font-family: "Fira Code";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url('fira-code-cyrillic-ext-400-normal.3c4b15e57d4b1153.woff2') format("woff2"), url('fira-code-cyrillic-ext-400-normal.61323debaaef18fe.woff') format("woff");
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* fira-code-cyrillic-400-normal */
@font-face {
  font-family: "Fira Code";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url('fira-code-cyrillic-400-normal.78ac02eed5fe0ef2.woff2') format("woff2"), url('fira-code-cyrillic-400-normal.bd7b756db3f010be.woff') format("woff");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* fira-code-greek-ext-400-normal */
@font-face {
  font-family: "Fira Code";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url('fira-code-greek-ext-400-normal.7f5bfc45385738b3.woff2') format("woff2"), url('fira-code-greek-ext-400-normal.4849a79781642583.woff') format("woff");
  unicode-range: U+1F00-1FFF;
}
/* fira-code-greek-400-normal */
@font-face {
  font-family: "Fira Code";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url('fira-code-greek-400-normal.bb900468b6aadd48.woff2') format("woff2"), url('fira-code-greek-400-normal.be76e699babb3d52.woff') format("woff");
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* fira-code-symbols2-400-normal */
@font-face {
  font-family: "Fira Code";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url('fira-code-symbols2-400-normal.fc00433b53dba58d.woff2') format("woff2"), url('fira-code-symbols2-400-normal.97d3f4b17c4afbe4.woff') format("woff");
  unicode-range: U+2000-2001, U+2004-2008, U+200A, U+23B8-23BD, U+2500-259F;
}
/* fira-code-latin-ext-400-normal */
@font-face {
  font-family: "Fira Code";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url('fira-code-latin-ext-400-normal.e534ae46e28ddaed.woff2') format("woff2"), url('fira-code-latin-ext-400-normal.9dfae29aaf671e0c.woff') format("woff");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* fira-code-latin-400-normal */
@font-face {
  font-family: "Fira Code";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url('fira-code-latin-400-normal.dbfe0c2afc614672.woff2') format("woff2"), url('fira-code-latin-400-normal.826569af6ef26b31.woff') format("woff");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Tokens do design system — SÓ variáveis, nenhuma regra CSS.
   Separado do _ds.scss para que um componente possa consumir os tokens sem
   emitir no seu bundle as regras globais do design system. */
/* Tipografia - Tamanhos de Títulos */
/* Tipografia - Espaçamento */
/* Tipografia - Escala */
/* Espaçamentos */
/* Espaçamentos - Padding Uniforme */
/* Espaçamentos - Padding Horizontal */
/* Espaçamentos - Margens Empilhamento */
/* Espaçamentos - Margens Em Linha */
/* Formas - Tamanhos */
/* Formas - Bordas */
/* Formas - Raio */
:root {
  /* Tipografia - Tamanhos de Fontes e Títulos */
  /* Botões */
  /* Configuração TABS */
  /* Configuração Stepper */
  /* Crumbs */
  /* Configuração Sidebar Menu*/
  /* FORMS */
  /* Configuração Título páginas */
  /* Configuração paginator mat table */
  /* Configuração tabelas */
  /* Espaçamento */
  /* Verificar se realmente atende a aplicação globalmente */
}
:root .sigelu-title,
:root h1 {
  font-weight: 700 !important;
  margin: 0 0 24px 0;
}
@media (max-width: 1340px) {
  :root .sigelu-title,
  :root h1 {
    font-size: 1.625rem !important;
  }
}
@media (min-width: 1341px) {
  :root .sigelu-title,
  :root h1 {
    font-size: 2.5rem !important;
  }
}
:root .sigelu-subtitle {
  font-weight: 500;
  margin: 0 0 16px 0 !important;
  font-size: 1.625rem;
}
:root .mat-step-label {
  font-size: 1.625rem;
  --mat-stepper-header-selected-state-label-text-size: 1.625rem;
  font-weight: 400 !important;
}
:root button,
:root .h2,
:root .h3,
:root .mat-mdc-raised-button,
:root .botao-confirmacao,
:root .botao-secundario,
:root .botao-negacao,
:root .link-menu-option {
  font-weight: 700 !important;
}
:root .mat-mdc-raised-button,
:root .botao-confirmacao,
:root .botao-secundario,
:root .botao-negacao,
:root .botao-aviso,
:root .botao-deletar,
:root .mat-mdc-unelevated-button,
:root .textLink {
  text-transform: uppercase !important;
}
:root .header-title {
  font-size: 2rem !important;
}
:root .mat-mdc-dialog-title {
  font-size: 1.5em;
  font-weight: 700 !important;
}
:root .button {
  margin: 12px !important;
}
:root .botao-confirmacao,
:root .mat-mdc-raised-button,
:root .botao-negacao,
:root .botao-secundario {
  height: 40px !important;
}
:root button,
:root a,
:root .sigelu-button,
:root .mat-mdc-fab,
:root .btn-float {
  box-shadow: none !important;
}
:root .zendesk-custom-launcher {
  background-color: rgb(255, 150, 0) !important;
}
:root .aei-tabs .mat-mdc-tab {
  min-width: 25px !important;
  padding: 10px;
  background-color: transparent !important;
  font-weight: 700;
}
:root .aei-tabs .mat-mdc-tab.mdc-tab--active {
  background-color: rgb(var(--palette-primary-100)) !important;
  color: rgb(var(--palette-primary-contrast-100));
}
:root .mat-step-icon {
  width: 32px !important;
  height: 32px !important;
}
:root .mat-step > .mat-vertical-content-container {
  margin-left: 40px !important;
}
:root .crumbs {
  padding-left: 24px 24px !important;
  font-weight: 400 !important;
  font-size: 0.875rem !important;
  margin-right: 10px !important;
}
:root .sidebar-menu .sigelu-sidebar-content-value {
  font-weight: 400 !important;
  font-size: 0.875rem !important;
}
:root .sidebar-menu .mat-expansion-panel-header {
  font-weight: 400 !important;
  font-size: 0.875rem !important;
  height: 46px !important;
}
:root .sidebar-menu .mat-expansion-panel,
:root .sidebar-menu .sigelu-sidebar-header-title,
:root .sidebar-menu .sigelu-sidebar-content-value,
:root .sidebar-menu .opcoes-menu {
  font-weight: 400;
  font-size: 0.875rem;
}
:root .sidebar-menu .sigelu-sidebar-content-value-icon {
  margin: 8px 0 8px 16px !important;
}
:root .sidebar-menu .sigelu-sidebar-header-icon,
:root .sidebar-menu .sigelu-sidebar-header-icon-simbols,
:root .sidebar-menu [class^=sigelu-sidebar-header-] {
  margin: 16px 15px 16px 0 !important;
}
:root .sidebar-menu .sigelu-sidebar-header-title {
  align-self: center !important;
}
:root .sidebar-menu .mat-expansion-panel-header {
  align-items: center !important;
}
:root .sidebar-menu .sigelu-sidebar-content {
  padding: 5px 16px 5px 40px !important;
  margin: 0 !important;
  height: 46px !important;
}
:root .sidebar-menu .header-text-info {
  align-self: center;
}
:root .sidebar-menu .sigelu-sidebar-content-value {
  align-self: center !important;
}
:root .mat-mdc-form-field-icon-suffix {
  align-self: center !important;
}
:root .mat-form-field-appearance-legacy .mat-mdc-form-field-infix.mat-mdc-form-field-infix.mat-mdc-form-field-infix {
  border-top: 0px !important;
}
:root .mat-form-field-appearance-legacy .mat-mdc-form-field-flex {
  padding: 8px 8px !important;
  background-color: #eeeeee;
  border-radius: 4px 4px 0px 0px;
}
:root .mat-form-field-appearance-legacy .mat-mdc-form-field-flex:not(:has(textarea)) {
  height: 40px !important;
}
:root .mat-form-field-appearance-legacy .mdc-floating-label.mdc-floating-label.mdc-floating-label.mdc-floating-label--float-above,
:root .mat-form-field-appearance-legacy.mat-focused .mdc-floating-label.mdc-floating-label.mdc-floating-label {
  font-weight: 700 !important;
  font-size: 18px !important;
  top: 0.16em !important;
  left: -8px !important;
}
:root .mat-mdc-form-field {
  width: 100% !important;
}
:root .mat-mdc-input-element.mat-mdc-input-element {
  width: --webkit-fill-available !important;
}
:root .mat-mdc-select-panel {
  overflow-x: clip !important;
}
:root .row {
  row-gap: 32px;
  margin: 0;
  margin-top: 24px;
}
:root .mat-mdc-card-header-text {
  width: 100% !important;
}
:root .mat-mdc-card-header-text > mat-card-title label:only-child {
  margin-top: 8px !important;
}
:root .mat-mdc-card-header-text > mat-card-title div:last-child {
  text-align: end !important;
}
:root .mat-mdc-card-header-text > mat-card-title {
  min-height: 56px !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
}
:root .mat-mdc-card-header-text > mat-card-title > div {
  flex: 1;
}
:root .mat-mdc-card-header-text > mat-card-title > div > label {
  font-size: 2rem;
}
:root .titulo-dialog .titulo-texto {
  font-size: 2rem;
}
:root .title-bar {
  margin-bottom: 24px !important;
  padding: 24px 16px 0px !important;
}
:root .force-mobile-mode .title-bar {
  padding: 16px 8px 0px !important;
}
:root .mat-mdc-paginator-page-size-select {
  width: 4vw !important;
  max-width: 4vw !important;
  min-width: 4vw !important;
  text-align: end !important;
}
:root table th {
  color: var(--text-default);
  font-weight: 700;
  font-size: 0.875rem;
}
:root table td {
  color: var(--text-default);
  font-size: 0.875rem;
}
:root .row-gap-none {
  row-gap: 0px !important;
}
:root .row-gap-tiny {
  row-gap: 2px !important;
}
:root .row-gap-xsmall {
  row-gap: 4px !important;
}
:root .row-gap-small {
  row-gap: 8px !important;
}
:root .row-gap-semiregular {
  row-gap: 12px !important;
}
:root .row-gap-regular {
  row-gap: 16px !important;
}
:root .row-gap-large {
  row-gap: 24px !important;
}
:root .row-gap-xlarge {
  row-gap: 32px !important;
}
:root .row-gap-xxlarge {
  row-gap: 40px !important;
}
:root .row-gap-huge {
  row-gap: 48px !important;
}
:root .row-gap-xhuge {
  row-gap: 56px !important;
}
:root .row-gap-xxhuge {
  row-gap: 64px !important;
}
:root .row-gap-display {
  row-gap: 128px !important;
}
:root .margin-top-none {
  margin-top: 0px !important;
}
:root .margin-top-tiny {
  margin-top: 2px !important;
}
:root .margin-top-xsmall {
  margin-top: 4px !important;
}
:root .margin-top-small {
  margin-top: 8px !important;
}
:root .margin-top-semiregular {
  margin-top: 12px !important;
}
:root .margin-top-regular {
  margin-top: 16px !important;
}
:root .margin-top-large {
  margin-top: 24px !important;
}
:root .margin-top-xlarge {
  margin-top: 32px !important;
}
:root .margin-top-xxlarge {
  margin-top: 40px !important;
}
:root .margin-top-huge {
  margin-top: 48px !important;
}
:root .margin-top-xhuge {
  margin-top: 56px !important;
}
:root .margin-top-xxhuge {
  margin-top: 64px !important;
}
:root .margin-top-display {
  margin-top: 128px !important;
}
:root .padding-horizontal-small {
  padding: 4px 8px !important;
}
:root .container-card {
  margin: 16px;
}
:root mat-card-content {
  padding: 32px 32px !important;
}
:root .padding-uniforme-xlarge {
  padding: 32px !important;
}

/* Tipografia - Tamanhos de Textos */
/* Cores */
.bb-theme {
  --app-background: #9ba0ac;
  --app-on-surface: #9ba0ac;
  --text-default: #111214;
  --app-border: #b4b9c1;
  --app-font-family: BancoDoBrasilTextos-Regular, sans-serif;
  --app-highlight: #465eff;
  --app-highlight-hover: rgba(70, 94, 255, 0.08);
  --app-highlight-soft: #e4ecff;
  --app-highlight-surface: #e4ecff;
  --mat-table-header-headline-font: BancoDoBrasilTextos-Regular, sans-serif;
  --mat-table-row-item-label-text-font: BancoDoBrasilTextos-Regular, sans-serif;
  --mat-table-footer-supporting-text-font: BancoDoBrasilTextos-Regular, sans-serif;
  --help-accent: #465eff;
  --help-accent-strong: #2f63e6;
  /* Tipografia - Tamanhos de Fontes e Títulos */
  /* Botões */
  /* Configuração TABS */
  /* Checkbox */
  /* Slide Toggle */
  /* Radio Button */
  /* Configuração Stepper */
  /* Configuração topNav */
  /* Crumbs */
  /* Configuração Sidebar Menu*/
  /* Configuração de ícones */
  /* Configuração date picker */
  /* Calendário Escolar */
  /* FORMS */
  /* Chips */
  /* Cardápio forms */
  /* Cor do mostrar mais */
  /* Custom mat-dialog */
}
.bb-theme .mat-mdc-card {
  --mat-card-title-text-font: BancoDoBrasilTextos-Regular, sans-serif;
  --mat-card-subtitle-text-font: BancoDoBrasilTextos-Regular, sans-serif;
}
.bb-theme .sigelu-title,
.bb-theme .sigelu-subtitle,
.bb-theme .mat-step-header,
.bb-theme .mat-step-label,
.bb-theme .swal2-title,
.bb-theme .header-title,
.bb-theme .mat-mdc-button,
.bb-theme button,
.bb-theme .h2,
.bb-theme .h3,
.bb-theme .mat-mdc-raised-button,
.bb-theme .botao-confirmacao,
.bb-theme .botao-negacao,
.bb-theme .botao-secundario,
.bb-theme .mat-mdc-unelevated-button {
  font-family: "Banco do Brasil Titulos", sans-serif !important;
}
.bb-theme .pageMenuItem {
  font-family: "BancoDoBrasilTitulos-Regular", sans-serif !important;
  font-weight: normal !important;
}
.bb-theme .sigelu-title,
.bb-theme h1 {
  color: #465eff;
}
.bb-theme .mat-mdc-table,
.bb-theme .mat-mdc-paginator,
.bb-theme .mat-mdc-card,
.bb-theme .mat-step-header,
.bb-theme .mat-stepper-vertical,
.bb-theme .mat-stepper-horizontal,
.bb-theme .mat-mdc-slide-toggle .mdc-label,
.bb-theme .mat-mdc-checkbox,
.bb-theme .mat-mdc-dialog-title,
.bb-theme .mat-mdc-form-field,
.bb-theme .mat-expansion-panel,
.bb-theme .mat-expansion-panel-header,
.bb-theme .mat-expansion-panel-content,
.bb-theme html,
.bb-theme body {
  font-family: "BancoDoBrasilTextos-Regular", sans-serif !important;
}
.bb-theme .mat-mdc-raised-button,
.bb-theme .botao-confirmacao,
.bb-theme .botao-negacao,
.bb-theme .botao-secundario,
.bb-theme .botao-aviso,
.bb-theme .botao-deletar,
.bb-theme .mat-mdc-unelevated-button {
  text-transform: uppercase !important;
}
.bb-theme .header-title {
  color: #465eff;
}
.bb-theme .mat-mdc-dialog-title {
  color: #465eff !important;
}
.bb-theme .mat-dialog-title-custom {
  color: #465eff !important;
}
.bb-theme .color-p {
  color: #465eff !important;
}
.bb-theme .zendesk-custom-launcher {
  background-color: #fdf429 !important;
}
.bb-theme .mat-mdc-menu-item:not(.menu-item-table) .mat-icon {
  color: #465eff;
}
.bb-theme .botao-confirmacao:not([disabled]),
.bb-theme .mat-mdc-raised-button:not([disabled]),
.bb-theme .mat-mdc-raised-button.mat-primary:not([disabled]),
.bb-theme .mat-mdc-fab.mat-primary:not([disabled]),
.bb-theme .mat-mdc-unelevated-button.mat-primary:not([disabled]),
.bb-theme .mat-mdc-mini-fab.mat-primary:not([disabled]) {
  background-color: #fdf429;
  color: #465eff;
}
.bb-theme .mat-mdc-raised-button:not([disabled]):hover,
.bb-theme .mat-mdc-unelevated-button.mat-primary:not([disabled]):hover,
.bb-theme .botao-confirmacao:not([disabled]):hover,
.bb-theme .mat-mdc-raised-button.mat-primary:not([disabled]):hover,
.bb-theme .mat-mdc-fab.mat-primary:not([disabled]):hover .mat-mdc-mini-fab.mat-primary:not([disabled]):hover {
  background-color: #f0e300;
}
.bb-theme .mat-mdc-raised-button:not([disabled]):active,
.bb-theme .mat-mdc-unelevated-button.mat-primary:not([disabled]):active,
.bb-theme .botao-confirmacao:not([disabled]):active,
.bb-theme .mat-mdc-raised-button.mat-primary:not([disabled]):active,
.bb-theme .mat-mdc-fab.mat-primary:not([disabled]):active,
.bb-theme .mat-mdc-mini-fab.mat-primary:not([disabled]):active {
  background-color: #d8c800;
}
.bb-theme .botao-secundario:not([disabled]),
.bb-theme .nao-selecionado:not([disabled]),
.bb-theme .mat-mdc-icon-button.mat-accent:not([disabled]),
.bb-theme .mat-mdc-unelevated-button.mat-accent:not([disabled]),
.bb-theme .mat-mdc-raised-button.mat-accent:not([disabled]) {
  color: #3354fd;
  background-color: #e4ecff !important;
}
.bb-theme .nao-selecionado:not([disabled]):hover,
.bb-theme .selecionado:not([disabled]):hover,
.bb-theme .botao-secundario:not([disabled]):hover,
.bb-theme .mat-mdc-unelevated-button.mat-accent:not([disabled]):hover,
.bb-theme .mat-mdc-raised-button.mat-accent:not([disabled]):hover {
  background-color: #adc9ff !important;
}
.bb-theme .selecionado,
.bb-theme .botao-secundario:not([disabled]):active,
.bb-theme .mat-mdc-unelevated-button.mat-accent:not([disabled]):active,
.bb-theme .mat-mdc-raised-button.mat-accent:not([disabled]):active {
  background-color: #9ab3ff !important;
}
.bb-theme .aei-tabs .mat-mdc-tab.mdc-tab--active {
  background-color: transparent !important;
  color: #465eff;
}
.bb-theme .aei-tabs .mat-mdc-tab:hover {
  background-color: #e4ecff !important;
  color: #465eff !important;
}
.bb-theme .aei-tabs .mat-mdc-tab {
  --mat-tab-active-indicator-color: #465eff !important;
  --mat-tab-active-hover-indicator-color: #465eff !important;
  --mat-tab-active-focus-indicator-color: #465eff !important;
}
.bb-theme .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-selected-icon-color: #465eff !important;
  --mat-checkbox-selected-hover-icon-color: #465eff !important;
  --mat-checkbox-selected-focus-icon-color: #465eff !important;
  --mat-checkbox-selected-pressed-icon-color: #465eff !important;
  --mat-checkbox-selected-checkmark-color: white !important;
  --mat-checkbox-disabled-selected-icon-color: #465eff !important;
  --mat-checkbox-disabled-selected-checkmark-color: white !important;
}
.bb-theme .mat-pseudo-checkbox-checked,
.bb-theme .mat-pseudo-checkbox-indeterminate {
  background-color: #465eff !important;
}
.bb-theme .mat-mdc-list-option .mdc-checkbox .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background {
  background-color: #465eff !important;
}
.bb-theme .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) {
  color: #465eff !important;
}
.bb-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-selected-handle-color: #465eff !important;
  --mat-slide-toggle-selected-hover-handle-color: #465eff !important;
  --mat-slide-toggle-selected-focus-handle-color: #465eff !important;
  --mat-slide-toggle-selected-pressed-handle-color: #465eff !important;
  --mat-slide-toggle-selected-track-color: #465eff !important;
  --mat-slide-toggle-selected-hover-track-color: #465eff !important;
  --mat-slide-toggle-selected-focus-track-color: #465eff !important;
  --mat-slide-toggle-selected-pressed-track-color: #465eff !important;
}
.bb-theme .mat-mdc-radio-button {
  --mat-radio-selected-icon-color: #465eff !important;
  --mat-radio-selected-hover-icon-color: #465eff !important;
  --mat-radio-selected-focus-icon-color: #465eff !important;
  --mat-radio-selected-pressed-icon-color: #465eff !important;
  --mat-radio-disabled-selected-icon-color: #465eff !important;
  --mat-radio-disabled-selected-icon-opacity: 1 !important;
}
.bb-theme .mat-mdc-radio-button .mat-radio-ripple .mat-ripple-element {
  background-color: #465eff !important;
}
.bb-theme .mat-step-label-active {
  color: #465eff !important;
}
.bb-theme .mat-stepper-horizontal-line {
  border-top-color: #465eff !important;
}
.bb-theme .mat-stepper-vertical-line::before {
  border-left-color: #465eff !important;
}
.bb-theme .mat-step-header .mat-step-icon {
  background-color: #e4ecff !important;
  color: #465eff !important;
}
.bb-theme .mat-step-header .mat-step-icon-selected {
  background-color: #465eff !important;
  color: white !important;
}
.bb-theme .mat-step-header .mat-step-icon-state-edit {
  background-color: #465eff !important;
  color: white !important;
}
.bb-theme .mat-toolbar.topnav {
  height: 56px;
  border-bottom: 4px solid #465eff;
  color: #465eff !important;
}
.bb-theme .top-nav-text {
  font-family: "BancoDoBrasilTitulos-Bold" !important;
  color: #465eff;
}
.bb-theme .logo-topnav {
  max-height: 36px !important;
}
.bb-theme .main-sigelu-topnav {
  height: 56px;
}
.bb-theme .main-sigelu-body {
  height: calc(100% - 56px);
}
.bb-theme .mat-toolbar.mat-primary {
  background-color: #fcfc30 !important;
}
.bb-theme .crumbs {
  color: #465eff !important;
  font-family: "BancoDoBrasilTextos-Medium", sans-serif !important;
}
.bb-theme .sidebar-menu .sigelu-sidebar-header-title {
  font-family: "BancoDoBrasilTextos-Medium", sans-serif !important;
  align-self: center !important;
}
.bb-theme .sidebar-menu .sigelu-sidebar-ativo:not(.has-submenu) {
  background-color: #d0daff !important;
}
.bb-theme .sidebar-menu .sigelu-sidebar-ativo:not(.has-submenu) .sigelu-sidebar-header-icon {
  background-color: #d0daff !important;
}
.bb-theme .sidebar-menu .sigelu-sidebar-ativo.has-submenu {
  background-color: #e4ecff !important;
}
.bb-theme .sidebar-menu .sigelu-sidebar-ativo.has-submenu .sigelu-sidebar-header-icon {
  background-color: #e4ecff !important;
}
.bb-theme .sidebar-menu .sigelu-sidebar-ativo:hover {
  background-color: #d0daff !important;
}
.bb-theme .sidebar-menu .sigelu-sidebar-ativo:hover .sigelu-sidebar-header-icon {
  background-color: #d0daff !important;
}
.bb-theme .sidebar-menu .sigelu-sidebar-ativo {
  color: #465eff !important;
}
.bb-theme .sidebar-menu .sigelu-sidebar-ativo .header-text-info {
  color: #465eff !important;
}
.bb-theme .sidebar-menu .sigelu-sidebar-ativo .sigelu-sidebar-content-value {
  color: #465eff !important;
}
.bb-theme .sidebar-menu .sigelu-sidebar-ativo .sigelu-sidebar-content:hover {
  background-color: #d0daff;
}
.bb-theme .sidebar-menu .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover {
  background-color: #e4ecff !important;
  color: #465eff !important;
}
.bb-theme .sidebar-menu .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover .sigelu-sidebar-header-icon {
  background-color: #e4ecff;
}
.bb-theme .sidebar-menu .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover .header-text-info {
  color: #465eff !important;
}
.bb-theme .sidebar-menu .mat-expansion-panel-header {
  color: #465eff !important;
  align-items: center !important;
  font-family: "BancoDoBrasilTextos-Medium", sans-serif !important;
}
.bb-theme .sidebar-menu .mat-expansion-panel-body {
  color: #465eff !important;
  background-color: var(--text-disabled);
}
.bb-theme .sidebar-menu .sigelu-sidebar-content {
  padding: 5px 16px 5px 40px !important;
  margin: 0 !important;
  height: 46px !important;
}
.bb-theme .sidebar-menu .sigelu-sidebar-content:hover {
  background-color: #e4ecff;
  color: #465eff !important;
}
.bb-theme .sidebar-menu .sigelu-sidebar-content:hover .sigelu-sidebar-content-value {
  color: #465eff !important;
}
.bb-theme .sidebar-menu .header-text-info {
  color: var(--text-default);
  align-self: center;
}
.bb-theme .sidebar-menu .sigelu-sidebar-content-value {
  color: var(--text-default);
  font-family: "BancoDoBrasilTextos-Medium", sans-serif !important;
  align-self: center !important;
}
.bb-theme .sidebar-menu .mat-expansion-panel,
.bb-theme .sidebar-menu .sigelu-sidebar-header-title,
.bb-theme .sidebar-menu .sigelu-sidebar-content-value,
.bb-theme .sidebar-menu .opcoes-menu {
  color: #111214;
}
.bb-theme .sidebar-menu .sidebar-expansion-header .mat-ripple-element,
.bb-theme .sidebar-menu .sigelu-sidebar-content .mat-ripple-element {
  background-color: rgba(154, 179, 255, 0.3) !important;
}
.bb-theme .sidebar-menu .mat-expansion-panel.mat-expanded .mat-expansion-indicator:after {
  color: #465eff !important;
}
.bb-theme .mat-menu-icon,
.bb-theme .mat-icon.mat-primary {
  color: rgb(49, 51, 56) !important;
}
.bb-theme .mat-mdc-icon-button.mat-primary {
  color: rgb(49, 51, 56) !important;
}
.bb-theme .topnav-menu .menu-option .mat-icon {
  color: #465eff !important;
}
.bb-theme .topnav-menu .menu-option:hover:not([disabled]), .bb-theme .topnav-menu .menu-option:focus-visible:not([disabled]) {
  background-color: #e4ecff !important;
  color: #465eff !important;
}
.bb-theme .topnav-menu .menu-option:active:not([disabled]) {
  background-color: #adc9ff !important;
  color: #465eff !important;
}
.bb-theme .owl-dt-container-info .owl-dt-container-info-active {
  color: #465eff !important;
}
.bb-theme .owl-dt-calendar-table .owl-dt-calendar-cell-selected {
  color: #465eff !important;
  background-color: #9ab3ff !important;
}
.bb-theme .owl-dt-container-buttons {
  color: #465eff !important;
}
.bb-theme .owl-dt-calendar-table .owl-dt-calendar-cell-in-range {
  background-color: #e4ecff !important;
  color: #465eff !important;
}
.bb-theme .sigelu-calendar .fc-daygrid-event {
  background-color: #465eff !important;
}
.bb-theme .sigelu-calendar .fc-daygrid-event .fc-event-title {
  color: white !important;
}
.bb-theme .sigelu-calendar .fc-h-event {
  background-color: #465eff !important;
  color: white !important;
}
.bb-theme .sigelu-calendar .fc-next-button,
.bb-theme .sigelu-calendar .fc-button,
.bb-theme .sigelu-calendar .fc-button-primary {
  background-color: #465eff !important;
  color: white !important;
}
.bb-theme .color-bar {
  background-color: #465eff !important;
}
.bb-theme .add-event {
  color: #465eff !important;
}
.bb-theme .mat-datepicker-toggle .mat-icon,
.bb-theme .mat-datepicker-toggle-default-icon {
  color: #111214 !important;
}
.bb-theme .mat-calendar-body-cell:hover .mat-calendar-body-cell-content {
  background-color: #e4ecff !important;
  color: #465eff !important;
}
.bb-theme .mat-calendar-body-active .mat-calendar-body-cell-content {
  background-color: #e4ecff !important;
  color: #465eff !important;
}
.bb-theme .mat-calendar-body-active .mat-calendar-body-selected {
  background-color: #465eff !important;
  color: #fff !important;
}
.bb-theme .mat-mdc-form-field.mat-focused.mat-primary .mat-mdc-select-arrow {
  color: #465eff !important;
}
.bb-theme .mat-form-field-appearance-legacy .mat-focused .mat-mdc-input-element.mat-mdc-input-element {
  color: #465eff !important;
}
.bb-theme .mat-form-field-appearance-legacy .mdc-floating-label.mdc-floating-label.mdc-floating-label.mdc-floating-label--float-above,
.bb-theme .mat-form-field-appearance-legacy.mat-focused .mdc-floating-label.mdc-floating-label.mdc-floating-label {
  color: #111214 !important;
}
.bb-theme .mat-form-field-appearance-legacy.mat-focused .mdc-line-ripple.mdc-line-ripple.mdc-line-ripple::after {
  background-color: #465eff !important;
}
.bb-theme .mat-form-field-appearance-legacy:has(.mat-mdc-input-element.mat-mdc-input-element[readonly]) .mdc-floating-label.mdc-floating-label.mdc-floating-label.mdc-floating-label--float-above {
  color: gray !important;
  opacity: 1 !important;
}
.bb-theme .mat-form-field-appearance-legacy .mat-mdc-form-field-required-marker,
.bb-theme .mat-form-field-appearance-legacy .mat-mdc-input-element.mat-mdc-input-element,
.bb-theme .mat-form-field-appearance-legacy.mat-focused .mat-mdc-input-element.mat-mdc-input-element {
  color: #111214 !important;
}
.bb-theme .mat-form-field-appearance-legacy.mat-form-field-disabled .mat-mdc-input-element.mat-mdc-input-element,
.bb-theme .mat-form-field-appearance-legacy .mat-mdc-input-element.mat-mdc-input-element:disabled {
  color: rgba(0, 0, 0, 0.38) !important;
}
.bb-theme .mat-form-field-appearance-outline .mat-focused .mat-mdc-input-element.mat-mdc-input-element {
  color: #465eff !important;
}
.bb-theme .mat-form-field-appearance-outline .mdc-floating-label.mdc-floating-label.mdc-floating-label.mdc-floating-label--float-above,
.bb-theme .mat-form-field-appearance-outline.mat-focused .mdc-floating-label.mdc-floating-label.mdc-floating-label {
  color: #111214 !important;
}
.bb-theme .mat-form-field-appearance-outline:has(.mat-mdc-input-element.mat-mdc-input-element[readonly]) .mdc-floating-label.mdc-floating-label.mdc-floating-label.mdc-floating-label--float-above {
  color: gray !important;
  opacity: 1 !important;
}
.bb-theme .mat-form-field-appearance-outline .mat-mdc-form-field-required-marker,
.bb-theme .mat-form-field-appearance-outline .mat-mdc-input-element.mat-mdc-input-element,
.bb-theme .mat-form-field-appearance-outline.mat-focused .mat-mdc-input-element.mat-mdc-input-element {
  color: #111214 !important;
}
.bb-theme .mat-form-field-appearance-outline.mat-form-field-disabled .mat-mdc-input-element.mat-mdc-input-element,
.bb-theme .mat-form-field-appearance-outline .mat-mdc-input-element.mat-mdc-input-element:disabled {
  color: rgba(0, 0, 0, 0.38) !important;
}
.bb-theme .mat-form-field-appearance-outline.mat-focused .mdc-floating-label.mdc-floating-label.mdc-floating-label,
.bb-theme .mat-form-field-appearance-outline.mat-focused .mdc-notched-outline {
  color: #465eff !important;
}
.bb-theme .mat-form-field-invalid .mat-mdc-form-field-required-marker,
.bb-theme .mat-form-field-invalid .mdc-floating-label.mdc-floating-label.mdc-floating-label,
.bb-theme .mat-form-field-invalid .mat-mdc-select-arrow,
.bb-theme .mat-form-field-invalid .mdc-line-ripple.mdc-line-ripple.mdc-line-ripple::after,
.bb-theme .mat-form-field-invalid .mdc-notched-outline {
  color: #e81717 !important;
  stroke: #e81717 !important;
}
.bb-theme .mat-form-field-invalid .mdc-line-ripple.mdc-line-ripple.mdc-line-ripple {
  background-color: #e81717 !important;
}
.bb-theme .mat-mdc-form-field-error {
  color: #e81717 !important;
}
.bb-theme .mat-mdc-form-field.mat-focused .mat-mdc-input-element.mat-mdc-input-element {
  caret-color: #465eff !important;
}
.bb-theme .sigelu-chip {
  background-color: #fcfc30 !important;
  color: #465eff !important;
}
.bb-theme .content-pass {
  color: #465eff !important;
}
.bb-theme .show-more {
  color: #465eff !important;
}
.bb-theme .titulo-dialog {
  background-color: #fcfc30 !important;
  color: #465eff !important;
}
.bb-theme .titulo-dialog .titulo-texto {
  color: #465eff !important;
  font-family: "Banco do Brasil Titulos", sans-serif;
}
.bb-theme .dropzone {
  border: dotted 1px #465eff !important;
}
.bb-theme .textLink {
  background-color: #fdf429 !important;
  color: #465eff !important;
}
.bb-theme .textLink:hover {
  background-color: #f0e300 !important;
  color: #465eff !important;
}
.bb-theme .textLink:active {
  background-color: #d8c800 !important;
  color: #465eff !important;
}
.bb-theme .icon-default {
  color: rgb(49, 51, 56);
}
.bb-theme .header-dia {
  background-color: #e4ecff !important;
}
.bb-theme .header-dia {
  background-color: #e4ecff !important;
}
.bb-theme span#accent {
  color: #3354fd !important;
}

:root {
  --bb-yellow: #fcfc30;
  --bb-blue: #465eff;
  --bb-blue-light: rgba(70, 94, 255, 0.08);
  --bb-bg: #f5f5f8;
  --bb-surface: #ffffff;
  --bb-border: #e0e2ef;
  --bb-text: #1a1d3a;
  --bb-text-muted: #6b6f9a;
  --bb-green: #16a34a;
  --bb-green-bg: #dcfce7;
  --bb-red: #dc2626;
  --bb-red-bg: #fee2e2;
  --bb-amber: #d97706;
  --bb-amber-bg: #fef3c7;
}

.hik-dash.bb-page {
  padding: 24px 28px 32px;
  background: var(--bb-bg);
  min-height: 100%;
}
.hik-dash.bb-page .sigelu-title {
  margin-bottom: 2px;
}
.hik-dash.bb-page app-sigelu-breadcrumbs {
  display: block;
  margin-bottom: 4px;
}
.hik-dash .bb-page-title {
  font-size: 22px;
  font-weight: 500;
  color: var(--bb-blue);
  margin: 0 0 4px;
}
.hik-dash .bb-breadcrumb {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  color: var(--bb-text-muted);
  margin-bottom: 20px;
}
.hik-dash .bb-breadcrumb .crumb {
  color: var(--bb-blue);
  cursor: pointer;
}
.hik-dash .bb-breadcrumb .crumb:hover {
  text-decoration: underline;
}
.hik-dash .bb-breadcrumb .sep {
  color: var(--bb-border);
}
.hik-dash .bb-breadcrumb .current {
  color: var(--bb-text-muted);
}
.hik-dash .kpi-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-top: 16px;
  margin-bottom: 20px;
}
.hik-dash .kpi-card {
  background: var(--bb-surface);
  border: 1px solid var(--bb-border);
  border-left: 4px solid var(--bb-blue);
  border-radius: 8px;
  padding: 16px;
}
.hik-dash .kpi-card--green {
  border-left-color: var(--bb-green);
}
.hik-dash .kpi-card--red {
  border-left-color: var(--bb-red);
}
.hik-dash .kpi-card--amber {
  border-left-color: var(--bb-amber);
}
.hik-dash .kpi-label {
  font-size: 11px;
  color: var(--bb-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 6px;
}
.hik-dash .kpi-value {
  font-size: 28px;
  font-weight: 500;
  line-height: 1;
  color: var(--bb-blue);
}
.hik-dash .kpi-value--green {
  color: var(--bb-green);
}
.hik-dash .kpi-value--red {
  color: var(--bb-red);
}
.hik-dash .kpi-value--amber {
  color: var(--bb-amber);
}
.hik-dash .kpi-sub {
  font-size: 11px;
  color: var(--bb-text-muted);
  margin-top: 4px;
}
.hik-dash .section-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}
.hik-dash .bb-panel {
  background: var(--bb-surface);
  border: 1px solid var(--bb-border);
  border-radius: 8px;
  overflow: hidden;
}
.hik-dash .bb-panel--full {
  grid-column: 1/-1;
}
.hik-dash .bb-panel-header {
  padding: 12px 16px;
  border-bottom: 1px solid var(--bb-border);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.hik-dash .bb-panel-header .panel-title {
  font-size: 13px;
  font-weight: 500;
  color: var(--bb-text);
}
.hik-dash .bb-panel-header .panel-hint {
  font-size: 11px;
  color: var(--bb-blue);
}
.hik-dash .scroll-box {
  max-height: 300px;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: var(--bb-border) transparent;
}
.hik-dash .scroll-box--tall {
  max-height: 400px;
}
.hik-dash .mat-mdc-table {
  width: 100%;
}
.hik-dash .mat-mdc-table .mat-mdc-header-cell {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--bb-text-muted);
  font-weight: 400;
  background: #fafafa;
  padding: 0 12px;
}
.hik-dash .mat-mdc-table .mat-mdc-cell {
  font-size: 12px;
  color: var(--bb-text);
  border-bottom-color: var(--bb-border);
  padding: 0 12px;
}
.hik-dash tr.row-click {
  cursor: pointer !important;
}
.hik-dash tr.row-click:hover .mat-mdc-cell {
  background: var(--bb-blue-light);
}
.hik-dash .col-id,
.hik-dash .col-dispositivo,
.hik-dash .col-escola,
.hik-dash .col-erros,
.hik-dash .col-severidade,
.hik-dash .col-sync,
.hik-dash .col-data,
.hik-dash .col-dias,
.hik-dash .col-status,
.hik-dash .col-num,
.hik-dash .col-num-erros {
  padding: 0 12px;
}
.hik-dash .col-id,
.hik-dash .col-dias,
.hik-dash .col-num,
.hik-dash .col-num-erros {
  text-align: center;
}
.hik-dash .mat-mdc-header-cell.col-id,
.hik-dash .mat-mdc-cell.col-id,
.hik-dash .mat-mdc-header-cell.col-dias,
.hik-dash .mat-mdc-cell.col-dias,
.hik-dash .mat-mdc-header-cell.col-num,
.hik-dash .mat-mdc-cell.col-num,
.hik-dash .mat-mdc-header-cell.col-num-erros,
.hik-dash .mat-mdc-cell.col-num-erros {
  text-align: center;
}
.hik-dash .bb-table {
  table-layout: fixed;
  width: 100%;
}
.hik-dash .bb-table .mat-mdc-header-cell,
.hik-dash .bb-table .mat-mdc-cell {
  padding-left: 12px !important;
  padding-right: 12px !important;
}
.hik-dash .bb-table .mat-column-deviceId {
  width: 8%;
}
.hik-dash .bb-table .mat-column-deviceName {
  width: 17%;
}
.hik-dash .bb-table .mat-column-totalErros {
  width: 24%;
}
.hik-dash .bb-table .mat-column-severidade {
  width: 16%;
}
.hik-dash .bb-table .mat-column-lastSyncAt {
  width: 26%;
}
.hik-dash .bb-table .mat-column-acessos {
  width: 9%;
}
.hik-dash .col-sinc {
  padding: 0 12px;
}
.hik-dash .col-sinc .sinc-date {
  display: block;
  font-size: 11px;
  margin-bottom: 3px;
}
.hik-dash .bb-table .mat-column-syncStatus {
  width: 16%;
}
.hik-dash .cell-truncate {
  max-width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.hik-dash .cell-muted {
  color: var(--bb-text-muted) !important;
}
.hik-dash .cell-center {
  text-align: center;
}
.hik-dash .cell-red {
  color: var(--bb-red);
  font-weight: 500;
}
.hik-dash .cell-green {
  color: var(--bb-green);
  font-weight: 500;
}
.hik-dash .cell-erros {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 100%;
}
.hik-dash .cell-erros mat-progress-bar {
  flex: 1;
  height: 4px !important;
  min-height: 0;
}
.hik-dash .cell-erros .erros-count {
  font-size: 12px;
  font-weight: 500;
  color: var(--bb-red);
  white-space: nowrap;
}
.hik-dash .pill {
  display: inline-block;
  padding: 2px 9px;
  border-radius: 20px;
  font-size: 11px;
  font-weight: 500;
  white-space: nowrap;
}
.hik-dash .pill-green {
  background: var(--bb-green-bg);
  color: var(--bb-green);
}
.hik-dash .pill-red {
  background: var(--bb-red-bg);
  color: var(--bb-red);
}
.hik-dash .pill-amber {
  background: var(--bb-amber-bg);
  color: var(--bb-amber);
}
.hik-dash .pill-blue {
  background: var(--bb-blue-light);
  color: var(--bb-blue);
}
.hik-dash .pill-gray {
  background: #f0f0f5;
  color: var(--bb-text-muted);
}
.hik-dash .bar-legend {
  display: flex;
  gap: 14px;
  padding: 10px 16px 4px;
  font-size: 11px;
  color: var(--bb-text-muted);
}
.hik-dash .legend-item {
  display: flex;
  align-items: center;
  gap: 5px;
}
.hik-dash .legend-sq {
  width: 10px;
  height: 10px;
  border-radius: 2px;
}
.hik-dash .legend-sq--total {
  background: rgba(70, 94, 255, 0.3);
}
.hik-dash .legend-sq--ativos {
  background: var(--bb-green);
}
.hik-dash .bar-row {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 16px;
  border-bottom: 1px solid var(--bb-border);
  cursor: pointer;
  transition: background 0.15s;
}
.hik-dash .bar-row:last-child {
  border-bottom: none;
}
.hik-dash .bar-row:hover {
  background: var(--bb-blue-light);
}
.hik-dash .bar-name {
  min-width: 64px;
  font-size: 12px;
  font-weight: 500;
}
.hik-dash .bar-track {
  flex: 1;
  height: 16px;
  background: var(--bb-bg);
  border-radius: 4px;
  overflow: hidden;
  position: relative;
}
.hik-dash .bar-fill {
  height: 100%;
  border-radius: 4px;
  position: absolute;
  left: 0;
  top: 0;
}
.hik-dash .bar-fill--total {
  background: rgba(70, 94, 255, 0.25);
}
.hik-dash .bar-fill--ativos {
  background: var(--bb-green);
  opacity: 0.85;
}
.hik-dash .bar-num {
  font-size: 12px;
  color: var(--bb-text-muted);
  min-width: 28px;
  text-align: right;
}
.hik-dash .detail-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-top: 16px;
  margin-bottom: 16px;
}
.hik-dash .detail-card {
  background: var(--bb-surface);
  border: 1px solid var(--bb-border);
  border-left: 4px solid var(--bb-blue);
  border-radius: 8px;
  padding: 14px;
}
.hik-dash .detail-card--green {
  border-left-color: var(--bb-green);
}
.hik-dash .detail-card--red {
  border-left-color: var(--bb-red);
}
.hik-dash .detail-card--amber {
  border-left-color: var(--bb-amber);
}
.hik-dash .detail-label {
  font-size: 11px;
  color: var(--bb-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin-bottom: 6px;
}
.hik-dash .detail-value {
  font-size: 20px;
  font-weight: 500;
}
.hik-dash .detail-value--blue {
  color: var(--bb-blue);
  font-size: 16px;
}
.hik-dash .detail-value--green {
  color: var(--bb-green);
}
.hik-dash .detail-value--red {
  color: var(--bb-red);
}
.hik-dash .detail-value--amber {
  color: var(--bb-amber);
}
.hik-dash .detail-value--muted {
  color: var(--bb-text-muted);
}
.hik-dash .detail-value--sm {
  font-size: 14px;
  color: var(--bb-text);
}
.hik-dash .detail-sub {
  font-size: 11px;
  color: var(--bb-text-muted);
  margin-top: 3px;
}
.hik-dash .err-row {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 16px;
  border-bottom: 1px solid var(--bb-border);
}
.hik-dash .err-row:last-of-type {
  border-bottom: none;
}
.hik-dash .err-label {
  font-size: 12px;
  min-width: 160px;
}
.hik-dash .err-bar-wrap {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1;
}
.hik-dash .err-bar-wrap mat-progress-bar {
  flex: 1;
  max-width: 180px;
}
.hik-dash .err-count {
  font-size: 13px;
  font-weight: 500;
  min-width: 28px;
}
.hik-dash .err-count--red {
  color: var(--bb-red);
}
.hik-dash .err-count--amber {
  color: var(--bb-amber);
}
.hik-dash .err-count--green {
  color: var(--bb-green);
}
.hik-dash .err-footer {
  padding: 12px 16px;
  font-size: 12px;
  color: var(--bb-text-muted);
}
.hik-dash .err-footer strong {
  color: var(--bb-text);
}
.hik-dash .bb-state-message {
  padding: 40px;
  text-align: center;
  color: var(--bb-text-muted);
}
.hik-dash .bb-state-error {
  padding: 40px;
  text-align: center;
  color: var(--bb-red);
}
@media (max-width: 900px) {
  .hik-dash.bb-page {
    padding: 16px 16px 24px;
  }
  .hik-dash .kpi-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .hik-dash .section-grid {
    grid-template-columns: 1fr;
  }
  .hik-dash .bb-panel--full {
    grid-column: 1;
  }
}
@media (max-width: 600px) {
  .hik-dash.bb-page {
    padding: 12px 12px 20px;
  }
  .hik-dash .kpi-grid {
    grid-template-columns: 1fr;
    gap: 8px;
  }
  .hik-dash .kpi-value {
    font-size: 22px;
  }
  .hik-dash .detail-grid {
    grid-template-columns: 1fr;
    gap: 8px;
  }
  .hik-dash .detail-value {
    font-size: 18px;
  }
  .hik-dash .detail-value--blue {
    font-size: 14px;
  }
  .hik-dash .detail-value--sm {
    font-size: 13px;
  }
  .hik-dash .bb-panel {
    border-radius: 6px;
  }
  .hik-dash .bb-panel-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    padding: 10px 12px;
  }
  .hik-dash .bar-row {
    padding: 6px 10px;
    gap: 6px;
  }
  .hik-dash .bar-name {
    min-width: 52px;
    font-size: 11px;
  }
  .hik-dash .scroll-box {
    overflow-x: auto;
    max-height: 260px;
  }
  .hik-dash .scroll-box--tall {
    max-height: 320px;
  }
  .hik-dash .col-data,
  .hik-dash .col-dias {
    display: none;
  }
  .hik-dash .err-row {
    flex-wrap: wrap;
    gap: 6px;
  }
  .hik-dash .err-row .err-label {
    min-width: 100%;
    font-size: 11px;
  }
  .hik-dash .err-row .err-bar-wrap {
    flex: 1;
    min-width: 0;
  }
  .hik-dash .sigelu-title {
    font-size: 16px;
  }
}
.hik-dash .bb-filter-bar {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px 14px;
  background: var(--bb-surface);
  border: 1px solid var(--bb-border);
  border-radius: 8px;
  padding: 10px 16px;
  margin: 12px 0 20px;
}
.hik-dash .bb-filter-bar .filter-label {
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  color: var(--bb-text-muted);
  white-space: nowrap;
}
.hik-dash .bb-filter-bar .period-tags {
  display: flex;
  gap: 5px;
}
.hik-dash .bb-filter-bar .period-tag {
  padding: 3px 13px;
  border-radius: 20px;
  border: 1.5px solid var(--bb-border);
  background: transparent;
  font-size: 12px;
  font-weight: 600;
  color: var(--bb-text-muted);
  cursor: pointer;
  line-height: 1.5;
  transition: border-color 0.15s, color 0.15s, background 0.15s;
  font-family: inherit;
}
.hik-dash .bb-filter-bar .period-tag:hover:not(.active) {
  border-color: var(--bb-blue);
  color: var(--bb-blue);
  background: var(--bb-blue-light);
}
.hik-dash .bb-filter-bar .period-tag.active {
  background: var(--bb-blue);
  border-color: var(--bb-blue);
  color: #fff;
}
.hik-dash .bb-filter-bar .filter-divider {
  width: 1px;
  height: 22px;
  background: var(--bb-border);
  flex-shrink: 0;
}
.hik-dash .bb-filter-bar .range-inputs {
  display: flex;
  align-items: center;
  gap: 8px;
}
.hik-dash .bb-filter-bar .range-sep {
  font-size: 12px;
  color: var(--bb-text-muted);
  font-weight: 300;
}
.hik-dash .bb-filter-bar .range-input {
  padding: 4px 10px;
  border: 1.5px solid var(--bb-border);
  border-radius: 6px;
  font-size: 12px;
  color: var(--bb-text);
  background: var(--bb-bg);
  outline: none;
  font-family: inherit;
  transition: border-color 0.15s;
  cursor: pointer;
}
.hik-dash .bb-filter-bar .range-input:focus, .hik-dash .bb-filter-bar .range-input:hover:not(:disabled) {
  border-color: var(--bb-blue);
}
.hik-dash .bb-filter-bar .range-input:disabled {
  opacity: 0.4;
  cursor: default;
}
.hik-dash .bb-filter-bar .range-input::-webkit-calendar-picker-indicator {
  opacity: 0.4;
  cursor: pointer;
}
.hik-dash .bb-filter-bar .range-input::-webkit-calendar-picker-indicator:hover {
  opacity: 0.8;
}
.hik-dash .bb-filter-bar .period-badge {
  font-size: 11px;
  font-weight: 500;
  color: var(--bb-blue);
  background: var(--bb-blue-light);
  padding: 3px 10px;
  border-radius: 20px;
  white-space: nowrap;
  margin-left: 2px;
}
.hik-dash .bb-filter-bar .bb-select-wrap {
  display: inline-flex;
  align-items: center;
  gap: 0;
  padding: 3px 8px 3px 10px;
  border: 1.5px solid var(--bb-border);
  border-radius: 6px;
  background: var(--bb-bg);
  min-width: 155px;
  max-width: 230px;
  cursor: pointer;
  transition: border-color 0.15s;
}
.hik-dash .bb-filter-bar .bb-select-wrap:focus-within {
  border-color: var(--bb-blue);
}
.hik-dash .bb-filter-bar .bb-select-wrap.is-disabled {
  opacity: 0.55;
  cursor: default;
  background: var(--bb-bg);
}
.hik-dash .bb-filter-bar .bb-select-wrap .bb-select {
  flex: 1;
  font-family: inherit;
  font-size: 12px;
  min-width: 0;
}
.hik-dash .bb-filter-bar .bb-select-wrap .mat-mdc-select-placeholder {
  color: var(--bb-text);
  -webkit-text-fill-color: currentColor;
  transition: none;
}
.hik-dash .bb-filter-bar .bb-select-wrap .bb-select-clear {
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  cursor: pointer;
  color: var(--bb-text-muted);
  padding: 0;
  flex-shrink: 0;
  margin-left: 4px;
}
.hik-dash .bb-filter-bar .bb-select-wrap .bb-select-clear mat-icon {
  font-size: 14px;
  width: 14px;
  height: 14px;
}
.hik-dash .bb-filter-bar .bb-select-wrap .bb-select-clear:hover {
  color: var(--bb-red);
}
.hik-dash .bb-filter-bar .filter-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  border: 1.5px solid var(--bb-border);
  border-radius: 6px;
  background: transparent;
  color: var(--bb-text-muted);
  cursor: pointer;
  transition: border-color 0.15s, color 0.15s;
  flex-shrink: 0;
}
.hik-dash .bb-filter-bar .filter-nav mat-icon {
  font-size: 18px;
  width: 18px;
  height: 18px;
}
.hik-dash .bb-filter-bar .filter-nav:hover:not(:disabled) {
  border-color: var(--bb-blue);
  color: var(--bb-blue);
}
.hik-dash .bb-filter-bar .filter-nav:disabled {
  opacity: 0.4;
  cursor: default;
}
.hik-dash .bb-filter-bar .filter-search {
  gap: 6px;
  min-width: 210px;
}
.hik-dash .bb-filter-bar .filter-search .filter-search-icon {
  font-size: 16px;
  width: 16px;
  height: 16px;
  color: var(--bb-text-muted);
  flex-shrink: 0;
}
.hik-dash .bb-filter-bar .filter-search .filter-search-input {
  border: none;
  outline: none;
  background: transparent;
  font-size: 12px;
  font-family: inherit;
  color: var(--bb-text);
  flex: 1;
  min-width: 0;
}
.hik-dash .bb-filter-bar .filter-search .filter-search-input::placeholder {
  color: var(--bb-text-muted);
}
.hik-dash .bb-filter-bar .filter-check {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  color: var(--bb-text);
  cursor: pointer;
  white-space: nowrap;
}
.hik-dash .bb-filter-bar .filter-check input {
  accent-color: var(--bb-blue);
  cursor: pointer;
  margin: 0;
}
.hik-dash .bb-filter-bar .filter-refresh {
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border: 1.5px solid var(--bb-border);
  border-radius: 6px;
  background: transparent;
  color: var(--bb-text-muted);
  cursor: pointer;
  transition: border-color 0.15s, color 0.15s;
  flex-shrink: 0;
}
.hik-dash .bb-filter-bar .filter-refresh mat-icon {
  font-size: 18px;
  width: 18px;
  height: 18px;
}
.hik-dash .bb-filter-bar .filter-refresh:hover:not(:disabled) {
  border-color: var(--bb-blue);
  color: var(--bb-blue);
}
.hik-dash .bb-filter-bar .filter-refresh:disabled {
  opacity: 0.4;
  cursor: default;
}
@media (max-width: 700px) {
  .hik-dash .bb-filter-bar {
    gap: 8px 10px;
    padding: 10px 12px;
  }
  .hik-dash .bb-filter-bar .filter-divider {
    display: none;
  }
  .hik-dash .bb-filter-bar .range-inputs {
    flex-wrap: wrap;
    gap: 6px;
  }
  .hik-dash .bb-filter-bar .range-input {
    font-size: 11px;
  }
  .hik-dash .bb-filter-bar .period-badge {
    display: none;
  }
  .hik-dash .bb-filter-bar .bb-select-wrap {
    min-width: 130px;
    max-width: 100%;
  }
  .hik-dash .bb-filter-bar .filter-refresh {
    margin-left: 0;
  }
}

.aa-dialog-panel .mat-mdc-dialog-container {
  padding: 0 !important;
  border-radius: 12px !important;
  overflow: hidden;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.18) !important;
}

.aa-spark-tooltip {
  white-space: pre-line !important;
  font-size: 12px !important;
  line-height: 1.7 !important;
  font-family: inherit !important;
  max-width: 220px !important;
}

.bb-select-panel {
  min-width: 240px !important;
}
.bb-select-panel .bb-select-search {
  height: auto !important;
  line-height: normal !important;
  padding: 6px 10px !important;
  opacity: 1 !important;
  cursor: default !important;
  position: sticky;
  top: 0;
  z-index: 1;
  background: #fff;
  border-bottom: 1px solid var(--bb-border);
}
.bb-select-panel .bb-select-search .mat-pseudo-checkbox {
  display: none !important;
}
.bb-select-panel .bb-select-search .bb-select-search-inner {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 4px 8px;
  border: 1.5px solid var(--bb-border);
  border-radius: 6px;
  background: var(--bb-bg);
  pointer-events: auto;
}
.bb-select-panel .bb-select-search .bb-select-search-inner:focus-within {
  border-color: var(--bb-blue);
}
.bb-select-panel .bb-select-search .bb-select-search-inner mat-icon {
  font-size: 16px;
  width: 16px;
  height: 16px;
  color: var(--bb-text-muted);
  flex-shrink: 0;
  pointer-events: none;
}
.bb-select-panel .bb-select-search .bb-select-search-inner .bb-select-search-input {
  border: none;
  outline: none;
  background: transparent;
  font-size: 12px;
  font-family: inherit;
  color: var(--bb-text);
  flex: 1;
  pointer-events: auto;
}
.bb-select-panel .bb-select-search .bb-select-search-inner .bb-select-search-input::placeholder {
  color: var(--bb-text-muted);
}
.bb-select-panel .bb-select-vazio {
  font-size: 12px !important;
  font-style: italic;
  color: var(--bb-text-muted) !important;
  opacity: 1 !important;
}
.bb-select-panel .bb-select-vazio .mat-pseudo-checkbox {
  display: none !important;
}
.bb-select-panel .bb-select-all {
  border-bottom: 1px solid var(--bb-border);
}
.bb-select-panel .bb-select-all .mat-pseudo-checkbox {
  display: none !important;
}
.bb-select-panel .bb-select-all .mdc-list-item__primary-text.mdc-list-item__primary-text.mdc-list-item__primary-text {
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 500;
}
.bb-select-panel .bb-select-all .bb-select-chk {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  min-width: 16px;
  border: 2px solid var(--bb-text-muted);
  border-radius: 2px;
  background: transparent;
  position: relative;
  transition: border-color 0.1s, background 0.1s;
}
.bb-select-panel .bb-select-all .bb-select-chk.is-checked {
  background: var(--bb-blue);
  border-color: var(--bb-blue);
}
.bb-select-panel .bb-select-all .bb-select-chk.is-checked::after {
  content: "";
  position: absolute;
  top: 0;
  left: 4px;
  width: 5px;
  height: 9px;
  border: 2px solid #fff;
  border-top: none;
  border-left: none;
  transform: rotate(42deg);
}
.bb-select-panel .bb-select-all .bb-select-chk.is-indeterminate {
  border-color: var(--bb-blue);
}
.bb-select-panel .bb-select-all .bb-select-chk.is-indeterminate::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 2px;
  right: 2px;
  height: 2px;
  background: var(--bb-blue);
  transform: translateY(-50%);
}