/*!********************************************************************************************************************************************************************************************************************************!*\
  !*** 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.3
 * 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/dist/quill.snow.css (1) ***!
  \************************************************************************************************************************************************************************************************************************************/
/*!
 * Quill Editor v2.0.3
 * 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]!./libs/cc-messaging/tailwind.css ***!
  \************************************************************************************************************************************************************************************************************************/
*,::backdrop,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;tab-size:4;-webkit-tap-highlight-color:transparent}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-feature-settings:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width:320px){.container{max-width:320px}}@media (min-width:500px){.container{max-width:500px}}@media (min-width:821px){.container{max-width:821px}}@media (min-width:1247px){.container{max-width:1247px}}@media (min-width:1365px){.container{max-width:1365px}}@media (min-width:1920px){.container{max-width:1920px}}.pointer-events-none{pointer-events:none!important}.visible{visibility:visible!important}.collapse{visibility:collapse!important}.static{position:static!important}.fixed{position:fixed!important}.absolute{position:absolute!important}.relative{position:relative!important}.sticky{position:sticky!important}.-left-1{left:-.25rem!important}.-top-1{top:-.25rem!important}.-top-14{top:-3.5rem!important}.bottom-0{bottom:0!important}.bottom-2{bottom:.5rem!important}.bottom-4{bottom:1rem!important}.bottom-\[3px\]{bottom:3px!important}.bottom-full{bottom:100%!important}.left-0{left:0!important}.left-1\/2{left:50%!important}.left-2{left:.5rem!important}.left-5{left:1.25rem!important}.left-\[10px\]{left:10px!important}.left-\[12px\]{left:12px!important}.left-\[50\%\]{left:50%!important}.right-0{right:0!important}.right-2{right:.5rem!important}.right-\[2px\]{right:2px!important}.top-0{top:0!important}.top-1{top:.25rem!important}.top-1\/2{top:50%!important}.top-2{top:.5rem!important}.top-\[100px\]{top:100px!important}.top-\[11px\]{top:11px!important}.top-\[150px\]{top:150px!important}.top-\[1px\]{top:1px!important}.top-\[230px\]{top:230px!important}.top-\[24px\]{top:24px!important}.top-\[50\%\]{top:50%!important}.top-\[6px\]{top:6px!important}.top-\[9px\]{top:9px!important}.z-10{z-index:10!important}.z-50{z-index:50!important}.z-\[100\]{z-index:100!important}.z-\[9999\]{z-index:9999!important}.m-0{margin:0!important}.m-1{margin:.25rem!important}.m-2{margin:.5rem!important}.mx-0{margin-left:0!important;margin-right:0!important}.mx-1{margin-left:.25rem!important;margin-right:.25rem!important}.mx-2{margin-left:.5rem!important;margin-right:.5rem!important}.mx-3{margin-left:.75rem!important;margin-right:.75rem!important}.mx-auto{margin-left:auto!important;margin-right:auto!important}.my-0{margin-bottom:0!important;margin-top:0!important}.my-1{margin-bottom:.25rem!important;margin-top:.25rem!important}.my-2{margin-bottom:.5rem!important;margin-top:.5rem!important}.my-3{margin-bottom:.75rem!important;margin-top:.75rem!important}.my-4{margin-bottom:1rem!important;margin-top:1rem!important}.my-\[6px\]{margin-bottom:6px!important;margin-top:6px!important}.my-auto{margin-bottom:auto!important;margin-top:auto!important}.-mb-1{margin-bottom:-.25rem!important}.-mt-\[2px\]{margin-top:-2px!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:.75rem!important}.mb-4{margin-bottom:1rem!important}.mb-5{margin-bottom:1.25rem!important}.mb-6{margin-bottom:1.5rem!important}.mb-\[2px\]{margin-bottom:2px!important}.ml-1{margin-left:.25rem!important}.ml-10{margin-left:2.5rem!important}.ml-2{margin-left:.5rem!important}.ml-3{margin-left:.75rem!important}.ml-4{margin-left:1rem!important}.ml-5{margin-left:1.25rem!important}.ml-8{margin-left:2rem!important}.ml-\[17px\]{margin-left:17px!important}.ml-\[24px\]{margin-left:24px!important}.ml-\[40px\]{margin-left:40px!important}.mr-0{margin-right:0!important}.mr-1{margin-right:.25rem!important}.mr-2{margin-right:.5rem!important}.mr-3{margin-right:.75rem!important}.mr-4{margin-right:1rem!important}.mr-6{margin-right:1.5rem!important}.mr-\[10px\]{margin-right:10px!important}.mr-\[6px\]{margin-right:6px!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:.75rem!important}.mt-4{margin-top:1rem!important}.mt-5{margin-top:1.25rem!important}.mt-8{margin-top:2rem!important}.mt-9{margin-top:2.25rem!important}.mt-\[18px\]{margin-top:18px!important}.mt-\[2px\]{margin-top:2px!important}.mt-auto{margin-top:auto!important}.mt-sp-6{margin-top:36px!important}.box-content{box-sizing:initial!important}.line-clamp-2{display:-webkit-box!important;overflow:hidden!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important}.block{display:block!important}.inline-block{display:inline-block!important}.inline{display:inline!important}.flex{display:flex!important}.table{display:table!important}.table-cell{display:table-cell!important}.table-row{display:table-row!important}.grid{display:grid!important}.hidden{display:none!important}.h-14{height:3.5rem!important}.h-16{height:4rem!important}.h-2{height:.5rem!important}.h-32{height:8rem!important}.h-4{height:1rem!important}.h-44{height:11rem!important}.h-8{height:2rem!important}.h-\[24px\]{height:24px!important}.h-\[32px\]{height:32px!important}.h-\[35px\]{height:35px!important}.h-\[52px\]{height:52px!important}.h-\[60vh\]{height:60vh!important}.h-\[65vh\]{height:65vh!important}.h-\[calc\(100vh-10rem\)\]{height:calc(100vh - 10rem)!important}.h-\[calc\(40vh-20px\)\]{height:calc(40vh - 20px)!important}.h-auto{height:auto!important}.h-fit{height:fit-content!important}.h-full{height:100%!important}.h-lvh{height:100lvh!important}.max-h-72{max-height:18rem!important}.max-h-\[120px\]{max-height:120px!important}.max-h-\[12vh\]{max-height:12vh!important}.max-h-\[200px\]{max-height:200px!important}.max-h-\[230px\]{max-height:230px!important}.max-h-\[320px\]{max-height:320px!important}.max-h-\[43vh\]{max-height:43vh!important}.max-h-fit{max-height:fit-content!important}.max-h-full{max-height:100%!important}.max-h-max{max-height:max-content!important}.min-h-0{min-height:0!important}.min-h-10{min-height:2.5rem!important}.min-h-\[200px\]{min-height:200px!important}.min-h-\[300px\]{min-height:300px!important}.min-h-\[80px\]{min-height:80px!important}.w-2{width:.5rem!important}.w-2\/5{width:40%!important}.w-3\/4{width:75%!important}.w-40{width:10rem!important}.w-52{width:13rem!important}.w-8{width:2rem!important}.w-80{width:20rem!important}.w-\[130px\]{width:130px!important}.w-\[250px\]{width:250px!important}.w-\[26px\]{width:26px!important}.w-\[280px\]{width:280px!important}.w-\[320px\]{width:320px!important}.w-\[35px\]{width:35px!important}.w-\[400px\]{width:400px!important}.w-\[40px\]{width:40px!important}.w-\[470px\]{width:470px!important}.w-\[515px\]{width:515px!important}.w-\[60px\]{width:60px!important}.w-\[calc\(100\%-25px\)\]{width:calc(100% - 25px)!important}.w-auto{width:auto!important}.w-convos-md{width:344px!important}.w-fit{width:fit-content!important}.w-full{width:100%!important}.w-messages-lg{width:calc(100% - 480px)!important}.w-min{width:min-content!important}.min-w-0{min-width:0!important}.min-w-52{min-width:13rem!important}.min-w-\[24px\]{min-width:24px!important}.max-w-\[120px\]{max-width:120px!important}.max-w-\[210px\]{max-width:210px!important}.max-w-\[280px\]{max-width:280px!important}.max-w-\[310px\]{max-width:310px!important}.max-w-\[40px\]{max-width:40px!important}.max-w-\[50\%\]{max-width:50%!important}.max-w-\[80\%\]{max-width:80%!important}.max-w-\[90\%\]{max-width:90%!important}.max-w-convo-name-header-desktop{max-width:380px!important}.max-w-fit{max-width:fit-content!important}.max-w-full{max-width:100%!important}.flex-1{flex:1 1 0%!important}.flex-shrink{flex-shrink:1!important}.flex-shrink-0{flex-shrink:0!important}.flex-grow{flex-grow:1!important}.-translate-x-1\/2{--tw-translate-x:-50%!important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-translate-y-1\/2,.translate-y-\[-50\%\]{--tw-translate-y:-50%!important}.-translate-y-1\/2,.rotate-\[-45deg\],.translate-y-\[-50\%\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-\[-45deg\]{--tw-rotate:-45deg!important}.-scale-x-100{--tw-scale-x:-1!important}.-scale-x-100,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}@keyframes slideInLeft{0%{width:240px}to{width:344px}}.animate-slideInLeft{animation:slideInLeft .3s ease-in-out forwards!important}.cursor-pointer{cursor:pointer!important}.select-none{-webkit-user-select:none!important;user-select:none!important}.resize-none{resize:none!important}.resize{resize:both!important}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))!important}.flex-row{flex-direction:row!important}.flex-col{flex-direction:column!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.items-start{align-items:flex-start!important}.items-end{align-items:flex-end!important}.items-center{align-items:center!important}.justify-start{justify-content:flex-start!important}.justify-end{justify-content:flex-end!important}.justify-center{justify-content:center!important}.justify-between{justify-content:space-between!important}.justify-around{justify-content:space-around!important}.gap-1{gap:.25rem!important}.gap-10{gap:2.5rem!important}.gap-2{gap:.5rem!important}.gap-3{gap:.75rem!important}.gap-4{gap:1rem!important}.gap-\[6px\]{gap:6px!important}.gap-x-8{column-gap:2rem!important}.gap-y-\[2px\]{row-gap:2px!important}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0!important;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)))!important;margin-right:calc(.5rem*var(--tw-space-x-reverse))!important}.self-start{align-self:flex-start!important}.self-end{align-self:flex-end!important}.justify-self-start{justify-self:start!important}.justify-self-end{justify-self:end!important}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.overflow-y-auto{overflow-y:auto!important}.overflow-x-hidden{overflow-x:hidden!important}.scroll-smooth{scroll-behavior:smooth!important}.truncate{overflow:hidden!important;white-space:nowrap!important}.overflow-ellipsis,.text-ellipsis,.truncate{text-overflow:ellipsis!important}.whitespace-nowrap{white-space:nowrap!important}.whitespace-pre-wrap{white-space:pre-wrap!important}.text-nowrap{text-wrap:nowrap!important}.break-words{overflow-wrap:break-word!important}.rounded{border-radius:.25rem!important}.rounded-2xl{border-radius:1rem!important}.rounded-3xl{border-radius:1.5rem!important}.rounded-\[18px\]{border-radius:18px!important}.rounded-\[2px\]{border-radius:2px!important}.rounded-full{border-radius:9999px!important}.rounded-lg{border-radius:.5rem!important}.rounded-md{border-radius:.375rem!important}.rounded-sm{border-radius:.125rem!important}.rounded-l-\[18px\]{border-bottom-left-radius:18px!important;border-top-left-radius:18px!important}.rounded-r-\[18px\]{border-bottom-right-radius:18px!important;border-top-right-radius:18px!important}.rounded-bl-\[18px\]{border-bottom-left-radius:18px!important}.rounded-br-\[18px\]{border-bottom-right-radius:18px!important}.rounded-tr-\[18px\]{border-top-right-radius:18px!important}.rounded-tr-none{border-top-right-radius:0!important}.border{border-width:1px!important}.border-2{border-width:2px!important}.border-\[1px\]{border-width:1px!important}.border-b{border-bottom-width:1px!important}.border-l{border-left-width:1px!important}.border-r{border-right-width:1px!important}.border-r-2{border-right-width:2px!important}.border-t{border-top-width:1px!important}.border-solid{border-style:solid!important}.border-none{border-style:none!important}.border-\[var\(--input-border-color\)\]{border-color:var(--input-border-color)!important}.border-cut-line{border-color:var(--stroke-level-1)!important}.border-gray-100{--tw-border-opacity:1!important;border-color:rgb(243 244 246/var(--tw-border-opacity,1))!important}.border-gray-200{--tw-border-opacity:1!important;border-color:rgb(229 231 235/var(--tw-border-opacity,1))!important}.border-gray-300{--tw-border-opacity:1!important;border-color:rgb(209 213 219/var(--tw-border-opacity,1))!important}.border-gray-400{--tw-border-opacity:1!important;border-color:rgb(156 163 175/var(--tw-border-opacity,1))!important}.border-green-400{--tw-border-opacity:1!important;border-color:rgb(74 222 128/var(--tw-border-opacity,1))!important}.border-msi-select-border{border-color:var(--input-border-color)!important}.border-msi-tag-border-light{border-color:var(--msi-ui-primary-dark-60)!important}.border-msi-ui-accent-blue-01{border-color:var(--msi-ui-accent-blue-01)!important}.border-msi-ui-neutral-light{border-color:var(--msi-ui-neutral-light)!important}.border-msi-ui-secondary-dark{border-color:var(--msi-ui-secondary)!important}.border-red-500{border-color:rgb(239 68 68/var(--tw-border-opacity,1))!important}.border-red-500,.border-white{--tw-border-opacity:1!important}.border-white{border-color:rgb(255 255 255/var(--tw-border-opacity,1))!important}.bg-\[var\(--background-input\)\]{background-color:var(--background-input)!important}.bg-blue-900{background-color:rgb(30 58 138/var(--tw-bg-opacity,1))!important}.bg-blue-900,.bg-gray-100{--tw-bg-opacity:1!important}.bg-gray-100{background-color:rgb(243 244 246/var(--tw-bg-opacity,1))!important}.bg-gray-50{background-color:rgb(249 250 251/var(--tw-bg-opacity,1))!important}.bg-gray-50,.bg-gray-600{--tw-bg-opacity:1!important}.bg-gray-600{background-color:rgb(75 85 99/var(--tw-bg-opacity,1))!important}.bg-green-600{--tw-bg-opacity:1!important;background-color:rgb(22 163 74/var(--tw-bg-opacity,1))!important}.bg-msi-background-input{background-color:var(--background-input)!important}.bg-msi-fill-light-level-1{background-color:var(--fill-light-level-1)!important}.bg-msi-message-background-other-light{background-color:rgb(from var(--msi-ui-primary-dark) r g b/.05)!important}.bg-msi-message-background-own-light{background-color:rgb(from var(--msi-btn-color) r g b/.1)!important}.bg-msi-ui-background-2{background-color:var(--background-level-2)!important}.bg-msi-ui-background-medium{background-color:var(--msi-ui-background-medium)!important}.bg-msi-ui-background-primary-06{background-color:var(--msi-ui-background-primary-06)!important}.bg-msi-ui-primary-highlight{background-color:var(--msi-ui-primary-highlight)!important}.bg-msi-ui-primary-highlight-30{background-color:var(--msi-ui-primary-highlight-30)!important}.bg-msi-ui-primary-light{background-color:var(--msi-ui-primary-light)!important}.bg-transparent{background-color:initial!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.object-contain{object-fit:contain!important}.\!p-2{padding:.5rem!important}.p-0{padding:0!important}.p-1{padding:.25rem!important}.p-2{padding:.5rem!important}.p-3{padding:.75rem!important}.p-4{padding:1rem!important}.p-\[6px\]{padding:6px!important}.px-1{padding-left:.25rem!important;padding-right:.25rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.px-3{padding-left:.75rem!important;padding-right:.75rem!important}.px-4{padding-left:1rem!important;padding-right:1rem!important}.px-\[5px\]{padding-left:5px!important;padding-right:5px!important}.px-sp-3{padding-left:12px!important;padding-right:12px!important}.py-0{padding-bottom:0!important;padding-top:0!important}.py-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.py-2{padding-bottom:.5rem!important;padding-top:.5rem!important}.py-4{padding-bottom:1rem!important;padding-top:1rem!important}.py-\[10px\]{padding-bottom:10px!important;padding-top:10px!important}.py-\[5px\]{padding-bottom:5px!important;padding-top:5px!important}.py-sp-4{padding-bottom:18px!important;padding-top:18px!important}.pb-1{padding-bottom:.25rem!important}.pb-5{padding-bottom:1.25rem!important}.pl-1{padding-left:.25rem!important}.pl-10{padding-left:2.5rem!important}.pl-9{padding-left:2.25rem!important}.pr-12{padding-right:3rem!important}.pr-2{padding-right:.5rem!important}.pr-32{padding-right:8rem!important}.pr-4{padding-right:1rem!important}.pr-\[120px\]{padding-right:120px!important}.pr-\[6px\]{padding-right:6px!important}.pt-2{padding-top:.5rem!important}.pt-3{padding-top:.75rem!important}.pt-4{padding-top:1rem!important}.text-left{text-align:left!important}.text-center{text-align:center!important}.text-right{text-align:right!important}.\!align-top{vertical-align:top!important}.text-\[10px\]{font-size:10px!important}.text-\[18px\]{font-size:18px!important}.text-\[20px\]{font-size:20px!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-lg{font-size:1.125rem!important;line-height:1.75rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-bold{font-weight:700!important}.font-light{font-weight:300!important}.font-medium{font-weight:500!important}.font-semibold{font-weight:600!important}.italic{font-style:italic!important}.leading-4{line-height:1rem!important}.text-blue-600{--tw-text-opacity:1!important;color:rgb(37 99 235/var(--tw-text-opacity,1))!important}.text-current{color:currentColor!important}.text-gray-400{--tw-text-opacity:1!important;color:rgb(156 163 175/var(--tw-text-opacity,1))!important}.text-gray-500{--tw-text-opacity:1!important;color:rgb(107 114 128/var(--tw-text-opacity,1))!important}.text-gray-600{--tw-text-opacity:1!important;color:rgb(75 85 99/var(--tw-text-opacity,1))!important}.text-gray-700{--tw-text-opacity:1!important;color:rgb(55 65 81/var(--tw-text-opacity,1))!important}.text-green-500{--tw-text-opacity:1!important;color:rgb(34 197 94/var(--tw-text-opacity,1))!important}.text-inherit{color:inherit!important}.text-msi-ui-neutral-light{color:var(--msi-ui-neutral-light)!important}.text-msi-ui-primary-error{color:var(--msi-ui-alert)!important}.text-msi-ui-primary-highlight{color:var(--msi-ui-primary-highlight)!important}.text-msi-ui-primary-light{color:var(--msi-ui-primary-light)!important}.text-msi-ui-secondary-dark{color:var(--msi-ui-secondary)!important}.text-msi-ui-text-secondary-light{color:var(--msi-ui-primary-dark-60)!important}.text-red-400{color:rgb(248 113 113/var(--tw-text-opacity,1))!important}.text-red-400,.text-red-500{--tw-text-opacity:1!important}.text-red-500{color:rgb(239 68 68/var(--tw-text-opacity,1))!important}.text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.underline{text-decoration-line:underline!important}.opacity-25{opacity:.25!important}.opacity-30{opacity:.3!important}.opacity-40{opacity:.4!important}.opacity-50{opacity:.5!important}.opacity-60{opacity:.6!important}.opacity-70{opacity:.7!important}.opacity-75{opacity:.75!important}.opacity-\[60\%\]{opacity:60%!important}.shadow{--tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a!important;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)!important}.shadow,.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a!important;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)!important}.shadow-xl{--tw-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a!important;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.blur{--tw-blur:blur(8px)!important}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.transition{transition-duration:.15s!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)!important}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)!important}.first\:mt-2:first-child{margin-top:.5rem!important}.last\:mb-8:last-child{margin-bottom:2rem!important}.last\:border-b-0:last-child{border-bottom-width:0!important}.focus-within\:bg-white:focus-within{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.hover\:cursor-pointer:hover{cursor:pointer!important}.hover\:rounded:hover{border-radius:.25rem!important}.hover\:rounded-md:hover{border-radius:.375rem!important}.hover\:bg-\[var\(--input-hover\)\]:hover{background-color:var(--input-hover)!important}.hover\:bg-gray-100:hover{--tw-bg-opacity:1!important;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))!important}.hover\:bg-msi-background-input-hover:hover{background-color:var(--input-hover)!important}.hover\:bg-msi-fill-light-level-1:hover{background-color:var(--fill-light-level-1)!important}.hover\:bg-msi-fill-light-level-2:hover{background-color:var(--fill-light-level-2)!important}.hover\:bg-msi-ui-background-1:hover{background-color:var(--background-level-1)!important}.hover\:bg-msi-ui-background-medium:hover{background-color:var(--msi-ui-background-medium)!important}.hover\:bg-msi-ui-primary-dark-10:hover{background-color:var(--msi-ui-primary-dark-10)!important}.hover\:bg-msi-ui-primary-highlight-30:hover{background-color:var(--msi-ui-primary-highlight-30)!important}.hover\:bg-slate-300:hover{--tw-bg-opacity:1!important;background-color:rgb(203 213 225/var(--tw-bg-opacity,1))!important}.dark\:border-gray-700:is(.dark *){--tw-border-opacity:1!important;border-color:rgb(55 65 81/var(--tw-border-opacity,1))!important}.dark\:border-msi-tag-border-dark:is(.dark *){border-color:var(--msi-ui-primary-light-60)!important}.dark\:border-msi-ui-primary-light:is(.dark *){border-color:var(--msi-ui-primary-light)!important}.dark\:bg-gray-700:is(.dark *){--tw-bg-opacity:1!important;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))!important}.dark\:bg-gray-800:is(.dark *){--tw-bg-opacity:1!important;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))!important}.dark\:bg-gray-900:is(.dark *){--tw-bg-opacity:1!important;background-color:rgb(17 24 39/var(--tw-bg-opacity,1))!important}.dark\:bg-msi-fill-light-level-1:is(.dark *){background-color:var(--fill-light-level-1)!important}.dark\:bg-msi-message-background-other-dark:is(.dark *){background-color:rgb(from var(--msi-ui-primary-light) r g b/.1)!important}.dark\:bg-msi-message-background-own-dark:is(.dark *){background-color:rgb(from var(--msi-ui-primary-highlight) r g b/.2)!important}.dark\:bg-msi-ui-background-1:is(.dark *){background-color:var(--background-level-1)!important}.dark\:bg-msi-ui-background-2:is(.dark *){background-color:var(--background-level-2)!important}.dark\:bg-msi-ui-primary-highlight:is(.dark *){background-color:var(--msi-ui-primary-highlight)!important}.dark\:bg-msi-ui-primary-light-10:is(.dark *){background-color:var(--msi-ui-primary-light-10)!important}.dark\:bg-msi-ui-secondary-dark:is(.dark *){background-color:var(--msi-ui-secondary)!important}.dark\:text-blue-200:is(.dark *){--tw-text-opacity:1!important;color:rgb(191 219 254/var(--tw-text-opacity,1))!important}.dark\:text-gray-200:is(.dark *){--tw-text-opacity:1!important;color:rgb(229 231 235/var(--tw-text-opacity,1))!important}.dark\:text-gray-300:is(.dark *){--tw-text-opacity:1!important;color:rgb(209 213 219/var(--tw-text-opacity,1))!important}.dark\:text-gray-400:is(.dark *){--tw-text-opacity:1!important;color:rgb(156 163 175/var(--tw-text-opacity,1))!important}.dark\:text-msi-ui-neutral-light:is(.dark *){color:var(--msi-ui-neutral-light)!important}.dark\:text-msi-ui-primary-light:is(.dark *){color:var(--msi-ui-primary-light)!important}.dark\:text-msi-ui-text-secondary-dark:is(.dark *){color:var(--msi-ui-primary-light-60)!important}.dark\:text-white:is(.dark *){--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.dark\:hover\:bg-gray-700:hover:is(.dark *){--tw-bg-opacity:1!important;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))!important}.dark\:hover\:bg-msi-fill-light-level-2:hover:is(.dark *){background-color:var(--fill-light-level-2)!important}.dark\:hover\:bg-msi-ui-primary-highlight-30:hover:is(.dark *){background-color:var(--msi-ui-primary-highlight-30)!important}.dark\:hover\:bg-msi-ui-primary-light-10:hover:is(.dark *){background-color:var(--msi-ui-primary-light-10)!important}.dark\:hover\:bg-msi-ui-secondary-dark:hover:is(.dark *){background-color:var(--msi-ui-secondary)!important}@media not all and (min-width:1247px){.max-md\:mx-12{margin-left:3rem!important;margin-right:3rem!important}}@media not all and (min-width:821px){.max-sm\:mr-2{margin-right:.5rem!important}.max-sm\:hidden{display:none!important}}@media (min-width:320px){@media not all and (min-width:821px){.xxsm\:max-sm\:m-1{margin:.25rem!important}.xxsm\:max-sm\:m-auto{margin:auto!important}.xxsm\:max-sm\:mb-5{margin-bottom:1.25rem!important}.xxsm\:max-sm\:mr-0{margin-right:0!important}.xxsm\:max-sm\:mr-2{margin-right:.5rem!important}.xxsm\:max-sm\:mr-\[10px\]{margin-right:10px!important}.xxsm\:max-sm\:mt-6{margin-top:1.5rem!important}.xxsm\:max-sm\:hidden{display:none!important}.xxsm\:max-sm\:w-convos-sm{width:68px!important}.xxsm\:max-sm\:w-full,.xxsm\:max-sm\:w-messages-sm{width:100%!important}.xxsm\:max-sm\:items-center{align-items:center!important}.xxsm\:max-sm\:gap-\[2px\]{gap:2px!important}}}@media (min-width:500px){.xsm\:flex-row{flex-direction:row!important}}@media (min-width:821px){.sm\:mb-3{margin-bottom:.75rem!important}.sm\:mb-6{margin-bottom:1.5rem!important}.sm\:ml-6{margin-left:1.5rem!important}.sm\:mr-6{margin-right:1.5rem!important}.sm\:mt-6{margin-top:1.5rem!important}.sm\:flex{display:flex!important}.sm\:h-36{height:9rem!important}.sm\:w-80{width:20rem!important}.sm\:w-96{width:24rem!important}.sm\:w-\[560px\]{width:560px!important}.sm\:w-min{width:min-content!important}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.sm\:flex-row{flex-direction:row!important}.sm\:p-0{padding:0!important}.sm\:py-2{padding-bottom:.5rem!important;padding-top:.5rem!important}.sm\:text-left{text-align:left!important}@media not all and (min-width:1365px){.sm\:max-lg\:w-convos-md{width:344px!important}.sm\:max-lg\:w-full{width:100%!important}.sm\:max-lg\:w-messages-md{width:calc(100% - 380px)!important}.sm\:max-lg\:max-w-\[236px\]{max-width:236px!important}.sm\:max-lg\:max-w-convo-name-header-tablet{max-width:316px!important}.sm\:max-lg\:max-w-convo-name-standard-tablet{max-width:236px!important}}}@media (min-width:1247px){.md\:w-\[450px\]{width:450px!important}.md\:w-\[820px\]{width:820px!important}.md\:w-auto{width:auto!important}.md\:max-w-\[75\%\]{max-width:75%!important}.md\:justify-between{justify-content:space-between!important}}@media (min-width:1365px){.lg\:mx-6{margin-left:1.5rem!important;margin-right:1.5rem!important}.lg\:w-\[620px\]{width:620px!important}.lg\:w-convos-lg{width:408px!important}.lg\:w-full{width:100%!important}.lg\:w-messages-lg{width:calc(100% - 480px)!important}.lg\:max-w-\[300px\]{max-width:300px!important}.lg\:max-w-convo-name-header-desktop{max-width:380px!important}.lg\:max-w-convo-name-standard-desktop{max-width:300px!important}}@media (min-width:1920px){.xl\:w-\[350px\]{width:350px!important}.xl\:w-\[800px\]{width:800px!important}}.\[\&\:not\(\:empty\)\]\:mr-\[6px\]:not(:empty){margin-right:6px!important}.dark\:\[\&_\.error-title\]\:text-white .error-title:is(.dark *){--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}
/*!**************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/@ctrl/ngx-emoji-mart/picker.css ***!
  \**************************************************************************************************************************************************************************************************************************************/
.emoji-mart,
.emoji-mart * {
  box-sizing: border-box;
  line-height: 1.15;
}

.emoji-mart {
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif;
  font-size: 16px;
  display: inline-block;
  color: #222427;
  border: 1px solid #d9d9d9;
  border-radius: 5px;
  background: #fff;
}

.emoji-mart .emoji-mart-emoji {
  padding: 6px;
}

.emoji-mart-bar {
  border: 0 solid #d9d9d9;
}
.emoji-mart-bar:first-child {
  border-bottom-width: 1px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.emoji-mart-bar:last-child {
  border-top-width: 1px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.emoji-mart-anchors {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 0 6px;
  line-height: 0;
}

.emoji-mart-anchor {
  position: relative;
  display: block;
  flex: 1 1 auto;
  color: #858585;
  text-align: center;
  padding: 12px 4px;
  overflow: hidden;
  transition: color .1s ease-out;
  margin: 0;
  box-shadow: none;
  background: none;
  border: none;
}
.emoji-mart-anchor:focus { outline: 0 }
.emoji-mart-anchor:hover,
.emoji-mart-anchor:focus,
.emoji-mart-anchor-selected {
  color: #464646;
}

.emoji-mart-anchor-selected .emoji-mart-anchor-bar {
  bottom: 0;
}

.emoji-mart-anchor-bar {
  position: absolute;
  bottom: -3px; left: 0;
  width: 100%; height: 3px;
  background-color: #464646;
}

.emoji-mart-anchors i {
  display: inline-block;
  width: 100%;
  max-width: 22px;
}

.emoji-mart-anchors svg,
.emoji-mart-anchors img {
  fill: currentColor;
  height: 18px;
}

.emoji-mart-scroll {
  overflow-y: scroll;
  height: 270px;
  padding: 0 6px 6px 6px;
  will-change: transform; /* avoids "repaints on scroll" in mobile Chrome */
}

.emoji-mart-search {
  margin-top: 6px;
  padding: 0 6px;
  position: relative;
}

.emoji-mart-search input {
  font-size: 16px;
  display: block;
  width: 100%;
  padding: 5px 25px 6px 10px;
  border-radius: 5px;
  border: 1px solid #d9d9d9;
  outline: 0;
}

.emoji-mart-search input,
.emoji-mart-search input::-webkit-search-decoration,
.emoji-mart-search input::-webkit-search-cancel-button,
.emoji-mart-search input::-webkit-search-results-button,
.emoji-mart-search input::-webkit-search-results-decoration {
  /* remove webkit/blink styles for <input type="search">
   * via https://stackoverflow.com/a/9422689 */
  -webkit-appearance: none;
}

.emoji-mart-search-icon {
  position: absolute;
  top: 3px;
  right: 11px;
  z-index: 2;
  padding: 2px 5px 1px;
  border: none;
  background: none;
}

.emoji-mart-category .emoji-mart-emoji span {
  z-index: 1;
  position: relative;
  text-align: center;
  cursor: default;
}

.emoji-mart-category .emoji-mart-emoji:hover:before {
  z-index: 0;
  content: "";
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background-color: #f4f4f4;
  border-radius: 100%;
}

.emoji-mart-category-label {
  z-index: 2;
  position: relative;
  position: sticky;
  top: 0;
}

.emoji-mart-category-label span {
  display: block;
  width: 100%;
  font-weight: 500;
  padding: 5px 6px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, .95);
}

.emoji-mart-category-list {
  margin: 0;
  padding: 0;
}

.emoji-mart-category-list li {
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline-block;
}

.emoji-mart-emoji {
  position: relative;
  display: inline-block;
  font-size: 0;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  box-shadow: none;
}

.emoji-mart-emoji-native {
  font-family: "Segoe UI Emoji", "Segoe UI Symbol", "Segoe UI", "Apple Color Emoji", "Twemoji Mozilla", "Noto Color Emoji", "Android Emoji";
}

.emoji-mart-no-results {
  font-size: 14px;
  text-align: center;
  padding-top: 70px;
  color: #858585;
}
.emoji-mart-no-results .emoji-mart-category-label {
  display: none;
}
.emoji-mart-no-results .emoji-mart-no-results-label {
  margin-top: .2em;
}
.emoji-mart-no-results .emoji-mart-emoji:hover:before {
  content: none;
}

.emoji-mart-preview {
  position: relative;
  height: 70px;
}

.emoji-mart-preview-emoji,
.emoji-mart-preview-data,
.emoji-mart-preview-skins {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.emoji-mart-preview-emoji {
  left: 12px;
}

.emoji-mart-preview-data {
  left: 68px; right: 12px;
  word-break: break-all;
}

.emoji-mart-preview-skins {
  right: 30px;
  text-align: right;
}

.emoji-mart-preview-skins.custom {
  right: 10px;
  text-align: right;
}

.emoji-mart-preview-name {
  font-size: 14px;
}

.emoji-mart-preview-shortname {
  font-size: 12px;
  color: #888;
}
.emoji-mart-preview-shortname + .emoji-mart-preview-shortname,
.emoji-mart-preview-shortname + .emoji-mart-preview-emoticon,
.emoji-mart-preview-emoticon + .emoji-mart-preview-emoticon {
  margin-left: .5em;
}

.emoji-mart-preview-emoticon {
  font-size: 11px;
  color: #bbb;
}

.emoji-mart-title span {
  display: inline-block;
  vertical-align: middle;
}

.emoji-mart-title .emoji-mart-emoji {
  padding: 0;
}

.emoji-mart-title-label {
  color: #999A9C;
  font-size: 26px;
  font-weight: 300;
}

.emoji-mart-skin-swatches {
  font-size: 0;
  padding: 2px 0;
  border: 1px solid #d9d9d9;
  border-radius: 12px;
  background-color: #fff;
}

.emoji-mart-skin-swatches.custom {
  font-size: 0;
  border: none;
  background-color: #fff;
}

.emoji-mart-skin-swatches.opened .emoji-mart-skin-swatch {
  width: 16px;
  padding: 0 2px;
}

.emoji-mart-skin-swatches.opened .emoji-mart-skin-swatch.selected:after {
  opacity: .75;
}

.emoji-mart-skin-swatch {
  display: inline-block;
  width: 0;
  vertical-align: middle;
  transition-property: width, padding;
  transition-duration: .125s;
  transition-timing-function: ease-out;
}

.emoji-mart-skin-swatch:nth-child(1) { transition-delay: 0s }
.emoji-mart-skin-swatch:nth-child(2) { transition-delay: .03s }
.emoji-mart-skin-swatch:nth-child(3) { transition-delay: .06s }
.emoji-mart-skin-swatch:nth-child(4) { transition-delay: .09s }
.emoji-mart-skin-swatch:nth-child(5) { transition-delay: .12s }
.emoji-mart-skin-swatch:nth-child(6) { transition-delay: .15s }

.emoji-mart-skin-swatch.selected {
  position: relative;
  width: 16px;
  padding: 0 2px;
}

.emoji-mart-skin-swatch.selected:after {
  content: "";
  position: absolute;
  top: 50%; left: 50%;
  width: 4px; height: 4px;
  margin: -2px 0 0 -2px;
  background-color: #fff;
  border-radius: 100%;
  pointer-events: none;
  opacity: 0;
  transition: opacity .2s ease-out;
}

.emoji-mart-skin-swatch.custom {
  display: inline-block;
  width: 0;
  height: 38px;
  overflow: hidden;
  vertical-align: middle;
  transition-property: width, height;
  transition-duration: .125s;
  transition-timing-function: ease-out;
  cursor: default;
}

.emoji-mart-skin-swatch.custom.selected {
  position: relative;
  width: 36px;
  height: 38px;
  padding: 0 2px 0 0;
}

.emoji-mart-skin-swatch.custom.selected:after {
  content: "";
  width: 0;
  height: 0;
}

.emoji-mart-skin-swatches.custom .emoji-mart-skin-swatch.custom:hover {
  background-color: #f4f4f4;
  border-radius: 10%;
}

.emoji-mart-skin-swatches.custom.opened .emoji-mart-skin-swatch.custom {
  width: 36px;
  height: 38px;
  padding: 0 2px 0 0;
}

.emoji-mart-skin-swatches.custom.opened .emoji-mart-skin-swatch.custom.selected:after {
  opacity: .75;
}

.emoji-mart-skin-text.opened {
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  color: #888;
  font-size: 11px;
  padding: 5px 2px;
  width: 95px;
  height: 40px;
  border-radius: 10%;
  background-color: #fff;
}

.emoji-mart-skin {
  display: inline-block;
  width: 100%;
  padding-top: 100%;
  max-width: 12px;
  border-radius: 100%;
}

.emoji-mart-skin-tone-1 { background-color: #ffc93a }
.emoji-mart-skin-tone-2 { background-color: #fadcbc }
.emoji-mart-skin-tone-3 { background-color: #e0bb95 }
.emoji-mart-skin-tone-4 { background-color: #bf8f68 }
.emoji-mart-skin-tone-5 { background-color: #9b643d }
.emoji-mart-skin-tone-6 { background-color: #594539 }

/* For screenreaders only, via https://stackoverflow.com/a/19758620 */
.emoji-mart-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

/*
 * Dark mode styles
 */

.emoji-mart-dark {
  color: #fff;
  border-color: #555453;
  background-color: #222;
}

.emoji-mart-dark .emoji-mart-bar {
  border-color: #555453;
}

.emoji-mart-dark .emoji-mart-search input {
  color: #fff;
  border-color: #555453;
  background-color: #2f2f2f;
}

.emoji-mart-dark .emoji-mart-search-icon svg {
  fill: #fff;
}

.emoji-mart-dark .emoji-mart-category .emoji-mart-emoji:hover:before {
  background-color: #444;
}

.emoji-mart-dark .emoji-mart-category-label span {
  background-color: #222;
  color: #fff;
}

.emoji-mart-dark .emoji-mart-skin-swatches {
  border-color: #555453;
  background-color: #222;
}

.emoji-mart-dark .emoji-mart-anchor:hover,
.emoji-mart-dark .emoji-mart-anchor:focus,
.emoji-mart-dark .emoji-mart-anchor-selected {
  color: #bfbfbf;
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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]!./apps/chat/src/styles.scss?ngGlobalStyle ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* You can add global styles to this file, and also import other style files */
/* You can add global styles to this file, and also import other style files */
/* Primary Cobalt Colors & Highlights */
/* Shades & Tints */
/* Neutrals & Secondary Hues */
/* Neutral Blues */
/* Specialized Colors (Specific & Restricted Use) */
/* Avatar Colors */
/* Charts */
/* Misc */
/* stylelint-disable */
/* roboto-100 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Roboto";
  font-style: normal;
  font-weight: 100;
  src: url('roboto-100.a295b650fce8f05f.woff2') format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-100italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Roboto";
  font-style: italic;
  font-weight: 100;
  src: url('roboto-100italic.a74462965341fc32.woff2') format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-300 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  src: url('roboto-300.686ba89e9928810b.woff2') format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-300italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Roboto";
  font-style: italic;
  font-weight: 300;
  src: url('roboto-300italic.39a32e3138df3492.woff2') format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-regular - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url('roboto-400.13737ec3c62a4244.woff2') format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Roboto";
  font-style: italic;
  font-weight: 400;
  src: url('roboto-400italic.e4d3064ac1495975.woff2') format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-500 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: url('roboto-500.92bcbd67a6a4e333.woff2') format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-500italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Roboto";
  font-style: italic;
  font-weight: 500;
  src: url('roboto-500italic.4a3abd924d62e232.woff2') format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-700 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: url('roboto-700.8871a06ca6b44e6b.woff2') format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-700italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Roboto";
  font-style: italic;
  font-weight: 700;
  src: url('roboto-700italic.bb4f00c00e0dd5ed.woff2') format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-900 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Roboto";
  font-style: normal;
  font-weight: 900;
  src: url('roboto-900.cd194dc32f732dd7.woff2') format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-900italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Roboto";
  font-style: italic;
  font-weight: 900;
  src: url('roboto-900italic.6beafbf3d32388b6.woff2') format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* stylelint-disable */
/* roboto-mono-100 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Roboto Mono";
  font-style: normal;
  font-weight: 100;
  src: url('roboto-mono-v23-latin-100.99f3d18428417792.woff2') format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-mono-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Roboto Mono";
  font-style: normal;
  font-weight: 200;
  src: url('roboto-mono-v23-latin-200.fa118af2bfb484e0.woff2') format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-mono-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Roboto Mono";
  font-style: normal;
  font-weight: 300;
  src: url('roboto-mono-v23-latin-300.e0464a10d3306e30.woff2') format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-mono-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Roboto Mono";
  font-style: normal;
  font-weight: 400;
  src: url('roboto-mono-v23-latin-regular.062f2b851e15206c.woff2') format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-mono-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Roboto Mono";
  font-style: normal;
  font-weight: 500;
  src: url('roboto-mono-v23-latin-500.97407b1476e2a929.woff2') format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-mono-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Roboto Mono";
  font-style: normal;
  font-weight: 600;
  src: url('roboto-mono-v23-latin-600.2f7a908759583f53.woff2') format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-mono-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Roboto Mono";
  font-style: normal;
  font-weight: 700;
  src: url('roboto-mono-v23-latin-700.6e8e9d2faa3a9676.woff2') format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* Font weight */
/* Font size */
/* Same as $body-2-font-size */
/* Same as $subtitle-font-size */
/* Spacing */
/* DEPRECATED */
/* Spacing rem */
/* Corner radius */
/* Line height */
/* Letter spacing */
/* Timing - must match animation-config.ts */
/* Easing - must match animation-config.ts */
/* Other */
/* Scrollbars */
/* Tables */
/* Buttons */
/* Forms */
/* Input */
/* Select */
/* Label */
/* Z-indexes */
/* High contrast */
/* https://github.com/sasstools//issues/1161 */
/* Applies given styles to both <tag> and .msi-<tag> */
/* :disable no-important */
/* Color palatte backgrounds */
.msi-bg-alert {
  background-color: #ec1c24 !important;
}
.msi-bg-emergency {
  background-color: #ff8400 !important;
}
.msi-bg-success {
  background-color: #099a49 !important;
}
.msi-bg-focus-primary {
  background-color: var(--focus-primary) !important;
}

/* Themed backgrounds */
.msi-background,
.msi-bg-level-1,
.msi-bg {
  background-color: var(--background-level-1) !important;
}

.msi-bg-primary,
.msi-bg-level-2 {
  background-color: var(--background-level-2) !important;
}

.msi-bg-level-3 {
  background-color: var(--background-level-3) !important;
}

/* Monochrome */
.msi-bg-primary-05 {
  background-color: var(--primary-05) !important;
}
.msi-bg-primary-10 {
  background-color: var(--primary-10) !important;
}
.msi-bg-primary-20 {
  background-color: var(--primary-20) !important;
}
.msi-bg-primary-30 {
  background-color: var(--primary-30) !important;
}
.msi-bg-primary-40 {
  background-color: var(--primary-40) !important;
}
.msi-bg-primary-50 {
  background-color: var(--primary-50) !important;
}
.msi-bg-primary-60 {
  background-color: var(--primary-60) !important;
}
.msi-bg-primary-70 {
  background-color: var(--primary-70) !important;
}
.msi-bg-primary-80 {
  background-color: var(--primary-80) !important;
}

/* Based on https://getbootstrap.com/docs/4.3/utilities/borders/ */
.msi-border {
  /* Additive/Subtractive */
  /* Themed border color */
  /* Monochrome border color */
  /* Other border color */
  border: 1px solid !important
}
.msi-border-top {
  border-top: 1px solid !important;
}
.msi-border-top-0 {
  border-top: 0 !important;
}
.msi-border-right {
  border-right: 1px solid !important;
}
.msi-border-right-0 {
  border-right: 0 !important;
}
.msi-border-bottom {
  border-bottom: 1px solid !important;
}
.msi-border-bottom-0 {
  border-bottom: 0 !important;
}
.msi-border-left {
  border-left: 1px solid !important;
}
.msi-border-left-0 {
  border-left: 0 !important;
}
.msi-border-0 {
  border: 0 !important;
}
.msi-border-level-1 {
  border-color: var(--stroke-level-1) !important;
}
.msi-border-level-2 {
  border-color: var(--stroke-level-3) !important;
}
.msi-border-primary-05 {
  border-color: var(--primary-05) !important;
}
.msi-border-primary-10 {
  border-color: var(--primary-10) !important;
}
.msi-border-primary-20 {
  border-color: var(--primary-20) !important;
}
.msi-border-primary-30 {
  border-color: var(--primary-30) !important;
}
.msi-border-primary-40 {
  border-color: var(--primary-40) !important;
}
.msi-border-primary-50 {
  border-color: var(--primary-50) !important;
}
.msi-border-primary-60 {
  border-color: var(--primary-60) !important;
}
.msi-border-primary-70 {
  border-color: var(--primary-70) !important;
}
.msi-border-primary-80 {
  border-color: var(--primary-80) !important;
}
.msi-border-alert {
  border-color: #ec1c24 !important;
}
.msi-border-emergency {
  border-color: #ff8400 !important;
}
.msi-border-success {
  border-color: #099a49 !important;
}

/* :disable no-important */
.msi-corners-sm,
.msi-corner-radius-sm {
  border-radius: 2px !important;
}
.msi-corners-md,
.msi-corner-radius-md {
  border-radius: 4px !important;
}
.msi-corners-lg,
.msi-corner-radius-lg {
  border-radius: 6px !important;
}

/* :disable no-important */
.msi-shadow, .msi-shadow-level-1 {
  box-shadow: var(--shadow-level-1) !important;
}
.msi-shadow-level-2 {
  box-shadow: var(--shadow-level-2) !important;
}
.msi-shadow-level-3 {
  box-shadow: var(--shadow-level-3) !important;
}

/* Set $msi-spacing-debug: true before importing to visualize colored spacing */
.msi-padding-xxxs {
  padding: 2px !important;
}

.msi-margin-xxxs {
  margin: 2px !important;
}

.msi-padding-xxs {
  padding: 4px !important;
}

.msi-margin-xxs {
  margin: 4px !important;
}

.msi-padding-xs {
  padding: 6px !important;
}

.msi-margin-xs {
  margin: 6px !important;
}

.msi-padding-s {
  padding: 12px !important;
}

.msi-margin-s {
  margin: 12px !important;
}

.msi-padding-m {
  padding: 18px !important;
}

.msi-margin-m {
  margin: 18px !important;
}

.msi-padding {
  padding: 18px !important;
}

.msi-margin {
  margin: 18px !important;
}

.msi-padding-l {
  padding: 24px !important;
}

.msi-margin-l {
  margin: 24px !important;
}

.msi-padding-xl {
  padding: 36px !important;
}

.msi-margin-xl {
  margin: 36px !important;
}

.msi-padding-xxl {
  padding: 48px !important;
}

.msi-margin-xxl {
  margin: 48px !important;
}

.msi-padding-top-xxxs {
  padding-top: 2px !important;
}

.msi-margin-top-xxxs {
  margin-top: 2px !important;
}

.msi-padding-top-xxs {
  padding-top: 4px !important;
}

.msi-margin-top-xxs {
  margin-top: 4px !important;
}

.msi-padding-top-xs {
  padding-top: 6px !important;
}

.msi-margin-top-xs {
  margin-top: 6px !important;
}

.msi-padding-top-s {
  padding-top: 12px !important;
}

.msi-margin-top-s {
  margin-top: 12px !important;
}

.msi-padding-top-m {
  padding-top: 18px !important;
}

.msi-margin-top-m {
  margin-top: 18px !important;
}

.msi-padding-top {
  padding-top: 18px !important;
}

.msi-margin-top {
  margin-top: 18px !important;
}

.msi-padding-top-l {
  padding-top: 24px !important;
}

.msi-margin-top-l {
  margin-top: 24px !important;
}

.msi-padding-top-xl {
  padding-top: 36px !important;
}

.msi-margin-top-xl {
  margin-top: 36px !important;
}

.msi-padding-top-xxl {
  padding-top: 48px !important;
}

.msi-margin-top-xxl {
  margin-top: 48px !important;
}

.msi-padding-right-xxxs {
  padding-right: 2px !important;
}

.msi-margin-right-xxxs {
  margin-right: 2px !important;
}

.msi-padding-right-xxs {
  padding-right: 4px !important;
}

.msi-margin-right-xxs {
  margin-right: 4px !important;
}

.msi-padding-right-xs {
  padding-right: 6px !important;
}

.msi-margin-right-xs {
  margin-right: 6px !important;
}

.msi-padding-right-s {
  padding-right: 12px !important;
}

.msi-margin-right-s {
  margin-right: 12px !important;
}

.msi-padding-right-m {
  padding-right: 18px !important;
}

.msi-margin-right-m {
  margin-right: 18px !important;
}

.msi-padding-right {
  padding-right: 18px !important;
}

.msi-margin-right {
  margin-right: 18px !important;
}

.msi-padding-right-l {
  padding-right: 24px !important;
}

.msi-margin-right-l {
  margin-right: 24px !important;
}

.msi-padding-right-xl {
  padding-right: 36px !important;
}

.msi-margin-right-xl {
  margin-right: 36px !important;
}

.msi-padding-right-xxl {
  padding-right: 48px !important;
}

.msi-margin-right-xxl {
  margin-right: 48px !important;
}

.msi-padding-bottom-xxxs {
  padding-bottom: 2px !important;
}

.msi-margin-bottom-xxxs {
  margin-bottom: 2px !important;
}

.msi-padding-bottom-xxs {
  padding-bottom: 4px !important;
}

.msi-margin-bottom-xxs {
  margin-bottom: 4px !important;
}

.msi-padding-bottom-xs {
  padding-bottom: 6px !important;
}

.msi-margin-bottom-xs {
  margin-bottom: 6px !important;
}

.msi-padding-bottom-s {
  padding-bottom: 12px !important;
}

.msi-margin-bottom-s {
  margin-bottom: 12px !important;
}

.msi-padding-bottom-m {
  padding-bottom: 18px !important;
}

.msi-margin-bottom-m {
  margin-bottom: 18px !important;
}

.msi-padding-bottom {
  padding-bottom: 18px !important;
}

.msi-margin-bottom {
  margin-bottom: 18px !important;
}

.msi-padding-bottom-l {
  padding-bottom: 24px !important;
}

.msi-margin-bottom-l {
  margin-bottom: 24px !important;
}

.msi-padding-bottom-xl {
  padding-bottom: 36px !important;
}

.msi-margin-bottom-xl {
  margin-bottom: 36px !important;
}

.msi-padding-bottom-xxl {
  padding-bottom: 48px !important;
}

.msi-margin-bottom-xxl {
  margin-bottom: 48px !important;
}

.msi-padding-left-xxxs {
  padding-left: 2px !important;
}

.msi-margin-left-xxxs {
  margin-left: 2px !important;
}

.msi-padding-left-xxs {
  padding-left: 4px !important;
}

.msi-margin-left-xxs {
  margin-left: 4px !important;
}

.msi-padding-left-xs {
  padding-left: 6px !important;
}

.msi-margin-left-xs {
  margin-left: 6px !important;
}

.msi-padding-left-s {
  padding-left: 12px !important;
}

.msi-margin-left-s {
  margin-left: 12px !important;
}

.msi-padding-left-m {
  padding-left: 18px !important;
}

.msi-margin-left-m {
  margin-left: 18px !important;
}

.msi-padding-left {
  padding-left: 18px !important;
}

.msi-margin-left {
  margin-left: 18px !important;
}

.msi-padding-left-l {
  padding-left: 24px !important;
}

.msi-margin-left-l {
  margin-left: 24px !important;
}

.msi-padding-left-xl {
  padding-left: 36px !important;
}

.msi-margin-left-xl {
  margin-left: 36px !important;
}

.msi-padding-left-xxl {
  padding-left: 48px !important;
}

.msi-margin-left-xxl {
  margin-left: 48px !important;
}

/* :disable no-important */
/* Text color */
.msi-text, .msi-text-primary {
  color: var(--text-primary) !important;
}
.msi-text-secondary {
  color: var(--text-secondary) !important;
}
.msi-text-focus-primary {
  color: var(--focus-primary) !important;
}
.msi-text-focus-secondary {
  color: var(--focus-secondary) !important;
}
.msi-text-alert {
  color: #ec1c24 !important;
}
.msi-text-emergency {
  color: #ff8400 !important;
}
.msi-text-success {
  color: #099a49 !important;
}

/* Font weight */
.msi-bold {
  font-weight: 700 !important;
}

/* Headings (default browser styles) */
h1,
.msi-h1 {
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: -0.031rem;
  margin-bottom: 12px;
}

h2,
.msi-h2 {
  font-size: 1.75rem;
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: -0.031rem;
  margin-bottom: 12px;
}

h3,
.msi-h3 {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.25;
  margin-bottom: 12px;
}

h4,
.msi-h4 {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 12px;
}

h5,
.msi-h5 {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 12px;
}

h6,
.msi-h6 {
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 12px;
}

/* Other font sizes */
.msi-body-1 {
  font-size: 1rem !important;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.009rem;
}
.msi-body-2 {
  font-size: 0.875rem !important;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.011rem;
}
.msi-body-1-monospace {
  font-family: "Roboto Mono", serif;
  font-size: 1rem !important;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.009rem;
}
.msi-body-2-monospace {
  font-family: "Roboto Mono", serif;
  font-size: 0.875rem !important;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.011rem;
}
.msi-subtitle {
  font-size: 0.75rem !important;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.006rem;
}
.msi-caption {
  font-size: 0.75rem !important;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.025rem;
}

html {
  box-sizing: border-box;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

.msi-focus:focus,
.msi-link:focus {
  outline: 2px solid var(--focus-border-color);
}

.msi-hover:hover {
  background-color: var(--hover);
}

.msi-label {
  display: block;
  padding-top: 12px;
  font-weight: 700;
  color: var(--primary-70);
}

/* Flex */
.msi-flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.msi-flex-align {
  display: flex;
  align-items: center;
}
.msi-flex, .msi-flex-row {
  display: flex;
  flex-direction: row;
}
.msi-flex-col {
  display: flex;
  flex-direction: column;
}
.msi-flex-col.gap {
  gap: 18px;
}
.msi-flex-col.col-align {
  align-items: center;
}
.msi-flex-col-nowrap {
  flex-wrap: nowrap;
}

.msi-grid {
  display: grid;
  justify-content: center;
  width: 100%;
  grid-gap: 15px;
}
.msi-grid-50 {
  display: grid;
  justify-content: center;
  width: 100%;
  grid-gap: 15px;
  grid-template-columns: repeat(auto-fit, 50px);
}
.msi-grid-100 {
  display: grid;
  justify-content: center;
  width: 100%;
  grid-gap: 15px;
  grid-template-columns: repeat(auto-fit, 100px);
}
.msi-grid-150 {
  display: grid;
  justify-content: center;
  width: 100%;
  grid-gap: 15px;
  grid-template-columns: repeat(auto-fit, 150px);
}
.msi-grid-200 {
  display: grid;
  justify-content: center;
  width: 100%;
  grid-gap: 15px;
  grid-template-columns: repeat(auto-fit, 200px);
}
.msi-grid-250 {
  display: grid;
  justify-content: center;
  width: 100%;
  grid-gap: 15px;
  grid-template-columns: repeat(auto-fit, 250px);
}
.msi-grid-300 {
  display: grid;
  justify-content: center;
  width: 100%;
  grid-gap: 15px;
  grid-template-columns: repeat(auto-fit, 300px);
}

.msi-dropdown {
  max-height: 441px;
  padding: 6px 12px;
  overflow-y: auto;
  overflow-x: hidden;
  color: var(--text-primary);
  background: var(--background-dropdown);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 4px;
  box-shadow: var(--shadow-level-2);
}
.msi-dropdown:focus {
  outline: none;
}
.msi-dropdown.display {
  display: block;
}
.msi-dropdown.visible {
  opacity: 1;
}
.msi-dropdown.scrollable {
  overflow-y: scroll;
}
.msi-dropdown .msi-dropdown-item {
  margin: 0 -12px;
}
.msi-dropdown .msi-dropdown-section {
  margin: 0 -12px;
}
.msi-dropdown msi-dropdown-section:first-of-type {
  margin-top: -6px;
}
.msi-dropdown .msi-radio-group {
  margin-top: 6px;
  margin-right: -12px;
  margin-left: -12px;
}
.msi-dropdown .msi-radio-group .msi-radio-group-label {
  padding: 0 12px;
}
.msi-dropdown .msi-radio-group .msi-radio-button-label {
  width: 100%;
}
.msi-dropdown .msi-radio-button:hover {
  background-color: var(--hover);
}

.msi-dropdown-item {
  display: flex;
  align-items: center;
  flex: 1;
  min-height: 30px;
  max-height: 42px;
  padding: 12px;
  line-height: 1;
  color: var(--text-primary);
  text-decoration: none;
  cursor: pointer;
  -ms-high-contrast-adjust: none;
}
.msi-dropdown-item .msi-icon {
  margin-right: 12px;
}
.msi-dropdown-item.icon-right {
  justify-content: space-between;
}
.msi-dropdown-item.icon-right .msi-icon {
  display: flex;
  justify-content: flex-end;
  margin-right: 0;
}
.msi-dropdown-item:hover, .msi-dropdown-item:focus {
  background-color: var(--hover);
  outline: none;
}
.msi-dropdown-item:active {
  color: #fff;
  background-color: var(--focus-primary);
}
@media (-ms-high-contrast: white-on-black) {
  .msi-dropdown-item {
    color: white;
  }
  .msi-dropdown-item:hover, .msi-dropdown-item:focus {
    color: black;
    background-color: #808080;
  }
  .msi-dropdown-item:active {
    color: black;
    background-color: white;
  }
}
@media (-ms-high-contrast: black-on-white) {
  .msi-dropdown-item {
    color: black;
  }
  .msi-dropdown-item:hover, .msi-dropdown-item:focus {
    color: white;
    background-color: #808080;
  }
  .msi-dropdown-item:active {
    color: white;
    background-color: black;
  }
}

.msi-dropdown-item-arrow {
  float: right;
}

.msi-dropdown-item-active {
  background-color: var(--hover);
}
@media (-ms-high-contrast: white-on-black) {
  .msi-dropdown-item-active {
    color: black;
    background-color: #808080;
  }
}
@media (-ms-high-contrast: black-on-white) {
  .msi-dropdown-item-active {
    color: white;
    background-color: #808080;
  }
}

.msi-dropdown-item-disabled, .msi-dropdown-item-disabled:hover, .msi-dropdown-item-disabled:active, .msi-dropdown-item-disabled:focus {
  color: var(--primary-40);
  cursor: not-allowed;
  background-color: transparent;
}

.msi-autocomplete {
  display: block;
  width: 100%;
}

.msi-autocomplete-panel {
  max-height: 441px;
  padding: 6px 12px;
  overflow-y: auto;
  color: var(--text-primary);
  background: var(--background-dropdown);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 4px;
  box-shadow: var(--shadow-level-2);
  width: 100%;
  overflow-x: hidden;
  text-decoration: none;
  cursor: default;
  outline: none;
}
.msi-autocomplete-panel:focus {
  outline: none;
}
.msi-autocomplete-panel.display {
  display: block;
}
.msi-autocomplete-panel.visible {
  opacity: 1;
}
.msi-autocomplete-panel.scrollable {
  overflow-y: scroll;
}
.msi-autocomplete-panel .msi-dropdown-item {
  margin: 0 -12px;
}
.msi-autocomplete-panel .msi-dropdown-section {
  margin: 0 -12px;
}
.msi-autocomplete-panel msi-dropdown-section:first-of-type {
  margin-top: -6px;
}
.msi-autocomplete-panel .msi-radio-group {
  margin-top: 6px;
  margin-right: -12px;
  margin-left: -12px;
}
.msi-autocomplete-panel .msi-radio-group .msi-radio-group-label {
  padding: 0 12px;
}
.msi-autocomplete-panel .msi-radio-group .msi-radio-button-label {
  width: 100%;
}
.msi-autocomplete-panel .msi-radio-button:hover {
  background-color: var(--hover);
}
.msi-autocomplete-panel:empty {
  display: none;
}
.msi-autocomplete-panel msi-autocomplete-option {
  display: flex;
  box-sizing: content-box;
}
.msi-autocomplete-panel .msi-autocomplete-option {
  max-width: none;
  margin: 0 -12px;
}
.msi-autocomplete-panel .msi-autocomplete-option .highlight-term {
  font-weight: 700;
}

.split-width {
  min-width: 114%;
}

.msi-autocomplete-split-origin {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
}
.msi-autocomplete-split-origin .msi-autocomplete-options-list {
  display: none;
}
.msi-autocomplete-split-origin.disabled {
  cursor: not-allowed;
}
.msi-autocomplete-split-origin .msi-autocomplete-input {
  border-right: 0;
}
.msi-autocomplete-split-origin .msi-autocomplete-input:hover + .drop-btn > .drop-btn-input-fixer {
  border-left: 1px solid var(--primary-20);
}
.msi-autocomplete-split-origin .msi-autocomplete-input:focus + .drop-btn > .drop-btn-input-fixer {
  border-left: 1px solid var(--focus-primary);
}
.msi-autocomplete-split-origin .drop-btn {
  display: flex;
  flex: 0 0;
  align-items: center;
  justify-content: center;
  padding: 0;
  -webkit-user-select: none;
          user-select: none;
  background: var(--background-input);
  border: 0;
  outline: 0;
}
.msi-autocomplete-split-origin .drop-btn-input-fixer {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  background: var(--background-input);
  border: 1px solid var(--input-border-color);
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  transition: background-color 100ms, background 100ms, color 100ms;
}
.msi-autocomplete-split-origin .drop-btn-input-fixer .drop-btn-icon {
  display: inline-block;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  transition: transform 100ms;
  transform-origin: center center;
  -ms-high-contrast-adjust: none;
}
.msi-autocomplete-split-origin .drop-btn-input-fixer:not(.drop-btn-input-fixer--open) .drop-btn-icon {
  border-top: 6px solid var(--text-primary);
}
@media (-ms-high-contrast: white-on-black) {
  .msi-autocomplete-split-origin .drop-btn-input-fixer:not(.drop-btn-input-fixer--open) .drop-btn-icon {
    border-top-color: black;
  }
}
@media (-ms-high-contrast: black-on-white) {
  .msi-autocomplete-split-origin .drop-btn-input-fixer:not(.drop-btn-input-fixer--open) .drop-btn-icon {
    border-top-color: black;
  }
}
.msi-autocomplete-split-origin .drop-btn-input-fixer--open {
  border-color: var(--focus-primary);
  border-left: 0;
  border-radius: 0 2px 2px 0;
}
@media (-ms-high-contrast: white-on-black) {
  .msi-autocomplete-split-origin .drop-btn-input-fixer--open .drop-btn-icon {
    border-top-color: #000;
  }
}
@media (-ms-high-contrast: black-on-white) {
  .msi-autocomplete-split-origin .drop-btn-input-fixer--open .drop-btn-icon {
    border-top-color: #000;
  }
}
.msi-autocomplete-split-origin .drop-btn-input-fixer--open .drop-btn-icon {
  border-top: 6px solid var(--text-primary);
  transform: rotate(-180deg);
}
.msi-autocomplete-split-origin .drop-btn:hover {
  width: 32px;
}
.msi-autocomplete-split-origin .drop-btn[disabled] {
  cursor: not-allowed;
  opacity: 0.4;
  transition: opacity 100ms;
}
.msi-autocomplete-split-origin .drop-btn:not([disabled]) .drop-btn-input-fixer:hover {
  width: 34px;
  cursor: pointer;
  background: var(--primary-20);
  border-left: 1px solid var(--primary-10);
}
.msi-autocomplete-split-origin input {
  box-sizing: border-box;
  min-width: 0;
  margin: 0;
}

.msi-autocomplete-option {
  padding: 6px 12px;
  display: flex;
  align-items: center;
  flex: 1;
  min-height: 30px;
  max-height: 42px;
  padding: 12px;
  line-height: 1;
  color: var(--text-primary);
  text-decoration: none;
  cursor: pointer;
  -ms-high-contrast-adjust: none;
}
.msi-autocomplete-option .msi-icon {
  margin-right: 12px;
}
.msi-autocomplete-option.icon-right {
  justify-content: space-between;
}
.msi-autocomplete-option.icon-right .msi-icon {
  display: flex;
  justify-content: flex-end;
  margin-right: 0;
}
.msi-autocomplete-option:hover, .msi-autocomplete-option:focus {
  background-color: var(--hover);
  outline: none;
}
.msi-autocomplete-option:active {
  color: #fff;
  background-color: var(--focus-primary);
}
@media (-ms-high-contrast: white-on-black) {
  .msi-autocomplete-option {
    color: white;
  }
  .msi-autocomplete-option:hover, .msi-autocomplete-option:focus {
    color: black;
    background-color: #808080;
  }
  .msi-autocomplete-option:active {
    color: black;
    background-color: white;
  }
}
@media (-ms-high-contrast: black-on-white) {
  .msi-autocomplete-option {
    color: black;
  }
  .msi-autocomplete-option:hover, .msi-autocomplete-option:focus {
    color: white;
    background-color: #808080;
  }
  .msi-autocomplete-option:active {
    color: white;
    background-color: black;
  }
}
.msi-autocomplete-option .msi-autocomplete-option-ellipsis {
  display: flex;
  align-items: center;
  height: 100%;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
}
.msi-autocomplete-option .msi-icon {
  margin-right: 8px;
}
.msi-autocomplete-option.active {
  background-color: var(--hover);
}
@media (-ms-high-contrast: white-on-black) {
  .msi-autocomplete-option.active {
    color: black;
    background-color: #808080;
  }
}
@media (-ms-high-contrast: black-on-white) {
  .msi-autocomplete-option.active {
    color: white;
    background-color: #808080;
  }
}
.msi-autocomplete-option.disabled, .msi-autocomplete-option.disabled:hover, .msi-autocomplete-option.disabled:active, .msi-autocomplete-option.disabled:focus, .msi-autocomplete-option[disabled], .msi-autocomplete-option[disabled]:hover, .msi-autocomplete-option[disabled]:active, .msi-autocomplete-option[disabled]:focus {
  color: var(--primary-40);
  cursor: not-allowed;
  background-color: transparent;
}

.msi-autocomplete-split {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.msi-autocomplete-split .msi-autocomplete-input {
  border-radius: 2px 0 0 2px;
}

.msi-autocomplete-error-message {
  color: var(--text-secondary);
}

.msi-autocomplete-v2 {
  position: relative;
  display: flex;
}
.msi-autocomplete-v2.ng-invalid.ng-touched {
  border: 1px red solid;
  outline: none;
}
.msi-autocomplete-v2-single-select {
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
  padding: 0;
  text-decoration: none;
  outline: none;
}
.msi-autocomplete-v2-single-select-input-field {
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  height: 34px;
  width: 100%;
  min-width: 100%;
  padding: 8px 36px 8px 8px;
  margin: 0;
  color: var(--text-primary);
  background: var(--background-input);
  border: 1px var(--input-border-color) solid;
  border-radius: 2px;
  outline: 0 transparent;
  font-size: 0.8rem;
  font-family: "Roboto", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
}
.msi-autocomplete-v2-single-select-input-field:not([disabled]):not([readonly]) {
  transition: background-color 100ms, background 100ms, color 100ms;
}
.msi-autocomplete-v2-single-select-input-field:not([disabled]):not([readonly]):hover {
  background: var(--input-hover);
}
.msi-autocomplete-v2-single-select-input-field:not([disabled]):not([readonly]).ng-invalid.ng-touched, .msi-autocomplete-v2-single-select-input-field:not([disabled]):not([readonly]).msi-error {
  border-color: #d0021b;
}
.msi-autocomplete-v2-single-select-input-field:not([disabled]):not([readonly]):active, .msi-autocomplete-v2-single-select-input-field:not([disabled]):not([readonly]):focus, .msi-autocomplete-v2-single-select-input-field:not([disabled]):not([readonly]).active {
  border-color: #007aaa;
  outline: none;
}
.msi-autocomplete-v2-single-select-input-field:not([disabled]):not([readonly]):active ~ .icons-container .msi-icon.msi-clear-icon, .msi-autocomplete-v2-single-select-input-field:not([disabled]):not([readonly]):focus ~ .icons-container .msi-icon.msi-clear-icon, .msi-autocomplete-v2-single-select-input-field:not([disabled]):not([readonly]).active ~ .icons-container .msi-icon.msi-clear-icon {
  color: var(--icon-primary);
}
.msi-autocomplete-v2-single-select-input-field:not([disabled]):not([readonly]):active ~ .icons-container .msi-icon.msi-clear-icon:hover, .msi-autocomplete-v2-single-select-input-field:not([disabled]):not([readonly]):focus ~ .icons-container .msi-icon.msi-clear-icon:hover, .msi-autocomplete-v2-single-select-input-field:not([disabled]):not([readonly]).active ~ .icons-container .msi-icon.msi-clear-icon:hover {
  border-radius: 50%;
  background: var(--hover);
}
.msi-autocomplete-v2-single-select-input-field[disabled] {
  cursor: not-allowed;
  opacity: 0.4;
  transition: opacity 100ms;
}
.msi-autocomplete-v2-single-select-input-field[readonly] {
  cursor: default;
  background: var(--input-background-read);
  border: 0;
}
.msi-autocomplete-v2-single-select-input-field.error {
  border-color: #d0021b;
}
.msi-autocomplete-v2-single-select .msi-clear-icon {
  display: flex;
  width: 18px;
  height: 18px;
  color: transparent;
  padding: 4px;
  z-index: 99999;
  border-radius: 50%;
  grid-area: clear;
  justify-self: end;
  right: 30px;
}
.msi-autocomplete-v2-single-select .icons-container {
  position: absolute;
  right: 1px;
  top: 1px;
  display: grid;
  grid-template-columns: auto auto;
  grid-template-areas: "clear arrow";
  align-items: center;
}
.msi-autocomplete-v2-single-select .icons-container .msi-clear-icon {
  right: unset;
}
.msi-autocomplete-v2-single-select:hover .msi-icon.msi-clear-icon {
  color: var(--icon-primary);
}
.msi-autocomplete-v2-single-select:hover .msi-icon.msi-clear-icon:hover {
  border-radius: 50%;
  background: var(--hover);
}
.msi-autocomplete-v2-single-select-dropdown-trigger {
  grid-area: arrow;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 30px;
  background-color: transparent;
  z-index: 10;
  flex: 1;
  cursor: pointer;
  flex-shrink: 0;
  padding: 0;
  border: 0;
  outline: 0;
}
.msi-autocomplete-v2-single-select-dropdown-trigger .msi-select-arrow {
  display: flex;
  justify-content: flex-end;
  width: 24px;
  min-width: 24px;
  height: 24px;
  -webkit-user-select: none;
          user-select: none;
  transition: transform 100ms;
  transform-origin: center center;
}
.msi-autocomplete-v2-single-select-dropdown-trigger .msi-select-arrow.active {
  transform: rotate(180deg);
}
.msi-autocomplete-v2-multi-select {
  width: 100%;
}
.msi-autocomplete-v2-multi-select.error .msi-chips-v2-container {
  border-color: #d0021b;
}
.msi-autocomplete-v2-error-message {
  position: absolute;
  bottom: -23px;
  left: 0;
  padding: 3px 8px;
  font-size: 0.75em;
}
.msi-autocomplete-v2-error-message .asterisk {
  color: #d0021b;
}
.msi-autocomplete-v2 .msi-autocomplete-v2-options-list {
  display: none;
}

.ellipses-scroll-viewport .cdk-virtual-scroll-content-wrapper {
  width: 100%;
}
.ellipses-scroll-viewport .cdk-virtual-scroll-content-wrapper .msi-autocomplete-v2-option {
  width: 100% !important;
}

.ellipses-container {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block !important;
}

.cdk-virtual-scrollable.ellipses-scroll-viewport {
  overflow-x: hidden;
  overflow-y: auto;
}

.msi-autocomplete-v2-options-list {
  max-height: 441px;
  padding: 6px 12px;
  color: var(--text-primary);
  background: var(--background-dropdown);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 4px;
  box-shadow: var(--shadow-level-2);
  max-height: 100%;
  width: auto;
  padding: 6px 0;
  overflow-x: hidden;
  overflow-y: auto;
  text-decoration: none;
  cursor: default;
  outline: none;
  display: block;
}
.msi-autocomplete-v2-options-list:focus {
  outline: none;
}
.msi-autocomplete-v2-options-list.display {
  display: block;
}
.msi-autocomplete-v2-options-list.visible {
  opacity: 1;
}
.msi-autocomplete-v2-options-list.scrollable {
  overflow-y: scroll;
}
.msi-autocomplete-v2-options-list .msi-dropdown-item {
  margin: 0 -12px;
}
.msi-autocomplete-v2-options-list .msi-dropdown-section {
  margin: 0 -12px;
}
.msi-autocomplete-v2-options-list msi-dropdown-section:first-of-type {
  margin-top: -6px;
}
.msi-autocomplete-v2-options-list .msi-radio-group {
  margin-top: 6px;
  margin-right: -12px;
  margin-left: -12px;
}
.msi-autocomplete-v2-options-list .msi-radio-group .msi-radio-group-label {
  padding: 0 12px;
}
.msi-autocomplete-v2-options-list .msi-radio-group .msi-radio-button-label {
  width: 100%;
}
.msi-autocomplete-v2-options-list .msi-radio-button:hover {
  background-color: var(--hover);
}
.msi-autocomplete-v2-options-list .cdk-virtual-scroll-viewport.hidden-scrollbar {
  overflow: hidden;
}
.msi-autocomplete-v2-options-list-no-results {
  display: flex;
  align-items: center;
  width: 100%;
  height: 42px;
  padding: 0 12px;
  color: var(--text-primary);
  background: transparent;
}
.msi-autocomplete-v2-options-list:empty {
  display: none;
}
.msi-autocomplete-v2-options-list.incident-type-options-list {
  width: 319px;
}
.msi-autocomplete-v2-options-list.dynamic-width-menu {
  width: auto;
}
.msi-autocomplete-v2-options-list .msi-autocomplete-v2-option {
  display: flex;
  align-items: flex-start;
  box-sizing: border-box;
  line-height: 22px;
  text-align: left;
  width: 100%;
  max-width: none;
  min-width: 0;
  height: 42px;
  padding: 8px 12px;
  overflow: hidden;
  color: var(--text-primary);
  background: transparent;
  border: 2px transparent solid;
  font-family: "Roboto", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
}
.msi-autocomplete-v2-options-list .msi-autocomplete-v2-option-ellipsis {
  align-items: center;
  text-overflow: ellipsis;
  word-break: break-word;
  white-space: nowrap;
}
.msi-autocomplete-v2-options-list .msi-autocomplete-v2-option-incident-type {
  box-sizing: content-box;
  display: flex;
  overflow: hidden;
}
.msi-autocomplete-v2-options-list .msi-autocomplete-v2-option-incident-type-column {
  padding: 0 25px 0 0;
  text-overflow: ellipsis;
  flex-grow: 0;
  flex-shrink: 0;
  word-break: break-word;
}
.msi-autocomplete-v2-options-list .msi-autocomplete-v2-option-incident-type-column-dynamic-width {
  width: auto;
}
.msi-autocomplete-v2-options-list .msi-autocomplete-v2-option.option-with-checkbox {
  padding: 7px 3px;
}
.msi-autocomplete-v2-options-list .msi-autocomplete-v2-option.option-with-checkbox .msi-checkbox-label {
  padding: 0 9px 0 0;
}
.msi-autocomplete-v2-options-list .msi-autocomplete-v2-option.option-with-checkbox .autocomplete-v2-option-ellipsis {
  margin: 1px 0;
}
.msi-autocomplete-v2-options-list .msi-autocomplete-v2-option:not(disabled) {
  cursor: pointer;
}
.msi-autocomplete-v2-options-list .msi-autocomplete-v2-option.dynamic {
  width: max-content;
  min-width: 100%;
}
.msi-autocomplete-v2-options-list .msi-autocomplete-v2-option.active, .msi-autocomplete-v2-options-list .msi-autocomplete-v2-option:focus {
  position: relative;
  border-color: #007aaa;
  background: var(--primary-10);
  outline: none;
}
.msi-autocomplete-v2-options-list .msi-autocomplete-v2-option.active::before, .msi-autocomplete-v2-options-list .msi-autocomplete-v2-option:focus::before {
  position: absolute;
  top: 1px;
  right: 1px;
  bottom: 1px;
  left: 1px;
  content: "";
  box-shadow: 0 0 0 1px var(--background-level-3), 0 0 0 3px var(--item-selection-primary);
}
.msi-autocomplete-v2-options-list .msi-autocomplete-v2-option:hover {
  background: var(--primary-10);
  outline: none;
}
.msi-autocomplete-v2-options-list .msi-autocomplete-v2-option.selected {
  background-color: #007aaa;
  border-color: #007aaa;
  color: #fff;
}
.msi-autocomplete-v2-options-list .msi-autocomplete-v2-option .highlight-term {
  font-weight: 700;
}
.msi-autocomplete-v2-options-list.multi-line-option-text .msi-autocomplete-v2-option {
  height: auto;
}
.msi-autocomplete-v2-options-list.multi-line-option-text .msi-autocomplete-v2-option-incident-type {
  height: auto;
}
.msi-autocomplete-v2-options-list.multi-line-option-text .msi-autocomplete-v2-option-incident-type-column-dynamic-width {
  flex-shrink: 1;
}

.option-disabled {
  pointer-events: none;
  opacity: 0.4;
  color: var(--text-secondary);
  cursor: not-allowed;
}

.msi-chips-v2 {
  position: relative;
  display: flex;
  width: 100%;
}
.msi-chips-v2[disabled] {
  cursor: not-allowed;
}
.msi-chips-v2-container {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  min-width: 186px;
  min-height: 34px;
  max-height: 114px;
  padding: 2px 0 2px 2px;
  overflow-x: hidden;
  overflow-y: auto;
  text-decoration: none;
  cursor: text;
  outline: none;
  background: var(--background-input);
  border: 1px var(--input-border-color) solid;
  border-radius: 2px;
}
.msi-chips-v2-container.width-dropdown-arrow {
  padding-right: 26px;
}
.msi-chips-v2-container--active {
  border-color: #007aaa;
  background: var(--input-background);
  outline: none;
}
.msi-chips-v2-container--disabled {
  cursor: not-allowed;
  opacity: 0.4;
  transition: opacity 100ms;
  pointer-events: none;
}
.msi-chips-v2-container--readonly {
  cursor: default;
  background: var(--input-background-read);
  border: none;
  pointer-events: none;
}
.msi-chips-v2-container--disabled .msi-chip-v2 .msi-tag a, .msi-chips-v2-container--readonly .msi-chip-v2 .msi-tag a {
  pointer-events: none;
}
.msi-chips-v2-container--disabled .msi-chip-v2 .msi-tag a .msi-icon, .msi-chips-v2-container--readonly .msi-chip-v2 .msi-tag a .msi-icon {
  display: none;
}
.msi-chips-v2-container:not(.msi-chips-v2-container--disabled):not(.msi-chips-v2-container--readonly):hover {
  background: var(--input-hover);
}
.msi-chips-v2-container-dropdown-trigger {
  position: absolute;
  right: 0;
  top: 2px;
  z-index: 1;
  flex: 1;
  width: 36px;
  height: 28px;
  padding: 0;
  cursor: pointer;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: 0;
  outline: 0;
}
.msi-chips-v2-container-dropdown-trigger .msi-select-arrow {
  display: flex;
  justify-content: flex-end;
  width: 24px;
  min-width: 24px;
  height: 24px;
  -webkit-user-select: none;
          user-select: none;
  transition: transform 100ms;
  transform-origin: center center;
}
.msi-chips-v2-container-dropdown-trigger .msi-select-arrow.active {
  transform: rotate(180deg);
}
.msi-chips-v2 .chip-in-between {
  min-width: 8px;
  height: 30px;
  padding: 4px 0 5px 5px;
  margin: 0 0 0 -8px;
  color: var(--text-primary);
  font-size: 0.8rem;
  background: transparent;
  border: 0 transparent;
  outline: 0 transparent;
  transition: min-width 100ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition-delay: 100ms;
  box-sizing: border-box;
  font-family: "Roboto", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
}
.msi-chips-v2 .chip-in-between:not(:placeholder-shown), .msi-chips-v2 .chip-in-between:focus {
  margin: 0 1px 0 3px;
  min-width: 16px;
}
.msi-chips-v2 .new-chip-input {
  flex: 1;
  min-width: 20px;
  box-sizing: border-box;
  height: 28px;
  padding: 4px 2px 2px;
  margin: 0 3px;
  color: var(--text-primary);
  background: transparent;
  border: 0 transparent;
  outline: 0 transparent;
  font-size: 12px;
  font-family: "Roboto", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
}
.msi-chips-v2 .new-chip-input--overflow {
  flex-basis: 100%;
}
.msi-chips-v2 .msi-chip-v2 {
  display: flex;
  flex-wrap: wrap;
  max-width: 100%;
  padding: 3px;
  text-decoration: none;
  cursor: text;
  outline: none;
  font-family: "Roboto", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
}
.msi-chips-v2 .msi-chip-v2 .chip-in-between {
  height: 24px;
}
.msi-chips-v2 .msi-chip-v2--error .msi-tag.actionable a {
  padding: 0 4px;
}
.msi-chips-v2 .msi-chip-v2--error .msi-tag > a {
  color: var(--text-primary);
  background-color: transparent;
  border-color: transparent;
  font-weight: 700;
  font-size: 14px;
}
.msi-chips-v2 .msi-chip-v2--error .msi-tag > a::after {
  content: "*";
  color: #d0021b;
}
.msi-chips-v2 .msi-chip-v2--error .msi-tag > a .msi-icon {
  display: none;
}
.msi-chips-v2 .msi-chip-v2--exception .msi-tag > a {
  color: var(--msi-ui-primary-light);
  background-color: var(--msi-ui-primary-dark-70);
  border-color: var(--msi-ui-primary-dark-70);
}
.msi-chips-v2 .msi-chip-v2--exception .msi-tag > a .msi-icon {
  display: inline-block;
  color: var(--msi-ui-primary-light);
}
.msi-chips-v2 .msi-chip-v2--alert .msi-tag > a {
  color: var(--msi-ui-primary-light);
  background-color: var(--msi-ui-alert);
  border-color: var(--msi-ui-alert);
}
.msi-chips-v2 .msi-chip-v2--alert .msi-tag > a .msi-icon {
  display: inline-block;
  color: var(--msi-ui-primary-light);
}
.msi-chips-v2 .msi-chip-v2--primary .msi-tag > a {
  color: var(--msi-ui-primary-light);
  background-color: var(--msi-ui-primary);
  border-color: var(--msi-ui-primary);
}
.msi-chips-v2 .msi-chip-v2--primary .msi-tag > a .msi-icon {
  display: inline-block;
  color: var(--msi-ui-primary-light);
}
.msi-chips-v2 .msi-chip-v2--highlight .msi-tag > a {
  color: var(--msi-ui-primary-light);
  background-color: var(--msi-ui-primary-highlight);
  border-color: var(--msi-ui-primary-highlight);
}
.msi-chips-v2 .msi-chip-v2--highlight .msi-tag > a .msi-icon {
  display: inline-block;
  color: var(--msi-ui-primary-light);
}
.msi-chips-v2 .msi-chip-v2--available .msi-tag > a {
  color: var(--msi-ui-primary-light);
  background-color: var(--msi-ui-available);
  border-color: var(--msi-ui-available);
}
.msi-chips-v2 .msi-chip-v2--available .msi-tag > a .msi-icon {
  display: inline-block;
  color: var(--msi-ui-primary-light);
}
.msi-chips-v2 .msi-tag {
  max-width: 100%;
  margin: 0;
  padding: 0;
}
.msi-chips-v2 .msi-tag.actionable a {
  padding: 3px 6px;
}
.msi-chips-v2 .msi-tag > a {
  width: 100%;
  text-transform: none;
  align-items: center;
  background-color: var(--chip-neutral-light);
  border-color: transparent;
}
.msi-chips-v2 .msi-tag i {
  height: 100%;
}
.msi-chips-v2 .msi-tag-contents {
  overflow: hidden;
  white-space: nowrap;
  padding-right: 0;
}
.msi-chips-v2 .msi-tag-contents-with-ellipses {
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis !important;
  word-wrap: break-word;
}
.msi-chips-v2 .msi-tag a .msi-icon.msi-tag-remove {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
  margin-left: 4px;
}

.msi-avatar-container {
  position: relative;
}
.msi-avatar-container .msi-icon i {
  margin: 0;
}

.msi-avatar-initials {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  color: #fff;
  text-align: center;
}

.msi-badge {
  position: absolute;
  top: -5px;
  left: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 12px;
  height: 11px;
  padding: 2px;
  font-size: 0.75rem;
  color: #fff;
  background-color: var(--focus-primary);
  border-radius: 2px;
}
.msi-badge-blank {
  top: -1px;
  right: -1px;
  left: unset;
  width: 10px;
  min-width: 10px;
  height: 10px;
  padding: 0;
  border-radius: 50%;
}

.msi-selected .msi-badge,
.msi-dropdown-trigger-open .msi-badge {
  border: 1px solid #fff;
}

.msi-button-group {
  display: inline-flex;
  flex-direction: row;
  padding: 0;
  border: 0;
}
.msi-button-group-secondary {
  box-shadow: none;
}
.msi-button-group.small .msi-btn {
  height: 24px;
  padding: 4px 12px;
}
.msi-button-group.small .msi-btn:focus {
  padding: 4px 11px;
}
.msi-button-group.large .msi-btn {
  height: auto;
  padding: 12px;
}
.msi-button-group.large .msi-btn:focus {
  padding: 12px 11px;
}
.msi-button-group.icon .msi-btn {
  height: 34px;
  padding: 3px 4px;
}
.msi-button-group.icon .msi-btn:focus {
  padding: 3px;
}
.msi-button-group.icon .msi-btn:not(:focus):not(:last-of-type) {
  padding-right: 5px !important;
}
.msi-button-group.small-icon .msi-btn {
  height: 28px;
  padding: 5px 6px;
}
.msi-button-group.small-icon .msi-btn:focus {
  padding: 5px;
  margin: auto 0;
}
.msi-button-group.small-icon .msi-btn:not(:focus):not(:last-of-type) {
  padding-right: 7px !important;
}
.msi-button-group.small-icon .msi-icon {
  width: 16px;
  height: 16px;
}
.msi-button-group.large-icon .msi-btn {
  height: auto;
  padding: 7px 8px;
}
.msi-button-group.large-icon .msi-btn:focus {
  padding: 7px;
}
.msi-button-group.large-icon .msi-btn:not(:focus):not(:last-of-type) {
  padding-right: 9px !important;
}
.msi-button-group .msi-icon {
  display: flex;
}
.msi-button-group .msi-icon i {
  display: inline-flex;
}
.msi-button-group.icon .msi-btn .msi-icon, .msi-button-group.small-icon .msi-btn .msi-icon, .msi-button-group.large-icon .msi-btn .msi-icon {
  color: #fff;
}
.msi-button-group.icon .msi-btn-secondary .msi-icon, .msi-button-group.small-icon .msi-btn-secondary .msi-icon, .msi-button-group.large-icon .msi-btn-secondary .msi-icon {
  color: var(--button-secondary);
}
.msi-button-group .msi-btn {
  border-radius: 0;
  box-shadow: none;
}
.msi-button-group .msi-btn:not(:focus):not(:last-of-type) {
  padding-right: 13px !important;
  border-right: 0;
}
.msi-button-group .msi-btn:first-of-type {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.msi-button-group .msi-btn:last-of-type {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.msi-button-group .msi-btn:focus {
  padding: 0 11px; /* borrow 1px of padding to create separation */
  border-radius: 2px;
}

/* base palette */
/* states */
/* non-color vars */
.msi-btn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 34px;
  height: 34px;
  padding: 0 12px;
  overflow: visible;
  font-family: "Roboto", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  color: #fff;
  text-align: center;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
  background-color: var(--button-enabled);
  border: 1px solid var(--button-border-color);
  border-radius: 2px;
}
.msi-btn-compact.msi-btn {
  padding: 3px;
}
.msi-btn-compact.msi-btn:not(.msi-btn-secondary):not(.msi-btn-action) .msi-icon {
  color: #fff;
}
.msi-btn-icon.msi-btn {
  height: auto;
  padding: 5px;
  line-height: 0;
  color: var(--text-primary);
  background: none;
  border: 0;
  border-radius: 50%;
  box-shadow: none;
}
.msi-btn-icon--active.msi-btn .msi-icon {
  color: var(--msi-ui-secondary-highlight);
}
.msi-btn-action.msi-btn {
  font-weight: 700;
  color: var(--action-button-text);
  background: none;
  border: 1px solid transparent;
  box-shadow: none;
}
.msi-btn-action.msi-btn .msi-icon {
  color: var(--text-primary);
}
.msi-btn-secondary.msi-btn {
  color: var(--button-secondary);
  background: none;
  border: 1px solid var(--button-secondary);
  box-shadow: none;
}
.msi-btn-tertiary.msi-btn {
  color: var(--text-primary);
  font-weight: 700;
  border: 1px solid transparent;
  background: none;
  box-shadow: none;
}
.msi-btn-tertiary.msi-btn:active {
  border: 1px solid var(--button-secondary);
}
.msi-btn-flat.msi-btn, .msi-btn-small.msi-btn {
  height: 24px;
}
.msi-btn-large.msi-btn {
  height: auto;
  padding: 10px 16px;
}

.msi-btn {
  transition: 100ms background-color, 100ms color;
}
[disabled].msi-btn {
  cursor: not-allowed;
  opacity: 0.4;
}
.msi-btn:not([disabled]):hover:not(:active) {
  background-color: var(--button-hover);
}
.msi-btn:not([disabled]):hover:not(:active).msi-btn-action, .msi-btn:not([disabled]):hover:not(:active).msi-btn-secondary, .msi-btn:not([disabled]):hover:not(:active).msi-btn-icon, .msi-btn:not([disabled]):hover:not(:active).msi-btn-tertiary {
  background-color: var(--primary-10);
}
.msi-btn:not([disabled]):focus-visible {
  outline: none;
}
.msi-btn:not([disabled]):focus-visible::before {
  position: absolute;
  top: -4px;
  right: -4px;
  bottom: -4px;
  left: -4px;
  content: "";
  border: 2px solid var(--button-enabled);
  border-radius: 4px;
  transition: border-color 100ms;
}
.msi-btn:not([disabled]):focus-visible.msi-btn-icon::before {
  border-radius: 50%;
}
.msi-btn:not([disabled]):focus.msi-btn-secondary, .msi-btn:not([disabled]):focus.msi-btn-action, .msi-btn:not([disabled]):focus.msi-btn-icon, .msi-btn:not([disabled]):focus.msi-btn-tertiary {
  background: var(--primary-10);
}
.msi-btn:not([disabled]).active, .msi-btn:not([disabled]):active {
  color: #fff;
  background-color: var(--button-pressed-hover);
  border-color: rgba(255, 255, 255, 0.1);
}
.msi-btn:not([disabled]).active::before, .msi-btn:not([disabled]):active::before {
  border-color: var(--button-pressed-hover);
}
.msi-btn:not([disabled]).active.msi-btn-icon, .msi-btn:not([disabled]):active.msi-btn-icon {
  background-color: var(--button-enabled);
  box-shadow: none;
}
.msi-btn:not([disabled]).active.msi-btn-action .msi-icon:not([name=ic_list_arrow_down]), .msi-btn:not([disabled]).active.msi-btn-secondary .msi-icon:not([name=ic_list_arrow_down]), .msi-btn:not([disabled]).active.msi-btn-icon .msi-icon:not([name=ic_list_arrow_down]), .msi-btn:not([disabled]):active.msi-btn-action .msi-icon:not([name=ic_list_arrow_down]), .msi-btn:not([disabled]):active.msi-btn-secondary .msi-icon:not([name=ic_list_arrow_down]), .msi-btn:not([disabled]):active.msi-btn-icon .msi-icon:not([name=ic_list_arrow_down]) {
  color: inherit;
}
.msi-btn:not([disabled]).active:hover, .msi-btn:not([disabled]):active:hover {
  color: #fff;
  background-color: var(--button-pressed-hover);
}
.msi-btn:not([disabled]).active:hover::before, .msi-btn:not([disabled]):active:hover::before {
  border-color: var(--button-pressed-hover);
}

.msi-btn {
  cursor: pointer;
}
.msi-btn.msi-btn-text-and-icon .msi-icon {
  color: inherit;
  margin-right: 6px;
  width: 18px;
  height: 18px;
}
.msi-btn .msi-spinner {
  display: flex;
}
.msi-btn .msi-spinner svg .circle {
  stroke: rgba(255, 255, 255, 0.3);
}
.msi-btn .msi-spinner svg .progress {
  stroke: #fff;
}

button,
.msi-btn {
  font-family: "Roboto", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
}

.msi-calendar-single-datetimepicker > .date-time, .msi-calendar .msi-calendar-datetimepicker > .date-time, .msi-time-picker-control .time-control, .msi-date-time-picker-control .date-time-control, .msi-date-picker-control .date-control {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: left;
  margin: 12px;
}
.msi-calendar-single-datetimepicker > .date-time:last-child, .msi-calendar .msi-calendar-datetimepicker > .date-time:last-child, .msi-time-picker-control .time-control:last-child, .msi-date-time-picker-control .date-time-control:last-child, .msi-date-picker-control .date-control:last-child {
  margin-bottom: 4px;
}
.msi-calendar-single-datetimepicker > .date-time .date-selector-descriptor, .msi-calendar .msi-calendar-datetimepicker > .date-time .date-selector-descriptor, .msi-time-picker-control .time-control .date-selector-descriptor, .msi-date-time-picker-control .date-time-control .date-selector-descriptor, .msi-date-picker-control .date-control .date-selector-descriptor {
  width: 47px;
  font-weight: bold;
}
.msi-calendar-single-datetimepicker > .date-time .msi-date-picker-control, .msi-calendar .msi-calendar-datetimepicker > .date-time .msi-date-picker-control, .msi-time-picker-control .time-control .msi-date-picker-control, .msi-date-time-picker-control .date-time-control .msi-date-picker-control, .msi-date-picker-control .date-control .msi-date-picker-control {
  margin: 0 12px;
}
.msi-calendar-single-datetimepicker > .date-time .input-wrapper, .msi-calendar .msi-calendar-datetimepicker > .date-time .input-wrapper, .msi-time-picker-control .time-control .input-wrapper, .msi-date-time-picker-control .date-time-control .input-wrapper, .msi-date-picker-control .date-control .input-wrapper {
  position: relative;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  min-width: auto;
  height: 34px;
  min-height: auto;
}
.msi-calendar-single-datetimepicker > .date-time .input-wrapper.date-input, .msi-calendar .msi-calendar-datetimepicker > .date-time .input-wrapper.date-input, .msi-time-picker-control .time-control .input-wrapper.date-input, .msi-date-time-picker-control .date-time-control .input-wrapper.date-input, .msi-date-picker-control .date-control .input-wrapper.date-input, .msi-calendar-single-datetimepicker > .date-time .input-wrapper.time-input, .msi-calendar .msi-calendar-datetimepicker > .date-time .input-wrapper.time-input, .msi-time-picker-control .time-control .input-wrapper.time-input, .msi-date-time-picker-control .date-time-control .input-wrapper.time-input, .msi-date-picker-control .date-control .input-wrapper.time-input, .msi-calendar-single-datetimepicker > .date-time .input-wrapper.date-time-input, .msi-calendar .msi-calendar-datetimepicker > .date-time .input-wrapper.date-time-input, .msi-time-picker-control .time-control .input-wrapper.date-time-input, .msi-date-time-picker-control .date-time-control .input-wrapper.date-time-input, .msi-date-picker-control .date-control .input-wrapper.date-time-input {
  width: 100%;
  color: var(--text-primary);
}
.msi-calendar-single-datetimepicker > .date-time .input-wrapper.date-input--with-dropdown input, .msi-calendar .msi-calendar-datetimepicker > .date-time .input-wrapper.date-input--with-dropdown input, .msi-time-picker-control .time-control .input-wrapper.date-input--with-dropdown input, .msi-date-time-picker-control .date-time-control .input-wrapper.date-input--with-dropdown input, .msi-date-picker-control .date-control .input-wrapper.date-input--with-dropdown input, .msi-calendar-single-datetimepicker > .date-time .input-wrapper.time-input--with-dropdown input, .msi-calendar .msi-calendar-datetimepicker > .date-time .input-wrapper.time-input--with-dropdown input, .msi-time-picker-control .time-control .input-wrapper.time-input--with-dropdown input, .msi-date-time-picker-control .date-time-control .input-wrapper.time-input--with-dropdown input, .msi-date-picker-control .date-control .input-wrapper.time-input--with-dropdown input, .msi-calendar-single-datetimepicker > .date-time .input-wrapper.date-time-input--with-dropdown input, .msi-calendar .msi-calendar-datetimepicker > .date-time .input-wrapper.date-time-input--with-dropdown input, .msi-time-picker-control .time-control .input-wrapper.date-time-input--with-dropdown input, .msi-date-time-picker-control .date-time-control .input-wrapper.date-time-input--with-dropdown input, .msi-date-picker-control .date-control .input-wrapper.date-time-input--with-dropdown input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: 0;
}
.msi-calendar-single-datetimepicker > .date-time .input-wrapper.date-input--with-dropdown input:focus, .msi-calendar .msi-calendar-datetimepicker > .date-time .input-wrapper.date-input--with-dropdown input:focus, .msi-time-picker-control .time-control .input-wrapper.date-input--with-dropdown input:focus, .msi-date-time-picker-control .date-time-control .input-wrapper.date-input--with-dropdown input:focus, .msi-date-picker-control .date-control .input-wrapper.date-input--with-dropdown input:focus, .msi-calendar-single-datetimepicker > .date-time .input-wrapper.time-input--with-dropdown input:focus, .msi-calendar .msi-calendar-datetimepicker > .date-time .input-wrapper.time-input--with-dropdown input:focus, .msi-time-picker-control .time-control .input-wrapper.time-input--with-dropdown input:focus, .msi-date-time-picker-control .date-time-control .input-wrapper.time-input--with-dropdown input:focus, .msi-date-picker-control .date-control .input-wrapper.time-input--with-dropdown input:focus, .msi-calendar-single-datetimepicker > .date-time .input-wrapper.date-time-input--with-dropdown input:focus, .msi-calendar .msi-calendar-datetimepicker > .date-time .input-wrapper.date-time-input--with-dropdown input:focus, .msi-time-picker-control .time-control .input-wrapper.date-time-input--with-dropdown input:focus, .msi-date-time-picker-control .date-time-control .input-wrapper.date-time-input--with-dropdown input:focus, .msi-date-picker-control .date-control .input-wrapper.date-time-input--with-dropdown input:focus {
  border: 1px solid var(--focus-primary);
  border-right: 0;
}
.msi-calendar-single-datetimepicker > .date-time .input-wrapper.date-input--with-dropdown input:focus ~ .drop-btn .drop-btn-input-fixer, .msi-calendar .msi-calendar-datetimepicker > .date-time .input-wrapper.date-input--with-dropdown input:focus ~ .drop-btn .drop-btn-input-fixer, .msi-time-picker-control .time-control .input-wrapper.date-input--with-dropdown input:focus ~ .drop-btn .drop-btn-input-fixer, .msi-date-time-picker-control .date-time-control .input-wrapper.date-input--with-dropdown input:focus ~ .drop-btn .drop-btn-input-fixer, .msi-date-picker-control .date-control .input-wrapper.date-input--with-dropdown input:focus ~ .drop-btn .drop-btn-input-fixer, .msi-calendar-single-datetimepicker > .date-time .input-wrapper.time-input--with-dropdown input:focus ~ .drop-btn .drop-btn-input-fixer, .msi-calendar .msi-calendar-datetimepicker > .date-time .input-wrapper.time-input--with-dropdown input:focus ~ .drop-btn .drop-btn-input-fixer, .msi-time-picker-control .time-control .input-wrapper.time-input--with-dropdown input:focus ~ .drop-btn .drop-btn-input-fixer, .msi-date-time-picker-control .date-time-control .input-wrapper.time-input--with-dropdown input:focus ~ .drop-btn .drop-btn-input-fixer, .msi-date-picker-control .date-control .input-wrapper.time-input--with-dropdown input:focus ~ .drop-btn .drop-btn-input-fixer, .msi-calendar-single-datetimepicker > .date-time .input-wrapper.date-time-input--with-dropdown input:focus ~ .drop-btn .drop-btn-input-fixer, .msi-calendar .msi-calendar-datetimepicker > .date-time .input-wrapper.date-time-input--with-dropdown input:focus ~ .drop-btn .drop-btn-input-fixer, .msi-time-picker-control .time-control .input-wrapper.date-time-input--with-dropdown input:focus ~ .drop-btn .drop-btn-input-fixer, .msi-date-time-picker-control .date-time-control .input-wrapper.date-time-input--with-dropdown input:focus ~ .drop-btn .drop-btn-input-fixer, .msi-date-picker-control .date-control .input-wrapper.date-time-input--with-dropdown input:focus ~ .drop-btn .drop-btn-input-fixer {
  border-left: 1px solid var(--focus-primary);
}
.msi-calendar-single-datetimepicker > .date-time .input-wrapper.date-input--with-dropdown .drop-btn-input-fixer, .msi-calendar .msi-calendar-datetimepicker > .date-time .input-wrapper.date-input--with-dropdown .drop-btn-input-fixer, .msi-time-picker-control .time-control .input-wrapper.date-input--with-dropdown .drop-btn-input-fixer, .msi-date-time-picker-control .date-time-control .input-wrapper.date-input--with-dropdown .drop-btn-input-fixer, .msi-date-picker-control .date-control .input-wrapper.date-input--with-dropdown .drop-btn-input-fixer, .msi-calendar-single-datetimepicker > .date-time .input-wrapper.time-input--with-dropdown .drop-btn-input-fixer, .msi-calendar .msi-calendar-datetimepicker > .date-time .input-wrapper.time-input--with-dropdown .drop-btn-input-fixer, .msi-time-picker-control .time-control .input-wrapper.time-input--with-dropdown .drop-btn-input-fixer, .msi-date-time-picker-control .date-time-control .input-wrapper.time-input--with-dropdown .drop-btn-input-fixer, .msi-date-picker-control .date-control .input-wrapper.time-input--with-dropdown .drop-btn-input-fixer, .msi-calendar-single-datetimepicker > .date-time .input-wrapper.date-time-input--with-dropdown .drop-btn-input-fixer, .msi-calendar .msi-calendar-datetimepicker > .date-time .input-wrapper.date-time-input--with-dropdown .drop-btn-input-fixer, .msi-time-picker-control .time-control .input-wrapper.date-time-input--with-dropdown .drop-btn-input-fixer, .msi-date-time-picker-control .date-time-control .input-wrapper.date-time-input--with-dropdown .drop-btn-input-fixer, .msi-date-picker-control .date-control .input-wrapper.date-time-input--with-dropdown .drop-btn-input-fixer {
  width: 32px;
}
.msi-calendar-single-datetimepicker > .date-time .input-wrapper .invalid-date-time, .msi-calendar .msi-calendar-datetimepicker > .date-time .input-wrapper .invalid-date-time, .msi-time-picker-control .time-control .input-wrapper .invalid-date-time, .msi-date-time-picker-control .date-time-control .input-wrapper .invalid-date-time, .msi-date-picker-control .date-control .input-wrapper .invalid-date-time {
  border-color: #d0021b;
}
.msi-calendar-single-datetimepicker > .date-time .input-wrapper .msi-icon, .msi-calendar .msi-calendar-datetimepicker > .date-time .input-wrapper .msi-icon, .msi-time-picker-control .time-control .input-wrapper .msi-icon, .msi-date-time-picker-control .date-time-control .input-wrapper .msi-icon, .msi-date-picker-control .date-control .input-wrapper .msi-icon {
  position: absolute;
  top: 8px;
  left: 6px;
  z-index: 10;
  pointer-events: none;
  opacity: 0.7;
}
.msi-calendar-single-datetimepicker > .date-time .input-wrapper .drop-btn, .msi-calendar .msi-calendar-datetimepicker > .date-time .input-wrapper .drop-btn, .msi-time-picker-control .time-control .input-wrapper .drop-btn, .msi-date-time-picker-control .date-time-control .input-wrapper .drop-btn, .msi-date-picker-control .date-control .input-wrapper .drop-btn {
  flex: 0 0;
  padding: 0;
  background: none;
  border: 0;
  outline: 0;
}
.msi-calendar-single-datetimepicker > .date-time .input-wrapper .drop-btn-input-fixer, .msi-calendar .msi-calendar-datetimepicker > .date-time .input-wrapper .drop-btn-input-fixer, .msi-time-picker-control .time-control .input-wrapper .drop-btn-input-fixer, .msi-date-time-picker-control .date-time-control .input-wrapper .drop-btn-input-fixer, .msi-date-picker-control .date-control .input-wrapper .drop-btn-input-fixer {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  background: none;
  border: 1px solid var(--input-border-color);
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  transition: background-color 100ms, background 100ms, color 100ms;
}
.msi-calendar-single-datetimepicker > .date-time .input-wrapper .drop-btn-input-fixer .drop-btn-icon, .msi-calendar .msi-calendar-datetimepicker > .date-time .input-wrapper .drop-btn-input-fixer .drop-btn-icon, .msi-time-picker-control .time-control .input-wrapper .drop-btn-input-fixer .drop-btn-icon, .msi-date-time-picker-control .date-time-control .input-wrapper .drop-btn-input-fixer .drop-btn-icon, .msi-date-picker-control .date-control .input-wrapper .drop-btn-input-fixer .drop-btn-icon {
  display: inline-block;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  -ms-high-contrast-adjust: none;
}
.msi-calendar-single-datetimepicker > .date-time .input-wrapper .drop-btn-input-fixer:not(.drop-btn-input-fixer--open) .drop-btn-icon, .msi-calendar .msi-calendar-datetimepicker > .date-time .input-wrapper .drop-btn-input-fixer:not(.drop-btn-input-fixer--open) .drop-btn-icon, .msi-time-picker-control .time-control .input-wrapper .drop-btn-input-fixer:not(.drop-btn-input-fixer--open) .drop-btn-icon, .msi-date-time-picker-control .date-time-control .input-wrapper .drop-btn-input-fixer:not(.drop-btn-input-fixer--open) .drop-btn-icon, .msi-date-picker-control .date-control .input-wrapper .drop-btn-input-fixer:not(.drop-btn-input-fixer--open) .drop-btn-icon {
  border-top: 5px solid var(--text-primary);
}
@media (-ms-high-contrast: white-on-black) {
  .msi-calendar-single-datetimepicker > .date-time .input-wrapper .drop-btn-input-fixer:not(.drop-btn-input-fixer--open) .drop-btn-icon, .msi-calendar .msi-calendar-datetimepicker > .date-time .input-wrapper .drop-btn-input-fixer:not(.drop-btn-input-fixer--open) .drop-btn-icon, .msi-time-picker-control .time-control .input-wrapper .drop-btn-input-fixer:not(.drop-btn-input-fixer--open) .drop-btn-icon, .msi-date-time-picker-control .date-time-control .input-wrapper .drop-btn-input-fixer:not(.drop-btn-input-fixer--open) .drop-btn-icon, .msi-date-picker-control .date-control .input-wrapper .drop-btn-input-fixer:not(.drop-btn-input-fixer--open) .drop-btn-icon {
    border-top-color: black;
  }
}
@media (-ms-high-contrast: black-on-white) {
  .msi-calendar-single-datetimepicker > .date-time .input-wrapper .drop-btn-input-fixer:not(.drop-btn-input-fixer--open) .drop-btn-icon, .msi-calendar .msi-calendar-datetimepicker > .date-time .input-wrapper .drop-btn-input-fixer:not(.drop-btn-input-fixer--open) .drop-btn-icon, .msi-time-picker-control .time-control .input-wrapper .drop-btn-input-fixer:not(.drop-btn-input-fixer--open) .drop-btn-icon, .msi-date-time-picker-control .date-time-control .input-wrapper .drop-btn-input-fixer:not(.drop-btn-input-fixer--open) .drop-btn-icon, .msi-date-picker-control .date-control .input-wrapper .drop-btn-input-fixer:not(.drop-btn-input-fixer--open) .drop-btn-icon {
    border-top-color: black;
  }
}
.msi-calendar-single-datetimepicker > .date-time .input-wrapper .drop-btn:focus .drop-btn-input-fixer, .msi-calendar .msi-calendar-datetimepicker > .date-time .input-wrapper .drop-btn:focus .drop-btn-input-fixer, .msi-time-picker-control .time-control .input-wrapper .drop-btn:focus .drop-btn-input-fixer, .msi-date-time-picker-control .date-time-control .input-wrapper .drop-btn:focus .drop-btn-input-fixer, .msi-date-picker-control .date-control .input-wrapper .drop-btn:focus .drop-btn-input-fixer, .msi-calendar-single-datetimepicker > .date-time .input-wrapper .drop-btn-input-fixer--open, .msi-calendar .msi-calendar-datetimepicker > .date-time .input-wrapper .drop-btn-input-fixer--open, .msi-time-picker-control .time-control .input-wrapper .drop-btn-input-fixer--open, .msi-date-time-picker-control .date-time-control .input-wrapper .drop-btn-input-fixer--open, .msi-date-picker-control .date-control .input-wrapper .drop-btn-input-fixer--open {
  border: 1px solid var(--focus-primary);
}
@media (-ms-high-contrast: white-on-black) {
  .msi-calendar-single-datetimepicker > .date-time .input-wrapper .drop-btn-input-fixer--open .drop-btn-icon, .msi-calendar .msi-calendar-datetimepicker > .date-time .input-wrapper .drop-btn-input-fixer--open .drop-btn-icon, .msi-time-picker-control .time-control .input-wrapper .drop-btn-input-fixer--open .drop-btn-icon, .msi-date-time-picker-control .date-time-control .input-wrapper .drop-btn-input-fixer--open .drop-btn-icon, .msi-date-picker-control .date-control .input-wrapper .drop-btn-input-fixer--open .drop-btn-icon {
    border-bottom-color: #000;
  }
}
@media (-ms-high-contrast: black-on-white) {
  .msi-calendar-single-datetimepicker > .date-time .input-wrapper .drop-btn-input-fixer--open .drop-btn-icon, .msi-calendar .msi-calendar-datetimepicker > .date-time .input-wrapper .drop-btn-input-fixer--open .drop-btn-icon, .msi-time-picker-control .time-control .input-wrapper .drop-btn-input-fixer--open .drop-btn-icon, .msi-date-time-picker-control .date-time-control .input-wrapper .drop-btn-input-fixer--open .drop-btn-icon, .msi-date-picker-control .date-control .input-wrapper .drop-btn-input-fixer--open .drop-btn-icon {
    border-bottom-color: #000;
  }
}
.msi-calendar-single-datetimepicker > .date-time .input-wrapper .drop-btn-input-fixer--open .drop-btn-icon, .msi-calendar .msi-calendar-datetimepicker > .date-time .input-wrapper .drop-btn-input-fixer--open .drop-btn-icon, .msi-time-picker-control .time-control .input-wrapper .drop-btn-input-fixer--open .drop-btn-icon, .msi-date-time-picker-control .date-time-control .input-wrapper .drop-btn-input-fixer--open .drop-btn-icon, .msi-date-picker-control .date-control .input-wrapper .drop-btn-input-fixer--open .drop-btn-icon {
  border-bottom: 5px solid var(--text-primary);
}
.msi-calendar-single-datetimepicker > .date-time .input-wrapper .drop-btn[disabled], .msi-calendar .msi-calendar-datetimepicker > .date-time .input-wrapper .drop-btn[disabled], .msi-time-picker-control .time-control .input-wrapper .drop-btn[disabled], .msi-date-time-picker-control .date-time-control .input-wrapper .drop-btn[disabled], .msi-date-picker-control .date-control .input-wrapper .drop-btn[disabled] {
  cursor: not-allowed;
  opacity: 0.4;
  transition: opacity 100ms;
}
.msi-calendar-single-datetimepicker > .date-time .input-wrapper .drop-btn:not([disabled]) .drop-btn-input-fixer, .msi-calendar .msi-calendar-datetimepicker > .date-time .input-wrapper .drop-btn:not([disabled]) .drop-btn-input-fixer, .msi-time-picker-control .time-control .input-wrapper .drop-btn:not([disabled]) .drop-btn-input-fixer, .msi-date-time-picker-control .date-time-control .input-wrapper .drop-btn:not([disabled]) .drop-btn-input-fixer, .msi-date-picker-control .date-control .input-wrapper .drop-btn:not([disabled]) .drop-btn-input-fixer {
  background-color: var(--background-input);
}
.msi-calendar-single-datetimepicker > .date-time .input-wrapper .drop-btn:not([disabled]) .drop-btn-input-fixer:hover, .msi-calendar .msi-calendar-datetimepicker > .date-time .input-wrapper .drop-btn:not([disabled]) .drop-btn-input-fixer:hover, .msi-time-picker-control .time-control .input-wrapper .drop-btn:not([disabled]) .drop-btn-input-fixer:hover, .msi-date-time-picker-control .date-time-control .input-wrapper .drop-btn:not([disabled]) .drop-btn-input-fixer:hover, .msi-date-picker-control .date-control .input-wrapper .drop-btn:not([disabled]) .drop-btn-input-fixer:hover {
  cursor: pointer;
  background: var(--input-hover);
}
.msi-calendar-single-datetimepicker > .date-time .input-wrapper input, .msi-calendar .msi-calendar-datetimepicker > .date-time .input-wrapper input, .msi-time-picker-control .time-control .input-wrapper input, .msi-date-time-picker-control .date-time-control .input-wrapper input, .msi-date-picker-control .date-control .input-wrapper input {
  box-sizing: border-box;
  flex: 1 0;
  min-width: 0;
  padding: 0 0 0 30px;
  margin: 0;
}

/* DATEPICKER */
.msi-calendar-datepicker .ngb-datepicker {
  font-weight: bold;
  border: 0;
}
.msi-calendar-datepicker .ngb-datepicker .ngb-dp-navigation-select {
  display: none;
}
.msi-calendar-datepicker .ngb-datepicker .input-group {
  display: flex;
  align-items: center;
  justify-content: center;
}
.msi-calendar-datepicker .ngb-datepicker input {
  display: inline-block;
}
.msi-calendar-datepicker .ngb-datepicker .custom-day {
  display: inline-block;
  width: 28px;
  height: 28px;
  line-height: 28px;
  color: var(--text-secondary);
  text-align: center;
}
.msi-calendar-datepicker .ngb-datepicker .custom-day.outside {
  opacity: 0.5;
}
.msi-calendar-datepicker .ngb-datepicker .custom-day.default-day {
  color: var(--text-secondary);
  outline: 1px solid var(--focus-primary);
  outline-offset: -1px;
}
.msi-calendar-datepicker .ngb-datepicker .custom-day:hover {
  background-color: var(--primary-10);
}
.msi-calendar-datepicker .ngb-datepicker .custom-day.range {
  color: #fff;
  background-color: var(--focus-primary);
}
.msi-calendar-datepicker .ngb-datepicker .custom-day.faded {
  color: #fff;
  background-color: var(--focus-primary-60);
  outline: none;
}
@media (-ms-high-contrast: white-on-black) {
  .msi-calendar-datepicker .ngb-datepicker .custom-day.default-day {
    outline: 2px solid white;
    outline-offset: -2px;
  }
  .msi-calendar-datepicker .ngb-datepicker .custom-day:hover {
    color: white;
    background-color: #404040;
  }
  .msi-calendar-datepicker .ngb-datepicker .custom-day.range {
    color: black;
    background-color: white;
  }
  .msi-calendar-datepicker .ngb-datepicker .custom-day.faded {
    color: black;
    background-color: #c0c0c0;
  }
}
@media (-ms-high-contrast: black-on-white) {
  .msi-calendar-datepicker .ngb-datepicker .custom-day.default-day {
    outline: 2px solid black;
    outline-offset: -2px;
  }
  .msi-calendar-datepicker .ngb-datepicker .custom-day:hover {
    color: black;
    background-color: #c0c0c0;
  }
  .msi-calendar-datepicker .ngb-datepicker .custom-day.range {
    color: white;
    background-color: black;
  }
  .msi-calendar-datepicker .ngb-datepicker .custom-day.faded {
    color: white;
    background-color: #404040;
  }
}
.msi-calendar-datepicker .ngb-datepicker .ngb-dp-header {
  position: relative;
  padding-top: 4px;
  background-color: transparent;
}
.msi-calendar-datepicker .ngb-datepicker .ngb-dp-header .ngb-dp-month-name {
  display: flex;
  flex: 1;
  justify-content: center;
  height: auto;
  margin: 0 12px;
  text-shadow: var(--shadow-level-1);
  background-color: transparent;
}
.msi-calendar-datepicker .ngb-datepicker .ngb-dp-header .ngb-dp-arrow {
  position: absolute;
}
.msi-calendar-datepicker .ngb-datepicker .ngb-dp-header .ngb-dp-arrow button {
  padding: 0;
  cursor: pointer;
  background: none;
  border: 0;
  outline: none;
}
.msi-calendar-datepicker .ngb-datepicker .ngb-dp-header .ngb-dp-arrow button[disabled] {
  cursor: default;
  opacity: var(--disabled-opacity);
}
.msi-calendar-datepicker .ngb-datepicker .ngb-dp-header .ngb-dp-arrow:first-child {
  left: 12px;
}
.msi-calendar-datepicker .ngb-datepicker .ngb-dp-header .ngb-dp-arrow:last-child {
  right: 12px;
}
.msi-calendar-datepicker .ngb-datepicker .ngb-dp-header .ngb-dp-arrow .ngb-dp-navigation-chevron {
  width: auto;
  height: auto;
  margin: 0;
  pointer-events: none;
  border: 0;
  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent;
  transform: none;
  -ms-high-contrast-adjust: none;
}
.msi-calendar-datepicker .ngb-datepicker .ngb-dp-header .ngb-dp-arrow:not(.ngb-dp-arrow-next) {
  justify-content: center;
}
.msi-calendar-datepicker .ngb-datepicker .ngb-dp-header .ngb-dp-arrow:not(.ngb-dp-arrow-next) .ngb-dp-navigation-chevron {
  border-right: 12px solid var(--text-primary);
}
.msi-calendar-datepicker .ngb-datepicker .ngb-dp-header .ngb-dp-arrow.ngb-dp-arrow-next {
  justify-content: center;
  -ms-flex-pack: center;
}
.msi-calendar-datepicker .ngb-datepicker .ngb-dp-header .ngb-dp-arrow.ngb-dp-arrow-next button {
  margin-left: 12px;
}
.msi-calendar-datepicker .ngb-datepicker .ngb-dp-header .ngb-dp-arrow.ngb-dp-arrow-next .ngb-dp-navigation-chevron {
  border-left: 12px solid var(--text-primary);
  transform: none;
}
.msi-calendar-datepicker .ngb-datepicker .ngb-dp-month {
  margin: 12px 24px;
}
.msi-calendar-datepicker .ngb-datepicker .ngb-dp-month:first-child {
  margin-left: 12px;
}
.msi-calendar-datepicker .ngb-datepicker .ngb-dp-month:last-child {
  margin-right: 12px;
}
.msi-calendar-datepicker .ngb-datepicker .ngb-dp-month > ngb-datepicker-month-view > .ngb-dp-week {
  padding: 0;
}
.msi-calendar-datepicker .ngb-datepicker .ngb-dp-weekdays {
  border: 0;
  background-color: transparent;
}
.msi-calendar-datepicker .ngb-datepicker .ngb-dp-weekday {
  width: 28px;
  height: 28px;
  font-style: normal;
  color: var(--text-primary);
}
.msi-calendar-datepicker .ngb-datepicker .ngb-dp-day {
  display: flex;
  width: 28px;
  height: 28px;
  color: var(--text-secondary);
}
.msi-calendar-datepicker .ngb-datepicker .ngb-dp-day:focus {
  outline: none;
}
.msi-calendar-datepicker .ngb-datepicker .ngb-dp-day:focus:not(.hidden) {
  background-color: var(--hover);
}
.msi-calendar-datepicker .ngb-datepicker .ngb-dp-day.disabled .custom-day {
  color: var(--stroke-level-2);
  background: none;
}
@media (-ms-high-contrast: white-on-black) {
  .msi-calendar-datepicker .ngb-datepicker .ngb-dp-day:focus {
    outline: 2px dashed #fff;
    outline-offset: -2px;
  }
}
@media (-ms-high-contrast: black-on-white) {
  .msi-calendar-datepicker .ngb-datepicker .ngb-dp-day:focus {
    outline: 2px dashed #fff;
    outline-offset: -2px;
  }
}

.msi-dropdown.msi-datepicker-control-dropdown {
  max-height: unset;
  padding: 24px 12px 12px;
}
.msi-dropdown.msi-datepicker-control-dropdown .bg-light {
  background: none;
}

.msi-date-picker-control,
.msi-time-picker-control {
  display: inline-block;
}

.msi-date-picker-control {
  width: 130px;
}
.msi-date-picker-control.has-dropdown {
  width: 160px;
}
.msi-date-picker-control .date-control {
  margin: 0;
}

.msi-date-time-picker-control {
  width: 130px;
}
.msi-date-time-picker-control.has-dropdown {
  width: 168px;
}
.msi-date-time-picker-control .date-time-control {
  width: 200px;
  margin: 0;
}

.msi-time-picker-control {
  width: 114px;
}
.msi-time-picker-control:not(.has-dropdown) {
  width: 100px;
}
.msi-time-picker-control .time-control {
  margin: 0;
}

.msi-calendar {
  display: flex;
  justify-content: center;
  width: 100%;
}
.msi-calendar .bg-light {
  background: none;
}
.msi-calendar .form-wrapper {
  box-sizing: border-box;
  display: inline-block;
  padding: 24px 12px 12px;
  background-color: var(--background-level-3);
}
.msi-calendar .form-wrapper.form-border {
  border: 1px solid var(--stroke-level-1);
  border-radius: 2px;
  box-shadow: var(--shadow-level-2);
}
.msi-calendar .form-wrapper .calendar-row {
  display: flex;
  flex-basis: 100%;
}
.msi-calendar .form-wrapper .footer {
  justify-content: space-between;
}
.msi-calendar .form-wrapper .footer .buttons-wrapper {
  display: flex;
  flex-direction: row;
}
.msi-calendar .form-wrapper .footer .buttons-wrapper .search-button {
  display: flex;
  align-items: center;
  align-self: flex-end;
}
.msi-calendar .form-wrapper .footer .buttons-wrapper .search-button:not([disabled]) {
  cursor: pointer;
}
.msi-calendar .form-wrapper .footer .buttons-wrapper .reset-button {
  align-items: center;
  align-self: flex-end;
  margin: 0 6px;
  font-weight: normal;
  line-height: 16px;
}
.msi-calendar .form-wrapper .footer .buttons-wrapper .reset-button:not([disabled]) {
  cursor: pointer;
}
.msi-calendar .msi-calendar-quickselection {
  margin: 12px;
}
.msi-calendar .msi-calendar-quickselection .msi-radio-button-label {
  padding: 2px 12px 3px;
}
.msi-calendar-single-datetimepicker > .date-time {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.msi-calendar-single-datetimepicker > .date-time > msi-time-picker-control {
  margin: 12px;
}

.msi-callout .callout-container {
  border-radius: 2px;
  border-width: 1px;
  border-style: solid;
  padding: 6px 6px 12px 6px;
  justify-content: space-between;
}
.msi-callout .callout-error {
  background-color: var(--callout-error-background);
  border-color: var(--callout-error-border);
}
.msi-callout .callout-info {
  background-color: var(--callout-info-background);
  border-color: var(--callout-info-border);
}
.msi-callout .callout-success {
  background-color: var(--callout-success-background);
  border-color: var(--callout-success-border);
}
.msi-callout .callout-warning {
  background-color: var(--callout-warning-background);
  border-color: var(--callout-warning-border);
}
.msi-callout .primary-icon-container {
  padding: 6px;
}
.msi-callout .error-icon {
  color: var(--callout-error-icon);
}
.msi-callout .callout-contents {
  width: 100%;
  padding: 6px 6px 0 6px;
}
.msi-callout .callout-title {
  margin-bottom: 4px;
}
.msi-callout .trailing-icons-container {
  padding: 1px;
  height: fit-content;
}
.msi-callout .callout-footer {
  margin: 4px 6px 0 29px;
}
.msi-callout .callout-footer:empty {
  display: none;
}

.msi-card {
  position: relative;
  display: flex;
  flex-direction: column;
  max-width: 200px;
  min-height: 168px;
  overflow: hidden;
  background: var(--background-level-3);
  border: 1px solid var(--stroke-level-1);
  border-radius: 4px;
  box-shadow: var(--shadow-level-2);
}
.msi-card:hover {
  box-shadow: var(--shadow-level-3);
}
.msi-card::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  content: "";
  border-radius: 4px;
}
.msi-card.msi-card-media-type {
  height: 234px;
  line-height: 1.125rem;
  cursor: pointer;
}
.msi-card.msi-card-media-type .msi-card-title {
  box-sizing: border-box;
  height: 60px;
  min-height: 60px;
  padding: 12px;
  background: var(--background-level-3);
}
.msi-card.msi-card-media-type .msi-card-title .msi-icon {
  color: var(--icon-primary);
}
.msi-card.msi-card-media-type .msi-card-title .msi-icon:first-child {
  padding-right: 6px;
}
.msi-card.msi-card-media-type .msi-card-title .msi-icon ~ .msi-icon {
  padding-left: 6px;
}
.msi-card.msi-card-media-type .msi-card-title span {
  display: inline-block;
  max-width: 120px;
  line-height: 1.125rem;
}
.msi-card.msi-card-media-type .msi-card-content {
  height: 60px;
  background: var(--background-level-3);
}
.msi-card.msi-card-media-type img {
  height: 114px;
  object-fit: cover;
}
.msi-card.msi-card-media-type .msi-card-error {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 192px;
  height: 50%;
  font-size: 0.75rem;
}
.msi-card.msi-card-media-type .msi-card-error span {
  display: inline-flex;
  margin-top: 12px;
  line-height: 18px;
}
.msi-card.msi-card-media-type-error {
  justify-content: center;
}

.msi-card-title {
  display: flex;
  flex: initial;
  align-items: center;
  padding: 12px 12px 6px;
  font-weight: 700;
  color: var(--text-primary);
}

.msi-card-image + .msi-card-title {
  padding: 12px;
}

.msi-card-title + .msi-card-content {
  padding-top: 0;
}

.msi-card-content + .msi-card-actions {
  padding-top: 0;
}

.msi-card-content {
  padding: 12px;
  color: var(--text-primary);
}

.msi-card-image {
  flex: initial;
  margin: 0 13px;
}
.msi-card-image .msi-card-media,
.msi-card-image img {
  display: inline;
  width: 100%;
}
.msi-card-image.full-bleed {
  margin: 0;
}
.msi-card-image.bottom {
  display: flex;
  flex: auto;
  flex-direction: column;
  justify-content: flex-end;
}

.msi-card-actions {
  display: flex;
  justify-content: space-between;
  padding: 12px 13px 12px 11px;
}

.msi-card.msi-media-card {
  width: 200px;
  height: 250px;
  max-height: 250px;
  margin: 12px;
}
.msi-card.msi-media-card .msi-card-title {
  height: 42px;
  min-height: auto;
  padding: 12px 12px 6px 12px;
  justify-content: space-between;
}
.msi-card.msi-media-card .msi-card-title-actions {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  margin-right: -5px;
}
.msi-card.msi-media-card .msi-card-title-actions .msi-btn {
  margin: -5px 0; /* Give space for the focus state of the button (5px each side) */
}
.msi-card.msi-media-card .msi-card-title-actions .msi-icon {
  width: 24px;
  height: 24px;
  padding: 0 !important;
}
.msi-card.msi-media-card .msi-card-image {
  height: 150px;
  background-color: var(--primary-05);
}
.msi-card.msi-media-card .msi-card-image .dummy-card-image {
  height: 48px;
  padding: 51px 0;
  background: none;
}
.msi-card.msi-media-card .msi-card-image .dummy-card-image i {
  width: 48px;
  height: 48px;
}
.msi-card.msi-media-card .msi-card-image:hover .msi-card-overlay * {
  display: none;
}
.msi-card.msi-media-card .msi-card-image:hover .msi-card-overlay-hover {
  display: flex;
}
.msi-card.msi-media-card .msi-card-overlay {
  position: absolute;
  width: 100%;
  height: 36px;
  padding: 6px 12px;
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  bottom: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  font-size: 0.875rem;
  font-weight: 700;
}
.msi-card.msi-media-card .msi-card-overlay .msi-card-overlay-icons {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 0;
}
.msi-card.msi-media-card .msi-card-overlay .msi-card-overlay-icons .msi-icon {
  color: #fff;
  margin-right: 6px;
}
.msi-card.msi-media-card .msi-card-overlay .msi-card-overlay-icons .msi-icon:last-child {
  margin-right: 12px;
}
.msi-card.msi-media-card .msi-card-overlay .msi-card-overlay-hover {
  display: none;
  width: 100%;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.msi-media-list-table {
  /* Fix CSS colspan border bug: https://stackoverflow.com/questions/25591499/chrome-bug-with-colspan-and-border */
  border-collapse: separate; /* the default option */
  border-spacing: 0; /* remove border gaps */
}
.msi-media-list-table tr td,
.msi-media-list-table tr .msi-td,
.msi-media-list-table .msi-tr td,
.msi-media-list-table .msi-tr .msi-td {
  white-space: nowrap;
}
.msi-media-list-table tr .msi-media-list-icon,
.msi-media-list-table .msi-tr .msi-media-list-icon {
  width: 1px; /* Choose minimum possible column width */
}
.msi-media-list-table tr .msi-media-list-icon .msi-icon,
.msi-media-list-table .msi-tr .msi-media-list-icon .msi-icon {
  margin: 0;
}
.msi-media-list-table tr .msi-media-list-icon.msi-flag-off,
.msi-media-list-table .msi-tr .msi-media-list-icon.msi-flag-off {
  min-width: 58px; /* Reserve space for flag icon, even when it's not there */
}
.msi-media-list-table tr .msi-media-list-icon.msi-flag-off .msi-btn,
.msi-media-list-table .msi-tr .msi-media-list-icon.msi-flag-off .msi-btn {
  display: none;
}
.msi-media-list-table tr .msi-media-list-hover-icons,
.msi-media-list-table .msi-tr .msi-media-list-hover-icons {
  display: none;
  text-align: right;
  padding-right: 0;
}
.msi-media-list-table tr .msi-media-list-hover-icons .msi-btn,
.msi-media-list-table .msi-tr .msi-media-list-hover-icons .msi-btn {
  display: inline-block;
  margin-left: 8px;
}
.msi-media-list-table tr .msi-media-list-secondary,
.msi-media-list-table .msi-tr .msi-media-list-secondary {
  text-align: right;
  width: 1px; /* Choose minimum possible column width */
}
.msi-media-list-table tr:hover:not(.msi-media-no-actions) .msi-media-list-hover-icons,
.msi-media-list-table .msi-tr:hover:not(.msi-media-no-actions) .msi-media-list-hover-icons {
  display: table-cell;
}
.msi-media-list-table tr:hover:not(.msi-media-no-actions) .msi-media-list-secondary,
.msi-media-list-table .msi-tr:hover:not(.msi-media-no-actions) .msi-media-list-secondary {
  display: none;
}
.msi-media-list-table tr:hover .msi-flag-off .msi-btn,
.msi-media-list-table .msi-tr:hover .msi-flag-off .msi-btn {
  display: inline-block;
}

.msi-checkbox-group {
  display: flex;
  flex-direction: column;
}
.msi-checkbox-group .msi-checkbox-group-label {
  margin-bottom: 5px;
  color: var(--text-secondary);
}
.msi-checkbox-group.inline .msi-radio-wrapper {
  display: flex;
  flex-direction: row;
}

.msi-checkbox {
  display: flex;
}
.msi-checkbox:active {
  outline: 0;
}

.msi-checkbox-checked .msi-checkbox-icon,
.msi-checkbox:active:not(.msi-checkbox-disabled) .msi-checkbox-icon {
  color: var(--focus-secondary);
}

@media (-ms-high-contrast: white-on-black) {
  .msi-checkbox-checked .msi-checkbox-icon {
    color: #404040;
  }
}
@media (-ms-high-contrast: black-on-white) {
  .msi-checkbox-checked .msi-checkbox-icon {
    color: #c0c0c0;
  }
}
.msi-checkbox-disabled .msi-checkbox-label {
  cursor: not-allowed;
  opacity: 0.4;
}

.msi-checkbox-icon-wrapper {
  position: relative;
  line-height: 0;
}

.msi-checkbox:not(.msi-checkbox-disabled).msi-checkbox:hover .msi-checkbox-icon-wrapper::before, .msi-checkbox:not(.msi-checkbox-disabled).msi-checkbox-focused .msi-checkbox-icon-wrapper::before {
  position: absolute;
  top: -5px;
  right: -5px;
  bottom: -5px;
  left: -5px;
  content: "";
  background-color: var(--hover);
  border-radius: 50%;
}
.msi-checkbox:not(.msi-checkbox-disabled).msi-checkbox-focused .msi-checkbox-icon-wrapper::before {
  border: 2px solid var(--focus-primary);
}

.msi-checkbox-inline {
  display: inline-block;
  vertical-align: middle;
}

.msi-checkbox-label {
  display: inline-flex;
  align-items: center;
  padding: 8px 12px;
  font-size: 0.875rem;
  color: var(--text-primary);
  cursor: pointer;
}

.msi-checkbox-text {
  display: flex;
  margin-left: 12px;
}
.msi-checkbox-text:empty {
  margin-left: 0;
}

.msi-checkbox-native {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  border: 0;
  outline: 0;
  appearance: none;
}

.msi-collapsable {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.msi-collapsable > div {
  transition: all 300ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transform: translateY(0);
}
.msi-collapsable.collapsed > div {
  transform: translateY(-16px);
}
.msi-collapsable .msi-item a {
  padding-left: 48px;
}

.msi-tooltip {
  display: flex;
  justify-content: center;
  width: min-content;
  height: min-content;
  padding: 4px;
}
.msi-tooltip .msi-tooltip-content {
  display: flex;
  justify-content: center;
  width: max-content;
  height: min-content;
  padding: 6px 8px;
  font-size: 0.75rem;
  color: var(--text-primary);
  background-color: var(--tooltip-background);
  border: 1px solid var(--primary-20);
  border-radius: 4px;
  box-shadow: var(--shadow-level-2);
  position: relative;
  flex-direction: column;
  min-width: 44px;
  max-width: 180px;
}
.msi-tooltip.above, .msi-tooltip.top {
  top: auto;
  bottom: 100%;
  left: 50%;
  padding: 0 0 8px;
}
.msi-tooltip.above.hideOnHover, .msi-tooltip.top.hideOnHover {
  padding: 0 0 3px;
}
.msi-tooltip.after, .msi-tooltip.right {
  top: 0;
  left: 100%;
  justify-content: flex-start;
  padding: 0 0 0 8px;
  transform: none;
}
.msi-tooltip.after.hideOnHover, .msi-tooltip.right.hideOnHover {
  padding: 0 0 0 3px;
}
.msi-tooltip.below, .msi-tooltip.bottom {
  top: 100%;
  left: 50%;
  padding-top: 8px;
}
.msi-tooltip.below.hideOnHover, .msi-tooltip.bottom.hideOnHover {
  padding-top: 3px;
}
.msi-tooltip.before, .msi-tooltip.left {
  top: 0;
  right: 100%;
  left: auto;
  justify-content: flex-end;
  padding: 0 8px 0 0;
  transform: none;
}
.msi-tooltip.before.hideOnHover, .msi-tooltip.left.hideOnHover {
  padding: 0 3px 0 0;
}
.msi-tooltip .msi-text-wrap {
  position: relative;
  word-break: break-word;
}

.msi-table td,
.msi-table th,
.msi-th,
.msi-td {
  display: table-cell;
  align-items: center;
  justify-content: center;
  min-width: 60px;
  height: 41px;
  padding: 0 24px;
  vertical-align: middle;
  border-bottom: 1px solid var(--primary-20);
}
.msi-table td.msi-col-resizable,
.msi-table th.msi-col-resizable,
.msi-th.msi-col-resizable,
.msi-td.msi-col-resizable {
  min-width: 75px !important;
}
.msi-table td > .msi-icon,
.msi-table th > .msi-icon,
.msi-th > .msi-icon,
.msi-td > .msi-icon {
  margin: 0 8px 0 0;
  vertical-align: middle;
}
.msi-table td .msi-checkbox,
.msi-table th .msi-checkbox,
.msi-th .msi-checkbox,
.msi-td .msi-checkbox {
  display: inline-flex;
  vertical-align: middle;
}
.msi-table td .msi-checkbox-label,
.msi-table th .msi-checkbox-label,
.msi-th .msi-checkbox-label,
.msi-td .msi-checkbox-label {
  padding: 0;
}
.msi-table td .msi-checkbox-native,
.msi-table th .msi-checkbox-native,
.msi-th .msi-checkbox-native,
.msi-td .msi-checkbox-native {
  position: inherit;
}

.msi-table {
  border-spacing: 0;
  background-color: var(--table-background);
  color: var(--text-primary);
}
.msi-table.msi-table-condensed td,
.msi-table.msi-table-condensed .msi-td {
  height: 29px;
}
.msi-table.msi-table-condensed td .msi-filter-btn,
.msi-table.msi-table-condensed .msi-td .msi-filter-btn {
  width: 30px;
  height: 29px;
}
.msi-table.msi-table-condensed td .msi-btn,
.msi-table.msi-table-condensed .msi-td .msi-btn {
  height: 24px;
}
.msi-table.msi-table-condensed th,
.msi-table.msi-table-condensed .msi-th {
  height: 29px;
}
.msi-table.msi-table-condensed th .msi-filter-btn,
.msi-table.msi-table-condensed .msi-th .msi-filter-btn {
  width: 30px;
  height: 29px;
}
.msi-table.msi-table-condensed th .msi-btn,
.msi-table.msi-table-condensed .msi-th .msi-btn {
  height: 24px;
}
.msi-table .cdk-drop-list-dragging :not(.cdk-drag-placeholder) {
  transition: transform 250ms cubic-bezier(0.77, 0, 0.175, 1);
}

/* Table headers */
.msi-table th,
.msi-th {
  position: relative;
  /* Dragging, Resizing */
  z-index: 1;
  font-weight: 700;
  text-align: left;
  border-bottom: 1px solid var(--primary-40);
}
.msi-table th.msi-table-header,
.msi-th.msi-table-header {
  padding: 0;
}
.msi-table th.msi-table-header:focus,
.msi-th.msi-table-header:focus {
  outline: none;
}
.msi-table th.msi-table-header .msi-table-header-wrapper,
.msi-table th.msi-table-header .msi-table-header-left,
.msi-th.msi-table-header .msi-table-header-wrapper,
.msi-th.msi-table-header .msi-table-header-left {
  display: flex;
  flex: 1 1;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  min-width: 60px;
  height: 100%;
  padding: 0;
  width: 100%;
  font-family: "Roboto", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
}
.msi-table th.msi-table-header.msi-col-type-icon .msi-table-header-wrapper,
.msi-table th.msi-table-header.msi-col-type-icon .msi-table-header-left,
.msi-th.msi-table-header.msi-col-type-icon .msi-table-header-wrapper,
.msi-th.msi-table-header.msi-col-type-icon .msi-table-header-left {
  min-width: 42px;
}
.msi-table th.msi-table-header .msi-table-header-wrapper,
.msi-th.msi-table-header .msi-table-header-wrapper {
  width: 100%;
}
.msi-table th.msi-table-header .msi-table-header-wrapper .msi-table-header-left,
.msi-th.msi-table-header .msi-table-header-wrapper .msi-table-header-left {
  width: 100%;
}
.msi-table th.msi-table-header .msi-table-header-wrapper .msi-table-header-left .msi-header-text,
.msi-th.msi-table-header .msi-table-header-wrapper .msi-table-header-left .msi-header-text {
  position: relative;
  height: 100%;
  width: 100%;
  padding: 0;
  display: grid;
  align-items: center;
  justify-content: stretch;
  grid-template-areas: "text sort resize";
  grid-template-columns: 1fr auto auto;
  padding: 0 12px;
}
.msi-table th.msi-table-header .msi-table-header-wrapper .msi-table-header-left .msi-header-text .cdk-drag-handle,
.msi-th.msi-table-header .msi-table-header-wrapper .msi-table-header-left .msi-header-text .cdk-drag-handle {
  width: 100%;
}
.msi-table th.msi-table-header .msi-table-header-left,
.msi-th.msi-table-header .msi-table-header-left {
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  color: inherit;
  text-align: inherit;
  cursor: unset;
  background: none;
  border: 0;
}
.msi-table th.msi-table-header .msi-table-header-left:hover, .msi-table th.msi-table-header .msi-table-header-left:focus,
.msi-th.msi-table-header .msi-table-header-left:hover,
.msi-th.msi-table-header .msi-table-header-left:focus {
  outline: none;
}
.msi-table th.msi-table-header .msi-table-header-left:hover:not(:has(.resize-grid:hover)),
.msi-th.msi-table-header .msi-table-header-left:hover:not(:has(.resize-grid:hover)) {
  background: var(--hover);
}
.msi-table th.msi-table-header.msi-sortable .msi-table-header-wrapper .msi-table-header-left .msi-header-text, .msi-table th.msi-table-header.msi-filterable .msi-table-header-wrapper .msi-table-header-left .msi-header-text,
.msi-th.msi-table-header.msi-sortable .msi-table-header-wrapper .msi-table-header-left .msi-header-text,
.msi-th.msi-table-header.msi-filterable .msi-table-header-wrapper .msi-table-header-left .msi-header-text {
  padding-right: 6px;
  padding-left: 12px;
}
.msi-table th.msi-sortable,
.msi-th.msi-sortable {
  cursor: pointer;
}
.msi-table th.msi-sortable:not(.msi-sort-asc):not(.msi-sort-dec) .msi-sort-icon,
.msi-th.msi-sortable:not(.msi-sort-asc):not(.msi-sort-dec) .msi-sort-icon {
  visibility: hidden;
}
.msi-table th.msi-sortable:not(.msi-sort-asc):not(.msi-sort-dec):not(.resize-active) .msi-table-header-left:hover .msi-sort-icon, .msi-table th.msi-sortable:not(.msi-sort-asc):not(.msi-sort-dec):not(.resize-active) .msi-table-header-left:focus .msi-sort-icon,
.msi-th.msi-sortable:not(.msi-sort-asc):not(.msi-sort-dec):not(.resize-active) .msi-table-header-left:hover .msi-sort-icon,
.msi-th.msi-sortable:not(.msi-sort-asc):not(.msi-sort-dec):not(.resize-active) .msi-table-header-left:focus .msi-sort-icon {
  color: var(--primary-70);
  visibility: visible;
}
.msi-table th.msi-sortable:not(.msi-sort-asc):not(.msi-sort-dec):not(.resize-active) .msi-table-header-left .msi-resize-handle:hover + .msi-sort-icon,
.msi-th.msi-sortable:not(.msi-sort-asc):not(.msi-sort-dec):not(.resize-active) .msi-table-header-left .msi-resize-handle:hover + .msi-sort-icon {
  visibility: hidden;
}
.msi-table th.msi-sortable .msi-sort-icon,
.msi-th.msi-sortable .msi-sort-icon {
  width: 18px;
  height: 18px;
  transition: transform 300ms;
  cursor: pointer;
  margin-right: 4px;
}
.msi-table th.msi-sortable.msi-sort-dec .msi-sort-icon,
.msi-th.msi-sortable.msi-sort-dec .msi-sort-icon {
  transform: rotate(-180deg);
}
.msi-table th.msi-filterable,
.msi-th.msi-filterable {
  /* Prevent pointer cursor from overriding 'resize' cursor */
}
.msi-table th.msi-filterable .msi-filter-btn,
.msi-th.msi-filterable .msi-filter-btn {
  width: 42px;
  height: 41px;
  padding: 0;
  color: inherit;
  cursor: inherit;
  background: none;
  border: 0;
  margin-left: 5px;
}
.msi-table th.msi-filterable .msi-filter-btn .msi-icon,
.msi-th.msi-filterable .msi-filter-btn .msi-icon {
  vertical-align: middle;
}
.msi-table th.msi-filterable .msi-filter-btn:focus, .msi-table th.msi-filterable .msi-filter-btn:hover,
.msi-th.msi-filterable .msi-filter-btn:focus,
.msi-th.msi-filterable .msi-filter-btn:hover {
  outline: none;
}
.msi-table th.msi-filterable .msi-filter-btn:active,
.msi-th.msi-filterable .msi-filter-btn:active {
  color: var(--text-primary);
  background: var(--hover);
}
.msi-table th.msi-filterable.resize-right-hover .msi-filter-btn,
.msi-th.msi-filterable.resize-right-hover .msi-filter-btn {
  background: none !important;
}
.msi-table th.msi-filterable:not(.resize-right-hover) .msi-filter-btn,
.msi-th.msi-filterable:not(.resize-right-hover) .msi-filter-btn {
  cursor: pointer;
}
.msi-table th.msi-filterable.msi-filter-on .msi-filter-btn,
.msi-th.msi-filterable.msi-filter-on .msi-filter-btn {
  color: var(--text-primary);
  background: var(--hover);
}
.msi-table th.cdk-drag:active,
.msi-th.cdk-drag:active {
  z-index: 2;
}
.msi-table th.cdk-drag-preview,
.msi-th.cdk-drag-preview {
  position: absolute;
  top: 50px;
  box-sizing: content-box;
  color: var(--text-primary);
  background: var(--table-hover);
  padding: 0 12px;
  z-index: 99999;
  cursor: grab;
}
.msi-table th.cdk-drag-placeholder,
.msi-th.cdk-drag-placeholder {
  opacity: 0;
}
.msi-table th.cdk-drag-animating,
.msi-th.cdk-drag-animating {
  transition: transform 100ms cubic-bezier(0.77, 0, 0.175, 1);
}
.msi-table th .cdk-drag-handle,
.msi-th .cdk-drag-handle {
  flex: 1 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.msi-table th .msi-resize-handle,
.msi-th .msi-resize-handle {
  display: none;
}

th.msi-table-header {
  position: relative;
}
th.msi-table-header.msi-resizable {
  min-width: 75px;
}
th.msi-table-header.msi-resizable .separator {
  grid-area: resize;
  width: 1px;
  height: 18px;
  background-color: var(--primary-40);
}
th.msi-table-header.sticky {
  min-width: 60px;
}

/* Selection */
.msi-data-table-selection tr.msi-row-selected,
.msi-table-selection tr.msi-row-selected {
  background-color: var(--item-selection-primary-light);
}
.msi-data-table-selection tr.msi-row-selected:hover,
.msi-table-selection tr.msi-row-selected:hover {
  background-color: var(--item-selection-hover-light);
}
.msi-data-table-selection .visible-row:hover,
.msi-table-selection .visible-row:hover {
  background-color: var(--hover);
}

.msi-col-type-action .cdk-drag-handle {
  padding: 0 !important;
}

.msi-data-table {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 84px;
  overflow: hidden;
  /* Embedded components */
  /* Resize */
}
.msi-data-table,
.msi-data-table thead,
.msi-data-table tbody,
.msi-data-table tr,
.msi-data-table td,
.msi-data-table th {
  box-sizing: border-box !important;
}
.msi-data-table tr,
.msi-data-table .visible-row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.msi-data-table tr {
  width: fit-content;
  min-width: 100%;
  border-bottom: 1px solid var(--primary-20);
}
.msi-data-table th,
.msi-data-table td {
  display: flex !important;
  border-bottom: 0 !important;
}
.msi-data-table thead {
  display: block;
  overflow-x: hidden;
  border-bottom: 1px solid var(--primary-40);
}
.msi-data-table thead tr {
  border-bottom: 0;
}
.msi-data-table thead .msi-pinned-row:last-of-type {
  border-bottom: 0;
}
.msi-data-table.msi-data-table-sticky-column thead {
  width: fit-content;
  min-width: 100%;
}
.msi-data-table.msi-data-table-horizontal-scrollbar {
  overflow-x: scroll;
}
.msi-data-table.msi-data-table-horizontal-scrollbar thead,
.msi-data-table.msi-data-table-horizontal-scrollbar tbody {
  width: max-content !important;
  min-width: 100%;
}
.msi-data-table tbody {
  display: block;
  width: fit-content;
  min-width: 100%;
  overflow-x: scroll;
}
.msi-data-table .cell-wrapper {
  display: inline-block;
  flex: 1 1;
  min-width: 17px;
  overflow-x: hidden;
  overflow-y: visible;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.msi-data-table .msi-data-table-row {
  flex-direction: column;
}
.msi-data-table .hidden-row {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  padding-left: 10px;
}
.msi-data-table .hidden-row:not(.collapsed) {
  margin-bottom: 11px;
}
.msi-data-table .hidden-row .msi-overflow-table {
  display: grid;
  grid-template-columns: 0fr 1fr;
}
.msi-data-table .hidden-row .msi-overflow-table .col-name {
  font-weight: normal;
  color: var(--text-secondary);
  white-space: pre;
}
.msi-data-table .hidden-row .msi-overflow-table .col-name:not(:empty)::after {
  content: ":";
}
.msi-data-table .hidden-row .msi-overflow-table .col-name:empty {
  display: none;
}
.msi-data-table .hidden-row .msi-overflow-table .col-name:empty + .col-contents {
  grid-column: 1/span 2;
}
.msi-data-table .hidden-row .msi-overflow-table .col-name,
.msi-data-table .hidden-row .msi-overflow-table .col-contents {
  display: flex;
  align-items: center;
  max-width: 85ch;
  padding: 0 4px 4px 0;
}
.msi-data-table .msi-spinner {
  display: block;
  pointer-events: none;
}
.msi-data-table .msi-spinner .msi-spinner-inner {
  margin: 0 !important;
}
.msi-data-table .msi-checkbox {
  display: inline-block;
  padding: 0;
  line-height: 1;
  vertical-align: middle;
}
.msi-data-table .msi-checkbox-disabled {
  pointer-events: none;
}
.msi-data-table .msi-resizable {
  position: relative;
  padding-right: 8px;
  padding-left: 8px;
  width: 100%;
}
.msi-data-table .msi-resizable .msi-table-header-wrapper {
  width: 100%;
}
.msi-data-table .msi-resizable .msi-table-header-wrapper .msi-table-header-left {
  width: 100%;
  padding: 0;
}
.msi-data-table .msi-resizable .msi-table-header-wrapper .msi-table-header-left .msi-header-text {
  position: relative;
  height: 100%;
  width: 100%;
  padding: 0;
  display: grid;
  align-items: center;
  justify-content: stretch;
  grid-template-areas: "text sort resize";
  grid-template-columns: 1fr auto auto;
}
.msi-data-table .msi-resizable .msi-table-header-wrapper .msi-table-header-left .msi-header-text .resize-grid {
  grid-area: resize;
  display: flex;
  justify-content: center;
  align-items: center;
  justify-self: end;
  width: 7px;
  cursor: col-resize;
  height: 100%;
}
.msi-data-table .msi-resizable .msi-table-header-wrapper .msi-table-header-left .msi-header-text .resize-grid:hover, .msi-data-table .msi-resizable .msi-table-header-wrapper .msi-table-header-left .msi-header-text .resize-grid:active {
  color: var(--text-primary) !important;
  background: var(--hover) !important;
}
.msi-data-table .msi-resizable.resize-right-hover {
  z-index: 5;
}
.msi-data-table .internal-table-full-width .msi-table {
  width: 100%;
}
.msi-data-table .internal-table-full-width .msi-table td,
.msi-data-table .internal-table-full-width .msi-table th {
  flex-grow: 1;
  justify-content: start;
}

/* Pin/Expand icons */
.msi-data-table-expand-icon-col,
.msi-data-table-pin-icon-col {
  width: 42px;
  min-width: 42px !important;
  padding: 0 8px !important;
}
.msi-data-table-expand-icon-col .msi-btn,
.msi-data-table-pin-icon-col .msi-btn {
  height: unset !important;
}
.msi-data-table-expand-icon-col .msi-btn .msi-pin-off,
.msi-data-table-pin-icon-col .msi-btn .msi-pin-off {
  opacity: 0.5;
}
.msi-data-table-expand-icon-col .msi-btn:hover:not(:focus), .msi-data-table-expand-icon-col .msi-btn:active:not(:focus),
.msi-data-table-pin-icon-col .msi-btn:hover:not(:focus),
.msi-data-table-pin-icon-col .msi-btn:active:not(:focus) {
  background: none !important;
}
.msi-data-table-expand-icon-col .msi-btn:hover:not(:focus)::before, .msi-data-table-expand-icon-col .msi-btn:active:not(:focus)::before,
.msi-data-table-pin-icon-col .msi-btn:hover:not(:focus)::before,
.msi-data-table-pin-icon-col .msi-btn:active:not(:focus)::before {
  display: none;
}
.msi-data-table-expand-icon-col .msi-btn:hover .msi-pin-off, .msi-data-table-expand-icon-col .msi-btn:focus .msi-pin-off,
.msi-data-table-pin-icon-col .msi-btn:hover .msi-pin-off,
.msi-data-table-pin-icon-col .msi-btn:focus .msi-pin-off {
  opacity: 0.8;
}
.msi-data-table-expand-icon-col .msi-btn:active .msi-pin-off,
.msi-data-table-pin-icon-col .msi-btn:active .msi-pin-off {
  opacity: 1;
}
.msi-data-table-expand-icon-col .msi-icon,
.msi-data-table-pin-icon-col .msi-icon {
  margin: 0 !important;
  cursor: pointer;
  transition: transform 100ms;
}
.msi-data-table-expand-icon-col .msi-icon.collapsed,
.msi-data-table-pin-icon-col .msi-icon.collapsed {
  transform: rotate(-90deg);
}
.msi-data-table-expand-icon-col .msi-icon:active, .msi-data-table-expand-icon-col .msi-icon:focus,
.msi-data-table-pin-icon-col .msi-icon:active,
.msi-data-table-pin-icon-col .msi-icon:focus {
  color: var(--icon-primary);
}

.msi-data-table-expand-icon-col .msi-btn {
  width: 24px;
  min-width: 24px;
  height: 24px;
  padding: 0;
  margin: 5px;
}

/* Frozen */
.msi-data-table-sticky-column td.sticky, .msi-data-table-sticky-column td.msi-data-table-expand-icon-col, .msi-data-table-sticky-column td.msi-data-table-pin-icon-col,
.msi-data-table-sticky-column th.sticky,
.msi-data-table-sticky-column th.msi-data-table-expand-icon-col,
.msi-data-table-sticky-column th.msi-data-table-pin-icon-col {
  position: absolute;
  z-index: 3;
  background: var(--table-background);
}
.msi-data-table-sticky-column td.msi-data-table-pin-icon-col,
.msi-data-table-sticky-column th.msi-data-table-pin-icon-col {
  left: 0;
}
.msi-data-table-sticky-column.msi-data-table-selection .msi-data-table-row:hover .sticky,
.msi-data-table-sticky-column.msi-data-table-selection .msi-data-table-row:hover .msi-data-table-expand-icon-col,
.msi-data-table-sticky-column.msi-data-table-selection .msi-data-table-row:hover .msi-data-table-pin-icon-col {
  background: var(--table-hover);
}
.msi-data-table-sticky-column.msi-data-table-selection .msi-row-selected .sticky,
.msi-data-table-sticky-column.msi-data-table-selection .msi-row-selected .msi-data-table-expand-icon-col,
.msi-data-table-sticky-column.msi-data-table-selection .msi-row-selected .msi-data-table-pin-icon-col {
  background: var(--table-selection);
}
.msi-data-table-sticky-column.msi-data-table-selection .msi-row-selected:hover .sticky,
.msi-data-table-sticky-column.msi-data-table-selection .msi-row-selected:hover .msi-data-table-expand-icon-col,
.msi-data-table-sticky-column.msi-data-table-selection .msi-row-selected:hover .msi-data-table-pin-icon-col {
  background: var(--table-selection-hover);
}
.msi-data-table-sticky-column .sticky-column-shadow {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 4;
  display: block;
  pointer-events: none;
  box-shadow: 5px 0 5px -2px var(--table-frozen-shadow-color);
}

/* Pinned rows */
.msi-data-table-pinning .msi-pinned-row-container {
  width: fit-content;
  min-width: 100%;
  overflow-y: scroll;
}
.msi-data-table-pinning .msi-pinned-row-container:not(:empty) {
  overflow-x: hidden;
  overflow-y: scroll;
}
.msi-data-table-pinning .msi-row-pinned-last {
  border-bottom-width: 4px;
}

/* Column Types */
.msi-col-type-icon {
  width: 42px;
  min-width: 42px !important;
  padding: 0 8px !important;
}
.msi-col-type-icon .cell-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}
.msi-col-type-icon .msi-table-header-left:hover,
.msi-col-type-icon .msi-table-header-left:focus {
  background-color: transparent;
  outline: none;
}

tr .msi-col-type-number .msi-header-text, tr .msi-col-type-action .msi-header-text, tr .msi-col-type-text .msi-header-text, tr .msi-col-type-boolean .msi-header-text {
  cursor: default;
}
tr .msi-col-type-number .msi-header-text .drag-grid, tr .msi-col-type-action .msi-header-text .drag-grid, tr .msi-col-type-text .msi-header-text .drag-grid, tr .msi-col-type-boolean .msi-header-text .drag-grid {
  grid-area: text;
  padding-left: 12px;
}
tr .cdk-drag-disabled .msi-header-text,
tr .msi-col-float-left .msi-header-text,
tr .msi-col-float-right .msi-header-text {
  cursor: default;
}
tr .cdk-drag-disabled .msi-header-text .drag-grid,
tr .msi-col-float-left .msi-header-text .drag-grid,
tr .msi-col-float-right .msi-header-text .drag-grid {
  grid-area: text;
  padding-left: 12px;
}
tr .msi-col-type-action {
  text-align: center;
  cursor: pointer;
}
tr .msi-col-type-action .cdk-drag-handle {
  overflow: visible !important;
}
tr .msi-col-type-action .cell-wrapper,
tr .msi-col-type-action .msi-header-text {
  display: flex;
  justify-content: center;
  overflow: visible;
  text-align: center;
}
tr .msi-col-type-action .msi-header-text .drag-grid {
  grid-area: text;
  padding: 0;
}
tr .msi-col-type-action[role=columnheader] {
  margin-left: 3px !important;
}
tr .msi-col-type-number {
  text-align: right;
  font-family: "Roboto Mono", serif;
}
tr .msi-col-type-number .msi-header-text {
  gap: 3px;
}
tr .msi-col-type-number .cell-wrapper {
  font-variant-numeric: tabular-nums;
}
tr .msi-col-type-number .cell-wrapper,
tr .msi-col-type-number .msi-header-text {
  text-align: right;
}

.cursor-moving {
  cursor: grabbing !important;
}

.msi-dropdown-section {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  flex: 1;
  min-height: 30px;
  padding: 12px 12px 6px 12px;
  line-height: 1;
  border-bottom: 1px solid var(--hover);
  color: var(--text-primary);
  text-decoration: none;
  cursor: default;
  -ms-high-contrast-adjust: none;
}
.msi-dropdown-section p {
  margin: 6px 0;
  line-height: 1.5;
}
.msi-dropdown-section .msi-button-section {
  margin: 0 -7px;
}
.msi-dropdown-section .msi-button-section .msi-btn-action.msi-btn {
  padding-left: 6px;
  padding-right: 6px;
}
.msi-dropdown-section .msi-link {
  padding: 6px 0;
}
.msi-dropdown-section .msi-link .msi-icon {
  margin: 0 6px;
  vertical-align: text-bottom;
}

.msi-dropdown-section-arrow {
  float: right;
}

.msi-common-header-root {
  top: 0;
  left: 0;
  z-index: 99999;
  width: 100%;
}
.msi-common-header-root .search-button {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  min-width: auto;
  height: 44px;
  padding: 9px;
  margin: 0;
  cursor: pointer;
  background-color: transparent;
  border: 0;
  border-radius: 0;
  outline: none;
}
.msi-common-header-root .search-button:focus, .msi-common-header-root .search-button:hover {
  background-color: rgba(255, 255, 255, 0.1);
  outline: none;
}
.msi-common-header-root .search-button.msi-dropdown-trigger-open, .msi-common-header-root .search-button:active, .msi-common-header-root .search-button:active:hover, .msi-common-header-root .search-button.active {
  color: #fff;
  background-color: var(--focus-primary);
}
.msi-common-header-root .icon {
  -webkit-user-select: none;
          user-select: none;
  filter: invert(100%);
}
.msi-common-header-root .icon--search {
  width: 24px;
  height: 24px;
}
.msi-common-header-root .msi-common-icon-inactive {
  opacity: 0.2;
}
.msi-common-header-root .msi-common-header-left-plugin-area {
  flex: 1 1 auto;
  height: 47px;
  min-width: 0;
}
.msi-common-header-root .msi-common-header-left-plugin-area .link {
  box-sizing: content-box;
  display: inline-flex;
  align-items: center;
  height: 38px;
  padding: 6px 24px 0;
  font-size: 14px;
  font-weight: bold;
  line-height: 14px;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
  background-color: transparent;
  border-color: transparent;
  border-style: solid;
  border-width: 0 0 4px;
  outline: none;
  opacity: 0.7;
}
.msi-common-header-root .msi-common-header-left-plugin-area .link:focus, .msi-common-header-root .msi-common-header-left-plugin-area .link:hover {
  background-color: rgba(255, 255, 255, 0.1);
  outline: none;
}
.msi-common-header-root .msi-common-header-left-plugin-area .link:active, .msi-common-header-root .msi-common-header-left-plugin-area .link.selected, .msi-common-header-root .msi-common-header-left-plugin-area .link.selected:hover {
  color: #fff;
  background-color: transparent;
  border-color: var(--focus-primary);
  opacity: 1;
}
.msi-common-header-root .msi-common-header-left-plugin-area .link.disabled, .msi-common-header-root .msi-common-header-left-plugin-area .link:disabled {
  cursor: not-allowed;
  opacity: 0.4;
}
.msi-common-header-root .msi-common-header-left-plugin-area .link.disabled:hover, .msi-common-header-root .msi-common-header-left-plugin-area .link:disabled:hover {
  background-color: transparent;
  opacity: 0.4;
}
.msi-common-header-root .msi-common-header-right-plugin-area {
  flex: 0 0 auto;
  min-width: 0;
}
.msi-common-header-root .msi-session-manager,
.msi-common-header-root .msi-common-header-plugin {
  position: relative;
  display: inline-block;
  height: 47px;
  vertical-align: top;
}
.msi-common-header-root .msi-common-header-search-dropdown-wrap {
  position: fixed;
  top: 0;
  left: 300px;
  width: 100%;
  max-height: 300px;
  padding: 0;
  margin: 0;
  overflow-y: auto;
  visibility: hidden;
}
.msi-common-header-root .msi-common-header-search-dropdown-wrap:empty {
  visibility: hidden;
}
.msi-common-header-root .msi-common-header-search-dropdown-wrap.open {
  visibility: visible;
}

.msi-common-header {
  box-sizing: border-box;
  width: 100%;
  min-width: 300px;
  height: 48px;
  overflow: hidden;
  font-family: "Roboto", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
  color: #fff;
  background: var(--header-background-color) url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAFUlEQVQI12NggIJ///9I42AwMDAAALg7CT1ygBi4AAAAAElFTkSuQmCC") repeat;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.msi-common-header button {
  color: #fff;
}
.msi-common-header .agency-icon {
  width: 32px;
  height: 32px;
  margin: 8px 8px 0 0;
}
.msi-common-header .agency-icon i {
  width: 100%;
  height: 100%;
}
.msi-common-header .msi-common-search-container {
  display: none;
  width: 100%;
}
.msi-common-header .msi-common-header-container {
  position: relative;
  max-width: 1280px;
  height: 100%;
  margin: 0 auto;
}
.msi-common-header .msi-common-header-container.full-width {
  max-width: 100%;
}
.msi-common-header .msi-common-header-container .msi-icon {
  color: #fff;
}
.msi-common-header.search-mode {
  background-image: none;
}
.msi-common-header.search-mode .msi-common-header-content {
  display: none;
}
.msi-common-header.search-mode .msi-common-search-container {
  display: flex;
  height: 100%;
}
.msi-common-header a {
  color: #fff;
  text-decoration: none;
  outline: none;
}
.msi-common-header .msi-common-header-content {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.msi-common-header .search {
  width: 24px;
  height: 24px;
  cursor: pointer;
}

.responsive-header-enabled .msi-common-header-right-plugin-area {
  flex: 1 1 auto;
}

.mobile-header-enabled .msi-common-header-left-plugin-area {
  flex: 1 1 100%;
}
.mobile-header-enabled .msi-common-header-right-plugin-area {
  flex: 0 0 auto;
}

.msi-common-header-dropdown-item {
  display: flex;
  flex: 1;
  padding: 12px;
  margin: 0 -12px;
  font-size: 14px;
  color: var(--text-primary);
  text-decoration: none;
}
.msi-common-header-dropdown-item:hover, .msi-common-header-dropdown-item:focus {
  background-color: var(--hover);
}

.msi-common-header-button {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 48px;
  min-width: auto;
  height: 47px;
  margin: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  border-radius: 0;
  outline: none;
}
.msi-common-header-button:focus, .msi-common-header-button:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.msi-common-header-button:active, .msi-common-header-button:active:hover, .msi-common-header-button.active, .msi-common-header-button.msi-dropdown-trigger-open {
  color: #fff;
  background-color: var(--focus-primary);
}
.msi-common-header-button.disabled, .msi-common-header-button:disabled {
  cursor: not-allowed;
  opacity: 0.4;
}
.msi-common-header-button.disabled:hover, .msi-common-header-button:disabled:hover {
  background-color: transparent;
  opacity: 0.4;
}
.msi-common-header-button img {
  width: 24px;
  height: 24px;
}

.msi-notifications-ui,
.msi-notifications-ui .bell,
.msi-notifications-ui .wrapper {
  display: block;
  width: 48px;
  height: 47px;
}

.msi-common-header-information-button,
.msi-common-header-notification-button,
.msi-common-header-settings-button {
  vertical-align: middle;
}

.msi-common-header-root .msi-common-header .msi-common-header-plugin-label,
.msi-common-header-root .msi-common-header .msi-icon.msi-common-header-plugin-arrow {
  display: none;
}

.msi-common-header-overflow.msi-dropdown {
  max-height: 100%;
  color: var(--text-primary);
}
.msi-common-header-overflow button {
  color: var(--text-primary);
}
.msi-common-header-overflow button:active, .msi-common-header-overflow button.active {
  color: #fff;
}
.msi-common-header-overflow .msi-common-header-plugin-label {
  display: inline-block;
  padding: 0 35px 0 10px;
}
.msi-common-header-overflow .msi-icon.msi-common-header-plugin-arrow {
  position: absolute;
  right: 10px;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-top: 5px;
}
.msi-common-header-overflow .link {
  box-sizing: content-box;
  width: 100%;
  font-size: 0.875rem;
  color: var(--text-primary);
  text-align: left;
  text-decoration: none;
  cursor: pointer;
}
.msi-common-header-overflow .link,
.msi-common-header-overflow .msi-common-header-plugin, .msi-common-header-overflow > .msi-session-manager {
  display: block;
  flex: 1;
  padding: 12px;
  margin: 0 -12px;
  color: var(--text-primary);
  text-decoration: none;
  background: none;
  border: 0;
}
.msi-common-header-overflow .link:hover, .msi-common-header-overflow .link:focus,
.msi-common-header-overflow .msi-common-header-plugin:hover,
.msi-common-header-overflow .msi-common-header-plugin:focus, .msi-common-header-overflow > .msi-session-manager:hover, .msi-common-header-overflow > .msi-session-manager:focus {
  background-color: var(--hover);
  outline: none;
}
.msi-common-header-overflow .link:active,
.msi-common-header-overflow .msi-common-header-plugin:active, .msi-common-header-overflow > .msi-session-manager:active {
  color: #fff;
  background-color: #1a87b2;
}
.msi-common-header-overflow .link[disabled], .msi-common-header-overflow .link.disabled,
.msi-common-header-overflow .msi-common-header-plugin[disabled],
.msi-common-header-overflow .msi-common-header-plugin.disabled, .msi-common-header-overflow > .msi-session-manager[disabled], .msi-common-header-overflow > .msi-session-manager.disabled {
  color: var(--primary-40);
  cursor: not-allowed;
  background-color: transparent;
}
.msi-common-header-overflow .msi-session-manager {
  padding: 0;
}
.msi-common-header-overflow .msi-session-manager .msi-session-manager-container {
  margin: 0;
}
.msi-common-header-overflow .msi-session-manager .msi-session-manager-inner-container {
  width: 100%;
}
.msi-common-header-overflow .msi-session-manager .msi-session-manager-content {
  width: 100%;
  padding-right: 35px;
}
.msi-common-header-overflow .msi-session-manager .msi-session-manager-content.msi-dropdown-trigger-open {
  background: var(--focus-primary);
}
.msi-common-header-overflow .msi-session-manager .msi-session-manager-content.msi-dropdown-trigger-open .arrow {
  transform: rotate(-90deg);
}
.msi-common-header-overflow .msi-session-manager .msi-session-manager-content:hover {
  background: none;
}
.msi-common-header-overflow .msi-session-manager .arrow {
  position: absolute;
  right: 4px;
  transform: rotate(-90deg);
}
.msi-common-header-overflow .msi-common-header-plugin {
  padding: 0;
}
.msi-common-header-overflow .msi-common-header-plugin .msi-common-header-button {
  display: block;
  width: 100%;
  text-align: left;
}
.msi-common-header-overflow .msi-common-header-plugin .msi-common-header-button > img {
  display: inline-block;
  vertical-align: middle;
}
.msi-common-header-overflow .msi-common-header-plugin .msi-common-header-button:hover {
  background: none;
}
.msi-common-header-overflow .msi-common-header-plugin .msi-common-header-information-button {
  padding: 0 4px;
}
.msi-common-header-overflow .agency-icon {
  height: 32px;
  margin: 8px 0 8px 8px;
  vertical-align: middle;
}

.common-header-app-plugins {
  display: flex;
  flex-direction: row;
}

.msi-common-icon-invert {
  filter: var(--dark-to-light-filter);
}

/* Header Button Plugin */
.msi-dropdown.help-text p {
  margin: 0 0 6px;
  font-size: 14px;
  line-height: 18px;
}
.msi-dropdown.help-text .sub-label {
  padding: 0 16px;
}
.msi-dropdown.help-text .help-text-call-icon,
.msi-dropdown.help-text .help-text-email-icon {
  width: 14px;
  height: 14px;
  vertical-align: middle;
}

/* App switcher */
.msi-app-switcher-dropdown {
  width: 276px;
  border-color: transparent;
  border-radius: 4px;
}

.msi-common-services-grid {
  display: flex;
  flex-wrap: wrap;
}

.msi-application-switcher-row,
.msi-common-services-grid .switcher-row {
  display: flex;
  flex-wrap: wrap;
}
.msi-application-switcher-row .service,
.msi-common-services-grid .switcher-row .service {
  width: 80px;
  height: 80px;
  margin: 6px;
  font-size: 14px;
  text-align: center;
  text-decoration: none;
}
.msi-application-switcher-row .service:hover,
.msi-common-services-grid .switcher-row .service:hover {
  background: var(--primary-20);
}
.msi-application-switcher-row .switcher-icon,
.msi-common-services-grid .switcher-row .switcher-icon {
  position: relative;
}
.msi-application-switcher-row .service-icon img,
.msi-common-services-grid .switcher-row .service-icon img {
  display: inline-block;
  width: 48px;
  height: 48px;
  margin: 5px 0 0;
}
.msi-application-switcher-row .switcher-badge,
.msi-common-services-grid .switcher-row .switcher-badge {
  position: absolute;
  top: 6px;
  right: 6px;
  padding: 4px;
}

.msi-dropdown.msi-app-switcher-dropdown {
  box-sizing: content-box;
  min-width: 276px;
  max-width: 276px;
  min-height: 276px;
  max-height: none;
  overflow-y: visible;
}
.msi-dropdown.msi-app-switcher-dropdown a {
  color: var(--text-primary);
}
.msi-dropdown.msi-app-switcher-dropdown .msi-common-services-grid {
  min-width: 276px;
  max-width: 276px;
}

/* Left Plugin Area */
.msi-common-header-left-content {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
}
.msi-common-header-left-content .application-logo {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  height: 48px;
  padding: 0 4px 0 0;
  margin: 0 10px 0 0;
  text-decoration: none;
  cursor: pointer;
}
.msi-common-header-left-content .application-logo:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.msi-common-header-left-content .application-logo:focus, .msi-common-header-left-content .application-logo:visited {
  color: #fff;
}
.msi-common-header-left-content .application-logo .emsignia {
  width: 24px;
  min-width: 24px;
  height: 24px;
  margin: 0 0 0 12px;
  vertical-align: middle;
}
.msi-common-header-left-content .application-logo .separator {
  width: 1px;
  height: 24px;
  margin: 0 12px;
  background-color: #fff;
}
.msi-common-header-left-content .application-logo .application-name {
  height: 47px;
  margin: 1px 8px 0 0;
  font-size: 16px;
  font-weight: bold;
  line-height: 47px;
  color: #fff;
  vertical-align: middle;
}
.msi-common-header-left-content .application-logo .margin-left {
  margin: 1px 8px 0;
}

/* Right plugin area */
.msi-common-header-right-content {
  display: flex;
  flex: 0 0 auto;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: right;
}

/* Clock */
.msi-common-header-clock .time {
  display: inline-block;
  width: 81px;
  height: fit-content;
  margin: 9px 10px 8px 6px;
  font-size: 1.25rem;
  font-weight: 700;
  text-align: left;
  vertical-align: top;
}

/* Session Manager */
.msi-session-manager-container {
  position: relative;
  display: flex;
  height: 47px;
  margin: 0 12px;
}
.msi-session-manager-container .msi-session-manager-inner-container {
  position: relative;
}
.msi-session-manager-container .msi-session-manager-inner-container .msi-session-manager {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  text-align: left;
}
.msi-session-manager-container .msi-session-manager-content {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: left;
  height: 47px;
  padding: 0 3px;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
  background-color: transparent;
  border: 0;
  border-radius: 0;
  outline: none;
}
.msi-session-manager-container .msi-session-manager-content:focus, .msi-session-manager-container .msi-session-manager-content:hover {
  background-color: rgba(255, 255, 255, 0.1);
  outline: none;
}
.msi-session-manager-container .msi-session-manager-content:active, .msi-session-manager-container .msi-session-manager-content:active:hover, .msi-session-manager-container .msi-session-manager-content.active, .msi-session-manager-container .msi-session-manager-content.msi-dropdown-trigger-open {
  background-color: var(--focus-primary);
}
.msi-session-manager-container .msi-session-manager-content:active .arrow, .msi-session-manager-container .msi-session-manager-content:active:hover .arrow, .msi-session-manager-container .msi-session-manager-content.active .arrow, .msi-session-manager-container .msi-session-manager-content.msi-dropdown-trigger-open .arrow {
  transform: rotate(-180deg);
}
.msi-session-manager-container .msi-session-manager-content.disabled, .msi-session-manager-container .msi-session-manager-content:disabled {
  cursor: not-allowed;
  opacity: 0.4;
}
.msi-session-manager-container .msi-session-manager-content.disabled:hover, .msi-session-manager-container .msi-session-manager-content:disabled:hover {
  background-color: transparent;
  opacity: 0.4;
}
.msi-session-manager-container .msi-session-manager-content .user-action {
  cursor: pointer;
}
.msi-session-manager-container .msi-session-manager-content .arrow {
  box-sizing: content-box;
  width: 12px;
  height: 12px;
  padding: 0 5px;
  transition-duration: 0.3s;
  transition-property: transform;
}
.msi-session-manager-container .msi-session-manager-content:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.msi-session-manager-container .msi-session-manager-content.active {
  background-color: #007aaa;
}
.msi-session-manager-container .msi-session-manager-content.active .arrow {
  transform: rotate(-180deg);
}
.msi-session-manager-container .msi-session-manager-content .avatar {
  width: 32px;
  height: 32px;
  margin: 0 3px;
  clip-path: circle(16px at center);
}
.msi-session-manager-container .msi-session-manager-content .username {
  margin: 0 3px;
  font-size: 12px;
  font-weight: bold;
}
.msi-session-manager-container .msi-session-manager-dropdown {
  box-sizing: border-box;
  width: 100%;
}

.mobile-header-dropdown-opened {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999;
}
.mobile-header-dropdown-opened .msi-common-header-container .msi-icon {
  color: inherit;
}
.mobile-header-dropdown-opened .msi-session-manager-container .msi-session-manager-content {
  padding: 0;
}

.mobile-header-dropdown {
  width: 100%;
  display: flex;
  position: fixed;
  left: 0;
  top: 48px;
  height: calc(100% - 48px);
  flex-direction: column-reverse;
  justify-content: flex-start;
  align-items: stretch;
  background-color: var(--background-level-1);
  color: var(--text-primary);
  overflow: auto;
  padding-top: 2px;
}
.mobile-header-dropdown * {
  font-size: 18px;
}
.mobile-header-dropdown > .msi-item:first-child,
.mobile-header-dropdown > .mobile-header-dropdown-item:first-child {
  margin-bottom: auto;
}
.mobile-header-dropdown button,
.mobile-header-dropdown a,
.mobile-header-dropdown .msi-dropdown-item,
.mobile-header-dropdown .msi-dropdown-trigger,
.mobile-header-dropdown .msi-dropdown-item-active,
.mobile-header-dropdown .msi-dropdown-item-closed,
.mobile-header-dropdown .msi-dropdown-item-disabled,
.mobile-header-dropdown .service {
  width: 100%;
  display: flex;
  color: inherit;
  padding: 0;
  margin: 0;
  justify-content: flex-start;
  background: none;
  border: none;
}
.mobile-header-dropdown button:focus, .mobile-header-dropdown button:active, .mobile-header-dropdown button:hover,
.mobile-header-dropdown a:focus,
.mobile-header-dropdown a:active,
.mobile-header-dropdown a:hover,
.mobile-header-dropdown .msi-dropdown-item:focus,
.mobile-header-dropdown .msi-dropdown-item:active,
.mobile-header-dropdown .msi-dropdown-item:hover,
.mobile-header-dropdown .msi-dropdown-trigger:focus,
.mobile-header-dropdown .msi-dropdown-trigger:active,
.mobile-header-dropdown .msi-dropdown-trigger:hover,
.mobile-header-dropdown .msi-dropdown-item-active:focus,
.mobile-header-dropdown .msi-dropdown-item-active:active,
.mobile-header-dropdown .msi-dropdown-item-active:hover,
.mobile-header-dropdown .msi-dropdown-item-closed:focus,
.mobile-header-dropdown .msi-dropdown-item-closed:active,
.mobile-header-dropdown .msi-dropdown-item-closed:hover,
.mobile-header-dropdown .msi-dropdown-item-disabled:focus,
.mobile-header-dropdown .msi-dropdown-item-disabled:active,
.mobile-header-dropdown .msi-dropdown-item-disabled:hover,
.mobile-header-dropdown .service:focus,
.mobile-header-dropdown .service:active,
.mobile-header-dropdown .service:hover {
  background: none;
}
.mobile-header-dropdown .msi-item {
  margin: 6px 10px;
}
.mobile-header-dropdown .msi-item .msi-item-wrapper {
  display: flex;
  justify-content: stretch;
  align-items: stretch;
  border: 0;
  margin: 0;
}
.mobile-header-dropdown .msi-item .msi-item-wrapper > .item-content {
  min-height: 56px;
  padding: 0 12px;
  flex: 1;
}
.mobile-header-dropdown .msi-item .msi-dropdown-item-arrow {
  display: none;
}
.mobile-header-dropdown > .mobile-header-dropdown-item {
  padding: 12px;
}
.mobile-header-dropdown > .mobile-header-dropdown-item .sub-label {
  padding-left: 44px;
}
.mobile-header-dropdown .msi-icon {
  margin-right: 12px;
  color: var(--text-primary);
  height: auto;
  width: auto;
}
.mobile-header-dropdown .msi-icon > i > svg {
  height: 32px;
  width: 32px;
}
.mobile-header-dropdown .mobile-header-dropdown-back-button .item-content {
  font-weight: 700;
  font-size: 16px;
}
.mobile-header-dropdown .mobile-header-dropdown-back-button .item-content .msi-icon {
  padding: 0;
}
.mobile-header-dropdown .mobile-header-dropdown-back-button .item-content .msi-icon svg {
  height: 24px;
  width: 24px;
}

.mobile-header-dropdown-item {
  width: 100%;
  display: flex;
  color: inherit;
  align-items: center;
}
.mobile-header-dropdown-item .msi-common-header-plugin,
.mobile-header-dropdown-item .msi-application-switcher {
  width: 100%;
}
.mobile-header-dropdown-item .msi-common-header-plugin .msi-common-header-plugin-label,
.mobile-header-dropdown-item .msi-application-switcher .msi-common-header-plugin-label {
  display: block;
  text-wrap: none;
  text-overflow: ellipsis;
}
.mobile-header-dropdown-item .msi-common-header-plugin .msi-common-header-clock,
.mobile-header-dropdown-item .msi-common-header-plugin .msi-common-header-plugin-content,
.mobile-header-dropdown-item .msi-application-switcher .msi-common-header-clock,
.mobile-header-dropdown-item .msi-application-switcher .msi-common-header-plugin-content {
  align-items: center;
  display: flex;
  height: 100%;
}
.mobile-header-dropdown-item .agency-icon {
  margin-top: 0;
}
.mobile-header-dropdown-item > *,
.mobile-header-dropdown-item .msi-session-manager,
.mobile-header-dropdown-item .msi-session-manager-inner-container,
.mobile-header-dropdown-item .msi-session-manager-container,
.mobile-header-dropdown-item .switcher-row.msi-application-switcher-row,
.mobile-header-dropdown-item .switcher-row.msi-application-switcher-row > a {
  width: 100%;
  margin: 0;
  height: auto;
  line-height: normal;
}
.mobile-header-dropdown-item .msi-session-manager-content {
  margin: 0;
}
.mobile-header-dropdown-item .msi-session-manager-content > msi-icon.arrow {
  display: none;
}
.mobile-header-dropdown-item .msi-session-manager-content > .username {
  font-size: 18px;
  font-weight: normal;
  margin: 0;
}
.mobile-header-dropdown-item .service-icon.switcher-icon {
  width: 100%;
  display: flex;
  height: auto;
  justify-content: flex-start;
  align-items: center;
  font-size: 18px;
}
.mobile-header-dropdown-item .service-icon.switcher-icon > .msi-common-icon-invert {
  height: 32px;
  width: 32px;
  margin: 0 12px 0 0;
}
.mobile-header-dropdown-item .service-icon.switcher-icon > .switcher-badge {
  overflow: hidden;
  color: transparent;
  right: auto;
  top: 0;
  left: 24px;
  height: 14px;
  width: 14px;
  border-radius: 50%;
}
.mobile-header-dropdown-item .avatar.msi-avatar {
  margin: 0 12px 0 0;
}
.mobile-header-dropdown-item-right-arrow {
  margin-right: 0 !important;
}
.mobile-header-dropdown-item-right-arrow > i {
  margin: 0;
}

.msi-icon {
  position: relative;
  box-sizing: content-box;
  display: inline-flex;
  width: 24px;
  min-width: 0;
  height: 24px;
  min-height: 0;
  line-height: 0;
  color: var(--icon-primary);
}
.msi-icon i {
  display: flex;
  margin: auto;
  width: inherit;
  height: inherit;
}
.msi-icon svg {
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.msi-form-ctrl,
.msi-input,
.msi-textarea,
.msi-select {
  z-index: 1;
  min-width: 40px;
  height: 34px;
  padding: 8px;
  margin: 0;
  font-family: "Roboto", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
  font-size: 0.875rem;
  color: var(--text-primary);
  background: var(--background-input);
  border: 1px var(--input-border-color) solid;
  border-radius: 2px;
  transition: background-color 100ms, background 100ms, color 100ms, opacity 100ms;
  box-sizing: border-box;
  appearance: none;
}
.msi-form-ctrl::placeholder,
.msi-input::placeholder,
.msi-textarea::placeholder,
.msi-select::placeholder {
  color: var(--primary-60);
}

.msi-form-ctrl:not([disabled]):not([readonly]).error,
.msi-input:not([disabled]):not([readonly]).error,
.msi-textarea:not([disabled]):not([readonly]).error,
.msi-select:not([disabled]):not([readonly]).error {
  border-color: #d0021b;
}
.error.msi-form-ctrl:active:not([disabled]):not([readonly]),
.error.msi-input:active:not([disabled]):not([readonly]),
.error.msi-textarea:active:not([disabled]):not([readonly]),
.error.msi-select:active:not([disabled]):not([readonly]), .error.msi-form-ctrl:focus:not([disabled]):not([readonly]),
.error.msi-input:focus:not([disabled]):not([readonly]),
.error.msi-textarea:focus:not([disabled]):not([readonly]),
.error.msi-select:focus:not([disabled]):not([readonly]) {
  border-color: #d0021b;
}

.msi-form-ctrl:not([disabled]):not([readonly]).error + .error-message,
.msi-input:not([disabled]):not([readonly]).error + .error-message,
.msi-textarea:not([disabled]):not([readonly]).error + .error-message,
.msi-select:not([disabled]):not([readonly]).error + .error-message {
  position: relative;
  display: block;
  margin: 4px 0 0;
  padding-bottom: 4px;
  font-size: 0.75rem;
  color: var(--text-secondary);
  white-space: normal;
}

.msi-form-ctrl:focus,
.msi-input:focus,
.msi-textarea:focus,
.msi-select:focus {
  outline: 0;
}
@media (-ms-high-contrast: white-on-black) {
  .msi-form-ctrl:focus,
  .msi-input:focus,
  .msi-textarea:focus,
  .msi-select:focus {
    outline: 2px solid white;
    outline-offset: 2px;
  }
}
@media (-ms-high-contrast: black-on-white) {
  .msi-form-ctrl:focus,
  .msi-input:focus,
  .msi-textarea:focus,
  .msi-select:focus {
    outline: 2px solid black;
    outline-offset: 2px;
  }
}
.msi-form-ctrl:not([disabled]):not([readonly]),
.msi-input:not([disabled]):not([readonly]),
.msi-textarea:not([disabled]):not([readonly]),
.msi-select:not([disabled]):not([readonly]) {
  transition: background-color 100ms, background 100ms, color 100ms;
}
.msi-form-ctrl:not([disabled]):not([readonly]):hover,
.msi-input:not([disabled]):not([readonly]):hover,
.msi-textarea:not([disabled]):not([readonly]):hover,
.msi-select:not([disabled]):not([readonly]):hover {
  background: var(--input-hover);
}
.msi-form-ctrl:not([disabled]):not([readonly]).ng-invalid.ng-touched.ng-dirty,
.msi-input:not([disabled]):not([readonly]).ng-invalid.ng-touched.ng-dirty,
.msi-textarea:not([disabled]):not([readonly]).ng-invalid.ng-touched.ng-dirty,
.msi-select:not([disabled]):not([readonly]).ng-invalid.ng-touched.ng-dirty, .msi-form-ctrl:not([disabled]):not([readonly]).msi-error,
.msi-input:not([disabled]):not([readonly]).msi-error,
.msi-textarea:not([disabled]):not([readonly]).msi-error,
.msi-select:not([disabled]):not([readonly]).msi-error {
  border-color: #d0021b;
}
.msi-form-ctrl:not([disabled]):not([readonly]):active,
.msi-input:not([disabled]):not([readonly]):active,
.msi-textarea:not([disabled]):not([readonly]):active,
.msi-select:not([disabled]):not([readonly]):active, .msi-form-ctrl:not([disabled]):not([readonly]):focus,
.msi-input:not([disabled]):not([readonly]):focus,
.msi-textarea:not([disabled]):not([readonly]):focus,
.msi-select:not([disabled]):not([readonly]):focus, .msi-form-ctrl:not([disabled]):not([readonly]).active,
.msi-input:not([disabled]):not([readonly]).active,
.msi-textarea:not([disabled]):not([readonly]).active,
.msi-select:not([disabled]):not([readonly]).active {
  z-index: 10;
  border-color: #007aaa;
  outline: none;
}
[disabled].msi-form-ctrl,
[disabled].msi-input,
[disabled].msi-textarea,
[disabled].msi-select {
  cursor: not-allowed;
  opacity: 0.4;
  transition: opacity 100ms;
}
.msi-form-ctrl + .error-message,
.msi-input + .error-message,
.msi-textarea + .error-message,
.msi-select + .error-message {
  display: none;
}
[readonly].msi-form-ctrl,
[readonly].msi-input,
[readonly].msi-textarea,
[readonly].msi-select, .msi-input-readonly.msi-form-ctrl,
.msi-input-readonly.msi-input,
.msi-input-readonly.msi-textarea,
.msi-input-readonly.msi-select {
  cursor: default;
  background: var(--input-background-read);
  border: 0;
}

.msi-textarea {
  min-height: 90px;
  padding: 8px;
}

.msi-error-wrapper {
  position: relative;
  display: grid;
  margin-bottom: 12px;
}

.msi-input-group {
  display: flex;
  min-height: 34px;
}
.msi-input-group * {
  font-family: "Roboto", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
  font-size: 0.875rem;
}
.msi-input-group .msi-input.prefix-exists {
  position: relative;
  left: -1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.msi-input-group .msi-input.msi-input.extra-padding {
  padding-right: 28px;
}
.msi-input-group .msi-input-button {
  position: relative;
  z-index: 10;
  margin-top: 4px;
}
.msi-input-group .msi-input-button .msi-input-suffix {
  position: absolute;
  right: 6px;
  bottom: 8px;
  width: 18px;
  height: 18px;
  padding: 0;
  cursor: pointer;
  background-color: transparent;
  border: 0;
}
.msi-input-group .msi-input-button .msi-input-suffix.suffix-in-textarea {
  bottom: 6px;
  left: -28px;
  padding: 3px;
}
.msi-input-group .msi-input-button .msi-icon {
  padding: 3px;
  border-radius: 50%;
  bottom: 5px;
  right: 3px;
}
.msi-input-group .msi-input-button .msi-icon:hover:not([disabled]) {
  background: var(--primary-10);
}
.msi-input-group .msi-input-button .msi-icon:focus, .msi-input-group .msi-input-button .msi-icon:active {
  outline: none;
  background: var(--primary-10);
}
.msi-input-group .msi-input-button .msi-icon:focus.msi-btn-icon::before, .msi-input-group .msi-input-button .msi-icon:active.msi-btn-icon::before {
  border-radius: 50%;
}
.msi-input-group .msi-input-button .msi-icon:not([name=ic_remove]):focus::before, .msi-input-group .msi-input-button .msi-icon:not([name=ic_remove]):active::before {
  position: absolute;
  top: -2px;
  right: -2px;
  bottom: -2px;
  left: -2px;
  content: "";
  border: 2px solid var(--button-enabled);
  border-radius: 50%;
  transition: border-color 100ms;
}
.msi-input-group .msi-input-button .msi-icon-disabled {
  background: var(--primary-10);
}
.msi-input-group .msi-input-button .msi-icon[disabled] {
  cursor: default;
  opacity: 0.4;
}
.msi-input-group .msi-input-button .msi-icon[disabled]:focus, .msi-input-group .msi-input-button .msi-icon[disabled]:active {
  outline: none;
  background: none;
}
.msi-input-group .msi-input-button .msi-icon[disabled]:focus::before, .msi-input-group .msi-input-button .msi-icon[disabled]:active::before {
  border: none;
}
.msi-input-group .msi-input-button:focus, .msi-input-group .msi-input-button:active {
  outline: none;
}

.msi-input-label {
  display: flex;
  padding-bottom: 4px;
  font-size: 0.75rem;
  font-weight: bold;
  color: var(--text-primary);
}

textarea.msi-input {
  height: 60px;
  padding: 8px;
}

.msi-select {
  min-width: auto;
  height: 34px;
  margin: 0;
  border: 1px solid var(--input-border-color);
}
.msi-select.radius-right-none {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.msi-select:focus {
  z-index: 9;
}

.msi-input-error {
  margin: 4px 0 0;
  padding-bottom: 4px;
  font-size: 0.75rem;
  color: var(--error);
}

msi-input-group:has(.msi-input-error) .msi-icon[name=ic_asterisk] {
  color: var(--error);
}

.textarea-container {
  width: fit-content;
  height: fit-content;
  min-height: 26px;
  padding: 0 35px 0 0;
  overflow: hidden;
  line-height: 14px;
}
.textarea-container * {
  height: 30px;
  min-height: 18px;
  padding: 8px 14px 8px 8px;
  margin-bottom: -2px;
  overflow: hidden;
  color: var(--text-primary);
  resize: none;
  background-color: transparent;
  border: 0;
}
.textarea-container *:focus, .textarea-container *:active {
  outline: none;
}
.textarea-container *::-webkit-scrollbar {
  z-index: 10;
  cursor: default;
}

.msi-input-group-textarea.active {
  border-color: #007aaa;
}
.msi-input-group-textarea.priority-high {
  background-color: rgba(208, 2, 27, 0.2);
  border-color: #d0021b !important;
}
.msi-input-group-textarea.priority-high:focus {
  border-color: #d0021b !important;
}

.msi-input-suffix-priority {
  color: var(--text-selected) !important;
  background-color: #d0021b !important;
  border-radius: 15px;
}

.msi-chars-counter-container {
  width: 100%;
  height: auto;
  padding: 0;
}
.msi-chars-counter-container .msi-textarea-chars-counter {
  display: block;
  width: 100%;
  height: auto;
  min-height: 34px;
  padding: 8px 8px 0;
  overflow: auto;
  overflow-x: hidden;
  resize: none;
  background: none;
  border: 0;
  outline: 0;
}
.msi-chars-counter-container .msi-textarea-chars-counter:not([disabled]):not([readonly]):hover, .msi-chars-counter-container .msi-textarea-chars-counter:not([disabled]):not([readonly]):hover, .msi-chars-counter-container .msi-textarea-chars-counter:hover, .msi-chars-counter-container .msi-textarea-chars-counter:focus {
  background: none;
  border: 0;
  outline: 0;
}
.msi-chars-counter-container .msi-counter {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  height: 20px;
  padding-right: 8px;
  color: #4a4a4a;
  border-top: 1px solid transparent;
}
.msi-chars-counter-container .msi-counter.scroll-bottom {
  border-top: 1px solid #4a4a4a;
}
.msi-chars-counter-container .msi-counter.close-to-max {
  color: var(--text-primary);
}
.msi-chars-counter-container .msi-counter .length-over-max {
  color: #d0021b;
}

/* Default padding Values
By default, the core TreeView allows for 3 levels of nesting.
This is a recommended maximum depth based on UX best-practices.
Since the native component doesn't have access to ContentChildren,
more than 3 levels must be enabled through the specifying of a max number of nested levels 
by modifying $max-level-of-nesting variable
@use '@msi/cobalt/assets/styles/components/item' with (
  $max-level-of-nesting: 30
); */
.msi-item > .msi-collapsable .msi-item-wrapper {
  padding-left: 18px;
}

.msi-item > .msi-collapsable .msi-collapsable .msi-item-wrapper {
  padding-left: 36px;
}

.msi-item > .msi-collapsable .msi-collapsable .msi-collapsable .msi-item-wrapper {
  padding-left: 54px;
}

.msi-item.selected > .msi-item-wrapper {
  color: var(--item-selection-text-color);
}
.msi-item.selected > .msi-item-wrapper:not(:hover):not(.hover) {
  background-color: var(--item-focus-color);
}
.msi-item.selected > .msi-item-wrapper:not(.disabled):hover, .msi-item.selected > .msi-item-wrapper:not(.disabled).hover {
  background-color: var(--item-hover-color);
}
.msi-item.selected > .msi-item-wrapper:not(.disabled):hover::before, .msi-item.selected > .msi-item-wrapper:not(.disabled).hover::before {
  border-color: var(--item-hover-color);
}
.msi-item.selected > .msi-item-wrapper:not(.disabled)::before {
  border-color: var(--item-focus-color);
}
@media (-ms-high-contrast: white-on-black) {
  .msi-item.selected > .msi-item-wrapper {
    color: white;
    background-color: black;
  }
  .msi-item.selected > .msi-item-wrapper:not(.disabled):active, .msi-item.selected > .msi-item-wrapper:not(.disabled):active:hover, .msi-item.selected > .msi-item-wrapper:not(.disabled):active.hover, .msi-item.selected > .msi-item-wrapper:not(.disabled).active, .msi-item.selected > .msi-item-wrapper:not(.disabled).active:hover, .msi-item.selected > .msi-item-wrapper:not(.disabled).active.hover {
    background-color: #c0c0c0;
  }
  .msi-item.selected > .msi-item-wrapper:not(.disabled):active::before, .msi-item.selected > .msi-item-wrapper:not(.disabled):active:hover::before, .msi-item.selected > .msi-item-wrapper:not(.disabled):active.hover::before, .msi-item.selected > .msi-item-wrapper:not(.disabled).active::before, .msi-item.selected > .msi-item-wrapper:not(.disabled).active:hover::before, .msi-item.selected > .msi-item-wrapper:not(.disabled).active.hover::before {
    border-color: white;
  }
  .msi-item.selected > .msi-item-wrapper:not(.disabled):focus::before, .msi-item.selected > .msi-item-wrapper:not(.disabled).focus::before {
    border: 2px solid white;
  }
}
@media (-ms-high-contrast: black-on-white) {
  .msi-item.selected > .msi-item-wrapper {
    color: black;
    background-color: white;
  }
  .msi-item.selected > .msi-item-wrapper:not(.disabled):active, .msi-item.selected > .msi-item-wrapper:not(.disabled):active:hover, .msi-item.selected > .msi-item-wrapper:not(.disabled):active.hover, .msi-item.selected > .msi-item-wrapper:not(.disabled).active, .msi-item.selected > .msi-item-wrapper:not(.disabled).active:hover, .msi-item.selected > .msi-item-wrapper:not(.disabled).active.hover {
    background-color: #404040;
  }
  .msi-item.selected > .msi-item-wrapper:not(.disabled):active::before, .msi-item.selected > .msi-item-wrapper:not(.disabled):active:hover::before, .msi-item.selected > .msi-item-wrapper:not(.disabled):active.hover::before, .msi-item.selected > .msi-item-wrapper:not(.disabled).active::before, .msi-item.selected > .msi-item-wrapper:not(.disabled).active:hover::before, .msi-item.selected > .msi-item-wrapper:not(.disabled).active.hover::before {
    border-color: black;
  }
  .msi-item.selected > .msi-item-wrapper:not(.disabled):focus::before, .msi-item.selected > .msi-item-wrapper:not(.disabled).focus::before {
    border: 2px solid black;
  }
}

.msi-item-wrapper {
  --item-focus-color: var(--item-selection-primary);
  --item-hover-color: var(--item-selection-hover);
  --item-selection-text-color: #fff;
  position: relative;
  display: grid;
  width: 100%;
  min-width: 100%;
  height: fit-content;
  min-height: 44px;
  margin-bottom: 1px;
  color: var(--text-primary);
  cursor: pointer;
  border: 3px solid transparent;
  grid-template-columns: 33px 1fr;
  grid-template-areas: "icon content";
}
.msi-item-wrapper.disabled {
  cursor: not-allowed;
  opacity: 0.4;
}
.msi-item-wrapper.msi-item-title {
  font-size: 0.75rem;
  font-weight: 700;
  color: var(--text-secondary);
  text-transform: uppercase;
  cursor: default;
  opacity: 1;
}
.msi-item-wrapper.multiple-lines {
  padding: 9px 0;
  grid-template-columns: 33px 1fr;
  line-height: 18px;
}
.msi-item-wrapper.multiple-lines .item-content {
  align-items: start;
  flex-direction: column;
}
.msi-item-wrapper.icon-left .msi-icon {
  padding: 0 6px 0 0;
}
.msi-item-wrapper.icon-right .item-content {
  justify-content: space-between;
}
.msi-item-wrapper.icon-right .item-content .msi-icon {
  padding-right: 6px;
}
.msi-item-wrapper.small-indent {
  grid-template-columns: 9px 1fr;
}
.msi-item-wrapper:focus {
  outline: none;
}
.msi-item-wrapper:not(.disabled):not(.msi-item-title):hover, .msi-item-wrapper:not(.disabled):not(.msi-item-title):focus-visible {
  background-color: var(--hover);
}
.msi-item-wrapper:not(.disabled):not(.msi-item-title):focus-visible {
  background-clip: padding-box;
}
.msi-item-wrapper:not(.disabled):not(.msi-item-title):focus-visible::before {
  position: absolute;
  top: -3px;
  right: -3px;
  bottom: -3px;
  left: -3px;
  content: "";
  border: 2px solid var(--item-selection-primary);
}
.msi-item-wrapper:not(.disabled):not(.msi-item-title):hover, .msi-item-wrapper:not(.disabled):not(.msi-item-title):focus, .msi-item-wrapper:not(.disabled):not(.msi-item-title).hover {
  background-color: var(--hover);
}
.msi-item-wrapper:not(.disabled):not(.msi-item-title):active, .msi-item-wrapper:not(.disabled):not(.msi-item-title).active {
  color: var(--item-selection-text-color);
  background-color: var(--item-focus-color);
}
.msi-item-wrapper:not(.disabled):not(.msi-item-title):active:hover, .msi-item-wrapper:not(.disabled):not(.msi-item-title):active.hover, .msi-item-wrapper:not(.disabled):not(.msi-item-title).active:hover, .msi-item-wrapper:not(.disabled):not(.msi-item-title).active.hover {
  background-color: var(--item-hover-color);
}
.msi-item-wrapper:not(.disabled):not(.msi-item-title):active:hover::before, .msi-item-wrapper:not(.disabled):not(.msi-item-title):active.hover::before, .msi-item-wrapper:not(.disabled):not(.msi-item-title).active:hover::before, .msi-item-wrapper:not(.disabled):not(.msi-item-title).active.hover::before {
  border-color: var(--item-hover-color);
}
.msi-item-wrapper:not(.disabled):not(.msi-item-title):active .msi-checkbox-label,
.msi-item-wrapper:not(.disabled):not(.msi-item-title):active .msi-icon, .msi-item-wrapper:not(.disabled):not(.msi-item-title).active .msi-checkbox-label,
.msi-item-wrapper:not(.disabled):not(.msi-item-title).active .msi-icon {
  color: var(--item-selection-text-color);
}
@media (-ms-high-contrast: white-on-black) {
  .msi-item-wrapper {
    color: white;
    -ms-high-contrast-adjust: none;
  }
  .msi-item-wrapper:not(.disabled):active:hover, .msi-item-wrapper:not(.disabled):active.hover, .msi-item-wrapper:not(.disabled).active:hover, .msi-item-wrapper:not(.disabled).active.hover {
    color: black;
    background-color: white;
  }
  .msi-item-wrapper:not(.disabled):active:hover::before, .msi-item-wrapper:not(.disabled):active.hover::before, .msi-item-wrapper:not(.disabled).active:hover::before, .msi-item-wrapper:not(.disabled).active.hover::before {
    border-color: white;
  }
  .msi-item-wrapper:not(.disabled):focus, .msi-item-wrapper:not(.disabled).focus {
    color: white;
    background-color: black;
  }
  .msi-item-wrapper:not(.disabled):hover, .msi-item-wrapper:not(.disabled).hover {
    color: black;
    background-color: #808080;
  }
  .msi-item-wrapper:not(.disabled):focus::before, .msi-item-wrapper:not(.disabled).focus::before {
    border-color: white;
  }
}
@media (-ms-high-contrast: black-on-white) {
  .msi-item-wrapper {
    color: black;
    -ms-high-contrast-adjust: none;
  }
  .msi-item-wrapper:not(.disabled):active:hover, .msi-item-wrapper:not(.disabled):active.hover, .msi-item-wrapper:not(.disabled).active:hover, .msi-item-wrapper:not(.disabled).active.hover {
    color: white;
    background-color: black;
  }
  .msi-item-wrapper:not(.disabled):active:hover::before, .msi-item-wrapper:not(.disabled):active.hover::before, .msi-item-wrapper:not(.disabled).active:hover::before, .msi-item-wrapper:not(.disabled).active.hover::before {
    border-color: black;
  }
  .msi-item-wrapper:not(.disabled):focus, .msi-item-wrapper:not(.disabled).focus {
    color: black;
    background-color: white;
  }
  .msi-item-wrapper:not(.disabled):hover, .msi-item-wrapper:not(.disabled).hover {
    color: white;
    background-color: #808080;
  }
  .msi-item-wrapper:not(.disabled):focus::before, .msi-item-wrapper:not(.disabled).focus::before {
    border-color: black;
  }
}
.msi-item-wrapper .item-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  grid-area: icon;
}
.msi-item-wrapper .item-icon .msi-icon {
  padding: 12px 10px;
  transition: transform 300ms;
}
.msi-item-wrapper .item-icon .msi-icon.opened {
  transform: rotate(90deg);
}
.msi-item-wrapper .item-content {
  display: flex;
  align-items: center;
  grid-area: content;
  z-index: 10;
}
.msi-item-wrapper .item-content .msi-checkbox {
  width: 100%;
}
.msi-item-wrapper .item-content .msi-checkbox .msi-checkbox-label {
  width: 100%;
  padding-left: 0;
}

/* Light variant */
.msi-sidenav-light msi-item.msi-item.selected > .msi-item-wrapper,
.msi-treeview-light msi-item.msi-item.selected > .msi-item-wrapper {
  color: #000;
}
.msi-sidenav-light msi-item.msi-item .msi-item-wrapper,
.msi-treeview-light msi-item.msi-item .msi-item-wrapper {
  color: rgba(0, 0, 0, 0.9);
}
.msi-sidenav-light msi-item.msi-item .msi-item-wrapper .msi-icon,
.msi-treeview-light msi-item.msi-item .msi-item-wrapper .msi-icon {
  color: rgba(0, 0, 0, 0.9);
}

.msi-collapsable {
  overflow: hidden;
  transition: all 300ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transform: translateY(0);
}

.msi-link {
  color: var(--text-link);
  font-weight: 500;
  text-decoration: underline;
}
.msi-link:focus {
  outline-offset: 1px;
}
.msi-link:hover, .msi-link:active, .msi-link.msi-link-active {
  color: var(--text-primary);
}
.msi-link.msi-link-disabled, .msi-link[disabled] {
  cursor: not-allowed;
  opacity: 0.4;
}
.msi-link.msi-link-disabled:active, .msi-link.msi-link-disabled:hover, .msi-link[disabled]:active, .msi-link[disabled]:hover {
  color: var(--text-link);
}
.msi-link:hover:visited, .msi-link:focus:visited, .msi-link:active:visited, .msi-link.msi-link-active:visited {
  color: var(--text-link);
}
.msi-link:visited, .msi-link.visited {
  color: var(--text-link);
}
.msi-link.distinct-state:visited, .msi-link.distinct-state.visited {
  color: var(--text-link-clicked);
}
.msi-link.distinct-state:hover:visited, .msi-link.distinct-state:focus:visited, .msi-link.distinct-state:active:visited, .msi-link.distinct-state.msi-link-active:visited {
  color: var(--text-link-clicked);
}

.msi-list {
  max-width: 192px;
  padding: 12px;
  margin: 0;
}
.msi-list ul {
  padding-left: 9px;
  list-style-type: none;
}
.msi-list ol {
  padding-left: 16px;
}
.msi-list.unstyled ul,
.msi-list.unstyled ol {
  padding-left: 9px;
  margin-top: 10px;
}
.msi-list.unstyled ol {
  list-style-type: none;
}
.msi-list.unstyled li {
  padding: 0;
  margin-bottom: 10px;
}
.msi-list.unstyled li::before {
  display: none;
}

ul.msi-list {
  padding: 12px;
  list-style-type: none;
}
ul.msi-list li {
  position: relative;
  padding-left: 10px;
}
ul.msi-list li::before {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 1rem;
  content: "•";
}
ul.msi-list ul li {
  position: relative;
  padding-left: 0;
}
ul.msi-list ul li::before {
  left: -10px;
  font-size: 0.75rem;
  content: "○";
}

ol.msi-list {
  padding-left: 30px;
}
ol.msi-list.unstyled {
  padding-left: 12px;
  list-style-type: none;
}
ol.msi-list ul {
  padding-left: 0;
}
ol.msi-list ul > li {
  position: relative;
  padding-left: 10px;
}
ol.msi-list ul > li::before {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 0.75rem;
  content: "○";
}

.msi-list-builder .list-builder-container {
  height: 100%;
  width: 100%;
  padding: 24px;
  justify-content: space-between;
}
.msi-list-builder .items-container {
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  background-color: var(--background-level-3);
  border: 1px solid var(--stroke-level-1);
  border-radius: 4px;
  box-shadow: var(--shadow-level-2);
}
.msi-list-builder .items-header {
  padding: 12px 12px 0 12px;
}
.msi-list-builder h3 {
  font-weight: 600;
  font-size: 24px;
  line-height: 28px;
  margin: 0 0 4px;
}
.msi-list-builder .items-description {
  margin-bottom: 6px;
}
.msi-list-builder .search-box-container {
  padding: 6px 0 12px 0;
  width: 100%;
}
.msi-list-builder .search-field-container {
  width: 100%;
  min-width: 67px;
  margin-bottom: 12px;
}
.msi-list-builder .msi-input {
  width: 100%;
  padding-right: 28px;
}
.msi-list-builder .num-search-results {
  min-width: 85px;
  margin-top: 6px;
  margin-left: 8px;
}
.msi-list-builder .item-list {
  height: 100%;
  width: 100%;
  min-height: 0;
}
.msi-list-builder .msi-table {
  display: block;
  flex: 1 1;
  background-color: var(--background-level-3);
}
.msi-list-builder .disabled {
  opacity: 0.4;
  cursor: not-allowed !important;
}
.msi-list-builder .list-empty-state {
  margin: auto;
  text-align: center;
  max-width: 75%;
}
.msi-list-builder .num-items-selected {
  border-top: 1px solid var(--stroke-level-2);
  height: 42px;
  padding: 10px;
}
.msi-list-builder .move-controls-inner-container {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.msi-list-builder .item-move-btn-container {
  margin: 18px;
}
.msi-list-builder .item-move-btn {
  width: 48px;
  height: 34px;
}

.msi-modal-host {
  display: block;
  width: 100%;
  height: 100%;
  min-height: inherit;
  max-height: inherit;
  margin: 24px 0;
}

.msi-modal {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  height: inherit;
  overflow: auto;
  color: var(--text-primary);
  background-color: var(--modal-background);
  border: 1px solid var(--stroke-level-1);
  border-radius: 5px;
  outline: 0;
  box-shadow: var(--shadow-level-2);
}

.msi-modal-header {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  height: 48px;
  padding: 12px 18px;
  font-weight: 700;
  border-bottom: 1px solid var(--stroke-level-1);
}
.msi-modal-header > .msi-icon:not([name=ic_remove]) {
  margin-right: 4px;
}
.msi-modal-header > button:has(.msi-icon[name=ic_remove]),
.msi-modal-header > .msi-icon[name=ic_remove] {
  margin-left: auto;
}

.msi-modal-content {
  display: block;
  flex: 1;
  max-height: 65vh;
  padding: 18px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.msi-modal-content .msi-table th.cdk-drag-placeholder,
.msi-modal-content .msi-th.cdk-drag-placeholder {
  opacity: 1 !important;
}

.msi-modal-scrollable .msi-modal-actions {
  border-top: 1px solid var(--stroke-level-1);
}

.msi-modal-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 18px;
}
.msi-modal-actions[align=end] {
  justify-content: flex-end;
}
.msi-modal-actions[align=center] {
  justify-content: center;
}
.msi-modal-actions button + button {
  margin-left: 6px;
}

.msi-content-modal {
  position: relative;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  width: 70vw;
  height: 70vh;
  overflow: visible;
  color: var(--text-primary);
  box-shadow: var(--shadow-level-2);
}
.msi-content-modal-host {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100vw;
  height: 100vh;
  min-height: inherit;
  max-height: inherit;
}
.msi-content-modal-scrollable .msi-content-modal-actions {
  border-top: 1px solid var(--stroke-level-1);
}
.msi-content-modal-box {
  display: flex;
  width: 100%;
  overflow: hidden;
}
.msi-content-modal-item {
  width: 100%;
  height: 100%;
  padding: 12px;
  overflow: hidden;
  color: var(--text-primary);
  background-color: var(--modal-background);
  border-radius: 4px;
  transition-duration: 100ms;
  transition-property: width, margin, padding;
}
.msi-content-modal-backdrop {
  background-color: rgba(0, 0, 0, 0.8);
}
.msi-content-modal-arrow {
  position: absolute;
  top: 50%;
  cursor: pointer;
  transform: translateX(-50%);
}
.msi-content-modal-arrow--right {
  right: -55px;
  transform: rotate(90deg);
}
.msi-content-modal-arrow--left {
  left: -55px;
  transform: rotate(-90deg);
}
.msi-content-modal-panel {
  display: block;
  order: 0;
  width: 0;
  overflow: hidden;
  background-color: var(--modal-background);
  border-radius: 4px;
  transition-duration: 100ms;
  transition-property: width, margin, padding;
}
.msi-content-modal-panel--opened {
  width: 343px;
  padding: 12px;
  overflow-y: auto;
}
.msi-content-modal-panel--opened:not(.msi-content-modal-panel--right) {
  margin-right: 12px;
}
.msi-content-modal-panel--opened.msi-content-modal-panel--right {
  margin-left: 12px;
}
.msi-content-modal-panel--right {
  order: 1;
}
.msi-content-modal-close {
  position: fixed;
  top: 10px;
  right: 35px;
  cursor: pointer;
}
.msi-content-modal-title {
  overflow: hidden;
  font-size: 32px;
  color: #fff;
  text-overflow: ellipsis;
}
.msi-content-modal-button {
  margin: 0 6px 6px;
}
.msi-content-modal-button :last-child {
  margin-right: 0;
}
.msi-content-modal-button:not(.msi-btn-icon--active) .msi-icon {
  color: #fff;
}
.msi-content-modal-header {
  position: absolute;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  transform: translateY(-100%);
}
.msi-content-modal-header .msi-content-modal-button {
  display: inline-flex;
}

.msi-content-viewer {
  position: relative;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 100%;
  min-height: 150px;
  overflow: hidden;
}
.msi-content-viewer-arrow {
  position: absolute;
  top: 50%;
  cursor: pointer;
  transform: translateX(-50%);
}
.msi-content-viewer-arrow--right {
  right: -55px;
  transform: rotate(90deg);
}
.msi-content-viewer-arrow--left {
  left: -55px;
  transform: rotate(-90deg);
}
.msi-content-viewer-content {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-width: 70%;
  overflow: hidden;
}
.msi-content-viewer-content-default, .msi-content-viewer-content-custom {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.msi-content-viewer-content-custom:empty {
  display: none;
}
.msi-content-viewer-content-spinner {
  position: absolute;
}
.msi-content-viewer-image {
  max-width: 100%;
  max-height: 100%;
  -webkit-user-select: none;
          user-select: none;
  object-fit: contain;
}
.msi-content-viewer-error {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.msi-content-viewer-error span {
  display: flex;
  align-content: center;
  justify-content: center;
  line-height: 24px;
}
.msi-content-viewer-error .msi-icon {
  margin-right: 8px;
}
.msi-content-viewer-error .msi-btn {
  margin-top: 15px;
}

.msi-pop-up-modal {
  display: flex;
  flex-direction: column;
  width: 100%;
  overflow: visible;
  color: var(--text-primary);
  pointer-events: all;
  margin-top: 24px;
}
.msi-pop-up-modal .msi-table th.cdk-drag-placeholder,
.msi-pop-up-modal .msi-th.cdk-drag-placeholder {
  opacity: 1 !important;
}
.msi-pop-up-modal-panel {
  pointer-events: none !important;
}
.msi-pop-up-modal-host {
  width: 100vw;
  height: 100vh;
}
.msi-pop-up-modal-host-container {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  height: 100%;
}
.msi-pop-up-modal-host-container--left.container {
  flex-direction: row-reverse;
  margin-left: 0;
}
.msi-pop-up-modal-host-container--right.container {
  margin-right: 0;
}
.msi-pop-up-modal-wrapper.fullscreen {
  position: unset;
}
.fullscreen .msi-pop-up-modal-box {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99999;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  pointer-events: all;
  background-color: var(--msi-ui-primary-dark-80);
}
.fullscreen .msi-pop-up-modal {
  display: flex;
  height: 80%;
  margin: auto;
}
.msi-pop-up-modal-header {
  display: flex;
  align-items: center;
  padding: 0;
  padding-right: 5px;
  color: var(--msi-ui-primary-light);
  cursor: pointer;
  background: var(--msi-ui-neutral-deep);
  border: 1px solid var(--msi-ui-primary-dark-10);
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  box-shadow: var(--shadow-level-1);
}
.msi-pop-up-modal-header-title {
  flex: 1;
  padding: 4px 0 0 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.msi-pop-up-modal-header-buttons {
  display: flex;
}
.msi-pop-up-modal-header-buttons .msi-btn {
  box-sizing: content-box;
  display: block;
  padding: 4px 10px;
  margin: 2px;
}
.msi-pop-up-modal-header-buttons .msi-btn .msi-icon {
  margin: 0;
}
.msi-pop-up-modal-content {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 12px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  background: var(--modal-background);
  border: 1px solid var(--msi-ui-primary-dark-10);
  box-shadow: var(--shadow-level-1);
}
.fullscreen .msi-pop-up-modal-content {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.minimized .msi-pop-up-modal-content {
  overflow: hidden;
}
.minimized .msi-pop-up-modal-content:not(.ng-animating) {
  display: none;
}

@media (max-width: 780px) {
  .msi-pop-up-modal-wrapper {
    max-width: 100% !important;
  }
}

.msi-progress-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.msi-progress-bar .msi-progress {
  width: 100%;
  height: 3px;
  background-color: var(--primary-20);
}
.msi-progress-bar .msi-progress-bar {
  height: 3px;
  background-color: var(--focus-primary);
  transition: all 300ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
.msi-progress-bar .msi-progress-label {
  display: none;
  justify-content: flex-end;
  min-width: 26px;
  margin-left: 6px;
  font-size: 0.75rem;
  color: var(--text-primary);
}
.msi-progress-bar.labeled .msi-progress-label {
  display: flex;
}
.msi-progress-bar.embedded {
  margin-top: -3px;
}
.msi-progress-bar.embedded.labeled .msi-progress-label {
  display: none;
}

.msi-radio-button {
  display: flex;
}

.msi-radio-button-disabled .msi-radio-button-label {
  cursor: not-allowed;
  opacity: 0.4;
}

.msi-radio-button-checked .msi-icon,
.msi-radio-button:active:not(.msi-radio-button-disabled) .msi-icon {
  color: var(--focus-secondary);
}

.msi-radio-button-icon-wrapper {
  position: relative;
  line-height: 0;
}

.msi-radio-button:not(.msi-radio-button-disabled):hover .msi-radio-button-icon-wrapper::before, .msi-radio-button:not(.msi-radio-button-disabled).msi-radio-button-focused .msi-radio-button-icon-wrapper::before {
  position: absolute;
  top: -5px;
  right: -5px;
  bottom: -5px;
  left: -5px;
  content: "";
  background-color: var(--hover);
  border-radius: 50%;
}
.msi-radio-button:not(.msi-radio-button-disabled).msi-radio-button-focused .msi-radio-button-icon-wrapper::before {
  border: 2px solid var(--focus-primary);
}

.msi-radio-button-label {
  display: inline-flex;
  align-items: center;
  padding: 8px 12px;
  color: var(--text-primary);
  cursor: pointer;
}

.msi-radio-button-text {
  display: flex;
  margin-left: 12px;
}

.msi-radio-button-native {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  border: 0;
  outline: 0;
}

.msi-radio-group {
  display: flex;
  flex-direction: column;
}
.msi-radio-group .msi-radio-group-label {
  margin-bottom: 5px;
  color: var(--text-secondary);
}
.msi-radio-group.inline .msi-radio-wrapper {
  display: flex;
  flex-direction: row;
}

@-moz-document url-prefix() {
  * {
    scrollbar-width: thin;
    scrollbar-color: var(--neutral) transparent;
  }
}
* {
  --scrollbar-width: thin;
  --scrollbar-color: $scrollbar-fill transparent;
}

::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}
::-webkit-scrollbar:hover {
  background: var(--primary-10);
}
::-webkit-scrollbar:active {
  background: var(--primary-20);
}
::-webkit-scrollbar-thumb {
  background-color: var(--neutral);
  background-clip: padding-box;
  border: 4px solid rgba(0, 0, 0, 0);
  border-radius: 6px;
}
::-webkit-scrollbar-corner {
  background: transparent;
}

.msi-common-search {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  height: 100%;
  /* Chips in search */
}
.msi-common-search .left-content {
  display: flex;
  flex: 1 1 auto;
}
.msi-common-search .left-content form {
  display: flex;
  flex: 1;
}
.msi-common-search .right-controls {
  display: flex;
}
.msi-common-search .msi-common-header-custom-search {
  height: 100%;
  max-height: 115px;
  padding-top: 5px;
  overflow-y: auto;
}
.msi-common-search .msi-chips {
  background: none;
  border: 0;
  border-radius: 0;
}
.msi-common-search .msi-chips .new-chip-input,
.msi-common-search .msi-chips .msi-chip,
.msi-common-search .msi-chips .msi-tag-contents,
.msi-common-search .msi-chips .msi-tag-remove,
.msi-common-search .msi-chips .msi-tag > a {
  color: #fff !important;
  border-color: #fff;
}

.msi-common-header-close-button {
  width: 24px;
  height: 24px;
}

.msi-common-search-field-container {
  flex-grow: 1;
  overflow: hidden;
}

.msi-common-search-field {
  width: 100%;
  height: 34px;
  padding: 0 8px 0 2px;
  margin: 9px 0 0;
  font-family: "Roboto", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
  font-size: 16px;
  line-height: 18px;
  color: #fff;
  background-color: transparent;
  border: 0;
}
.msi-common-search-field:focus {
  outline: none;
}

.msi-common-search-plugins {
  display: flex;
  align-items: center;
  height: 100%;
}

.msi-search-result {
  display: flex;
  flex-direction: row;
  width: 100%;
  padding: 18px;
  font-size: 0.875rem;
  font-weight: 700;
}
.msi-search-result + .msi-search-result {
  border-top: 1px solid var(--stroke-level-1);
}
.msi-search-result .msi-search-thumbnail {
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  padding: 20px;
  color: var(--primary-80);
  background-color: var(--primary-20);
}
.msi-search-result .msi-search-thumbnail:not(.msi-icon) {
  width: 80px;
  height: 80px;
  padding: 0;
}
.msi-search-result .msi-search-thumbnail.msi-icon i {
  width: 100%;
  height: 100%;
}
.msi-search-result .msi-search-left {
  padding-right: 24px;
}
.msi-search-result .msi-search-wrapper {
  display: flex;
  flex: 1 1;
  flex-direction: column;
  justify-content: center;
}
.msi-search-result .msi-search-header {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.msi-search-result .msi-search-header-left {
  display: flex;
  flex: 1 1;
  flex-direction: column;
  justify-content: center;
}
.msi-search-result .msi-search-right {
  display: flex;
  padding-left: 12px;
  color: var(--text-secondary);
}
.msi-search-result .msi-tag {
  margin: 0 6px 6px 0;
  font-weight: 700;
}
.msi-search-result .msi-search-title {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--text-primary);
  text-decoration: none;
}
.msi-search-result .msi-search-title .msi-icon {
  margin-bottom: 2px;
  vertical-align: middle;
}
.msi-search-result .msi-search-subtitle {
  color: var(--text-secondary);
}
.msi-search-result .msi-search-data {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  max-width: 90ch;
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.msi-search-result .msi-search-data .msi-search-data-title {
  display: block;
}
.msi-search-result .msi-search-data .msi-search-data-value {
  display: block;
  font-size: 1rem;
  font-weight: 400;
}
.msi-search-result .msi-search-data > * {
  flex: 0 0 25%;
  min-width: 100px;
  padding-right: 12px;
  margin-top: 12px;
}
.msi-search-result .msi-search-body {
  max-width: 90ch;
  max-height: 6em;
  margin-top: 12px;
  overflow: hidden;
  font-weight: 400;
  text-overflow: ellipsis;
}
.msi-search-result .msi-search-tabs {
  width: 100%;
  margin-top: 12px;
}
.msi-search-result .msi-search-tabs .msi-tab-labels {
  flex-wrap: wrap;
}
.msi-search-result .msi-search-tabs .msi-tab-label {
  color: var(--text-secondary);
}
.msi-search-result .msi-search-tabs .msi-tab-label .msi-icon {
  margin-right: 5px;
}
.msi-search-result .msi-search-tabs .msi-search-thumbnail {
  margin: 0 0 18px 18px;
}

.msi-select-options-list, .msi-select-list {
  z-index: 99999;
  min-width: 180px;
  min-height: 34px;
  max-height: 240px;
  overflow-y: auto;
  font-size: 0.875rem;
  color: var(--text-primary); /* $msi-ui-primary-light; */
  background: var(--background-level-3); /* $msi-ui-secondary; */
  border: 1px var(--stroke-level-1) solid; /* $msi-ui-input-border; */
  border-radius: 2px;
  box-shadow: var(--shadow-level-2);
  transition: background-color 100ms, background 100ms, color 100ms, opacity 100ms;
}

.msi-select-option, .msi-select-list-item {
  display: flex;
  align-items: center;
  width: 100%;
  height: 40px;
  padding: 0 12px;
  margin-bottom: 1px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: background-color 100ms, background 100ms, color 100ms, opacity 100ms;
}
.padding-small.msi-select-option, .padding-small.msi-select-list-item {
  padding: 8px;
}
.msi-select-option:last-child, .msi-select-list-item:last-child {
  margin-bottom: 0;
}

.msi-select-option:focus {
  outline: none;
}
.msi-select-option:not(.disabled).active, .msi-select-option:not(.disabled):hover {
  background: var(--primary-20);
}
.msi-select-option:not(.disabled).selected, .msi-select-option:not(.disabled):active {
  color: #fff;
  background: var(--focus-primary);
  outline: none;
}
@media (-ms-high-contrast: white-on-black) {
  .msi-select-option:not(.disabled) {
    transition: none;
    -ms-high-contrast-adjust: none;
  }
  .msi-select-option:not(.disabled).active, .msi-select-option:not(.disabled):hover {
    color: black;
    background-color: #808080;
  }
  .msi-select-option:not(.disabled).selected {
    color: black;
    background-color: white;
  }
}
@media (-ms-high-contrast: black-on-white) {
  .msi-select-option:not(.disabled) {
    transition: none;
    -ms-high-contrast-adjust: none;
  }
  .msi-select-option:not(.disabled).active, .msi-select-option:not(.disabled):hover {
    color: white;
    background-color: #808080;
  }
  .msi-select-option:not(.disabled).selected {
    color: white;
    background-color: black;
  }
}
.disabled.msi-select-option {
  cursor: not-allowed;
  opacity: 0.4;
  transition: opacity 100ms;
}

.msi-select {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  padding: 0;
}
.msi-select:hover:not([disabled]) .msi-icon.msi-clear-icon, .msi-select:focus:not([disabled]) .msi-icon.msi-clear-icon {
  color: var(--icon-primary);
}
.msi-select:hover:not([disabled]) .msi-icon.msi-clear-icon:hover, .msi-select:focus:not([disabled]) .msi-icon.msi-clear-icon:hover {
  border-radius: 50%;
  background: var(--hover);
}
.msi-select.borderless {
  border-color: transparent;
  background-color: transparent;
}

.msi-select-origin {
  display: grid;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  box-sizing: border-box;
  grid-template-columns: 1fr auto;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  padding: 5px 8px;
  width: 100%;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
}
.msi-select-origin .msi-select-placeholder,
.msi-select-origin .msi-select-placeholder-value {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.msi-select-origin .msi-select-options-list {
  display: none;
}
.msi-select-origin.disabled {
  cursor: not-allowed;
}
.msi-select-origin .icons-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-areas: "clear arrow";
  align-items: center;
  gap: 2px;
}
.msi-select-origin .icons-container.single-icon {
  grid-template-columns: 1fr;
  grid-template-areas: "arrow";
}
.msi-select-origin .msi-select-arrow {
  grid-area: arrow;
  display: flex;
  justify-content: flex-end;
  justify-self: flex-end;
  width: 24px;
  height: 24px;
  -webkit-user-select: none;
          user-select: none;
  transition: transform 100ms;
  transform-origin: center center;
}
.msi-select-origin .msi-select-arrow.active {
  transform: rotate(180deg);
}
.msi-select-origin .clear-icon-btn {
  grid-area: clear;
  justify-self: flex-end;
  background: none;
  outline: none;
  border: none;
  min-width: 0;
  width: inherit;
  height: inherit;
  margin: 0;
  padding: 0;
}
.msi-select-origin .clear-icon-btn.msi-btn:not([disabled]):hover:not(:active), .msi-select-origin .clear-icon-btn.msi-btn:not([disabled]):active, .msi-select-origin .clear-icon-btn.msi-btn:not([disabled]):active::before, .msi-select-origin .clear-icon-btn.msi-btn:not([disabled]):focus::before {
  background: none;
  border: none;
}
.msi-select-origin .clear-icon-btn.msi-btn.disabled {
  cursor: not-allowed;
}
.msi-select-origin .clear-icon-btn.msi-btn:not(.disabled):focus-visible {
  background: var(--hover);
  border-radius: 50%;
}
.msi-select-origin .clear-icon-btn.msi-btn:not(.disabled):focus-visible .msi-icon {
  color: var(--icon-primary);
}
.msi-select-origin .msi-icon.msi-clear-icon {
  display: flex;
  width: 18px;
  height: 18px;
  color: transparent;
  padding: 4px;
  z-index: 99999;
  border-radius: 50%;
}

.msi-select-options-list {
  width: 100%;
}

.msi-select-option .msi-select-option-ellipsis {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.msi-select-options-list,
.msi-select-option {
  box-sizing: border-box;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
}

.msi-sidebar {
  display: flex;
  flex-direction: column;
  padding: 0;
  margin: 0;
}

.sidebar-container {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding: 0;
  margin: 0;
  color: var(--text-primary);
  background-color: var(--background-level-3);
  border-right: 1px solid var(--stroke-level-2);
}
.sidebar-container:nth-child(1) {
  padding-top: 12px;
}
.sidebar-container:nth-last-child(1) {
  padding-bottom: 12px;
}
.sidebar-container > * {
  flex-grow: 1;
}
.sidebar-container > div {
  flex-grow: 0;
}
.sidebar-container .msi-sidebar-item,
.sidebar-container .sidebar-item-expand {
  display: flex;
  align-items: center;
  margin: 1px 0;
  cursor: pointer;
}
.sidebar-container .msi-sidebar-item:hover,
.sidebar-container .sidebar-item-expand:hover {
  outline: none;
}
.sidebar-container .msi-sidebar-item:hover .description-container,
.sidebar-container .msi-sidebar-item:hover .icon-container,
.sidebar-container .sidebar-item-expand:hover .description-container,
.sidebar-container .sidebar-item-expand:hover .icon-container {
  background-color: var(--hover);
}
.sidebar-container .msi-sidebar-item:focus-visible,
.sidebar-container .sidebar-item-expand:focus-visible {
  position: relative;
  background-clip: padding-box;
  outline: none;
}
.sidebar-container .msi-sidebar-item:focus-visible::before,
.sidebar-container .sidebar-item-expand:focus-visible::before {
  position: absolute;
  top: 4px;
  right: 4px;
  bottom: 4px;
  left: 4px;
  content: "";
  border-radius: 2px;
  box-shadow: 0 0 0 1px var(--background-level-3), 0 0 0 3px var(--item-selection-primary);
}
.sidebar-container .msi-sidebar-item:focus-visible .description-container,
.sidebar-container .msi-sidebar-item:focus-visible .icon-container,
.sidebar-container .sidebar-item-expand:focus-visible .description-container,
.sidebar-container .sidebar-item-expand:focus-visible .icon-container {
  background-color: var(--hover);
}
.sidebar-container .msi-sidebar-item.selected .description-container,
.sidebar-container .msi-sidebar-item.selected .icon-container, .sidebar-container .msi-sidebar-item:active .description-container,
.sidebar-container .msi-sidebar-item:active .icon-container,
.sidebar-container .sidebar-item-expand.selected .description-container,
.sidebar-container .sidebar-item-expand.selected .icon-container,
.sidebar-container .sidebar-item-expand:active .description-container,
.sidebar-container .sidebar-item-expand:active .icon-container {
  color: #fff;
  background-color: var(--focus-primary);
}
.sidebar-container .msi-sidebar-item.selected .description-container .msi-icon,
.sidebar-container .msi-sidebar-item.selected .icon-container .msi-icon, .sidebar-container .msi-sidebar-item:active .description-container .msi-icon,
.sidebar-container .msi-sidebar-item:active .icon-container .msi-icon,
.sidebar-container .sidebar-item-expand.selected .description-container .msi-icon,
.sidebar-container .sidebar-item-expand.selected .icon-container .msi-icon,
.sidebar-container .sidebar-item-expand:active .description-container .msi-icon,
.sidebar-container .sidebar-item-expand:active .icon-container .msi-icon {
  color: #fff;
}
.sidebar-container .msi-sidebar-item .icon-container,
.sidebar-container .sidebar-item-expand .icon-container {
  position: relative;
  width: 40px;
  height: 40px;
  margin: 4px;
  border-radius: 2px;
}
.sidebar-container .msi-sidebar-item .icon-container .msi-icon,
.sidebar-container .sidebar-item-expand .icon-container .msi-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.sidebar-container .msi-sidebar-item .description-container,
.sidebar-container .sidebar-item-expand .description-container {
  display: flex;
  flex-grow: 1;
  align-items: center;
  height: 48px;
  overflow: hidden;
}
.sidebar-container .msi-sidebar-item .description-container .description,
.sidebar-container .sidebar-item-expand .description-container .description {
  width: 0;
  overflow: hidden;
  font-size: 14px;
  line-height: 18px;
  text-overflow: ellipsis;
  vertical-align: middle;
  -webkit-user-select: none;
          user-select: none;
  opacity: 0;
  transition: width 100ms ease 0s, opacity 100ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 100ms;
}
.sidebar-container .msi-sidebar-item .icon-container-flyout,
.sidebar-container .sidebar-item-expand .icon-container-flyout {
  display: none;
  width: 0;
  opacity: 0;
  transition: width 100ms ease 0s, opacity 100ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 100ms;
}
.sidebar-container.expanded .msi-sidebar-item,
.sidebar-container.expanded .sidebar-item-expand {
  cursor: pointer;
  border-radius: 0;
}
.sidebar-container.expanded .msi-sidebar-item:focus,
.sidebar-container.expanded .sidebar-item-expand:focus {
  background-color: var(--hover);
}
.sidebar-container.expanded .msi-sidebar-item:focus::before,
.sidebar-container.expanded .sidebar-item-expand:focus::before {
  top: 3px;
  right: 3px;
  bottom: 3px;
  left: 3px;
  border-radius: 0;
}
.sidebar-container.expanded .msi-sidebar-item:focus .description-container,
.sidebar-container.expanded .msi-sidebar-item:focus .icon-container,
.sidebar-container.expanded .sidebar-item-expand:focus .description-container,
.sidebar-container.expanded .sidebar-item-expand:focus .icon-container {
  background-color: transparent;
}
.sidebar-container.expanded .msi-sidebar-item.selected, .sidebar-container.expanded .msi-sidebar-item:active,
.sidebar-container.expanded .sidebar-item-expand.selected,
.sidebar-container.expanded .sidebar-item-expand:active {
  color: #fff;
  background-color: var(--focus-primary);
}
.sidebar-container.expanded .msi-sidebar-item.selected .description-container,
.sidebar-container.expanded .msi-sidebar-item.selected .icon-container, .sidebar-container.expanded .msi-sidebar-item:active .description-container,
.sidebar-container.expanded .msi-sidebar-item:active .icon-container,
.sidebar-container.expanded .sidebar-item-expand.selected .description-container,
.sidebar-container.expanded .sidebar-item-expand.selected .icon-container,
.sidebar-container.expanded .sidebar-item-expand:active .description-container,
.sidebar-container.expanded .sidebar-item-expand:active .icon-container {
  background-color: transparent;
}
.sidebar-container.expanded .msi-sidebar-item .icon-container,
.sidebar-container.expanded .sidebar-item-expand .icon-container {
  display: block;
  width: 48px;
  height: 48px;
  margin: 0;
  border-radius: 0;
}
.sidebar-container.expanded .msi-sidebar-item .icon-container.icon-expand .msi-icon,
.sidebar-container.expanded .sidebar-item-expand .icon-container.icon-expand .msi-icon {
  transform: translate(-50%, -50%) rotate(180deg);
}
.sidebar-container.expanded .msi-sidebar-item .icon-container-flyout,
.sidebar-container.expanded .sidebar-item-expand .icon-container-flyout {
  position: relative;
  display: flex;
  align-items: center;
  width: 23px;
  height: 48px;
  margin: 0;
  border-radius: 0;
}
.sidebar-container.expanded .msi-sidebar-item .description-container,
.sidebar-container.expanded .sidebar-item-expand .description-container {
  min-width: 120px;
}
.sidebar-container.expanded .msi-sidebar-item .description-container .description,
.sidebar-container.expanded .sidebar-item-expand .description-container .description {
  width: 120px;
}
.sidebar-container.expanded .msi-sidebar-item .description-container > *,
.sidebar-container.expanded .sidebar-item-expand .description-container > * {
  opacity: 1;
}

.msi-sidebar-top-section::after {
  display: block;
  margin: 12px 4px 0;
  content: "";
  border-bottom: 1px solid var(--hover);
}

.msi-sidebar-bottom {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.msi-sidebar-top {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.msi-sidebar-with-subitems {
  height: 100%;
}
.msi-sidebar-with-subitems .sidebar-with-subitems {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: space-between;
  box-sizing: border-box;
  width: 48px;
  height: 100%;
  color: var(--text-primary);
  background-color: var(--background-level-3);
  border-right: 1px solid var(--stroke-level-2);
  padding: 12px 0;
  transition: all 0.2s;
}
.msi-sidebar-with-subitems .sidebar-with-subitems.expanded {
  width: 250px;
}
.msi-sidebar-with-subitems .sidebar-with-subitems__items {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.msi-sidebar-with-subitems .sidebar-with-subitems__items .sidebar-with-subitems-item {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  cursor: pointer;
  border-radius: 8px;
}
.msi-sidebar-with-subitems .sidebar-with-subitems__items .sidebar-with-subitems-item.expanded {
  align-items: center;
  justify-content: space-between;
  padding: 0 12px;
}
.msi-sidebar-with-subitems .sidebar-with-subitems__items .sidebar-with-subitems-item:hover {
  background-color: var(--hover);
}
.msi-sidebar-with-subitems .sidebar-with-subitems__items .sidebar-with-subitems-item.selected {
  background-color: var(--msi-ui-primary-highlight);
}
.msi-sidebar-with-subitems .sidebar-with-subitems__items .sidebar-with-subitems-item__left {
  color: var(--text-primary);
}
.msi-sidebar-with-subitems .sidebar-with-subitems__items .sidebar-with-subitems-item__left.selected {
  color: var(--msi-ui-primary-light);
}
.msi-sidebar-with-subitems .sidebar-with-subitems__items .sidebar-with-subitems-item__left__container {
  display: flex;
  align-items: center;
  padding: 12px 0;
  border-radius: 8px;
}
.msi-sidebar-with-subitems .sidebar-with-subitems__items .sidebar-with-subitems-item__left__container.selected {
  background-color: var(--msi-ui-primary-highlight);
}
.msi-sidebar-with-subitems .sidebar-with-subitems__items .sidebar-with-subitems-item__left__container__icon.selected {
  background-color: var(--msi-ui-primary-highlight);
  color: var(--msi-ui-primary-light);
}
.msi-sidebar-with-subitems .sidebar-with-subitems__items .sidebar-with-subitems-item__middle {
  display: none;
  overflow: hidden;
  color: var(--text-primary);
}
.msi-sidebar-with-subitems .sidebar-with-subitems__items .sidebar-with-subitems-item__middle.expanded {
  display: inherit;
  flex-grow: 1;
}
.msi-sidebar-with-subitems .sidebar-with-subitems__items .sidebar-with-subitems-item__middle__description {
  display: block;
  text-wrap: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.msi-sidebar-with-subitems .sidebar-with-subitems__items .sidebar-with-subitems-item__middle__description.selected {
  background-color: var(--msi-ui-primary-highlight);
  color: var(--msi-ui-primary-light);
}
.msi-sidebar-with-subitems .sidebar-with-subitems__items .sidebar-with-subitems-item__right {
  display: none;
  color: var(--text-primary);
}
.msi-sidebar-with-subitems .sidebar-with-subitems__items .sidebar-with-subitems-item__right.expanded {
  display: inherit;
}
.msi-sidebar-with-subitems .sidebar-with-subitems__items .sidebar-with-subitems-item__right__icon {
  transition: all 0.2s;
}
.msi-sidebar-with-subitems .sidebar-with-subitems__items .sidebar-with-subitems-item__right__icon.selected {
  background-color: var(--msi-ui-primary-highlight);
  color: var(--msi-ui-primary-light);
  transform: rotate(180deg);
}
.msi-sidebar-with-subitems .sidebar-with-subitems__items .sidebar-with-subitems-divider {
  width: 100%;
  height: 8px;
  margin: 2px 0;
  background-color: var(--background-blue-level-1);
}
.msi-sidebar-with-subitems .sidebar-with-subitems__items .msi-collapsable .sidebar-with-subitems-subitem {
  cursor: pointer;
}
.msi-sidebar-with-subitems .sidebar-with-subitems__items .msi-collapsable .sidebar-with-subitems-subitem.selected {
  background: rgba(0, 122, 170, 0.2);
}
.msi-sidebar-with-subitems .sidebar-with-subitems__items .msi-collapsable .sidebar-with-subitems-subitem:hover {
  background-color: var(--hover);
}
.msi-sidebar-with-subitems .sidebar-with-subitems__items .msi-collapsable .sidebar-with-subitems-subitem__description {
  display: block;
  text-wrap: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 8px 12px;
}
.msi-sidebar-with-subitems .sidebar-with-subitems__items .msi-collapsable .sidebar-with-subitems-subitem-border-bottom {
  opacity: 0.1;
}
.msi-sidebar-with-subitems .sidebar-with-subitems__items .msi-collapsable .sidebar-with-subitems-subitem-border-bottom__child {
  width: 100%;
  height: 1px;
  background-color: var(--primary);
}
.msi-sidebar-with-subitems .sidebar-with-subitems__expand {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  cursor: pointer;
}
.msi-sidebar-with-subitems .sidebar-with-subitems__expand:hover {
  background-color: var(--hover);
}
.msi-sidebar-with-subitems .sidebar-with-subitems__expand.expanded {
  justify-content: flex-start;
}
.msi-sidebar-with-subitems .sidebar-with-subitems__expand__tooltip {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 2px;
}
.msi-sidebar-with-subitems .sidebar-with-subitems__expand__tooltip.expanded {
  transform: rotate(180deg);
}
.msi-sidebar-with-subitems .sidebar-with-subitems__expand__tooltip__icon {
  width: 24px;
  height: 24px;
  padding: 12px;
}
.msi-sidebar-with-subitems .sidebar-with-subitems__expand__collapse {
  display: flex;
  align-items: center;
  overflow: hidden;
}
.msi-sidebar-with-subitems .sidebar-with-subitems__expand__collapse__description {
  display: block;
  text-wrap: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 0 12px 0 0;
}

.msi-sidenav {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 192px;
  height: 100%;
  padding: 0;
  margin: 0;
  overflow: auto;
  background-color: var(--background-level-2);
}

/* Light variant */
.msi-sidenav-light .msi-item-wrapper:not(.disabled):not(.msi-item-title):active, .msi-sidenav-light .msi-item-wrapper:not(.disabled):not(.msi-item-title).active, .msi-sidenav-light .msi-item-wrapper:not(.disabled):not(.msi-item-title):active:focus-visible {
  color: var(--item-selection-text-color-light);
}

.msi-sidenav-light-dark .msi-item-wrapper:not(.disabled):not(.msi-item-title):active, .msi-sidenav-light-dark .msi-item-wrapper:not(.disabled):not(.msi-item-title).active, .msi-sidenav-light-dark .msi-item-wrapper:not(.disabled):not(.msi-item-title):active:focus-visible,
.msi-sidenav-light .msi-item-wrapper:not(.disabled):not(.msi-item-title):active,
.msi-sidenav-light .msi-item-wrapper:not(.disabled):not(.msi-item-title).active,
.msi-sidenav-light .msi-item-wrapper:not(.disabled):not(.msi-item-title):active:focus-visible {
  background-color: var(--item-selection-primary-light);
}
.msi-sidenav-light-dark .msi-item-wrapper:not(.disabled):not(.msi-item-title):active:hover, .msi-sidenav-light-dark .msi-item-wrapper:not(.disabled):not(.msi-item-title).active.hover, .msi-sidenav-light-dark .msi-item-wrapper:not(.disabled):not(.msi-item-title):active:focus-visible:hover,
.msi-sidenav-light .msi-item-wrapper:not(.disabled):not(.msi-item-title):active:hover,
.msi-sidenav-light .msi-item-wrapper:not(.disabled):not(.msi-item-title).active.hover,
.msi-sidenav-light .msi-item-wrapper:not(.disabled):not(.msi-item-title):active:focus-visible:hover {
  background-color: var(--item-selection-hover-light);
}

.msi-slider {
  width: 100%;
}
.msi-slider:hover:not(.msi-slider-disabled) .msi-slider-thumb {
  background-color: var(--slider-handle-hover);
}

.msi-slider-native:focus + .msi-slider-thumb {
  box-shadow: 0 0 0 5px var(--primary-20);
}
.msi-slider-native:focus + .msi-slider-thumb::before {
  position: absolute;
  top: -6px;
  right: -6px;
  bottom: -6px;
  left: -6px;
  content: "";
  border: 2px solid var(--focus-primary);
  border-radius: 4px;
}

.msi-slider-native:active + .msi-slider-thumb {
  box-shadow: 0 0 0 3px var(--primary-20);
}
.msi-slider-native:active + .msi-slider-thumb::before {
  display: none;
}

.msi-slider-disabled {
  cursor: not-allowed;
}
.msi-slider-disabled .msi-slider-label {
  pointer-events: none;
  opacity: 0.4;
}

.msi-slider-label {
  position: relative;
  padding: 7px 0;
}

.msi-slider-text {
  display: inline-block;
  padding-top: 5px;
  margin-bottom: 3px;
  font-size: 0.875rem;
  font-weight: 700;
  color: var(--text-primary);
}

.msi-slider-range-wrap {
  position: relative;
  height: 14px;
}

.msi-slider-track-wrap {
  position: absolute;
  bottom: 50%;
  left: 0;
  width: 100%;
  margin-bottom: -2px;
  overflow: hidden;
  pointer-events: none;
}

.msi-slider-track {
  height: 4px;
  background: var(--focus-primary);
}

@media (-ms-high-contrast: white-on-black) {
  .msi-slider-track {
    background-color: white;
  }
}
@media (-ms-high-contrast: black-on-white) {
  .msi-slider-track {
    background-color: black;
  }
}
.msi-slider-thumb {
  position: absolute;
  top: 50%;
  z-index: 3;
  box-sizing: border-box;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  pointer-events: none;
  cursor: pointer;
  background: #fff;
  border: 1px solid var(--slider-handle-border-color);
  border-radius: 2px;
}

.msi-slider-ticks-wrap {
  position: absolute;
  bottom: 50%;
  left: 0;
  z-index: 2;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  margin-bottom: -2px;
  pointer-events: none;
}

.msi-slider-tick {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 12px;
  height: 4px;
}

.msi-slider-tick-unit-horizontal {
  border-left: 1px solid var(--background-level-3);
}

.msi-slider-tick-unit-vertical {
  border-top: 1px solid var(--background-level-3);
}

.msi-slider-tick-unit-horizontal:first-of-type, .msi-slider-tick-unit-horizontal:last-of-type,
.msi-slider-tick-unit-vertical:first-of-type,
.msi-slider-tick-unit-vertical:last-of-type {
  visibility: hidden;
}

.msi-slider-native {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  background: transparent;
  border: 0;
  appearance: none;
  cursor: pointer;
}
.msi-slider-native:focus {
  outline: none;
}
.msi-slider-native:not([disabled]):hover:not(.browser-default):not(.msi-radio-button):not(.msi-checkbox) {
  background: transparent;
}
.msi-slider-native::-webkit-slider-runnable-track {
  width: 100%;
  height: 4px;
  cursor: pointer;
  background: var(--slider-track);
  border: 0;
}
.msi-slider-native::-webkit-slider-thumb {
  box-sizing: border-box;
  width: 12px;
  height: 12px;
  cursor: pointer;
  opacity: 0;
  transform: scale(0.8) translateY(-6px);
}
.msi-slider-native::-moz-range-track {
  width: 100%;
  height: 4px;
  cursor: pointer;
  background: var(--slider-track);
  border: 0;
}
.msi-slider-native::-moz-range-thumb {
  box-sizing: border-box;
  width: 12px;
  height: 12px;
  cursor: pointer;
  opacity: 0;
}
.msi-slider-native::-ms-track {
  width: 100%;
  height: 4px;
  cursor: pointer;
  border: 0;
}
.msi-slider-native::-ms-fill-lower {
  background: var(--slider-track);
  border: 0;
}
.msi-slider-native::-ms-fill-upper {
  background: var(--slider-track);
  border: 0;
}
.msi-slider-native::-ms-thumb {
  box-sizing: border-box;
  width: 12px;
  height: 12px;
  cursor: pointer;
  opacity: 0;
}

@media (-ms-high-contrast: white-on-black) {
  .msi-slider-native {
    height: 4px;
    background-color: #404040;
  }
  .msi-slider-native:not([disabled]):hover:not(.browser-default):not(.msi-radio-button):not(.msi-checkbox) {
    background-color: #404040;
  }
}
@media (-ms-high-contrast: black-on-white) {
  .msi-slider-native {
    height: 4px;
    background-color: #c0c0c0;
  }
  .msi-slider-native:not([disabled]):hover:not(.browser-default):not(.msi-radio-button):not(.msi-checkbox) {
    background-color: #c0c0c0;
  }
}
.msi-slider-icon {
  position: absolute;
  top: 0;
  left: -32px;
}

.msi-slider-vertical .msi-slider-label {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 12px;
}
.msi-slider-vertical .msi-slider-text {
  flex: 1;
  order: 10;
  margin-top: 4px;
  padding-top: 0;
  padding-bottom: 5px;
}
.msi-slider-vertical .msi-slider-icon {
  position: relative;
  top: auto;
  left: auto;
  display: inline-block;
  flex: 1;
  order: 2;
  margin: 4px 0 10px;
}
.msi-slider-vertical .msi-slider-range-wrap {
  margin-bottom: 4px;
  height: 20em;
}
.msi-slider-vertical .msi-slider-track-wrap {
  bottom: 0;
  left: 50%;
  z-index: 2;
  width: auto;
  height: 100%;
  margin-bottom: 0;
  margin-left: -2px;
  pointer-events: none;
  background: var(--slider-track);
  transform: scale(-1);
}
.msi-slider-vertical .msi-slider-track {
  width: 4px;
}
.msi-slider-vertical .msi-slider-thumb {
  top: auto;
  left: 50%;
  margin-top: 0;
  margin-left: -6px;
}
.msi-slider-vertical .msi-slider-ticks-wrap {
  top: 0;
  bottom: 0;
  left: 50%;
  flex-direction: column;
  width: 4px;
  height: 100%;
  margin-left: -2px;
}
.msi-slider-vertical .msi-slider-ticks-wrap .msi-slider-tick {
  width: 4px;
  height: 12px;
}
.msi-slider-vertical .msi-slider-ticks-wrap .msi-slider-tick::before {
  width: 4px;
  border: 0 solid;
  border-bottom: 1px inherit;
}
.msi-slider-vertical .msi-slider-native {
  opacity: 0;
  writing-mode: bt-lr;
}
.msi-slider-vertical .msi-slider-native::-webkit-slider-runnable-track {
  width: 4px;
  height: 100%;
}
.msi-slider-vertical .msi-slider-native::-webkit-slider-thumb {
  transform: scale(0.8) translateX(-7px);
}
.msi-slider-vertical .msi-slider-native::-moz-range-track {
  width: 4px;
  height: 100%;
}
.msi-slider-vertical .msi-slider-native::-moz-range-thumb {
  cursor: pointer;
  opacity: 0;
  transform: scale(0.8) translateX(-7px);
}
.msi-slider-vertical .msi-slider-native::-ms-track {
  width: 4px;
  height: 100%;
  opacity: 0;
  transform: scale(0.8) translateX(-7px);
}
.msi-slider-vertical .msi-slider-native::-ms-fill-lower {
  background: var(--focus-primary);
  border: 0;
}
.msi-slider-vertical .msi-slider-native::-ms-fill-upper {
  background: var(--slider-track);
  border: 0;
}

.msi-spinner {
  display: block;
}
.msi-spinner .progress {
  transition: 300ms stroke-dashoffset;
  transform: rotate(-90deg);
  transform-origin: 50% 50%;
  stroke: var(--focus-primary);
}
.msi-spinner .circle {
  stroke: var(--primary-20);
}
.msi-spinner.msi-spinner-indeterminate .msi-spinner-inner {
  transform: translateZ(0);
  animation: load8 1.1s infinite linear;
}

@keyframes load8 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.msi-tab-group {
  display: block;
}

.msi-tab-labels {
  position: relative;
  z-index: 100;
  display: flex;
  overflow: auto;
  /* Dragging, Resizing */
}
.msi-tab-labels .cdk-drag:active {
  z-index: 2;
}
.msi-tab-labels .cdk-drag-preview {
  box-sizing: content-box;
  color: var(--text-primary);
  background: var(--hover);
}
.msi-tab-labels .cdk-drag-placeholder {
  opacity: 0;
}
.msi-tab-labels .cdk-drag-animating {
  transition: transform 100ms cubic-bezier(0.77, 0, 0.175, 1);
}
.msi-tab-labels .cdk-drag-handle {
  flex: 1 1;
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.msi-tab-labels.cdk-drop-list-dragging :not(.cdk-drag-placeholder) {
  transition: transform 250ms cubic-bezier(0.77, 0, 0.175, 1);
}

.msi-tab-label {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  height: 40px;
  padding: 0 12px;
  margin: 0 1px 0 0;
  overflow: visible;
  font: inherit;
  font-weight: 600;
  color: var(--primary-70);
  white-space: nowrap;
  cursor: pointer;
  background: transparent;
  border: 0;
  outline: none;
}
.msi-tab-label.disabled {
  color: var(--primary-40);
  cursor: not-allowed;
}
.msi-tab-label:not(.disabled):hover, .msi-tab-label:not(.disabled):focus:not(.active) {
  color: var(--text-primary);
  background-color: var(--hover);
}
.msi-tab-label:not(.disabled).active, .msi-tab-label:not(.disabled):active {
  color: var(--text-primary);
}
.msi-tab-label:not(.disabled).active::before, .msi-tab-label:not(.disabled):active::before {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  content: "";
  border-bottom: 3px solid var(--focus-primary);
}

.msi-tab-content {
  padding-top: 12px;
}
.msi-tab-content:empty {
  display: none;
}

.cdk-drop-list-dragging,
.cdk-drop-list-dragging .msi-tab-label {
  cursor: grabbing !important;
}

/* Color palette */
.msi-tag {
  display: inline-flex;
  margin: 5px;
  border-radius: 6px;
}
.msi-tag a {
  position: relative;
  display: flex;
  align-items: center;
  max-width: 100%;
  padding: 3px 12px;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.5;
  color: var(--text-primary);
  text-decoration: none;
  pointer-events: none;
  cursor: default;
  border-color: inherit;
  border-style: solid;
  border-width: 1px;
  border-radius: 6px;
  gap: 4px;
}
.msi-tag a:hover {
  background-color: var(--hover);
}
.msi-tag a:focus {
  outline: none;
}
.msi-tag a:focus::before {
  position: absolute;
  top: -4px;
  right: -4px;
  bottom: -4px;
  left: -4px;
  content: "";
  border: 2px solid;
  border-color: inherit;
  border-radius: 6px;
}
.msi-tag a:has(.msi-icon) {
  padding: 3px 6px;
}
.msi-tag a .msi-icon.msi-tag-remove {
  display: none;
  width: 12px;
  height: 12px;
  margin: auto;
}
.msi-tag a msi-icon.msi-icon {
  width: 16px;
  height: 16px;
  margin: auto;
  color: inherit;
}
.msi-tag.separate-remove a:hover {
  cursor: text;
}
.msi-tag.separate-remove .msi-icon.msi-tag-remove {
  cursor: pointer;
}
.msi-tag.filled a {
  color: #fff;
}
.msi-tag.filled.alert > a {
  background-color: var(--chip-red);
}
.msi-tag.filled.emergency > a {
  background-color: var(--chip-gold);
  color: rgba(0, 0, 0, 0.9);
}
.msi-tag.filled.success > a {
  background-color: var(--chip-green);
}
.msi-tag.filled.primary > a {
  background-color: #007aaa;
}
.msi-tag.filled.secondary > a {
  background-color: var(--chip-secondary);
}
.msi-tag.actionable a {
  pointer-events: all;
  cursor: pointer;
}
.msi-tag.actionable a .msi-icon {
  display: inline-block;
  color: var(--text-primary);
}
.msi-tag.actionable span {
  display: inline-block;
  vertical-align: top;
}
.msi-tag.actionable.filled .msi-icon {
  color: #fff;
}
.msi-tag.actionable.filled.emergency .msi-icon {
  color: rgba(0, 0, 0, 0.9);
}
.msi-tag.alert {
  border-color: var(--chip-red);
}
.msi-tag.emergency {
  border-color: var(--chip-gold);
}
.msi-tag.success {
  border-color: var(--chip-green);
}
.msi-tag.primary {
  border-color: #007aaa;
}
.msi-tag.secondary {
  border-color: var(--chip-secondary);
}
.msi-tag.condensed a {
  padding: 3px 6px;
  height: 20px;
}
.msi-tag.condensed a .msi-icon {
  height: 12px;
  width: 12px;
}

.msi-toast-container {
  position: fixed;
  pointer-events: none;
}
.msi-toast-container.top-right .msi-toast, .msi-toast-container.bottom-right .msi-toast {
  margin-left: auto;
}
.msi-toast-container.top-center .msi-toast, .msi-toast-container.bottom-center .msi-toast, .msi-toast-container.center .msi-toast {
  margin: auto;
}
.msi-toast-container.top-center {
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
}
.msi-toast-container.center {
  top: 50%;
  left: 50%;
  width: 100%;
  transform: translateX(-50%) translateY(-50%);
}
.msi-toast-container.bottom-center {
  right: 0;
  bottom: 60px;
  width: 100%;
}
.msi-toast-container.top-left {
  top: 60px;
  left: 60px;
}
.msi-toast-container.top-right {
  top: 60px;
  right: 60px;
}
.msi-toast-container.bottom-right {
  right: 60px;
  bottom: 60px;
}
.msi-toast-container.bottom-left {
  bottom: 60px;
  left: 60px;
}
.msi-toast-container .msi-toast {
  width: fit-content;
  pointer-events: auto;
}
.msi-toast-container .msi-toast .msi-toast-body {
  position: relative;
  display: flex;
  align-content: center;
  justify-content: space-between;
  width: fit-content;
  height: 100%;
  margin: 0 auto 3px;
  color: var(--text-primary);
  background-color: var(--background-toast);
  background-repeat: no-repeat;
  background-position: 15px center;
  border-radius: 2px;
  box-shadow: var(--shadow-level-1);
}
.msi-toast-container .msi-toast .msi-toast-body .msi-toast-icon {
  display: flex;
  align-content: center;
  justify-content: center;
  min-width: 32px;
  min-height: 100%;
  border-radius: 2px 0 0 2px;
}
.msi-toast-container .msi-toast .msi-toast-body .msi-toast-icon .msi-icon {
  margin: auto;
}
.msi-toast-container .msi-toast .msi-toast-body .msi-toast-message {
  padding: 12px;
  text-shadow: var(--shadow-level-1);
  overflow-wrap: break-word;
}
.msi-toast-container .msi-toast .msi-toast-body .msi-toast-message:last-child {
  padding-right: 12px;
}
.msi-toast-container .msi-toast .msi-toast-body .msi-toast-link {
  align-self: center;
  margin: 2px;
}
.msi-toast-container .msi-toast .msi-toast-body .msi-toast-close-button {
  align-self: center;
  width: 36px;
  min-width: 36px;
  height: 36px;
  padding: 0 10px;
  margin: 2px;
  cursor: pointer;
}
.msi-toast-container .msi-toast--error .msi-toast-icon {
  background-color: var(--error);
}
.msi-toast-container .msi-toast--success .msi-toast-icon {
  background-color: var(--success);
}
.msi-toast-container .msi-toast--warning .msi-toast-icon {
  background-color: #fcb400;
}
.msi-toast-container .msi-toast--information .msi-toast-icon {
  background-color: #007aaa;
}

.msi-toggle {
  position: relative;
  display: flex;
}

.msi-toggle-disabled .msi-toggle-label {
  cursor: not-allowed;
  opacity: 0.4;
}

.msi-toggle-checked .msi-toggle-wrap {
  background-color: var(--focus-primary);
}
@media (-ms-high-contrast: white-on-black) {
  .msi-toggle-checked .msi-toggle-wrap {
    background-color: white;
  }
}
@media (-ms-high-contrast: black-on-white) {
  .msi-toggle-checked .msi-toggle-wrap {
    background-color: black;
  }
}
.msi-toggle-checked .msi-toggle-thumb {
  left: 24px;
  transform: translateX(-100%) translateY(-50%);
}
.msi-toggle-checked .msi-toggle-icon {
  color: var(--focus-primary);
}

.msi-toggle-focused .msi-toggle-wrap::before,
.msi-toggle:hover:not(.msi-toggle-disabled) .msi-toggle-wrap::before {
  position: absolute;
  top: -8px;
  right: -7px;
  bottom: -8px;
  left: -7px;
  content: "";
  background: var(--hover);
  border-radius: 4px;
}
@media (-ms-high-contrast: white-on-black) {
  .msi-toggle-focused .msi-toggle-wrap::before,
  .msi-toggle:hover:not(.msi-toggle-disabled) .msi-toggle-wrap::before {
    background-color: transparent;
  }
}
@media (-ms-high-contrast: black-on-white) {
  .msi-toggle-focused .msi-toggle-wrap::before,
  .msi-toggle:hover:not(.msi-toggle-disabled) .msi-toggle-wrap::before {
    background-color: transparent;
  }
}

.msi-toggle-focused:not(:active) .msi-toggle-wrap::before {
  border: 2px solid var(--focus-primary);
}

.msi-toggle-error .msi-toggle-wrap {
  background: var(--primary-40);
}
.msi-toggle-error .msi-toggle-icon {
  color: rgba(0, 0, 0, 0.4);
}
.msi-toggle-error.msi-toggle-checked .msi-toggle-wrap {
  background: rgba(208, 2, 27, 0.8);
}
.msi-toggle-error.msi-toggle-checked .msi-toggle-icon {
  color: var(--error);
}

.msi-toggle-label {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 8px 12px;
  line-height: 1.5;
  color: var(--text-primary);
  cursor: pointer;
}

.msi-toggle-wrap {
  position: relative;
  width: 22px;
  height: 10px;
  background: var(--primary-40);
  border-radius: 2px;
  line-height: 0;
}

@media (-ms-high-contrast: white-on-black) {
  .msi-toggle-wrap {
    background-color: #404040;
  }
}
@media (-ms-high-contrast: black-on-white) {
  .msi-toggle-wrap {
    background-color: #c0c0c0;
  }
}
.msi-toggle-icon {
  color: rgba(0, 0, 0, 0.4);
}

.msi-toggle-thumb {
  position: absolute;
  top: 50%;
  left: -2px;
  box-sizing: content-box;
  width: 14px;
  height: 14px;
  text-align: center;
  background: #fff;
  border: 1px solid var(--toggle-handle-border-color);
  border-radius: 2px;
  transition: 300ms;
  transform: translateY(-50%);
  transform-style: preserve-3d;
}
.msi-toggle-thumb .msi-toggle-icon {
  display: block;
}

.msi-toggle-text {
  display: flex;
  margin-right: 12px;
}

.msi-toggle-checkbox-native {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  border: 0;
  outline: 0;
}

.msi-treeview {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 192px;
  height: 100%;
  padding: 0;
  margin: 0;
  overflow: auto;
  background-color: var(--background-level-2);
}

.msi-media-player {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: stretch;
  width: 100%;
  height: 100%;
}
.msi-media-player .audio-player {
  max-height: 46px;
}
.msi-media-player .audio-player audio {
  visibility: hidden;
}
.msi-media-player video {
  width: 100%;
}
.msi-media-player .video-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.msi-media-player vg-controls,
.msi-media-player vg-play-pause,
.msi-media-player vg-time-display {
  height: 41px;
  line-height: 41px;
}
.msi-media-player vg-play-pause {
  width: 35px;
  margin-right: 25px;
}
.msi-media-player vg-time-display {
  width: auto;
}
.msi-media-player .vg-time-separator {
  margin: 0 4px;
  color: #fff;
}
.msi-media-player .right-controls {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  height: 100%;
}
.msi-media-player .right-controls vg-fullscreen {
  height: 41px;
  margin-left: 5px;
  line-height: 41px;
}
.msi-media-player .right-controls .rotate-control {
  height: 41px;
  line-height: 41px;
  cursor: pointer;
  background-image: url("/assets/images/ic_rotate.svg");
}
.msi-media-player vg-scrub-bar {
  bottom: 41px;
  background: rgba(0, 0, 0, 0.5);
}
.msi-media-player vg-scrub-bar vg-scrub-bar-current-time {
  height: 3px;
  transition: height 100ms;
}
.msi-media-player vg-scrub-bar vg-scrub-bar-current-time .background {
  background-color: var(--focus-primary);
}
.msi-media-player vg-scrub-bar:focus {
  outline: 1px solid var(--focus-primary);
}
.msi-media-player vg-scrub-bar:hover vg-scrub-bar-current-time {
  height: 8px;
}
.msi-media-player vg-player {
  /* :disable class-name-format */
}
.msi-media-player vg-player .icon {
  width: 50px;
  filter: invert(100%);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 25px;
}
.msi-media-player vg-player .vg-icon-pause {
  background-image: url("/assets/images/ic_media_pause.svg");
}
.msi-media-player vg-player .vg-icon-play_arrow {
  background-image: url("/assets/images/ic_media_play.svg");
}
.msi-media-player vg-player .vg-icon-fullscreen {
  background-image: url("/assets/images/ic_zoom.svg");
}
.msi-media-player vg-player .vg-icon-fullscreen_exit {
  background-image: url("/assets/images/ic_view_collapse.svg");
}
.msi-media-player .vg-icon-fullscreen_exit::before,
.msi-media-player .vg-icon-fullscreen::before,
.msi-media-player .vg-icon-pause::before,
.msi-media-player .vg-icon-play_arrow::before {
  content: none;
}

.msi-anchor-links {
  display: inline-block;
  width: 100%;
  font-size: 0.875rem;
}
.msi-anchor-links .msi-select {
  width: fit-content;
  min-width: 100px;
}

.msi-anchor-link {
  display: inline-block;
  margin-right: 24px;
  font-weight: 700;
  color: var(--anchor-text-unselected);
  text-decoration: underline;
  cursor: pointer;
  opacity: 0.7;
}
.msi-anchor-link[disabled] {
  color: var(--text-secondary);
  text-decoration: none;
  cursor: not-allowed;
}
.msi-anchor-link:not([disabled]):hover {
  color: var(--anchor-text-hover);
  opacity: 1;
}
.msi-anchor-link:not([disabled]):focus, .msi-anchor-link:not([disabled]):active, .msi-anchor-link:not([disabled]).active {
  color: var(--anchor-text-selected);
  text-decoration: none;
  opacity: 1;
}

.msi-chips {
  position: relative;
  display: flex;
  min-height: 34px;
}
.msi-chips[disabled=true] {
  cursor: not-allowed;
}
.msi-chips-container {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding-right: 8px;
  padding-bottom: 2px;
  text-decoration: none;
  cursor: text;
  outline: none;
  background: var(--background-input);
  border: 1px var(--input-border-color) solid;
  border-radius: 2px;
}
.msi-chips-container--active {
  border-color: #007aaa;
  background: var(--input-background);
  outline: none;
}
.msi-chips-container--disabled {
  cursor: not-allowed;
  opacity: 0.4;
  transition: opacity 100ms;
  pointer-events: none;
}
.msi-chips-container--readonly {
  cursor: default;
  background: var(--input-background-read);
  border: none;
}
.msi-chips-container--disabled .msi-chip a, .msi-chips-container--readonly .msi-chip a {
  pointer-events: none;
}
.msi-chips-container--disabled .msi-chip a .msi-icon, .msi-chips-container--readonly .msi-chip a .msi-icon {
  display: none;
}
.msi-chips-container:not(.msi-chips-container--disabled):not(.msi-chips-container--readonly):hover {
  background: var(--input-hover);
}
.msi-chips .chip-in-between {
  min-width: 8px;
  height: 32px;
  padding-left: 4px;
  margin-right: -8px;
  margin-bottom: -8px;
  color: var(--text-primary);
  background: transparent;
  border: 0 transparent;
  outline: 0 transparent;
  font-size: 0.8rem;
  transition: min-width 100ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition-delay: 100ms;
  box-sizing: border-box;
}
.msi-chips .chip-in-between:not(:placeholder-shown), .msi-chips .chip-in-between:focus {
  min-width: 16px;
  padding-left: 8px;
}
.msi-chips .new-chip-input {
  flex: 1;
  min-width: 20px;
  box-sizing: border-box;
  height: 38px;
  padding: 8px 8px 10px;
  margin-right: -8px;
  margin-bottom: -8px;
  color: var(--text-primary);
  background: transparent;
  border: 0 transparent;
  outline: 0 transparent;
  font-size: 0.8rem;
}
.msi-chips .new-chip-input--overflow {
  flex-basis: 100%;
}
.msi-chips .msi-chip {
  display: flex;
  flex-wrap: wrap;
  max-width: 100%;
  padding-right: 8px;
  padding-bottom: 6px;
  margin-right: -8px;
  margin-bottom: -3px;
  text-decoration: none;
  cursor: text;
  outline: none;
}
.msi-chips .msi-chip--error .msi-tag {
  border: var(--msi-ui-alert);
}
.msi-chips .msi-chip--alert .msi-tag > a {
  color: var(--msi-ui-primary-light);
  background-color: var(--msi-ui-alert);
  border-color: var(--msi-ui-alert);
}
.msi-chips .msi-chip--alert .msi-tag > a .msi-icon {
  display: inline-block;
  color: var(--msi-ui-primary-light);
}
.msi-chips .msi-chip--primary .msi-tag > a {
  color: var(--msi-ui-primary-light);
  background-color: var(--msi-ui-primary);
  border-color: var(--msi-ui-primary);
}
.msi-chips .msi-chip--primary .msi-tag > a .msi-icon {
  display: inline-block;
  color: var(--msi-ui-primary-light);
}
.msi-chips .msi-chip--highlight .msi-tag > a {
  color: var(--msi-ui-primary-light);
  background-color: var(--msi-ui-primary-highlight);
  border-color: var(--msi-ui-primary-highlight);
}
.msi-chips .msi-chip--highlight .msi-tag > a .msi-icon {
  display: inline-block;
  color: var(--msi-ui-primary-light);
}
.msi-chips .msi-chip--available .msi-tag > a {
  color: var(--msi-ui-primary-light);
  background-color: var(--msi-ui-available);
  border-color: var(--msi-ui-available);
}
.msi-chips .msi-chip--available .msi-tag > a .msi-icon {
  display: inline-block;
  color: var(--msi-ui-primary-light);
}
.msi-chips .msi-tag {
  max-width: calc(100% - 8px);
  margin: 6px 0 0 8px;
}
.msi-chips .msi-tag > a {
  width: 100%;
  font-size: 0.75rem;
  text-transform: none;
  align-items: center;
  background-color: var(--chip-neutral-light);
  border-color: transparent;
}
.msi-chips .msi-tag-contents {
  display: flex;
  gap: 4px;
  align-items: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.msi-error-page {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.error-page-div {
  width: 100%;
  max-width: 900px;
  height: 100%;
  max-height: 500px;
  margin: auto;
}
.error-page-div .error-page-wrapper {
  display: grid;
  width: 100%;
  height: 100%;
  max-height: 100%;
  grid-template-columns: minmax(30%, 180px) 65%;
  grid-template-rows: 100%;
  grid-column-gap: 24px;
}
.error-page-div .error-page-wrapper.lg {
  grid-column-gap: 24px;
}
.error-page-div .error-page-wrapper.md, .error-page-div .error-page-wrapper.sm {
  grid-column-gap: 12px;
}
.error-page-div .error-page-wrapper .error-icon {
  width: 100%;
  max-width: 190px;
  height: 100%;
  margin-left: auto;
}
.error-page-div .error-page-wrapper .error-icon i {
  width: 100%;
  height: 100%;
}
.error-page-div .error-page-wrapper .error-message-div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  max-height: 100%;
}
.error-page-div .error-page-wrapper .error-message-div .error-title.lg {
  font-size: 3.75rem;
}
.error-page-div .error-page-wrapper .error-message-div .error-title.md {
  font-size: 2rem;
}
.error-page-div .error-page-wrapper .error-message-div .error-title.sm {
  font-size: 1.25rem;
}
.error-page-div .error-page-wrapper .error-message-div .error-title,
.error-page-div .error-page-wrapper .error-message-div .error-desc {
  font-weight: 700;
}
.error-page-div .error-page-wrapper .error-message-div .error-title.lg,
.error-page-div .error-page-wrapper .error-message-div .error-desc.lg {
  margin-bottom: 24px;
}
.error-page-div .error-page-wrapper .error-message-div .error-title.md,
.error-page-div .error-page-wrapper .error-message-div .error-desc.md {
  margin-bottom: 12px;
}
.error-page-div .error-page-wrapper .error-message-div .error-title.sm,
.error-page-div .error-page-wrapper .error-message-div .error-desc.sm {
  margin-bottom: 6px;
}
.error-page-div .error-page-wrapper .error-message-div .error-desc.lg,
.error-page-div .error-page-wrapper .error-message-div .error-code.lg {
  font-size: 2rem;
}
.error-page-div .error-page-wrapper .error-message-div .error-desc.md,
.error-page-div .error-page-wrapper .error-message-div .error-code.md {
  font-size: 1.25rem;
}
.error-page-div .error-page-wrapper .error-message-div .error-desc.sm,
.error-page-div .error-page-wrapper .error-message-div .error-code.sm {
  font-size: 0.875rem;
}

.msi-breadcrumb {
  width: 100%;
}

.msi-breadcrumb-list {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.msi-breadcrumb-list .dropdown-trigger {
  display: inline;
  margin: 2px 5px;
  letter-spacing: 1px;
  border-radius: 2px;
}
.msi-breadcrumb-list .dropdown-trigger:hover {
  cursor: pointer;
}
.msi-breadcrumb-list .dropdown-trigger:focus {
  color: #fff;
  background-color: #007aaa;
  outline: none;
}
.msi-breadcrumb-list .dropdown-trigger:focus .msi-icon {
  color: #fff;
}
.msi-breadcrumb-list .dropdown-trigger span {
  margin: 2px 0 2px 2px;
}
.msi-breadcrumb-list .dropdown-trigger msi-icon {
  margin: 2px 4px;
}
.msi-breadcrumb-list > li {
  display: inline;
}
.msi-breadcrumb-list > li:not(:first-child)::before {
  display: inline;
  content: "/";
}
.msi-breadcrumb-list > li:last-child > a {
  font-weight: bold;
}
.msi-breadcrumb-list > li:focus:not(.dropdown-trigger) > a {
  text-decoration: underline;
  outline: none;
}
.msi-breadcrumb-list > li > a {
  margin: 0 5px;
  color: var(--text-primary);
  cursor: pointer;
}
.msi-breadcrumb-list > li > a:hover {
  text-decoration: underline;
}

.msi-dropdown-item > a {
  color: var(--text-primary);
}

msi-file-upload-header {
  width: 100%;
  border-bottom: 1px solid var(--stroke-level-1);
}
msi-file-upload-header .msi-file-upload-header-descr {
  width: 100%;
  padding: 12px;
}
msi-file-upload-header .msi-file-upload-header-descr p {
  padding: 0;
  margin: 0;
  color: var(--text-primary);
}
msi-file-upload-header .msi-file-upload-header-descr .bold {
  margin-bottom: 2px;
  font-weight: bold;
  color: var(--text-secondary);
}

msi-file-upload-metadata {
  width: 100%;
  border-bottom: 1px solid var(--stroke-level-1);
}
msi-file-upload-metadata .divide {
  margin-top: 10px;
  margin-bottom: 5px;
}
msi-file-upload-metadata .msi-file-upload-header-body {
  width: 100%;
  padding: 12px 16px;
}
msi-file-upload-metadata .msi-file-upload-header-body label .req {
  margin-left: 1px;
  font-size: 0.55rem;
}
msi-file-upload-metadata .msi-file-upload-header-body msi-time-picker-control,
msi-file-upload-metadata .msi-file-upload-header-body msi-date-picker-control,
msi-file-upload-metadata .msi-file-upload-header-body msi-select {
  display: block;
  width: 100%;
}
msi-file-upload-metadata .msi-file-upload-header-body .msi-date-picker-control.has-dropdown {
  width: 100%;
}
msi-file-upload-metadata .msi-file-upload-header-body .emm-metadata-table {
  display: table;
  width: 100%;
  table-layout: fixed;
}
msi-file-upload-metadata .msi-file-upload-header-body .emm-metadata-table .emm-metadata-cell {
  display: table-cell;
  width: 33.3333%;
  padding: 0 12px;
  margin: 0;
}
msi-file-upload-metadata .msi-file-upload-header-body .emm-metadata-table .emm-metadata-cell:first-child {
  padding-left: 0;
}
msi-file-upload-metadata .msi-file-upload-header-body .emm-metadata-table .emm-metadata-cell:last-child {
  padding-right: 0;
}

msi-file-upload-buttons {
  flex-grow: 1;
}
msi-file-upload-buttons .msi-file-upload-buttons {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 100%;
}
msi-file-upload-buttons .msi-file-upload-buttons__top {
  margin-bottom: 12px;
  font-size: 1rem;
  text-align: center;
}
msi-file-upload-buttons .msi-file-upload-buttons__top-header {
  font-weight: 800;
}
msi-file-upload-buttons .msi-file-upload-buttons__top-text {
  font-weight: lighter;
}
msi-file-upload-buttons .msi-file-upload-buttons__bottom {
  font-size: 0.75rem;
  text-align: center;
}
msi-file-upload-buttons .msi-file-upload-buttons.top {
  justify-content: flex-start;
}
msi-file-upload-buttons .msi-file-upload-buttons.middle {
  justify-content: center;
}
msi-file-upload-buttons .msi-file-upload-buttons.bottom {
  justify-content: flex-end;
}
msi-file-upload-buttons .msi-file-upload-buttons .buttons-wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 12px 0;
}
msi-file-upload-buttons .msi-file-upload-buttons .buttons-wrap h4 {
  padding: 0;
  margin: auto;
}
msi-file-upload-buttons .msi-file-upload-buttons .buttons-wrap span {
  padding: 0;
  margin: auto;
}
msi-file-upload-buttons .msi-file-upload-buttons .buttons-wrap .buttons-line {
  text-align: center;
}
msi-file-upload-buttons .msi-file-upload-buttons .buttons-wrap .buttons-line .button-wrap {
  display: inline-block;
}
msi-file-upload-buttons .msi-file-upload-buttons .buttons-wrap .buttons-line .msi-btn {
  margin: 0 4px;
}
msi-file-upload-buttons .msi-file-upload-buttons .buttons-wrap .buttons-line .msi-btn .button-icon {
  display: flex;
  flex-direction: row;
  align-items: center;
}
msi-file-upload-buttons .msi-file-upload-buttons .buttons-wrap .buttons-line .msi-btn .msi-icon {
  color: inherit;
}

msi-file-upload-dragdrop-zone {
  position: relative;
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 100%;
  min-height: 420px;
}
msi-file-upload-dragdrop-zone .msi-file-upload-dragdrop-zone {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
}
msi-file-upload-dragdrop-zone .msi-file-upload-dragdrop-zone .msi-file-upload-dragdrop-zone-input {
  position: absolute;
  top: -999px;
  left: -999px;
  display: block;
  width: 0;
  height: 0;
  opacity: 0;
}
msi-file-upload-dragdrop-zone .msi-file-upload-dragdrop-zone .msi-file-upload-dragdrop-zone-content {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
}
msi-file-upload-dragdrop-zone .msi-file-upload-dragdrop-zone .msi-file-upload-dragdrop-zone-content .msi-file-upload-dragdrop-zone-preparing {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  margin: auto;
  text-align: center;
}
msi-file-upload-dragdrop-zone .msi-file-upload-dragdrop-zone .msi-file-upload-dragdrop-zone-content .msi-file-upload-dragdrop-zone-dragging {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
  padding-top: 37%;
  margin: auto;
  font-size: 1rem;
  font-weight: 800;
  color: rgba(0, 0, 0, 0.8);
  text-align: center;
  background-color: rgba(0, 122, 170, 0.1);
  border: 2px solid #007aaa;
}
msi-file-upload-dragdrop-zone .msi-file-upload-dragdrop-zone .msi-file-upload-dragdrop-zone-content .msi-file-upload-dragdrop-zone-second-bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.8);
}

msi-file-upload-list {
  display: block;
  padding-right: 12px;
  padding-left: 12px;
  overflow-y: scroll;
  overflow-x: hidden;
}
msi-file-upload-list .msi-table {
  width: 100%;
  cursor: pointer;
  background: none !important;
}
msi-file-upload-list .msi-table .msi-icon {
  flex-shrink: 0;
  margin: 0;
}
msi-file-upload-list .msi-table tr {
  border-bottom: 1px solid var(--primary-10);
}
msi-file-upload-list .msi-table tr:last-of-type {
  border-bottom: 0;
}
msi-file-upload-list .msi-table tr:last-of-type td {
  border-bottom: 0 !important;
}
msi-file-upload-list .msi-table tr:hover {
  background-color: rgba(0, 122, 170, 0.2);
}
msi-file-upload-list .msi-table tr:hover .preediting .editable {
  max-width: calc(100% - 22px);
}
msi-file-upload-list .msi-table tr:hover .preediting msi-icon {
  display: inline-block;
}
msi-file-upload-list .msi-table tr td {
  min-width: unset;
  padding: 0 6px;
  vertical-align: middle;
  border-bottom: 0;
}
msi-file-upload-list .msi-table tr td:first-child {
  padding: 0 6px 0 12px;
  text-align: center;
}
msi-file-upload-list .msi-table tr td:last-child {
  padding: 0 12px 0 6px;
}
msi-file-upload-list .msi-table tr .preediting {
  width: 100%;
  max-width: 100px;
}
msi-file-upload-list .msi-table tr .preediting .name-wrapper {
  display: flex;
}
msi-file-upload-list .msi-table tr .preediting span {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
msi-file-upload-list .msi-table tr .preediting msi-icon {
  display: none;
  margin-left: 6px;
  color: var(--text-primary);
  opacity: 0.4;
}
msi-file-upload-list .msi-table tr .editing {
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 4px;
}
msi-file-upload-list .msi-table tr .editing input {
  width: 100%;
}
msi-file-upload-list .msi-table tr .editing .error-message {
  margin-top: 4px;
  margin-bottom: 6px;
}
msi-file-upload-list .msi-table .table-cell-count {
  min-width: 66px;
  white-space: nowrap;
}
msi-file-upload-list .msi-table .table-cell-count .message-wrap {
  display: block;
  max-width: 170px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
msi-file-upload-list .msi-table .table-cell-right.cell-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  min-width: 86px;
  text-align: right;
}
msi-file-upload-list .msi-table .table-cell-right .msi-btn-icon {
  display: inline-flex;
}
msi-file-upload-list .msi-table .table-cell-right .spinner-wrap {
  display: inline-flex;
  width: 20px;
  height: 20px;
  margin: 7px;
  overflow: hidden;
}
msi-file-upload-list .msi-table .table-cell-progress {
  position: relative;
  padding: 0;
  margin: 0;
  border-bottom: 0;
}
msi-file-upload-list .msi-table .table-cell-progress msi-progress-bar {
  position: absolute;
  top: -3px;
  right: 0;
  left: 0;
}

msi-file-upload-footer {
  width: 100%;
  padding: 12px;
  border-top: 1px solid var(--primary-10);
}
msi-file-upload-footer .msi-file-upload-footer {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}
msi-file-upload-footer .msi-file-upload-footer .msi-btn {
  margin-left: 12px;
}
msi-file-upload-footer .msi-file-upload-footer .msi-btn .msi-icon {
  min-width: 18px;
  min-height: 18px;
  margin-right: 6px;
  color: inherit;
}
msi-file-upload-footer .wrap-item-icon {
  display: flex;
  flex-direction: row;
  align-items: center;
}
msi-file-upload-footer .wrap-item-icon .button-text {
  margin-left: 8px;
}

msi-file-upload {
  display: flex;
}
msi-file-upload .msi-file-upload {
  position: relative;
  width: 100%;
  height: 100%;
  white-space: nowrap;
}

.msi-emm-modal-warning-empty {
  max-width: 100%;
  padding: 0;
}

.empty-files-modal .content-description {
  margin: 15px 0;
}
.empty-files-modal .empty-files-heading {
  display: inline-block;
  cursor: pointer;
}
.empty-files-modal .empty-files-heading msi-icon {
  margin-right: 5px;
  transition: transform 0.4s;
}
.empty-files-modal .empty-files-heading msi-icon.active {
  transform: rotate(90deg);
}
.empty-files-modal .empty-files-list {
  max-width: 100%;
  max-height: 0;
  padding: 10px 0 0;
  overflow: hidden;
  transition: max-height 0.3s;
}
.empty-files-modal .empty-files-list li {
  margin-bottom: 10px;
}
.empty-files-modal .list-visible {
  max-height: 100px;
  overflow: auto;
}

.msi-accordion-item {
  --item-focus-color: var(--item-selection-primary);
  --item-hover-color: var(--item-selection-hover);
  --item-selection-text-color: #fff;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 0 9px;
  width: 100%;
  min-width: 100%;
  height: fit-content;
  min-height: 44px;
  margin-bottom: 1px;
  color: var(--text-primary);
  cursor: pointer;
  border: 3px solid transparent;
}
.msi-accordion-item.disabled {
  cursor: not-allowed;
  opacity: 0.4;
}
.msi-accordion-item.selected {
  color: var(--item-selection-text-color);
}
.msi-accordion-item.selected:not(:hover):not(.hover) {
  background-color: var(--item-focus-color);
}
.msi-accordion-item.selected:not(.disabled):hover, .msi-accordion-item.selected:not(.disabled).hover {
  background-color: var(--item-hover-color);
}
.msi-accordion-item.selected:not(.disabled):hover::before, .msi-accordion-item.selected:not(.disabled).hover::before {
  border-color: var(--item-hover-color);
}
.msi-accordion-item.selected:not(.disabled)::before {
  border-color: var(--item-focus-color);
}
@media (-ms-high-contrast: white-on-black) {
  .msi-accordion-item.selected {
    color: white;
    background-color: black;
  }
  .msi-accordion-item.selected:not(.disabled):active, .msi-accordion-item.selected:not(.disabled):active:hover, .msi-accordion-item.selected:not(.disabled):active.hover, .msi-accordion-item.selected:not(.disabled).active, .msi-accordion-item.selected:not(.disabled).active:hover, .msi-accordion-item.selected:not(.disabled).active.hover {
    background-color: #c0c0c0;
  }
  .msi-accordion-item.selected:not(.disabled):active::before, .msi-accordion-item.selected:not(.disabled):active:hover::before, .msi-accordion-item.selected:not(.disabled):active.hover::before, .msi-accordion-item.selected:not(.disabled).active::before, .msi-accordion-item.selected:not(.disabled).active:hover::before, .msi-accordion-item.selected:not(.disabled).active.hover::before {
    border-color: white;
  }
  .msi-accordion-item.selected:not(.disabled):focus::before, .msi-accordion-item.selected:not(.disabled).focus::before {
    border: 2px solid white;
  }
}
@media (-ms-high-contrast: black-on-white) {
  .msi-accordion-item.selected {
    color: black;
    background-color: white;
  }
  .msi-accordion-item.selected:not(.disabled):active, .msi-accordion-item.selected:not(.disabled):active:hover, .msi-accordion-item.selected:not(.disabled):active.hover, .msi-accordion-item.selected:not(.disabled).active, .msi-accordion-item.selected:not(.disabled).active:hover, .msi-accordion-item.selected:not(.disabled).active.hover {
    background-color: #404040;
  }
  .msi-accordion-item.selected:not(.disabled):active::before, .msi-accordion-item.selected:not(.disabled):active:hover::before, .msi-accordion-item.selected:not(.disabled):active.hover::before, .msi-accordion-item.selected:not(.disabled).active::before, .msi-accordion-item.selected:not(.disabled).active:hover::before, .msi-accordion-item.selected:not(.disabled).active.hover::before {
    border-color: black;
  }
  .msi-accordion-item.selected:not(.disabled):focus::before, .msi-accordion-item.selected:not(.disabled).focus::before {
    border: 2px solid black;
  }
}
.msi-accordion-item.item-title {
  font-size: 0.75rem;
  font-weight: 700;
  color: var(--text-secondary);
  text-transform: uppercase;
  cursor: default;
  opacity: 1;
}
.msi-accordion-item:focus {
  outline: none;
}
.msi-accordion-item:not(.disabled):not(.item-title):hover, .msi-accordion-item:not(.disabled):not(.item-title):focus-visible {
  background-color: var(--hover);
}
.msi-accordion-item:not(.disabled):not(.item-title):focus-visible {
  background-clip: padding-box;
}
.msi-accordion-item:not(.disabled):not(.item-title):focus-visible::before {
  position: absolute;
  top: -3px;
  right: -3px;
  bottom: -3px;
  left: -3px;
  content: "";
  border: 2px solid var(--item-selection-primary);
}
.msi-accordion-item:not(.disabled):not(.item-title):hover, .msi-accordion-item:not(.disabled):not(.item-title):focus-visible, .msi-accordion-item:not(.disabled):not(.item-title).hover {
  background-color: var(--hover);
}
.msi-accordion-item:not(.disabled):not(.item-title):active, .msi-accordion-item:not(.disabled):not(.item-title).active {
  color: var(--item-selection-text-color);
  background-color: var(--item-focus-color);
}
.msi-accordion-item:not(.disabled):not(.item-title):active .msi-icon, .msi-accordion-item:not(.disabled):not(.item-title).active .msi-icon {
  color: var(--item-selection-text-color);
}
.msi-accordion-item:not(.disabled):not(.item-title):active:hover, .msi-accordion-item:not(.disabled):not(.item-title):active.hover, .msi-accordion-item:not(.disabled):not(.item-title).active:hover, .msi-accordion-item:not(.disabled):not(.item-title).active.hover {
  background-color: var(--item-hover-color);
}
.msi-accordion-item:not(.disabled):not(.item-title):active:hover::before, .msi-accordion-item:not(.disabled):not(.item-title):active.hover::before, .msi-accordion-item:not(.disabled):not(.item-title).active:hover::before, .msi-accordion-item:not(.disabled):not(.item-title).active.hover::before {
  border-color: var(--item-hover-color);
}
@media (-ms-high-contrast: white-on-black) {
  .msi-accordion-item {
    color: white;
    -ms-high-contrast-adjust: none;
  }
  .msi-accordion-item:not(.disabled):active:hover, .msi-accordion-item:not(.disabled):active.hover, .msi-accordion-item:not(.disabled).active:hover, .msi-accordion-item:not(.disabled).active.hover {
    color: black;
    background-color: white;
  }
  .msi-accordion-item:not(.disabled):active:hover::before, .msi-accordion-item:not(.disabled):active.hover::before, .msi-accordion-item:not(.disabled).active:hover::before, .msi-accordion-item:not(.disabled).active.hover::before {
    border-color: white;
  }
  .msi-accordion-item:not(.disabled):focus, .msi-accordion-item:not(.disabled).focus {
    color: white;
    background-color: black;
  }
  .msi-accordion-item:not(.disabled):hover, .msi-accordion-item:not(.disabled).hover {
    color: black;
    background-color: #808080;
  }
  .msi-accordion-item:not(.disabled):focus::before, .msi-accordion-item:not(.disabled).focus::before {
    border-color: white;
  }
}
@media (-ms-high-contrast: black-on-white) {
  .msi-accordion-item {
    color: black;
    -ms-high-contrast-adjust: none;
  }
  .msi-accordion-item:not(.disabled):active:hover, .msi-accordion-item:not(.disabled):active.hover, .msi-accordion-item:not(.disabled).active:hover, .msi-accordion-item:not(.disabled).active.hover {
    color: white;
    background-color: black;
  }
  .msi-accordion-item:not(.disabled):active:hover::before, .msi-accordion-item:not(.disabled):active.hover::before, .msi-accordion-item:not(.disabled).active:hover::before, .msi-accordion-item:not(.disabled).active.hover::before {
    border-color: black;
  }
  .msi-accordion-item:not(.disabled):focus, .msi-accordion-item:not(.disabled).focus {
    color: black;
    background-color: white;
  }
  .msi-accordion-item:not(.disabled):hover, .msi-accordion-item:not(.disabled).hover {
    color: white;
    background-color: #808080;
  }
  .msi-accordion-item:not(.disabled):focus::before, .msi-accordion-item:not(.disabled).focus::before {
    border-color: black;
  }
}
.msi-accordion-item .item-icon {
  margin-top: 9px;
}
.msi-accordion-item .item-icon .msi-icon {
  transition: transform 300ms;
}
.msi-accordion-item .item-icon .msi-icon.opened {
  transform: rotate(180deg);
}
.msi-accordion-item .item-content {
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: bold;
  grid-area: content;
}
.msi-accordion-item .item-content .msi-checkbox .msi-checkbox-label {
  width: 100%;
  padding-left: 0;
}
.msi-accordion-item .item-content .msi-icon {
  margin-right: 6px;
  vertical-align: middle;
}

/* Light variant */
.msi-accordion-light .msi-accordion-item {
  --accordion-item-focus-color: var(--item-selection-primary-light);
  --accordion-item-hover-color: var(--item-selection-hover-light);
  --accordion-item-selection-text-color: var(--item-selection-text-color-light);
}

.msi-collapsable {
  overflow: hidden;
  transition: all 300ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transform: translateY(0);
}

.msi-accordion > msi-accordion-item > .msi-collapsable > div {
  padding-bottom: 12px;
}

.msi-accordion {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 360px;
  padding: 12px 0 24px;
  margin: 0;
  background-color: var(--background-level-2);
}
.msi-accordion .msi-collapsable .msi-accordion-item {
  border-bottom: 1px solid var(--primary-10);
}
.msi-accordion .msi-collapsable .msi-accordion-item .item-content {
  font-size: 0.875rem;
  font-weight: normal;
}

/* :disable no-important */
.msi-navigation-frame {
  z-index: 1;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  background-color: var(--background-level-1);
}
.msi-navigation-frame .msi-common-header-root {
  flex: 0 1;
}
.msi-navigation-frame .sidebar-container {
  height: 100%;
}
.msi-navigation-frame .msi-common-header-button.msi-common-header-overflow-button.msi-dropdown-trigger,
.msi-navigation-frame .msi-common-header-button.msi-mobile-common-header-overflow-button {
  display: none;
}

.msi-nav-wrapper {
  position: relative;
  display: flex;
  flex: 1 0;
  flex-direction: row;
  height: 100%;
}
.msi-nav-wrapper .msi-sidebar {
  flex: 0 1;
}
.msi-nav-wrapper .msi-nav-content {
  width: 100%;
  min-width: 0;
  max-width: 1440px;
  padding: 18px;
  margin: 0 auto;
  background: var(--background-level-2);
}

.msi-sidebar {
  z-index: 100000;
}
.msi-sidebar .msi-header-overflow {
  background-color: var(--primary-05);
  border-top: 1px solid var(--hover);
}
.msi-sidebar .msi-header-overflow:empty {
  display: none;
}
.msi-sidebar .overflow-hide {
  display: none;
}
.msi-sidebar .msi-sidebar-overflow-item.has-avatar .icon-container .msi-icon {
  overflow: hidden;
  border-radius: 50%;
  clip-path: circle(16px at 50% 50%);
}
.msi-sidebar .msi-sidebar-overflow-item.has-avatar .description,
.msi-sidebar .msi-sidebar-overflow-item.has-avatar .arrow {
  color: var(--text-primary);
}

.msi-nav-backdrop {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  z-index: 99999;
  background: rgba(0, 0, 0, 0.6);
}

.msi-nav-menu-button {
  display: none;
}

.msi-nav-frame-bp-768 .msi-nav-menu-button,
.msi-nav-collapsed .msi-nav-menu-button {
  display: flex;
}
.msi-nav-frame-bp-768 .msi-sidebar,
.msi-nav-collapsed .msi-sidebar {
  position: absolute;
  top: 0;
  bottom: 0;
  display: none;
}
.msi-nav-frame-bp-768 .sidebar-item-expand,
.msi-nav-collapsed .sidebar-item-expand {
  display: none;
}
.msi-nav-frame-bp-768 .sidebar-container,
.msi-nav-collapsed .sidebar-container {
  padding-bottom: 0;
}
.msi-nav-frame-bp-768.msi-sidebar-open .msi-sidebar,
.msi-nav-frame-bp-768.msi-sidebar-open .msi-nav-backdrop,
.msi-nav-collapsed.msi-sidebar-open .msi-sidebar,
.msi-nav-collapsed.msi-sidebar-open .msi-nav-backdrop {
  display: block;
}

.msi-inline-input {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
}
.msi-inline-input .msi-inline-input-wrapper {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
}
.msi-inline-input .msi-inline-input-wrapper .msi-input,
.msi-inline-input .msi-inline-input-wrapper .msi-autocomplete-input {
  width: 100% !important;
  position: relative;
}
.msi-inline-input .msi-inline-input-wrapper .msi-input:not(:hover):not(:focus):not(:active),
.msi-inline-input .msi-inline-input-wrapper .msi-autocomplete-input:not(:hover):not(:focus):not(:active) {
  border: 1px solid transparent !important;
}
.msi-inline-input .msi-inline-input-wrapper .msi-input:hover,
.msi-inline-input .msi-inline-input-wrapper .msi-autocomplete-input:hover {
  border: 1px solid var(--input-border-color);
  background: var(--input-hover);
}
.msi-inline-input .msi-inline-input-wrapper .msi-input:focus, .msi-inline-input .msi-inline-input-wrapper .msi-input:active,
.msi-inline-input .msi-inline-input-wrapper .msi-autocomplete-input:focus,
.msi-inline-input .msi-inline-input-wrapper .msi-autocomplete-input:active {
  border: 1px solid var(--focus-border-color);
}
.msi-inline-input .msi-inline-input-wrapper .msi-input:focus ~ .msi-inline-input-suffix .msi-icon {
  color: var(--icon-primary);
}
.msi-inline-input .msi-inline-input-wrapper .msi-inline-input-suffix {
  position: absolute;
  z-index: 9999;
  margin-right: 6px;
}
.msi-inline-input .msi-inline-input-wrapper .msi-inline-input-suffix .msi-icon {
  display: flex;
  width: 18px;
  height: 18px;
  color: transparent;
  padding: 4px;
  z-index: 99999;
  border-radius: 50%;
}
.msi-inline-input .msi-inline-input-wrapper:hover .msi-icon {
  color: var(--icon-primary);
  z-index: 9999;
  width: 18px;
  height: 18px;
}
.msi-inline-input .msi-inline-input-wrapper:hover .msi-icon:hover {
  border-radius: 50%;
  background: var(--hover);
}

.autocomplete-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  cursor: text;
  padding: 4px;
  border: 1px solid transparent;
  max-width: 100%;
  width: 100%;
}
.autocomplete-wrapper:hover {
  border: 1px solid var(--input-border-color);
}
.autocomplete-wrapper.focus {
  border: 1px solid var(--focus-border-color);
  padding: 0;
}
.autocomplete-wrapper.focus .msi-input {
  border: none;
  height: 45px;
  max-width: 100% !important;
  line-height: 35px;
  font-size: 28px;
  font-weight: 700;
  background-color: transparent !important;
}
.autocomplete-wrapper.focus .msi-input.focus, .autocomplete-wrapper.focus .msi-input.hover {
  background-color: transparent !important;
}
.autocomplete-wrapper.error {
  border: 1px solid var(--msi-ui-alert);
}
.autocomplete-wrapper .autocomplete-text {
  line-height: 35px;
  font-size: 28px;
  font-weight: 700;
}
.autocomplete-wrapper .autocomplete-text.placeholder {
  font-weight: 500;
}
.autocomplete-wrapper .autocomplete-arrow {
  display: flex;
  width: 12px;
  min-width: 12px;
  height: 12px;
  -webkit-user-select: none;
          user-select: none;
  transition: transform 100ms;
  transform-origin: center center;
}

.msi-sidepanel {
  display: flex;
  flex-direction: column;
  height: 100%;
  background-color: var(--modal-background);
}
.msi-sidepanel.sidepanel-absolute {
  position: absolute;
  top: 0;
}
.msi-sidepanel.sidepanel-left {
  margin-right: 12px;
  border-right: 1px solid var(--stroke-level-1);
  box-shadow: 3px 1px 6px -6px var(--table-frozen-shadow-color);
}
.msi-sidepanel.sidepanel-left.sidepanel-absolute {
  left: 0;
}
.msi-sidepanel.sidepanel-right {
  margin-left: 12px;
  border-left: 1px solid var(--stroke-level-1);
  box-shadow: -3px 1px 6px -6px var(--table-frozen-shadow-color);
}
.msi-sidepanel.sidepanel-right.sidepanel-absolute {
  right: 0;
}
.msi-sidepanel .msi-sidepanel-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 42px;
  padding: 0 12px;
  color: var(--text-primary);
  background: var(--sidepanel-header-background-color);
  border-bottom: 1px solid var(--stroke-level-1);
}
.msi-sidepanel .msi-sidepanel-header .msi-sidepanel-header-suffix {
  display: flex;
  flex-direction: row;
}
.msi-sidepanel .msi-sidepanel-header .msi-sidepanel-header-suffix .msi-icon {
  color: var(--text-primary);
}
.msi-sidepanel .msi-sidepanel-content {
  display: flex;
  flex-direction: row;
  height: calc(100% - 42px);
  padding: 0 12px;
  color: var(--text-primary);
  background-color: var(--modal-background);
}

.msi-sidepanel-modal-overlay,
.msi-sidepanel-modal-overlay-over-header {
  width: 100vw;
  height: 100vh;
  background-color: var(--msi-ui-primary-dark-70);
}
.msi-sidepanel-modal-overlay .msi-sidepanel-modal,
.msi-sidepanel-modal-overlay-over-header .msi-sidepanel-modal {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: var(--modal-background);
  border-radius: 4px;
}
.msi-sidepanel-modal-overlay .msi-sidepanel-modal .msi-sidepanel-modal-header,
.msi-sidepanel-modal-overlay-over-header .msi-sidepanel-modal .msi-sidepanel-modal-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 42px;
  padding: 0 12px;
  color: var(--text-primary);
  background: var(--sidepanel-header-background-color);
  border-bottom: 1px solid var(--stroke-level-1);
}
.msi-sidepanel-modal-overlay .msi-sidepanel-modal .msi-sidepanel-modal-header .msi-sidepanel-header-suffix,
.msi-sidepanel-modal-overlay-over-header .msi-sidepanel-modal .msi-sidepanel-modal-header .msi-sidepanel-header-suffix {
  display: flex;
  flex-direction: row;
}
.msi-sidepanel-modal-overlay .msi-sidepanel-modal .msi-sidepanel-modal-header .msi-sidepanel-header-suffix .msi-icon,
.msi-sidepanel-modal-overlay-over-header .msi-sidepanel-modal .msi-sidepanel-modal-header .msi-sidepanel-header-suffix .msi-icon {
  color: var(--text-primary);
}
.msi-sidepanel-modal-overlay .msi-sidepanel-modal .msi-sidepanel-modal-content,
.msi-sidepanel-modal-overlay-over-header .msi-sidepanel-modal .msi-sidepanel-modal-content {
  width: 100%;
  height: calc(100% - 40px);
  padding: 0 24px;
  color: var(--text-primary);
  border: 1px solid var(--stroke-level-1);
}
.msi-sidepanel-modal-overlay .sidebar-padding,
.msi-sidepanel-modal-overlay-over-header .sidebar-padding {
  margin-left: 26px;
}
.msi-sidepanel-modal-overlay .sidebar-padding-expanded,
.msi-sidepanel-modal-overlay-over-header .sidebar-padding-expanded {
  margin-left: 226px;
}
.msi-sidepanel-modal-overlay .sidebar-padding-expanded-flyout,
.msi-sidepanel-modal-overlay-over-header .sidebar-padding-expanded-flyout {
  margin-left: 250px;
}

.msi-sidepanel-modal-overlay {
  z-index: 99998;
  height: calc(100% - 48px);
  padding: 48px 24px 24px;
}

.msi-sidepanel-modal-overlay-over-header {
  z-index: 100000;
  height: 100%;
  padding: 24px;
}

.msi-card-media-type {
  margin: 6px;
  width: 178px;
  height: 216px;
}
.msi-card-media-type .msi-card-title,
.msi-card-media-type .msi-card-content {
  word-break: break-all;
  padding: 10px;
  height: 40px;
  min-height: 40px;
}
.msi-card-media-type .msi-card-title .msi-icon,
.msi-card-media-type .msi-card-content .msi-icon {
  min-width: 18px;
  flex-shrink: 0;
}
.msi-card-media-type .msi-card-title .icons-wrap {
  display: flex;
  margin-left: auto;
}
.msi-card-media-type .msi-card-title .icons-wrap msi-spinner {
  margin-left: 5px;
}
.msi-card-media-type .msi-card-title .icons-wrap .msi-icon {
  padding: 0 0 0 5px;
}
.msi-card-media-type .msi-card-title span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.msi-card-media-type .msi-card-title .thumbnail-view-icon {
  min-width: 18px;
}
.msi-card-media-type .msi-card-title .more-options-icon {
  margin-left: auto;
  color: var(--text-primary);
}
.msi-card-media-type .msi-card-image {
  text-align: center;
  background-color: var(--card-image-background);
  height: 114px;
  position: relative;
}
.msi-card-media-type .msi-card-error {
  width: 178px;
}
.msi-card-media-type .tile-owner {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

msi-icon.play-icon {
  width: 31px;
  height: 31px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-size: 100%;
}

.tile__default-icon {
  padding: 10px 0;
  margin-top: 32px;
  margin-bottom: 32px;
}

.triangle-wrapper {
  position: absolute;
  bottom: 0;
  right: 0;
}
.triangle-wrapper .triangle-bg {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 24px 24px;
  border-color: transparent transparent var(--background-level-3) transparent;
}
.triangle-wrapper .lock-icon {
  position: absolute;
  bottom: 1px;
  right: 1px;
}

/* MISSION CRITICAL COMPONENTS */
/* stylelint-disable scss/operator-no-unspaced */
/* stylelint-disable scss/operator-no-unspaced */
html.mc-light {
  /* Themed colors for components */
  /* Colors which are made from a combination of colors in the base color palette
  (e.g. background color + overlay) */
  /* Colors which are a secondary blending of already-blended colors */
  /* export all of these as CSS4 variables */
  /* export all of these as CSS4 variables */
  /* Either include them at :root context or global */
  --text-primary: rgba(0, 0, 0, 0.9);
  --text-secondary: rgba(0, 0, 0, 0.6);
  --text-selected: #fff;
  --text-link: #007aaa;
  --text-link-clicked: #79477e;
  --text-inverse-primary: #fff;
  --text-inverse-secondary: rgba(255, 255, 255, 0.7);
  --text-dark: rgba(0, 0, 0, 0.9);
  --text-dark-secondary: rgba(0, 0, 0, 0.6);
  --text-light: #fff;
  --text-light-secondary: rgba(255, 255, 255, 0.7);
  --button-text: #fff;
  --focus-find-highlight: #fff84d;
  --focus-find: rgba(255, 248, 77, 0.4);
  --hover: rgba(0, 0, 0, 0.1);
  --hover-large: rgba(0, 0, 0, 0.05);
  --error: #d0021b;
  --alert: #d0021b;
  --success: #099a49;
  --disabled-opacity: 0.4;
  --inverted: #fff;
  --click: rgba(255, 255, 255, 0.4);
  --focus-border-color: #007aaa;
  --focus-primary: #007aaa;
  --focus-primary-60: rgba(0, 122, 170, 0.6);
  --focus-secondary: #007aaa;
  --focus-tertiary: rgba(0, 122, 170, 0.6);
  --focus-selection: rgba(0, 122, 170, 0.2);
  --focus-selection-light: rgba(0, 122, 170, 0.1);
  --focus-timeline: rgba(0, 122, 170, 0.6);
  --shadow-level-1: 0 1px 3px 0 rgba(0, 0, 0, 0.3);
  --shadow-level-2: 0 2px 6px 0 rgba(0, 0, 0, 0.3);
  --shadow-level-3: 0 3px 9px 0 rgba(0, 0, 0, 0.3);
  --background-level-1: #f5f6f7;
  --background-level-2: #fff;
  --background-level-3: #fff;
  --background-blue-level-1: #eef6f9;
  --background-input: #fff;
  --background-input-light: #fff;
  --background-input-read: rgba(0, 0, 0, 0.1);
  --background-header: rgba(0, 0, 0, 0.05);
  --background-tooltip: #fff;
  --background-underlay: rgba(0, 0, 0, 0.7);
  --common-header-background: #213f59;
  --fill-light-level-1: rgba(255, 255, 255, 0.1);
  --fill-light-level-2: rgba(255, 255, 255, 0.2);
  --fill-light-level-3: rgba(255, 255, 255, 0.3);
  --fill-light-level-4: rgba(255, 255, 255, 0.4);
  --fill-dark-level-1: rgba(0, 0, 0, 0.1);
  --fill-dark-level-2: rgba(0, 0, 0, 0.2);
  --fill-dark-level-3: rgba(0, 0, 0, 0.3);
  --fill-dark-level-4: rgba(0, 0, 0, 0.4);
  --background-chat-bubble-outgoing: rgba(0, 122, 170, 0.1);
  --background-chat-bubble-incoming: rgba(0, 0, 0, 0.05);
  --background-callout: rgba(0, 0, 0, 0.05);
  --background-thumbnail: rgba(0, 0, 0, 0.05);
  --background-dropdown: #fff;
  --background-toast: #fff;
  --chip-red: #d0021b;
  --chip-gold: #ff8400;
  --chip-green: #099a49;
  --chip-blue: #007aaa;
  --chip-secondary: #662d91;
  --chip-neutral: rgba(0, 0, 0, 0.7);
  --chip-neutral-light: rgba(0, 0, 0, 0.1);
  --stroke-level-1: rgba(0, 0, 0, 0.1);
  --stroke-level-2: rgba(0, 0, 0, 0.2);
  --stroke-level-4: rgba(0, 0, 0, 0.4);
  --stroke-inverse-level-1: rgba(255, 255, 255, 0.1);
  --stroke-inverse-level-2: rgba(255, 255, 255, 0.2);
  --stroke-inverse-level-4: rgba(255, 255, 255, 0.4);
  --stroke-light-level-1: rgba(255, 255, 255, 0.1);
  --stroke-light-level-2: rgba(255, 255, 255, 0.2);
  --stroke-light-level-4: rgba(255, 255, 255, 0.4);
  --stroke-dark-level-1: rgba(0, 0, 0, 0.1);
  --stroke-dark-level-2: rgba(0, 0, 0, 0.2);
  --stroke-dark-level-4: rgba(0, 0, 0, 0.4);
  --focus-find-stroke: rgba(0, 0, 0, 0.2);
  --focus-find-stroke-highlight: rgba(0, 0, 0, 0.4);
  --icon-primary: rgba(0, 0, 0, 0.8);
  --icon-secondary: #fff;
  --icon-tertiary: rgba(0, 0, 0, 0.8);
  --icon-light: #fff;
  --icon-dark: rgba(0, 0, 0, 0.8);
  --icon-unfocused: rgba(0, 0, 0, 0.5);
  --icon-focus: #007aaa;
  --icon-inverse: #fff;
  --neutral: #4a4a4a;
  --neutral-40: rgba(74, 74, 74, 0.4);
  --neutral-70: rgba(74, 74, 74, 0.7);
  --neutral-level-1: rgba(0, 0, 0, 0.1);
  --neutral-level-2: rgba(0, 0, 0, 0.2);
  --neutral-level-3: rgba(0, 0, 0, 0.4);
  --primary: #000;
  --primary-80: rgba(0, 0, 0, 0.8);
  --primary-70: rgba(0, 0, 0, 0.7);
  --primary-60: rgba(0, 0, 0, 0.6);
  --primary-50: rgba(0, 0, 0, 0.5);
  --primary-40: rgba(0, 0, 0, 0.4);
  --primary-30: rgba(0, 0, 0, 0.3);
  --primary-20: rgba(0, 0, 0, 0.2);
  --primary-10: rgba(0, 0, 0, 0.1);
  --primary-05: rgba(0, 0, 0, 0.05);
  --emergency: #ff8400;
  --accent-light-blue: #00a5e5;
  --accent-light-blue-select: rgba(0, 165, 229, 0.2);
  --accent-med-blue: #005fbe;
  --accent-med-blue-select: rgba(0, 95, 190, 0.2);
  --accent-light-green: #b6bf00;
  --accent-light-green-select: rgba(182, 191, 0, 0.2);
  --accent-dark-green: #6b711e;
  --accent-dark-green-select: rgba(107, 113, 30, 0.2);
  --accent-med-purple: #662d91;
  --accent-med-purple-select: rgba(55, 32, 124, 0.2);
  --accent-dark-purple: #37207c;
  --accent-dark-purple-select: rgba(55, 32, 124, 0.2);
  --accent-med-gold: #fcb400;
  --accent-med-gold-select: rgba(252, 180, 0, 0.2);
  --accent-dark-gold: #c97d00;
  --accent-dark-gold-select: rgba(201, 125, 0, 0.2);
  --accent-med-brown: #734c45;
  --accent-med-brown-select: rgba(115, 76, 69, 0.2);
  --accent-primary-highlight: #28b1ec;
  --accent-primary-highlight-select: rgba(0, 122, 170, 0.3);
  --accent-success: #099a49;
  --accent-success-select: rgba(9, 154, 73, 0.2);
  --accent-slate: #37667c;
  --accent-slate-select: rgba(55, 102, 124, 0.2);
  --accent-error: #ff4d4d;
  --accent-error-select: rgba(208, 2, 27, 0.2);
  --chart-med-blue-1: #007aaa;
  --chart-med-blue-2: #3395bb;
  --chart-med-blue-3: #59a8c8;
  --chart-med-blue-4: #7fbcd4;
  --chart-med-blue-5: #a6d1e1;
  --chart-slate-1: #37667c;
  --chart-slate-2: #5f8596;
  --chart-slate-3: #7d9caa;
  --chart-slate-4: #9bb2bd;
  --chart-slate-5: #b9c9d1;
  --icon-filter: invert(0%) sepia(0%) saturate(7500%) hue-rotate(152deg) brightness(99%) contrast(105%) opacity(90%);
  --dark-to-light-filter: none;
  --light-to-dark-filter: invert(100%);
  --action-button-text: #007aaa;
  --button-background: #007aaa;
  --button-overlay: rgba(0, 0, 0, 0.1);
  --button-border-color: rgba(255, 255, 255, 0.1);
  --button-secondary: #007aaa;
  --callout-error-background: rgba(208, 2, 27, 0.2);
  --callout-error-border: rgba(208, 2, 27, 0.6);
  --callout-error-icon: #d0021b;
  --callout-info-background: rgba(0, 122, 170, 0.2);
  --callout-info-border: rgba(0, 122, 170, 0.6);
  --callout-success-background: rgba(9, 154, 73, 0.2);
  --callout-success-border: rgba(9, 154, 73, 0.6);
  --callout-warning-background: rgba(252, 180, 0, 0.2);
  --callout-warning-border: rgba(252, 180, 0, 0.6);
  --header-background-color: #213f59;
  --input-background: #fff;
  --input-background-read: rgba(0, 0, 0, 0.1);
  --input-border-color: rgba(0, 0, 0, 0.2);
  --input-secondary-background: #eef6f9;
  --input-secondary-background-read: rgba(0, 0, 0, 0.1);
  --input-secondary-border-color: rgba(0, 0, 0, 0.2);
  --modal-background: #fff;
  --slider-track: rgba(0, 0, 0, 0.2);
  --slider-handle-background: #fff;
  --slider-handle-border-color: rgba(0, 0, 0, 0.4);
  --tooltip-background: #fff;
  --item-selection-primary: #007aaa;
  --item-selection-primary-light: rgba(0, 122, 170, 0.2);
  --item-selection-text-color-light: #fff;
  --table-frozen-shadow-color: rgba(0, 0, 0, 0.3);
  --table-background: #fff;
  --sidepanel-header-background-color: #f5f6f7;
  --button-enabled: #007aaa;
  --button-hover: rgb(0, 98.82, 137.7);
  --button-pressed: #007aaa;
  --button-pressed-hover: rgb(0, 109.8, 153);
  --input-hover: rgb(229.5, 229.5, 229.5);
  --slider-handle-hover: rgb(229.5, 229.5, 229.5);
  --toggle-handle-border-color: rgba(0, 0, 0, 0.2);
  --item-selection-hover: rgb(0, 109.8, 153);
  --item-selection-hover-light: rgba(0, 78.4285714286, 109.2857142857, 0.28);
  --table-hover: rgb(229.5, 229.5, 229.5);
  --table-selection: rgb(204, 228.4, 238);
  --table-selection-hover: rgb(183.6, 205.56, 214.2);
  /* Either include them at :root context or global */
  --msi-ui-spacing-xs: 6px;
  --msi-ui-spacing-s: 12px;
  --msi-ui-spacing-m: 18px;
  --msi-ui-spacing-l: 24px;
  --msi-ui-spacing-xl: 36px;
  --msi-ui-spacing-xxl: 48px;
  --msi-ui-input-padding: 8px;
  --msi-mission-critical-h1-font: bold 32px/37px "Roboto";
  --msi-mission-critical-h3-font: bold 24px/36px "Roboto";
  --msi-mission-critical-h4-font: bold 20px/30px "Roboto";
  --msi-mission-critical-h5-font: bold 16px/24px "Roboto";
  --msi-mission-critical-h6-font: bold 16px/24px "Roboto";
  --msi-mc-button-height: 42px;
  --msi-mc-button-padding: 9px 18px;
  --msi-mc-button-icon: 48px;
  --msi-mc-icon: 36px;
  --mc-btn-large-padding: 15px 24px;
  --mc-btn-small-height: 36px;
  --mc-icon-in-button-height: 24px
}
html.mc-light .msi-btn:not(.msi-toast-close-button):not(.msi-btn-compact) .msi-icon {
  width: var(--msi-mc-icon);
  height: var(--msi-mc-icon);
}
html.mc-light .msi-btn:not(.msi-toast-close-button):not(.msi-btn-compact) .msi-icon i svg {
  width: var(--msi-mc-icon);
  height: var(--msi-mc-icon);
}
html.mc-dark {
  /* Themed colors for components */
  /* Colors which are made from a combination of colors in the base color palette
  (e.g. background color + overlay) */
  /* Colors which are a secondary blending of already-blended colors */
  /* export all of these as CSS4 variables */
  /* export all of these as CSS4 variables */
  /* Either include them at :root context or global */
  --text-primary: #fff;
  --text-secondary: rgba(255, 255, 255, 0.7);
  --text-selected: #fff;
  --text-link: #007aaa;
  --text-link-clicked: #79477e;
  --text-inverse-primary: rgba(0, 0, 0, 0.9);
  --text-inverse-secondary: rgba(0, 0, 0, 0.6);
  --text-dark: rgba(0, 0, 0, 0.9);
  --text-dark-secondary: rgba(0, 0, 0, 0.6);
  --text-light: #fff;
  --text-light-secondary: rgba(255, 255, 255, 0.7);
  --button-text: #fff;
  --focus-find-highlight: #fff84d;
  --focus-find: rgba(255, 248, 77, 0.7);
  --hover: rgba(255, 255, 255, 0.1);
  --hover-large: rgba(255, 255, 255, 0.05);
  --error: #ff4d4d;
  --alert: #ff4d4d;
  --success: #099a49;
  --disabled-opacity: 0.4;
  --inverted: #000;
  --click: rgba(255, 255, 255, 0.4);
  --focus-border-color: #007aaa;
  --focus-primary: #007aaa;
  --focus-primary-60: rgba(0, 122, 170, 0.6);
  --focus-secondary: #28b1ec;
  --focus-tertiary: rgba(0, 122, 170, 0.8);
  --focus-selection: rgba(0, 122, 170, 0.5);
  --focus-selection-light: rgba(0, 122, 170, 0.4);
  --focus-timeline: rgba(0, 122, 170, 0.6);
  --shadow-level-1: 0 1px 3px 0 rgba(0, 0, 0, 0.5);
  --shadow-level-2: 0 2px 6px 0 rgba(0, 0, 0, 0.5);
  --shadow-level-3: 0 3px 9px 0 rgba(0, 0, 0, 0.5);
  --background-level-1: #000912;
  --background-level-2: #142737;
  --background-level-3: #142737;
  --background-blue-level-1: #000912;
  --background-input: #142737;
  --background-input-light: #fff;
  --background-input-read: rgba(255, 255, 255, 0.1);
  --background-header: rgba(255, 255, 255, 0.05);
  --background-tooltip: #4a4a4a;
  --background-underlay: rgba(0, 0, 0, 0.7);
  --common-header-background: #001526;
  --fill-light-level-1: rgba(255, 255, 255, 0.1);
  --fill-light-level-2: rgba(255, 255, 255, 0.2);
  --fill-light-level-3: rgba(255, 255, 255, 0.3);
  --fill-light-level-4: rgba(255, 255, 255, 0.4);
  --fill-dark-level-1: rgba(0, 0, 0, 0.1);
  --fill-dark-level-2: rgba(0, 0, 0, 0.2);
  --fill-dark-level-3: rgba(0, 0, 0, 0.3);
  --fill-dark-level-4: rgba(0, 0, 0, 0.4);
  --background-chat-bubble-outgoing: rgba(0, 122, 170, 0.2);
  --background-chat-bubble-incoming: rgba(255, 255, 255, 0.1);
  --background-callout: rgba(0, 0, 0, 0.1);
  --background-thumbnail: rgba(255, 255, 255, 0.05);
  --background-dropdown: #2c3d4b;
  --background-toast: #2c3d4b;
  --chip-red: #ff4d4d;
  --chip-gold: #ff8400;
  --chip-green: #099a49;
  --chip-blue: #007aaa;
  --chip-secondary: #8f66af;
  --chip-neutral: rgba(255, 255, 255, 0.4);
  --chip-neutral-light: rgba(255, 255, 255, 0.2);
  --stroke-level-1: rgba(255, 255, 255, 0.1);
  --stroke-level-2: rgba(255, 255, 255, 0.2);
  --stroke-level-4: rgba(255, 255, 255, 0.4);
  --stroke-inverse-level-1: rgba(0, 0, 0, 0.1);
  --stroke-inverse-level-2: rgba(0, 0, 0, 0.2);
  --stroke-inverse-level-4: rgba(0, 0, 0, 0.4);
  --stroke-light-level-1: rgba(255, 255, 255, 0.1);
  --stroke-light-level-2: rgba(255, 255, 255, 0.2);
  --stroke-light-level-4: rgba(255, 255, 255, 0.4);
  --stroke-dark-level-1: rgba(0, 0, 0, 0.1);
  --stroke-dark-level-2: rgba(0, 0, 0, 0.2);
  --stroke-dark-level-4: rgba(0, 0, 0, 0.4);
  --focus-find-stroke: rgba(0, 0, 0, 0.2);
  --focus-find-stroke-highlight: rgba(0, 0, 0, 0.4);
  --icon-primary: #fff;
  --icon-secondary: #fff;
  --icon-tertiary: rgba(0, 0, 0, 0.8);
  --icon-light: #fff;
  --icon-dark: rgba(0, 0, 0, 0.8);
  --icon-unfocused: rgba(255, 255, 255, 0.5);
  --icon-focus: #28b1ec;
  --icon-inverse: rgba(0, 0, 0, 0.8);
  --neutral: #a6abaf;
  --neutral-40: rgba(166, 171, 175, 0.4);
  --neutral-70: rgba(166, 171, 175, 0.7);
  --neutral-level-1: rgba(255, 255, 255, 0.1);
  --neutral-level-2: rgba(255, 255, 255, 0.2);
  --neutral-level-3: rgba(255, 255, 255, 0.4);
  --primary: #fff;
  --primary-80: rgba(255, 255, 255, 0.8);
  --primary-70: rgba(255, 255, 255, 0.7);
  --primary-60: rgba(255, 255, 255, 0.6);
  --primary-50: rgba(255, 255, 255, 0.5);
  --primary-40: rgba(255, 255, 255, 0.4);
  --primary-30: rgba(255, 255, 255, 0.3);
  --primary-20: rgba(255, 255, 255, 0.2);
  --primary-10: rgba(255, 255, 255, 0.1);
  --primary-05: rgba(255, 255, 255, 0.05);
  --emergency: #ff8400;
  --accent-light-blue: #00caff;
  --accent-light-blue-select: rgba(0, 202, 255, 0.35);
  --accent-med-blue: #3694ed;
  --accent-med-blue-select: rgba(54, 148, 237, 0.35);
  --accent-light-green: #cfd900;
  --accent-light-green-select: rgba(207, 217, 0, 0.35);
  --accent-dark-green: #a0a634;
  --accent-dark-green-select: rgba(160, 166, 52, 0.35);
  --accent-med-purple: #8f66af;
  --accent-med-purple-select: rgba(118, 95, 197, 0.35);
  --accent-dark-purple: #765fc5;
  --accent-dark-purple-select: rgba(118, 95, 197, 0.35);
  --accent-med-gold: #ffd469;
  --accent-med-gold-select: rgba(255, 212, 105, 0.45);
  --accent-dark-gold: #dcaa59;
  --accent-dark-gold-select: rgba(220, 170, 89, 0.35);
  --accent-med-brown: #a67f79;
  --accent-med-brown-select: rgba(166, 127, 121, 0.35);
  --accent-primary-highlight: #28b1ec;
  --accent-primary-highlight-select: rgba(0, 122, 170, 0.3);
  --accent-success: #5fbd89;
  --accent-success-select: rgba(95, 189, 137, 0.35);
  --accent-slate: #7394a4;
  --accent-slate-select: rgba(115, 148, 164, 0.35);
  --accent-error: #ff4d4d;
  --accent-error-select: rgba(255, 77, 77, 0.3);
  --chart-med-blue-1: #99cadd;
  --chart-med-blue-2: #73b6d0;
  --chart-med-blue-3: #4ca2c3;
  --chart-med-blue-4: #268eb7;
  --chart-med-blue-5: #007aaa;
  --chart-slate-1: #afc2cb;
  --chart-slate-2: #91abb7;
  --chart-slate-3: #7394a3;
  --chart-slate-4: #557d90;
  --chart-slate-5: #37667c;
  --icon-filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(39deg) brightness(102%) contrast(102%);
  --dark-to-light-filter: invert(100%);
  --light-to-dark-filter: none;
  --action-button-text: #28b1ec;
  --button-background: #007aaa;
  --button-overlay: rgba(0, 0, 0, 0.1);
  --button-border-color: rgba(255, 255, 255, 0.1);
  --button-secondary: #28b1ec;
  --callout-error-background: rgba(208, 2, 27, 0.4);
  --callout-error-border: #ff4d4d;
  --callout-error-icon: #ff4d4d;
  --callout-info-background: rgba(0, 122, 170, 0.4);
  --callout-info-border: #007aaa;
  --callout-success-background: rgba(9, 154, 73, 0.4);
  --callout-success-border: #099a49;
  --callout-warning-background: rgba(252, 180, 0, 0.4);
  --callout-warning-border: #fcb400;
  --header-background-color: #001526;
  --input-background: #001526;
  --input-background-read: rgba(255, 255, 255, 0.05);
  --input-border-color: rgba(255, 255, 255, 0.2);
  --input-secondary-background: rgba(255, 255, 255, 0.1);
  --input-secondary-background-read: rgba(255, 255, 255, 0.05);
  --input-secondary-border-color: rgba(255, 255, 255, 0.1);
  --modal-background: #142737;
  --slider-track: rgba(255, 255, 255, 0.1);
  --slider-handle-background: #fff;
  --slider-handle-border-color: transparent;
  --tooltip-background: #4a4a4a;
  --item-selection-primary: #007aaa;
  --item-selection-primary-light: rgba(0, 122, 170, 0.5);
  --item-selection-text-color-light: #fff;
  --table-frozen-shadow-color: rgba(0, 0, 0, 0.5);
  --table-background: #142737;
  --sidepanel-header-background-color: #344252;
  --button-enabled: rgb(0, 109.8, 153);
  --button-hover: rgb(25.5, 124.32, 163.2);
  --button-pressed: #007aaa;
  --button-pressed-hover: rgb(25.5, 135.3, 178.5);
  --input-hover: rgba(255, 255, 255, 0.1);
  --slider-handle-hover: rgb(229.5, 229.5, 229.5);
  --toggle-handle-border-color: transparent;
  --item-selection-hover: rgb(25.5, 135.3, 178.5);
  --item-selection-hover-light: rgba(46.3636363636, 146.1818181818, 185.4545454545, 0.55);
  --table-hover: rgb(43.5, 60.6, 75);
  --table-selection: rgb(10, 80.5, 112.5);
  --table-selection-hover: rgb(34.5, 97.95, 126.75);
  /* Either include them at :root context or global */
  --msi-ui-spacing-xs: 6px;
  --msi-ui-spacing-s: 12px;
  --msi-ui-spacing-m: 18px;
  --msi-ui-spacing-l: 24px;
  --msi-ui-spacing-xl: 36px;
  --msi-ui-spacing-xxl: 48px;
  --msi-ui-input-padding: 8px;
  --msi-mission-critical-h1-font: bold 32px/37px "Roboto";
  --msi-mission-critical-h3-font: bold 24px/36px "Roboto";
  --msi-mission-critical-h4-font: bold 20px/30px "Roboto";
  --msi-mission-critical-h5-font: bold 16px/24px "Roboto";
  --msi-mission-critical-h6-font: bold 16px/24px "Roboto";
  --msi-mc-button-height: 42px;
  --msi-mc-button-padding: 9px 18px;
  --msi-mc-button-icon: 48px;
  --msi-mc-icon: 36px;
  --mc-btn-large-padding: 15px 24px;
  --mc-btn-small-height: 36px;
  --mc-icon-in-button-height: 24px
}
html.mc-dark .msi-btn:not(.msi-toast-close-button):not(.msi-btn-compact) .msi-icon {
  width: var(--msi-mc-icon);
  height: var(--msi-mc-icon);
}
html.mc-dark .msi-btn:not(.msi-toast-close-button):not(.msi-btn-compact) .msi-icon i svg {
  width: var(--msi-mc-icon);
  height: var(--msi-mc-icon);
}
html.mc-light {
  /* Themed colors for components */
  /* Colors which are made from a combination of colors in the base color palette
  (e.g. background color + overlay) */
  /* Colors which are a secondary blending of already-blended colors */
  /* export all of these as CSS4 variables */
  /* export all of these as CSS4 variables */
  /* Either include them at :root context or global */
  --text-primary: rgba(0, 0, 0, 0.9);
  --text-secondary: rgba(0, 0, 0, 0.6);
  --text-selected: #fff;
  --text-link: #007aaa;
  --text-link-clicked: #79477e;
  --text-inverse-primary: #fff;
  --text-inverse-secondary: rgba(255, 255, 255, 0.7);
  --text-dark: rgba(0, 0, 0, 0.9);
  --text-dark-secondary: rgba(0, 0, 0, 0.6);
  --text-light: #fff;
  --text-light-secondary: rgba(255, 255, 255, 0.7);
  --button-text: #fff;
  --focus-find-highlight: #fff84d;
  --focus-find: rgba(255, 248, 77, 0.4);
  --hover: rgba(0, 0, 0, 0.1);
  --hover-large: rgba(0, 0, 0, 0.05);
  --error: #d0021b;
  --alert: #d0021b;
  --success: #099a49;
  --disabled-opacity: 0.4;
  --inverted: #fff;
  --click: rgba(255, 255, 255, 0.4);
  --focus-border-color: #007aaa;
  --focus-primary: #007aaa;
  --focus-primary-60: rgba(0, 122, 170, 0.6);
  --focus-secondary: #007aaa;
  --focus-tertiary: rgba(0, 122, 170, 0.6);
  --focus-selection: rgba(0, 122, 170, 0.2);
  --focus-selection-light: rgba(0, 122, 170, 0.1);
  --focus-timeline: rgba(0, 122, 170, 0.6);
  --shadow-level-1: 0 1px 3px 0 rgba(0, 0, 0, 0.3);
  --shadow-level-2: 0 2px 6px 0 rgba(0, 0, 0, 0.3);
  --shadow-level-3: 0 3px 9px 0 rgba(0, 0, 0, 0.3);
  --background-level-1: #f5f6f7;
  --background-level-2: #fff;
  --background-level-3: #fff;
  --background-blue-level-1: #eef6f9;
  --background-input: #fff;
  --background-input-light: #fff;
  --background-input-read: rgba(0, 0, 0, 0.1);
  --background-header: rgba(0, 0, 0, 0.05);
  --background-tooltip: #fff;
  --background-underlay: rgba(0, 0, 0, 0.7);
  --common-header-background: #213f59;
  --fill-light-level-1: rgba(255, 255, 255, 0.1);
  --fill-light-level-2: rgba(255, 255, 255, 0.2);
  --fill-light-level-3: rgba(255, 255, 255, 0.3);
  --fill-light-level-4: rgba(255, 255, 255, 0.4);
  --fill-dark-level-1: rgba(0, 0, 0, 0.1);
  --fill-dark-level-2: rgba(0, 0, 0, 0.2);
  --fill-dark-level-3: rgba(0, 0, 0, 0.3);
  --fill-dark-level-4: rgba(0, 0, 0, 0.4);
  --background-chat-bubble-outgoing: rgba(0, 122, 170, 0.1);
  --background-chat-bubble-incoming: rgba(0, 0, 0, 0.05);
  --background-callout: rgba(0, 0, 0, 0.05);
  --background-thumbnail: rgba(0, 0, 0, 0.05);
  --background-dropdown: #fff;
  --background-toast: #fff;
  --chip-red: #d0021b;
  --chip-gold: #ff8400;
  --chip-green: #099a49;
  --chip-blue: #007aaa;
  --chip-secondary: #662d91;
  --chip-neutral: rgba(0, 0, 0, 0.7);
  --chip-neutral-light: rgba(0, 0, 0, 0.1);
  --stroke-level-1: rgba(0, 0, 0, 0.1);
  --stroke-level-2: rgba(0, 0, 0, 0.2);
  --stroke-level-4: rgba(0, 0, 0, 0.4);
  --stroke-inverse-level-1: rgba(255, 255, 255, 0.1);
  --stroke-inverse-level-2: rgba(255, 255, 255, 0.2);
  --stroke-inverse-level-4: rgba(255, 255, 255, 0.4);
  --stroke-light-level-1: rgba(255, 255, 255, 0.1);
  --stroke-light-level-2: rgba(255, 255, 255, 0.2);
  --stroke-light-level-4: rgba(255, 255, 255, 0.4);
  --stroke-dark-level-1: rgba(0, 0, 0, 0.1);
  --stroke-dark-level-2: rgba(0, 0, 0, 0.2);
  --stroke-dark-level-4: rgba(0, 0, 0, 0.4);
  --focus-find-stroke: rgba(0, 0, 0, 0.2);
  --focus-find-stroke-highlight: rgba(0, 0, 0, 0.4);
  --icon-primary: rgba(0, 0, 0, 0.8);
  --icon-secondary: #fff;
  --icon-tertiary: rgba(0, 0, 0, 0.8);
  --icon-light: #fff;
  --icon-dark: rgba(0, 0, 0, 0.8);
  --icon-unfocused: rgba(0, 0, 0, 0.5);
  --icon-focus: #007aaa;
  --icon-inverse: #fff;
  --neutral: #4a4a4a;
  --neutral-40: rgba(74, 74, 74, 0.4);
  --neutral-70: rgba(74, 74, 74, 0.7);
  --neutral-level-1: rgba(0, 0, 0, 0.1);
  --neutral-level-2: rgba(0, 0, 0, 0.2);
  --neutral-level-3: rgba(0, 0, 0, 0.4);
  --primary: #000;
  --primary-80: rgba(0, 0, 0, 0.8);
  --primary-70: rgba(0, 0, 0, 0.7);
  --primary-60: rgba(0, 0, 0, 0.6);
  --primary-50: rgba(0, 0, 0, 0.5);
  --primary-40: rgba(0, 0, 0, 0.4);
  --primary-30: rgba(0, 0, 0, 0.3);
  --primary-20: rgba(0, 0, 0, 0.2);
  --primary-10: rgba(0, 0, 0, 0.1);
  --primary-05: rgba(0, 0, 0, 0.05);
  --emergency: #ff8400;
  --accent-light-blue: #00a5e5;
  --accent-light-blue-select: rgba(0, 165, 229, 0.2);
  --accent-med-blue: #005fbe;
  --accent-med-blue-select: rgba(0, 95, 190, 0.2);
  --accent-light-green: #b6bf00;
  --accent-light-green-select: rgba(182, 191, 0, 0.2);
  --accent-dark-green: #6b711e;
  --accent-dark-green-select: rgba(107, 113, 30, 0.2);
  --accent-med-purple: #662d91;
  --accent-med-purple-select: rgba(55, 32, 124, 0.2);
  --accent-dark-purple: #37207c;
  --accent-dark-purple-select: rgba(55, 32, 124, 0.2);
  --accent-med-gold: #fcb400;
  --accent-med-gold-select: rgba(252, 180, 0, 0.2);
  --accent-dark-gold: #c97d00;
  --accent-dark-gold-select: rgba(201, 125, 0, 0.2);
  --accent-med-brown: #734c45;
  --accent-med-brown-select: rgba(115, 76, 69, 0.2);
  --accent-primary-highlight: #28b1ec;
  --accent-primary-highlight-select: rgba(0, 122, 170, 0.3);
  --accent-success: #099a49;
  --accent-success-select: rgba(9, 154, 73, 0.2);
  --accent-slate: #37667c;
  --accent-slate-select: rgba(55, 102, 124, 0.2);
  --accent-error: #ff4d4d;
  --accent-error-select: rgba(208, 2, 27, 0.2);
  --chart-med-blue-1: #007aaa;
  --chart-med-blue-2: #3395bb;
  --chart-med-blue-3: #59a8c8;
  --chart-med-blue-4: #7fbcd4;
  --chart-med-blue-5: #a6d1e1;
  --chart-slate-1: #37667c;
  --chart-slate-2: #5f8596;
  --chart-slate-3: #7d9caa;
  --chart-slate-4: #9bb2bd;
  --chart-slate-5: #b9c9d1;
  --icon-filter: invert(0%) sepia(0%) saturate(7500%) hue-rotate(152deg) brightness(99%) contrast(105%) opacity(90%);
  --dark-to-light-filter: none;
  --light-to-dark-filter: invert(100%);
  --action-button-text: #007aaa;
  --button-background: #007aaa;
  --button-overlay: rgba(0, 0, 0, 0.1);
  --button-border-color: rgba(255, 255, 255, 0.1);
  --button-secondary: #007aaa;
  --callout-error-background: rgba(208, 2, 27, 0.2);
  --callout-error-border: rgba(208, 2, 27, 0.6);
  --callout-error-icon: #d0021b;
  --callout-info-background: rgba(0, 122, 170, 0.2);
  --callout-info-border: rgba(0, 122, 170, 0.6);
  --callout-success-background: rgba(9, 154, 73, 0.2);
  --callout-success-border: rgba(9, 154, 73, 0.6);
  --callout-warning-background: rgba(252, 180, 0, 0.2);
  --callout-warning-border: rgba(252, 180, 0, 0.6);
  --header-background-color: #213f59;
  --input-background: #fff;
  --input-background-read: rgba(0, 0, 0, 0.1);
  --input-border-color: rgba(0, 0, 0, 0.2);
  --input-secondary-background: #eef6f9;
  --input-secondary-background-read: rgba(0, 0, 0, 0.1);
  --input-secondary-border-color: rgba(0, 0, 0, 0.2);
  --modal-background: #fff;
  --slider-track: rgba(0, 0, 0, 0.2);
  --slider-handle-background: #fff;
  --slider-handle-border-color: rgba(0, 0, 0, 0.4);
  --tooltip-background: #fff;
  --item-selection-primary: #007aaa;
  --item-selection-primary-light: rgba(0, 122, 170, 0.2);
  --item-selection-text-color-light: #fff;
  --table-frozen-shadow-color: rgba(0, 0, 0, 0.3);
  --table-background: #fff;
  --sidepanel-header-background-color: #f5f6f7;
  --button-enabled: #007aaa;
  --button-hover: rgb(0, 98.82, 137.7);
  --button-pressed: #007aaa;
  --button-pressed-hover: rgb(0, 109.8, 153);
  --input-hover: rgb(229.5, 229.5, 229.5);
  --slider-handle-hover: rgb(229.5, 229.5, 229.5);
  --toggle-handle-border-color: rgba(0, 0, 0, 0.2);
  --item-selection-hover: rgb(0, 109.8, 153);
  --item-selection-hover-light: rgba(0, 78.4285714286, 109.2857142857, 0.28);
  --table-hover: rgb(229.5, 229.5, 229.5);
  --table-selection: rgb(204, 228.4, 238);
  --table-selection-hover: rgb(183.6, 205.56, 214.2);
  /* Either include them at :root context or global */
  --msi-ui-spacing-xs: 6px;
  --msi-ui-spacing-s: 12px;
  --msi-ui-spacing-m: 18px;
  --msi-ui-spacing-l: 24px;
  --msi-ui-spacing-xl: 36px;
  --msi-ui-spacing-xxl: 48px;
  --msi-ui-input-padding: 8px;
  --msi-mission-critical-h1-font: bold 32px/37px "Roboto";
  --msi-mission-critical-h3-font: bold 24px/36px "Roboto";
  --msi-mission-critical-h4-font: bold 20px/30px "Roboto";
  --msi-mission-critical-h5-font: bold 16px/24px "Roboto";
  --msi-mission-critical-h6-font: bold 16px/24px "Roboto";
  --msi-mc-button-height: 42px;
  --msi-mc-button-padding: 9px 18px;
  --msi-mc-button-icon: 48px;
  --msi-mc-icon: 36px;
  --mc-btn-large-padding: 15px 24px;
  --mc-btn-small-height: 36px;
  --mc-icon-in-button-height: 24px
}
html.mc-light .msi-button-group button.msi-btn .msi-icon {
  width: var(--mc-icon-in-button-height) !important;
  height: var(--mc-icon-in-button-height) !important;
}
html.mc-light .msi-button-group button.msi-btn .msi-icon i svg {
  width: var(--mc-icon-in-button-height) !important;
  height: var(--mc-icon-in-button-height) !important;
}

html.mc-dark {
  /* Themed colors for components */
  /* Colors which are made from a combination of colors in the base color palette
  (e.g. background color + overlay) */
  /* Colors which are a secondary blending of already-blended colors */
  /* export all of these as CSS4 variables */
  /* export all of these as CSS4 variables */
  /* Either include them at :root context or global */
  --text-primary: #fff;
  --text-secondary: rgba(255, 255, 255, 0.7);
  --text-selected: #fff;
  --text-link: #007aaa;
  --text-link-clicked: #79477e;
  --text-inverse-primary: rgba(0, 0, 0, 0.9);
  --text-inverse-secondary: rgba(0, 0, 0, 0.6);
  --text-dark: rgba(0, 0, 0, 0.9);
  --text-dark-secondary: rgba(0, 0, 0, 0.6);
  --text-light: #fff;
  --text-light-secondary: rgba(255, 255, 255, 0.7);
  --button-text: #fff;
  --focus-find-highlight: #fff84d;
  --focus-find: rgba(255, 248, 77, 0.7);
  --hover: rgba(255, 255, 255, 0.1);
  --hover-large: rgba(255, 255, 255, 0.05);
  --error: #ff4d4d;
  --alert: #ff4d4d;
  --success: #099a49;
  --disabled-opacity: 0.4;
  --inverted: #000;
  --click: rgba(255, 255, 255, 0.4);
  --focus-border-color: #007aaa;
  --focus-primary: #007aaa;
  --focus-primary-60: rgba(0, 122, 170, 0.6);
  --focus-secondary: #28b1ec;
  --focus-tertiary: rgba(0, 122, 170, 0.8);
  --focus-selection: rgba(0, 122, 170, 0.5);
  --focus-selection-light: rgba(0, 122, 170, 0.4);
  --focus-timeline: rgba(0, 122, 170, 0.6);
  --shadow-level-1: 0 1px 3px 0 rgba(0, 0, 0, 0.5);
  --shadow-level-2: 0 2px 6px 0 rgba(0, 0, 0, 0.5);
  --shadow-level-3: 0 3px 9px 0 rgba(0, 0, 0, 0.5);
  --background-level-1: #000912;
  --background-level-2: #142737;
  --background-level-3: #142737;
  --background-blue-level-1: #000912;
  --background-input: #142737;
  --background-input-light: #fff;
  --background-input-read: rgba(255, 255, 255, 0.1);
  --background-header: rgba(255, 255, 255, 0.05);
  --background-tooltip: #4a4a4a;
  --background-underlay: rgba(0, 0, 0, 0.7);
  --common-header-background: #001526;
  --fill-light-level-1: rgba(255, 255, 255, 0.1);
  --fill-light-level-2: rgba(255, 255, 255, 0.2);
  --fill-light-level-3: rgba(255, 255, 255, 0.3);
  --fill-light-level-4: rgba(255, 255, 255, 0.4);
  --fill-dark-level-1: rgba(0, 0, 0, 0.1);
  --fill-dark-level-2: rgba(0, 0, 0, 0.2);
  --fill-dark-level-3: rgba(0, 0, 0, 0.3);
  --fill-dark-level-4: rgba(0, 0, 0, 0.4);
  --background-chat-bubble-outgoing: rgba(0, 122, 170, 0.2);
  --background-chat-bubble-incoming: rgba(255, 255, 255, 0.1);
  --background-callout: rgba(0, 0, 0, 0.1);
  --background-thumbnail: rgba(255, 255, 255, 0.05);
  --background-dropdown: #2c3d4b;
  --background-toast: #2c3d4b;
  --chip-red: #ff4d4d;
  --chip-gold: #ff8400;
  --chip-green: #099a49;
  --chip-blue: #007aaa;
  --chip-secondary: #8f66af;
  --chip-neutral: rgba(255, 255, 255, 0.4);
  --chip-neutral-light: rgba(255, 255, 255, 0.2);
  --stroke-level-1: rgba(255, 255, 255, 0.1);
  --stroke-level-2: rgba(255, 255, 255, 0.2);
  --stroke-level-4: rgba(255, 255, 255, 0.4);
  --stroke-inverse-level-1: rgba(0, 0, 0, 0.1);
  --stroke-inverse-level-2: rgba(0, 0, 0, 0.2);
  --stroke-inverse-level-4: rgba(0, 0, 0, 0.4);
  --stroke-light-level-1: rgba(255, 255, 255, 0.1);
  --stroke-light-level-2: rgba(255, 255, 255, 0.2);
  --stroke-light-level-4: rgba(255, 255, 255, 0.4);
  --stroke-dark-level-1: rgba(0, 0, 0, 0.1);
  --stroke-dark-level-2: rgba(0, 0, 0, 0.2);
  --stroke-dark-level-4: rgba(0, 0, 0, 0.4);
  --focus-find-stroke: rgba(0, 0, 0, 0.2);
  --focus-find-stroke-highlight: rgba(0, 0, 0, 0.4);
  --icon-primary: #fff;
  --icon-secondary: #fff;
  --icon-tertiary: rgba(0, 0, 0, 0.8);
  --icon-light: #fff;
  --icon-dark: rgba(0, 0, 0, 0.8);
  --icon-unfocused: rgba(255, 255, 255, 0.5);
  --icon-focus: #28b1ec;
  --icon-inverse: rgba(0, 0, 0, 0.8);
  --neutral: #a6abaf;
  --neutral-40: rgba(166, 171, 175, 0.4);
  --neutral-70: rgba(166, 171, 175, 0.7);
  --neutral-level-1: rgba(255, 255, 255, 0.1);
  --neutral-level-2: rgba(255, 255, 255, 0.2);
  --neutral-level-3: rgba(255, 255, 255, 0.4);
  --primary: #fff;
  --primary-80: rgba(255, 255, 255, 0.8);
  --primary-70: rgba(255, 255, 255, 0.7);
  --primary-60: rgba(255, 255, 255, 0.6);
  --primary-50: rgba(255, 255, 255, 0.5);
  --primary-40: rgba(255, 255, 255, 0.4);
  --primary-30: rgba(255, 255, 255, 0.3);
  --primary-20: rgba(255, 255, 255, 0.2);
  --primary-10: rgba(255, 255, 255, 0.1);
  --primary-05: rgba(255, 255, 255, 0.05);
  --emergency: #ff8400;
  --accent-light-blue: #00caff;
  --accent-light-blue-select: rgba(0, 202, 255, 0.35);
  --accent-med-blue: #3694ed;
  --accent-med-blue-select: rgba(54, 148, 237, 0.35);
  --accent-light-green: #cfd900;
  --accent-light-green-select: rgba(207, 217, 0, 0.35);
  --accent-dark-green: #a0a634;
  --accent-dark-green-select: rgba(160, 166, 52, 0.35);
  --accent-med-purple: #8f66af;
  --accent-med-purple-select: rgba(118, 95, 197, 0.35);
  --accent-dark-purple: #765fc5;
  --accent-dark-purple-select: rgba(118, 95, 197, 0.35);
  --accent-med-gold: #ffd469;
  --accent-med-gold-select: rgba(255, 212, 105, 0.45);
  --accent-dark-gold: #dcaa59;
  --accent-dark-gold-select: rgba(220, 170, 89, 0.35);
  --accent-med-brown: #a67f79;
  --accent-med-brown-select: rgba(166, 127, 121, 0.35);
  --accent-primary-highlight: #28b1ec;
  --accent-primary-highlight-select: rgba(0, 122, 170, 0.3);
  --accent-success: #5fbd89;
  --accent-success-select: rgba(95, 189, 137, 0.35);
  --accent-slate: #7394a4;
  --accent-slate-select: rgba(115, 148, 164, 0.35);
  --accent-error: #ff4d4d;
  --accent-error-select: rgba(255, 77, 77, 0.3);
  --chart-med-blue-1: #99cadd;
  --chart-med-blue-2: #73b6d0;
  --chart-med-blue-3: #4ca2c3;
  --chart-med-blue-4: #268eb7;
  --chart-med-blue-5: #007aaa;
  --chart-slate-1: #afc2cb;
  --chart-slate-2: #91abb7;
  --chart-slate-3: #7394a3;
  --chart-slate-4: #557d90;
  --chart-slate-5: #37667c;
  --icon-filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(39deg) brightness(102%) contrast(102%);
  --dark-to-light-filter: invert(100%);
  --light-to-dark-filter: none;
  --action-button-text: #28b1ec;
  --button-background: #007aaa;
  --button-overlay: rgba(0, 0, 0, 0.1);
  --button-border-color: rgba(255, 255, 255, 0.1);
  --button-secondary: #28b1ec;
  --callout-error-background: rgba(208, 2, 27, 0.4);
  --callout-error-border: #ff4d4d;
  --callout-error-icon: #ff4d4d;
  --callout-info-background: rgba(0, 122, 170, 0.4);
  --callout-info-border: #007aaa;
  --callout-success-background: rgba(9, 154, 73, 0.4);
  --callout-success-border: #099a49;
  --callout-warning-background: rgba(252, 180, 0, 0.4);
  --callout-warning-border: #fcb400;
  --header-background-color: #001526;
  --input-background: #001526;
  --input-background-read: rgba(255, 255, 255, 0.05);
  --input-border-color: rgba(255, 255, 255, 0.2);
  --input-secondary-background: rgba(255, 255, 255, 0.1);
  --input-secondary-background-read: rgba(255, 255, 255, 0.05);
  --input-secondary-border-color: rgba(255, 255, 255, 0.1);
  --modal-background: #142737;
  --slider-track: rgba(255, 255, 255, 0.1);
  --slider-handle-background: #fff;
  --slider-handle-border-color: transparent;
  --tooltip-background: #4a4a4a;
  --item-selection-primary: #007aaa;
  --item-selection-primary-light: rgba(0, 122, 170, 0.5);
  --item-selection-text-color-light: #fff;
  --table-frozen-shadow-color: rgba(0, 0, 0, 0.5);
  --table-background: #142737;
  --sidepanel-header-background-color: #344252;
  --button-enabled: rgb(0, 109.8, 153);
  --button-hover: rgb(25.5, 124.32, 163.2);
  --button-pressed: #007aaa;
  --button-pressed-hover: rgb(25.5, 135.3, 178.5);
  --input-hover: rgba(255, 255, 255, 0.1);
  --slider-handle-hover: rgb(229.5, 229.5, 229.5);
  --toggle-handle-border-color: transparent;
  --item-selection-hover: rgb(25.5, 135.3, 178.5);
  --item-selection-hover-light: rgba(46.3636363636, 146.1818181818, 185.4545454545, 0.55);
  --table-hover: rgb(43.5, 60.6, 75);
  --table-selection: rgb(10, 80.5, 112.5);
  --table-selection-hover: rgb(34.5, 97.95, 126.75);
  /* Either include them at :root context or global */
  --msi-ui-spacing-xs: 6px;
  --msi-ui-spacing-s: 12px;
  --msi-ui-spacing-m: 18px;
  --msi-ui-spacing-l: 24px;
  --msi-ui-spacing-xl: 36px;
  --msi-ui-spacing-xxl: 48px;
  --msi-ui-input-padding: 8px;
  --msi-mission-critical-h1-font: bold 32px/37px "Roboto";
  --msi-mission-critical-h3-font: bold 24px/36px "Roboto";
  --msi-mission-critical-h4-font: bold 20px/30px "Roboto";
  --msi-mission-critical-h5-font: bold 16px/24px "Roboto";
  --msi-mission-critical-h6-font: bold 16px/24px "Roboto";
  --msi-mc-button-height: 42px;
  --msi-mc-button-padding: 9px 18px;
  --msi-mc-button-icon: 48px;
  --msi-mc-icon: 36px;
  --mc-btn-large-padding: 15px 24px;
  --mc-btn-small-height: 36px;
  --mc-icon-in-button-height: 24px
}
html.mc-dark .msi-button-group button.msi-btn .msi-icon {
  width: var(--mc-icon-in-button-height) !important;
  height: var(--mc-icon-in-button-height) !important;
}
html.mc-dark .msi-button-group button.msi-btn .msi-icon i svg {
  width: var(--mc-icon-in-button-height) !important;
  height: var(--mc-icon-in-button-height) !important;
}

/* Default cdk-overlay styles from node_modules/@angular/cdk/overlay-prebuilt.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: 99999;
}

.cdk-overlay-container:empty {
  display: none;
}

.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 99999;
}

.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  display: flex;
  max-width: 100%;
  max-height: 100%;
  z-index: 100000;
}
.cdk-overlay-pane.msi-pop-up-modal-panel {
  z-index: 99998;
}
.cdk-overlay-pane.tooltip-overlay {
  z-index: 100002;
}

.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: auto;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  opacity: 0;
  z-index: 99999;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
}

.cdk-overlay-backdrop-showing {
  opacity: 1;
}

@media (forced-colors: active) {
  .cdk-overlay-backdrop-showing {
    opacity: 0.6;
  }
}
.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.7);
}

.cdk-overlay-transparent-backdrop {
  transition: visibility 1ms linear, opacity 1ms linear;
  visibility: hidden;
  opacity: 1;
}

.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing,
.cdk-high-contrast-active .cdk-overlay-transparent-backdrop {
  opacity: 0;
  visibility: visible;
}

.cdk-overlay-backdrop-noop-animation {
  transition: none;
}

.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
  z-index: 99999;
}

.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}

/* Provides backwards-compatibility for the old sass-map method of theming,
by aliasing that older theme to the new CSS4 variables
(or color tokens if there is no variation between light and dark) */
/* Both light theme and dark themes use the same CSS4 variables */
/* Stub for deprecated core-theme */
/* stylelint-disable selector-list-comma-newline-after */
/* To disable the reset stylesheet, set `$msi-disable-reset: true` before importing this stylesheet */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  padding: 0;
  margin: 0;
  vertical-align: baseline;
  border: 0;
  /* remove chrome browser black/white outline */
}
html:focus,
body:focus,
div:focus,
span:focus,
applet:focus,
object:focus,
iframe:focus,
h1:focus,
h2:focus,
h3:focus,
h4:focus,
h5:focus,
h6:focus,
p:focus,
blockquote:focus,
pre:focus,
a:focus,
abbr:focus,
acronym:focus,
address:focus,
big:focus,
cite:focus,
code:focus,
del:focus,
dfn:focus,
em:focus,
img:focus,
ins:focus,
kbd:focus,
q:focus,
s:focus,
samp:focus,
small:focus,
strike:focus,
strong:focus,
sub:focus,
sup:focus,
tt:focus,
var:focus,
b:focus,
u:focus,
i:focus,
center:focus,
dl:focus,
dt:focus,
dd:focus,
ol:focus,
ul:focus,
li:focus,
fieldset:focus,
form:focus,
label:focus,
legend:focus,
table:focus,
caption:focus,
tbody:focus,
tfoot:focus,
thead:focus,
tr:focus,
th:focus,
td:focus,
article:focus,
aside:focus,
canvas:focus,
details:focus,
embed:focus,
figure:focus,
figcaption:focus,
footer:focus,
header:focus,
hgroup:focus,
menu:focus,
nav:focus,
output:focus,
ruby:focus,
section:focus,
summary:focus,
time:focus,
mark:focus,
audio:focus,
video:focus {
  outline: none;
}

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

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

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

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

strong,
b {
  font-weight: 700;
}

:root {
  --msi-ui-background-dark: #000912;
  --msi-ui-primary: #001526;
  --msi-ui-secondary: #142737;
  --msi-ui-tertiary: #213f59;
  --msi-ui-secondary-80: rgba(20, 39, 55, 0.8);
  --msi-ui-mhx: #213f59;
  --msi-ui-widget: #10384e;
  --msi-ui-primary-highlight: #007aaa;
  --msi-ui-primary-highlight-90: rgba(0, 122, 170, 0.9);
  --msi-ui-primary-highlight-80: rgba(0, 122, 170, 0.8);
  --msi-ui-primary-highlight-60: rgba(0, 122, 170, 0.6);
  --msi-ui-primary-highlight-50: rgba(0, 122, 170, 0.5);
  --msi-ui-primary-highlight-40: rgba(0, 122, 170, 0.4);
  --msi-ui-primary-highlight-30: rgba(0, 122, 170, 0.3);
  --msi-ui-primary-highlight-20: rgba(0, 122, 170, 0.2);
  --msi-ui-primary-highlight-10: rgba(0, 122, 170, 0.1);
  --msi-ui-primary-highlight-hover: #1a87b2;
  --msi-ui-secondary-highlight: #28b1ec;
  --msi-ui-secondary-highlight-60: rgba(0, 122, 170, 0.6);
  --msi-ui-secondary-highlight-40: rgba(0, 122, 170, 0.4);
  --msi-ui-secondary-highlight-30: rgba(0, 122, 170, 0.3);
  --msi-ui-hover-highlight: #3db8ed;
  --msi-ui-alert: #d0021b;
  --msi-ui-alert-80: rgba(208, 2, 27, 0.8);
  --msi-ui-alert-20: rgba(208, 2, 27, 0.2);
  --msi-ui-alert-secondary: #ff4d4d;
  --msi-ui-alert-secondary-30: rgba(255, 77, 77, 0.3);
  --msi-ui-available: #099a49;
  --msi-ui-available-select: rgba(9, 154, 73, 0.2);
  --msi-ui-available-70: #5fbd89;
  --msi-ui-available-70-select: rgba(95, 189, 137, 0.35);
  --msi-ui-find-highlight: #fff84d;
  --msi-ui-find-highlight-40: rgba(255, 248, 77, 0.4);
  --msi-ui-find-highlight-70: rgba(255, 248, 77, 0.7);
  --msi-ui-background-primary-06: #eef6f9;
  --msi-ui-text-clicked: #79477e;
  --msi-ui-text-clicked-70: rgba(121, 71, 126, 0.7);
  --msi-ui-background-underlay-10: #2c3d4b;
  --msi-ui-primary-dark: #000;
  --msi-ui-primary-light: #fff;
  --msi-ui-primary-dark-90: rgba(0, 0, 0, 0.9);
  --msi-ui-primary-light-90: rgba(255, 255, 255, 0.9);
  --msi-ui-primary-dark-80: rgba(0, 0, 0, 0.8);
  --msi-ui-primary-light-80: rgba(255, 255, 255, 0.8);
  --msi-ui-primary-dark-70: rgba(0, 0, 0, 0.7);
  --msi-ui-primary-light-70: rgba(255, 255, 255, 0.7);
  --msi-ui-primary-dark-65: rgba(0, 0, 0, 0.65);
  --msi-ui-primary-light-65: rgba(255, 255, 255, 0.65);
  --msi-ui-primary-dark-60: rgba(0, 0, 0, 0.6);
  --msi-ui-primary-light-60: rgba(255, 255, 255, 0.6);
  --msi-ui-primary-dark-50: rgba(0, 0, 0, 0.5);
  --msi-ui-primary-light-50: rgba(255, 255, 255, 0.5);
  --msi-ui-primary-dark-40: rgba(0, 0, 0, 0.4);
  --msi-ui-primary-light-40: rgba(255, 255, 255, 0.4);
  --msi-ui-primary-dark-30: rgba(0, 0, 0, 0.3);
  --msi-ui-primary-light-30: rgba(255, 255, 255, 0.3);
  --msi-ui-primary-dark-20: rgba(0, 0, 0, 0.2);
  --msi-ui-primary-light-20: rgba(255, 255, 255, 0.2);
  --msi-ui-primary-dark-10: rgba(0, 0, 0, 0.1);
  --msi-ui-primary-light-10: rgba(255, 255, 255, 0.1);
  --msi-ui-primary-dark-05: rgba(0, 0, 0, 0.05);
  --msi-ui-primary-light-05: rgba(255, 255, 255, 0.05);
  --msi-ui-neutral-dark: #4a4a4a;
  --msi-ui-neutral-light: #a6abaf;
  --msi-ui-neutral: #333a41;
  --msi-ui-neutral-medium: #ccc;
  --msi-ui-neutral-dark-70: rgba(74, 74, 74, 0.7);
  --msi-ui-neutral-light-70: rgba(166, 171, 175, 0.7);
  --msi-ui-neutral-dark-40: rgba(74, 74, 74, 0.4);
  --msi-ui-neutral-light-40: rgba(166, 171, 175, 0.4);
  --msi-ui-background-bright: #f5f6f7;
  --msi-ui-background-brightblue: #eef6f9;
  --msi-ui-background-medium: #e0e0e0;
  --msi-ui-neutral-deep: #344252;
  --msi-ui-neutral-highlight: #4d657a;
  --msi-ui-neutral-secondary: #445160;
  --msi-ui-ptt-ok: #e4f2f6;
  --msi-ui-ptt-listen: #fcb400;
  --msi-ui-ptt-talk: #ec1c24;
  --msi-ui-ptt-dispatch: #00bfff;
  --msi-ui-emergency: #ff8400;
  --msi-ui-broadcast: #de4b15;
  --msi-ui-impact-green: #c3e47c;
  --msi-ui-accent-gold-01: #c97d00;
  --msi-ui-accent-green-01: #4f4f12;
  --msi-ui-accent-green-02: #177828;
  --msi-ui-accent-green-03: #3c5419;
  --msi-ui-accent-purple-01: #35296f;
  --msi-ui-accent-purple-02: #662d91;
  --msi-ui-accent-brown-01: #6e4236;
  --msi-ui-accent-blue-01: #0063b0;
  --msi-ui-accent-blue-02: #37667c;
  --msi-ui-mot-med-blue: #005fbe;
  --msi-ui-mot-med-blue-select: rgba(0, 95, 190, 0.2);
  --msi-ui-mot-med-blue-70: #3694ed;
  --msi-ui-mot-med-blue-70-select: rgba(54, 148, 237, 0.35);
  --msi-ui-mot-light-blue: #00a5e5;
  --msi-ui-mot-light-blue-select: rgba(0, 165, 229, 0.2);
  --msi-ui-mot-light-blue-70: #00caff;
  --msi-ui-mot-light-blue-70-select: rgba(0, 202, 255, 0.35);
  --msi-ui-mot-dark-green: #6b711e;
  --msi-ui-mot-dark-green-select: rgba(107, 113, 30, 0.2);
  --msi-ui-mot-dark-green-70: #a0a634;
  --msi-ui-mot-dark-green-70-select: rgba(160, 166, 52, 0.35);
  --msi-ui-mot-light-green: #b6bf00;
  --msi-ui-mot-light-green-select: rgba(182, 191, 0, 0.2);
  --msi-ui-mot-light-green-70: #cfd900;
  --msi-ui-mot-light-green-70-select: rgba(207, 217, 0, 0.35);
  --msi-ui-mot-red: #cb333b;
  --msi-ui-mot-red-select: rgba(203, 51, 59, 0.2);
  --msi-ui-mot-red-70: #ff5366;
  --msi-ui-mot-red-70-select: rgba(255, 83, 102, 0.35);
  --msi-ui-mot-purple: #37207c;
  --msi-ui-mot-purple-select: rgba(55, 32, 124, 0.2);
  --msi-ui-mot-purple-70: #765fc5;
  --msi-ui-mot-purple-70-select: rgba(118, 95, 197, 0.35);
  --msi-ui-accent-med-purple: #662d91;
  --msi-ui-accent-med-purple-select: rgba(55, 32, 124, 0.2);
  --msi-ui-accent-med-purple-70: #8f66af;
  --msi-ui-accent-med-purple-70-select: rgba(118, 95, 197, 0.35);
  --msi-ui-mot-brown: #734c45;
  --msi-ui-mot-brown-select: rgba(115, 76, 69, 0.2);
  --msi-ui-mot-brown-70: #a67f79;
  --msi-ui-mot-brown-70-select: rgba(166, 127, 121, 0.35);
  --msi-ui-accent-dark-gold: #c97d00;
  --msi-ui-accent-dark-gold-select: rgba(201, 125, 0, 0.2);
  --msi-ui-accent-dark-gold-70: #dcaa59;
  --msi-ui-accent-dark-gold-70-select: rgba(220, 170, 89, 0.35);
  --msi-ui-accent-med-gold: #fcb400;
  --msi-ui-accent-med-gold-select: rgba(252, 180, 0, 0.2);
  --msi-ui-accent-med-gold-70: #ffd469;
  --msi-ui-accent-med-gold-70-select: rgba(255, 212, 105, 0.45);
  --msi-ui-accent-slate: #37667c;
  --msi-ui-accent-slate-select: rgba(55, 102, 124, 0.2);
  --msi-ui-accent-slate-70: #7394a4;
  --msi-ui-accent-slate-70-select: rgba(115, 148, 164, 0.35);
  --msi-ui-chart-med-blue-100: #007aaa;
  --msi-ui-chart-med-blue-85: #268eb7;
  --msi-ui-chart-med-blue-80: #3395bb;
  --msi-ui-chart-med-blue-70: #4ca2c3;
  --msi-ui-chart-med-blue-65: #59a8c8;
  --msi-ui-chart-med-blue-55: #73b6d0;
  --msi-ui-chart-med-blue-50: #7fbcd4;
  --msi-ui-chart-med-blue-40: #99cadd;
  --msi-ui-chart-med-blue-35: #a6d1e1;
  --msi-ui-chart-slate-100: #37667c;
  --msi-ui-chart-slate-85: #557d90;
  --msi-ui-chart-slate-80: #5f8596;
  --msi-ui-chart-slate-70: #7394a3;
  --msi-ui-chart-slate-65: #7d9caa;
  --msi-ui-chart-slate-55: #91abb7;
  --msi-ui-chart-slate-50: #9bb2bd;
  --msi-ui-chart-slate-40: #afc2cb;
  --msi-ui-chart-slate-35: #b9c9d1;
  --msi-btn-color: #007aaa;
  --default-font-family: "Roboto", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
  --msi-ui-font-family: "Roboto", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
  --msi-monospace-font-family: "Roboto Mono", serif;
  --font-weight-light: 300;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 500;
  --font-weight-bold: 700;
  --default-font-size: 16px;
  --msi-ui-primary-font-size: 16px;
  --body-1-font-size: 1rem;
  --body-2-font-size: 0.875rem;
  --h1-font-size: 2rem;
  --h2-font-size: 1.75rem;
  --h3-font-size: 1.5rem;
  --h4-font-size: 1.25rem;
  --h5-font-size: 1rem;
  --h6-font-size: 0.875rem;
  --h7-font-size: 0.75rem;
  --subtitle-font-size: 0.75rem;
  --caption-font-size: 0.75rem;
  --display-1-font-size: 3rem;
  --display-2-font-size: 5rem;
  --msi-ui-spacing-input: 5px;
  --msi-ui-spacing-xxxs: 2px;
  --msi-ui-spacing-xxs: 4px;
  --msi-ui-spacing-xs: 6px;
  --msi-ui-spacing-s: 12px;
  --msi-ui-spacing-sm: 12px;
  --msi-ui-spacing-m: 18px;
  --msi-ui-spacing-l: 24px;
  --msi-ui-spacing-xl: 36px;
  --msi-ui-spacing-xxl: 48px;
  --msi-ui-spacing-input-rem: 0.3125rem;
  --msi-ui-spacing-xxxs-rem: 0.125rem;
  --msi-ui-spacing-xxs-rem: 0.25rem;
  --msi-ui-spacing-xs-rem: 0.375rem;
  --msi-ui-spacing-s-rem: 0.75rem;
  --msi-ui-spacing-m-rem: 1.125rem;
  --msi-ui-spacing-l-rem: 1.5rem;
  --msi-ui-spacing-xl-rem: 2.25rem;
  --msi-ui-spacing-xxl-rem: 3rem;
  --msi-ui-corner-radius-sm: 2px;
  --msi-ui-corner-radius-md: 4px;
  --msi-ui-corner-radius-lg: 6px;
  --default-line-height: 1.5;
  --line-height-condensed: 1.1563;
  --line-height-125: 1.25;
  --line-height-150: 1.5;
  --letter-spacing-condensed: -0.031rem;
  --msi-timing-t1: 500ms;
  --msi-timing-t2: 300ms;
  --msi-timing-t3: 250ms;
  --msi-timing-t4: 200ms;
  --msi-timing-t5: 100ms;
  --msi-timing-t6: 0ms;
  --msi-ease-in: cubic-bezier(0.895, 0.03, 0.685, 0.22);
  --msi-ease-out: cubic-bezier(0.165, 0.84, 0.44, 1);
  --msi-ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);
  --msi-ui-border-radius: 2px;
  --msi-ui-transition-time: 100ms;
  --msi-ui-disabled-opacity: 0.4;
  --msi-ui-hover-opacity: 0.9;
  --msi-ui-hover-gradient: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1));
  --msi-ui-table-header-gap: 3px;
  --msi-ui-scrollbar-width: 12px;
  --msi-ui-scrollbar-radius: 6px;
  --msi-ui-table-font-family: "Roboto", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
  --msi-ui-table-font-size: 16px;
  --msi-ui-table-ordered-icon: url('data:image/svg+xml;charset=UTF-8,<svg width="1792" height="1792" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M1675 832q0 53-37 90l-651 652q-39 37-91 37-53 0-90-37l-651-652q-38-36-38-90 0-53 38-91l74-75q39-37 91-37 53 0 90 37l294 294v-704q0-52 38-90t90-38h128q52 0 90 38t38 90v704l294-294q37-37 90-37 52 0 91 37l75 75q37 39 37 91z" fill="#ccc2c7"/></svg>');
  --msi-ui-table-cell-padding: 5px 13px;
  --msi-ui-separator-header-height: 18px;
  --msi-ui-button-padding: 0 12px;
  --msi-ui-button-font-size: 0.875rem;
  --msi-ui-button-min-width: 60px;
  --msi-ui-button-height: 34px;
  --msi-ui-button-flat-height: 24px;
  --msi-ui-form-padding: 12px;
  --msi-ui-input-margin-top: 3px;
  --msi-ui-input-margin-bottom: 12px;
  --msi-ui-input-padding: 8px;
  --msi-ui-input-padding-big: 0 12px;
  --msi-ui-form-border-width: 1px;
  --msi-ui-input-border: 1px rgba(255, 255, 255, 0.1) solid;
  --msi-ui-input-min-height: 34px;
  --dropdown-trigger-width: 34px;
  --dropdown-trigger-height: 34px;
  --msi-select-item-height: 40px;
  --msi-ui-label-font-size: 13px;
  --msi-ui-label-margin-top: 12px;
  --msi-z-index-level-1: 99999;
  --msi-z-index-level-2: 10000;
  --msi-z-index-level-3: 1000;
  --msi-z-index-level-4: 100;
  --msi-z-index-level-5: 10;
  --msi-z-index-level-6: 1;
  --test-variable-to-remove: 2;
}

html {
  font-size: 16px;
}

body {
  font-family: "Roboto", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
  font-size: 0.875rem;
  line-height: 1.5;
}

.cdk-overlay-container {
  z-index: 99999;
}

html {
  margin: 0;
}
html.dark .ql-stroke {
  stroke: #fff !important;
}
html.dark .ql-fill {
  stroke: #fff !important;
}
html.dark .ql-editor::before {
  color: #fff;
}
html.dark .msi-checkbox-indeterminate msi-icon {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%23ffffff' role='img' aria-label='checkbox half'><path d='M7.5 10.5H16.5C16.7761 10.5 17 10.7239 17 11V13C17 13.2761 16.7761 13.5 16.5 13.5H7.5C7.22386 13.5 7 13.2761 7 13V11C7 10.7239 7.22386 10.5 7.5 10.5Z'></path><path d='M20 3C20.5523 3 21 3.44772 21 4V20C21 20.5523 20.5523 21 20 21H4C3.44772 21 3 20.5523 3 20V4C3 3.44772 3.44772 3 4 3H20ZM19 19V5H5V19H19Z'></path></svg>");
  filter: brightness(1);
}
html.dark p-autocomplete input {
  color: #fff !important;
}
html.dark p-autocomplete .p-autocomplete-clear-icon {
  color: #fff !important;
}
html.dark p-splitter .p-splitter-gutter {
  background: var(--msi-ui-background-1, #2a2a2a);
}
html.dark p-splitter .p-splitter-gutter:hover {
  background: var(--msi-ui-primary-highlight-30, #004080);
}
html.light .msi-checkbox-indeterminate msi-icon {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%23000000' role='img' aria-label='checkbox half'><path d='M7.5 10.5H16.5C16.7761 10.5 17 10.7239 17 11V13C17 13.2761 16.7761 13.5 16.5 13.5H7.5C7.22386 13.5 7 13.2761 7 13V11C7 10.7239 7.22386 10.5 7.5 10.5Z'></path><path d='M20 3C20.5523 3 21 3.44772 21 4V20C21 20.5523 20.5523 21 20 21H4C3.44772 21 3 20.5523 3 20V4C3 3.44772 3.44772 3 4 3H20ZM19 19V5H5V19H19Z'></path></svg>");
}

message-view .ql-editor ol > li::before {
  content: counter(list-0, decimal) ". ";
}

.ql-editor.ql-blank::before {
  left: 25px !important;
  font-style: normal !important;
  font-family: var(--default-font-family) !important;
  color: var(--text-secondary) !important;
}
.ql-editor.ql-blank::before.dark {
  color: #fff !important;
}

quill-view-html .ql-editor {
  padding: 0 !important;
}

.ql-snow .ql-tooltip {
  z-index: 999;
}

message-view .ql-editor ol > li {
  counter-increment: list-0;
}

@supports (counter-set: none) {
  message-view .ql-editor li {
    counter-set: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.clamp-text {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  white-space: nowrap;
  visibility: visible;
}

message-view .ql-editor ul > li::before {
  content: "•";
  display: inline-block;
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
  white-space: nowrap;
  width: 1.2em;
  position: absolute;
}

message-view .ql-editor pre {
  background-color: black;
  color: white;
  padding: 5px;
  border-radius: 5px;
  overflow: auto;
  width: 100%;
}

message-view quill-view-html .ql-editor {
  overflow-wrap: anywhere;
}

msi-modal {
  border: 0 !important;
  box-shadow: none !important;
}

msi-modal-content.new-channel-menu {
  height: 20vh;
}
msi-modal-content.forward-message-modal {
  height: 80vh;
}
msi-modal-content.create-channel-modal {
  height: 43vh !important;
}
msi-modal-content.create-convo-modal {
  height: 50vh !important;
}

msi-tag {
  margin: 0 !important;
}

.forward-message .msi-radio-wrapper {
  display: flex;
}

.cdk-overlay-pane:has(create-convo-modal) {
  width: 24rem !important;
}

.convo-list .msi-tab-labels {
  display: flex;
  overflow: hidden;
  height: 50px;
}

.convo-list .msi-tab-content {
  display: flex;
  flex-direction: column;
  height: 90%;
  padding-top: 0;
  position: absolute;
  top: 47px;
  width: 100%;
}
@media screen and (min-height: 600px) {
  .convo-list .msi-tab-content {
    height: 92%;
  }
}
@media screen and (min-height: 800px) {
  .convo-list .msi-tab-content {
    height: 95%;
  }
}

.user-checkbox span.msi-checkbox-text {
  width: 100%;
}

msi-tag.unit-label-outline {
  border-color: var(--msi-ui-primary-highlight) !important;
}
msi-tag.unit-label-outline a {
  color: var(--msi-ui-primary-highlight) !important;
}

.calendar-dropdown.msi-dropdown {
  padding: 0 !important;
}
.calendar-dropdown.msi-dropdown msi-icon {
  min-width: auto !important;
}

.msi-autocomplete-option .msi-icon {
  margin-right: 0px !important;
}

convo-members .msi-table td {
  padding: 0 12px;
}

a:has(> .btn-clear-search:only-child) {
  padding: 0 !important;
  border: none !important;
}

p-autocomplete .p-autocomplete-clear-icon {
  position: absolute;
  right: 10px;
  top: 16px;
  z-index: 10;
}
p-autocomplete .p-autocomplete-clear-icon .clear .p-button {
  color: var(--msi-icon-primary) !important;
  opacity: 1 !important;
}
p-autocomplete:not(:focus-within) input {
  color: #fff !important;
}
p-autocomplete:not(:focus-within) .p-autocomplete-clear-icon {
  color: #fff !important;
}
p-autocomplete:focus-within input {
  color: #000 !important;
}
p-autocomplete:focus-within .p-autocomplete-clear-icon .clear .p-button {
  color: #000 !important;
}
p-autocomplete .p-autocomplete-footer msi-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.25rem;
  height: 1.25rem;
  flex-shrink: 0;
}

.overlay-scrollbar {
  scrollbar-gutter: stable;
  scrollbar-width: thin;
  scrollbar-color: rgba(0, 0, 0, 0.3) transparent;
}
.overlay-scrollbar::-webkit-scrollbar {
  width: 6px;
}
.overlay-scrollbar::-webkit-scrollbar-track {
  background: transparent;
}
.overlay-scrollbar::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 3px;
}
.overlay-scrollbar::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.5);
}

html.dark .overlay-scrollbar {
  scrollbar-color: rgba(255, 255, 255, 0.4) transparent;
}
html.dark .overlay-scrollbar::-webkit-scrollbar-thumb {
  background-color: rgba(255, 255, 255, 0.4);
}
html.dark .overlay-scrollbar::-webkit-scrollbar-thumb:hover {
  background-color: rgba(255, 255, 255, 0.6);
}

.export-convo-calendar .form-wrapper.form-border {
  border: none;
  box-shadow: none;
}

.msi-modal-content msi-item {
  padding: 2px !important;
}
.msi-modal-content msi-item:not(:has(.item-icon)) .msi-item-wrapper {
  grid-template-columns: 0 1fr !important;
}

.msi-modal-content msi-item.no-padding {
  padding: 0 !important;
}

p-splitter .p-splitter {
  border: none;
  background: transparent;
  height: 100%;
}
p-splitter .p-splitter .p-splitter-panel {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
p-splitter .p-splitter .p-splitter-gutter {
  background: var(--msi-ui-background-medium, #e5e5e5);
  transition: background-color 0.2s;
  cursor: row-resize;
}
p-splitter .p-splitter .p-splitter-gutter:hover {
  background: var(--msi-ui-primary-highlight, #0066cc);
}
p-splitter .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
  background: transparent;
}

cc-messaging .resize-disabled .p-splitter-gutter {
  pointer-events: none;
  cursor: not-allowed !important;
  opacity: 0.3;
  background-color: #f0f0f0;
}

cc-messaging .resize-disabled .p-splitter-gutter-handle {
  pointer-events: none;
  cursor: not-allowed !important;
}

/* You can add global styles to this file, and also import other style files */
/* stylelint-disable */
/* roboto-100 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Roboto";
  font-style: normal;
  font-weight: 100;
  src: url('roboto-100.a295b650fce8f05f.woff2') format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-100italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Roboto";
  font-style: italic;
  font-weight: 100;
  src: url('roboto-100italic.a74462965341fc32.woff2') format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-300 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  src: url('roboto-300.686ba89e9928810b.woff2') format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-300italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Roboto";
  font-style: italic;
  font-weight: 300;
  src: url('roboto-300italic.39a32e3138df3492.woff2') format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-regular - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url('roboto-400.13737ec3c62a4244.woff2') format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Roboto";
  font-style: italic;
  font-weight: 400;
  src: url('roboto-400italic.e4d3064ac1495975.woff2') format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-500 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: url('roboto-500.92bcbd67a6a4e333.woff2') format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-500italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Roboto";
  font-style: italic;
  font-weight: 500;
  src: url('roboto-500italic.4a3abd924d62e232.woff2') format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-700 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: url('roboto-700.8871a06ca6b44e6b.woff2') format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-700italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Roboto";
  font-style: italic;
  font-weight: 700;
  src: url('roboto-700italic.bb4f00c00e0dd5ed.woff2') format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-900 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Roboto";
  font-style: normal;
  font-weight: 900;
  src: url('roboto-900.cd194dc32f732dd7.woff2') format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-900italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Roboto";
  font-style: italic;
  font-weight: 900;
  src: url('roboto-900italic.6beafbf3d32388b6.woff2') format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* stylelint-disable */
/* roboto-mono-100 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Roboto Mono";
  font-style: normal;
  font-weight: 100;
  src: url('roboto-mono-v23-latin-100.99f3d18428417792.woff2') format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-mono-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Roboto Mono";
  font-style: normal;
  font-weight: 200;
  src: url('roboto-mono-v23-latin-200.fa118af2bfb484e0.woff2') format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-mono-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Roboto Mono";
  font-style: normal;
  font-weight: 300;
  src: url('roboto-mono-v23-latin-300.e0464a10d3306e30.woff2') format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-mono-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Roboto Mono";
  font-style: normal;
  font-weight: 400;
  src: url('roboto-mono-v23-latin-regular.062f2b851e15206c.woff2') format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-mono-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Roboto Mono";
  font-style: normal;
  font-weight: 500;
  src: url('roboto-mono-v23-latin-500.97407b1476e2a929.woff2') format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-mono-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Roboto Mono";
  font-style: normal;
  font-weight: 600;
  src: url('roboto-mono-v23-latin-600.2f7a908759583f53.woff2') format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-mono-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Roboto Mono";
  font-style: normal;
  font-weight: 700;
  src: url('roboto-mono-v23-latin-700.6e8e9d2faa3a9676.woff2') format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* Line height */
/* Font weight */
p-accordion.p-accordion .p-accordionheader {
  font-size: var(--msi-size-default);
}
p-accordion.p-accordion .p-accordioncontent {
  font-size: var(--msi-size-body2);
}
p-accordion.p-accordion .p-accordioncontent[data-p-active=false] {
  display: none;
}
p-accordion.p-accordion .p-accordionpanel-active .p-accordionheader:hover {
  color: var(--msi-text-primary);
}

p-autocomplete.ng-invalid.ng-dirty .p-autocomplete-input:enabled:focus {
  border-color: var(--msi-status-error);
  outline-color: var(--msi-status-error);
}

p-autocomplete:has(.p-disabled) {
  cursor: not-allowed;
}
p-autocomplete .p-autocomplete .p-inputtext:disabled,
p-autocomplete .p-autocomplete .p-autocomplete-dropdown:disabled {
  opacity: var(--msi-disabled-opacity);
}
p-autocomplete .p-autocomplete.p-autocomplete-open .p-autocomplete-dropdown msi-icon {
  transform: rotate(180deg);
}
p-autocomplete .p-autocomplete .p-autocomplete-dropdown {
  border-width: var(--msi-border-width-xs);
}
p-autocomplete .p-autocomplete .p-autocomplete-dropdown msi-icon {
  transition: transform var(--msi-transition-time);
}
p-autocomplete .p-autocomplete:not(:hover, :focus, .p-focus) .p-autocomplete-clear-icon .clear .p-button {
  color: transparent;
}
p-autocomplete .p-autocomplete .p-autocomplete-clear-icon .clear {
  position: relative;
  top: -0.25rem;
  right: unset;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: -0.125rem;
}
p-autocomplete .p-autocomplete .p-autocomplete-clear-icon .clear .p-button {
  width: 1.5rem;
  height: 1.5rem;
  color: var(--msi-icon-primary);
}
p-autocomplete .p-autocomplete .p-autocomplete-clear-icon .clear .p-button .msi-icon {
  width: 0.875rem;
  height: 0.875rem;
}
p-autocomplete .p-autocomplete .p-autocomplete-input-multiple {
  gap: var(--msi-spacing-xs-rem);
  min-height: var(--msi-min-height-input);
  padding: 0.3rem 0.5rem;
}
p-autocomplete .p-autocomplete .p-autocomplete-input-multiple:has(input:disabled) {
  opacity: var(--msi-disabled-opacity);
}
p-autocomplete .p-autocomplete .p-autocomplete-input-multiple:has(input:disabled) p-chip {
  pointer-events: none;
  cursor: default;
}
p-autocomplete .p-autocomplete .p-autocomplete-input-multiple:has(input:disabled) p-chip .p-chip-remove-icon {
  display: none;
}
p-autocomplete .p-autocomplete .p-autocomplete-input-multiple p-chip {
  border-radius: var(--msi-corner-radius-lg-rem);
}
p-autocomplete .p-autocomplete .p-autocomplete-input-multiple p-chip .p-chip-remove-icon .p-autocomplete-chip-icon {
  /* stylelint-disable-next-line */
}
p-autocomplete .p-autocomplete .p-autocomplete-input-multiple p-chip .p-chip-remove-icon .p-autocomplete-chip-icon timescircleicon {
  position: absolute;
  width: 0.75rem;
  height: 0.75rem;
  content: "";
  background: var(--msi-icon-primary);
  mask: url("/assets/cobalt-icons/ic_remove.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
}
p-autocomplete .p-autocomplete .p-autocomplete-input-multiple p-chip .p-chip-remove-icon .p-autocomplete-chip-icon timescircleicon svg {
  display: none;
}

.p-badge {
  align-items: center;
  align-self: center;
  justify-content: center;
  font-style: normal;
  border: var(--msi-border-width-xs) solid var(--msi-primary-bright-20);
}
.p-badge.p-badge-dot {
  top: -0.125rem;
  right: -0.0625rem;
  left: unset;
  border-radius: 50%;
}
.p-badge.p-badge-circle {
  border-radius: var(--msi-badge-border-radius);
}
.p-badge.p-component {
  inset-inline-end: auto;
  top: -0.313rem;
  left: 50%;
  outline-style: none;
  transform: none;
}
.p-badge.msi-selected {
  border-color: var(--msi-icon-bright);
}

.p-overlaybadge,
.p-overlay-badge {
  width: fit-content;
}
.p-overlaybadge > .p-badge,
.p-overlay-badge > .p-badge {
  outline-style: none;
}
.p-overlaybadge > .p-badge.p-badge-dot,
.p-overlay-badge > .p-badge.p-badge-dot {
  top: -0.125rem;
  right: -0.0625rem;
  left: unset;
  border-radius: 50%;
}

.msi-selected > .p-overlay-badge > .p-badge,
.msi-selected > .p-overlaybadge > .p-badge {
  border-color: var(--msi-icon-bright);
  outline-style: none;
}

.p-button {
  height: 2.125rem;
  font-size: var(--msi-size-h6);
  font-weight: 500;
  line-height: 0.875rem;
}
.p-button.p-button-sm, .p-button.p-button-lg {
  height: unset;
}
.p-button.p-button-text:not(:disabled):active, .p-button.p-button-plain:not(:disabled):active {
  color: var(--msi-text-button);
}
.p-button.p-button-icon-only {
  width: 2.25rem;
  height: 2.25rem;
  color: var(--msi-icon-primary);
  background: none;
  border: none;
  border-radius: 50%;
  box-shadow: none;
}
.p-button.p-button-icon-only:not(:disabled):hover, .p-button.p-button-icon-only:not(:disabled):focus {
  color: var(--msi-text-primary);
  background: var(--msi-primary-shades-10);
}
.p-button.p-button-icon-only:not(:disabled):active {
  color: var(--msi-text-button);
  background: var(--msi-focus-primary);
}
.p-button.p-button-icon-only .msi-icon {
  display: flex;
  width: 1.5rem;
  height: 1.5rem;
  margin: 0;
}
.p-button .msi-icon {
  width: 1.125rem;
  height: 1.125rem;
  margin: -0.125rem 0;
  color: inherit;
}
.p-button p-progress-spinner {
  margin: -0.125rem 0;
}

p-button.active .msi-icon {
  color: var(--msi-secondary-highlight);
}
p-button.active:active .msi-icon {
  color: inherit;
}
p-button[disabled] {
  cursor: not-allowed;
}
p-button[disabled] > * {
  cursor: not-allowed;
}

.p-buttongroup .p-button:not(.p-button-sm) .msi-icon:only-child {
  width: 1.5rem;
  height: 1.5rem;
}
.p-buttongroup .p-button:not(.p-button-sm):not(.p-button-lg):has(.msi-icon:only-child) {
  height: 2.125rem;
}
.p-buttongroup .p-button.p-button-lg:has(.msi-icon:only-child) {
  height: 2.5rem;
}
.p-buttongroup p-button:has(+ p-button[disabled]) .p-button {
  border-right: var(--msi-border-width-xs) solid var(--msi-button-primary-border-color);
}
.p-buttongroup p-button:has(+ p-button[disabled]) .p-button.p-button-secondary {
  border-right: var(--msi-border-width-xs) solid var(--msi-button-secondary-border-color);
}
.p-buttongroup p-button:has(+ p-button[disabled]) + p-button[disabled] .p-button {
  border-left: 0;
}

p-card .p-card {
  width: 100%;
  font-size: var(--msi-size-body2);
  border: 0.0625rem solid var(--msi-stroke-level-1);
}
p-card .p-card:hover {
  box-shadow: var(--msi-shadow-level-3);
}
p-card .p-card .msi-icon {
  color: var(--msi-icon-primary);
}
p-card .p-card .p-card-header :first-child {
  border-top-left-radius: var(--msi-card-border-radius);
  border-top-right-radius: var(--msi-card-border-radius);
}
p-card .p-card .p-card-body .p-card-title {
  display: flex;
  align-items: center;
  justify-content: normal;
  gap: 0.5rem;
  font-size: var(--msi-size-body2);
  font-weight: var(--msi-weight-bold);
}
p-card .p-card .p-card-body .p-card-title span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
p-card .p-card .p-card-body .p-card-title .msi-icon {
  width: 1.5rem;
  height: 1.5rem;
}
p-card .p-card .p-card-body .p-card-title .msi-icon i {
  width: inherit;
  height: inherit;
  display: flex;
}
p-card .p-card .p-card-body .p-card-subtitle {
  font-size: var(--msi-size-subtitle);
}
p-card .p-card .p-card-body .p-card-content {
  padding: var(--msi-spacing-s-rem) 0;
}
p-card .p-card .p-card-body .p-card-content:has(.msi-full-bleed) {
  margin: calc(-1 * var(--msi-spacing-s-rem)) calc(-1 * var(--msi-card-body-padding));
}
p-card .p-card .p-card-body .p-card-footer:has(.msi-full-bleed) {
  margin: calc(-1 * var(--msi-card-body-gap)) calc(-1 * var(--msi-card-body-padding)) calc(-1 * var(--msi-card-body-padding));
}
p-card .p-card .p-card-body .p-card-footer:has(.msi-full-bleed) :last-child {
  border-bottom-right-radius: var(--msi-card-border-radius);
  border-bottom-left-radius: var(--msi-card-border-radius);
}
p-card .p-card img {
  display: flex;
  align-items: center;
  justify-content: center;
}
p-card.msi-card-error .p-card {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  min-height: 12.5rem;
  font-size: var(--msi-size-subtitle);
}
p-card.msi-card-error .p-card .p-card-content {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: var(--msi-spacing-s-rem);
}
p-card.msi-card-error .p-card .p-card-content .msi-icon {
  width: 2.25rem;
  height: 2.25rem;
}
p-card.msi-card-error .p-card .p-card-content .msi-icon i {
  width: 2.25rem;
  height: 2.25rem;
  display: flex;
}

p-checkbox:has(.p-disabled) {
  cursor: not-allowed;
}
p-checkbox .p-checkbox-box {
  /* stylelint-disable-next-line */
  /* stylelint-disable-next-line */
}
p-checkbox .p-checkbox-box checkicon svg {
  display: none;
}
p-checkbox .p-checkbox-box checkicon::after {
  height: 1.5rem;
  content: url("/assets/cobalt-icons/ic_checkbox_component.svg");
}
p-checkbox .p-checkbox-box minusicon svg {
  display: none;
}
p-checkbox .p-checkbox-box minusicon::after {
  position: absolute;
  width: 0.8rem;
  height: 0.8rem;
  content: "";
  background: var(--msi-icon-primary);
  mask: url("/assets/cobalt-icons/ic_checkbox_half.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: 1.5rem;
}
p-checkbox:hover .p-checkbox:not(.p-disabled) .p-checkbox-box::after, p-checkbox:active .p-checkbox:not(.p-disabled) .p-checkbox-box::after {
  position: absolute;
  inset: -0.438rem;
  z-index: unset;
  content: "";
  background: var(--msi-status-hover);
  border-radius: 50%;
}
p-checkbox:disabled,
p-checkbox .p-disabled {
  opacity: var(--msi-disabled-opacity);
}
p-checkbox .p-checkbox:not(.p-checkbox-checked) .p-checkbox-box:not(:has(minus-icon)) {
  border: var(--msi-border-width-s) solid var(--msi-icon-primary);
}
p-checkbox .p-checkbox:not(.p-checkbox-checked) .p-checkbox-box .msi-icon {
  display: flex;
  align-items: center;
  color: var(--msi-icon-primary);
}
p-checkbox .p-checkbox.p-checkbox-checked .p-checkbox-box {
  border: var(--msi-border-width-s) solid var(--msi-focus-secondary);
}
p-checkbox .p-checkbox.p-checkbox-checked .p-checkbox-box .msi-icon {
  display: flex;
  align-items: center;
  color: var(--msi-focus-secondary);
}

p-chip.p-chip {
  font-size: var(--msi-size-h7);
  font-weight: 700;
  border: var(--msi-border-width-xs) solid transparent;
}
p-chip.p-chip:hover {
  background: var(--msi-status-hover);
}
p-chip.p-chip:has(.p-chip-label) {
  padding: 0.1875rem var(--msi-spacing-s-rem);
}
p-chip.p-chip:has(.p-chip-remove-icon) {
  padding: 0.1875rem var(--msi-spacing-xs-rem);
}
p-chip.p-chip .msi-icon {
  display: flex;
  align-items: center;
  width: 0.75rem;
  height: 0.75rem;
}
p-chip.p-chip:focus-visible {
  border: var(--msi-border-width-xs) solid var(--msi-chip-neutral);
  outline: var(--msi-border-width-xs) solid var(--msi-focus-primary);
  outline-offset: var(--msi-border-width-xs);
}

.p-datepicker .p-datepicker-next-button .p-iconwrapper {
  display: none;
}
.p-datepicker .p-datepicker-select-month,
.p-datepicker .p-datepicker-select-year,
.p-datepicker .p-datepicker-weekday,
.p-datepicker .p-datepicker-day,
.p-datepicker .p-datepicker-month,
.p-datepicker .p-datepicker-year {
  font-size: var(--msi-size-default);
}
.p-datepicker .p-datepicker-day {
  font-weight: 700;
}
.p-datepicker .p-datepicker-year {
  padding: var(--msi-spacing-input-rem);
}
.p-datepicker .p-datepicker-today .p-datepicker-day {
  border: var(--msi-border-width-xs) solid var(--msi-focus-primary);
}
.p-datepicker .trigger-icon {
  display: flex;
  width: 1rem;
  height: 1rem;
}
.p-datepicker .p-inputtext:read-only:not(:disabled) {
  cursor: text !important;
  background-color: var(--msi-inputtext-background) !important;
  border: var(--msi-border-width-xs) solid var(--msi-inputtext-border-color) !important;
}
.p-datepicker .p-datepicker-buttonbar {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  justify-content: flex-end;
}
.p-datepicker .p-datepicker-buttonbar .p-button {
  height: 2.125rem;
}
.p-datepicker .p-datepicker-year,
.p-datepicker .p-datepicker-month {
  width: 4.5rem;
  height: 1.875rem;
}
.p-datepicker .p-datepicker-year-view,
.p-datepicker .p-datepicker-month-view {
  display: grid;
  grid-template-columns: repeat(2, 4.5rem);
  gap: 0.2rem 1.125rem;
  justify-content: center;
  min-width: 10.125rem;
}

.p-dialog.p-dialog-maximized .p-dialog-header .p-dialog-maximize-button {
  /* stylelint-disable-next-line */
}
.p-dialog.p-dialog-maximized .p-dialog-header .p-dialog-maximize-button windowminimizeicon::after {
  position: absolute;
  width: 1.5rem;
  height: 1.5rem;
  content: "";
  background: var(--msi-icon-primary);
  mask: url("/assets/cobalt-icons/ic_panel_contract.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: 1.5rem;
}

.p-dialog .p-dialog-content,
.p-dialog .p-dialog-title {
  font-size: var(--msi-size-h6);
}
.p-dialog .p-dialog-header {
  min-height: 2.625rem;
  border-bottom: var(--msi-border-width-xs) solid var(--msi-stroke-level-1);
}
.p-dialog .p-dialog-header p-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
}
.p-dialog .p-dialog-header p-button .p-dialog-maximize-button {
  /* stylelint-disable-next-line */
}
.p-dialog .p-dialog-header p-button .p-dialog-maximize-button windowmaximizeicon::after {
  position: absolute;
  width: 1.5rem;
  height: 1.5rem;
  content: "";
  background: var(--msi-icon-primary);
  mask: url("/assets/cobalt-icons/ic_panel_expand.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: 1.5rem;
}
.p-dialog .p-dialog-header p-button .p-dialog-close-button {
  /* stylelint-disable-next-line */
}
.p-dialog .p-dialog-header p-button .p-dialog-close-button timesicon::after {
  position: absolute;
  width: 1.5rem;
  height: 1.5rem;
  content: "";
  background: var(--msi-icon-primary);
  mask: url("/assets/cobalt-icons/ic_remove.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: 1.5rem;
}
.p-dialog .p-dialog-header p-button .p-dialog-maximize-button,
.p-dialog .p-dialog-header p-button .p-dialog-close-button {
  width: 2.25rem;
  height: 2.25rem;
  color: var(--msi-icon-primary);
  background: none;
  border: none;
  border-radius: 50%;
  box-shadow: none;
  /* stylelint-disable */
}
.p-dialog .p-dialog-header p-button .p-dialog-maximize-button windowmaximizeicon,
.p-dialog .p-dialog-header p-button .p-dialog-maximize-button windowminimizeicon,
.p-dialog .p-dialog-header p-button .p-dialog-maximize-button timesicon,
.p-dialog .p-dialog-header p-button .p-dialog-close-button windowmaximizeicon,
.p-dialog .p-dialog-header p-button .p-dialog-close-button windowminimizeicon,
.p-dialog .p-dialog-header p-button .p-dialog-close-button timesicon {
  /* stylelint-enable */
}
.p-dialog .p-dialog-header p-button .p-dialog-maximize-button windowmaximizeicon svg,
.p-dialog .p-dialog-header p-button .p-dialog-maximize-button windowminimizeicon svg,
.p-dialog .p-dialog-header p-button .p-dialog-maximize-button timesicon svg,
.p-dialog .p-dialog-header p-button .p-dialog-close-button windowmaximizeicon svg,
.p-dialog .p-dialog-header p-button .p-dialog-close-button windowminimizeicon svg,
.p-dialog .p-dialog-header p-button .p-dialog-close-button timesicon svg {
  display: none;
}
.p-dialog .p-dialog-header p-button .p-dialog-maximize-button:hover::after,
.p-dialog .p-dialog-header p-button .p-dialog-close-button:hover::after {
  position: absolute;
  inset: -0.438rem;
  z-index: unset;
  content: "";
  background: var(--msi-status-hover);
  border-radius: 50%;
}
.p-dialog .p-dialog-header p-button .p-dialog-maximize-button:active,
.p-dialog .p-dialog-header p-button .p-dialog-close-button:active {
  background-color: var(--msi-focus-primary);
  /* stylelint-disable */
}
.p-dialog .p-dialog-header p-button .p-dialog-maximize-button:active timesicon,
.p-dialog .p-dialog-header p-button .p-dialog-maximize-button:active windowminimizeicon,
.p-dialog .p-dialog-header p-button .p-dialog-maximize-button:active windowmaximizeicon,
.p-dialog .p-dialog-header p-button .p-dialog-close-button:active timesicon,
.p-dialog .p-dialog-header p-button .p-dialog-close-button:active windowminimizeicon,
.p-dialog .p-dialog-header p-button .p-dialog-close-button:active windowmaximizeicon {
  /* stylelint-enable */
}
.p-dialog .p-dialog-header p-button .p-dialog-maximize-button:active timesicon::after,
.p-dialog .p-dialog-header p-button .p-dialog-maximize-button:active windowminimizeicon::after,
.p-dialog .p-dialog-header p-button .p-dialog-maximize-button:active windowmaximizeicon::after,
.p-dialog .p-dialog-header p-button .p-dialog-close-button:active timesicon::after,
.p-dialog .p-dialog-header p-button .p-dialog-close-button:active windowminimizeicon::after,
.p-dialog .p-dialog-header p-button .p-dialog-close-button:active windowmaximizeicon::after {
  background: var(--msi-text-button);
}

.p-iconfield {
  position: relative;
  display: inline-block;
}
.p-iconfield:has(.p-inputtext[disabled]) .msi-input-icon {
  opacity: var(--msi-disabled-opacity);
}
.p-iconfield .msi-icon {
  display: flex;
  width: 1.125rem;
  height: 1.125rem;
}
.p-iconfield .msi-icon .msi-input-icon {
  width: inherit;
  height: inherit;
}

p-inputicon.msi-input-clickable-icon {
  position: absolute;
  top: 0.8125rem;
  right: 0.1875rem;
  display: inline-block;
  width: 1.625rem;
  height: 1.625rem;
  cursor: pointer;
}
p-inputicon.msi-input-clickable-icon .msi-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
p-inputicon.msi-input-clickable-icon:hover, p-inputicon.msi-input-clickable-icon:focus {
  background-color: var(--msi-status-hover);
  border-radius: 50%;
}
p-inputicon.msi-input-clickable-icon:focus {
  outline: var(--msi-border-width-xs) solid var(--msi-focus-primary);
  outline-offset: var(--msi-border-width-xs);
}

.msi-inline-input {
  border-color: transparent;
}
.msi-inline-input:focus {
  border-color: var(--msi-focus-border-color);
}
.msi-inline-input.ng-dirty.ng-invalid:focus, .msi-inline-input.ng-dirty.ng-invalid:hover {
  border-color: var(--msi-status-error);
}

.p-inputgroupaddon {
  padding: 0;
}
.p-inputgroupaddon:hover {
  background-color: var(--msi-status-hover);
}
.p-inputgroupaddon .p-select {
  height: 100%;
  border: transparent;
}
.p-inputgroupaddon .p-select:hover {
  border-radius: 0;
}
.p-inputgroupaddon .p-select .p-select-label {
  display: flex;
  align-items: center;
}
.p-inputgroupaddon:has(.p-select.p-focus) {
  border-color: var(--msi-primary-highlight);
}
.p-inputgroupaddon:has(.p-select.p-focus) + .p-inputtext {
  border-left-color: var(--msi-primary-highlight);
}

.p-inputtext,
.p-textarea {
  min-height: 2.125rem;
  font-size: var(--msi-size-h6);
  border-width: var(--msi-border-width-xs);
}
.p-inputtext:disabled,
.p-textarea:disabled {
  cursor: not-allowed;
  opacity: var(--msi-disabled-opacity);
}
.p-inputtext:enabled:hover,
.p-textarea:enabled:hover {
  background: var(--msi-status-hover);
}
.p-inputtext:read-only:not(:disabled):not(.p-dropdown-label),
.p-textarea:read-only:not(:disabled):not(.p-dropdown-label) {
  cursor: not-allowed;
  background: var(--msi-status-hover);
  border-color: transparent;
}
.p-inputtext:read-only:not(:disabled):not(.p-dropdown-label):hover,
.p-textarea:read-only:not(:disabled):not(.p-dropdown-label):hover {
  background: var(--msi-status-hover);
  border-color: var(--msi-stroke-level-2);
}
.p-inputtext:read-only:not(:disabled):not(.p-dropdown-label):focus,
.p-textarea:read-only:not(:disabled):not(.p-dropdown-label):focus {
  border-color: var(--msi-primary-highlight);
}
.p-inputtext.ng-dirty.ng-invalid:focus, .p-inputtext.ng-dirty.ng-invalid:hover,
.p-textarea.ng-dirty.ng-invalid:focus,
.p-textarea.ng-dirty.ng-invalid:hover {
  border-color: var(--msi-status-error);
  outline-color: var(--msi-status-error);
}

.msi-input-label {
  display: flex;
  margin-bottom: 0.375rem;
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--msi-text-primary);
}
.msi-input-label .msi-input-label-icon {
  width: 0.938rem;
  height: 0.938rem;
}
.msi-input-label:has(+ .p-inputgroup .ng-dirty.ng-invalid) .msi-input-label-icon {
  color: var(--msi-status-error);
}
.msi-input-label:has(+ .ng-dirty.ng-invalid) .msi-input-label-icon {
  color: var(--msi-status-error);
}

.msi-input-error {
  margin-top: 0.375rem;
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--msi-status-error);
}

.p-textarea {
  min-height: 3rem;
}

.p-listbox .p-listbox-header {
  gap: var(--msi-spacing-s-rem);
  border-radius: var(--msi-corner-radius-lg-rem);
}
.p-listbox .p-listbox-header:has(.p-checkbox) {
  padding: var(--msi-spacing-s-rem);
}
.p-listbox .p-listbox-header:has(.p-checkbox) ~ .p-listbox-list-container ul {
  padding: var(--msi-listbox-list-padding) 0;
}
.p-listbox .p-listbox-header:has(.p-checkbox):has(.p-listbox-filter-container) {
  padding: var(--msi-spacing-xs-rem) var(--msi-spacing-s-rem);
}
.p-listbox .p-listbox-header:not(:has(.p-listbox-filter-container))::after {
  content: "Select All";
}
.p-listbox .p-listbox-header:has(.p-listbox-filter-container) ~ .p-listbox-list-container .p-listbox-list {
  padding-top: 0;
}
.p-listbox .p-listbox-header .p-listbox-filter-container {
  padding: 0 var(--msi-spacing-xs-rem);
}
.p-listbox .p-listbox-header .p-listbox-filter-container .p-iconfield {
  width: 100%;
}
.p-listbox .p-listbox-list-container {
  max-height: 15rem !important;
  --scrollbar-color: $fill;
}
@document url-prefix() {
  .p-listbox .p-listbox-list-container {
    scrollbar-color: transparent;
  }
}
.p-listbox .p-listbox-list-container::-webkit-scrollbar-thumb {
  display: none;
}
.p-listbox .p-listbox-list-container:hover {
  --scrollbar-color: $fill;
}
@document url-prefix() {
  .p-listbox .p-listbox-list-container:hover {
    scrollbar-color: var(--msi-scrollbar-fill) transparent;
  }
}
.p-listbox .p-listbox-list-container:hover::-webkit-scrollbar-thumb {
  display: unset;
}
.p-listbox .p-listbox-list-container:has(p-scroller) {
  overflow: hidden;
}
.p-listbox .p-listbox-list-container ul.p-listbox-list li.p-listbox-option {
  gap: var(--msi-spacing-s-rem);
}
.p-listbox .p-listbox-list-container ul.p-listbox-list li.p-listbox-option.p-listbox-option-selected {
  background-color: var(--msi-focus-selection-bright);
}
.p-listbox .p-listbox-list-container ul.p-listbox-list li.p-listbox-option:not(:has(p-checkbox)) {
  /* stylelint-disable-next-line */
}
.p-listbox .p-listbox-list-container ul.p-listbox-list li.p-listbox-option:not(:has(p-checkbox)) checkicon {
  width: 0.875rem;
  height: 0.875rem;
}
.p-listbox .p-listbox-list-container ul.p-listbox-list li.p-listbox-option:not(:has(p-checkbox)) checkicon svg {
  display: none;
}
.p-listbox .p-listbox-list-container ul.p-listbox-list li.p-listbox-option:not(:has(p-checkbox)) checkicon::after {
  position: absolute;
  width: 1.5rem;
  height: 1.5rem;
  content: "";
  background: var(--msi-icon-primary);
  mask: url("/assets/cobalt-icons/ic_check.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: 1.5rem;
}
.p-listbox:not(.p-disabled) .p-listbox-header:has(.p-checkbox):not(:has(.p-listbox-filter-container)):hover {
  background-color: var(--msi-status-hover);
}
.p-listbox:not(.p-disabled) .p-listbox-list-container ul.p-listbox-list li.p-listbox-option:hover:not(.p-listbox-option-group).p-listbox-option-selected, .p-listbox:not(.p-disabled) .p-listbox-list-container ul.p-listbox-list li.p-listbox-option.p-focus.p-listbox-option-selected {
  background-color: color-mix(in srgb, var(--msi-focus-selection-bright), var(--msi-primary-shades) 10%);
}
.p-listbox:has(.p-listbox-header):has(.p-checkbox) {
  padding: var(--msi-spacing-xs-rem);
}
.p-listbox.p-disabled {
  opacity: var(--msi-disabled-opacity);
}
.p-listbox.p-disabled ul li {
  pointer-events: none;
}

.p-tieredmenu,
.p-contextmenu {
  z-index: var(--msi-z-index-level-1) !important;
  min-width: 10rem;
  font-size: var(--msi-size-body2);
}
.p-tieredmenu .p-tieredmenu-separator,
.p-tieredmenu .p-contextmenu-separator,
.p-contextmenu .p-tieredmenu-separator,
.p-contextmenu .p-contextmenu-separator {
  margin: var(--msi-spacing-xxs-rem) 0;
}
.p-tieredmenu .p-tieredmenu-item-content:hover,
.p-tieredmenu .p-contextmenu-item-content:hover,
.p-contextmenu .p-tieredmenu-item-content:hover,
.p-contextmenu .p-contextmenu-item-content:hover {
  color: var(--msi-text-primary);
}
.p-tieredmenu .p-tieredmenu-item-content .p-tieredmenu-item-link .msi-icon,
.p-tieredmenu .p-tieredmenu-item-content .p-contextmenu-item-link .msi-icon,
.p-tieredmenu .p-contextmenu-item-content .p-tieredmenu-item-link .msi-icon,
.p-tieredmenu .p-contextmenu-item-content .p-contextmenu-item-link .msi-icon,
.p-contextmenu .p-tieredmenu-item-content .p-tieredmenu-item-link .msi-icon,
.p-contextmenu .p-tieredmenu-item-content .p-contextmenu-item-link .msi-icon,
.p-contextmenu .p-contextmenu-item-content .p-tieredmenu-item-link .msi-icon,
.p-contextmenu .p-contextmenu-item-content .p-contextmenu-item-link .msi-icon {
  width: var(--msi-icons-size-s);
  height: var(--msi-icons-size-s);
}
.p-tieredmenu .p-tieredmenu-item-content .p-tieredmenu-item-link msi-icon[name=ic_list_arrow_right],
.p-tieredmenu .p-tieredmenu-item-content .p-contextmenu-item-link msi-icon[name=ic_list_arrow_right],
.p-tieredmenu .p-contextmenu-item-content .p-tieredmenu-item-link msi-icon[name=ic_list_arrow_right],
.p-tieredmenu .p-contextmenu-item-content .p-contextmenu-item-link msi-icon[name=ic_list_arrow_right],
.p-contextmenu .p-tieredmenu-item-content .p-tieredmenu-item-link msi-icon[name=ic_list_arrow_right],
.p-contextmenu .p-tieredmenu-item-content .p-contextmenu-item-link msi-icon[name=ic_list_arrow_right],
.p-contextmenu .p-contextmenu-item-content .p-tieredmenu-item-link msi-icon[name=ic_list_arrow_right],
.p-contextmenu .p-contextmenu-item-content .p-contextmenu-item-link msi-icon[name=ic_list_arrow_right] {
  width: var(--msi-icons-size-default);
  height: var(--msi-icons-size-default);
  margin: -0.5rem -0.5rem -0.5rem auto;
}

.p-tieredmenu ul:has(> .dropdown-grid-item) {
  flex-flow: row wrap;
  min-width: unset;
}
.p-tieredmenu ul li.dropdown-grid-item {
  display: inline-flex;
  align-items: center;
}
.p-tieredmenu ul li:not(.dropdown-grid-item) {
  display: block;
  width: 100%;
}

.p-message {
  min-width: fit-content;
}
.p-message .p-message-content {
  align-items: flex-start;
}
.p-message .p-message-content .p-message-text {
  display: grid;
  padding: var(--msi-spacing-xxxs-rem) var(--msi-spacing-s-rem);
  font-size: var(--msi-size-h6);
}
.p-message .p-message-content .p-message-text:has(div:has(.callout-title)) {
  gap: 0.5rem;
}
.p-message .p-message-content .p-message-text:not(:has(.callout-footer)) {
  padding: var(--msi-spacing-xxxs-rem) var(--msi-spacing-s-rem) var(--msi-spacing-s-rem);
}
.p-message .p-message-content .p-message-text div {
  display: flex;
  justify-content: space-between;
}
.p-message .p-message-content .p-message-text div h6 {
  padding: var(--msi-spacing-xxs-rem) 0;
  margin: 0;
}
.p-message .p-message-content .p-message-text div .callout-custom-button {
  width: 1.875rem;
  height: 1.875rem;
  margin-top: -0.1rem;
  margin-right: -0.5rem;
}
.p-message .p-message-content .msi-icon {
  width: 1.5rem;
  height: 1.5rem;
}
.p-message .p-message-content .msi-icon.ic_information, .p-message .p-message-content .msi-icon.ic_status_available, .p-message .p-message-content .msi-icon.ic_event, .p-message .p-message-content .msi-icon.ic_error {
  padding: var(--msi-spacing-xxs-rem) 0;
}
.p-message .p-message-close-button {
  padding: var(--msi-spacing-xxxs-rem) var(--msi-spacing-s-rem);
}
.p-message .p-message-close-button .msi-icon {
  width: 1.5rem;
  height: 1.5rem;
  color: var(--msi-icon-primary);
}

.p-paginator .p-paginator-page,
.p-paginator button {
  font-size: var(--msi-size-h6);
  font-weight: 700;
}
.p-paginator .p-paginator-page .msi-icon,
.p-paginator button .msi-icon {
  display: flex;
  width: 1.5rem;
  height: 1.5rem;
  color: var(--msi-icon-primary);
}
.p-paginator .p-paginator-page-selected:hover {
  background-color: color-mix(in srgb, var(--msi-focus-tertiary), var(--msi-primary-shades) 10%);
}

.p-popover {
  z-index: var(--msi-z-index-level-1) !important;
}
.p-popover::before, .p-popover::after {
  border: none;
}

p-progressbar.msi-progress-bar {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--msi-spacing-l-rem);
}
p-progressbar.msi-progress-bar .p-progressbar {
  width: 100%;
}
p-progressbar.msi-progress-bar .p-progressbar .p-progressbar-label {
  display: none;
}

.p-progressspinner svg.determinate-state,
.p-progressspinner-circle.determinate-state {
  animation: none;
}

p-radiobutton:hover .p-radiobutton:not(.p-disabled) .p-radiobutton-box:not(.p-focus)::before, p-radiobutton:active .p-radiobutton:not(.p-disabled) .p-radiobutton-box:not(.p-focus)::before,
p-tableradiobutton:hover .p-radiobutton:not(.p-disabled) .p-radiobutton-box:not(.p-focus)::before,
p-tableradiobutton:active .p-radiobutton:not(.p-disabled) .p-radiobutton-box:not(.p-focus)::before {
  position: absolute;
  inset: -0.438rem;
  z-index: unset;
  content: "";
  background: var(--msi-status-hover);
  border-radius: 50%;
}
p-radiobutton:has(.p-disabled),
p-tableradiobutton:has(.p-disabled) {
  cursor: not-allowed;
}
p-radiobutton:disabled,
p-radiobutton .p-disabled,
p-tableradiobutton:disabled,
p-tableradiobutton .p-disabled {
  opacity: var(--msi-disabled-opacity);
}
p-radiobutton .p-radiobutton:not(.p-radiobutton-checked) .p-radiobutton-box,
p-tableradiobutton .p-radiobutton:not(.p-radiobutton-checked) .p-radiobutton-box {
  border: var(--msi-border-width-s) solid var(--msi-icon-primary);
}
p-radiobutton .p-radiobutton.p-radiobutton-checked .p-radiobutton-box,
p-tableradiobutton .p-radiobutton.p-radiobutton-checked .p-radiobutton-box {
  border: var(--msi-border-width-s) solid var(--msi-focus-secondary);
}

@document url-prefix() {
  * {
    scrollbar-color: var(--msi-neutral-level-4) transparent;
    scrollbar-width: thin;
  }
}
* {
  --scrollbar-color: var(--msi-neutral-level-4) transparent;
  --scrollbar-width: thin;
}

::-webkit-scrollbar {
  width: var(--msi-scrollbar-width);
  height: var(--msi-scrollbar-width);
}
::-webkit-scrollbar:hover {
  background: var(--msi-primary-shades-10);
}
::-webkit-scrollbar:active {
  background: var(--msi-primary-shades-20);
}
::-webkit-scrollbar-thumb {
  background-color: var(--msi-neutral-level-4);
  background-clip: padding-box;
  border: 0.25rem solid rgba(0, 0, 0, 0);
  border-radius: var(--msi-scrollbar-radius);
}
::-webkit-scrollbar-corner {
  background: transparent;
}

.p-scrolltop.p-button {
  bottom: 0;
  padding: var(--msi-spacing-xs-rem);
  background-color: var(--msi-focus-primary);
  border: var(--msi-border-width-xs) solid var(--msi-stroke-bright-level-1);
  border-radius: var(--msi-corner-radius-md-rem);
  box-shadow: var(--msi-shadow-level-1);
}
.p-scrolltop.p-button.p-button-icon-only:not(:disabled):hover, .p-scrolltop.p-button.p-button-icon-only:not(:disabled):focus-visible {
  background-color: color-mix(in srgb, var(--msi-focus-primary), var(--msi-primary-shades) 10%);
}
.p-scrolltop.p-button .msi-icon {
  color: var(--msi-icon-bright);
}

p-multiselect {
  display: inline-block;
  width: 100%;
}
p-multiselect.msi-readonly {
  cursor: default !important;
  background-color: var(--input-background-read);
  border: none !important;
}
p-multiselect .p-multiselect-label-container {
  max-height: calc(2.5 * var(--msi-min-height-input));
}
p-multiselect .p-multiselect-label-container .p-multiselect-label {
  flex-wrap: wrap;
  gap: var(--msi-spacing-xs-rem);
  overflow-y: scroll;
}
p-multiselect .p-overlay .p-overlay-content .p-multiselect-overlay .p-multiselect-header {
  display: flex;
  gap: 0;
  align-items: center;
}
p-multiselect .p-overlay .p-overlay-content .p-multiselect-overlay .p-multiselect-header .p-iconfield {
  width: 100%;
}
p-multiselect .p-overlay .p-overlay-content .p-multiselect-overlay .p-multiselect-header .p-iconfield .p-inputicon {
  height: 1.5rem;
}
p-multiselect .p-overlay .p-overlay-content .p-multiselect-overlay .p-multiselect-header .p-iconfield .p-inputicon .p-multiselect-filter-icon {
  display: flex;
  height: inherit;
  color: var(--msi-icon-primary);
  opacity: 0.6;
}

p-select,
p-multiselect {
  min-height: var(--msi-min-height-input);
}
p-select .p-multiselect-label-container,
p-multiselect .p-multiselect-label-container {
  display: flex;
}
p-select .p-select-label,
p-select .p-multiselect-label,
p-multiselect .p-select-label,
p-multiselect .p-multiselect-label {
  display: flex;
  align-items: center;
  font-size: var(--msi-size-h6);
}
p-select .p-select-dropdown .p-select-dropdown-icon,
p-select .p-select-dropdown .p-multiselect-dropdown-icon,
p-select .p-multiselect-dropdown .p-select-dropdown-icon,
p-select .p-multiselect-dropdown .p-multiselect-dropdown-icon,
p-multiselect .p-select-dropdown .p-select-dropdown-icon,
p-multiselect .p-select-dropdown .p-multiselect-dropdown-icon,
p-multiselect .p-multiselect-dropdown .p-select-dropdown-icon,
p-multiselect .p-multiselect-dropdown .p-multiselect-dropdown-icon {
  display: none;
}
p-select .p-select-dropdown::before,
p-select .p-multiselect-dropdown::before,
p-multiselect .p-select-dropdown::before,
p-multiselect .p-multiselect-dropdown::before {
  position: absolute;
  top: 50%;
  right: 1rem;
  width: 0;
  height: 0;
  content: "";
  border-top: 0.3125rem solid var(--msi-icon-primary);
  border-right: 0.25rem solid transparent;
  border-left: 0.25rem solid transparent;
  border-radius: 0.0625rem;
  transition: transform var(--msi-transition-time);
  transform: translateY(-50%);
}
p-select .p-select-dropdown[aria-expanded=true]::before,
p-select .p-multiselect-dropdown[aria-expanded=true]::before,
p-multiselect .p-select-dropdown[aria-expanded=true]::before,
p-multiselect .p-multiselect-dropdown[aria-expanded=true]::before {
  transform: translateY(-50%) rotate(180deg);
}
p-select.p-multiselect-open .p-multiselect-dropdown::before,
p-multiselect.p-multiselect-open .p-multiselect-dropdown::before {
  transform: translateY(-50%) rotate(180deg);
}
p-select.p-disabled,
p-multiselect.p-disabled {
  opacity: var(--msi-disabled-opacity);
}
p-select:not(.p-disabled):hover,
p-multiselect:not(.p-disabled):hover {
  background: var(--msi-status-hover);
}
p-select.ng-dirty.ng-invalid,
p-multiselect.ng-dirty.ng-invalid {
  border-color: var(--msi-select-invalid-border-color);
  outline: none;
}
p-select.ng-dirty.ng-invalid:not(.p-disabled).p-focus,
p-multiselect.ng-dirty.ng-invalid:not(.p-disabled).p-focus {
  outline: var(--msi-border-width-xs) solid var(--msi-select-invalid-border-color);
  outline-offset: 0;
}
p-select:not(:hover, :focus, .p-focus) .p-select-clear-icon .p-button,
p-multiselect:not(:hover, :focus, .p-focus) .p-select-clear-icon .p-button {
  color: transparent;
}
p-select p-selectitem:has(.p-disabled),
p-multiselect p-selectitem:has(.p-disabled) {
  cursor: not-allowed;
}
p-select .p-select-clear-icon,
p-multiselect .p-select-clear-icon {
  position: relative;
  right: unset;
  width: 1.5rem;
  height: 1.5rem;
  margin: auto -0.5rem;
}
p-select .p-select-clear-icon .p-button,
p-multiselect .p-select-clear-icon .p-button {
  width: 1.5rem;
  height: 1.5rem;
  color: var(--msi-icon-primary);
}
p-select .p-select-clear-icon .p-button .msi-icon,
p-multiselect .p-select-clear-icon .p-button .msi-icon {
  width: 0.875rem;
  height: 0.875rem;
}
p-select .p-select-header,
p-multiselect .p-select-header {
  padding: var(--msi-overlay-select-header-padding);
}
p-select .p-select-header .p-iconfield .p-select-filter ~ .p-inputicon,
p-multiselect .p-select-header .p-iconfield .p-select-filter ~ .p-inputicon {
  opacity: var(--msi-overlay-select-filter-icon-opacity);
}
p-select.borderless,
p-multiselect.borderless {
  background-color: transparent;
  border-color: transparent;
}
p-select.borderless.ng-dirty.ng-invalid,
p-multiselect.borderless.ng-dirty.ng-invalid {
  border-color: var(--msi-select-invalid-border-color);
}
p-select.borderless.ng-dirty.ng-invalid.p-focus,
p-multiselect.borderless.ng-dirty.ng-invalid.p-focus {
  border-color: var(--msi-select-invalid-border-color);
}
p-select.borderless:not(.p-disabled).p-focus,
p-multiselect.borderless:not(.p-disabled).p-focus {
  border-color: var(--msi-select-focus-border-color);
}

.p-slider .p-slider-handle {
  border: var(--msi-border-width-xs) solid var(--msi-slider-handle-border-color);
}
.p-slider .p-slider-handle:focus {
  border-radius: var(--msi-corner-radius-sm-rem);
  outline: var(--msi-border-width-s) solid var(--msi-focus-primary);
  outline-offset: var(--msi-border-width-s);
}
.p-slider .p-slider-handle:active {
  outline: none;
  box-shadow: 0 0 0 0.1875rem var(--msi-primary-20);
}

.p-stepper .p-steplist .p-step.p-step-active .p-step-header .p-step-number,
.p-stepper .p-stepitem .p-step.p-step-active .p-step-header .p-step-number {
  border: var(--msi-border-width-xs) solid var(--msi-focus-border-color);
}
.p-stepper .p-steplist .p-step .p-step-header:hover,
.p-stepper .p-stepitem .p-step .p-step-header:hover {
  background-color: var(--msi-status-hover);
}
.p-stepper .p-steplist .p-step .p-step-header .p-step-number,
.p-stepper .p-stepitem .p-step .p-step-header .p-step-number {
  border: var(--msi-border-width-xs) solid var(--msi-stroke-level-1);
}
.p-stepper .p-steplist .p-step .p-step-header .p-step-title,
.p-stepper .p-stepitem .p-step .p-step-header .p-step-title {
  font-size: var(--msi-size-default);
}
.p-stepper .p-stepitem .p-step {
  padding: var(--msi-spacing-s-rem);
}

.p-datatable .p-datatable-table-container .p-datatable-table .p-datatable-thead tr th div,
.p-datatable .p-datatable-table-container table .p-datatable-thead tr th div {
  display: flex;
  gap: 0.375rem;
  align-items: center;
}
.p-datatable .p-datatable-table-container .p-datatable-table .p-datatable-thead tr th span:not(.p-datatable-column-resizer),
.p-datatable .p-datatable-table-container table .p-datatable-thead tr th span:not(.p-datatable-column-resizer) {
  position: relative;
}
.p-datatable .p-datatable-table-container .p-datatable-table .p-datatable-thead tr th p-tableheadercheckbox .p-checkbox:not(.p-checkbox-checked) .p-checkbox-box:has(.msi-icon[name=ic_checkbox_half]),
.p-datatable .p-datatable-table-container table .p-datatable-thead tr th p-tableheadercheckbox .p-checkbox:not(.p-checkbox-checked) .p-checkbox-box:has(.msi-icon[name=ic_checkbox_half]) {
  border-color: transparent;
}
.p-datatable .p-datatable-table-container .p-datatable-table .p-datatable-tbody tr td,
.p-datatable .p-datatable-table-container table .p-datatable-tbody tr td {
  vertical-align: middle;
  border-bottom: var(--msi-border-width-xs) solid var(--msi-primary-shades-10);
}
.p-datatable .p-datatable-table-container .p-datatable-table .p-datatable-tbody tr td:has(.msi-icon),
.p-datatable .p-datatable-table-container table .p-datatable-tbody tr td:has(.msi-icon) {
  vertical-align: middle;
}
.p-datatable .p-datatable-table-container .p-datatable-table .p-datatable-tbody tr td:has(.msi-icon) .msi-icon,
.p-datatable .p-datatable-table-container table .p-datatable-tbody tr td:has(.msi-icon) .msi-icon {
  vertical-align: bottom;
}
.p-datatable .p-datatable-table-container .p-datatable-table .p-datatable-tbody tr td:has(.msi-icon) .chevron-icon,
.p-datatable .p-datatable-table-container table .p-datatable-tbody tr td:has(.msi-icon) .chevron-icon {
  transition: transform var(--msi-transition-time);
}
.p-datatable .p-datatable-table-container .p-datatable-table .p-datatable-tbody tr.p-datatable-dragpoint-bottom td,
.p-datatable .p-datatable-table-container table .p-datatable-tbody tr.p-datatable-dragpoint-bottom td {
  border-color: var(--msi-focus-primary);
}
.p-datatable .p-datatable-table-container .p-datatable-table .p-datatable-tbody .p-datatable-selectable-row.p-datatable-row-selected:hover,
.p-datatable .p-datatable-table-container table .p-datatable-tbody .p-datatable-selectable-row.p-datatable-row-selected:hover {
  background-color: color-mix(in srgb, var(--msi-datatable-row-selected-background), var(--msi-primary-shades) 10%);
}
.p-datatable .p-datatable-table-container .p-datatable-table .p-datatable-thead:has(p-button) .p-button:active .msi-icon,
.p-datatable .p-datatable-table-container .p-datatable-table .p-datatable-thead:has(p-button) .p-link:active .msi-icon, .p-datatable .p-datatable-table-container .p-datatable-table .p-datatable-thead:has(button) .p-button:active .msi-icon,
.p-datatable .p-datatable-table-container .p-datatable-table .p-datatable-thead:has(button) .p-link:active .msi-icon,
.p-datatable .p-datatable-table-container .p-datatable-table .p-datatable-tbody:has(p-button) .p-button:active .msi-icon,
.p-datatable .p-datatable-table-container .p-datatable-table .p-datatable-tbody:has(p-button) .p-link:active .msi-icon,
.p-datatable .p-datatable-table-container .p-datatable-table .p-datatable-tbody:has(button) .p-button:active .msi-icon,
.p-datatable .p-datatable-table-container .p-datatable-table .p-datatable-tbody:has(button) .p-link:active .msi-icon,
.p-datatable .p-datatable-table-container table .p-datatable-thead:has(p-button) .p-button:active .msi-icon,
.p-datatable .p-datatable-table-container table .p-datatable-thead:has(p-button) .p-link:active .msi-icon,
.p-datatable .p-datatable-table-container table .p-datatable-thead:has(button) .p-button:active .msi-icon,
.p-datatable .p-datatable-table-container table .p-datatable-thead:has(button) .p-link:active .msi-icon,
.p-datatable .p-datatable-table-container table .p-datatable-tbody:has(p-button) .p-button:active .msi-icon,
.p-datatable .p-datatable-table-container table .p-datatable-tbody:has(p-button) .p-link:active .msi-icon,
.p-datatable .p-datatable-table-container table .p-datatable-tbody:has(button) .p-button:active .msi-icon,
.p-datatable .p-datatable-table-container table .p-datatable-tbody:has(button) .p-link:active .msi-icon {
  color: var(--msi-primary-bright);
}
.p-datatable .p-datatable-table-container .p-datatable-table .p-datatable-thead tr th.p-datatable-frozen-column,
.p-datatable .p-datatable-table-container .p-datatable-table .p-datatable-tbody tr th.p-datatable-frozen-column,
.p-datatable .p-datatable-table-container table .p-datatable-thead tr th.p-datatable-frozen-column,
.p-datatable .p-datatable-table-container table .p-datatable-tbody tr th.p-datatable-frozen-column {
  box-shadow: 0 -0.2rem 0.375rem 0 var(--msi-elements-table-frozen-shadow);
}
.p-datatable .p-datatable-table-container .p-datatable-table .p-datatable-thead tr td.p-datatable-frozen-column,
.p-datatable .p-datatable-table-container .p-datatable-table .p-datatable-tbody tr td.p-datatable-frozen-column,
.p-datatable .p-datatable-table-container table .p-datatable-thead tr td.p-datatable-frozen-column,
.p-datatable .p-datatable-table-container table .p-datatable-tbody tr td.p-datatable-frozen-column {
  box-shadow: 0 0.125rem 0.375rem 0 var(--msi-elements-table-frozen-shadow);
}

.p-datatable-striped .p-datatable-table-container .p-datatable-table .p-datatable-tbody tr {
  background: var(--msi-background-table);
}
.p-datatable-striped .p-datatable-table-container .p-datatable-table .p-datatable-tbody > tr:nth-child(even) {
  background: var(--msi-background-table-zebra);
}

.p-datatable-row-reorder-indicator-up,
.p-datatable-row-reorder-indicator-down {
  color: var(--msi-icon-primary);
}

.p-datatable-filter p-columnfilterformelement {
  padding: 0;
}
.p-datatable-filter p-columnfilterformelement:has(p-slider) {
  padding: 0 var(--msi-spacing-xs-rem);
}
.p-datatable-filter p-columnfilterformelement .p-inputtext {
  font-size: var(--msi-size-h6);
}
.p-datatable-filter .p-button .pi-filter-icon {
  display: flex;
}
.p-datatable-filter .p-button .p-ink {
  display: none;
}

.p-datatable-filter-overlay .p-datatable-filter-constraint-list {
  font-size: var(--msi-size-h6);
}
.p-datatable-filter-overlay .p-datatable-filter-constraint-list .p-datatable-filter-constraint:hover:not(.p-datatable-filter-constraint-selected) {
  background-color: var(--msi-status-hover);
}

.p-datatable-filter-overlay-popover {
  display: grid;
  grid-template-areas: "header header" "inputs inputs" "add buttons";
  grid-template-rows: auto auto 0.5fr;
  gap: var(--msi-spacing-l-rem);
  font-size: var(--msi-size-h6);
}
.p-datatable-filter-overlay-popover .p-column-filter-operator,
.p-datatable-filter-overlay-popover .p-datatable-filter-operator {
  grid-area: header;
  grid-column: 1/3;
  background: none;
}
.p-datatable-filter-overlay-popover .p-datatable-filter-rule-list {
  grid-area: inputs;
}
.p-datatable-filter-overlay-popover .p-datatable-filter-rule-list .p-datatable-filter-rule {
  border-bottom-width: var(--msi-border-width-xs);
}
.p-datatable-filter-overlay-popover .p-datatable-filter-rule-list .p-datatable-filter-rule p-columnfilterformelement input,
.p-datatable-filter-overlay-popover .p-datatable-filter-rule-list .p-datatable-filter-rule p-columnfilterformelement p-select,
.p-datatable-filter-overlay-popover .p-datatable-filter-rule-list .p-datatable-filter-rule p-columnfilterformelement p-inputnumber,
.p-datatable-filter-overlay-popover .p-datatable-filter-rule-list .p-datatable-filter-rule p-columnfilterformelement .p-datepicker,
.p-datatable-filter-overlay-popover .p-datatable-filter-rule-list .p-datatable-filter-rule p-columnfilterformelement p-multiselect {
  width: 100%;
}
.p-datatable-filter-overlay-popover .p-datatable-filter-rule-list .p-datatable-filter-rule p-columnfilterformelement .p-inputnumber-button-group {
  margin-right: var(--msi-spacing-s-rem);
}
.p-datatable-filter-overlay-popover .p-datatable-filter-rule-list .p-datatable-filter-rule p-columnfilterformelement .p-inputnumber-button-group .p-inputnumber-increment-button,
.p-datatable-filter-overlay-popover .p-datatable-filter-rule-list .p-datatable-filter-rule p-columnfilterformelement .p-inputnumber-button-group .p-inputnumber-decrement-button {
  width: 0.875rem;
  height: 0.875rem;
}
.p-datatable-filter-overlay-popover .p-datatable-filter-rule-list .p-datatable-filter-rule p-columnfilterformelement .p-inputnumber-button-group .p-inputnumber-increment-button .p-iconwrapper,
.p-datatable-filter-overlay-popover .p-datatable-filter-rule-list .p-datatable-filter-rule p-columnfilterformelement .p-inputnumber-button-group .p-inputnumber-decrement-button .p-iconwrapper {
  width: 100%;
  height: 100%;
  color: var(--msi-icon-primary);
}
.p-datatable-filter-overlay-popover .p-datatable-filter-rule-list .p-datatable-filter-rule .p-datatable-filter-remove-rule .p-datatable-filter-remove-rule-button {
  padding: 0.563rem var(--msi-spacing-m-rem);
  color: var(--msi-focus-primary);
}
.p-datatable-filter-overlay-popover .p-datatable-filter-rule-list .p-datatable-filter-rule .p-datatable-filter-remove-rule .p-datatable-filter-remove-rule-button:hover {
  background-color: var(--msi-status-hover);
}
.p-datatable-filter-overlay-popover div:has(.p-datatable-filter-add-rule-button) {
  display: flex;
  grid-area: add;
  align-items: center;
}
.p-datatable-filter-overlay-popover .p-datatable-filter-add-rule-button,
.p-datatable-filter-overlay-popover .p-datatable-filter-remove-rule-button {
  padding: 0.563rem var(--msi-spacing-m-rem);
  color: var(--msi-focus-primary);
}
.p-datatable-filter-overlay-popover .p-datatable-filter-add-rule-button:hover,
.p-datatable-filter-overlay-popover .p-datatable-filter-remove-rule-button:hover {
  background-color: var(--msi-status-hover);
}
.p-datatable-filter-overlay-popover .p-datatable-filter-buttonbar {
  grid-area: buttons;
  gap: var(--msi-spacing-xs-rem);
}
.p-datatable-filter-overlay-popover .p-datatable-filter-buttonbar button {
  height: unset;
  padding: 0.563rem var(--msi-spacing-m-rem);
}
.p-datatable-filter-overlay-popover .p-datatable-filter-buttonbar button.p-button.p-button-outlined {
  color: var(--msi-focus-secondary);
  border: var(--msi-border-width-xs) solid var(--msi-focus-secondary);
}
.p-datatable-filter-overlay-popover .p-datatable-filter-buttonbar button.p-button.p-button-outlined:hover {
  background-color: var(--msi-status-hover);
}

.p-datatable .p-datatable-table-container .p-datatable-table,
.p-datatable .p-datatable-table-container table,
.p-datatable .p-treetable-wrapper .p-datatable-table,
.p-datatable .p-treetable-wrapper table,
.p-datatable .p-treetable-scrollable-wrapper .p-datatable-table,
.p-datatable .p-treetable-scrollable-wrapper table,
.p-treetable .p-datatable-table-container .p-datatable-table,
.p-treetable .p-datatable-table-container table,
.p-treetable .p-treetable-wrapper .p-datatable-table,
.p-treetable .p-treetable-wrapper table,
.p-treetable .p-treetable-scrollable-wrapper .p-datatable-table,
.p-treetable .p-treetable-scrollable-wrapper table {
  width: 100%;
  font-size: var(--msi-size-h6);
  border-collapse: separate;
}
.p-datatable .p-datatable-table-container .p-datatable-table .msi-icon,
.p-datatable .p-datatable-table-container table .msi-icon,
.p-datatable .p-treetable-wrapper .p-datatable-table .msi-icon,
.p-datatable .p-treetable-wrapper table .msi-icon,
.p-datatable .p-treetable-scrollable-wrapper .p-datatable-table .msi-icon,
.p-datatable .p-treetable-scrollable-wrapper table .msi-icon,
.p-treetable .p-datatable-table-container .p-datatable-table .msi-icon,
.p-treetable .p-datatable-table-container table .msi-icon,
.p-treetable .p-treetable-wrapper .p-datatable-table .msi-icon,
.p-treetable .p-treetable-wrapper table .msi-icon,
.p-treetable .p-treetable-scrollable-wrapper .p-datatable-table .msi-icon,
.p-treetable .p-treetable-scrollable-wrapper table .msi-icon {
  display: inline-flex;
  align-items: center;
  width: 1.125rem;
  height: 1.125rem;
  color: var(--msi-icon-primary);
}
.p-datatable .p-datatable-table-container .p-datatable-table .msi-icon[name=ic_checkbox_checked], .p-datatable .p-datatable-table-container .p-datatable-table .msi-icon[name=ic_checkbox_half], .p-datatable .p-datatable-table-container .p-datatable-table .msi-icon[name=ic_filter_sm], .p-datatable .p-datatable-table-container .p-datatable-table .msi-icon[name=ic_filter_clear_sm], .p-datatable .p-datatable-table-container .p-datatable-table .msi-icon[name=ic_add], .p-datatable .p-datatable-table-container .p-datatable-table .msi-icon[name=ic_chevron_right], .p-datatable .p-datatable-table-container .p-datatable-table .msi-icon[name=ic_pinned], .p-datatable .p-datatable-table-container .p-datatable-table .msi-icon[name=ic_pin], .p-datatable .p-datatable-table-container .p-datatable-table .msi-icon[name=ic_edit], .p-datatable .p-datatable-table-container .p-datatable-table .msi-icon[name=ic_check], .p-datatable .p-datatable-table-container .p-datatable-table .msi-icon[name=ic_remove],
.p-datatable .p-datatable-table-container table .msi-icon[name=ic_checkbox_checked],
.p-datatable .p-datatable-table-container table .msi-icon[name=ic_checkbox_half],
.p-datatable .p-datatable-table-container table .msi-icon[name=ic_filter_sm],
.p-datatable .p-datatable-table-container table .msi-icon[name=ic_filter_clear_sm],
.p-datatable .p-datatable-table-container table .msi-icon[name=ic_add],
.p-datatable .p-datatable-table-container table .msi-icon[name=ic_chevron_right],
.p-datatable .p-datatable-table-container table .msi-icon[name=ic_pinned],
.p-datatable .p-datatable-table-container table .msi-icon[name=ic_pin],
.p-datatable .p-datatable-table-container table .msi-icon[name=ic_edit],
.p-datatable .p-datatable-table-container table .msi-icon[name=ic_check],
.p-datatable .p-datatable-table-container table .msi-icon[name=ic_remove],
.p-datatable .p-treetable-wrapper .p-datatable-table .msi-icon[name=ic_checkbox_checked],
.p-datatable .p-treetable-wrapper .p-datatable-table .msi-icon[name=ic_checkbox_half],
.p-datatable .p-treetable-wrapper .p-datatable-table .msi-icon[name=ic_filter_sm],
.p-datatable .p-treetable-wrapper .p-datatable-table .msi-icon[name=ic_filter_clear_sm],
.p-datatable .p-treetable-wrapper .p-datatable-table .msi-icon[name=ic_add],
.p-datatable .p-treetable-wrapper .p-datatable-table .msi-icon[name=ic_chevron_right],
.p-datatable .p-treetable-wrapper .p-datatable-table .msi-icon[name=ic_pinned],
.p-datatable .p-treetable-wrapper .p-datatable-table .msi-icon[name=ic_pin],
.p-datatable .p-treetable-wrapper .p-datatable-table .msi-icon[name=ic_edit],
.p-datatable .p-treetable-wrapper .p-datatable-table .msi-icon[name=ic_check],
.p-datatable .p-treetable-wrapper .p-datatable-table .msi-icon[name=ic_remove],
.p-datatable .p-treetable-wrapper table .msi-icon[name=ic_checkbox_checked],
.p-datatable .p-treetable-wrapper table .msi-icon[name=ic_checkbox_half],
.p-datatable .p-treetable-wrapper table .msi-icon[name=ic_filter_sm],
.p-datatable .p-treetable-wrapper table .msi-icon[name=ic_filter_clear_sm],
.p-datatable .p-treetable-wrapper table .msi-icon[name=ic_add],
.p-datatable .p-treetable-wrapper table .msi-icon[name=ic_chevron_right],
.p-datatable .p-treetable-wrapper table .msi-icon[name=ic_pinned],
.p-datatable .p-treetable-wrapper table .msi-icon[name=ic_pin],
.p-datatable .p-treetable-wrapper table .msi-icon[name=ic_edit],
.p-datatable .p-treetable-wrapper table .msi-icon[name=ic_check],
.p-datatable .p-treetable-wrapper table .msi-icon[name=ic_remove],
.p-datatable .p-treetable-scrollable-wrapper .p-datatable-table .msi-icon[name=ic_checkbox_checked],
.p-datatable .p-treetable-scrollable-wrapper .p-datatable-table .msi-icon[name=ic_checkbox_half],
.p-datatable .p-treetable-scrollable-wrapper .p-datatable-table .msi-icon[name=ic_filter_sm],
.p-datatable .p-treetable-scrollable-wrapper .p-datatable-table .msi-icon[name=ic_filter_clear_sm],
.p-datatable .p-treetable-scrollable-wrapper .p-datatable-table .msi-icon[name=ic_add],
.p-datatable .p-treetable-scrollable-wrapper .p-datatable-table .msi-icon[name=ic_chevron_right],
.p-datatable .p-treetable-scrollable-wrapper .p-datatable-table .msi-icon[name=ic_pinned],
.p-datatable .p-treetable-scrollable-wrapper .p-datatable-table .msi-icon[name=ic_pin],
.p-datatable .p-treetable-scrollable-wrapper .p-datatable-table .msi-icon[name=ic_edit],
.p-datatable .p-treetable-scrollable-wrapper .p-datatable-table .msi-icon[name=ic_check],
.p-datatable .p-treetable-scrollable-wrapper .p-datatable-table .msi-icon[name=ic_remove],
.p-datatable .p-treetable-scrollable-wrapper table .msi-icon[name=ic_checkbox_checked],
.p-datatable .p-treetable-scrollable-wrapper table .msi-icon[name=ic_checkbox_half],
.p-datatable .p-treetable-scrollable-wrapper table .msi-icon[name=ic_filter_sm],
.p-datatable .p-treetable-scrollable-wrapper table .msi-icon[name=ic_filter_clear_sm],
.p-datatable .p-treetable-scrollable-wrapper table .msi-icon[name=ic_add],
.p-datatable .p-treetable-scrollable-wrapper table .msi-icon[name=ic_chevron_right],
.p-datatable .p-treetable-scrollable-wrapper table .msi-icon[name=ic_pinned],
.p-datatable .p-treetable-scrollable-wrapper table .msi-icon[name=ic_pin],
.p-datatable .p-treetable-scrollable-wrapper table .msi-icon[name=ic_edit],
.p-datatable .p-treetable-scrollable-wrapper table .msi-icon[name=ic_check],
.p-datatable .p-treetable-scrollable-wrapper table .msi-icon[name=ic_remove],
.p-treetable .p-datatable-table-container .p-datatable-table .msi-icon[name=ic_checkbox_checked],
.p-treetable .p-datatable-table-container .p-datatable-table .msi-icon[name=ic_checkbox_half],
.p-treetable .p-datatable-table-container .p-datatable-table .msi-icon[name=ic_filter_sm],
.p-treetable .p-datatable-table-container .p-datatable-table .msi-icon[name=ic_filter_clear_sm],
.p-treetable .p-datatable-table-container .p-datatable-table .msi-icon[name=ic_add],
.p-treetable .p-datatable-table-container .p-datatable-table .msi-icon[name=ic_chevron_right],
.p-treetable .p-datatable-table-container .p-datatable-table .msi-icon[name=ic_pinned],
.p-treetable .p-datatable-table-container .p-datatable-table .msi-icon[name=ic_pin],
.p-treetable .p-datatable-table-container .p-datatable-table .msi-icon[name=ic_edit],
.p-treetable .p-datatable-table-container .p-datatable-table .msi-icon[name=ic_check],
.p-treetable .p-datatable-table-container .p-datatable-table .msi-icon[name=ic_remove],
.p-treetable .p-datatable-table-container table .msi-icon[name=ic_checkbox_checked],
.p-treetable .p-datatable-table-container table .msi-icon[name=ic_checkbox_half],
.p-treetable .p-datatable-table-container table .msi-icon[name=ic_filter_sm],
.p-treetable .p-datatable-table-container table .msi-icon[name=ic_filter_clear_sm],
.p-treetable .p-datatable-table-container table .msi-icon[name=ic_add],
.p-treetable .p-datatable-table-container table .msi-icon[name=ic_chevron_right],
.p-treetable .p-datatable-table-container table .msi-icon[name=ic_pinned],
.p-treetable .p-datatable-table-container table .msi-icon[name=ic_pin],
.p-treetable .p-datatable-table-container table .msi-icon[name=ic_edit],
.p-treetable .p-datatable-table-container table .msi-icon[name=ic_check],
.p-treetable .p-datatable-table-container table .msi-icon[name=ic_remove],
.p-treetable .p-treetable-wrapper .p-datatable-table .msi-icon[name=ic_checkbox_checked],
.p-treetable .p-treetable-wrapper .p-datatable-table .msi-icon[name=ic_checkbox_half],
.p-treetable .p-treetable-wrapper .p-datatable-table .msi-icon[name=ic_filter_sm],
.p-treetable .p-treetable-wrapper .p-datatable-table .msi-icon[name=ic_filter_clear_sm],
.p-treetable .p-treetable-wrapper .p-datatable-table .msi-icon[name=ic_add],
.p-treetable .p-treetable-wrapper .p-datatable-table .msi-icon[name=ic_chevron_right],
.p-treetable .p-treetable-wrapper .p-datatable-table .msi-icon[name=ic_pinned],
.p-treetable .p-treetable-wrapper .p-datatable-table .msi-icon[name=ic_pin],
.p-treetable .p-treetable-wrapper .p-datatable-table .msi-icon[name=ic_edit],
.p-treetable .p-treetable-wrapper .p-datatable-table .msi-icon[name=ic_check],
.p-treetable .p-treetable-wrapper .p-datatable-table .msi-icon[name=ic_remove],
.p-treetable .p-treetable-wrapper table .msi-icon[name=ic_checkbox_checked],
.p-treetable .p-treetable-wrapper table .msi-icon[name=ic_checkbox_half],
.p-treetable .p-treetable-wrapper table .msi-icon[name=ic_filter_sm],
.p-treetable .p-treetable-wrapper table .msi-icon[name=ic_filter_clear_sm],
.p-treetable .p-treetable-wrapper table .msi-icon[name=ic_add],
.p-treetable .p-treetable-wrapper table .msi-icon[name=ic_chevron_right],
.p-treetable .p-treetable-wrapper table .msi-icon[name=ic_pinned],
.p-treetable .p-treetable-wrapper table .msi-icon[name=ic_pin],
.p-treetable .p-treetable-wrapper table .msi-icon[name=ic_edit],
.p-treetable .p-treetable-wrapper table .msi-icon[name=ic_check],
.p-treetable .p-treetable-wrapper table .msi-icon[name=ic_remove],
.p-treetable .p-treetable-scrollable-wrapper .p-datatable-table .msi-icon[name=ic_checkbox_checked],
.p-treetable .p-treetable-scrollable-wrapper .p-datatable-table .msi-icon[name=ic_checkbox_half],
.p-treetable .p-treetable-scrollable-wrapper .p-datatable-table .msi-icon[name=ic_filter_sm],
.p-treetable .p-treetable-scrollable-wrapper .p-datatable-table .msi-icon[name=ic_filter_clear_sm],
.p-treetable .p-treetable-scrollable-wrapper .p-datatable-table .msi-icon[name=ic_add],
.p-treetable .p-treetable-scrollable-wrapper .p-datatable-table .msi-icon[name=ic_chevron_right],
.p-treetable .p-treetable-scrollable-wrapper .p-datatable-table .msi-icon[name=ic_pinned],
.p-treetable .p-treetable-scrollable-wrapper .p-datatable-table .msi-icon[name=ic_pin],
.p-treetable .p-treetable-scrollable-wrapper .p-datatable-table .msi-icon[name=ic_edit],
.p-treetable .p-treetable-scrollable-wrapper .p-datatable-table .msi-icon[name=ic_check],
.p-treetable .p-treetable-scrollable-wrapper .p-datatable-table .msi-icon[name=ic_remove],
.p-treetable .p-treetable-scrollable-wrapper table .msi-icon[name=ic_checkbox_checked],
.p-treetable .p-treetable-scrollable-wrapper table .msi-icon[name=ic_checkbox_half],
.p-treetable .p-treetable-scrollable-wrapper table .msi-icon[name=ic_filter_sm],
.p-treetable .p-treetable-scrollable-wrapper table .msi-icon[name=ic_filter_clear_sm],
.p-treetable .p-treetable-scrollable-wrapper table .msi-icon[name=ic_add],
.p-treetable .p-treetable-scrollable-wrapper table .msi-icon[name=ic_chevron_right],
.p-treetable .p-treetable-scrollable-wrapper table .msi-icon[name=ic_pinned],
.p-treetable .p-treetable-scrollable-wrapper table .msi-icon[name=ic_pin],
.p-treetable .p-treetable-scrollable-wrapper table .msi-icon[name=ic_edit],
.p-treetable .p-treetable-scrollable-wrapper table .msi-icon[name=ic_check],
.p-treetable .p-treetable-scrollable-wrapper table .msi-icon[name=ic_remove] {
  width: 1.5rem;
  height: 1.5rem;
}
.p-datatable .p-datatable-table-container .p-datatable-table .p-datatable-thead tr th span.p-datatable-column-resizer,
.p-datatable .p-datatable-table-container .p-datatable-table .p-datatable-thead tr th span.p-column-resizer,
.p-datatable .p-datatable-table-container .p-datatable-table .p-treetable-thead tr th span.p-datatable-column-resizer,
.p-datatable .p-datatable-table-container .p-datatable-table .p-treetable-thead tr th span.p-column-resizer,
.p-datatable .p-datatable-table-container table .p-datatable-thead tr th span.p-datatable-column-resizer,
.p-datatable .p-datatable-table-container table .p-datatable-thead tr th span.p-column-resizer,
.p-datatable .p-datatable-table-container table .p-treetable-thead tr th span.p-datatable-column-resizer,
.p-datatable .p-datatable-table-container table .p-treetable-thead tr th span.p-column-resizer,
.p-datatable .p-treetable-wrapper .p-datatable-table .p-datatable-thead tr th span.p-datatable-column-resizer,
.p-datatable .p-treetable-wrapper .p-datatable-table .p-datatable-thead tr th span.p-column-resizer,
.p-datatable .p-treetable-wrapper .p-datatable-table .p-treetable-thead tr th span.p-datatable-column-resizer,
.p-datatable .p-treetable-wrapper .p-datatable-table .p-treetable-thead tr th span.p-column-resizer,
.p-datatable .p-treetable-wrapper table .p-datatable-thead tr th span.p-datatable-column-resizer,
.p-datatable .p-treetable-wrapper table .p-datatable-thead tr th span.p-column-resizer,
.p-datatable .p-treetable-wrapper table .p-treetable-thead tr th span.p-datatable-column-resizer,
.p-datatable .p-treetable-wrapper table .p-treetable-thead tr th span.p-column-resizer,
.p-datatable .p-treetable-scrollable-wrapper .p-datatable-table .p-datatable-thead tr th span.p-datatable-column-resizer,
.p-datatable .p-treetable-scrollable-wrapper .p-datatable-table .p-datatable-thead tr th span.p-column-resizer,
.p-datatable .p-treetable-scrollable-wrapper .p-datatable-table .p-treetable-thead tr th span.p-datatable-column-resizer,
.p-datatable .p-treetable-scrollable-wrapper .p-datatable-table .p-treetable-thead tr th span.p-column-resizer,
.p-datatable .p-treetable-scrollable-wrapper table .p-datatable-thead tr th span.p-datatable-column-resizer,
.p-datatable .p-treetable-scrollable-wrapper table .p-datatable-thead tr th span.p-column-resizer,
.p-datatable .p-treetable-scrollable-wrapper table .p-treetable-thead tr th span.p-datatable-column-resizer,
.p-datatable .p-treetable-scrollable-wrapper table .p-treetable-thead tr th span.p-column-resizer,
.p-treetable .p-datatable-table-container .p-datatable-table .p-datatable-thead tr th span.p-datatable-column-resizer,
.p-treetable .p-datatable-table-container .p-datatable-table .p-datatable-thead tr th span.p-column-resizer,
.p-treetable .p-datatable-table-container .p-datatable-table .p-treetable-thead tr th span.p-datatable-column-resizer,
.p-treetable .p-datatable-table-container .p-datatable-table .p-treetable-thead tr th span.p-column-resizer,
.p-treetable .p-datatable-table-container table .p-datatable-thead tr th span.p-datatable-column-resizer,
.p-treetable .p-datatable-table-container table .p-datatable-thead tr th span.p-column-resizer,
.p-treetable .p-datatable-table-container table .p-treetable-thead tr th span.p-datatable-column-resizer,
.p-treetable .p-datatable-table-container table .p-treetable-thead tr th span.p-column-resizer,
.p-treetable .p-treetable-wrapper .p-datatable-table .p-datatable-thead tr th span.p-datatable-column-resizer,
.p-treetable .p-treetable-wrapper .p-datatable-table .p-datatable-thead tr th span.p-column-resizer,
.p-treetable .p-treetable-wrapper .p-datatable-table .p-treetable-thead tr th span.p-datatable-column-resizer,
.p-treetable .p-treetable-wrapper .p-datatable-table .p-treetable-thead tr th span.p-column-resizer,
.p-treetable .p-treetable-wrapper table .p-datatable-thead tr th span.p-datatable-column-resizer,
.p-treetable .p-treetable-wrapper table .p-datatable-thead tr th span.p-column-resizer,
.p-treetable .p-treetable-wrapper table .p-treetable-thead tr th span.p-datatable-column-resizer,
.p-treetable .p-treetable-wrapper table .p-treetable-thead tr th span.p-column-resizer,
.p-treetable .p-treetable-scrollable-wrapper .p-datatable-table .p-datatable-thead tr th span.p-datatable-column-resizer,
.p-treetable .p-treetable-scrollable-wrapper .p-datatable-table .p-datatable-thead tr th span.p-column-resizer,
.p-treetable .p-treetable-scrollable-wrapper .p-datatable-table .p-treetable-thead tr th span.p-datatable-column-resizer,
.p-treetable .p-treetable-scrollable-wrapper .p-datatable-table .p-treetable-thead tr th span.p-column-resizer,
.p-treetable .p-treetable-scrollable-wrapper table .p-datatable-thead tr th span.p-datatable-column-resizer,
.p-treetable .p-treetable-scrollable-wrapper table .p-datatable-thead tr th span.p-column-resizer,
.p-treetable .p-treetable-scrollable-wrapper table .p-treetable-thead tr th span.p-datatable-column-resizer,
.p-treetable .p-treetable-scrollable-wrapper table .p-treetable-thead tr th span.p-column-resizer {
  position: absolute;
  width: 0.5rem;
}
.p-datatable .p-datatable-table-container .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column, .p-datatable .p-datatable-table-container .p-datatable-table .p-datatable-thead tr th.p-sortable-column,
.p-datatable .p-datatable-table-container .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column,
.p-datatable .p-datatable-table-container .p-datatable-table .p-treetable-thead tr th.p-sortable-column,
.p-datatable .p-datatable-table-container table .p-datatable-thead tr th.p-datatable-sortable-column,
.p-datatable .p-datatable-table-container table .p-datatable-thead tr th.p-sortable-column,
.p-datatable .p-datatable-table-container table .p-treetable-thead tr th.p-datatable-sortable-column,
.p-datatable .p-datatable-table-container table .p-treetable-thead tr th.p-sortable-column,
.p-datatable .p-treetable-wrapper .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column,
.p-datatable .p-treetable-wrapper .p-datatable-table .p-datatable-thead tr th.p-sortable-column,
.p-datatable .p-treetable-wrapper .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column,
.p-datatable .p-treetable-wrapper .p-datatable-table .p-treetable-thead tr th.p-sortable-column,
.p-datatable .p-treetable-wrapper table .p-datatable-thead tr th.p-datatable-sortable-column,
.p-datatable .p-treetable-wrapper table .p-datatable-thead tr th.p-sortable-column,
.p-datatable .p-treetable-wrapper table .p-treetable-thead tr th.p-datatable-sortable-column,
.p-datatable .p-treetable-wrapper table .p-treetable-thead tr th.p-sortable-column,
.p-datatable .p-treetable-scrollable-wrapper .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column,
.p-datatable .p-treetable-scrollable-wrapper .p-datatable-table .p-datatable-thead tr th.p-sortable-column,
.p-datatable .p-treetable-scrollable-wrapper .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column,
.p-datatable .p-treetable-scrollable-wrapper .p-datatable-table .p-treetable-thead tr th.p-sortable-column,
.p-datatable .p-treetable-scrollable-wrapper table .p-datatable-thead tr th.p-datatable-sortable-column,
.p-datatable .p-treetable-scrollable-wrapper table .p-datatable-thead tr th.p-sortable-column,
.p-datatable .p-treetable-scrollable-wrapper table .p-treetable-thead tr th.p-datatable-sortable-column,
.p-datatable .p-treetable-scrollable-wrapper table .p-treetable-thead tr th.p-sortable-column,
.p-treetable .p-datatable-table-container .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column,
.p-treetable .p-datatable-table-container .p-datatable-table .p-datatable-thead tr th.p-sortable-column,
.p-treetable .p-datatable-table-container .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column,
.p-treetable .p-datatable-table-container .p-datatable-table .p-treetable-thead tr th.p-sortable-column,
.p-treetable .p-datatable-table-container table .p-datatable-thead tr th.p-datatable-sortable-column,
.p-treetable .p-datatable-table-container table .p-datatable-thead tr th.p-sortable-column,
.p-treetable .p-datatable-table-container table .p-treetable-thead tr th.p-datatable-sortable-column,
.p-treetable .p-datatable-table-container table .p-treetable-thead tr th.p-sortable-column,
.p-treetable .p-treetable-wrapper .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column,
.p-treetable .p-treetable-wrapper .p-datatable-table .p-datatable-thead tr th.p-sortable-column,
.p-treetable .p-treetable-wrapper .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column,
.p-treetable .p-treetable-wrapper .p-datatable-table .p-treetable-thead tr th.p-sortable-column,
.p-treetable .p-treetable-wrapper table .p-datatable-thead tr th.p-datatable-sortable-column,
.p-treetable .p-treetable-wrapper table .p-datatable-thead tr th.p-sortable-column,
.p-treetable .p-treetable-wrapper table .p-treetable-thead tr th.p-datatable-sortable-column,
.p-treetable .p-treetable-wrapper table .p-treetable-thead tr th.p-sortable-column,
.p-treetable .p-treetable-scrollable-wrapper .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column,
.p-treetable .p-treetable-scrollable-wrapper .p-datatable-table .p-datatable-thead tr th.p-sortable-column,
.p-treetable .p-treetable-scrollable-wrapper .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column,
.p-treetable .p-treetable-scrollable-wrapper .p-datatable-table .p-treetable-thead tr th.p-sortable-column,
.p-treetable .p-treetable-scrollable-wrapper table .p-datatable-thead tr th.p-datatable-sortable-column,
.p-treetable .p-treetable-scrollable-wrapper table .p-datatable-thead tr th.p-sortable-column,
.p-treetable .p-treetable-scrollable-wrapper table .p-treetable-thead tr th.p-datatable-sortable-column,
.p-treetable .p-treetable-scrollable-wrapper table .p-treetable-thead tr th.p-sortable-column {
  position: relative;
  cursor: pointer;
}
.p-datatable .p-datatable-table-container .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column p-sorticon,
.p-datatable .p-datatable-table-container .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column p-treetablesorticon, .p-datatable .p-datatable-table-container .p-datatable-table .p-datatable-thead tr th.p-sortable-column p-sorticon,
.p-datatable .p-datatable-table-container .p-datatable-table .p-datatable-thead tr th.p-sortable-column p-treetablesorticon,
.p-datatable .p-datatable-table-container .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column p-sorticon,
.p-datatable .p-datatable-table-container .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column p-treetablesorticon,
.p-datatable .p-datatable-table-container .p-datatable-table .p-treetable-thead tr th.p-sortable-column p-sorticon,
.p-datatable .p-datatable-table-container .p-datatable-table .p-treetable-thead tr th.p-sortable-column p-treetablesorticon,
.p-datatable .p-datatable-table-container table .p-datatable-thead tr th.p-datatable-sortable-column p-sorticon,
.p-datatable .p-datatable-table-container table .p-datatable-thead tr th.p-datatable-sortable-column p-treetablesorticon,
.p-datatable .p-datatable-table-container table .p-datatable-thead tr th.p-sortable-column p-sorticon,
.p-datatable .p-datatable-table-container table .p-datatable-thead tr th.p-sortable-column p-treetablesorticon,
.p-datatable .p-datatable-table-container table .p-treetable-thead tr th.p-datatable-sortable-column p-sorticon,
.p-datatable .p-datatable-table-container table .p-treetable-thead tr th.p-datatable-sortable-column p-treetablesorticon,
.p-datatable .p-datatable-table-container table .p-treetable-thead tr th.p-sortable-column p-sorticon,
.p-datatable .p-datatable-table-container table .p-treetable-thead tr th.p-sortable-column p-treetablesorticon,
.p-datatable .p-treetable-wrapper .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column p-sorticon,
.p-datatable .p-treetable-wrapper .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column p-treetablesorticon,
.p-datatable .p-treetable-wrapper .p-datatable-table .p-datatable-thead tr th.p-sortable-column p-sorticon,
.p-datatable .p-treetable-wrapper .p-datatable-table .p-datatable-thead tr th.p-sortable-column p-treetablesorticon,
.p-datatable .p-treetable-wrapper .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column p-sorticon,
.p-datatable .p-treetable-wrapper .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column p-treetablesorticon,
.p-datatable .p-treetable-wrapper .p-datatable-table .p-treetable-thead tr th.p-sortable-column p-sorticon,
.p-datatable .p-treetable-wrapper .p-datatable-table .p-treetable-thead tr th.p-sortable-column p-treetablesorticon,
.p-datatable .p-treetable-wrapper table .p-datatable-thead tr th.p-datatable-sortable-column p-sorticon,
.p-datatable .p-treetable-wrapper table .p-datatable-thead tr th.p-datatable-sortable-column p-treetablesorticon,
.p-datatable .p-treetable-wrapper table .p-datatable-thead tr th.p-sortable-column p-sorticon,
.p-datatable .p-treetable-wrapper table .p-datatable-thead tr th.p-sortable-column p-treetablesorticon,
.p-datatable .p-treetable-wrapper table .p-treetable-thead tr th.p-datatable-sortable-column p-sorticon,
.p-datatable .p-treetable-wrapper table .p-treetable-thead tr th.p-datatable-sortable-column p-treetablesorticon,
.p-datatable .p-treetable-wrapper table .p-treetable-thead tr th.p-sortable-column p-sorticon,
.p-datatable .p-treetable-wrapper table .p-treetable-thead tr th.p-sortable-column p-treetablesorticon,
.p-datatable .p-treetable-scrollable-wrapper .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column p-sorticon,
.p-datatable .p-treetable-scrollable-wrapper .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column p-treetablesorticon,
.p-datatable .p-treetable-scrollable-wrapper .p-datatable-table .p-datatable-thead tr th.p-sortable-column p-sorticon,
.p-datatable .p-treetable-scrollable-wrapper .p-datatable-table .p-datatable-thead tr th.p-sortable-column p-treetablesorticon,
.p-datatable .p-treetable-scrollable-wrapper .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column p-sorticon,
.p-datatable .p-treetable-scrollable-wrapper .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column p-treetablesorticon,
.p-datatable .p-treetable-scrollable-wrapper .p-datatable-table .p-treetable-thead tr th.p-sortable-column p-sorticon,
.p-datatable .p-treetable-scrollable-wrapper .p-datatable-table .p-treetable-thead tr th.p-sortable-column p-treetablesorticon,
.p-datatable .p-treetable-scrollable-wrapper table .p-datatable-thead tr th.p-datatable-sortable-column p-sorticon,
.p-datatable .p-treetable-scrollable-wrapper table .p-datatable-thead tr th.p-datatable-sortable-column p-treetablesorticon,
.p-datatable .p-treetable-scrollable-wrapper table .p-datatable-thead tr th.p-sortable-column p-sorticon,
.p-datatable .p-treetable-scrollable-wrapper table .p-datatable-thead tr th.p-sortable-column p-treetablesorticon,
.p-datatable .p-treetable-scrollable-wrapper table .p-treetable-thead tr th.p-datatable-sortable-column p-sorticon,
.p-datatable .p-treetable-scrollable-wrapper table .p-treetable-thead tr th.p-datatable-sortable-column p-treetablesorticon,
.p-datatable .p-treetable-scrollable-wrapper table .p-treetable-thead tr th.p-sortable-column p-sorticon,
.p-datatable .p-treetable-scrollable-wrapper table .p-treetable-thead tr th.p-sortable-column p-treetablesorticon,
.p-treetable .p-datatable-table-container .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column p-sorticon,
.p-treetable .p-datatable-table-container .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column p-treetablesorticon,
.p-treetable .p-datatable-table-container .p-datatable-table .p-datatable-thead tr th.p-sortable-column p-sorticon,
.p-treetable .p-datatable-table-container .p-datatable-table .p-datatable-thead tr th.p-sortable-column p-treetablesorticon,
.p-treetable .p-datatable-table-container .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column p-sorticon,
.p-treetable .p-datatable-table-container .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column p-treetablesorticon,
.p-treetable .p-datatable-table-container .p-datatable-table .p-treetable-thead tr th.p-sortable-column p-sorticon,
.p-treetable .p-datatable-table-container .p-datatable-table .p-treetable-thead tr th.p-sortable-column p-treetablesorticon,
.p-treetable .p-datatable-table-container table .p-datatable-thead tr th.p-datatable-sortable-column p-sorticon,
.p-treetable .p-datatable-table-container table .p-datatable-thead tr th.p-datatable-sortable-column p-treetablesorticon,
.p-treetable .p-datatable-table-container table .p-datatable-thead tr th.p-sortable-column p-sorticon,
.p-treetable .p-datatable-table-container table .p-datatable-thead tr th.p-sortable-column p-treetablesorticon,
.p-treetable .p-datatable-table-container table .p-treetable-thead tr th.p-datatable-sortable-column p-sorticon,
.p-treetable .p-datatable-table-container table .p-treetable-thead tr th.p-datatable-sortable-column p-treetablesorticon,
.p-treetable .p-datatable-table-container table .p-treetable-thead tr th.p-sortable-column p-sorticon,
.p-treetable .p-datatable-table-container table .p-treetable-thead tr th.p-sortable-column p-treetablesorticon,
.p-treetable .p-treetable-wrapper .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column p-sorticon,
.p-treetable .p-treetable-wrapper .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column p-treetablesorticon,
.p-treetable .p-treetable-wrapper .p-datatable-table .p-datatable-thead tr th.p-sortable-column p-sorticon,
.p-treetable .p-treetable-wrapper .p-datatable-table .p-datatable-thead tr th.p-sortable-column p-treetablesorticon,
.p-treetable .p-treetable-wrapper .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column p-sorticon,
.p-treetable .p-treetable-wrapper .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column p-treetablesorticon,
.p-treetable .p-treetable-wrapper .p-datatable-table .p-treetable-thead tr th.p-sortable-column p-sorticon,
.p-treetable .p-treetable-wrapper .p-datatable-table .p-treetable-thead tr th.p-sortable-column p-treetablesorticon,
.p-treetable .p-treetable-wrapper table .p-datatable-thead tr th.p-datatable-sortable-column p-sorticon,
.p-treetable .p-treetable-wrapper table .p-datatable-thead tr th.p-datatable-sortable-column p-treetablesorticon,
.p-treetable .p-treetable-wrapper table .p-datatable-thead tr th.p-sortable-column p-sorticon,
.p-treetable .p-treetable-wrapper table .p-datatable-thead tr th.p-sortable-column p-treetablesorticon,
.p-treetable .p-treetable-wrapper table .p-treetable-thead tr th.p-datatable-sortable-column p-sorticon,
.p-treetable .p-treetable-wrapper table .p-treetable-thead tr th.p-datatable-sortable-column p-treetablesorticon,
.p-treetable .p-treetable-wrapper table .p-treetable-thead tr th.p-sortable-column p-sorticon,
.p-treetable .p-treetable-wrapper table .p-treetable-thead tr th.p-sortable-column p-treetablesorticon,
.p-treetable .p-treetable-scrollable-wrapper .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column p-sorticon,
.p-treetable .p-treetable-scrollable-wrapper .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column p-treetablesorticon,
.p-treetable .p-treetable-scrollable-wrapper .p-datatable-table .p-datatable-thead tr th.p-sortable-column p-sorticon,
.p-treetable .p-treetable-scrollable-wrapper .p-datatable-table .p-datatable-thead tr th.p-sortable-column p-treetablesorticon,
.p-treetable .p-treetable-scrollable-wrapper .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column p-sorticon,
.p-treetable .p-treetable-scrollable-wrapper .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column p-treetablesorticon,
.p-treetable .p-treetable-scrollable-wrapper .p-datatable-table .p-treetable-thead tr th.p-sortable-column p-sorticon,
.p-treetable .p-treetable-scrollable-wrapper .p-datatable-table .p-treetable-thead tr th.p-sortable-column p-treetablesorticon,
.p-treetable .p-treetable-scrollable-wrapper table .p-datatable-thead tr th.p-datatable-sortable-column p-sorticon,
.p-treetable .p-treetable-scrollable-wrapper table .p-datatable-thead tr th.p-datatable-sortable-column p-treetablesorticon,
.p-treetable .p-treetable-scrollable-wrapper table .p-datatable-thead tr th.p-sortable-column p-sorticon,
.p-treetable .p-treetable-scrollable-wrapper table .p-datatable-thead tr th.p-sortable-column p-treetablesorticon,
.p-treetable .p-treetable-scrollable-wrapper table .p-treetable-thead tr th.p-datatable-sortable-column p-sorticon,
.p-treetable .p-treetable-scrollable-wrapper table .p-treetable-thead tr th.p-datatable-sortable-column p-treetablesorticon,
.p-treetable .p-treetable-scrollable-wrapper table .p-treetable-thead tr th.p-sortable-column p-sorticon,
.p-treetable .p-treetable-scrollable-wrapper table .p-treetable-thead tr th.p-sortable-column p-treetablesorticon {
  position: absolute;
  height: 1rem;
  /* stylelint-disable selector-type-no-unknown */
  /* stylelint-enable selector-type-no-unknown */
}
.p-datatable .p-datatable-table-container .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column p-sorticon .p-sortable-column-icon,
.p-datatable .p-datatable-table-container .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column p-treetablesorticon .p-sortable-column-icon, .p-datatable .p-datatable-table-container .p-datatable-table .p-datatable-thead tr th.p-sortable-column p-sorticon .p-sortable-column-icon,
.p-datatable .p-datatable-table-container .p-datatable-table .p-datatable-thead tr th.p-sortable-column p-treetablesorticon .p-sortable-column-icon,
.p-datatable .p-datatable-table-container .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column p-sorticon .p-sortable-column-icon,
.p-datatable .p-datatable-table-container .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column p-treetablesorticon .p-sortable-column-icon,
.p-datatable .p-datatable-table-container .p-datatable-table .p-treetable-thead tr th.p-sortable-column p-sorticon .p-sortable-column-icon,
.p-datatable .p-datatable-table-container .p-datatable-table .p-treetable-thead tr th.p-sortable-column p-treetablesorticon .p-sortable-column-icon,
.p-datatable .p-datatable-table-container table .p-datatable-thead tr th.p-datatable-sortable-column p-sorticon .p-sortable-column-icon,
.p-datatable .p-datatable-table-container table .p-datatable-thead tr th.p-datatable-sortable-column p-treetablesorticon .p-sortable-column-icon,
.p-datatable .p-datatable-table-container table .p-datatable-thead tr th.p-sortable-column p-sorticon .p-sortable-column-icon,
.p-datatable .p-datatable-table-container table .p-datatable-thead tr th.p-sortable-column p-treetablesorticon .p-sortable-column-icon,
.p-datatable .p-datatable-table-container table .p-treetable-thead tr th.p-datatable-sortable-column p-sorticon .p-sortable-column-icon,
.p-datatable .p-datatable-table-container table .p-treetable-thead tr th.p-datatable-sortable-column p-treetablesorticon .p-sortable-column-icon,
.p-datatable .p-datatable-table-container table .p-treetable-thead tr th.p-sortable-column p-sorticon .p-sortable-column-icon,
.p-datatable .p-datatable-table-container table .p-treetable-thead tr th.p-sortable-column p-treetablesorticon .p-sortable-column-icon,
.p-datatable .p-treetable-wrapper .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column p-sorticon .p-sortable-column-icon,
.p-datatable .p-treetable-wrapper .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column p-treetablesorticon .p-sortable-column-icon,
.p-datatable .p-treetable-wrapper .p-datatable-table .p-datatable-thead tr th.p-sortable-column p-sorticon .p-sortable-column-icon,
.p-datatable .p-treetable-wrapper .p-datatable-table .p-datatable-thead tr th.p-sortable-column p-treetablesorticon .p-sortable-column-icon,
.p-datatable .p-treetable-wrapper .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column p-sorticon .p-sortable-column-icon,
.p-datatable .p-treetable-wrapper .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column p-treetablesorticon .p-sortable-column-icon,
.p-datatable .p-treetable-wrapper .p-datatable-table .p-treetable-thead tr th.p-sortable-column p-sorticon .p-sortable-column-icon,
.p-datatable .p-treetable-wrapper .p-datatable-table .p-treetable-thead tr th.p-sortable-column p-treetablesorticon .p-sortable-column-icon,
.p-datatable .p-treetable-wrapper table .p-datatable-thead tr th.p-datatable-sortable-column p-sorticon .p-sortable-column-icon,
.p-datatable .p-treetable-wrapper table .p-datatable-thead tr th.p-datatable-sortable-column p-treetablesorticon .p-sortable-column-icon,
.p-datatable .p-treetable-wrapper table .p-datatable-thead tr th.p-sortable-column p-sorticon .p-sortable-column-icon,
.p-datatable .p-treetable-wrapper table .p-datatable-thead tr th.p-sortable-column p-treetablesorticon .p-sortable-column-icon,
.p-datatable .p-treetable-wrapper table .p-treetable-thead tr th.p-datatable-sortable-column p-sorticon .p-sortable-column-icon,
.p-datatable .p-treetable-wrapper table .p-treetable-thead tr th.p-datatable-sortable-column p-treetablesorticon .p-sortable-column-icon,
.p-datatable .p-treetable-wrapper table .p-treetable-thead tr th.p-sortable-column p-sorticon .p-sortable-column-icon,
.p-datatable .p-treetable-wrapper table .p-treetable-thead tr th.p-sortable-column p-treetablesorticon .p-sortable-column-icon,
.p-datatable .p-treetable-scrollable-wrapper .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column p-sorticon .p-sortable-column-icon,
.p-datatable .p-treetable-scrollable-wrapper .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column p-treetablesorticon .p-sortable-column-icon,
.p-datatable .p-treetable-scrollable-wrapper .p-datatable-table .p-datatable-thead tr th.p-sortable-column p-sorticon .p-sortable-column-icon,
.p-datatable .p-treetable-scrollable-wrapper .p-datatable-table .p-datatable-thead tr th.p-sortable-column p-treetablesorticon .p-sortable-column-icon,
.p-datatable .p-treetable-scrollable-wrapper .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column p-sorticon .p-sortable-column-icon,
.p-datatable .p-treetable-scrollable-wrapper .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column p-treetablesorticon .p-sortable-column-icon,
.p-datatable .p-treetable-scrollable-wrapper .p-datatable-table .p-treetable-thead tr th.p-sortable-column p-sorticon .p-sortable-column-icon,
.p-datatable .p-treetable-scrollable-wrapper .p-datatable-table .p-treetable-thead tr th.p-sortable-column p-treetablesorticon .p-sortable-column-icon,
.p-datatable .p-treetable-scrollable-wrapper table .p-datatable-thead tr th.p-datatable-sortable-column p-sorticon .p-sortable-column-icon,
.p-datatable .p-treetable-scrollable-wrapper table .p-datatable-thead tr th.p-datatable-sortable-column p-treetablesorticon .p-sortable-column-icon,
.p-datatable .p-treetable-scrollable-wrapper table .p-datatable-thead tr th.p-sortable-column p-sorticon .p-sortable-column-icon,
.p-datatable .p-treetable-scrollable-wrapper table .p-datatable-thead tr th.p-sortable-column p-treetablesorticon .p-sortable-column-icon,
.p-datatable .p-treetable-scrollable-wrapper table .p-treetable-thead tr th.p-datatable-sortable-column p-sorticon .p-sortable-column-icon,
.p-datatable .p-treetable-scrollable-wrapper table .p-treetable-thead tr th.p-datatable-sortable-column p-treetablesorticon .p-sortable-column-icon,
.p-datatable .p-treetable-scrollable-wrapper table .p-treetable-thead tr th.p-sortable-column p-sorticon .p-sortable-column-icon,
.p-datatable .p-treetable-scrollable-wrapper table .p-treetable-thead tr th.p-sortable-column p-treetablesorticon .p-sortable-column-icon,
.p-treetable .p-datatable-table-container .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column p-sorticon .p-sortable-column-icon,
.p-treetable .p-datatable-table-container .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column p-treetablesorticon .p-sortable-column-icon,
.p-treetable .p-datatable-table-container .p-datatable-table .p-datatable-thead tr th.p-sortable-column p-sorticon .p-sortable-column-icon,
.p-treetable .p-datatable-table-container .p-datatable-table .p-datatable-thead tr th.p-sortable-column p-treetablesorticon .p-sortable-column-icon,
.p-treetable .p-datatable-table-container .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column p-sorticon .p-sortable-column-icon,
.p-treetable .p-datatable-table-container .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column p-treetablesorticon .p-sortable-column-icon,
.p-treetable .p-datatable-table-container .p-datatable-table .p-treetable-thead tr th.p-sortable-column p-sorticon .p-sortable-column-icon,
.p-treetable .p-datatable-table-container .p-datatable-table .p-treetable-thead tr th.p-sortable-column p-treetablesorticon .p-sortable-column-icon,
.p-treetable .p-datatable-table-container table .p-datatable-thead tr th.p-datatable-sortable-column p-sorticon .p-sortable-column-icon,
.p-treetable .p-datatable-table-container table .p-datatable-thead tr th.p-datatable-sortable-column p-treetablesorticon .p-sortable-column-icon,
.p-treetable .p-datatable-table-container table .p-datatable-thead tr th.p-sortable-column p-sorticon .p-sortable-column-icon,
.p-treetable .p-datatable-table-container table .p-datatable-thead tr th.p-sortable-column p-treetablesorticon .p-sortable-column-icon,
.p-treetable .p-datatable-table-container table .p-treetable-thead tr th.p-datatable-sortable-column p-sorticon .p-sortable-column-icon,
.p-treetable .p-datatable-table-container table .p-treetable-thead tr th.p-datatable-sortable-column p-treetablesorticon .p-sortable-column-icon,
.p-treetable .p-datatable-table-container table .p-treetable-thead tr th.p-sortable-column p-sorticon .p-sortable-column-icon,
.p-treetable .p-datatable-table-container table .p-treetable-thead tr th.p-sortable-column p-treetablesorticon .p-sortable-column-icon,
.p-treetable .p-treetable-wrapper .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column p-sorticon .p-sortable-column-icon,
.p-treetable .p-treetable-wrapper .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column p-treetablesorticon .p-sortable-column-icon,
.p-treetable .p-treetable-wrapper .p-datatable-table .p-datatable-thead tr th.p-sortable-column p-sorticon .p-sortable-column-icon,
.p-treetable .p-treetable-wrapper .p-datatable-table .p-datatable-thead tr th.p-sortable-column p-treetablesorticon .p-sortable-column-icon,
.p-treetable .p-treetable-wrapper .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column p-sorticon .p-sortable-column-icon,
.p-treetable .p-treetable-wrapper .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column p-treetablesorticon .p-sortable-column-icon,
.p-treetable .p-treetable-wrapper .p-datatable-table .p-treetable-thead tr th.p-sortable-column p-sorticon .p-sortable-column-icon,
.p-treetable .p-treetable-wrapper .p-datatable-table .p-treetable-thead tr th.p-sortable-column p-treetablesorticon .p-sortable-column-icon,
.p-treetable .p-treetable-wrapper table .p-datatable-thead tr th.p-datatable-sortable-column p-sorticon .p-sortable-column-icon,
.p-treetable .p-treetable-wrapper table .p-datatable-thead tr th.p-datatable-sortable-column p-treetablesorticon .p-sortable-column-icon,
.p-treetable .p-treetable-wrapper table .p-datatable-thead tr th.p-sortable-column p-sorticon .p-sortable-column-icon,
.p-treetable .p-treetable-wrapper table .p-datatable-thead tr th.p-sortable-column p-treetablesorticon .p-sortable-column-icon,
.p-treetable .p-treetable-wrapper table .p-treetable-thead tr th.p-datatable-sortable-column p-sorticon .p-sortable-column-icon,
.p-treetable .p-treetable-wrapper table .p-treetable-thead tr th.p-datatable-sortable-column p-treetablesorticon .p-sortable-column-icon,
.p-treetable .p-treetable-wrapper table .p-treetable-thead tr th.p-sortable-column p-sorticon .p-sortable-column-icon,
.p-treetable .p-treetable-wrapper table .p-treetable-thead tr th.p-sortable-column p-treetablesorticon .p-sortable-column-icon,
.p-treetable .p-treetable-scrollable-wrapper .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column p-sorticon .p-sortable-column-icon,
.p-treetable .p-treetable-scrollable-wrapper .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column p-treetablesorticon .p-sortable-column-icon,
.p-treetable .p-treetable-scrollable-wrapper .p-datatable-table .p-datatable-thead tr th.p-sortable-column p-sorticon .p-sortable-column-icon,
.p-treetable .p-treetable-scrollable-wrapper .p-datatable-table .p-datatable-thead tr th.p-sortable-column p-treetablesorticon .p-sortable-column-icon,
.p-treetable .p-treetable-scrollable-wrapper .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column p-sorticon .p-sortable-column-icon,
.p-treetable .p-treetable-scrollable-wrapper .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column p-treetablesorticon .p-sortable-column-icon,
.p-treetable .p-treetable-scrollable-wrapper .p-datatable-table .p-treetable-thead tr th.p-sortable-column p-sorticon .p-sortable-column-icon,
.p-treetable .p-treetable-scrollable-wrapper .p-datatable-table .p-treetable-thead tr th.p-sortable-column p-treetablesorticon .p-sortable-column-icon,
.p-treetable .p-treetable-scrollable-wrapper table .p-datatable-thead tr th.p-datatable-sortable-column p-sorticon .p-sortable-column-icon,
.p-treetable .p-treetable-scrollable-wrapper table .p-datatable-thead tr th.p-datatable-sortable-column p-treetablesorticon .p-sortable-column-icon,
.p-treetable .p-treetable-scrollable-wrapper table .p-datatable-thead tr th.p-sortable-column p-sorticon .p-sortable-column-icon,
.p-treetable .p-treetable-scrollable-wrapper table .p-datatable-thead tr th.p-sortable-column p-treetablesorticon .p-sortable-column-icon,
.p-treetable .p-treetable-scrollable-wrapper table .p-treetable-thead tr th.p-datatable-sortable-column p-sorticon .p-sortable-column-icon,
.p-treetable .p-treetable-scrollable-wrapper table .p-treetable-thead tr th.p-datatable-sortable-column p-treetablesorticon .p-sortable-column-icon,
.p-treetable .p-treetable-scrollable-wrapper table .p-treetable-thead tr th.p-sortable-column p-sorticon .p-sortable-column-icon,
.p-treetable .p-treetable-scrollable-wrapper table .p-treetable-thead tr th.p-sortable-column p-treetablesorticon .p-sortable-column-icon {
  display: flex;
  align-items: center;
  height: 100%;
  overflow: hidden;
  cursor: pointer;
}
.p-datatable .p-datatable-table-container .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column p-sorticon .p-sortable-column-icon .sorting-icon,
.p-datatable .p-datatable-table-container .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column p-treetablesorticon .p-sortable-column-icon .sorting-icon, .p-datatable .p-datatable-table-container .p-datatable-table .p-datatable-thead tr th.p-sortable-column p-sorticon .p-sortable-column-icon .sorting-icon,
.p-datatable .p-datatable-table-container .p-datatable-table .p-datatable-thead tr th.p-sortable-column p-treetablesorticon .p-sortable-column-icon .sorting-icon,
.p-datatable .p-datatable-table-container .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column p-sorticon .p-sortable-column-icon .sorting-icon,
.p-datatable .p-datatable-table-container .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column p-treetablesorticon .p-sortable-column-icon .sorting-icon,
.p-datatable .p-datatable-table-container .p-datatable-table .p-treetable-thead tr th.p-sortable-column p-sorticon .p-sortable-column-icon .sorting-icon,
.p-datatable .p-datatable-table-container .p-datatable-table .p-treetable-thead tr th.p-sortable-column p-treetablesorticon .p-sortable-column-icon .sorting-icon,
.p-datatable .p-datatable-table-container table .p-datatable-thead tr th.p-datatable-sortable-column p-sorticon .p-sortable-column-icon .sorting-icon,
.p-datatable .p-datatable-table-container table .p-datatable-thead tr th.p-datatable-sortable-column p-treetablesorticon .p-sortable-column-icon .sorting-icon,
.p-datatable .p-datatable-table-container table .p-datatable-thead tr th.p-sortable-column p-sorticon .p-sortable-column-icon .sorting-icon,
.p-datatable .p-datatable-table-container table .p-datatable-thead tr th.p-sortable-column p-treetablesorticon .p-sortable-column-icon .sorting-icon,
.p-datatable .p-datatable-table-container table .p-treetable-thead tr th.p-datatable-sortable-column p-sorticon .p-sortable-column-icon .sorting-icon,
.p-datatable .p-datatable-table-container table .p-treetable-thead tr th.p-datatable-sortable-column p-treetablesorticon .p-sortable-column-icon .sorting-icon,
.p-datatable .p-datatable-table-container table .p-treetable-thead tr th.p-sortable-column p-sorticon .p-sortable-column-icon .sorting-icon,
.p-datatable .p-datatable-table-container table .p-treetable-thead tr th.p-sortable-column p-treetablesorticon .p-sortable-column-icon .sorting-icon,
.p-datatable .p-treetable-wrapper .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column p-sorticon .p-sortable-column-icon .sorting-icon,
.p-datatable .p-treetable-wrapper .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column p-treetablesorticon .p-sortable-column-icon .sorting-icon,
.p-datatable .p-treetable-wrapper .p-datatable-table .p-datatable-thead tr th.p-sortable-column p-sorticon .p-sortable-column-icon .sorting-icon,
.p-datatable .p-treetable-wrapper .p-datatable-table .p-datatable-thead tr th.p-sortable-column p-treetablesorticon .p-sortable-column-icon .sorting-icon,
.p-datatable .p-treetable-wrapper .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column p-sorticon .p-sortable-column-icon .sorting-icon,
.p-datatable .p-treetable-wrapper .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column p-treetablesorticon .p-sortable-column-icon .sorting-icon,
.p-datatable .p-treetable-wrapper .p-datatable-table .p-treetable-thead tr th.p-sortable-column p-sorticon .p-sortable-column-icon .sorting-icon,
.p-datatable .p-treetable-wrapper .p-datatable-table .p-treetable-thead tr th.p-sortable-column p-treetablesorticon .p-sortable-column-icon .sorting-icon,
.p-datatable .p-treetable-wrapper table .p-datatable-thead tr th.p-datatable-sortable-column p-sorticon .p-sortable-column-icon .sorting-icon,
.p-datatable .p-treetable-wrapper table .p-datatable-thead tr th.p-datatable-sortable-column p-treetablesorticon .p-sortable-column-icon .sorting-icon,
.p-datatable .p-treetable-wrapper table .p-datatable-thead tr th.p-sortable-column p-sorticon .p-sortable-column-icon .sorting-icon,
.p-datatable .p-treetable-wrapper table .p-datatable-thead tr th.p-sortable-column p-treetablesorticon .p-sortable-column-icon .sorting-icon,
.p-datatable .p-treetable-wrapper table .p-treetable-thead tr th.p-datatable-sortable-column p-sorticon .p-sortable-column-icon .sorting-icon,
.p-datatable .p-treetable-wrapper table .p-treetable-thead tr th.p-datatable-sortable-column p-treetablesorticon .p-sortable-column-icon .sorting-icon,
.p-datatable .p-treetable-wrapper table .p-treetable-thead tr th.p-sortable-column p-sorticon .p-sortable-column-icon .sorting-icon,
.p-datatable .p-treetable-wrapper table .p-treetable-thead tr th.p-sortable-column p-treetablesorticon .p-sortable-column-icon .sorting-icon,
.p-datatable .p-treetable-scrollable-wrapper .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column p-sorticon .p-sortable-column-icon .sorting-icon,
.p-datatable .p-treetable-scrollable-wrapper .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column p-treetablesorticon .p-sortable-column-icon .sorting-icon,
.p-datatable .p-treetable-scrollable-wrapper .p-datatable-table .p-datatable-thead tr th.p-sortable-column p-sorticon .p-sortable-column-icon .sorting-icon,
.p-datatable .p-treetable-scrollable-wrapper .p-datatable-table .p-datatable-thead tr th.p-sortable-column p-treetablesorticon .p-sortable-column-icon .sorting-icon,
.p-datatable .p-treetable-scrollable-wrapper .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column p-sorticon .p-sortable-column-icon .sorting-icon,
.p-datatable .p-treetable-scrollable-wrapper .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column p-treetablesorticon .p-sortable-column-icon .sorting-icon,
.p-datatable .p-treetable-scrollable-wrapper .p-datatable-table .p-treetable-thead tr th.p-sortable-column p-sorticon .p-sortable-column-icon .sorting-icon,
.p-datatable .p-treetable-scrollable-wrapper .p-datatable-table .p-treetable-thead tr th.p-sortable-column p-treetablesorticon .p-sortable-column-icon .sorting-icon,
.p-datatable .p-treetable-scrollable-wrapper table .p-datatable-thead tr th.p-datatable-sortable-column p-sorticon .p-sortable-column-icon .sorting-icon,
.p-datatable .p-treetable-scrollable-wrapper table .p-datatable-thead tr th.p-datatable-sortable-column p-treetablesorticon .p-sortable-column-icon .sorting-icon,
.p-datatable .p-treetable-scrollable-wrapper table .p-datatable-thead tr th.p-sortable-column p-sorticon .p-sortable-column-icon .sorting-icon,
.p-datatable .p-treetable-scrollable-wrapper table .p-datatable-thead tr th.p-sortable-column p-treetablesorticon .p-sortable-column-icon .sorting-icon,
.p-datatable .p-treetable-scrollable-wrapper table .p-treetable-thead tr th.p-datatable-sortable-column p-sorticon .p-sortable-column-icon .sorting-icon,
.p-datatable .p-treetable-scrollable-wrapper table .p-treetable-thead tr th.p-datatable-sortable-column p-treetablesorticon .p-sortable-column-icon .sorting-icon,
.p-datatable .p-treetable-scrollable-wrapper table .p-treetable-thead tr th.p-sortable-column p-sorticon .p-sortable-column-icon .sorting-icon,
.p-datatable .p-treetable-scrollable-wrapper table .p-treetable-thead tr th.p-sortable-column p-treetablesorticon .p-sortable-column-icon .sorting-icon,
.p-treetable .p-datatable-table-container .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column p-sorticon .p-sortable-column-icon .sorting-icon,
.p-treetable .p-datatable-table-container .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column p-treetablesorticon .p-sortable-column-icon .sorting-icon,
.p-treetable .p-datatable-table-container .p-datatable-table .p-datatable-thead tr th.p-sortable-column p-sorticon .p-sortable-column-icon .sorting-icon,
.p-treetable .p-datatable-table-container .p-datatable-table .p-datatable-thead tr th.p-sortable-column p-treetablesorticon .p-sortable-column-icon .sorting-icon,
.p-treetable .p-datatable-table-container .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column p-sorticon .p-sortable-column-icon .sorting-icon,
.p-treetable .p-datatable-table-container .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column p-treetablesorticon .p-sortable-column-icon .sorting-icon,
.p-treetable .p-datatable-table-container .p-datatable-table .p-treetable-thead tr th.p-sortable-column p-sorticon .p-sortable-column-icon .sorting-icon,
.p-treetable .p-datatable-table-container .p-datatable-table .p-treetable-thead tr th.p-sortable-column p-treetablesorticon .p-sortable-column-icon .sorting-icon,
.p-treetable .p-datatable-table-container table .p-datatable-thead tr th.p-datatable-sortable-column p-sorticon .p-sortable-column-icon .sorting-icon,
.p-treetable .p-datatable-table-container table .p-datatable-thead tr th.p-datatable-sortable-column p-treetablesorticon .p-sortable-column-icon .sorting-icon,
.p-treetable .p-datatable-table-container table .p-datatable-thead tr th.p-sortable-column p-sorticon .p-sortable-column-icon .sorting-icon,
.p-treetable .p-datatable-table-container table .p-datatable-thead tr th.p-sortable-column p-treetablesorticon .p-sortable-column-icon .sorting-icon,
.p-treetable .p-datatable-table-container table .p-treetable-thead tr th.p-datatable-sortable-column p-sorticon .p-sortable-column-icon .sorting-icon,
.p-treetable .p-datatable-table-container table .p-treetable-thead tr th.p-datatable-sortable-column p-treetablesorticon .p-sortable-column-icon .sorting-icon,
.p-treetable .p-datatable-table-container table .p-treetable-thead tr th.p-sortable-column p-sorticon .p-sortable-column-icon .sorting-icon,
.p-treetable .p-datatable-table-container table .p-treetable-thead tr th.p-sortable-column p-treetablesorticon .p-sortable-column-icon .sorting-icon,
.p-treetable .p-treetable-wrapper .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column p-sorticon .p-sortable-column-icon .sorting-icon,
.p-treetable .p-treetable-wrapper .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column p-treetablesorticon .p-sortable-column-icon .sorting-icon,
.p-treetable .p-treetable-wrapper .p-datatable-table .p-datatable-thead tr th.p-sortable-column p-sorticon .p-sortable-column-icon .sorting-icon,
.p-treetable .p-treetable-wrapper .p-datatable-table .p-datatable-thead tr th.p-sortable-column p-treetablesorticon .p-sortable-column-icon .sorting-icon,
.p-treetable .p-treetable-wrapper .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column p-sorticon .p-sortable-column-icon .sorting-icon,
.p-treetable .p-treetable-wrapper .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column p-treetablesorticon .p-sortable-column-icon .sorting-icon,
.p-treetable .p-treetable-wrapper .p-datatable-table .p-treetable-thead tr th.p-sortable-column p-sorticon .p-sortable-column-icon .sorting-icon,
.p-treetable .p-treetable-wrapper .p-datatable-table .p-treetable-thead tr th.p-sortable-column p-treetablesorticon .p-sortable-column-icon .sorting-icon,
.p-treetable .p-treetable-wrapper table .p-datatable-thead tr th.p-datatable-sortable-column p-sorticon .p-sortable-column-icon .sorting-icon,
.p-treetable .p-treetable-wrapper table .p-datatable-thead tr th.p-datatable-sortable-column p-treetablesorticon .p-sortable-column-icon .sorting-icon,
.p-treetable .p-treetable-wrapper table .p-datatable-thead tr th.p-sortable-column p-sorticon .p-sortable-column-icon .sorting-icon,
.p-treetable .p-treetable-wrapper table .p-datatable-thead tr th.p-sortable-column p-treetablesorticon .p-sortable-column-icon .sorting-icon,
.p-treetable .p-treetable-wrapper table .p-treetable-thead tr th.p-datatable-sortable-column p-sorticon .p-sortable-column-icon .sorting-icon,
.p-treetable .p-treetable-wrapper table .p-treetable-thead tr th.p-datatable-sortable-column p-treetablesorticon .p-sortable-column-icon .sorting-icon,
.p-treetable .p-treetable-wrapper table .p-treetable-thead tr th.p-sortable-column p-sorticon .p-sortable-column-icon .sorting-icon,
.p-treetable .p-treetable-wrapper table .p-treetable-thead tr th.p-sortable-column p-treetablesorticon .p-sortable-column-icon .sorting-icon,
.p-treetable .p-treetable-scrollable-wrapper .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column p-sorticon .p-sortable-column-icon .sorting-icon,
.p-treetable .p-treetable-scrollable-wrapper .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column p-treetablesorticon .p-sortable-column-icon .sorting-icon,
.p-treetable .p-treetable-scrollable-wrapper .p-datatable-table .p-datatable-thead tr th.p-sortable-column p-sorticon .p-sortable-column-icon .sorting-icon,
.p-treetable .p-treetable-scrollable-wrapper .p-datatable-table .p-datatable-thead tr th.p-sortable-column p-treetablesorticon .p-sortable-column-icon .sorting-icon,
.p-treetable .p-treetable-scrollable-wrapper .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column p-sorticon .p-sortable-column-icon .sorting-icon,
.p-treetable .p-treetable-scrollable-wrapper .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column p-treetablesorticon .p-sortable-column-icon .sorting-icon,
.p-treetable .p-treetable-scrollable-wrapper .p-datatable-table .p-treetable-thead tr th.p-sortable-column p-sorticon .p-sortable-column-icon .sorting-icon,
.p-treetable .p-treetable-scrollable-wrapper .p-datatable-table .p-treetable-thead tr th.p-sortable-column p-treetablesorticon .p-sortable-column-icon .sorting-icon,
.p-treetable .p-treetable-scrollable-wrapper table .p-datatable-thead tr th.p-datatable-sortable-column p-sorticon .p-sortable-column-icon .sorting-icon,
.p-treetable .p-treetable-scrollable-wrapper table .p-datatable-thead tr th.p-datatable-sortable-column p-treetablesorticon .p-sortable-column-icon .sorting-icon,
.p-treetable .p-treetable-scrollable-wrapper table .p-datatable-thead tr th.p-sortable-column p-sorticon .p-sortable-column-icon .sorting-icon,
.p-treetable .p-treetable-scrollable-wrapper table .p-datatable-thead tr th.p-sortable-column p-treetablesorticon .p-sortable-column-icon .sorting-icon,
.p-treetable .p-treetable-scrollable-wrapper table .p-treetable-thead tr th.p-datatable-sortable-column p-sorticon .p-sortable-column-icon .sorting-icon,
.p-treetable .p-treetable-scrollable-wrapper table .p-treetable-thead tr th.p-datatable-sortable-column p-treetablesorticon .p-sortable-column-icon .sorting-icon,
.p-treetable .p-treetable-scrollable-wrapper table .p-treetable-thead tr th.p-sortable-column p-sorticon .p-sortable-column-icon .sorting-icon,
.p-treetable .p-treetable-scrollable-wrapper table .p-treetable-thead tr th.p-sortable-column p-treetablesorticon .p-sortable-column-icon .sorting-icon {
  display: flex;
  align-items: center;
  transition: var(--msi-timing-t4);
}
.p-datatable .p-datatable-table-container .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column p-sorticon .p-sortable-column-icon .sorting-icon:not(.active),
.p-datatable .p-datatable-table-container .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column p-treetablesorticon .p-sortable-column-icon .sorting-icon:not(.active), .p-datatable .p-datatable-table-container .p-datatable-table .p-datatable-thead tr th.p-sortable-column p-sorticon .p-sortable-column-icon .sorting-icon:not(.active),
.p-datatable .p-datatable-table-container .p-datatable-table .p-datatable-thead tr th.p-sortable-column p-treetablesorticon .p-sortable-column-icon .sorting-icon:not(.active),
.p-datatable .p-datatable-table-container .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column p-sorticon .p-sortable-column-icon .sorting-icon:not(.active),
.p-datatable .p-datatable-table-container .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column p-treetablesorticon .p-sortable-column-icon .sorting-icon:not(.active),
.p-datatable .p-datatable-table-container .p-datatable-table .p-treetable-thead tr th.p-sortable-column p-sorticon .p-sortable-column-icon .sorting-icon:not(.active),
.p-datatable .p-datatable-table-container .p-datatable-table .p-treetable-thead tr th.p-sortable-column p-treetablesorticon .p-sortable-column-icon .sorting-icon:not(.active),
.p-datatable .p-datatable-table-container table .p-datatable-thead tr th.p-datatable-sortable-column p-sorticon .p-sortable-column-icon .sorting-icon:not(.active),
.p-datatable .p-datatable-table-container table .p-datatable-thead tr th.p-datatable-sortable-column p-treetablesorticon .p-sortable-column-icon .sorting-icon:not(.active),
.p-datatable .p-datatable-table-container table .p-datatable-thead tr th.p-sortable-column p-sorticon .p-sortable-column-icon .sorting-icon:not(.active),
.p-datatable .p-datatable-table-container table .p-datatable-thead tr th.p-sortable-column p-treetablesorticon .p-sortable-column-icon .sorting-icon:not(.active),
.p-datatable .p-datatable-table-container table .p-treetable-thead tr th.p-datatable-sortable-column p-sorticon .p-sortable-column-icon .sorting-icon:not(.active),
.p-datatable .p-datatable-table-container table .p-treetable-thead tr th.p-datatable-sortable-column p-treetablesorticon .p-sortable-column-icon .sorting-icon:not(.active),
.p-datatable .p-datatable-table-container table .p-treetable-thead tr th.p-sortable-column p-sorticon .p-sortable-column-icon .sorting-icon:not(.active),
.p-datatable .p-datatable-table-container table .p-treetable-thead tr th.p-sortable-column p-treetablesorticon .p-sortable-column-icon .sorting-icon:not(.active),
.p-datatable .p-treetable-wrapper .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column p-sorticon .p-sortable-column-icon .sorting-icon:not(.active),
.p-datatable .p-treetable-wrapper .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column p-treetablesorticon .p-sortable-column-icon .sorting-icon:not(.active),
.p-datatable .p-treetable-wrapper .p-datatable-table .p-datatable-thead tr th.p-sortable-column p-sorticon .p-sortable-column-icon .sorting-icon:not(.active),
.p-datatable .p-treetable-wrapper .p-datatable-table .p-datatable-thead tr th.p-sortable-column p-treetablesorticon .p-sortable-column-icon .sorting-icon:not(.active),
.p-datatable .p-treetable-wrapper .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column p-sorticon .p-sortable-column-icon .sorting-icon:not(.active),
.p-datatable .p-treetable-wrapper .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column p-treetablesorticon .p-sortable-column-icon .sorting-icon:not(.active),
.p-datatable .p-treetable-wrapper .p-datatable-table .p-treetable-thead tr th.p-sortable-column p-sorticon .p-sortable-column-icon .sorting-icon:not(.active),
.p-datatable .p-treetable-wrapper .p-datatable-table .p-treetable-thead tr th.p-sortable-column p-treetablesorticon .p-sortable-column-icon .sorting-icon:not(.active),
.p-datatable .p-treetable-wrapper table .p-datatable-thead tr th.p-datatable-sortable-column p-sorticon .p-sortable-column-icon .sorting-icon:not(.active),
.p-datatable .p-treetable-wrapper table .p-datatable-thead tr th.p-datatable-sortable-column p-treetablesorticon .p-sortable-column-icon .sorting-icon:not(.active),
.p-datatable .p-treetable-wrapper table .p-datatable-thead tr th.p-sortable-column p-sorticon .p-sortable-column-icon .sorting-icon:not(.active),
.p-datatable .p-treetable-wrapper table .p-datatable-thead tr th.p-sortable-column p-treetablesorticon .p-sortable-column-icon .sorting-icon:not(.active),
.p-datatable .p-treetable-wrapper table .p-treetable-thead tr th.p-datatable-sortable-column p-sorticon .p-sortable-column-icon .sorting-icon:not(.active),
.p-datatable .p-treetable-wrapper table .p-treetable-thead tr th.p-datatable-sortable-column p-treetablesorticon .p-sortable-column-icon .sorting-icon:not(.active),
.p-datatable .p-treetable-wrapper table .p-treetable-thead tr th.p-sortable-column p-sorticon .p-sortable-column-icon .sorting-icon:not(.active),
.p-datatable .p-treetable-wrapper table .p-treetable-thead tr th.p-sortable-column p-treetablesorticon .p-sortable-column-icon .sorting-icon:not(.active),
.p-datatable .p-treetable-scrollable-wrapper .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column p-sorticon .p-sortable-column-icon .sorting-icon:not(.active),
.p-datatable .p-treetable-scrollable-wrapper .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column p-treetablesorticon .p-sortable-column-icon .sorting-icon:not(.active),
.p-datatable .p-treetable-scrollable-wrapper .p-datatable-table .p-datatable-thead tr th.p-sortable-column p-sorticon .p-sortable-column-icon .sorting-icon:not(.active),
.p-datatable .p-treetable-scrollable-wrapper .p-datatable-table .p-datatable-thead tr th.p-sortable-column p-treetablesorticon .p-sortable-column-icon .sorting-icon:not(.active),
.p-datatable .p-treetable-scrollable-wrapper .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column p-sorticon .p-sortable-column-icon .sorting-icon:not(.active),
.p-datatable .p-treetable-scrollable-wrapper .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column p-treetablesorticon .p-sortable-column-icon .sorting-icon:not(.active),
.p-datatable .p-treetable-scrollable-wrapper .p-datatable-table .p-treetable-thead tr th.p-sortable-column p-sorticon .p-sortable-column-icon .sorting-icon:not(.active),
.p-datatable .p-treetable-scrollable-wrapper .p-datatable-table .p-treetable-thead tr th.p-sortable-column p-treetablesorticon .p-sortable-column-icon .sorting-icon:not(.active),
.p-datatable .p-treetable-scrollable-wrapper table .p-datatable-thead tr th.p-datatable-sortable-column p-sorticon .p-sortable-column-icon .sorting-icon:not(.active),
.p-datatable .p-treetable-scrollable-wrapper table .p-datatable-thead tr th.p-datatable-sortable-column p-treetablesorticon .p-sortable-column-icon .sorting-icon:not(.active),
.p-datatable .p-treetable-scrollable-wrapper table .p-datatable-thead tr th.p-sortable-column p-sorticon .p-sortable-column-icon .sorting-icon:not(.active),
.p-datatable .p-treetable-scrollable-wrapper table .p-datatable-thead tr th.p-sortable-column p-treetablesorticon .p-sortable-column-icon .sorting-icon:not(.active),
.p-datatable .p-treetable-scrollable-wrapper table .p-treetable-thead tr th.p-datatable-sortable-column p-sorticon .p-sortable-column-icon .sorting-icon:not(.active),
.p-datatable .p-treetable-scrollable-wrapper table .p-treetable-thead tr th.p-datatable-sortable-column p-treetablesorticon .p-sortable-column-icon .sorting-icon:not(.active),
.p-datatable .p-treetable-scrollable-wrapper table .p-treetable-thead tr th.p-sortable-column p-sorticon .p-sortable-column-icon .sorting-icon:not(.active),
.p-datatable .p-treetable-scrollable-wrapper table .p-treetable-thead tr th.p-sortable-column p-treetablesorticon .p-sortable-column-icon .sorting-icon:not(.active),
.p-treetable .p-datatable-table-container .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column p-sorticon .p-sortable-column-icon .sorting-icon:not(.active),
.p-treetable .p-datatable-table-container .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column p-treetablesorticon .p-sortable-column-icon .sorting-icon:not(.active),
.p-treetable .p-datatable-table-container .p-datatable-table .p-datatable-thead tr th.p-sortable-column p-sorticon .p-sortable-column-icon .sorting-icon:not(.active),
.p-treetable .p-datatable-table-container .p-datatable-table .p-datatable-thead tr th.p-sortable-column p-treetablesorticon .p-sortable-column-icon .sorting-icon:not(.active),
.p-treetable .p-datatable-table-container .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column p-sorticon .p-sortable-column-icon .sorting-icon:not(.active),
.p-treetable .p-datatable-table-container .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column p-treetablesorticon .p-sortable-column-icon .sorting-icon:not(.active),
.p-treetable .p-datatable-table-container .p-datatable-table .p-treetable-thead tr th.p-sortable-column p-sorticon .p-sortable-column-icon .sorting-icon:not(.active),
.p-treetable .p-datatable-table-container .p-datatable-table .p-treetable-thead tr th.p-sortable-column p-treetablesorticon .p-sortable-column-icon .sorting-icon:not(.active),
.p-treetable .p-datatable-table-container table .p-datatable-thead tr th.p-datatable-sortable-column p-sorticon .p-sortable-column-icon .sorting-icon:not(.active),
.p-treetable .p-datatable-table-container table .p-datatable-thead tr th.p-datatable-sortable-column p-treetablesorticon .p-sortable-column-icon .sorting-icon:not(.active),
.p-treetable .p-datatable-table-container table .p-datatable-thead tr th.p-sortable-column p-sorticon .p-sortable-column-icon .sorting-icon:not(.active),
.p-treetable .p-datatable-table-container table .p-datatable-thead tr th.p-sortable-column p-treetablesorticon .p-sortable-column-icon .sorting-icon:not(.active),
.p-treetable .p-datatable-table-container table .p-treetable-thead tr th.p-datatable-sortable-column p-sorticon .p-sortable-column-icon .sorting-icon:not(.active),
.p-treetable .p-datatable-table-container table .p-treetable-thead tr th.p-datatable-sortable-column p-treetablesorticon .p-sortable-column-icon .sorting-icon:not(.active),
.p-treetable .p-datatable-table-container table .p-treetable-thead tr th.p-sortable-column p-sorticon .p-sortable-column-icon .sorting-icon:not(.active),
.p-treetable .p-datatable-table-container table .p-treetable-thead tr th.p-sortable-column p-treetablesorticon .p-sortable-column-icon .sorting-icon:not(.active),
.p-treetable .p-treetable-wrapper .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column p-sorticon .p-sortable-column-icon .sorting-icon:not(.active),
.p-treetable .p-treetable-wrapper .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column p-treetablesorticon .p-sortable-column-icon .sorting-icon:not(.active),
.p-treetable .p-treetable-wrapper .p-datatable-table .p-datatable-thead tr th.p-sortable-column p-sorticon .p-sortable-column-icon .sorting-icon:not(.active),
.p-treetable .p-treetable-wrapper .p-datatable-table .p-datatable-thead tr th.p-sortable-column p-treetablesorticon .p-sortable-column-icon .sorting-icon:not(.active),
.p-treetable .p-treetable-wrapper .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column p-sorticon .p-sortable-column-icon .sorting-icon:not(.active),
.p-treetable .p-treetable-wrapper .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column p-treetablesorticon .p-sortable-column-icon .sorting-icon:not(.active),
.p-treetable .p-treetable-wrapper .p-datatable-table .p-treetable-thead tr th.p-sortable-column p-sorticon .p-sortable-column-icon .sorting-icon:not(.active),
.p-treetable .p-treetable-wrapper .p-datatable-table .p-treetable-thead tr th.p-sortable-column p-treetablesorticon .p-sortable-column-icon .sorting-icon:not(.active),
.p-treetable .p-treetable-wrapper table .p-datatable-thead tr th.p-datatable-sortable-column p-sorticon .p-sortable-column-icon .sorting-icon:not(.active),
.p-treetable .p-treetable-wrapper table .p-datatable-thead tr th.p-datatable-sortable-column p-treetablesorticon .p-sortable-column-icon .sorting-icon:not(.active),
.p-treetable .p-treetable-wrapper table .p-datatable-thead tr th.p-sortable-column p-sorticon .p-sortable-column-icon .sorting-icon:not(.active),
.p-treetable .p-treetable-wrapper table .p-datatable-thead tr th.p-sortable-column p-treetablesorticon .p-sortable-column-icon .sorting-icon:not(.active),
.p-treetable .p-treetable-wrapper table .p-treetable-thead tr th.p-datatable-sortable-column p-sorticon .p-sortable-column-icon .sorting-icon:not(.active),
.p-treetable .p-treetable-wrapper table .p-treetable-thead tr th.p-datatable-sortable-column p-treetablesorticon .p-sortable-column-icon .sorting-icon:not(.active),
.p-treetable .p-treetable-wrapper table .p-treetable-thead tr th.p-sortable-column p-sorticon .p-sortable-column-icon .sorting-icon:not(.active),
.p-treetable .p-treetable-wrapper table .p-treetable-thead tr th.p-sortable-column p-treetablesorticon .p-sortable-column-icon .sorting-icon:not(.active),
.p-treetable .p-treetable-scrollable-wrapper .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column p-sorticon .p-sortable-column-icon .sorting-icon:not(.active),
.p-treetable .p-treetable-scrollable-wrapper .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column p-treetablesorticon .p-sortable-column-icon .sorting-icon:not(.active),
.p-treetable .p-treetable-scrollable-wrapper .p-datatable-table .p-datatable-thead tr th.p-sortable-column p-sorticon .p-sortable-column-icon .sorting-icon:not(.active),
.p-treetable .p-treetable-scrollable-wrapper .p-datatable-table .p-datatable-thead tr th.p-sortable-column p-treetablesorticon .p-sortable-column-icon .sorting-icon:not(.active),
.p-treetable .p-treetable-scrollable-wrapper .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column p-sorticon .p-sortable-column-icon .sorting-icon:not(.active),
.p-treetable .p-treetable-scrollable-wrapper .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column p-treetablesorticon .p-sortable-column-icon .sorting-icon:not(.active),
.p-treetable .p-treetable-scrollable-wrapper .p-datatable-table .p-treetable-thead tr th.p-sortable-column p-sorticon .p-sortable-column-icon .sorting-icon:not(.active),
.p-treetable .p-treetable-scrollable-wrapper .p-datatable-table .p-treetable-thead tr th.p-sortable-column p-treetablesorticon .p-sortable-column-icon .sorting-icon:not(.active),
.p-treetable .p-treetable-scrollable-wrapper table .p-datatable-thead tr th.p-datatable-sortable-column p-sorticon .p-sortable-column-icon .sorting-icon:not(.active),
.p-treetable .p-treetable-scrollable-wrapper table .p-datatable-thead tr th.p-datatable-sortable-column p-treetablesorticon .p-sortable-column-icon .sorting-icon:not(.active),
.p-treetable .p-treetable-scrollable-wrapper table .p-datatable-thead tr th.p-sortable-column p-sorticon .p-sortable-column-icon .sorting-icon:not(.active),
.p-treetable .p-treetable-scrollable-wrapper table .p-datatable-thead tr th.p-sortable-column p-treetablesorticon .p-sortable-column-icon .sorting-icon:not(.active),
.p-treetable .p-treetable-scrollable-wrapper table .p-treetable-thead tr th.p-datatable-sortable-column p-sorticon .p-sortable-column-icon .sorting-icon:not(.active),
.p-treetable .p-treetable-scrollable-wrapper table .p-treetable-thead tr th.p-datatable-sortable-column p-treetablesorticon .p-sortable-column-icon .sorting-icon:not(.active),
.p-treetable .p-treetable-scrollable-wrapper table .p-treetable-thead tr th.p-sortable-column p-sorticon .p-sortable-column-icon .sorting-icon:not(.active),
.p-treetable .p-treetable-scrollable-wrapper table .p-treetable-thead tr th.p-sortable-column p-treetablesorticon .p-sortable-column-icon .sorting-icon:not(.active) {
  display: none;
  color: var(--msi-icon-primary);
}
.p-datatable .p-datatable-table-container .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column p-sorticon sortalticon,
.p-datatable .p-datatable-table-container .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column p-sorticon sortamountupalticon,
.p-datatable .p-datatable-table-container .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column p-sorticon sortamountdownicon,
.p-datatable .p-datatable-table-container .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column p-sorticon .p-sortable-column-badge,
.p-datatable .p-datatable-table-container .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column p-treetablesorticon sortalticon,
.p-datatable .p-datatable-table-container .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column p-treetablesorticon sortamountupalticon,
.p-datatable .p-datatable-table-container .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column p-treetablesorticon sortamountdownicon,
.p-datatable .p-datatable-table-container .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column p-treetablesorticon .p-sortable-column-badge, .p-datatable .p-datatable-table-container .p-datatable-table .p-datatable-thead tr th.p-sortable-column p-sorticon sortalticon,
.p-datatable .p-datatable-table-container .p-datatable-table .p-datatable-thead tr th.p-sortable-column p-sorticon sortamountupalticon,
.p-datatable .p-datatable-table-container .p-datatable-table .p-datatable-thead tr th.p-sortable-column p-sorticon sortamountdownicon,
.p-datatable .p-datatable-table-container .p-datatable-table .p-datatable-thead tr th.p-sortable-column p-sorticon .p-sortable-column-badge,
.p-datatable .p-datatable-table-container .p-datatable-table .p-datatable-thead tr th.p-sortable-column p-treetablesorticon sortalticon,
.p-datatable .p-datatable-table-container .p-datatable-table .p-datatable-thead tr th.p-sortable-column p-treetablesorticon sortamountupalticon,
.p-datatable .p-datatable-table-container .p-datatable-table .p-datatable-thead tr th.p-sortable-column p-treetablesorticon sortamountdownicon,
.p-datatable .p-datatable-table-container .p-datatable-table .p-datatable-thead tr th.p-sortable-column p-treetablesorticon .p-sortable-column-badge,
.p-datatable .p-datatable-table-container .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column p-sorticon sortalticon,
.p-datatable .p-datatable-table-container .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column p-sorticon sortamountupalticon,
.p-datatable .p-datatable-table-container .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column p-sorticon sortamountdownicon,
.p-datatable .p-datatable-table-container .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column p-sorticon .p-sortable-column-badge,
.p-datatable .p-datatable-table-container .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column p-treetablesorticon sortalticon,
.p-datatable .p-datatable-table-container .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column p-treetablesorticon sortamountupalticon,
.p-datatable .p-datatable-table-container .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column p-treetablesorticon sortamountdownicon,
.p-datatable .p-datatable-table-container .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column p-treetablesorticon .p-sortable-column-badge,
.p-datatable .p-datatable-table-container .p-datatable-table .p-treetable-thead tr th.p-sortable-column p-sorticon sortalticon,
.p-datatable .p-datatable-table-container .p-datatable-table .p-treetable-thead tr th.p-sortable-column p-sorticon sortamountupalticon,
.p-datatable .p-datatable-table-container .p-datatable-table .p-treetable-thead tr th.p-sortable-column p-sorticon sortamountdownicon,
.p-datatable .p-datatable-table-container .p-datatable-table .p-treetable-thead tr th.p-sortable-column p-sorticon .p-sortable-column-badge,
.p-datatable .p-datatable-table-container .p-datatable-table .p-treetable-thead tr th.p-sortable-column p-treetablesorticon sortalticon,
.p-datatable .p-datatable-table-container .p-datatable-table .p-treetable-thead tr th.p-sortable-column p-treetablesorticon sortamountupalticon,
.p-datatable .p-datatable-table-container .p-datatable-table .p-treetable-thead tr th.p-sortable-column p-treetablesorticon sortamountdownicon,
.p-datatable .p-datatable-table-container .p-datatable-table .p-treetable-thead tr th.p-sortable-column p-treetablesorticon .p-sortable-column-badge,
.p-datatable .p-datatable-table-container table .p-datatable-thead tr th.p-datatable-sortable-column p-sorticon sortalticon,
.p-datatable .p-datatable-table-container table .p-datatable-thead tr th.p-datatable-sortable-column p-sorticon sortamountupalticon,
.p-datatable .p-datatable-table-container table .p-datatable-thead tr th.p-datatable-sortable-column p-sorticon sortamountdownicon,
.p-datatable .p-datatable-table-container table .p-datatable-thead tr th.p-datatable-sortable-column p-sorticon .p-sortable-column-badge,
.p-datatable .p-datatable-table-container table .p-datatable-thead tr th.p-datatable-sortable-column p-treetablesorticon sortalticon,
.p-datatable .p-datatable-table-container table .p-datatable-thead tr th.p-datatable-sortable-column p-treetablesorticon sortamountupalticon,
.p-datatable .p-datatable-table-container table .p-datatable-thead tr th.p-datatable-sortable-column p-treetablesorticon sortamountdownicon,
.p-datatable .p-datatable-table-container table .p-datatable-thead tr th.p-datatable-sortable-column p-treetablesorticon .p-sortable-column-badge,
.p-datatable .p-datatable-table-container table .p-datatable-thead tr th.p-sortable-column p-sorticon sortalticon,
.p-datatable .p-datatable-table-container table .p-datatable-thead tr th.p-sortable-column p-sorticon sortamountupalticon,
.p-datatable .p-datatable-table-container table .p-datatable-thead tr th.p-sortable-column p-sorticon sortamountdownicon,
.p-datatable .p-datatable-table-container table .p-datatable-thead tr th.p-sortable-column p-sorticon .p-sortable-column-badge,
.p-datatable .p-datatable-table-container table .p-datatable-thead tr th.p-sortable-column p-treetablesorticon sortalticon,
.p-datatable .p-datatable-table-container table .p-datatable-thead tr th.p-sortable-column p-treetablesorticon sortamountupalticon,
.p-datatable .p-datatable-table-container table .p-datatable-thead tr th.p-sortable-column p-treetablesorticon sortamountdownicon,
.p-datatable .p-datatable-table-container table .p-datatable-thead tr th.p-sortable-column p-treetablesorticon .p-sortable-column-badge,
.p-datatable .p-datatable-table-container table .p-treetable-thead tr th.p-datatable-sortable-column p-sorticon sortalticon,
.p-datatable .p-datatable-table-container table .p-treetable-thead tr th.p-datatable-sortable-column p-sorticon sortamountupalticon,
.p-datatable .p-datatable-table-container table .p-treetable-thead tr th.p-datatable-sortable-column p-sorticon sortamountdownicon,
.p-datatable .p-datatable-table-container table .p-treetable-thead tr th.p-datatable-sortable-column p-sorticon .p-sortable-column-badge,
.p-datatable .p-datatable-table-container table .p-treetable-thead tr th.p-datatable-sortable-column p-treetablesorticon sortalticon,
.p-datatable .p-datatable-table-container table .p-treetable-thead tr th.p-datatable-sortable-column p-treetablesorticon sortamountupalticon,
.p-datatable .p-datatable-table-container table .p-treetable-thead tr th.p-datatable-sortable-column p-treetablesorticon sortamountdownicon,
.p-datatable .p-datatable-table-container table .p-treetable-thead tr th.p-datatable-sortable-column p-treetablesorticon .p-sortable-column-badge,
.p-datatable .p-datatable-table-container table .p-treetable-thead tr th.p-sortable-column p-sorticon sortalticon,
.p-datatable .p-datatable-table-container table .p-treetable-thead tr th.p-sortable-column p-sorticon sortamountupalticon,
.p-datatable .p-datatable-table-container table .p-treetable-thead tr th.p-sortable-column p-sorticon sortamountdownicon,
.p-datatable .p-datatable-table-container table .p-treetable-thead tr th.p-sortable-column p-sorticon .p-sortable-column-badge,
.p-datatable .p-datatable-table-container table .p-treetable-thead tr th.p-sortable-column p-treetablesorticon sortalticon,
.p-datatable .p-datatable-table-container table .p-treetable-thead tr th.p-sortable-column p-treetablesorticon sortamountupalticon,
.p-datatable .p-datatable-table-container table .p-treetable-thead tr th.p-sortable-column p-treetablesorticon sortamountdownicon,
.p-datatable .p-datatable-table-container table .p-treetable-thead tr th.p-sortable-column p-treetablesorticon .p-sortable-column-badge,
.p-datatable .p-treetable-wrapper .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column p-sorticon sortalticon,
.p-datatable .p-treetable-wrapper .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column p-sorticon sortamountupalticon,
.p-datatable .p-treetable-wrapper .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column p-sorticon sortamountdownicon,
.p-datatable .p-treetable-wrapper .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column p-sorticon .p-sortable-column-badge,
.p-datatable .p-treetable-wrapper .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column p-treetablesorticon sortalticon,
.p-datatable .p-treetable-wrapper .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column p-treetablesorticon sortamountupalticon,
.p-datatable .p-treetable-wrapper .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column p-treetablesorticon sortamountdownicon,
.p-datatable .p-treetable-wrapper .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column p-treetablesorticon .p-sortable-column-badge,
.p-datatable .p-treetable-wrapper .p-datatable-table .p-datatable-thead tr th.p-sortable-column p-sorticon sortalticon,
.p-datatable .p-treetable-wrapper .p-datatable-table .p-datatable-thead tr th.p-sortable-column p-sorticon sortamountupalticon,
.p-datatable .p-treetable-wrapper .p-datatable-table .p-datatable-thead tr th.p-sortable-column p-sorticon sortamountdownicon,
.p-datatable .p-treetable-wrapper .p-datatable-table .p-datatable-thead tr th.p-sortable-column p-sorticon .p-sortable-column-badge,
.p-datatable .p-treetable-wrapper .p-datatable-table .p-datatable-thead tr th.p-sortable-column p-treetablesorticon sortalticon,
.p-datatable .p-treetable-wrapper .p-datatable-table .p-datatable-thead tr th.p-sortable-column p-treetablesorticon sortamountupalticon,
.p-datatable .p-treetable-wrapper .p-datatable-table .p-datatable-thead tr th.p-sortable-column p-treetablesorticon sortamountdownicon,
.p-datatable .p-treetable-wrapper .p-datatable-table .p-datatable-thead tr th.p-sortable-column p-treetablesorticon .p-sortable-column-badge,
.p-datatable .p-treetable-wrapper .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column p-sorticon sortalticon,
.p-datatable .p-treetable-wrapper .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column p-sorticon sortamountupalticon,
.p-datatable .p-treetable-wrapper .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column p-sorticon sortamountdownicon,
.p-datatable .p-treetable-wrapper .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column p-sorticon .p-sortable-column-badge,
.p-datatable .p-treetable-wrapper .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column p-treetablesorticon sortalticon,
.p-datatable .p-treetable-wrapper .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column p-treetablesorticon sortamountupalticon,
.p-datatable .p-treetable-wrapper .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column p-treetablesorticon sortamountdownicon,
.p-datatable .p-treetable-wrapper .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column p-treetablesorticon .p-sortable-column-badge,
.p-datatable .p-treetable-wrapper .p-datatable-table .p-treetable-thead tr th.p-sortable-column p-sorticon sortalticon,
.p-datatable .p-treetable-wrapper .p-datatable-table .p-treetable-thead tr th.p-sortable-column p-sorticon sortamountupalticon,
.p-datatable .p-treetable-wrapper .p-datatable-table .p-treetable-thead tr th.p-sortable-column p-sorticon sortamountdownicon,
.p-datatable .p-treetable-wrapper .p-datatable-table .p-treetable-thead tr th.p-sortable-column p-sorticon .p-sortable-column-badge,
.p-datatable .p-treetable-wrapper .p-datatable-table .p-treetable-thead tr th.p-sortable-column p-treetablesorticon sortalticon,
.p-datatable .p-treetable-wrapper .p-datatable-table .p-treetable-thead tr th.p-sortable-column p-treetablesorticon sortamountupalticon,
.p-datatable .p-treetable-wrapper .p-datatable-table .p-treetable-thead tr th.p-sortable-column p-treetablesorticon sortamountdownicon,
.p-datatable .p-treetable-wrapper .p-datatable-table .p-treetable-thead tr th.p-sortable-column p-treetablesorticon .p-sortable-column-badge,
.p-datatable .p-treetable-wrapper table .p-datatable-thead tr th.p-datatable-sortable-column p-sorticon sortalticon,
.p-datatable .p-treetable-wrapper table .p-datatable-thead tr th.p-datatable-sortable-column p-sorticon sortamountupalticon,
.p-datatable .p-treetable-wrapper table .p-datatable-thead tr th.p-datatable-sortable-column p-sorticon sortamountdownicon,
.p-datatable .p-treetable-wrapper table .p-datatable-thead tr th.p-datatable-sortable-column p-sorticon .p-sortable-column-badge,
.p-datatable .p-treetable-wrapper table .p-datatable-thead tr th.p-datatable-sortable-column p-treetablesorticon sortalticon,
.p-datatable .p-treetable-wrapper table .p-datatable-thead tr th.p-datatable-sortable-column p-treetablesorticon sortamountupalticon,
.p-datatable .p-treetable-wrapper table .p-datatable-thead tr th.p-datatable-sortable-column p-treetablesorticon sortamountdownicon,
.p-datatable .p-treetable-wrapper table .p-datatable-thead tr th.p-datatable-sortable-column p-treetablesorticon .p-sortable-column-badge,
.p-datatable .p-treetable-wrapper table .p-datatable-thead tr th.p-sortable-column p-sorticon sortalticon,
.p-datatable .p-treetable-wrapper table .p-datatable-thead tr th.p-sortable-column p-sorticon sortamountupalticon,
.p-datatable .p-treetable-wrapper table .p-datatable-thead tr th.p-sortable-column p-sorticon sortamountdownicon,
.p-datatable .p-treetable-wrapper table .p-datatable-thead tr th.p-sortable-column p-sorticon .p-sortable-column-badge,
.p-datatable .p-treetable-wrapper table .p-datatable-thead tr th.p-sortable-column p-treetablesorticon sortalticon,
.p-datatable .p-treetable-wrapper table .p-datatable-thead tr th.p-sortable-column p-treetablesorticon sortamountupalticon,
.p-datatable .p-treetable-wrapper table .p-datatable-thead tr th.p-sortable-column p-treetablesorticon sortamountdownicon,
.p-datatable .p-treetable-wrapper table .p-datatable-thead tr th.p-sortable-column p-treetablesorticon .p-sortable-column-badge,
.p-datatable .p-treetable-wrapper table .p-treetable-thead tr th.p-datatable-sortable-column p-sorticon sortalticon,
.p-datatable .p-treetable-wrapper table .p-treetable-thead tr th.p-datatable-sortable-column p-sorticon sortamountupalticon,
.p-datatable .p-treetable-wrapper table .p-treetable-thead tr th.p-datatable-sortable-column p-sorticon sortamountdownicon,
.p-datatable .p-treetable-wrapper table .p-treetable-thead tr th.p-datatable-sortable-column p-sorticon .p-sortable-column-badge,
.p-datatable .p-treetable-wrapper table .p-treetable-thead tr th.p-datatable-sortable-column p-treetablesorticon sortalticon,
.p-datatable .p-treetable-wrapper table .p-treetable-thead tr th.p-datatable-sortable-column p-treetablesorticon sortamountupalticon,
.p-datatable .p-treetable-wrapper table .p-treetable-thead tr th.p-datatable-sortable-column p-treetablesorticon sortamountdownicon,
.p-datatable .p-treetable-wrapper table .p-treetable-thead tr th.p-datatable-sortable-column p-treetablesorticon .p-sortable-column-badge,
.p-datatable .p-treetable-wrapper table .p-treetable-thead tr th.p-sortable-column p-sorticon sortalticon,
.p-datatable .p-treetable-wrapper table .p-treetable-thead tr th.p-sortable-column p-sorticon sortamountupalticon,
.p-datatable .p-treetable-wrapper table .p-treetable-thead tr th.p-sortable-column p-sorticon sortamountdownicon,
.p-datatable .p-treetable-wrapper table .p-treetable-thead tr th.p-sortable-column p-sorticon .p-sortable-column-badge,
.p-datatable .p-treetable-wrapper table .p-treetable-thead tr th.p-sortable-column p-treetablesorticon sortalticon,
.p-datatable .p-treetable-wrapper table .p-treetable-thead tr th.p-sortable-column p-treetablesorticon sortamountupalticon,
.p-datatable .p-treetable-wrapper table .p-treetable-thead tr th.p-sortable-column p-treetablesorticon sortamountdownicon,
.p-datatable .p-treetable-wrapper table .p-treetable-thead tr th.p-sortable-column p-treetablesorticon .p-sortable-column-badge,
.p-datatable .p-treetable-scrollable-wrapper .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column p-sorticon sortalticon,
.p-datatable .p-treetable-scrollable-wrapper .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column p-sorticon sortamountupalticon,
.p-datatable .p-treetable-scrollable-wrapper .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column p-sorticon sortamountdownicon,
.p-datatable .p-treetable-scrollable-wrapper .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column p-sorticon .p-sortable-column-badge,
.p-datatable .p-treetable-scrollable-wrapper .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column p-treetablesorticon sortalticon,
.p-datatable .p-treetable-scrollable-wrapper .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column p-treetablesorticon sortamountupalticon,
.p-datatable .p-treetable-scrollable-wrapper .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column p-treetablesorticon sortamountdownicon,
.p-datatable .p-treetable-scrollable-wrapper .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column p-treetablesorticon .p-sortable-column-badge,
.p-datatable .p-treetable-scrollable-wrapper .p-datatable-table .p-datatable-thead tr th.p-sortable-column p-sorticon sortalticon,
.p-datatable .p-treetable-scrollable-wrapper .p-datatable-table .p-datatable-thead tr th.p-sortable-column p-sorticon sortamountupalticon,
.p-datatable .p-treetable-scrollable-wrapper .p-datatable-table .p-datatable-thead tr th.p-sortable-column p-sorticon sortamountdownicon,
.p-datatable .p-treetable-scrollable-wrapper .p-datatable-table .p-datatable-thead tr th.p-sortable-column p-sorticon .p-sortable-column-badge,
.p-datatable .p-treetable-scrollable-wrapper .p-datatable-table .p-datatable-thead tr th.p-sortable-column p-treetablesorticon sortalticon,
.p-datatable .p-treetable-scrollable-wrapper .p-datatable-table .p-datatable-thead tr th.p-sortable-column p-treetablesorticon sortamountupalticon,
.p-datatable .p-treetable-scrollable-wrapper .p-datatable-table .p-datatable-thead tr th.p-sortable-column p-treetablesorticon sortamountdownicon,
.p-datatable .p-treetable-scrollable-wrapper .p-datatable-table .p-datatable-thead tr th.p-sortable-column p-treetablesorticon .p-sortable-column-badge,
.p-datatable .p-treetable-scrollable-wrapper .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column p-sorticon sortalticon,
.p-datatable .p-treetable-scrollable-wrapper .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column p-sorticon sortamountupalticon,
.p-datatable .p-treetable-scrollable-wrapper .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column p-sorticon sortamountdownicon,
.p-datatable .p-treetable-scrollable-wrapper .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column p-sorticon .p-sortable-column-badge,
.p-datatable .p-treetable-scrollable-wrapper .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column p-treetablesorticon sortalticon,
.p-datatable .p-treetable-scrollable-wrapper .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column p-treetablesorticon sortamountupalticon,
.p-datatable .p-treetable-scrollable-wrapper .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column p-treetablesorticon sortamountdownicon,
.p-datatable .p-treetable-scrollable-wrapper .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column p-treetablesorticon .p-sortable-column-badge,
.p-datatable .p-treetable-scrollable-wrapper .p-datatable-table .p-treetable-thead tr th.p-sortable-column p-sorticon sortalticon,
.p-datatable .p-treetable-scrollable-wrapper .p-datatable-table .p-treetable-thead tr th.p-sortable-column p-sorticon sortamountupalticon,
.p-datatable .p-treetable-scrollable-wrapper .p-datatable-table .p-treetable-thead tr th.p-sortable-column p-sorticon sortamountdownicon,
.p-datatable .p-treetable-scrollable-wrapper .p-datatable-table .p-treetable-thead tr th.p-sortable-column p-sorticon .p-sortable-column-badge,
.p-datatable .p-treetable-scrollable-wrapper .p-datatable-table .p-treetable-thead tr th.p-sortable-column p-treetablesorticon sortalticon,
.p-datatable .p-treetable-scrollable-wrapper .p-datatable-table .p-treetable-thead tr th.p-sortable-column p-treetablesorticon sortamountupalticon,
.p-datatable .p-treetable-scrollable-wrapper .p-datatable-table .p-treetable-thead tr th.p-sortable-column p-treetablesorticon sortamountdownicon,
.p-datatable .p-treetable-scrollable-wrapper .p-datatable-table .p-treetable-thead tr th.p-sortable-column p-treetablesorticon .p-sortable-column-badge,
.p-datatable .p-treetable-scrollable-wrapper table .p-datatable-thead tr th.p-datatable-sortable-column p-sorticon sortalticon,
.p-datatable .p-treetable-scrollable-wrapper table .p-datatable-thead tr th.p-datatable-sortable-column p-sorticon sortamountupalticon,
.p-datatable .p-treetable-scrollable-wrapper table .p-datatable-thead tr th.p-datatable-sortable-column p-sorticon sortamountdownicon,
.p-datatable .p-treetable-scrollable-wrapper table .p-datatable-thead tr th.p-datatable-sortable-column p-sorticon .p-sortable-column-badge,
.p-datatable .p-treetable-scrollable-wrapper table .p-datatable-thead tr th.p-datatable-sortable-column p-treetablesorticon sortalticon,
.p-datatable .p-treetable-scrollable-wrapper table .p-datatable-thead tr th.p-datatable-sortable-column p-treetablesorticon sortamountupalticon,
.p-datatable .p-treetable-scrollable-wrapper table .p-datatable-thead tr th.p-datatable-sortable-column p-treetablesorticon sortamountdownicon,
.p-datatable .p-treetable-scrollable-wrapper table .p-datatable-thead tr th.p-datatable-sortable-column p-treetablesorticon .p-sortable-column-badge,
.p-datatable .p-treetable-scrollable-wrapper table .p-datatable-thead tr th.p-sortable-column p-sorticon sortalticon,
.p-datatable .p-treetable-scrollable-wrapper table .p-datatable-thead tr th.p-sortable-column p-sorticon sortamountupalticon,
.p-datatable .p-treetable-scrollable-wrapper table .p-datatable-thead tr th.p-sortable-column p-sorticon sortamountdownicon,
.p-datatable .p-treetable-scrollable-wrapper table .p-datatable-thead tr th.p-sortable-column p-sorticon .p-sortable-column-badge,
.p-datatable .p-treetable-scrollable-wrapper table .p-datatable-thead tr th.p-sortable-column p-treetablesorticon sortalticon,
.p-datatable .p-treetable-scrollable-wrapper table .p-datatable-thead tr th.p-sortable-column p-treetablesorticon sortamountupalticon,
.p-datatable .p-treetable-scrollable-wrapper table .p-datatable-thead tr th.p-sortable-column p-treetablesorticon sortamountdownicon,
.p-datatable .p-treetable-scrollable-wrapper table .p-datatable-thead tr th.p-sortable-column p-treetablesorticon .p-sortable-column-badge,
.p-datatable .p-treetable-scrollable-wrapper table .p-treetable-thead tr th.p-datatable-sortable-column p-sorticon sortalticon,
.p-datatable .p-treetable-scrollable-wrapper table .p-treetable-thead tr th.p-datatable-sortable-column p-sorticon sortamountupalticon,
.p-datatable .p-treetable-scrollable-wrapper table .p-treetable-thead tr th.p-datatable-sortable-column p-sorticon sortamountdownicon,
.p-datatable .p-treetable-scrollable-wrapper table .p-treetable-thead tr th.p-datatable-sortable-column p-sorticon .p-sortable-column-badge,
.p-datatable .p-treetable-scrollable-wrapper table .p-treetable-thead tr th.p-datatable-sortable-column p-treetablesorticon sortalticon,
.p-datatable .p-treetable-scrollable-wrapper table .p-treetable-thead tr th.p-datatable-sortable-column p-treetablesorticon sortamountupalticon,
.p-datatable .p-treetable-scrollable-wrapper table .p-treetable-thead tr th.p-datatable-sortable-column p-treetablesorticon sortamountdownicon,
.p-datatable .p-treetable-scrollable-wrapper table .p-treetable-thead tr th.p-datatable-sortable-column p-treetablesorticon .p-sortable-column-badge,
.p-datatable .p-treetable-scrollable-wrapper table .p-treetable-thead tr th.p-sortable-column p-sorticon sortalticon,
.p-datatable .p-treetable-scrollable-wrapper table .p-treetable-thead tr th.p-sortable-column p-sorticon sortamountupalticon,
.p-datatable .p-treetable-scrollable-wrapper table .p-treetable-thead tr th.p-sortable-column p-sorticon sortamountdownicon,
.p-datatable .p-treetable-scrollable-wrapper table .p-treetable-thead tr th.p-sortable-column p-sorticon .p-sortable-column-badge,
.p-datatable .p-treetable-scrollable-wrapper table .p-treetable-thead tr th.p-sortable-column p-treetablesorticon sortalticon,
.p-datatable .p-treetable-scrollable-wrapper table .p-treetable-thead tr th.p-sortable-column p-treetablesorticon sortamountupalticon,
.p-datatable .p-treetable-scrollable-wrapper table .p-treetable-thead tr th.p-sortable-column p-treetablesorticon sortamountdownicon,
.p-datatable .p-treetable-scrollable-wrapper table .p-treetable-thead tr th.p-sortable-column p-treetablesorticon .p-sortable-column-badge,
.p-treetable .p-datatable-table-container .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column p-sorticon sortalticon,
.p-treetable .p-datatable-table-container .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column p-sorticon sortamountupalticon,
.p-treetable .p-datatable-table-container .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column p-sorticon sortamountdownicon,
.p-treetable .p-datatable-table-container .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column p-sorticon .p-sortable-column-badge,
.p-treetable .p-datatable-table-container .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column p-treetablesorticon sortalticon,
.p-treetable .p-datatable-table-container .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column p-treetablesorticon sortamountupalticon,
.p-treetable .p-datatable-table-container .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column p-treetablesorticon sortamountdownicon,
.p-treetable .p-datatable-table-container .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column p-treetablesorticon .p-sortable-column-badge,
.p-treetable .p-datatable-table-container .p-datatable-table .p-datatable-thead tr th.p-sortable-column p-sorticon sortalticon,
.p-treetable .p-datatable-table-container .p-datatable-table .p-datatable-thead tr th.p-sortable-column p-sorticon sortamountupalticon,
.p-treetable .p-datatable-table-container .p-datatable-table .p-datatable-thead tr th.p-sortable-column p-sorticon sortamountdownicon,
.p-treetable .p-datatable-table-container .p-datatable-table .p-datatable-thead tr th.p-sortable-column p-sorticon .p-sortable-column-badge,
.p-treetable .p-datatable-table-container .p-datatable-table .p-datatable-thead tr th.p-sortable-column p-treetablesorticon sortalticon,
.p-treetable .p-datatable-table-container .p-datatable-table .p-datatable-thead tr th.p-sortable-column p-treetablesorticon sortamountupalticon,
.p-treetable .p-datatable-table-container .p-datatable-table .p-datatable-thead tr th.p-sortable-column p-treetablesorticon sortamountdownicon,
.p-treetable .p-datatable-table-container .p-datatable-table .p-datatable-thead tr th.p-sortable-column p-treetablesorticon .p-sortable-column-badge,
.p-treetable .p-datatable-table-container .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column p-sorticon sortalticon,
.p-treetable .p-datatable-table-container .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column p-sorticon sortamountupalticon,
.p-treetable .p-datatable-table-container .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column p-sorticon sortamountdownicon,
.p-treetable .p-datatable-table-container .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column p-sorticon .p-sortable-column-badge,
.p-treetable .p-datatable-table-container .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column p-treetablesorticon sortalticon,
.p-treetable .p-datatable-table-container .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column p-treetablesorticon sortamountupalticon,
.p-treetable .p-datatable-table-container .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column p-treetablesorticon sortamountdownicon,
.p-treetable .p-datatable-table-container .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column p-treetablesorticon .p-sortable-column-badge,
.p-treetable .p-datatable-table-container .p-datatable-table .p-treetable-thead tr th.p-sortable-column p-sorticon sortalticon,
.p-treetable .p-datatable-table-container .p-datatable-table .p-treetable-thead tr th.p-sortable-column p-sorticon sortamountupalticon,
.p-treetable .p-datatable-table-container .p-datatable-table .p-treetable-thead tr th.p-sortable-column p-sorticon sortamountdownicon,
.p-treetable .p-datatable-table-container .p-datatable-table .p-treetable-thead tr th.p-sortable-column p-sorticon .p-sortable-column-badge,
.p-treetable .p-datatable-table-container .p-datatable-table .p-treetable-thead tr th.p-sortable-column p-treetablesorticon sortalticon,
.p-treetable .p-datatable-table-container .p-datatable-table .p-treetable-thead tr th.p-sortable-column p-treetablesorticon sortamountupalticon,
.p-treetable .p-datatable-table-container .p-datatable-table .p-treetable-thead tr th.p-sortable-column p-treetablesorticon sortamountdownicon,
.p-treetable .p-datatable-table-container .p-datatable-table .p-treetable-thead tr th.p-sortable-column p-treetablesorticon .p-sortable-column-badge,
.p-treetable .p-datatable-table-container table .p-datatable-thead tr th.p-datatable-sortable-column p-sorticon sortalticon,
.p-treetable .p-datatable-table-container table .p-datatable-thead tr th.p-datatable-sortable-column p-sorticon sortamountupalticon,
.p-treetable .p-datatable-table-container table .p-datatable-thead tr th.p-datatable-sortable-column p-sorticon sortamountdownicon,
.p-treetable .p-datatable-table-container table .p-datatable-thead tr th.p-datatable-sortable-column p-sorticon .p-sortable-column-badge,
.p-treetable .p-datatable-table-container table .p-datatable-thead tr th.p-datatable-sortable-column p-treetablesorticon sortalticon,
.p-treetable .p-datatable-table-container table .p-datatable-thead tr th.p-datatable-sortable-column p-treetablesorticon sortamountupalticon,
.p-treetable .p-datatable-table-container table .p-datatable-thead tr th.p-datatable-sortable-column p-treetablesorticon sortamountdownicon,
.p-treetable .p-datatable-table-container table .p-datatable-thead tr th.p-datatable-sortable-column p-treetablesorticon .p-sortable-column-badge,
.p-treetable .p-datatable-table-container table .p-datatable-thead tr th.p-sortable-column p-sorticon sortalticon,
.p-treetable .p-datatable-table-container table .p-datatable-thead tr th.p-sortable-column p-sorticon sortamountupalticon,
.p-treetable .p-datatable-table-container table .p-datatable-thead tr th.p-sortable-column p-sorticon sortamountdownicon,
.p-treetable .p-datatable-table-container table .p-datatable-thead tr th.p-sortable-column p-sorticon .p-sortable-column-badge,
.p-treetable .p-datatable-table-container table .p-datatable-thead tr th.p-sortable-column p-treetablesorticon sortalticon,
.p-treetable .p-datatable-table-container table .p-datatable-thead tr th.p-sortable-column p-treetablesorticon sortamountupalticon,
.p-treetable .p-datatable-table-container table .p-datatable-thead tr th.p-sortable-column p-treetablesorticon sortamountdownicon,
.p-treetable .p-datatable-table-container table .p-datatable-thead tr th.p-sortable-column p-treetablesorticon .p-sortable-column-badge,
.p-treetable .p-datatable-table-container table .p-treetable-thead tr th.p-datatable-sortable-column p-sorticon sortalticon,
.p-treetable .p-datatable-table-container table .p-treetable-thead tr th.p-datatable-sortable-column p-sorticon sortamountupalticon,
.p-treetable .p-datatable-table-container table .p-treetable-thead tr th.p-datatable-sortable-column p-sorticon sortamountdownicon,
.p-treetable .p-datatable-table-container table .p-treetable-thead tr th.p-datatable-sortable-column p-sorticon .p-sortable-column-badge,
.p-treetable .p-datatable-table-container table .p-treetable-thead tr th.p-datatable-sortable-column p-treetablesorticon sortalticon,
.p-treetable .p-datatable-table-container table .p-treetable-thead tr th.p-datatable-sortable-column p-treetablesorticon sortamountupalticon,
.p-treetable .p-datatable-table-container table .p-treetable-thead tr th.p-datatable-sortable-column p-treetablesorticon sortamountdownicon,
.p-treetable .p-datatable-table-container table .p-treetable-thead tr th.p-datatable-sortable-column p-treetablesorticon .p-sortable-column-badge,
.p-treetable .p-datatable-table-container table .p-treetable-thead tr th.p-sortable-column p-sorticon sortalticon,
.p-treetable .p-datatable-table-container table .p-treetable-thead tr th.p-sortable-column p-sorticon sortamountupalticon,
.p-treetable .p-datatable-table-container table .p-treetable-thead tr th.p-sortable-column p-sorticon sortamountdownicon,
.p-treetable .p-datatable-table-container table .p-treetable-thead tr th.p-sortable-column p-sorticon .p-sortable-column-badge,
.p-treetable .p-datatable-table-container table .p-treetable-thead tr th.p-sortable-column p-treetablesorticon sortalticon,
.p-treetable .p-datatable-table-container table .p-treetable-thead tr th.p-sortable-column p-treetablesorticon sortamountupalticon,
.p-treetable .p-datatable-table-container table .p-treetable-thead tr th.p-sortable-column p-treetablesorticon sortamountdownicon,
.p-treetable .p-datatable-table-container table .p-treetable-thead tr th.p-sortable-column p-treetablesorticon .p-sortable-column-badge,
.p-treetable .p-treetable-wrapper .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column p-sorticon sortalticon,
.p-treetable .p-treetable-wrapper .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column p-sorticon sortamountupalticon,
.p-treetable .p-treetable-wrapper .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column p-sorticon sortamountdownicon,
.p-treetable .p-treetable-wrapper .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column p-sorticon .p-sortable-column-badge,
.p-treetable .p-treetable-wrapper .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column p-treetablesorticon sortalticon,
.p-treetable .p-treetable-wrapper .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column p-treetablesorticon sortamountupalticon,
.p-treetable .p-treetable-wrapper .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column p-treetablesorticon sortamountdownicon,
.p-treetable .p-treetable-wrapper .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column p-treetablesorticon .p-sortable-column-badge,
.p-treetable .p-treetable-wrapper .p-datatable-table .p-datatable-thead tr th.p-sortable-column p-sorticon sortalticon,
.p-treetable .p-treetable-wrapper .p-datatable-table .p-datatable-thead tr th.p-sortable-column p-sorticon sortamountupalticon,
.p-treetable .p-treetable-wrapper .p-datatable-table .p-datatable-thead tr th.p-sortable-column p-sorticon sortamountdownicon,
.p-treetable .p-treetable-wrapper .p-datatable-table .p-datatable-thead tr th.p-sortable-column p-sorticon .p-sortable-column-badge,
.p-treetable .p-treetable-wrapper .p-datatable-table .p-datatable-thead tr th.p-sortable-column p-treetablesorticon sortalticon,
.p-treetable .p-treetable-wrapper .p-datatable-table .p-datatable-thead tr th.p-sortable-column p-treetablesorticon sortamountupalticon,
.p-treetable .p-treetable-wrapper .p-datatable-table .p-datatable-thead tr th.p-sortable-column p-treetablesorticon sortamountdownicon,
.p-treetable .p-treetable-wrapper .p-datatable-table .p-datatable-thead tr th.p-sortable-column p-treetablesorticon .p-sortable-column-badge,
.p-treetable .p-treetable-wrapper .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column p-sorticon sortalticon,
.p-treetable .p-treetable-wrapper .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column p-sorticon sortamountupalticon,
.p-treetable .p-treetable-wrapper .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column p-sorticon sortamountdownicon,
.p-treetable .p-treetable-wrapper .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column p-sorticon .p-sortable-column-badge,
.p-treetable .p-treetable-wrapper .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column p-treetablesorticon sortalticon,
.p-treetable .p-treetable-wrapper .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column p-treetablesorticon sortamountupalticon,
.p-treetable .p-treetable-wrapper .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column p-treetablesorticon sortamountdownicon,
.p-treetable .p-treetable-wrapper .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column p-treetablesorticon .p-sortable-column-badge,
.p-treetable .p-treetable-wrapper .p-datatable-table .p-treetable-thead tr th.p-sortable-column p-sorticon sortalticon,
.p-treetable .p-treetable-wrapper .p-datatable-table .p-treetable-thead tr th.p-sortable-column p-sorticon sortamountupalticon,
.p-treetable .p-treetable-wrapper .p-datatable-table .p-treetable-thead tr th.p-sortable-column p-sorticon sortamountdownicon,
.p-treetable .p-treetable-wrapper .p-datatable-table .p-treetable-thead tr th.p-sortable-column p-sorticon .p-sortable-column-badge,
.p-treetable .p-treetable-wrapper .p-datatable-table .p-treetable-thead tr th.p-sortable-column p-treetablesorticon sortalticon,
.p-treetable .p-treetable-wrapper .p-datatable-table .p-treetable-thead tr th.p-sortable-column p-treetablesorticon sortamountupalticon,
.p-treetable .p-treetable-wrapper .p-datatable-table .p-treetable-thead tr th.p-sortable-column p-treetablesorticon sortamountdownicon,
.p-treetable .p-treetable-wrapper .p-datatable-table .p-treetable-thead tr th.p-sortable-column p-treetablesorticon .p-sortable-column-badge,
.p-treetable .p-treetable-wrapper table .p-datatable-thead tr th.p-datatable-sortable-column p-sorticon sortalticon,
.p-treetable .p-treetable-wrapper table .p-datatable-thead tr th.p-datatable-sortable-column p-sorticon sortamountupalticon,
.p-treetable .p-treetable-wrapper table .p-datatable-thead tr th.p-datatable-sortable-column p-sorticon sortamountdownicon,
.p-treetable .p-treetable-wrapper table .p-datatable-thead tr th.p-datatable-sortable-column p-sorticon .p-sortable-column-badge,
.p-treetable .p-treetable-wrapper table .p-datatable-thead tr th.p-datatable-sortable-column p-treetablesorticon sortalticon,
.p-treetable .p-treetable-wrapper table .p-datatable-thead tr th.p-datatable-sortable-column p-treetablesorticon sortamountupalticon,
.p-treetable .p-treetable-wrapper table .p-datatable-thead tr th.p-datatable-sortable-column p-treetablesorticon sortamountdownicon,
.p-treetable .p-treetable-wrapper table .p-datatable-thead tr th.p-datatable-sortable-column p-treetablesorticon .p-sortable-column-badge,
.p-treetable .p-treetable-wrapper table .p-datatable-thead tr th.p-sortable-column p-sorticon sortalticon,
.p-treetable .p-treetable-wrapper table .p-datatable-thead tr th.p-sortable-column p-sorticon sortamountupalticon,
.p-treetable .p-treetable-wrapper table .p-datatable-thead tr th.p-sortable-column p-sorticon sortamountdownicon,
.p-treetable .p-treetable-wrapper table .p-datatable-thead tr th.p-sortable-column p-sorticon .p-sortable-column-badge,
.p-treetable .p-treetable-wrapper table .p-datatable-thead tr th.p-sortable-column p-treetablesorticon sortalticon,
.p-treetable .p-treetable-wrapper table .p-datatable-thead tr th.p-sortable-column p-treetablesorticon sortamountupalticon,
.p-treetable .p-treetable-wrapper table .p-datatable-thead tr th.p-sortable-column p-treetablesorticon sortamountdownicon,
.p-treetable .p-treetable-wrapper table .p-datatable-thead tr th.p-sortable-column p-treetablesorticon .p-sortable-column-badge,
.p-treetable .p-treetable-wrapper table .p-treetable-thead tr th.p-datatable-sortable-column p-sorticon sortalticon,
.p-treetable .p-treetable-wrapper table .p-treetable-thead tr th.p-datatable-sortable-column p-sorticon sortamountupalticon,
.p-treetable .p-treetable-wrapper table .p-treetable-thead tr th.p-datatable-sortable-column p-sorticon sortamountdownicon,
.p-treetable .p-treetable-wrapper table .p-treetable-thead tr th.p-datatable-sortable-column p-sorticon .p-sortable-column-badge,
.p-treetable .p-treetable-wrapper table .p-treetable-thead tr th.p-datatable-sortable-column p-treetablesorticon sortalticon,
.p-treetable .p-treetable-wrapper table .p-treetable-thead tr th.p-datatable-sortable-column p-treetablesorticon sortamountupalticon,
.p-treetable .p-treetable-wrapper table .p-treetable-thead tr th.p-datatable-sortable-column p-treetablesorticon sortamountdownicon,
.p-treetable .p-treetable-wrapper table .p-treetable-thead tr th.p-datatable-sortable-column p-treetablesorticon .p-sortable-column-badge,
.p-treetable .p-treetable-wrapper table .p-treetable-thead tr th.p-sortable-column p-sorticon sortalticon,
.p-treetable .p-treetable-wrapper table .p-treetable-thead tr th.p-sortable-column p-sorticon sortamountupalticon,
.p-treetable .p-treetable-wrapper table .p-treetable-thead tr th.p-sortable-column p-sorticon sortamountdownicon,
.p-treetable .p-treetable-wrapper table .p-treetable-thead tr th.p-sortable-column p-sorticon .p-sortable-column-badge,
.p-treetable .p-treetable-wrapper table .p-treetable-thead tr th.p-sortable-column p-treetablesorticon sortalticon,
.p-treetable .p-treetable-wrapper table .p-treetable-thead tr th.p-sortable-column p-treetablesorticon sortamountupalticon,
.p-treetable .p-treetable-wrapper table .p-treetable-thead tr th.p-sortable-column p-treetablesorticon sortamountdownicon,
.p-treetable .p-treetable-wrapper table .p-treetable-thead tr th.p-sortable-column p-treetablesorticon .p-sortable-column-badge,
.p-treetable .p-treetable-scrollable-wrapper .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column p-sorticon sortalticon,
.p-treetable .p-treetable-scrollable-wrapper .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column p-sorticon sortamountupalticon,
.p-treetable .p-treetable-scrollable-wrapper .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column p-sorticon sortamountdownicon,
.p-treetable .p-treetable-scrollable-wrapper .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column p-sorticon .p-sortable-column-badge,
.p-treetable .p-treetable-scrollable-wrapper .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column p-treetablesorticon sortalticon,
.p-treetable .p-treetable-scrollable-wrapper .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column p-treetablesorticon sortamountupalticon,
.p-treetable .p-treetable-scrollable-wrapper .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column p-treetablesorticon sortamountdownicon,
.p-treetable .p-treetable-scrollable-wrapper .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column p-treetablesorticon .p-sortable-column-badge,
.p-treetable .p-treetable-scrollable-wrapper .p-datatable-table .p-datatable-thead tr th.p-sortable-column p-sorticon sortalticon,
.p-treetable .p-treetable-scrollable-wrapper .p-datatable-table .p-datatable-thead tr th.p-sortable-column p-sorticon sortamountupalticon,
.p-treetable .p-treetable-scrollable-wrapper .p-datatable-table .p-datatable-thead tr th.p-sortable-column p-sorticon sortamountdownicon,
.p-treetable .p-treetable-scrollable-wrapper .p-datatable-table .p-datatable-thead tr th.p-sortable-column p-sorticon .p-sortable-column-badge,
.p-treetable .p-treetable-scrollable-wrapper .p-datatable-table .p-datatable-thead tr th.p-sortable-column p-treetablesorticon sortalticon,
.p-treetable .p-treetable-scrollable-wrapper .p-datatable-table .p-datatable-thead tr th.p-sortable-column p-treetablesorticon sortamountupalticon,
.p-treetable .p-treetable-scrollable-wrapper .p-datatable-table .p-datatable-thead tr th.p-sortable-column p-treetablesorticon sortamountdownicon,
.p-treetable .p-treetable-scrollable-wrapper .p-datatable-table .p-datatable-thead tr th.p-sortable-column p-treetablesorticon .p-sortable-column-badge,
.p-treetable .p-treetable-scrollable-wrapper .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column p-sorticon sortalticon,
.p-treetable .p-treetable-scrollable-wrapper .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column p-sorticon sortamountupalticon,
.p-treetable .p-treetable-scrollable-wrapper .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column p-sorticon sortamountdownicon,
.p-treetable .p-treetable-scrollable-wrapper .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column p-sorticon .p-sortable-column-badge,
.p-treetable .p-treetable-scrollable-wrapper .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column p-treetablesorticon sortalticon,
.p-treetable .p-treetable-scrollable-wrapper .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column p-treetablesorticon sortamountupalticon,
.p-treetable .p-treetable-scrollable-wrapper .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column p-treetablesorticon sortamountdownicon,
.p-treetable .p-treetable-scrollable-wrapper .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column p-treetablesorticon .p-sortable-column-badge,
.p-treetable .p-treetable-scrollable-wrapper .p-datatable-table .p-treetable-thead tr th.p-sortable-column p-sorticon sortalticon,
.p-treetable .p-treetable-scrollable-wrapper .p-datatable-table .p-treetable-thead tr th.p-sortable-column p-sorticon sortamountupalticon,
.p-treetable .p-treetable-scrollable-wrapper .p-datatable-table .p-treetable-thead tr th.p-sortable-column p-sorticon sortamountdownicon,
.p-treetable .p-treetable-scrollable-wrapper .p-datatable-table .p-treetable-thead tr th.p-sortable-column p-sorticon .p-sortable-column-badge,
.p-treetable .p-treetable-scrollable-wrapper .p-datatable-table .p-treetable-thead tr th.p-sortable-column p-treetablesorticon sortalticon,
.p-treetable .p-treetable-scrollable-wrapper .p-datatable-table .p-treetable-thead tr th.p-sortable-column p-treetablesorticon sortamountupalticon,
.p-treetable .p-treetable-scrollable-wrapper .p-datatable-table .p-treetable-thead tr th.p-sortable-column p-treetablesorticon sortamountdownicon,
.p-treetable .p-treetable-scrollable-wrapper .p-datatable-table .p-treetable-thead tr th.p-sortable-column p-treetablesorticon .p-sortable-column-badge,
.p-treetable .p-treetable-scrollable-wrapper table .p-datatable-thead tr th.p-datatable-sortable-column p-sorticon sortalticon,
.p-treetable .p-treetable-scrollable-wrapper table .p-datatable-thead tr th.p-datatable-sortable-column p-sorticon sortamountupalticon,
.p-treetable .p-treetable-scrollable-wrapper table .p-datatable-thead tr th.p-datatable-sortable-column p-sorticon sortamountdownicon,
.p-treetable .p-treetable-scrollable-wrapper table .p-datatable-thead tr th.p-datatable-sortable-column p-sorticon .p-sortable-column-badge,
.p-treetable .p-treetable-scrollable-wrapper table .p-datatable-thead tr th.p-datatable-sortable-column p-treetablesorticon sortalticon,
.p-treetable .p-treetable-scrollable-wrapper table .p-datatable-thead tr th.p-datatable-sortable-column p-treetablesorticon sortamountupalticon,
.p-treetable .p-treetable-scrollable-wrapper table .p-datatable-thead tr th.p-datatable-sortable-column p-treetablesorticon sortamountdownicon,
.p-treetable .p-treetable-scrollable-wrapper table .p-datatable-thead tr th.p-datatable-sortable-column p-treetablesorticon .p-sortable-column-badge,
.p-treetable .p-treetable-scrollable-wrapper table .p-datatable-thead tr th.p-sortable-column p-sorticon sortalticon,
.p-treetable .p-treetable-scrollable-wrapper table .p-datatable-thead tr th.p-sortable-column p-sorticon sortamountupalticon,
.p-treetable .p-treetable-scrollable-wrapper table .p-datatable-thead tr th.p-sortable-column p-sorticon sortamountdownicon,
.p-treetable .p-treetable-scrollable-wrapper table .p-datatable-thead tr th.p-sortable-column p-sorticon .p-sortable-column-badge,
.p-treetable .p-treetable-scrollable-wrapper table .p-datatable-thead tr th.p-sortable-column p-treetablesorticon sortalticon,
.p-treetable .p-treetable-scrollable-wrapper table .p-datatable-thead tr th.p-sortable-column p-treetablesorticon sortamountupalticon,
.p-treetable .p-treetable-scrollable-wrapper table .p-datatable-thead tr th.p-sortable-column p-treetablesorticon sortamountdownicon,
.p-treetable .p-treetable-scrollable-wrapper table .p-datatable-thead tr th.p-sortable-column p-treetablesorticon .p-sortable-column-badge,
.p-treetable .p-treetable-scrollable-wrapper table .p-treetable-thead tr th.p-datatable-sortable-column p-sorticon sortalticon,
.p-treetable .p-treetable-scrollable-wrapper table .p-treetable-thead tr th.p-datatable-sortable-column p-sorticon sortamountupalticon,
.p-treetable .p-treetable-scrollable-wrapper table .p-treetable-thead tr th.p-datatable-sortable-column p-sorticon sortamountdownicon,
.p-treetable .p-treetable-scrollable-wrapper table .p-treetable-thead tr th.p-datatable-sortable-column p-sorticon .p-sortable-column-badge,
.p-treetable .p-treetable-scrollable-wrapper table .p-treetable-thead tr th.p-datatable-sortable-column p-treetablesorticon sortalticon,
.p-treetable .p-treetable-scrollable-wrapper table .p-treetable-thead tr th.p-datatable-sortable-column p-treetablesorticon sortamountupalticon,
.p-treetable .p-treetable-scrollable-wrapper table .p-treetable-thead tr th.p-datatable-sortable-column p-treetablesorticon sortamountdownicon,
.p-treetable .p-treetable-scrollable-wrapper table .p-treetable-thead tr th.p-datatable-sortable-column p-treetablesorticon .p-sortable-column-badge,
.p-treetable .p-treetable-scrollable-wrapper table .p-treetable-thead tr th.p-sortable-column p-sorticon sortalticon,
.p-treetable .p-treetable-scrollable-wrapper table .p-treetable-thead tr th.p-sortable-column p-sorticon sortamountupalticon,
.p-treetable .p-treetable-scrollable-wrapper table .p-treetable-thead tr th.p-sortable-column p-sorticon sortamountdownicon,
.p-treetable .p-treetable-scrollable-wrapper table .p-treetable-thead tr th.p-sortable-column p-sorticon .p-sortable-column-badge,
.p-treetable .p-treetable-scrollable-wrapper table .p-treetable-thead tr th.p-sortable-column p-treetablesorticon sortalticon,
.p-treetable .p-treetable-scrollable-wrapper table .p-treetable-thead tr th.p-sortable-column p-treetablesorticon sortamountupalticon,
.p-treetable .p-treetable-scrollable-wrapper table .p-treetable-thead tr th.p-sortable-column p-treetablesorticon sortamountdownicon,
.p-treetable .p-treetable-scrollable-wrapper table .p-treetable-thead tr th.p-sortable-column p-treetablesorticon .p-sortable-column-badge {
  display: none;
}
.p-datatable .p-datatable-table-container .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column:has(p-columnfilter) p-sorticon,
.p-datatable .p-datatable-table-container .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column:has(p-columnfilter) p-treetablesorticon, .p-datatable .p-datatable-table-container .p-datatable-table .p-datatable-thead tr th.p-sortable-column:has(p-columnfilter) p-sorticon,
.p-datatable .p-datatable-table-container .p-datatable-table .p-datatable-thead tr th.p-sortable-column:has(p-columnfilter) p-treetablesorticon,
.p-datatable .p-datatable-table-container .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column:has(p-columnfilter) p-sorticon,
.p-datatable .p-datatable-table-container .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column:has(p-columnfilter) p-treetablesorticon,
.p-datatable .p-datatable-table-container .p-datatable-table .p-treetable-thead tr th.p-sortable-column:has(p-columnfilter) p-sorticon,
.p-datatable .p-datatable-table-container .p-datatable-table .p-treetable-thead tr th.p-sortable-column:has(p-columnfilter) p-treetablesorticon,
.p-datatable .p-datatable-table-container table .p-datatable-thead tr th.p-datatable-sortable-column:has(p-columnfilter) p-sorticon,
.p-datatable .p-datatable-table-container table .p-datatable-thead tr th.p-datatable-sortable-column:has(p-columnfilter) p-treetablesorticon,
.p-datatable .p-datatable-table-container table .p-datatable-thead tr th.p-sortable-column:has(p-columnfilter) p-sorticon,
.p-datatable .p-datatable-table-container table .p-datatable-thead tr th.p-sortable-column:has(p-columnfilter) p-treetablesorticon,
.p-datatable .p-datatable-table-container table .p-treetable-thead tr th.p-datatable-sortable-column:has(p-columnfilter) p-sorticon,
.p-datatable .p-datatable-table-container table .p-treetable-thead tr th.p-datatable-sortable-column:has(p-columnfilter) p-treetablesorticon,
.p-datatable .p-datatable-table-container table .p-treetable-thead tr th.p-sortable-column:has(p-columnfilter) p-sorticon,
.p-datatable .p-datatable-table-container table .p-treetable-thead tr th.p-sortable-column:has(p-columnfilter) p-treetablesorticon,
.p-datatable .p-treetable-wrapper .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column:has(p-columnfilter) p-sorticon,
.p-datatable .p-treetable-wrapper .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column:has(p-columnfilter) p-treetablesorticon,
.p-datatable .p-treetable-wrapper .p-datatable-table .p-datatable-thead tr th.p-sortable-column:has(p-columnfilter) p-sorticon,
.p-datatable .p-treetable-wrapper .p-datatable-table .p-datatable-thead tr th.p-sortable-column:has(p-columnfilter) p-treetablesorticon,
.p-datatable .p-treetable-wrapper .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column:has(p-columnfilter) p-sorticon,
.p-datatable .p-treetable-wrapper .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column:has(p-columnfilter) p-treetablesorticon,
.p-datatable .p-treetable-wrapper .p-datatable-table .p-treetable-thead tr th.p-sortable-column:has(p-columnfilter) p-sorticon,
.p-datatable .p-treetable-wrapper .p-datatable-table .p-treetable-thead tr th.p-sortable-column:has(p-columnfilter) p-treetablesorticon,
.p-datatable .p-treetable-wrapper table .p-datatable-thead tr th.p-datatable-sortable-column:has(p-columnfilter) p-sorticon,
.p-datatable .p-treetable-wrapper table .p-datatable-thead tr th.p-datatable-sortable-column:has(p-columnfilter) p-treetablesorticon,
.p-datatable .p-treetable-wrapper table .p-datatable-thead tr th.p-sortable-column:has(p-columnfilter) p-sorticon,
.p-datatable .p-treetable-wrapper table .p-datatable-thead tr th.p-sortable-column:has(p-columnfilter) p-treetablesorticon,
.p-datatable .p-treetable-wrapper table .p-treetable-thead tr th.p-datatable-sortable-column:has(p-columnfilter) p-sorticon,
.p-datatable .p-treetable-wrapper table .p-treetable-thead tr th.p-datatable-sortable-column:has(p-columnfilter) p-treetablesorticon,
.p-datatable .p-treetable-wrapper table .p-treetable-thead tr th.p-sortable-column:has(p-columnfilter) p-sorticon,
.p-datatable .p-treetable-wrapper table .p-treetable-thead tr th.p-sortable-column:has(p-columnfilter) p-treetablesorticon,
.p-datatable .p-treetable-scrollable-wrapper .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column:has(p-columnfilter) p-sorticon,
.p-datatable .p-treetable-scrollable-wrapper .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column:has(p-columnfilter) p-treetablesorticon,
.p-datatable .p-treetable-scrollable-wrapper .p-datatable-table .p-datatable-thead tr th.p-sortable-column:has(p-columnfilter) p-sorticon,
.p-datatable .p-treetable-scrollable-wrapper .p-datatable-table .p-datatable-thead tr th.p-sortable-column:has(p-columnfilter) p-treetablesorticon,
.p-datatable .p-treetable-scrollable-wrapper .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column:has(p-columnfilter) p-sorticon,
.p-datatable .p-treetable-scrollable-wrapper .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column:has(p-columnfilter) p-treetablesorticon,
.p-datatable .p-treetable-scrollable-wrapper .p-datatable-table .p-treetable-thead tr th.p-sortable-column:has(p-columnfilter) p-sorticon,
.p-datatable .p-treetable-scrollable-wrapper .p-datatable-table .p-treetable-thead tr th.p-sortable-column:has(p-columnfilter) p-treetablesorticon,
.p-datatable .p-treetable-scrollable-wrapper table .p-datatable-thead tr th.p-datatable-sortable-column:has(p-columnfilter) p-sorticon,
.p-datatable .p-treetable-scrollable-wrapper table .p-datatable-thead tr th.p-datatable-sortable-column:has(p-columnfilter) p-treetablesorticon,
.p-datatable .p-treetable-scrollable-wrapper table .p-datatable-thead tr th.p-sortable-column:has(p-columnfilter) p-sorticon,
.p-datatable .p-treetable-scrollable-wrapper table .p-datatable-thead tr th.p-sortable-column:has(p-columnfilter) p-treetablesorticon,
.p-datatable .p-treetable-scrollable-wrapper table .p-treetable-thead tr th.p-datatable-sortable-column:has(p-columnfilter) p-sorticon,
.p-datatable .p-treetable-scrollable-wrapper table .p-treetable-thead tr th.p-datatable-sortable-column:has(p-columnfilter) p-treetablesorticon,
.p-datatable .p-treetable-scrollable-wrapper table .p-treetable-thead tr th.p-sortable-column:has(p-columnfilter) p-sorticon,
.p-datatable .p-treetable-scrollable-wrapper table .p-treetable-thead tr th.p-sortable-column:has(p-columnfilter) p-treetablesorticon,
.p-treetable .p-datatable-table-container .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column:has(p-columnfilter) p-sorticon,
.p-treetable .p-datatable-table-container .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column:has(p-columnfilter) p-treetablesorticon,
.p-treetable .p-datatable-table-container .p-datatable-table .p-datatable-thead tr th.p-sortable-column:has(p-columnfilter) p-sorticon,
.p-treetable .p-datatable-table-container .p-datatable-table .p-datatable-thead tr th.p-sortable-column:has(p-columnfilter) p-treetablesorticon,
.p-treetable .p-datatable-table-container .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column:has(p-columnfilter) p-sorticon,
.p-treetable .p-datatable-table-container .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column:has(p-columnfilter) p-treetablesorticon,
.p-treetable .p-datatable-table-container .p-datatable-table .p-treetable-thead tr th.p-sortable-column:has(p-columnfilter) p-sorticon,
.p-treetable .p-datatable-table-container .p-datatable-table .p-treetable-thead tr th.p-sortable-column:has(p-columnfilter) p-treetablesorticon,
.p-treetable .p-datatable-table-container table .p-datatable-thead tr th.p-datatable-sortable-column:has(p-columnfilter) p-sorticon,
.p-treetable .p-datatable-table-container table .p-datatable-thead tr th.p-datatable-sortable-column:has(p-columnfilter) p-treetablesorticon,
.p-treetable .p-datatable-table-container table .p-datatable-thead tr th.p-sortable-column:has(p-columnfilter) p-sorticon,
.p-treetable .p-datatable-table-container table .p-datatable-thead tr th.p-sortable-column:has(p-columnfilter) p-treetablesorticon,
.p-treetable .p-datatable-table-container table .p-treetable-thead tr th.p-datatable-sortable-column:has(p-columnfilter) p-sorticon,
.p-treetable .p-datatable-table-container table .p-treetable-thead tr th.p-datatable-sortable-column:has(p-columnfilter) p-treetablesorticon,
.p-treetable .p-datatable-table-container table .p-treetable-thead tr th.p-sortable-column:has(p-columnfilter) p-sorticon,
.p-treetable .p-datatable-table-container table .p-treetable-thead tr th.p-sortable-column:has(p-columnfilter) p-treetablesorticon,
.p-treetable .p-treetable-wrapper .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column:has(p-columnfilter) p-sorticon,
.p-treetable .p-treetable-wrapper .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column:has(p-columnfilter) p-treetablesorticon,
.p-treetable .p-treetable-wrapper .p-datatable-table .p-datatable-thead tr th.p-sortable-column:has(p-columnfilter) p-sorticon,
.p-treetable .p-treetable-wrapper .p-datatable-table .p-datatable-thead tr th.p-sortable-column:has(p-columnfilter) p-treetablesorticon,
.p-treetable .p-treetable-wrapper .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column:has(p-columnfilter) p-sorticon,
.p-treetable .p-treetable-wrapper .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column:has(p-columnfilter) p-treetablesorticon,
.p-treetable .p-treetable-wrapper .p-datatable-table .p-treetable-thead tr th.p-sortable-column:has(p-columnfilter) p-sorticon,
.p-treetable .p-treetable-wrapper .p-datatable-table .p-treetable-thead tr th.p-sortable-column:has(p-columnfilter) p-treetablesorticon,
.p-treetable .p-treetable-wrapper table .p-datatable-thead tr th.p-datatable-sortable-column:has(p-columnfilter) p-sorticon,
.p-treetable .p-treetable-wrapper table .p-datatable-thead tr th.p-datatable-sortable-column:has(p-columnfilter) p-treetablesorticon,
.p-treetable .p-treetable-wrapper table .p-datatable-thead tr th.p-sortable-column:has(p-columnfilter) p-sorticon,
.p-treetable .p-treetable-wrapper table .p-datatable-thead tr th.p-sortable-column:has(p-columnfilter) p-treetablesorticon,
.p-treetable .p-treetable-wrapper table .p-treetable-thead tr th.p-datatable-sortable-column:has(p-columnfilter) p-sorticon,
.p-treetable .p-treetable-wrapper table .p-treetable-thead tr th.p-datatable-sortable-column:has(p-columnfilter) p-treetablesorticon,
.p-treetable .p-treetable-wrapper table .p-treetable-thead tr th.p-sortable-column:has(p-columnfilter) p-sorticon,
.p-treetable .p-treetable-wrapper table .p-treetable-thead tr th.p-sortable-column:has(p-columnfilter) p-treetablesorticon,
.p-treetable .p-treetable-scrollable-wrapper .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column:has(p-columnfilter) p-sorticon,
.p-treetable .p-treetable-scrollable-wrapper .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column:has(p-columnfilter) p-treetablesorticon,
.p-treetable .p-treetable-scrollable-wrapper .p-datatable-table .p-datatable-thead tr th.p-sortable-column:has(p-columnfilter) p-sorticon,
.p-treetable .p-treetable-scrollable-wrapper .p-datatable-table .p-datatable-thead tr th.p-sortable-column:has(p-columnfilter) p-treetablesorticon,
.p-treetable .p-treetable-scrollable-wrapper .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column:has(p-columnfilter) p-sorticon,
.p-treetable .p-treetable-scrollable-wrapper .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column:has(p-columnfilter) p-treetablesorticon,
.p-treetable .p-treetable-scrollable-wrapper .p-datatable-table .p-treetable-thead tr th.p-sortable-column:has(p-columnfilter) p-sorticon,
.p-treetable .p-treetable-scrollable-wrapper .p-datatable-table .p-treetable-thead tr th.p-sortable-column:has(p-columnfilter) p-treetablesorticon,
.p-treetable .p-treetable-scrollable-wrapper table .p-datatable-thead tr th.p-datatable-sortable-column:has(p-columnfilter) p-sorticon,
.p-treetable .p-treetable-scrollable-wrapper table .p-datatable-thead tr th.p-datatable-sortable-column:has(p-columnfilter) p-treetablesorticon,
.p-treetable .p-treetable-scrollable-wrapper table .p-datatable-thead tr th.p-sortable-column:has(p-columnfilter) p-sorticon,
.p-treetable .p-treetable-scrollable-wrapper table .p-datatable-thead tr th.p-sortable-column:has(p-columnfilter) p-treetablesorticon,
.p-treetable .p-treetable-scrollable-wrapper table .p-treetable-thead tr th.p-datatable-sortable-column:has(p-columnfilter) p-sorticon,
.p-treetable .p-treetable-scrollable-wrapper table .p-treetable-thead tr th.p-datatable-sortable-column:has(p-columnfilter) p-treetablesorticon,
.p-treetable .p-treetable-scrollable-wrapper table .p-treetable-thead tr th.p-sortable-column:has(p-columnfilter) p-sorticon,
.p-treetable .p-treetable-scrollable-wrapper table .p-treetable-thead tr th.p-sortable-column:has(p-columnfilter) p-treetablesorticon {
  position: relative;
}
.p-datatable .p-datatable-table-container .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column:hover, .p-datatable .p-datatable-table-container .p-datatable-table .p-datatable-thead tr th.p-sortable-column:hover,
.p-datatable .p-datatable-table-container .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column:hover,
.p-datatable .p-datatable-table-container .p-datatable-table .p-treetable-thead tr th.p-sortable-column:hover,
.p-datatable .p-datatable-table-container table .p-datatable-thead tr th.p-datatable-sortable-column:hover,
.p-datatable .p-datatable-table-container table .p-datatable-thead tr th.p-sortable-column:hover,
.p-datatable .p-datatable-table-container table .p-treetable-thead tr th.p-datatable-sortable-column:hover,
.p-datatable .p-datatable-table-container table .p-treetable-thead tr th.p-sortable-column:hover,
.p-datatable .p-treetable-wrapper .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column:hover,
.p-datatable .p-treetable-wrapper .p-datatable-table .p-datatable-thead tr th.p-sortable-column:hover,
.p-datatable .p-treetable-wrapper .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column:hover,
.p-datatable .p-treetable-wrapper .p-datatable-table .p-treetable-thead tr th.p-sortable-column:hover,
.p-datatable .p-treetable-wrapper table .p-datatable-thead tr th.p-datatable-sortable-column:hover,
.p-datatable .p-treetable-wrapper table .p-datatable-thead tr th.p-sortable-column:hover,
.p-datatable .p-treetable-wrapper table .p-treetable-thead tr th.p-datatable-sortable-column:hover,
.p-datatable .p-treetable-wrapper table .p-treetable-thead tr th.p-sortable-column:hover,
.p-datatable .p-treetable-scrollable-wrapper .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column:hover,
.p-datatable .p-treetable-scrollable-wrapper .p-datatable-table .p-datatable-thead tr th.p-sortable-column:hover,
.p-datatable .p-treetable-scrollable-wrapper .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column:hover,
.p-datatable .p-treetable-scrollable-wrapper .p-datatable-table .p-treetable-thead tr th.p-sortable-column:hover,
.p-datatable .p-treetable-scrollable-wrapper table .p-datatable-thead tr th.p-datatable-sortable-column:hover,
.p-datatable .p-treetable-scrollable-wrapper table .p-datatable-thead tr th.p-sortable-column:hover,
.p-datatable .p-treetable-scrollable-wrapper table .p-treetable-thead tr th.p-datatable-sortable-column:hover,
.p-datatable .p-treetable-scrollable-wrapper table .p-treetable-thead tr th.p-sortable-column:hover,
.p-treetable .p-datatable-table-container .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column:hover,
.p-treetable .p-datatable-table-container .p-datatable-table .p-datatable-thead tr th.p-sortable-column:hover,
.p-treetable .p-datatable-table-container .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column:hover,
.p-treetable .p-datatable-table-container .p-datatable-table .p-treetable-thead tr th.p-sortable-column:hover,
.p-treetable .p-datatable-table-container table .p-datatable-thead tr th.p-datatable-sortable-column:hover,
.p-treetable .p-datatable-table-container table .p-datatable-thead tr th.p-sortable-column:hover,
.p-treetable .p-datatable-table-container table .p-treetable-thead tr th.p-datatable-sortable-column:hover,
.p-treetable .p-datatable-table-container table .p-treetable-thead tr th.p-sortable-column:hover,
.p-treetable .p-treetable-wrapper .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column:hover,
.p-treetable .p-treetable-wrapper .p-datatable-table .p-datatable-thead tr th.p-sortable-column:hover,
.p-treetable .p-treetable-wrapper .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column:hover,
.p-treetable .p-treetable-wrapper .p-datatable-table .p-treetable-thead tr th.p-sortable-column:hover,
.p-treetable .p-treetable-wrapper table .p-datatable-thead tr th.p-datatable-sortable-column:hover,
.p-treetable .p-treetable-wrapper table .p-datatable-thead tr th.p-sortable-column:hover,
.p-treetable .p-treetable-wrapper table .p-treetable-thead tr th.p-datatable-sortable-column:hover,
.p-treetable .p-treetable-wrapper table .p-treetable-thead tr th.p-sortable-column:hover,
.p-treetable .p-treetable-scrollable-wrapper .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column:hover,
.p-treetable .p-treetable-scrollable-wrapper .p-datatable-table .p-datatable-thead tr th.p-sortable-column:hover,
.p-treetable .p-treetable-scrollable-wrapper .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column:hover,
.p-treetable .p-treetable-scrollable-wrapper .p-datatable-table .p-treetable-thead tr th.p-sortable-column:hover,
.p-treetable .p-treetable-scrollable-wrapper table .p-datatable-thead tr th.p-datatable-sortable-column:hover,
.p-treetable .p-treetable-scrollable-wrapper table .p-datatable-thead tr th.p-sortable-column:hover,
.p-treetable .p-treetable-scrollable-wrapper table .p-treetable-thead tr th.p-datatable-sortable-column:hover,
.p-treetable .p-treetable-scrollable-wrapper table .p-treetable-thead tr th.p-sortable-column:hover {
  background-color: var(--msi-status-hover);
}
.p-datatable .p-datatable-table-container .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column:hover .p-sortable-column-icon .sorting-icon, .p-datatable .p-datatable-table-container .p-datatable-table .p-datatable-thead tr th.p-sortable-column:hover .p-sortable-column-icon .sorting-icon,
.p-datatable .p-datatable-table-container .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column:hover .p-sortable-column-icon .sorting-icon,
.p-datatable .p-datatable-table-container .p-datatable-table .p-treetable-thead tr th.p-sortable-column:hover .p-sortable-column-icon .sorting-icon,
.p-datatable .p-datatable-table-container table .p-datatable-thead tr th.p-datatable-sortable-column:hover .p-sortable-column-icon .sorting-icon,
.p-datatable .p-datatable-table-container table .p-datatable-thead tr th.p-sortable-column:hover .p-sortable-column-icon .sorting-icon,
.p-datatable .p-datatable-table-container table .p-treetable-thead tr th.p-datatable-sortable-column:hover .p-sortable-column-icon .sorting-icon,
.p-datatable .p-datatable-table-container table .p-treetable-thead tr th.p-sortable-column:hover .p-sortable-column-icon .sorting-icon,
.p-datatable .p-treetable-wrapper .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column:hover .p-sortable-column-icon .sorting-icon,
.p-datatable .p-treetable-wrapper .p-datatable-table .p-datatable-thead tr th.p-sortable-column:hover .p-sortable-column-icon .sorting-icon,
.p-datatable .p-treetable-wrapper .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column:hover .p-sortable-column-icon .sorting-icon,
.p-datatable .p-treetable-wrapper .p-datatable-table .p-treetable-thead tr th.p-sortable-column:hover .p-sortable-column-icon .sorting-icon,
.p-datatable .p-treetable-wrapper table .p-datatable-thead tr th.p-datatable-sortable-column:hover .p-sortable-column-icon .sorting-icon,
.p-datatable .p-treetable-wrapper table .p-datatable-thead tr th.p-sortable-column:hover .p-sortable-column-icon .sorting-icon,
.p-datatable .p-treetable-wrapper table .p-treetable-thead tr th.p-datatable-sortable-column:hover .p-sortable-column-icon .sorting-icon,
.p-datatable .p-treetable-wrapper table .p-treetable-thead tr th.p-sortable-column:hover .p-sortable-column-icon .sorting-icon,
.p-datatable .p-treetable-scrollable-wrapper .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column:hover .p-sortable-column-icon .sorting-icon,
.p-datatable .p-treetable-scrollable-wrapper .p-datatable-table .p-datatable-thead tr th.p-sortable-column:hover .p-sortable-column-icon .sorting-icon,
.p-datatable .p-treetable-scrollable-wrapper .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column:hover .p-sortable-column-icon .sorting-icon,
.p-datatable .p-treetable-scrollable-wrapper .p-datatable-table .p-treetable-thead tr th.p-sortable-column:hover .p-sortable-column-icon .sorting-icon,
.p-datatable .p-treetable-scrollable-wrapper table .p-datatable-thead tr th.p-datatable-sortable-column:hover .p-sortable-column-icon .sorting-icon,
.p-datatable .p-treetable-scrollable-wrapper table .p-datatable-thead tr th.p-sortable-column:hover .p-sortable-column-icon .sorting-icon,
.p-datatable .p-treetable-scrollable-wrapper table .p-treetable-thead tr th.p-datatable-sortable-column:hover .p-sortable-column-icon .sorting-icon,
.p-datatable .p-treetable-scrollable-wrapper table .p-treetable-thead tr th.p-sortable-column:hover .p-sortable-column-icon .sorting-icon,
.p-treetable .p-datatable-table-container .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column:hover .p-sortable-column-icon .sorting-icon,
.p-treetable .p-datatable-table-container .p-datatable-table .p-datatable-thead tr th.p-sortable-column:hover .p-sortable-column-icon .sorting-icon,
.p-treetable .p-datatable-table-container .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column:hover .p-sortable-column-icon .sorting-icon,
.p-treetable .p-datatable-table-container .p-datatable-table .p-treetable-thead tr th.p-sortable-column:hover .p-sortable-column-icon .sorting-icon,
.p-treetable .p-datatable-table-container table .p-datatable-thead tr th.p-datatable-sortable-column:hover .p-sortable-column-icon .sorting-icon,
.p-treetable .p-datatable-table-container table .p-datatable-thead tr th.p-sortable-column:hover .p-sortable-column-icon .sorting-icon,
.p-treetable .p-datatable-table-container table .p-treetable-thead tr th.p-datatable-sortable-column:hover .p-sortable-column-icon .sorting-icon,
.p-treetable .p-datatable-table-container table .p-treetable-thead tr th.p-sortable-column:hover .p-sortable-column-icon .sorting-icon,
.p-treetable .p-treetable-wrapper .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column:hover .p-sortable-column-icon .sorting-icon,
.p-treetable .p-treetable-wrapper .p-datatable-table .p-datatable-thead tr th.p-sortable-column:hover .p-sortable-column-icon .sorting-icon,
.p-treetable .p-treetable-wrapper .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column:hover .p-sortable-column-icon .sorting-icon,
.p-treetable .p-treetable-wrapper .p-datatable-table .p-treetable-thead tr th.p-sortable-column:hover .p-sortable-column-icon .sorting-icon,
.p-treetable .p-treetable-wrapper table .p-datatable-thead tr th.p-datatable-sortable-column:hover .p-sortable-column-icon .sorting-icon,
.p-treetable .p-treetable-wrapper table .p-datatable-thead tr th.p-sortable-column:hover .p-sortable-column-icon .sorting-icon,
.p-treetable .p-treetable-wrapper table .p-treetable-thead tr th.p-datatable-sortable-column:hover .p-sortable-column-icon .sorting-icon,
.p-treetable .p-treetable-wrapper table .p-treetable-thead tr th.p-sortable-column:hover .p-sortable-column-icon .sorting-icon,
.p-treetable .p-treetable-scrollable-wrapper .p-datatable-table .p-datatable-thead tr th.p-datatable-sortable-column:hover .p-sortable-column-icon .sorting-icon,
.p-treetable .p-treetable-scrollable-wrapper .p-datatable-table .p-datatable-thead tr th.p-sortable-column:hover .p-sortable-column-icon .sorting-icon,
.p-treetable .p-treetable-scrollable-wrapper .p-datatable-table .p-treetable-thead tr th.p-datatable-sortable-column:hover .p-sortable-column-icon .sorting-icon,
.p-treetable .p-treetable-scrollable-wrapper .p-datatable-table .p-treetable-thead tr th.p-sortable-column:hover .p-sortable-column-icon .sorting-icon,
.p-treetable .p-treetable-scrollable-wrapper table .p-datatable-thead tr th.p-datatable-sortable-column:hover .p-sortable-column-icon .sorting-icon,
.p-treetable .p-treetable-scrollable-wrapper table .p-datatable-thead tr th.p-sortable-column:hover .p-sortable-column-icon .sorting-icon,
.p-treetable .p-treetable-scrollable-wrapper table .p-treetable-thead tr th.p-datatable-sortable-column:hover .p-sortable-column-icon .sorting-icon,
.p-treetable .p-treetable-scrollable-wrapper table .p-treetable-thead tr th.p-sortable-column:hover .p-sortable-column-icon .sorting-icon {
  display: inline-flex;
}
.p-datatable .p-datatable-table-container .p-datatable-table .p-datatable-thead tr th.p-datatable-resizable-column:hover, .p-datatable .p-datatable-table-container .p-datatable-table .p-datatable-thead tr th.p-resizable-column:hover,
.p-datatable .p-datatable-table-container .p-datatable-table .p-treetable-thead tr th.p-datatable-resizable-column:hover,
.p-datatable .p-datatable-table-container .p-datatable-table .p-treetable-thead tr th.p-resizable-column:hover,
.p-datatable .p-datatable-table-container table .p-datatable-thead tr th.p-datatable-resizable-column:hover,
.p-datatable .p-datatable-table-container table .p-datatable-thead tr th.p-resizable-column:hover,
.p-datatable .p-datatable-table-container table .p-treetable-thead tr th.p-datatable-resizable-column:hover,
.p-datatable .p-datatable-table-container table .p-treetable-thead tr th.p-resizable-column:hover,
.p-datatable .p-treetable-wrapper .p-datatable-table .p-datatable-thead tr th.p-datatable-resizable-column:hover,
.p-datatable .p-treetable-wrapper .p-datatable-table .p-datatable-thead tr th.p-resizable-column:hover,
.p-datatable .p-treetable-wrapper .p-datatable-table .p-treetable-thead tr th.p-datatable-resizable-column:hover,
.p-datatable .p-treetable-wrapper .p-datatable-table .p-treetable-thead tr th.p-resizable-column:hover,
.p-datatable .p-treetable-wrapper table .p-datatable-thead tr th.p-datatable-resizable-column:hover,
.p-datatable .p-treetable-wrapper table .p-datatable-thead tr th.p-resizable-column:hover,
.p-datatable .p-treetable-wrapper table .p-treetable-thead tr th.p-datatable-resizable-column:hover,
.p-datatable .p-treetable-wrapper table .p-treetable-thead tr th.p-resizable-column:hover,
.p-datatable .p-treetable-scrollable-wrapper .p-datatable-table .p-datatable-thead tr th.p-datatable-resizable-column:hover,
.p-datatable .p-treetable-scrollable-wrapper .p-datatable-table .p-datatable-thead tr th.p-resizable-column:hover,
.p-datatable .p-treetable-scrollable-wrapper .p-datatable-table .p-treetable-thead tr th.p-datatable-resizable-column:hover,
.p-datatable .p-treetable-scrollable-wrapper .p-datatable-table .p-treetable-thead tr th.p-resizable-column:hover,
.p-datatable .p-treetable-scrollable-wrapper table .p-datatable-thead tr th.p-datatable-resizable-column:hover,
.p-datatable .p-treetable-scrollable-wrapper table .p-datatable-thead tr th.p-resizable-column:hover,
.p-datatable .p-treetable-scrollable-wrapper table .p-treetable-thead tr th.p-datatable-resizable-column:hover,
.p-datatable .p-treetable-scrollable-wrapper table .p-treetable-thead tr th.p-resizable-column:hover,
.p-treetable .p-datatable-table-container .p-datatable-table .p-datatable-thead tr th.p-datatable-resizable-column:hover,
.p-treetable .p-datatable-table-container .p-datatable-table .p-datatable-thead tr th.p-resizable-column:hover,
.p-treetable .p-datatable-table-container .p-datatable-table .p-treetable-thead tr th.p-datatable-resizable-column:hover,
.p-treetable .p-datatable-table-container .p-datatable-table .p-treetable-thead tr th.p-resizable-column:hover,
.p-treetable .p-datatable-table-container table .p-datatable-thead tr th.p-datatable-resizable-column:hover,
.p-treetable .p-datatable-table-container table .p-datatable-thead tr th.p-resizable-column:hover,
.p-treetable .p-datatable-table-container table .p-treetable-thead tr th.p-datatable-resizable-column:hover,
.p-treetable .p-datatable-table-container table .p-treetable-thead tr th.p-resizable-column:hover,
.p-treetable .p-treetable-wrapper .p-datatable-table .p-datatable-thead tr th.p-datatable-resizable-column:hover,
.p-treetable .p-treetable-wrapper .p-datatable-table .p-datatable-thead tr th.p-resizable-column:hover,
.p-treetable .p-treetable-wrapper .p-datatable-table .p-treetable-thead tr th.p-datatable-resizable-column:hover,
.p-treetable .p-treetable-wrapper .p-datatable-table .p-treetable-thead tr th.p-resizable-column:hover,
.p-treetable .p-treetable-wrapper table .p-datatable-thead tr th.p-datatable-resizable-column:hover,
.p-treetable .p-treetable-wrapper table .p-datatable-thead tr th.p-resizable-column:hover,
.p-treetable .p-treetable-wrapper table .p-treetable-thead tr th.p-datatable-resizable-column:hover,
.p-treetable .p-treetable-wrapper table .p-treetable-thead tr th.p-resizable-column:hover,
.p-treetable .p-treetable-scrollable-wrapper .p-datatable-table .p-datatable-thead tr th.p-datatable-resizable-column:hover,
.p-treetable .p-treetable-scrollable-wrapper .p-datatable-table .p-datatable-thead tr th.p-resizable-column:hover,
.p-treetable .p-treetable-scrollable-wrapper .p-datatable-table .p-treetable-thead tr th.p-datatable-resizable-column:hover,
.p-treetable .p-treetable-scrollable-wrapper .p-datatable-table .p-treetable-thead tr th.p-resizable-column:hover,
.p-treetable .p-treetable-scrollable-wrapper table .p-datatable-thead tr th.p-datatable-resizable-column:hover,
.p-treetable .p-treetable-scrollable-wrapper table .p-datatable-thead tr th.p-resizable-column:hover,
.p-treetable .p-treetable-scrollable-wrapper table .p-treetable-thead tr th.p-datatable-resizable-column:hover,
.p-treetable .p-treetable-scrollable-wrapper table .p-treetable-thead tr th.p-resizable-column:hover {
  background-color: var(--msi-status-hover);
}
.p-datatable .p-datatable-table-container .p-datatable-table .p-datatable-thead tr th.p-datatable-resizable-column .p-datatable-column-resizer:hover,
.p-datatable .p-datatable-table-container .p-datatable-table .p-datatable-thead tr th.p-datatable-resizable-column .p-column-resizer:hover, .p-datatable .p-datatable-table-container .p-datatable-table .p-datatable-thead tr th.p-resizable-column .p-datatable-column-resizer:hover,
.p-datatable .p-datatable-table-container .p-datatable-table .p-datatable-thead tr th.p-resizable-column .p-column-resizer:hover,
.p-datatable .p-datatable-table-container .p-datatable-table .p-treetable-thead tr th.p-datatable-resizable-column .p-datatable-column-resizer:hover,
.p-datatable .p-datatable-table-container .p-datatable-table .p-treetable-thead tr th.p-datatable-resizable-column .p-column-resizer:hover,
.p-datatable .p-datatable-table-container .p-datatable-table .p-treetable-thead tr th.p-resizable-column .p-datatable-column-resizer:hover,
.p-datatable .p-datatable-table-container .p-datatable-table .p-treetable-thead tr th.p-resizable-column .p-column-resizer:hover,
.p-datatable .p-datatable-table-container table .p-datatable-thead tr th.p-datatable-resizable-column .p-datatable-column-resizer:hover,
.p-datatable .p-datatable-table-container table .p-datatable-thead tr th.p-datatable-resizable-column .p-column-resizer:hover,
.p-datatable .p-datatable-table-container table .p-datatable-thead tr th.p-resizable-column .p-datatable-column-resizer:hover,
.p-datatable .p-datatable-table-container table .p-datatable-thead tr th.p-resizable-column .p-column-resizer:hover,
.p-datatable .p-datatable-table-container table .p-treetable-thead tr th.p-datatable-resizable-column .p-datatable-column-resizer:hover,
.p-datatable .p-datatable-table-container table .p-treetable-thead tr th.p-datatable-resizable-column .p-column-resizer:hover,
.p-datatable .p-datatable-table-container table .p-treetable-thead tr th.p-resizable-column .p-datatable-column-resizer:hover,
.p-datatable .p-datatable-table-container table .p-treetable-thead tr th.p-resizable-column .p-column-resizer:hover,
.p-datatable .p-treetable-wrapper .p-datatable-table .p-datatable-thead tr th.p-datatable-resizable-column .p-datatable-column-resizer:hover,
.p-datatable .p-treetable-wrapper .p-datatable-table .p-datatable-thead tr th.p-datatable-resizable-column .p-column-resizer:hover,
.p-datatable .p-treetable-wrapper .p-datatable-table .p-datatable-thead tr th.p-resizable-column .p-datatable-column-resizer:hover,
.p-datatable .p-treetable-wrapper .p-datatable-table .p-datatable-thead tr th.p-resizable-column .p-column-resizer:hover,
.p-datatable .p-treetable-wrapper .p-datatable-table .p-treetable-thead tr th.p-datatable-resizable-column .p-datatable-column-resizer:hover,
.p-datatable .p-treetable-wrapper .p-datatable-table .p-treetable-thead tr th.p-datatable-resizable-column .p-column-resizer:hover,
.p-datatable .p-treetable-wrapper .p-datatable-table .p-treetable-thead tr th.p-resizable-column .p-datatable-column-resizer:hover,
.p-datatable .p-treetable-wrapper .p-datatable-table .p-treetable-thead tr th.p-resizable-column .p-column-resizer:hover,
.p-datatable .p-treetable-wrapper table .p-datatable-thead tr th.p-datatable-resizable-column .p-datatable-column-resizer:hover,
.p-datatable .p-treetable-wrapper table .p-datatable-thead tr th.p-datatable-resizable-column .p-column-resizer:hover,
.p-datatable .p-treetable-wrapper table .p-datatable-thead tr th.p-resizable-column .p-datatable-column-resizer:hover,
.p-datatable .p-treetable-wrapper table .p-datatable-thead tr th.p-resizable-column .p-column-resizer:hover,
.p-datatable .p-treetable-wrapper table .p-treetable-thead tr th.p-datatable-resizable-column .p-datatable-column-resizer:hover,
.p-datatable .p-treetable-wrapper table .p-treetable-thead tr th.p-datatable-resizable-column .p-column-resizer:hover,
.p-datatable .p-treetable-wrapper table .p-treetable-thead tr th.p-resizable-column .p-datatable-column-resizer:hover,
.p-datatable .p-treetable-wrapper table .p-treetable-thead tr th.p-resizable-column .p-column-resizer:hover,
.p-datatable .p-treetable-scrollable-wrapper .p-datatable-table .p-datatable-thead tr th.p-datatable-resizable-column .p-datatable-column-resizer:hover,
.p-datatable .p-treetable-scrollable-wrapper .p-datatable-table .p-datatable-thead tr th.p-datatable-resizable-column .p-column-resizer:hover,
.p-datatable .p-treetable-scrollable-wrapper .p-datatable-table .p-datatable-thead tr th.p-resizable-column .p-datatable-column-resizer:hover,
.p-datatable .p-treetable-scrollable-wrapper .p-datatable-table .p-datatable-thead tr th.p-resizable-column .p-column-resizer:hover,
.p-datatable .p-treetable-scrollable-wrapper .p-datatable-table .p-treetable-thead tr th.p-datatable-resizable-column .p-datatable-column-resizer:hover,
.p-datatable .p-treetable-scrollable-wrapper .p-datatable-table .p-treetable-thead tr th.p-datatable-resizable-column .p-column-resizer:hover,
.p-datatable .p-treetable-scrollable-wrapper .p-datatable-table .p-treetable-thead tr th.p-resizable-column .p-datatable-column-resizer:hover,
.p-datatable .p-treetable-scrollable-wrapper .p-datatable-table .p-treetable-thead tr th.p-resizable-column .p-column-resizer:hover,
.p-datatable .p-treetable-scrollable-wrapper table .p-datatable-thead tr th.p-datatable-resizable-column .p-datatable-column-resizer:hover,
.p-datatable .p-treetable-scrollable-wrapper table .p-datatable-thead tr th.p-datatable-resizable-column .p-column-resizer:hover,
.p-datatable .p-treetable-scrollable-wrapper table .p-datatable-thead tr th.p-resizable-column .p-datatable-column-resizer:hover,
.p-datatable .p-treetable-scrollable-wrapper table .p-datatable-thead tr th.p-resizable-column .p-column-resizer:hover,
.p-datatable .p-treetable-scrollable-wrapper table .p-treetable-thead tr th.p-datatable-resizable-column .p-datatable-column-resizer:hover,
.p-datatable .p-treetable-scrollable-wrapper table .p-treetable-thead tr th.p-datatable-resizable-column .p-column-resizer:hover,
.p-datatable .p-treetable-scrollable-wrapper table .p-treetable-thead tr th.p-resizable-column .p-datatable-column-resizer:hover,
.p-datatable .p-treetable-scrollable-wrapper table .p-treetable-thead tr th.p-resizable-column .p-column-resizer:hover,
.p-treetable .p-datatable-table-container .p-datatable-table .p-datatable-thead tr th.p-datatable-resizable-column .p-datatable-column-resizer:hover,
.p-treetable .p-datatable-table-container .p-datatable-table .p-datatable-thead tr th.p-datatable-resizable-column .p-column-resizer:hover,
.p-treetable .p-datatable-table-container .p-datatable-table .p-datatable-thead tr th.p-resizable-column .p-datatable-column-resizer:hover,
.p-treetable .p-datatable-table-container .p-datatable-table .p-datatable-thead tr th.p-resizable-column .p-column-resizer:hover,
.p-treetable .p-datatable-table-container .p-datatable-table .p-treetable-thead tr th.p-datatable-resizable-column .p-datatable-column-resizer:hover,
.p-treetable .p-datatable-table-container .p-datatable-table .p-treetable-thead tr th.p-datatable-resizable-column .p-column-resizer:hover,
.p-treetable .p-datatable-table-container .p-datatable-table .p-treetable-thead tr th.p-resizable-column .p-datatable-column-resizer:hover,
.p-treetable .p-datatable-table-container .p-datatable-table .p-treetable-thead tr th.p-resizable-column .p-column-resizer:hover,
.p-treetable .p-datatable-table-container table .p-datatable-thead tr th.p-datatable-resizable-column .p-datatable-column-resizer:hover,
.p-treetable .p-datatable-table-container table .p-datatable-thead tr th.p-datatable-resizable-column .p-column-resizer:hover,
.p-treetable .p-datatable-table-container table .p-datatable-thead tr th.p-resizable-column .p-datatable-column-resizer:hover,
.p-treetable .p-datatable-table-container table .p-datatable-thead tr th.p-resizable-column .p-column-resizer:hover,
.p-treetable .p-datatable-table-container table .p-treetable-thead tr th.p-datatable-resizable-column .p-datatable-column-resizer:hover,
.p-treetable .p-datatable-table-container table .p-treetable-thead tr th.p-datatable-resizable-column .p-column-resizer:hover,
.p-treetable .p-datatable-table-container table .p-treetable-thead tr th.p-resizable-column .p-datatable-column-resizer:hover,
.p-treetable .p-datatable-table-container table .p-treetable-thead tr th.p-resizable-column .p-column-resizer:hover,
.p-treetable .p-treetable-wrapper .p-datatable-table .p-datatable-thead tr th.p-datatable-resizable-column .p-datatable-column-resizer:hover,
.p-treetable .p-treetable-wrapper .p-datatable-table .p-datatable-thead tr th.p-datatable-resizable-column .p-column-resizer:hover,
.p-treetable .p-treetable-wrapper .p-datatable-table .p-datatable-thead tr th.p-resizable-column .p-datatable-column-resizer:hover,
.p-treetable .p-treetable-wrapper .p-datatable-table .p-datatable-thead tr th.p-resizable-column .p-column-resizer:hover,
.p-treetable .p-treetable-wrapper .p-datatable-table .p-treetable-thead tr th.p-datatable-resizable-column .p-datatable-column-resizer:hover,
.p-treetable .p-treetable-wrapper .p-datatable-table .p-treetable-thead tr th.p-datatable-resizable-column .p-column-resizer:hover,
.p-treetable .p-treetable-wrapper .p-datatable-table .p-treetable-thead tr th.p-resizable-column .p-datatable-column-resizer:hover,
.p-treetable .p-treetable-wrapper .p-datatable-table .p-treetable-thead tr th.p-resizable-column .p-column-resizer:hover,
.p-treetable .p-treetable-wrapper table .p-datatable-thead tr th.p-datatable-resizable-column .p-datatable-column-resizer:hover,
.p-treetable .p-treetable-wrapper table .p-datatable-thead tr th.p-datatable-resizable-column .p-column-resizer:hover,
.p-treetable .p-treetable-wrapper table .p-datatable-thead tr th.p-resizable-column .p-datatable-column-resizer:hover,
.p-treetable .p-treetable-wrapper table .p-datatable-thead tr th.p-resizable-column .p-column-resizer:hover,
.p-treetable .p-treetable-wrapper table .p-treetable-thead tr th.p-datatable-resizable-column .p-datatable-column-resizer:hover,
.p-treetable .p-treetable-wrapper table .p-treetable-thead tr th.p-datatable-resizable-column .p-column-resizer:hover,
.p-treetable .p-treetable-wrapper table .p-treetable-thead tr th.p-resizable-column .p-datatable-column-resizer:hover,
.p-treetable .p-treetable-wrapper table .p-treetable-thead tr th.p-resizable-column .p-column-resizer:hover,
.p-treetable .p-treetable-scrollable-wrapper .p-datatable-table .p-datatable-thead tr th.p-datatable-resizable-column .p-datatable-column-resizer:hover,
.p-treetable .p-treetable-scrollable-wrapper .p-datatable-table .p-datatable-thead tr th.p-datatable-resizable-column .p-column-resizer:hover,
.p-treetable .p-treetable-scrollable-wrapper .p-datatable-table .p-datatable-thead tr th.p-resizable-column .p-datatable-column-resizer:hover,
.p-treetable .p-treetable-scrollable-wrapper .p-datatable-table .p-datatable-thead tr th.p-resizable-column .p-column-resizer:hover,
.p-treetable .p-treetable-scrollable-wrapper .p-datatable-table .p-treetable-thead tr th.p-datatable-resizable-column .p-datatable-column-resizer:hover,
.p-treetable .p-treetable-scrollable-wrapper .p-datatable-table .p-treetable-thead tr th.p-datatable-resizable-column .p-column-resizer:hover,
.p-treetable .p-treetable-scrollable-wrapper .p-datatable-table .p-treetable-thead tr th.p-resizable-column .p-datatable-column-resizer:hover,
.p-treetable .p-treetable-scrollable-wrapper .p-datatable-table .p-treetable-thead tr th.p-resizable-column .p-column-resizer:hover,
.p-treetable .p-treetable-scrollable-wrapper table .p-datatable-thead tr th.p-datatable-resizable-column .p-datatable-column-resizer:hover,
.p-treetable .p-treetable-scrollable-wrapper table .p-datatable-thead tr th.p-datatable-resizable-column .p-column-resizer:hover,
.p-treetable .p-treetable-scrollable-wrapper table .p-datatable-thead tr th.p-resizable-column .p-datatable-column-resizer:hover,
.p-treetable .p-treetable-scrollable-wrapper table .p-datatable-thead tr th.p-resizable-column .p-column-resizer:hover,
.p-treetable .p-treetable-scrollable-wrapper table .p-treetable-thead tr th.p-datatable-resizable-column .p-datatable-column-resizer:hover,
.p-treetable .p-treetable-scrollable-wrapper table .p-treetable-thead tr th.p-datatable-resizable-column .p-column-resizer:hover,
.p-treetable .p-treetable-scrollable-wrapper table .p-treetable-thead tr th.p-resizable-column .p-datatable-column-resizer:hover,
.p-treetable .p-treetable-scrollable-wrapper table .p-treetable-thead tr th.p-resizable-column .p-column-resizer:hover {
  background-color: var(--msi-status-hover);
}
.p-datatable .p-datatable-table-container .p-datatable-table .p-datatable-tbody tr td,
.p-datatable .p-datatable-table-container .p-datatable-table .p-treetable-tbody tr td,
.p-datatable .p-datatable-table-container table .p-datatable-tbody tr td,
.p-datatable .p-datatable-table-container table .p-treetable-tbody tr td,
.p-datatable .p-treetable-wrapper .p-datatable-table .p-datatable-tbody tr td,
.p-datatable .p-treetable-wrapper .p-datatable-table .p-treetable-tbody tr td,
.p-datatable .p-treetable-wrapper table .p-datatable-tbody tr td,
.p-datatable .p-treetable-wrapper table .p-treetable-tbody tr td,
.p-datatable .p-treetable-scrollable-wrapper .p-datatable-table .p-datatable-tbody tr td,
.p-datatable .p-treetable-scrollable-wrapper .p-datatable-table .p-treetable-tbody tr td,
.p-datatable .p-treetable-scrollable-wrapper table .p-datatable-tbody tr td,
.p-datatable .p-treetable-scrollable-wrapper table .p-treetable-tbody tr td,
.p-treetable .p-datatable-table-container .p-datatable-table .p-datatable-tbody tr td,
.p-treetable .p-datatable-table-container .p-datatable-table .p-treetable-tbody tr td,
.p-treetable .p-datatable-table-container table .p-datatable-tbody tr td,
.p-treetable .p-datatable-table-container table .p-treetable-tbody tr td,
.p-treetable .p-treetable-wrapper .p-datatable-table .p-datatable-tbody tr td,
.p-treetable .p-treetable-wrapper .p-datatable-table .p-treetable-tbody tr td,
.p-treetable .p-treetable-wrapper table .p-datatable-tbody tr td,
.p-treetable .p-treetable-wrapper table .p-treetable-tbody tr td,
.p-treetable .p-treetable-scrollable-wrapper .p-datatable-table .p-datatable-tbody tr td,
.p-treetable .p-treetable-scrollable-wrapper .p-datatable-table .p-treetable-tbody tr td,
.p-treetable .p-treetable-scrollable-wrapper table .p-datatable-tbody tr td,
.p-treetable .p-treetable-scrollable-wrapper table .p-treetable-tbody tr td {
  max-height: 2.563rem;
}
.p-datatable.p-treetable-lg .p-datatable-table-container table .p-datatable-tbody tr td,
.p-datatable.p-treetable-lg .p-datatable-table-container table .p-treetable-tbody tr td,
.p-datatable.p-treetable-lg .p-treetable-wrapper table .p-datatable-tbody tr td,
.p-datatable.p-treetable-lg .p-treetable-wrapper table .p-treetable-tbody tr td,
.p-datatable.p-treetable-lg .p-treetable-scrollable-wrapper table .p-datatable-tbody tr td,
.p-datatable.p-treetable-lg .p-treetable-scrollable-wrapper table .p-treetable-tbody tr td, .p-datatable.p-datatable-lg .p-datatable-table-container table .p-datatable-tbody tr td,
.p-datatable.p-datatable-lg .p-datatable-table-container table .p-treetable-tbody tr td,
.p-datatable.p-datatable-lg .p-treetable-wrapper table .p-datatable-tbody tr td,
.p-datatable.p-datatable-lg .p-treetable-wrapper table .p-treetable-tbody tr td,
.p-datatable.p-datatable-lg .p-treetable-scrollable-wrapper table .p-datatable-tbody tr td,
.p-datatable.p-datatable-lg .p-treetable-scrollable-wrapper table .p-treetable-tbody tr td,
.p-treetable.p-treetable-lg .p-datatable-table-container table .p-datatable-tbody tr td,
.p-treetable.p-treetable-lg .p-datatable-table-container table .p-treetable-tbody tr td,
.p-treetable.p-treetable-lg .p-treetable-wrapper table .p-datatable-tbody tr td,
.p-treetable.p-treetable-lg .p-treetable-wrapper table .p-treetable-tbody tr td,
.p-treetable.p-treetable-lg .p-treetable-scrollable-wrapper table .p-datatable-tbody tr td,
.p-treetable.p-treetable-lg .p-treetable-scrollable-wrapper table .p-treetable-tbody tr td,
.p-treetable.p-datatable-lg .p-datatable-table-container table .p-datatable-tbody tr td,
.p-treetable.p-datatable-lg .p-datatable-table-container table .p-treetable-tbody tr td,
.p-treetable.p-datatable-lg .p-treetable-wrapper table .p-datatable-tbody tr td,
.p-treetable.p-datatable-lg .p-treetable-wrapper table .p-treetable-tbody tr td,
.p-treetable.p-datatable-lg .p-treetable-scrollable-wrapper table .p-datatable-tbody tr td,
.p-treetable.p-datatable-lg .p-treetable-scrollable-wrapper table .p-treetable-tbody tr td {
  max-height: unset;
}

.p-treetable .p-treetable-wrapper .p-treetable-tbody tr[aria-expanded=true] td p-treetabletoggler .msi-icon,
.p-treetable .p-treetable-scrollable-wrapper .p-treetable-tbody tr[aria-expanded=true] td p-treetabletoggler .msi-icon {
  transition: var(--msi-transition-time);
  transform: rotate(90deg);
}
.p-treetable .p-treetable-wrapper .p-treetable-tbody tr td:has(:nth-child(2)),
.p-treetable .p-treetable-scrollable-wrapper .p-treetable-tbody tr td:has(:nth-child(2)) {
  display: flex;
  gap: var(--msi-spacing-xs-rem);
  align-items: center;
}
.p-treetable .p-treetable-wrapper .p-treetable-tbody tr td p-treetabletoggler button.p-treetable-toggler,
.p-treetable .p-treetable-scrollable-wrapper .p-treetable-tbody tr td p-treetabletoggler button.p-treetable-toggler {
  width: 2.25rem;
  height: 2.25rem;
  color: var(--msi-icon-primary);
  background: none;
  border: none;
  border-radius: 50%;
  box-shadow: none;
}
.p-treetable .p-treetable-wrapper .p-treetable-tbody tr td p-treetabletoggler button.p-treetable-toggler:hover, .p-treetable .p-treetable-wrapper .p-treetable-tbody tr td p-treetabletoggler button.p-treetable-toggler:focus,
.p-treetable .p-treetable-scrollable-wrapper .p-treetable-tbody tr td p-treetabletoggler button.p-treetable-toggler:hover,
.p-treetable .p-treetable-scrollable-wrapper .p-treetable-tbody tr td p-treetabletoggler button.p-treetable-toggler:focus {
  background: var(--msi-primary-shades-10);
}
.p-treetable .p-treetable-wrapper .p-treetable-tbody tr td p-treetabletoggler button.p-treetable-toggler:active,
.p-treetable .p-treetable-scrollable-wrapper .p-treetable-tbody tr td p-treetabletoggler button.p-treetable-toggler:active {
  background: var(--msi-focus-primary);
}
.p-treetable .p-treetable-wrapper .p-treetable-tbody tr td p-treetabletoggler button.p-treetable-toggler:active .msi-icon,
.p-treetable .p-treetable-scrollable-wrapper .p-treetable-tbody tr td p-treetabletoggler button.p-treetable-toggler:active .msi-icon {
  color: var(--msi-text-button);
}
.p-treetable .p-treetable-wrapper .p-treetable-tbody tr td p-treetabletoggler button.p-treetable-toggler .msi-icon,
.p-treetable .p-treetable-scrollable-wrapper .p-treetable-tbody tr td p-treetabletoggler button.p-treetable-toggler .msi-icon {
  width: 1.5rem;
  height: 1.5rem;
  color: var(--msi-icon-primary);
  transition: transform var(--msi-transition-time);
}
.p-treetable .p-treetable-wrapper .p-treetable-tbody tr td p-treetablecheckbox .p-treetable-node-checkbox,
.p-treetable .p-treetable-scrollable-wrapper .p-treetable-tbody tr td p-treetablecheckbox .p-treetable-node-checkbox {
  margin-right: var(--msi-spacing-xs-rem);
}
.p-treetable .p-treetable-reorder-indicator-up,
.p-treetable .p-treetable-reorder-indicator-down {
  color: var(--msi-icon-primary);
}
.p-treetable .p-treetable-mask {
  background-color: var(--msi-status-hover);
}
.p-treetable .p-treetable-mask .p-treetable-loading-icon {
  width: unset;
  height: unset;
}
.p-treetable .p-treetable-frozen-view .p-treetable-scrollable-header,
.p-treetable .p-treetable-frozen-view .p-treetable-scrollable-body {
  z-index: 1;
  clip-path: inset(0 -0.375rem 0 0);
  box-shadow: 0 0.125rem 0.375rem 0 var(--msi-elements-table-frozen-shadow);
}
.p-treetable .p-treetable-frozen-view .p-treetable-scrollable-header {
  position: sticky;
}

.p-treetable-sm .p-treetable-scrollable-wrapper .p-treetable-tbody tr td p-treetabletoggler button.p-treetable-toggler {
  width: 1.5rem;
  height: 1.5rem;
  color: var(--msi-icon-primary);
  background: none;
  border: none;
  border-radius: 50%;
  box-shadow: none;
}
.p-treetable-sm .p-treetable-scrollable-wrapper .p-treetable-tbody tr td p-treetabletoggler button.p-treetable-toggler .msi-icon {
  width: 1.125rem !important;
  height: 1.125rem !important;
}

p-tablist .p-tab {
  font-size: var(--msi-size-h6);
}
p-tablist .p-tab:active {
  border-color: var(--msi-tabs-tab-active-border-color);
}
p-tablist .p-tab.p-disabled {
  pointer-events: none;
}

.p-tag {
  display: flex;
  max-width: fit-content;
  color: var(--msi-text-primary);
  cursor: default;
}
.p-tag.tag-primary {
  border: var(--msi-border-width-xs) solid var(--msi-chip-blue);
}
.p-tag.tag-primary-filled {
  color: var(--msi-primary-bright);
  background: var(--msi-chip-blue);
}
.p-tag.tag-secondary {
  border: var(--msi-border-width-xs) solid var(--msi-chip-secondary);
}
.p-tag.tag-secondary-filled {
  color: var(--msi-primary-bright);
  background: var(--msi-chip-secondary);
}
.p-tag.tag-success {
  border: var(--msi-border-width-xs) solid var(--msi-chip-green);
}
.p-tag.tag-success-filled {
  color: var(--msi-primary-bright);
  background: var(--msi-chip-green);
}
.p-tag.tag-emergency {
  border: var(--msi-border-width-xs) solid var(--msi-chip-gold);
}
.p-tag.tag-emergency-filled {
  color: var(--msi-primary-dim-90);
  background: var(--msi-chip-gold);
}
.p-tag.tag-alert {
  border: var(--msi-border-width-xs) solid var(--msi-chip-red);
}
.p-tag.tag-alert-filled {
  color: var(--msi-primary-bright);
  background: var(--msi-chip-red);
}
.p-tag.tag-neutral {
  border: var(--msi-border-width-xs) solid var(--msi-chip-neutral);
}
.p-tag.tag-neutral-filled {
  color: var(--msi-primary-bright);
  background: var(--msi-chip-neutral);
  border: var(--msi-border-width-xs) solid transparent;
}
.p-tag:has(.msi-icon) {
  padding: var(--msi-tag-padding-y) var(--msi-spacing-xs-rem);
}
.p-tag .msi-icon {
  display: flex;
  align-items: center;
  width: 1rem;
  height: 1rem;
  color: inherit;
}
.p-tag.tag-condensed {
  height: 1.25rem;
  padding: var(--msi-tag-padding-y) var(--msi-spacing-xs-rem);
}
.p-tag.tag-condensed:has(.msi-icon) .msi-icon {
  width: 0.75rem;
  height: 0.75rem;
}

.textarea-wrapper {
  position: relative;
  width: 100%;
}
.textarea-wrapper .textarea-counter {
  position: absolute;
  right: 0.625rem;
  bottom: 0.313rem;
  display: inline-block !important;
  align-items: center;
  padding-left: 1.25rem;
  font-size: var(--msi-size-h6);
  color: var(--msi-neutral-dim);
  white-space: nowrap;
}
.textarea-wrapper .textarea-counter .max-length {
  color: var(--msi-status-error);
}
.textarea-wrapper .close-to-max {
  color: var(--msi-text-primary);
}

p-toastitem {
  display: flex;
}
p-toastitem .p-toast-message {
  max-width: fit-content;
}
p-toastitem .p-toast-message .info .toast-message-icon {
  background-color: var(--msi-focus-primary);
}
p-toastitem .p-toast-message .success .toast-message-icon {
  background-color: var(--msi-accent-success);
}
p-toastitem .p-toast-message .error .toast-message-icon {
  background-color: var(--msi-accent-error);
}
p-toastitem .p-toast-message .warn.toast-message .toast-message-content .toast-message-icon {
  background-color: var(--msi-accent-med-gold);
}
p-toastitem .p-toast-message .warn.toast-message .toast-message-content .toast-message-icon .msi-icon {
  color: var(--msi-icon-dim);
}

.p-toast-top-center p-toastitem, .p-toast-bottom-center p-toastitem, .p-toast-center p-toastitem {
  justify-content: center;
}
.p-toast-top-right p-toastitem, .p-toast-bottom-right p-toastitem {
  justify-content: flex-end;
}

p-toggleswitch:has(.p-disabled) {
  cursor: not-allowed;
}
p-toggleswitch .p-toggleswitch {
  display: block;
}
p-toggleswitch .p-toggleswitch.p-disabled {
  opacity: var(--msi-disabled-opacity);
}
p-toggleswitch .p-toggleswitch.p-toggleswitch-checked.p-disabled .p-toggleswitch-slider {
  background-color: var(--msi-focus-primary);
}
p-toggleswitch.ng-invalid.ng-dirty .p-toggleswitch:hover .p-toggleswitch-slider,
p-toggleswitch.ng-invalid.ng-dirty .p-toggleswitch-checked:hover .p-toggleswitch-slider {
  background-color: color-mix(in srgb, var(--msi-alert), var(--msi-primary-shades) 10%);
  border: none;
}
p-toggleswitch.ng-invalid.ng-dirty .p-toggleswitch .p-toggleswitch-slider,
p-toggleswitch.ng-invalid.ng-dirty .p-toggleswitch-checked .p-toggleswitch-slider {
  background-color: var(--msi-alert);
  border: none;
}

p-toolbar .p-toolbar {
  border: none;
}
p-toolbar .p-toolbar:not(:has(.toolbar-button)) {
  background-color: transparent;
}

.p-tooltip .p-tooltip-text {
  font-size: var(--msi-size-h7);
  border: var(--msi-border-width-xs) solid var(--msi-primary-shades-20);
}
.p-tooltip .p-tooltip-arrow {
  display: none;
}

.p-tree {
  padding: 0.1875rem;
}
.p-tree .toggle-arrow {
  width: 0.75rem;
  height: 0.75rem;
  vertical-align: middle;
}
.p-tree .p-tree-node-label {
  font-size: var(--msi-size-h6);
}
.p-tree .p-tree-node-content:hover {
  cursor: pointer;
  background-color: var(--msi-status-hover);
}
.p-tree .p-tree-node-selected:hover {
  background-color: color-mix(in srgb, var(--msi-focus-selection), var(--msi-primary-shades) 10%);
}
.p-tree .p-tree-node-checkbox {
  margin-right: 0.4rem;
}
.p-tree .p-tree-node-icon {
  display: none;
}
.p-tree .msi-tree-node-icon-container {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
.p-tree .msi-tree-node-icon-container .msi-tree-node-icon {
  display: flex;
}
.p-tree .p-tree-node-droppoint-active {
  background-color: var(--msi-focus-border-color);
}

:root {
  --p-anchor-gutter: var(--msi-anchor-gutter);
}

.p-disabled,
.p-disabled * {
  pointer-events: none;
  cursor: not-allowed;
}

.p-overlay-content {
  font-size: var(--msi-size-body2);
}

.msi-anchor-links {
  display: inline-block;
  width: 100%;
  font-size: var(--msi-size-body2);
}

.msi-anchor-link {
  display: inline-block;
  margin-right: var(--msi-spacing-l-rem);
  font-weight: var(--msi-weight-bold);
  color: var(--msi-text-secondary);
  text-decoration: underline;
  cursor: pointer;
  opacity: 0.7;
}
.msi-anchor-link[disabled] {
  text-decoration: none;
  cursor: not-allowed;
  opacity: var(--msi-disabled-opacity);
}
.msi-anchor-link:not([disabled]):hover {
  color: var(--msi-text-primary);
  opacity: 1;
}
.msi-anchor-link:not([disabled]):focus-visible {
  position: relative;
  outline: none;
}
.msi-anchor-link:not([disabled]):focus-visible::before {
  position: absolute;
  inset: var(--msi-focus-border-inset);
  content: "";
  border: var(--msi-border-width-xs) solid var(--msi-focus-border-color);
  border-radius: var(--msi-corner-radius-sm-rem);
}
.msi-anchor-link:not([disabled]):active, .msi-anchor-link:not([disabled]).active {
  color: var(--msi-text-primary);
  text-decoration: none;
  opacity: 1;
}

.msi-avatar-container {
  position: relative;
}
.msi-avatar-container .msi-icon i {
  display: flex;
  width: inherit;
  height: inherit;
  margin: 0;
}

.msi-avatar-initials {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  color: var(--msi-primary-bright);
  text-align: center;
  -webkit-user-select: none;
          user-select: none;
}

.msi-common-header-clock .time {
  display: inline-block;
  width: 3.9375rem;
  height: fit-content;
  margin: 0 var(--msi-spacing-s-rem) 0 var(--msi-spacing-xs-rem);
  font-size: var(--msi-size-h5);
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  vertical-align: top;
}

a.msi-link {
  position: relative;
  font-weight: 500;
  color: var(--msi-text-link);
  text-decoration: underline;
}
a.msi-link:not([href]), a.msi-link[disabled] {
  cursor: not-allowed !important;
  opacity: var(--msi-disabled-opacity);
}
a.msi-link:not([href]):active, a.msi-link:not([href]):hover, a.msi-link[disabled]:active, a.msi-link[disabled]:hover {
  color: var(--msi-text-link);
}
a.msi-link:not([disabled]):focus, a.msi-link:not([disabled]):focus-visible, a.msi-link:not([disabled]):active {
  position: relative;
  outline: none;
}
a.msi-link:not([disabled]):focus[href]::before, a.msi-link:not([disabled]):focus-visible[href]::before, a.msi-link:not([disabled]):active[href]::before {
  position: absolute;
  inset: var(--msi-focus-border-inset);
  content: "";
  border: 0.0625rem solid var(--msi-focus-border-color);
  border-radius: var(--msi-corner-radius-sm-rem);
}
a.msi-link:not([disabled]):active:any-link {
  color: var(--msi-text-primary);
}
a.msi-link:not([disabled]):hover:any-link {
  color: var(--msi-text-primary);
}
a.msi-link:not([disabled]):visited:not(:hover, :active) {
  color: var(--msi-text-link);
}
a.msi-link:not([disabled]).distinct-state:visited, a.msi-link:not([disabled]).distinct-state.visited {
  color: var(--msi-text-link-clicked);
}
a.msi-link:not([disabled]).distinct-state:hover:visited, a.msi-link:not([disabled]).distinct-state:focus:visited, a.msi-link:not([disabled]).distinct-state:active:visited, a.msi-link:not([disabled]).distinct-state.msi-link-active:visited {
  color: var(--msi-text-link-clicked);
}

.msi-media-player vg-player .vg-icon-pause {
  background-image: url("/assets/cobalt-icons/ic_media_pause.svg");
}
.msi-media-player vg-player .vg-icon-play_arrow {
  background-image: url("/assets/cobalt-icons/ic_media_play.svg");
}
.msi-media-player vg-player .vg-icon-fullscreen {
  background-image: url("/assets/cobalt-icons/ic_zoom.svg");
}
.msi-media-player vg-player .vg-icon-fullscreen_exit {
  background-image: url("/assets/cobalt-icons/ic_view_collapse.svg");
}

.msi-sidebar {
  display: flex;
  flex-direction: column;
  padding: 0;
  margin: 0;
}

.sidebar-container {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  padding: 0;
  margin: 0;
  color: var(--msi-text-primary);
  background-color: var(--msi-background-level-3);
  border-right: var(--msi-border-width-xs) solid var(--msi-stroke-level-2);
}
.sidebar-container:nth-child(1) {
  padding-top: var(--msi-spacing-s-rem);
}
.sidebar-container:nth-last-child(1) {
  padding-bottom: var(--msi-spacing-s-rem);
}
.sidebar-container > * {
  flex-grow: 1;
}
.sidebar-container .msi-sidebar-item,
.sidebar-container .sidebar-item-container {
  display: flex;
  align-items: center;
  cursor: pointer;
  border-radius: var(--msi-sidebar-item-border-radius);
}
.sidebar-container .msi-sidebar-item:focus-visible,
.sidebar-container .sidebar-item-container:focus-visible {
  position: relative;
  background-clip: padding-box;
  outline: none;
}
.sidebar-container .msi-sidebar-item:focus-visible::before,
.sidebar-container .sidebar-item-container:focus-visible::before {
  position: absolute;
  inset: var(--msi-sidebar-item-collapsed-inset);
  content: "";
  border-radius: var(--msi-sidebar-item-border-radius);
  box-shadow: 0 0 0 var(--msi-border-width-xs) var(--msi-background-level-3), 0 0 0 0.188rem var(--msi-focus-primary);
}
.sidebar-container .msi-sidebar-item:hover .description-container,
.sidebar-container .msi-sidebar-item:hover .icon-container,
.sidebar-container .sidebar-item-container:hover .description-container,
.sidebar-container .sidebar-item-container:hover .icon-container {
  background-color: var(--msi-status-hover);
}
.sidebar-container .msi-sidebar-item.selected .description-container,
.sidebar-container .msi-sidebar-item.selected .icon-container, .sidebar-container .msi-sidebar-item:active .description-container,
.sidebar-container .msi-sidebar-item:active .icon-container,
.sidebar-container .sidebar-item-container.selected .description-container,
.sidebar-container .sidebar-item-container.selected .icon-container,
.sidebar-container .sidebar-item-container:active .description-container,
.sidebar-container .sidebar-item-container:active .icon-container {
  background-color: var(--msi-focus-primary);
}
.sidebar-container .msi-sidebar-item.selected .description-container .msi-icon,
.sidebar-container .msi-sidebar-item.selected .icon-container .msi-icon, .sidebar-container .msi-sidebar-item:active .description-container .msi-icon,
.sidebar-container .msi-sidebar-item:active .icon-container .msi-icon,
.sidebar-container .sidebar-item-container.selected .description-container .msi-icon,
.sidebar-container .sidebar-item-container.selected .icon-container .msi-icon,
.sidebar-container .sidebar-item-container:active .description-container .msi-icon,
.sidebar-container .sidebar-item-container:active .icon-container .msi-icon {
  color: var(--msi-primary-bright);
}
.sidebar-container .msi-sidebar-item.selected:hover .icon-container,
.sidebar-container .sidebar-item-container.selected:hover .icon-container {
  background-color: var(--msi-elements-sidenav-hover);
}
.sidebar-container .msi-sidebar-item .icon-container,
.sidebar-container .sidebar-item-container .icon-container {
  position: relative;
  width: var(--msi-sidebar-item-icon-spacing);
  height: var(--msi-sidebar-item-icon-spacing);
  margin: var(--msi-spacing-xxs-rem);
  border-radius: var(--msi-sidebar-item-border-radius);
}
.sidebar-container .msi-sidebar-item .icon-container .msi-icon,
.sidebar-container .sidebar-item-container .icon-container .msi-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.sidebar-container .msi-sidebar-item .description-container,
.sidebar-container .sidebar-item-container .description-container {
  display: flex;
  flex-grow: 1;
  align-items: center;
  height: 3rem;
  overflow: hidden;
}
.sidebar-container .msi-sidebar-item .description-container .description,
.sidebar-container .sidebar-item-container .description-container .description {
  width: 0;
  overflow: hidden;
  font-size: var(--msi-size-h6);
  line-height: 1.125rem;
  text-overflow: ellipsis;
  vertical-align: middle;
  -webkit-user-select: none;
          user-select: none;
  opacity: 0;
  transition: width var(--msi-transition-time) ease 0s, opacity var(--msi-transition-time) var(--msi-ease-in) var(--msi-transition-time);
}
.sidebar-container .msi-sidebar-item .icon-container-flyout,
.sidebar-container .msi-sidebar-item .icon-container-chevron,
.sidebar-container .sidebar-item-container .icon-container-flyout,
.sidebar-container .sidebar-item-container .icon-container-chevron {
  display: none;
}
.sidebar-container.expanded .msi-sidebar-item,
.sidebar-container.expanded .sidebar-item-container {
  margin: var(--msi-spacing-xxxs-rem) var(--msi-spacing-xxs-rem);
  background-color: unset;
}
.sidebar-container.expanded .msi-sidebar-item:focus .description-container,
.sidebar-container.expanded .msi-sidebar-item:focus .icon-container,
.sidebar-container.expanded .sidebar-item-container:focus .description-container,
.sidebar-container.expanded .sidebar-item-container:focus .icon-container {
  background-color: unset;
}
.sidebar-container.expanded .msi-sidebar-item:focus-visible::before,
.sidebar-container.expanded .sidebar-item-container:focus-visible::before {
  inset: var(--msi-sidebar-item-expanded-inset);
}
.sidebar-container.expanded .msi-sidebar-item:hover,
.sidebar-container.expanded .sidebar-item-container:hover {
  background-color: var(--msi-status-hover);
}
.sidebar-container.expanded .msi-sidebar-item:hover .description-container,
.sidebar-container.expanded .msi-sidebar-item:hover .icon-container,
.sidebar-container.expanded .sidebar-item-container:hover .description-container,
.sidebar-container.expanded .sidebar-item-container:hover .icon-container {
  background-color: unset;
}
.sidebar-container.expanded .msi-sidebar-item.selected, .sidebar-container.expanded .msi-sidebar-item:active,
.sidebar-container.expanded .sidebar-item-container.selected,
.sidebar-container.expanded .sidebar-item-container:active {
  color: var(--msi-primary-bright);
  background-color: var(--msi-focus-primary);
}
.sidebar-container.expanded .msi-sidebar-item.selected .description-container,
.sidebar-container.expanded .msi-sidebar-item.selected .icon-container, .sidebar-container.expanded .msi-sidebar-item:active .description-container,
.sidebar-container.expanded .msi-sidebar-item:active .icon-container,
.sidebar-container.expanded .sidebar-item-container.selected .description-container,
.sidebar-container.expanded .sidebar-item-container.selected .icon-container,
.sidebar-container.expanded .sidebar-item-container:active .description-container,
.sidebar-container.expanded .sidebar-item-container:active .icon-container {
  background-color: transparent;
}
.sidebar-container.expanded .msi-sidebar-item.selected:hover,
.sidebar-container.expanded .sidebar-item-container.selected:hover {
  background-color: var(--msi-elements-sidenav-hover);
}
.sidebar-container.expanded .msi-sidebar-item .icon-container,
.sidebar-container.expanded .sidebar-item-container .icon-container {
  display: block;
  width: 3rem;
  height: 3rem;
  margin: 0;
  border-radius: 0;
}
.sidebar-container.expanded .msi-sidebar-item .icon-container.icon-expand .msi-icon,
.sidebar-container.expanded .sidebar-item-container .icon-container.icon-expand .msi-icon {
  transform: translate(-50%, -50%) rotate(180deg);
}
.sidebar-container.expanded .msi-sidebar-item .description-container,
.sidebar-container.expanded .sidebar-item-container .description-container {
  min-width: 7.5rem;
}
.sidebar-container.expanded .msi-sidebar-item .description-container .description,
.sidebar-container.expanded .sidebar-item-container .description-container .description {
  width: 7.5rem;
}
.sidebar-container.expanded .msi-sidebar-item .description-container > *,
.sidebar-container.expanded .sidebar-item-container .description-container > * {
  opacity: 1;
}
.sidebar-container.expanded .msi-sidebar-item .icon-container-flyout,
.sidebar-container.expanded .sidebar-item-container .icon-container-flyout {
  position: relative;
  display: flex;
  align-items: center;
  width: 1.438rem;
  height: 3rem;
  margin: 0;
  border-radius: 0;
}
.sidebar-container.expanded .msi-sidebar-item .icon-container-chevron,
.sidebar-container.expanded .sidebar-item-container .icon-container-chevron {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--msi-sidebar-item-icon-spacing);
  margin: var(--msi-spacing-xxs-rem);
}
.sidebar-container.expanded .msi-sidebar-item .icon-container-chevron .msi-icon,
.sidebar-container.expanded .sidebar-item-container .icon-container-chevron .msi-icon {
  transition: all 0.2s;
}
.sidebar-container.expanded .msi-sidebar-item .icon-container-chevron.expanded .msi-icon,
.sidebar-container.expanded .sidebar-item-container .icon-container-chevron.expanded .msi-icon {
  transform: rotate(180deg);
}
.sidebar-container.expanded .subitems-container .msi-sidebar-item.subitem {
  margin: var(--msi-spacing-xxxs-rem) var(--msi-spacing-xxs-rem);
}
.sidebar-container.expanded .subitems-container .msi-sidebar-item.subitem.selected-subitem {
  background-color: var(--msi-focus-selection);
}
.sidebar-container.expanded .subitems-container .msi-sidebar-item.subitem:active, .sidebar-container.expanded .subitems-container .msi-sidebar-item.subitem:hover {
  color: unset;
  background-color: var(--msi-status-hover);
}
.sidebar-container.expanded .subitems-container .msi-sidebar-item.subitem .description-container {
  padding-left: 3rem;
}

.sidebar-container:not(.expanded) .subitems-container {
  display: none;
}

.msi-sidebar-top {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.msi-sidebar-bottom {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.msi-sidebar-top-section {
  flex-grow: 0;
}

.msi-sidebar-top-section::after {
  display: block;
  margin: var(--msi-spacing-s-rem) var(--msi-spacing-xxs-rem) 0;
  content: "";
  border-bottom: var(--msi-border-width-xs) solid var(--msi-status-hover);
}

.expand-container {
  flex-grow: 0;
}

/* Color palatte backgrounds */
.msi-bg-alert {
  background-color: var(--msi-ptt-talk) !important;
}
.msi-bg-emergency {
  background-color: var(--msi-emergency) !important;
}
.msi-bg-success {
  background-color: var(--msi-available) !important;
}
.msi-bg-focus-primary {
  background-color: var(--focus-primary) !important;
}

/* Themed backgrounds */
.msi-background,
.msi-bg-level-1,
.msi-bg {
  background-color: var(--msi-background-level-1) !important;
}

.msi-bg-primary,
.msi-bg-level-2 {
  background-color: var(--msi-background-level-2) !important;
}

.msi-bg-level-3 {
  background-color: var(--msi-background-level-3) !important;
}

/* Monochrome */
.msi-bg-primary-05 {
  background-color: var(--msi-primary-shades-05) !important;
}
.msi-bg-primary-10 {
  background-color: var(--msi-primary-shades-10) !important;
}
.msi-bg-primary-20 {
  background-color: var(--msi-primary-shades-20) !important;
}
.msi-bg-primary-30 {
  background-color: var(--msi-primary-shades-30) !important;
}
.msi-bg-primary-40 {
  background-color: var(--msi-primary-shades-40) !important;
}
.msi-bg-primary-50 {
  background-color: var(--msi-primary-shades-50) !important;
}
.msi-bg-primary-60 {
  background-color: var(--msi-primary-shades-60) !important;
}
.msi-bg-primary-70 {
  background-color: var(--msi-primary-shades-70) !important;
}
.msi-bg-primary-80 {
  background-color: var(--msi-primary-shades-80) !important;
}

/* Based on https://getbootstrap.com/docs/4.3/utilities/borders/ */
.msi-border {
  /* Additive/Subtractive */
  border: 0.0625rem solid !important;
  /* Themed border color */
  /* Monochrome border color */
  /* Other border color */
}
.msi-border-top {
  border-top: 0.0625rem solid !important;
}
.msi-border-top-0 {
  border-top: 0 !important;
}
.msi-border-right {
  border-right: 0.0625rem solid !important;
}
.msi-border-right-0 {
  border-right: 0 !important;
}
.msi-border-bottom {
  border-bottom: 0.0625rem solid !important;
}
.msi-border-bottom-0 {
  border-bottom: 0 !important;
}
.msi-border-left {
  border-left: 0.0625rem solid !important;
}
.msi-border-left-0 {
  border-left: 0 !important;
}
.msi-border-0 {
  border: 0 !important;
}
.msi-border-level-1 {
  border-color: var(--msi-stroke-level-1) !important;
}
.msi-border-level-2 {
  border-color: var(--msi-stroke-level-3) !important;
}
.msi-border-primary-05 {
  border-color: var(--msi-primary-shades-05) !important;
}
.msi-border-primary-10 {
  border-color: var(--msi-primary-shades-10) !important;
}
.msi-border-primary-20 {
  border-color: var(--msi-primary-shades-20) !important;
}
.msi-border-primary-30 {
  border-color: var(--msi-primary-shades-30) !important;
}
.msi-border-primary-40 {
  border-color: var(--msi-primary-shades-40) !important;
}
.msi-border-primary-50 {
  border-color: var(--msi-primary-shades-50) !important;
}
.msi-border-primary-60 {
  border-color: var(--msi-primary-shades-60) !important;
}
.msi-border-primary-70 {
  border-color: var(--msi-primary-shades-70) !important;
}
.msi-border-primary-80 {
  border-color: var(--msi-primary-shades-80) !important;
}
.msi-border-alert {
  border-color: var(--msi-ptt-talk) !important;
}
.msi-border-emergency {
  border-color: var(--msi-emergency) !important;
}
.msi-border-success {
  border-color: var(--msi-available) !important;
}

.msi-corners-sm,
.msi-corner-radius-sm {
  border-radius: var(--msi-corner-radius-sm-rem) !important;
}
.msi-corners-md,
.msi-corner-radius-md {
  border-radius: var(--msi-corner-radius-md-rem) !important;
}
.msi-corners-lg,
.msi-corner-radius-lg {
  border-radius: var(--msi-corner-radius-lg-rem) !important;
}

.msi-shadow, .msi-shadow-level-1 {
  box-shadow: var(--msi-shadow-level-1) !important;
}
.msi-shadow-level-2 {
  box-shadow: var(--msi-shadow-level-2) !important;
}
.msi-shadow-level-3 {
  box-shadow: var(--msi-shadow-level-3) !important;
}

/* Set $msi-spacing-debug: true before importing to visualize colored spacing */
.msi-padding-xxxs {
  padding: var(--msi-spacing-xxxs-rem) !important;
}

.msi-margin-xxxs {
  margin: var(--msi-spacing-xxxs-rem) !important;
}

.msi-padding-xxs {
  padding: var(--msi-spacing-xxs-rem) !important;
}

.msi-margin-xxs {
  margin: var(--msi-spacing-xxs-rem) !important;
}

.msi-padding-xs {
  padding: var(--msi-spacing-xs-rem) !important;
}

.msi-margin-xs {
  margin: var(--msi-spacing-xs-rem) !important;
}

.msi-padding-s {
  padding: var(--msi-spacing-s-rem) !important;
}

.msi-margin-s {
  margin: var(--msi-spacing-s-rem) !important;
}

.msi-padding-m {
  padding: var(--msi-spacing-m-rem) !important;
}

.msi-margin-m {
  margin: var(--msi-spacing-m-rem) !important;
}

.msi-padding {
  padding: var(--msi-spacing-m-rem) !important;
}

.msi-margin {
  margin: var(--msi-spacing-m-rem) !important;
}

.msi-padding-l {
  padding: var(--msi-spacing-l-rem) !important;
}

.msi-margin-l {
  margin: var(--msi-spacing-l-rem) !important;
}

.msi-padding-xl {
  padding: var(--msi-spacing-xl-rem) !important;
}

.msi-margin-xl {
  margin: var(--msi-spacing-xl-rem) !important;
}

.msi-padding-xxl {
  padding: var(--msi-spacing-xxl-rem) !important;
}

.msi-margin-xxl {
  margin: var(--msi-spacing-xxl-rem) !important;
}

.msi-padding-top-xxxs {
  padding-top: var(--msi-spacing-xxxs-rem) !important;
}

.msi-margin-top-xxxs {
  margin-top: var(--msi-spacing-xxxs-rem) !important;
}

.msi-padding-top-xxs {
  padding-top: var(--msi-spacing-xxs-rem) !important;
}

.msi-margin-top-xxs {
  margin-top: var(--msi-spacing-xxs-rem) !important;
}

.msi-padding-top-xs {
  padding-top: var(--msi-spacing-xs-rem) !important;
}

.msi-margin-top-xs {
  margin-top: var(--msi-spacing-xs-rem) !important;
}

.msi-padding-top-s {
  padding-top: var(--msi-spacing-s-rem) !important;
}

.msi-margin-top-s {
  margin-top: var(--msi-spacing-s-rem) !important;
}

.msi-padding-top-m {
  padding-top: var(--msi-spacing-m-rem) !important;
}

.msi-margin-top-m {
  margin-top: var(--msi-spacing-m-rem) !important;
}

.msi-padding-top {
  padding-top: var(--msi-spacing-m-rem) !important;
}

.msi-margin-top {
  margin-top: var(--msi-spacing-m-rem) !important;
}

.msi-padding-top-l {
  padding-top: var(--msi-spacing-l-rem) !important;
}

.msi-margin-top-l {
  margin-top: var(--msi-spacing-l-rem) !important;
}

.msi-padding-top-xl {
  padding-top: var(--msi-spacing-xl-rem) !important;
}

.msi-margin-top-xl {
  margin-top: var(--msi-spacing-xl-rem) !important;
}

.msi-padding-top-xxl {
  padding-top: var(--msi-spacing-xxl-rem) !important;
}

.msi-margin-top-xxl {
  margin-top: var(--msi-spacing-xxl-rem) !important;
}

.msi-padding-right-xxxs {
  padding-right: var(--msi-spacing-xxxs-rem) !important;
}

.msi-margin-right-xxxs {
  margin-right: var(--msi-spacing-xxxs-rem) !important;
}

.msi-padding-right-xxs {
  padding-right: var(--msi-spacing-xxs-rem) !important;
}

.msi-margin-right-xxs {
  margin-right: var(--msi-spacing-xxs-rem) !important;
}

.msi-padding-right-xs {
  padding-right: var(--msi-spacing-xs-rem) !important;
}

.msi-margin-right-xs {
  margin-right: var(--msi-spacing-xs-rem) !important;
}

.msi-padding-right-s {
  padding-right: var(--msi-spacing-s-rem) !important;
}

.msi-margin-right-s {
  margin-right: var(--msi-spacing-s-rem) !important;
}

.msi-padding-right-m {
  padding-right: var(--msi-spacing-m-rem) !important;
}

.msi-margin-right-m {
  margin-right: var(--msi-spacing-m-rem) !important;
}

.msi-padding-right {
  padding-right: var(--msi-spacing-m-rem) !important;
}

.msi-margin-right {
  margin-right: var(--msi-spacing-m-rem) !important;
}

.msi-padding-right-l {
  padding-right: var(--msi-spacing-l-rem) !important;
}

.msi-margin-right-l {
  margin-right: var(--msi-spacing-l-rem) !important;
}

.msi-padding-right-xl {
  padding-right: var(--msi-spacing-xl-rem) !important;
}

.msi-margin-right-xl {
  margin-right: var(--msi-spacing-xl-rem) !important;
}

.msi-padding-right-xxl {
  padding-right: var(--msi-spacing-xxl-rem) !important;
}

.msi-margin-right-xxl {
  margin-right: var(--msi-spacing-xxl-rem) !important;
}

.msi-padding-bottom-xxxs {
  padding-bottom: var(--msi-spacing-xxxs-rem) !important;
}

.msi-margin-bottom-xxxs {
  margin-bottom: var(--msi-spacing-xxxs-rem) !important;
}

.msi-padding-bottom-xxs {
  padding-bottom: var(--msi-spacing-xxs-rem) !important;
}

.msi-margin-bottom-xxs {
  margin-bottom: var(--msi-spacing-xxs-rem) !important;
}

.msi-padding-bottom-xs {
  padding-bottom: var(--msi-spacing-xs-rem) !important;
}

.msi-margin-bottom-xs {
  margin-bottom: var(--msi-spacing-xs-rem) !important;
}

.msi-padding-bottom-s {
  padding-bottom: var(--msi-spacing-s-rem) !important;
}

.msi-margin-bottom-s {
  margin-bottom: var(--msi-spacing-s-rem) !important;
}

.msi-padding-bottom-m {
  padding-bottom: var(--msi-spacing-m-rem) !important;
}

.msi-margin-bottom-m {
  margin-bottom: var(--msi-spacing-m-rem) !important;
}

.msi-padding-bottom {
  padding-bottom: var(--msi-spacing-m-rem) !important;
}

.msi-margin-bottom {
  margin-bottom: var(--msi-spacing-m-rem) !important;
}

.msi-padding-bottom-l {
  padding-bottom: var(--msi-spacing-l-rem) !important;
}

.msi-margin-bottom-l {
  margin-bottom: var(--msi-spacing-l-rem) !important;
}

.msi-padding-bottom-xl {
  padding-bottom: var(--msi-spacing-xl-rem) !important;
}

.msi-margin-bottom-xl {
  margin-bottom: var(--msi-spacing-xl-rem) !important;
}

.msi-padding-bottom-xxl {
  padding-bottom: var(--msi-spacing-xxl-rem) !important;
}

.msi-margin-bottom-xxl {
  margin-bottom: var(--msi-spacing-xxl-rem) !important;
}

.msi-padding-left-xxxs {
  padding-left: var(--msi-spacing-xxxs-rem) !important;
}

.msi-margin-left-xxxs {
  margin-left: var(--msi-spacing-xxxs-rem) !important;
}

.msi-padding-left-xxs {
  padding-left: var(--msi-spacing-xxs-rem) !important;
}

.msi-margin-left-xxs {
  margin-left: var(--msi-spacing-xxs-rem) !important;
}

.msi-padding-left-xs {
  padding-left: var(--msi-spacing-xs-rem) !important;
}

.msi-margin-left-xs {
  margin-left: var(--msi-spacing-xs-rem) !important;
}

.msi-padding-left-s {
  padding-left: var(--msi-spacing-s-rem) !important;
}

.msi-margin-left-s {
  margin-left: var(--msi-spacing-s-rem) !important;
}

.msi-padding-left-m {
  padding-left: var(--msi-spacing-m-rem) !important;
}

.msi-margin-left-m {
  margin-left: var(--msi-spacing-m-rem) !important;
}

.msi-padding-left {
  padding-left: var(--msi-spacing-m-rem) !important;
}

.msi-margin-left {
  margin-left: var(--msi-spacing-m-rem) !important;
}

.msi-padding-left-l {
  padding-left: var(--msi-spacing-l-rem) !important;
}

.msi-margin-left-l {
  margin-left: var(--msi-spacing-l-rem) !important;
}

.msi-padding-left-xl {
  padding-left: var(--msi-spacing-xl-rem) !important;
}

.msi-margin-left-xl {
  margin-left: var(--msi-spacing-xl-rem) !important;
}

.msi-padding-left-xxl {
  padding-left: var(--msi-spacing-xxl-rem) !important;
}

.msi-margin-left-xxl {
  margin-left: var(--msi-spacing-xxl-rem) !important;
}

/* Text color */
.msi-text, .msi-text-primary {
  color: var(--msi-text-primary) !important;
}
.msi-text-secondary {
  color: var(--msi-text-secondary) !important;
}
.msi-text-focus-primary {
  color: var(--msi-focus-primary) !important;
}
.msi-text-focus-secondary {
  color: var(--msi-focus-secondary) !important;
}
.msi-text-alert {
  color: var(--msi-ptt-talk) !important;
}
.msi-text-emergency {
  color: var(--msi-emergency) !important;
}
.msi-text-success {
  color: var(--msi-available) !important;
}

/* Font weight */
.msi-bold {
  font-weight: 700 !important;
}

/* Headings (default browser styles) */
h1,
.msi-h1 {
  font-size: var(--msi-size-h1);
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: -0.031rem;
}

h2,
.msi-h2 {
  font-size: var(--msi-size-h2);
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: -0.031rem;
}

h3,
.msi-h3 {
  font-size: var(--msi-size-h3);
  font-weight: 700;
  line-height: 1.25;
}

h4,
.msi-h4 {
  font-size: var(--msi-size-h4);
  font-weight: 700;
  line-height: 1.5;
}

h5,
.msi-h5 {
  font-size: var(--msi-size-h5);
  font-weight: 700;
  line-height: 1.5;
}

h6,
.msi-h6 {
  font-size: var(--msi-size-h6);
  font-weight: 700;
  line-height: 1.5;
}

/* Other font sizes */
.msi-body-1 {
  font-size: var(--msi-size-body1) !important;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.009rem;
}
.msi-body-2 {
  font-size: var(--msi-size-body2) !important;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.011rem;
}
.msi-body-1-monospace {
  font-size: var(--msi-size-body1) !important;
  font-weight: 400;
  font-feature-settings: "Roboto Mono", serif;
  line-height: 1.5;
  letter-spacing: 0.009rem;
}
.msi-body-2-monospace {
  font-size: var(--msi-size-body2) !important;
  font-weight: 400;
  font-feature-settings: "Roboto Mono", serif;
  line-height: 1.5;
  letter-spacing: 0.011rem;
}
.msi-subtitle {
  font-size: var(--msi-size-subtitle) !important;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.006rem;
}
.msi-caption {
  font-size: var(--msi-size-caption) !important;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.025rem;
}

html {
  box-sizing: border-box;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

.msi-focus:focus,
.msi-link:focus {
  outline: 2px solid var(--msi-focus-border-color);
}

.msi-hover:hover {
  background-color: var(--msi-status-hover);
}

.msi-label {
  display: block;
  padding-top: var(--msi-label-margin-top);
  font-weight: 700;
  color: var(--msi-primary-shades-70);
}

/* Flex */
.msi-flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.msi-flex-align {
  display: flex;
  align-items: center;
}
.msi-flex, .msi-flex-row {
  display: flex;
  flex-direction: row;
}
.msi-flex-col {
  display: flex;
  flex-direction: column;
}
.msi-flex-col.gap {
  gap: var(--msi-spacing-m-rem);
}
.msi-flex-col.col-align {
  align-items: center;
}
.msi-flex-col-nowrap {
  flex-wrap: nowrap;
}

.msi-grid {
  display: grid;
  grid-gap: 15px;
  justify-content: center;
  width: 100%;
}
.msi-grid-50 {
  display: grid;
  grid-gap: 15px;
  justify-content: center;
  width: 100%;
  grid-template-columns: repeat(auto-fit, 50px);
}
.msi-grid-100 {
  display: grid;
  grid-gap: 15px;
  justify-content: center;
  width: 100%;
  grid-template-columns: repeat(auto-fit, 100px);
}
.msi-grid-150 {
  display: grid;
  grid-gap: 15px;
  justify-content: center;
  width: 100%;
  grid-template-columns: repeat(auto-fit, 150px);
}
.msi-grid-200 {
  display: grid;
  grid-gap: 15px;
  justify-content: center;
  width: 100%;
  grid-template-columns: repeat(auto-fit, 200px);
}
.msi-grid-250 {
  display: grid;
  grid-gap: 15px;
  justify-content: center;
  width: 100%;
  grid-template-columns: repeat(auto-fit, 250px);
}
.msi-grid-300 {
  display: grid;
  grid-gap: 15px;
  justify-content: center;
  width: 100%;
  grid-template-columns: repeat(auto-fit, 300px);
}

.msi-list li {
  display: flex;
  align-items: center;
  min-height: 2.75rem;
  border-bottom: var(--msi-border-width-xs) solid var(--msi-primary-shades-10);
}

@layer reset, primeng;
/* Reset CSS */
@layer reset {
  html,
  body,
  div,
  span,
  applet,
  object,
  iframe,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  blockquote,
  pre,
  a,
  abbr,
  acronym,
  address,
  big,
  cite,
  code,
  del,
  dfn,
  em,
  img,
  ins,
  kbd,
  q,
  s,
  samp,
  small,
  strike,
  strong,
  sub,
  sup,
  tt,
  var,
  b,
  u,
  i,
  center,
  dl,
  dt,
  dd,
  ol,
  ul,
  li,
  fieldset,
  form,
  label,
  legend,
  table,
  caption,
  tbody,
  tfoot,
  thead,
  tr,
  th,
  td,
  article,
  aside,
  canvas,
  details,
  embed,
  figure,
  figcaption,
  footer,
  header,
  hgroup,
  menu,
  nav,
  output,
  ruby,
  section,
  summary,
  time,
  mark,
  audio,
  video {
    padding: 0;
    margin: 0;
    vertical-align: baseline;
    border: 0;
    /* remove chrome browser black/white outline */
  }
  html:focus,
  body:focus,
  div:focus,
  span:focus,
  applet:focus,
  object:focus,
  iframe:focus,
  h1:focus,
  h2:focus,
  h3:focus,
  h4:focus,
  h5:focus,
  h6:focus,
  p:focus,
  blockquote:focus,
  pre:focus,
  a:focus,
  abbr:focus,
  acronym:focus,
  address:focus,
  big:focus,
  cite:focus,
  code:focus,
  del:focus,
  dfn:focus,
  em:focus,
  img:focus,
  ins:focus,
  kbd:focus,
  q:focus,
  s:focus,
  samp:focus,
  small:focus,
  strike:focus,
  strong:focus,
  sub:focus,
  sup:focus,
  tt:focus,
  var:focus,
  b:focus,
  u:focus,
  i:focus,
  center:focus,
  dl:focus,
  dt:focus,
  dd:focus,
  ol:focus,
  ul:focus,
  li:focus,
  fieldset:focus,
  form:focus,
  label:focus,
  legend:focus,
  table:focus,
  caption:focus,
  tbody:focus,
  tfoot:focus,
  thead:focus,
  tr:focus,
  th:focus,
  td:focus,
  article:focus,
  aside:focus,
  canvas:focus,
  details:focus,
  embed:focus,
  figure:focus,
  figcaption:focus,
  footer:focus,
  header:focus,
  hgroup:focus,
  menu:focus,
  nav:focus,
  output:focus,
  ruby:focus,
  section:focus,
  summary:focus,
  time:focus,
  mark:focus,
  audio:focus,
  video:focus {
    outline: none;
  }
  /* HTML5 display-role reset for older browsers */
  article,
  aside,
  details,
  figcaption,
  figure,
  footer,
  header,
  hgroup,
  menu,
  nav,
  section {
    display: block;
  }
  body {
    line-height: 1;
  }
  ol,
  ul {
    list-style: none;
  }
  blockquote,
  q {
    quotes: none;
  }
  blockquote::before,
  blockquote::after,
  q::before,
  q::after {
    content: none;
  }
  table {
    border-spacing: 0;
    border-collapse: collapse;
  }
  strong,
  b {
    font-weight: 700;
  }
  /* Added this to disable default input search clear icon injected by specific browsers i,e chrome,edge etc */
  input[type=search]::-webkit-search-cancel-button {
    display: none;
  }
}
/* CSS imports remain as @import */
html {
  background-color: var(--background-level-3);
  font-family: "Roboto", sans-serif;
}
html.light {
  /* Themed colors for components */
  /* Colors which are made from a combination of colors in the base color palette
  (e.g. background color + overlay) */
  /* Colors which are a secondary blending of already-blended colors */
  /* export all of these as CSS4 variables */
  /* Either include them at :root context or global */
  --text-primary: rgba(0, 0, 0, 0.9);
  --text-secondary: rgba(0, 0, 0, 0.6);
  --text-selected: #fff;
  --text-link: #007aaa;
  --text-link-clicked: #79477e;
  --text-inverse-primary: #fff;
  --text-inverse-secondary: rgba(255, 255, 255, 0.7);
  --text-dark: rgba(0, 0, 0, 0.9);
  --text-dark-secondary: rgba(0, 0, 0, 0.6);
  --text-light: #fff;
  --text-light-secondary: rgba(255, 255, 255, 0.7);
  --button-text: #fff;
  --focus-find-highlight: #fff84d;
  --focus-find: rgba(255, 248, 77, 0.4);
  --hover: rgba(0, 0, 0, 0.1);
  --hover-large: rgba(0, 0, 0, 0.05);
  --error: #d0021b;
  --alert: #d0021b;
  --success: #099a49;
  --disabled-opacity: 0.4;
  --inverted: #fff;
  --click: rgba(255, 255, 255, 0.4);
  --focus-border-color: #007aaa;
  --focus-primary: #007aaa;
  --focus-primary-60: rgba(0, 122, 170, 0.6);
  --focus-secondary: #007aaa;
  --focus-tertiary: rgba(0, 122, 170, 0.6);
  --focus-selection: rgba(0, 122, 170, 0.2);
  --focus-selection-light: rgba(0, 122, 170, 0.1);
  --focus-timeline: rgba(0, 122, 170, 0.6);
  --shadow-level-1: 0 1px 3px 0 rgba(0, 0, 0, 0.3);
  --shadow-level-2: 0 2px 6px 0 rgba(0, 0, 0, 0.3);
  --shadow-level-3: 0 3px 9px 0 rgba(0, 0, 0, 0.3);
  --background-level-1: #f5f6f7;
  --background-level-2: #fff;
  --background-level-3: #fff;
  --background-blue-level-1: #eef6f9;
  --background-input: #fff;
  --background-input-light: #fff;
  --background-input-read: rgba(0, 0, 0, 0.1);
  --background-header: rgba(0, 0, 0, 0.05);
  --background-tooltip: #fff;
  --background-underlay: rgba(0, 0, 0, 0.7);
  --common-header-background: #213f59;
  --fill-light-level-1: rgba(255, 255, 255, 0.1);
  --fill-light-level-2: rgba(255, 255, 255, 0.2);
  --fill-light-level-3: rgba(255, 255, 255, 0.3);
  --fill-light-level-4: rgba(255, 255, 255, 0.4);
  --fill-dark-level-1: rgba(0, 0, 0, 0.1);
  --fill-dark-level-2: rgba(0, 0, 0, 0.2);
  --fill-dark-level-3: rgba(0, 0, 0, 0.3);
  --fill-dark-level-4: rgba(0, 0, 0, 0.4);
  --background-chat-bubble-outgoing: rgba(0, 122, 170, 0.1);
  --background-chat-bubble-incoming: rgba(0, 0, 0, 0.05);
  --background-callout: rgba(0, 0, 0, 0.05);
  --background-thumbnail: rgba(0, 0, 0, 0.05);
  --background-dropdown: #fff;
  --background-toast: #fff;
  --chip-red: #d0021b;
  --chip-gold: #ff8400;
  --chip-green: #099a49;
  --chip-blue: #007aaa;
  --chip-secondary: #662d91;
  --chip-neutral: rgba(0, 0, 0, 0.7);
  --chip-neutral-light: rgba(0, 0, 0, 0.1);
  --stroke-level-1: rgba(0, 0, 0, 0.1);
  --stroke-level-2: rgba(0, 0, 0, 0.2);
  --stroke-level-4: rgba(0, 0, 0, 0.4);
  --stroke-inverse-level-1: rgba(255, 255, 255, 0.1);
  --stroke-inverse-level-2: rgba(255, 255, 255, 0.2);
  --stroke-inverse-level-4: rgba(255, 255, 255, 0.4);
  --stroke-light-level-1: rgba(255, 255, 255, 0.1);
  --stroke-light-level-2: rgba(255, 255, 255, 0.2);
  --stroke-light-level-4: rgba(255, 255, 255, 0.4);
  --stroke-dark-level-1: rgba(0, 0, 0, 0.1);
  --stroke-dark-level-2: rgba(0, 0, 0, 0.2);
  --stroke-dark-level-4: rgba(0, 0, 0, 0.4);
  --focus-find-stroke: rgba(0, 0, 0, 0.2);
  --focus-find-stroke-highlight: rgba(0, 0, 0, 0.4);
  --icon-primary: rgba(0, 0, 0, 0.8);
  --icon-secondary: #fff;
  --icon-tertiary: rgba(0, 0, 0, 0.8);
  --icon-light: #fff;
  --icon-dark: rgba(0, 0, 0, 0.8);
  --icon-unfocused: rgba(0, 0, 0, 0.5);
  --icon-focus: #007aaa;
  --icon-inverse: #fff;
  --neutral: #4a4a4a;
  --neutral-40: rgba(74, 74, 74, 0.4);
  --neutral-70: rgba(74, 74, 74, 0.7);
  --neutral-level-1: rgba(0, 0, 0, 0.1);
  --neutral-level-2: rgba(0, 0, 0, 0.2);
  --neutral-level-3: rgba(0, 0, 0, 0.4);
  --primary: #000;
  --primary-80: rgba(0, 0, 0, 0.8);
  --primary-70: rgba(0, 0, 0, 0.7);
  --primary-60: rgba(0, 0, 0, 0.6);
  --primary-50: rgba(0, 0, 0, 0.5);
  --primary-40: rgba(0, 0, 0, 0.4);
  --primary-30: rgba(0, 0, 0, 0.3);
  --primary-20: rgba(0, 0, 0, 0.2);
  --primary-10: rgba(0, 0, 0, 0.1);
  --primary-05: rgba(0, 0, 0, 0.05);
  --emergency: #ff8400;
  --accent-light-blue: #00a5e5;
  --accent-light-blue-select: rgba(0, 165, 229, 0.2);
  --accent-med-blue: #005fbe;
  --accent-med-blue-select: rgba(0, 95, 190, 0.2);
  --accent-light-green: #b6bf00;
  --accent-light-green-select: rgba(182, 191, 0, 0.2);
  --accent-dark-green: #6b711e;
  --accent-dark-green-select: rgba(107, 113, 30, 0.2);
  --accent-med-purple: #662d91;
  --accent-med-purple-select: rgba(55, 32, 124, 0.2);
  --accent-dark-purple: #37207c;
  --accent-dark-purple-select: rgba(55, 32, 124, 0.2);
  --accent-med-gold: #fcb400;
  --accent-med-gold-select: rgba(252, 180, 0, 0.2);
  --accent-dark-gold: #c97d00;
  --accent-dark-gold-select: rgba(201, 125, 0, 0.2);
  --accent-med-brown: #734c45;
  --accent-med-brown-select: rgba(115, 76, 69, 0.2);
  --accent-primary-highlight: #28b1ec;
  --accent-primary-highlight-select: rgba(0, 122, 170, 0.3);
  --accent-success: #099a49;
  --accent-success-select: rgba(9, 154, 73, 0.2);
  --accent-slate: #37667c;
  --accent-slate-select: rgba(55, 102, 124, 0.2);
  --accent-error: #ff4d4d;
  --accent-error-select: rgba(208, 2, 27, 0.2);
  --chart-med-blue-1: #007aaa;
  --chart-med-blue-2: #3395bb;
  --chart-med-blue-3: #59a8c8;
  --chart-med-blue-4: #7fbcd4;
  --chart-med-blue-5: #a6d1e1;
  --chart-slate-1: #37667c;
  --chart-slate-2: #5f8596;
  --chart-slate-3: #7d9caa;
  --chart-slate-4: #9bb2bd;
  --chart-slate-5: #b9c9d1;
  --icon-filter: invert(0%) sepia(0%) saturate(7500%) hue-rotate(152deg) brightness(99%) contrast(105%) opacity(90%);
  --dark-to-light-filter: none;
  --light-to-dark-filter: invert(100%);
  --action-button-text: #007aaa;
  --button-background: #007aaa;
  --button-overlay: rgba(0, 0, 0, 0.1);
  --button-border-color: rgba(255, 255, 255, 0.1);
  --button-secondary: #007aaa;
  --callout-error-background: rgba(208, 2, 27, 0.2);
  --callout-error-border: rgba(208, 2, 27, 0.6);
  --callout-error-icon: #d0021b;
  --callout-info-background: rgba(0, 122, 170, 0.2);
  --callout-info-border: rgba(0, 122, 170, 0.6);
  --callout-success-background: rgba(9, 154, 73, 0.2);
  --callout-success-border: rgba(9, 154, 73, 0.6);
  --callout-warning-background: rgba(252, 180, 0, 0.2);
  --callout-warning-border: rgba(252, 180, 0, 0.6);
  --header-background-color: #213f59;
  --input-background: #fff;
  --input-background-read: rgba(0, 0, 0, 0.1);
  --input-border-color: rgba(0, 0, 0, 0.2);
  --input-secondary-background: #eef6f9;
  --input-secondary-background-read: rgba(0, 0, 0, 0.1);
  --input-secondary-border-color: rgba(0, 0, 0, 0.2);
  --modal-background: #fff;
  --slider-track: rgba(0, 0, 0, 0.2);
  --slider-handle-background: #fff;
  --slider-handle-border-color: rgba(0, 0, 0, 0.4);
  --tooltip-background: #fff;
  --item-selection-primary: #007aaa;
  --item-selection-primary-light: rgba(0, 122, 170, 0.2);
  --item-selection-text-color-light: #fff;
  --table-frozen-shadow-color: rgba(0, 0, 0, 0.3);
  --table-background: #fff;
  --sidepanel-header-background-color: #f5f6f7;
  --button-enabled: #007aaa;
  --button-hover: rgb(0, 98.82, 137.7);
  --button-pressed: #007aaa;
  --button-pressed-hover: rgb(0, 109.8, 153);
  --input-hover: rgb(229.5, 229.5, 229.5);
  --slider-handle-hover: rgb(229.5, 229.5, 229.5);
  --toggle-handle-border-color: rgba(0, 0, 0, 0.2);
  --item-selection-hover: rgb(0, 109.8, 153);
  --item-selection-hover-light: rgba(0, 78.4285714286, 109.2857142857, 0.28);
  --table-hover: rgb(229.5, 229.5, 229.5);
  --table-selection: rgb(204, 228.4, 238);
  --table-selection-hover: rgb(183.6, 205.56, 214.2)
}
html.dark {
  /* Themed colors for components */
  /* Colors which are made from a combination of colors in the base color palette
  (e.g. background color + overlay) */
  /* Colors which are a secondary blending of already-blended colors */
  /* export all of these as CSS4 variables */
  /* Either include them at :root context or global */
  --text-primary: #fff;
  --text-secondary: rgba(255, 255, 255, 0.7);
  --text-selected: #fff;
  --text-link: #007aaa;
  --text-link-clicked: #79477e;
  --text-inverse-primary: rgba(0, 0, 0, 0.9);
  --text-inverse-secondary: rgba(0, 0, 0, 0.6);
  --text-dark: rgba(0, 0, 0, 0.9);
  --text-dark-secondary: rgba(0, 0, 0, 0.6);
  --text-light: #fff;
  --text-light-secondary: rgba(255, 255, 255, 0.7);
  --button-text: #fff;
  --focus-find-highlight: #fff84d;
  --focus-find: rgba(255, 248, 77, 0.7);
  --hover: rgba(255, 255, 255, 0.1);
  --hover-large: rgba(255, 255, 255, 0.05);
  --error: #ff4d4d;
  --alert: #ff4d4d;
  --success: #099a49;
  --disabled-opacity: 0.4;
  --inverted: #000;
  --click: rgba(255, 255, 255, 0.4);
  --focus-border-color: #007aaa;
  --focus-primary: #007aaa;
  --focus-primary-60: rgba(0, 122, 170, 0.6);
  --focus-secondary: #28b1ec;
  --focus-tertiary: rgba(0, 122, 170, 0.8);
  --focus-selection: rgba(0, 122, 170, 0.5);
  --focus-selection-light: rgba(0, 122, 170, 0.4);
  --focus-timeline: rgba(0, 122, 170, 0.6);
  --shadow-level-1: 0 1px 3px 0 rgba(0, 0, 0, 0.5);
  --shadow-level-2: 0 2px 6px 0 rgba(0, 0, 0, 0.5);
  --shadow-level-3: 0 3px 9px 0 rgba(0, 0, 0, 0.5);
  --background-level-1: #000912;
  --background-level-2: #142737;
  --background-level-3: #142737;
  --background-blue-level-1: #000912;
  --background-input: #142737;
  --background-input-light: #fff;
  --background-input-read: rgba(255, 255, 255, 0.1);
  --background-header: rgba(255, 255, 255, 0.05);
  --background-tooltip: #4a4a4a;
  --background-underlay: rgba(0, 0, 0, 0.7);
  --common-header-background: #001526;
  --fill-light-level-1: rgba(255, 255, 255, 0.1);
  --fill-light-level-2: rgba(255, 255, 255, 0.2);
  --fill-light-level-3: rgba(255, 255, 255, 0.3);
  --fill-light-level-4: rgba(255, 255, 255, 0.4);
  --fill-dark-level-1: rgba(0, 0, 0, 0.1);
  --fill-dark-level-2: rgba(0, 0, 0, 0.2);
  --fill-dark-level-3: rgba(0, 0, 0, 0.3);
  --fill-dark-level-4: rgba(0, 0, 0, 0.4);
  --background-chat-bubble-outgoing: rgba(0, 122, 170, 0.2);
  --background-chat-bubble-incoming: rgba(255, 255, 255, 0.1);
  --background-callout: rgba(0, 0, 0, 0.1);
  --background-thumbnail: rgba(255, 255, 255, 0.05);
  --background-dropdown: #2c3d4b;
  --background-toast: #2c3d4b;
  --chip-red: #ff4d4d;
  --chip-gold: #ff8400;
  --chip-green: #099a49;
  --chip-blue: #007aaa;
  --chip-secondary: #8f66af;
  --chip-neutral: rgba(255, 255, 255, 0.4);
  --chip-neutral-light: rgba(255, 255, 255, 0.2);
  --stroke-level-1: rgba(255, 255, 255, 0.1);
  --stroke-level-2: rgba(255, 255, 255, 0.2);
  --stroke-level-4: rgba(255, 255, 255, 0.4);
  --stroke-inverse-level-1: rgba(0, 0, 0, 0.1);
  --stroke-inverse-level-2: rgba(0, 0, 0, 0.2);
  --stroke-inverse-level-4: rgba(0, 0, 0, 0.4);
  --stroke-light-level-1: rgba(255, 255, 255, 0.1);
  --stroke-light-level-2: rgba(255, 255, 255, 0.2);
  --stroke-light-level-4: rgba(255, 255, 255, 0.4);
  --stroke-dark-level-1: rgba(0, 0, 0, 0.1);
  --stroke-dark-level-2: rgba(0, 0, 0, 0.2);
  --stroke-dark-level-4: rgba(0, 0, 0, 0.4);
  --focus-find-stroke: rgba(0, 0, 0, 0.2);
  --focus-find-stroke-highlight: rgba(0, 0, 0, 0.4);
  --icon-primary: #fff;
  --icon-secondary: #fff;
  --icon-tertiary: rgba(0, 0, 0, 0.8);
  --icon-light: #fff;
  --icon-dark: rgba(0, 0, 0, 0.8);
  --icon-unfocused: rgba(255, 255, 255, 0.5);
  --icon-focus: #28b1ec;
  --icon-inverse: rgba(0, 0, 0, 0.8);
  --neutral: #a6abaf;
  --neutral-40: rgba(166, 171, 175, 0.4);
  --neutral-70: rgba(166, 171, 175, 0.7);
  --neutral-level-1: rgba(255, 255, 255, 0.1);
  --neutral-level-2: rgba(255, 255, 255, 0.2);
  --neutral-level-3: rgba(255, 255, 255, 0.4);
  --primary: #fff;
  --primary-80: rgba(255, 255, 255, 0.8);
  --primary-70: rgba(255, 255, 255, 0.7);
  --primary-60: rgba(255, 255, 255, 0.6);
  --primary-50: rgba(255, 255, 255, 0.5);
  --primary-40: rgba(255, 255, 255, 0.4);
  --primary-30: rgba(255, 255, 255, 0.3);
  --primary-20: rgba(255, 255, 255, 0.2);
  --primary-10: rgba(255, 255, 255, 0.1);
  --primary-05: rgba(255, 255, 255, 0.05);
  --emergency: #ff8400;
  --accent-light-blue: #00caff;
  --accent-light-blue-select: rgba(0, 202, 255, 0.35);
  --accent-med-blue: #3694ed;
  --accent-med-blue-select: rgba(54, 148, 237, 0.35);
  --accent-light-green: #cfd900;
  --accent-light-green-select: rgba(207, 217, 0, 0.35);
  --accent-dark-green: #a0a634;
  --accent-dark-green-select: rgba(160, 166, 52, 0.35);
  --accent-med-purple: #8f66af;
  --accent-med-purple-select: rgba(118, 95, 197, 0.35);
  --accent-dark-purple: #765fc5;
  --accent-dark-purple-select: rgba(118, 95, 197, 0.35);
  --accent-med-gold: #ffd469;
  --accent-med-gold-select: rgba(255, 212, 105, 0.45);
  --accent-dark-gold: #dcaa59;
  --accent-dark-gold-select: rgba(220, 170, 89, 0.35);
  --accent-med-brown: #a67f79;
  --accent-med-brown-select: rgba(166, 127, 121, 0.35);
  --accent-primary-highlight: #28b1ec;
  --accent-primary-highlight-select: rgba(0, 122, 170, 0.3);
  --accent-success: #5fbd89;
  --accent-success-select: rgba(95, 189, 137, 0.35);
  --accent-slate: #7394a4;
  --accent-slate-select: rgba(115, 148, 164, 0.35);
  --accent-error: #ff4d4d;
  --accent-error-select: rgba(255, 77, 77, 0.3);
  --chart-med-blue-1: #99cadd;
  --chart-med-blue-2: #73b6d0;
  --chart-med-blue-3: #4ca2c3;
  --chart-med-blue-4: #268eb7;
  --chart-med-blue-5: #007aaa;
  --chart-slate-1: #afc2cb;
  --chart-slate-2: #91abb7;
  --chart-slate-3: #7394a3;
  --chart-slate-4: #557d90;
  --chart-slate-5: #37667c;
  --icon-filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(39deg) brightness(102%) contrast(102%);
  --dark-to-light-filter: invert(100%);
  --light-to-dark-filter: none;
  --action-button-text: #28b1ec;
  --button-background: #007aaa;
  --button-overlay: rgba(0, 0, 0, 0.1);
  --button-border-color: rgba(255, 255, 255, 0.1);
  --button-secondary: #28b1ec;
  --callout-error-background: rgba(208, 2, 27, 0.4);
  --callout-error-border: #ff4d4d;
  --callout-error-icon: #ff4d4d;
  --callout-info-background: rgba(0, 122, 170, 0.4);
  --callout-info-border: #007aaa;
  --callout-success-background: rgba(9, 154, 73, 0.4);
  --callout-success-border: #099a49;
  --callout-warning-background: rgba(252, 180, 0, 0.4);
  --callout-warning-border: #fcb400;
  --header-background-color: #001526;
  --input-background: #001526;
  --input-background-read: rgba(255, 255, 255, 0.05);
  --input-border-color: rgba(255, 255, 255, 0.2);
  --input-secondary-background: rgba(255, 255, 255, 0.1);
  --input-secondary-background-read: rgba(255, 255, 255, 0.05);
  --input-secondary-border-color: rgba(255, 255, 255, 0.1);
  --modal-background: #142737;
  --slider-track: rgba(255, 255, 255, 0.1);
  --slider-handle-background: #fff;
  --slider-handle-border-color: transparent;
  --tooltip-background: #4a4a4a;
  --item-selection-primary: #007aaa;
  --item-selection-primary-light: rgba(0, 122, 170, 0.5);
  --item-selection-text-color-light: #fff;
  --table-frozen-shadow-color: rgba(0, 0, 0, 0.5);
  --table-background: #142737;
  --sidepanel-header-background-color: #344252;
  --button-enabled: rgb(0, 109.8, 153);
  --button-hover: rgb(25.5, 124.32, 163.2);
  --button-pressed: #007aaa;
  --button-pressed-hover: rgb(25.5, 135.3, 178.5);
  --input-hover: rgba(255, 255, 255, 0.1);
  --slider-handle-hover: rgb(229.5, 229.5, 229.5);
  --toggle-handle-border-color: transparent;
  --item-selection-hover: rgb(25.5, 135.3, 178.5);
  --item-selection-hover-light: rgba(46.3636363636, 146.1818181818, 185.4545454545, 0.55);
  --table-hover: rgb(43.5, 60.6, 75);
  --table-selection: rgb(10, 80.5, 112.5);
  --table-selection-hover: rgb(34.5, 97.95, 126.75)
}

html,
body {
  height: 100%;
}