/*!**********************************************************************************************************************************************************************************************************************************************!*\
  !*** 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.core.css?ngGlobalStyle ***!
  \**********************************************************************************************************************************************************************************************************************************************/
/*!
 * 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}

/*# sourceMappingURL=quill.core.css.map*/
/*!**********************************************************************************************************************************************************************************************************************************************!*\
  !*** 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?ngGlobalStyle ***!
  \**********************************************************************************************************************************************************************************************************************************************/
/*!
 * 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}

/*# sourceMappingURL=quill.snow.css.map*/
/*!********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/ng-diagram/primitives.css ***!
  \********************************************************************************************************************************************************************************************************************************/
/**
 * Do not edit directly, this file was auto-generated.
 */

:root {
  --ngd-colors-gray-100: #ffffff;
  --ngd-colors-gray-200: #f7f7f7;
  --ngd-colors-gray-300: #edeff3;
  --ngd-colors-gray-400: #d5d8e0;
  --ngd-colors-gray-450: #c2c0c0;
  --ngd-colors-gray-500: #6f7480;
  --ngd-colors-gray-600: #4d5059;
  --ngd-colors-gray-650: #383a40;
  --ngd-colors-gray-700: #27282b;
  --ngd-colors-gray-800: #151516;
  --ngd-colors-gray-900-5: rgba(7, 7, 8, 0.05);
  --ngd-colors-gray-900-20: rgba(7, 7, 8, 0.2);
  --ngd-colors-gray-900-50: rgba(7, 7, 8, 0.5);
  --ngd-colors-acc1-400: #a977ff;
  --ngd-colors-acc1-500: #9140ff;
  --ngd-colors-acc1-500-40: rgba(145, 64, 255, 0.4);
  --ngd-colors-acc1-500-50: rgba(145, 64, 255, 0.5);
  --ngd-colors-acc1-600: #891aff;
  --ngd-colors-acc4-500: #1096e7;
}

/*!****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/ng-diagram/tokens.css ***!
  \****************************************************************************************************************************************************************************************************************************/
/* DEFAULT LIGHT THEME */
:root {
  --ngd-shadow: var(--ngd-colors-gray-900-20);
  --ngd-txt-primary-default: var(--ngd-colors-gray-800);
  --ngd-nav-button-primary-default: var(--ngd-colors-gray-600);
  --ngd-nav-button-primary-pressed: var(--ngd-colors-acc1-600);
  --ngd-nav-button-primary-hover: var(--ngd-colors-gray-900-5);
  --ngd-nav-button-primary-disabled: var(--ngd-colors-gray-450);
  --ngd-diagram-background-color: var(--ngd-colors-gray-200);
  --ngd-ui-bg-primary-default: var(--ngd-colors-gray-100);
  --ngd-ui-bg-tertiary-default: var(--ngd-colors-gray-200);
  --ngd-ui-stroke-primary-focus: var(--ngd-colors-gray-500);
  --ngd-pt-stroke-primary-default: var(--ngd-colors-gray-600);
  --ngd-node-bg-primary-default: var(--ngd-colors-gray-100);
  --ngd-node-stroke-primary-default: var(--ngd-colors-gray-400);
  --ngd-node-stroke-primary-hover: var(--ngd-colors-acc1-500);
  --ngd-node-port-fill-default: var(--ngd-colors-gray-100);
  --ngd-node-port-fill-active: var(--ngd-colors-acc1-500);
  --ngd-node-port-stroke-default: var(--ngd-colors-gray-500);
  --ngd-node-port-stroke-active: var(--ngd-colors-gray-100);
  --ngd-transform-box: var(--ngd-colors-acc4-500);
  --ngd-focus-ring-node-active: var(--ngd-colors-acc1-500-40);
  --ngd-button-gray-bg-default: var(--ngd-colors-gray-500);
  --ngd-button-gray-bg-hover: var(--ngd-colors-gray-600);
  --ngd-button-gray-bg-active: var(--ngd-colors-gray-650);
  --ngd-default-edge-label-bg-primary-default: var(--ngd-colors-gray-100);
  --ngd-background-line-minor-color: var(--ngd-colors-gray-450);
  --ngd-background-line-major-color: var(--ngd-colors-gray-500);
  --ngd-ui-border-color: var(--ngd-colors-gray-300);
  --ngd-minimap-bg-primary-default: var(--ngd-colors-gray-100);
  --ngd-minimap-stroke-primary-default: var(--ngd-colors-gray-400);
}

/* OPTIONAL DARK THEME */
html[data-theme='dark'] {
  --ngd-shadow: var(--ngd-colors-gray-900-50);
  --ngd-txt-primary-default: var(--ngd-colors-gray-100);
  --ngd-nav-button-primary-default: var(--ngd-colors-gray-400);
  --ngd-nav-button-primary-pressed: var(--ngd-colors-acc1-500);
  --ngd-nav-button-primary-hover: var(--ngd-colors-gray-900-5);
  --ngd-nav-button-primary-disabled: var(--ngd-colors-gray-600);
  --ngd-diagram-background-color: var(--ngd-colors-gray-800);
  --ngd-ui-bg-primary-default: var(--ngd-colors-gray-700);
  --ngd-ui-bg-tertiary-default: var(--ngd-colors-gray-800);
  --ngd-ui-stroke-primary-focus: var(--ngd-colors-gray-500);
  --ngd-pt-stroke-primary-default: var(--ngd-colors-gray-200);
  --ngd-node-bg-primary-default: var(--ngd-colors-gray-700);
  --ngd-node-stroke-primary-default: var(--ngd-colors-gray-600);
  --ngd-node-stroke-primary-hover: var(--ngd-colors-acc1-400);
  --ngd-node-port-fill-default: var(--ngd-colors-gray-100);
  --ngd-node-port-fill-active: var(--ngd-colors-acc1-500);
  --ngd-node-port-stroke-default: var(--ngd-colors-gray-500);
  --ngd-node-port-stroke-active: var(--ngd-colors-gray-100);
  --ngd-transform-box: var(--ngd-colors-acc4-500);
  --ngd-focus-ring-node-active: var(--ngd-colors-acc1-500-40);
  --ngd-button-gray-bg-default: var(--ngd-colors-gray-650);
  --ngd-button-gray-bg-hover: var(--ngd-colors-gray-600);
  --ngd-button-gray-bg-active: var(--ngd-colors-gray-500);
  --ngd-default-edge-label-bg-primary-default: var(--ngd-colors-gray-700);
  --ngd-background-line-minor-color: var(--ngd-colors-gray-700);
  --ngd-background-line-major-color: var(--ngd-colors-gray-600);
  --ngd-ui-border-color: var(--ngd-colors-gray-700);
  --ngd-minimap-bg-primary-default: var(--ngd-colors-gray-700);
  --ngd-minimap-stroke-primary-default: var(--ngd-colors-gray-600);
}

/*!******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/ng-diagram/styles.css?ngGlobalStyle ***!
  \******************************************************************************************************************************************************************************************************************************************/
:root {
  --ngd-node-background-color: var(--ngd-node-bg-primary-default);
  --ngd-node-border-color: var(--ngd-node-stroke-primary-default);
  --ngd-node-border-color-hover: var(--ngd-node-stroke-primary-hover);
  --ngd-node-border-radius: 0.75rem;
  --ngd-node-border-size: 0.0625rem;

  --ngd-group-border-color: var(--ngd-ui-stroke-primary-focus);
  --ngd-group-border-color-hover: var(--ngd-pt-stroke-primary-default);
  --ngd-group-border-color-highlight: var(--ngd-colors-acc1-500);
  --ngd-group-box-shadow-color-highlight: var(--ngd-colors-acc1-500-50);
  --ngd-group-background-color-highlight: var(--ngd-colors-gray-400);
  --ngd-group-border-radius: 0.75rem;
  --ngd-group-highlight-size: 1.25rem;

  --ngd-selected-node-box-shadow: 0 0 0 0.25rem var(--ngd-focus-ring-node-active);

  --ngd-rotate-handle-size: 2rem;
  --ngd-rotate-handle-distance: 2rem;
  --ngd-rotate-handle-background-color: var(--ngd-button-gray-bg-default);
  --ngd-rotate-handle-background-color-hover: var(--ngd-button-gray-bg-hover);
  --ngd-rotate-handle-background-color-active: var(--ngd-button-gray-bg-active);
  --ngd-rotate-handle-xy: calc(-0.7071 * var(--ngd-rotate-handle-distance));
  --ngd-rotate-handle-top: var(--ngd-rotate-handle-xy);
  --ngd-rotate-handle-right: var(--ngd-rotate-handle-xy);

  --ngd-resize-line-border-width: 0.0625rem;
  --ngd-resize-line-border-style: solid;
  --ngd-resize-line-border-color: var(--ngd-transform-box);

  --ngd-resize-handle-size: 0.375rem;
  --ngd-resize-handle-background-color: var(--ngd-ui-bg-primary-default);
  --ngd-resize-handle-border-size: 0.0625rem;
  --ngd-resize-handle-border-style: solid;
  --ngd-resize-handle-border-color: var(--ngd-transform-box);
  --ngd-resize-handle-border-radius: 0;

  --ngd-port-size: 0.25rem;
  --ngd-port-background-color: var(--ngd-node-port-fill-default);
  --ngd-port-border-color: var(--ngd-node-port-stroke-default);
  --ngd-port-border-size: 0.125rem;
  --ngd-port-border-radius: 50%;
  --ngd-port-background-color-hover: var(--ngd-node-port-fill-active);
  --ngd-port-border-color-hover: var(--ngd-node-port-stroke-active);
  --ngd-port-border-size-hover: 0.25rem;

  --ngd-default-edge-stroke: var(--ngd-colors-gray-500);
  --ngd-default-edge-stroke-hover: var(--ngd-colors-gray-700);
  --ngd-default-edge-stroke-selected: var(--ngd-colors-acc1-500);

  --ngd-box-selection-border-color: #961ce7;
  --ngd-box-selection-border-size: 1px;
  --ngd-box-selection-background: rgba(43, 91, 213, 0.12);

  --ngd-default-edge-label-background-color: var(--ngd-default-edge-label-bg-primary-default);
  --ngd-default-edge-label-color: var(--ngd-txt-primary-default);
  --ngd-default-edge-label-border-color: var(--ngd-colors-gray-500);

  --ngd-background-dot-color: var(--ngd-colors-gray-500);

  --ngd-background-line-minor-width: 0.5;
  --ngd-background-line-major-width: 1;
  --ngd-background-line-minor-opacity: 0.5;
  --ngd-background-line-major-opacity: 0.6;

  --ngd-minimap-background: var(--ngd-minimap-bg-primary-default);
  --ngd-minimap-border-color: var(--ngd-minimap-stroke-primary-default);
  --ngd-minimap-shadow-color: var(--ngd-shadow);
  --ngd-minimap-border-radius: 1rem;
  --ngd-minimap-padding: 0.5rem;
  --ngd-minimap-margin: 1rem;

  --ngd-minimap-node-color: var(--ngd-colors-gray-400);
  --ngd-minimap-node-opacity: 0.8;

  --ngd-minimap-diagram-bounds-opacity: 0.3;
  --ngd-minimap-diagram-bounds-color: var(--ngd-colors-gray-400);

  --ngd-minimap-viewport-stroke-color: var(--ngd-colors-gray-400);
  --ngd-minimap-viewport-stroke-width: 1;

  --ngd-nav-button-color: var(--ngd-nav-button-primary-default);
  --ngd-nav-button-size: 1.25rem;
  --ngd-nav-button-border-radius: 0.5rem;
  --ngd-nav-button-padding: 0.6875rem;
  --ngd-nav-button-background-color-hover: var(--ngd-nav-button-primary-hover);
  --ngd-nav-button-color-active: var(--ngd-nav-button-primary-pressed);
  --ngd-nav-button-color-disabled: var(--ngd-nav-button-primary-disabled);

  --ngd-zoom-controls-font-size: 0.8125rem;
  --ngd-zoom-controls-font-weight: 500;
  --ngd-zoom-controls-color: var(--ngd-nav-button-primary-default);
}

.ng-diagram-port-hoverable .ng-diagram-port:hover,
.ng-diagram-port-hoverable .ng-diagram-port:hover,
.ng-diagram-port-hoverable .ng-diagram-port.custom-content:hover .content-projection,
.ng-diagram-port-hoverable-over-node:hover:not(:has(.ng-diagram-rotate-handle:hover)):not(:has([data-rotating]))
  .ng-diagram-port.custom-content
  .content-projection,
.ng-diagram-port-hoverable-over-node:hover:not(:has(.ng-diagram-rotate-handle:hover)):not(:has([data-rotating]))
  .ng-diagram-port {
  background-color: var(--ngd-port-background-color-hover);
  border-color: var(--ngd-port-background-color-hover);
  /*
    Temporary 1px offset solution fixing the issue with white space being rendered
    between the outline and the border of the port. `transform: scale()` could be
    used instead, but it's causing visual distortions on the whole page in Safari.
  */
  outline: calc(1px + var(--ngd-port-border-size)) solid var(--ngd-port-background-color-hover);
  outline-offset: -1px;

  box-shadow: 0 0 0 var(--ngd-port-border-size-hover) var(--ngd-port-border-color-hover);
}

.ng-diagram-node-wrapper {
  &:not(.ng-diagram-node-selected) {
    transition: box-shadow 0.1s ease-in-out;
  }

  &.ng-diagram-group-highlight,
  &.ng-diagram-group.ng-diagram-group-highlight {
    border-color: var(--ngd-group-border-color-highlight);
    box-shadow: 0px 0px var(--ngd-group-highlight-size) 0px var(--ngd-group-box-shadow-color-highlight) inset;
  }

  &.ng-diagram-node-selected {
    box-shadow: var(--ngd-selected-node-box-shadow);
  }
}

ng-diagram {
  *,
  *::before,
  *::after {
    box-sizing: border-box;
  }
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/app/core/styles/material.scss?ngGlobalStyle ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Note: Color palettes are generated from primary: #F64E60, tertiary: #43BE56 */
html {
  /* Primary palette variables */
  --mat-sys-primary: light-dark(#F64E60, #ffb3b4);
  --mat-sys-on-primary: light-dark(#ffffff, #680017);
  --mat-sys-primary-container: light-dark(#FEEDEF, #920024);
  --mat-sys-on-primary-container: light-dark(#40000b, #ffdada);
  --mat-sys-inverse-primary: light-dark(#ffb3b4, #b71d38);
  --mat-sys-primary-fixed: light-dark(#ffdada, #ffdada);
  --mat-sys-primary-fixed-dim: light-dark(#ffb3b4, #ffb3b4);
  --mat-sys-on-primary-fixed: light-dark(#40000b, #40000b);
  --mat-sys-on-primary-fixed-variant: light-dark(#920024, #920024);
  /* Secondary palette variables */
  --mat-sys-secondary: light-dark(#9b4148, #ffb3b4);
  --mat-sys-on-secondary: light-dark(#ffffff, #5f141d);
  --mat-sys-secondary-container: light-dark(#ffdada, #7c2a32);
  --mat-sys-on-secondary-container: light-dark(#40000b, #ffdada);
  --mat-sys-secondary-fixed: light-dark(#ffdada, #ffdada);
  --mat-sys-secondary-fixed-dim: light-dark(#ffb3b4, #ffb3b4);
  --mat-sys-on-secondary-fixed: light-dark(#40000b, #40000b);
  --mat-sys-on-secondary-fixed-variant: light-dark(#7c2a32, #7c2a32);
  /* Tertiary palette variables */
  --mat-sys-tertiary: light-dark(#43BE56, #65df72);
  --mat-sys-on-tertiary: light-dark(#ffffff, #00390e);
  --mat-sys-tertiary-container: light-dark(#82fc8b, #005319);
  --mat-sys-on-tertiary-container: light-dark(#002106, #82fc8b);
  --mat-sys-tertiary-fixed: light-dark(#82fc8b, #82fc8b);
  --mat-sys-tertiary-fixed-dim: light-dark(#65df72, #65df72);
  --mat-sys-on-tertiary-fixed: light-dark(#002106, #002106);
  --mat-sys-on-tertiary-fixed-variant: light-dark(#005319, #005319);
  /* Neutral palette variables */
  --mat-sys-background: light-dark(#fff8f7, #1d1010);
  --mat-sys-on-background: light-dark(#261818, #f8dcdc);
  --mat-sys-surface: light-dark(#fff8f7, #1d1010);
  --mat-sys-surface-dim: light-dark(#efd4d3, #1d1010);
  --mat-sys-surface-bright: light-dark(#fff8f7, #463535);
  --mat-sys-surface-container-low: light-dark(#fff0f0, #261818);
  --mat-sys-surface-container-lowest: light-dark(#ffffff, #180b0b);
  --mat-sys-surface-container: light-dark(#FFFFFF, #2b1c1c);
  --mat-sys-surface-container-high: light-dark(#fee2e1, #362626);
  --mat-sys-surface-container-highest: light-dark(#f8dcdc, #423031);
  --mat-sys-on-surface: light-dark(#261818, #f8dcdc);
  --mat-sys-shadow: light-dark(#000000, #000000);
  --mat-sys-scrim: light-dark(#000000, #000000);
  --mat-sys-surface-tint: light-dark(#b71d38, #ffb3b4);
  --mat-sys-inverse-surface: light-dark(#3d2c2c, #f8dcdc);
  --mat-sys-inverse-on-surface: light-dark(#ffedec, #3d2c2c);
  --mat-sys-outline: light-dark(#8e7070, #a98989);
  --mat-sys-outline-variant: light-dark(#e2bebe, #5a4041);
  --mat-sys-neutral10: light-dark(#261818, #261818); /* Variable used for the form field native select option text color */
  /* Error palette variables */
  --mat-sys-error: light-dark(#ba1a1a, #ffb4ab);
  --mat-sys-on-error: light-dark(#ffffff, #690005);
  --mat-sys-error-container: light-dark(#ffdad6, #93000a);
  --mat-sys-on-error-container: light-dark(#410002, #ffdad6);
  /* Neutral variant palette variables */
  --mat-sys-surface-variant: light-dark(#F1F4F9, #5a4041);
  --mat-sys-on-surface-variant: light-dark(#5a4041, #e2bebe);
  --mat-sys-neutral-variant20: light-dark(#422a2b, #422a2b); /* Variable used for the sidenav scrim (container background shadow when opened) */
  /* TYPOGRAPHY SYSTEM VARIABLES */
  /* Typography variables. Only used in the different typescale system variables. */
  --mat-sys-brand-font-family: Inter; /* The font-family to use for brand text. */
  --mat-sys-plain-font-family: Inter; /* The font-family to use for plain text. */
  --mat-sys-bold-font-weight: 700; /* The font-weight to use for bold text. */
  --mat-sys-medium-font-weight: 500; /* The font-weight to use for medium text. */
  --mat-sys-regular-font-weight: 400; /* The font-weight to use for regular text. */
  /* Typescale variables. */
  /* Warning: Risk of reduced fidelity from using the composite typography tokens (ex. --mat-sys-body-large) since
     tracking cannot be represented in the "font" property shorthand. Consider using the discrete properties instead. */
  --mat-sys-body-large: var(--mat-sys-body-large-weight) var(--mat-sys-body-large-size) / var(--mat-sys-body-large-line-height) var(--mat-sys-body-large-font);
  --mat-sys-body-large-font: var(--mat-sys-plain-font-family);
  --mat-sys-body-large-line-height: 1.5rem;
  --mat-sys-body-large-size: 1rem;
  --mat-sys-body-large-tracking: 0.031rem;
  --mat-sys-body-large-weight: var(--mat-sys-regular-font-weight);
  /* Body medium typescale */
  --mat-sys-body-medium: var(--mat-sys-body-medium-weight) var(--mat-sys-body-medium-size) / var(--mat-sys-body-medium-line-height) var(--mat-sys-body-medium-font);
  --mat-sys-body-medium-font: var(--mat-sys-plain-font-family);
  --mat-sys-body-medium-line-height: 1.25rem;
  --mat-sys-body-medium-size: 0.875rem;
  --mat-sys-body-medium-tracking: 0.016rem;
  --mat-sys-body-medium-weight: var(--mat-sys-regular-font-weight);
  /* Body small typescale */
  --mat-sys-body-small: var(--mat-sys-body-small-weight) var(--mat-sys-body-small-size) / var(--mat-sys-body-small-line-height) var(--mat-sys-body-small-font);
  --mat-sys-body-small-font: var(--mat-sys-plain-font-family);
  --mat-sys-body-small-line-height: 1rem;
  --mat-sys-body-small-size: 0.75rem;
  --mat-sys-body-small-tracking: 0.025rem;
  --mat-sys-body-small-weight: var(--mat-sys-regular-font-weight);
  /* Display large typescale */
  --mat-sys-display-large: var(--mat-sys-display-large-weight) var(--mat-sys-display-large-size) / var(--mat-sys-display-large-line-height) var(--mat-sys-display-large-font);
  --mat-sys-display-large-font: var(--mat-sys-brand-font-family);
  --mat-sys-display-large-line-height: 4rem;
  --mat-sys-display-large-size: 3.562rem;
  --mat-sys-display-large-tracking: -0.016rem;
  --mat-sys-display-large-weight: var(--mat-sys-regular-font-weight);
  /* Display medium typescale */
  --mat-sys-display-medium: var(--mat-sys-display-medium-weight) var(--mat-sys-display-medium-size) / var(--mat-sys-display-medium-line-height) var(--mat-sys-display-medium-font);
  --mat-sys-display-medium-font: var(--mat-sys-brand-font-family);
  --mat-sys-display-medium-line-height: 3.25rem;
  --mat-sys-display-medium-size: 2.812rem;
  --mat-sys-display-medium-tracking: 0;
  --mat-sys-display-medium-weight: var(--mat-sys-regular-font-weight);
  /* Display small typescale */
  --mat-sys-display-small: var(--mat-sys-display-small-weight) var(--mat-sys-display-small-size) / var(--mat-sys-display-small-line-height) var(--mat-sys-display-small-font);
  --mat-sys-display-small-font: var(--mat-sys-brand-font-family);
  --mat-sys-display-small-line-height: 2.75rem;
  --mat-sys-display-small-size: 2.25rem;
  --mat-sys-display-small-tracking: 0;
  --mat-sys-display-small-weight: var(--mat-sys-regular-font-weight);
  /* Headline large typescale */
  --mat-sys-headline-large: var(--mat-sys-headline-large-weight) var(--mat-sys-headline-large-size) / var(--mat-sys-headline-large-line-height) var(--mat-sys-headline-large-font);
  --mat-sys-headline-large-font: var(--mat-sys-brand-font-family);
  --mat-sys-headline-large-line-height: 2.5rem;
  --mat-sys-headline-large-size: 2rem;
  --mat-sys-headline-large-tracking: 0;
  --mat-sys-headline-large-weight: var(--mat-sys-regular-font-weight);
  /* Headline medium typescale */
  --mat-sys-headline-medium: var(--mat-sys-headline-medium-weight) var(--mat-sys-headline-medium-size) / var(--mat-sys-headline-medium-line-height) var(--mat-sys-headline-medium-font);
  --mat-sys-headline-medium-font: var(--mat-sys-brand-font-family);
  --mat-sys-headline-medium-line-height: 2.25rem;
  --mat-sys-headline-medium-size: 1.75rem;
  --mat-sys-headline-medium-tracking: 0;
  --mat-sys-headline-medium-weight: var(--mat-sys-regular-font-weight);
  /* Headline small typescale */
  --mat-sys-headline-small: var(--mat-sys-headline-small-weight) var(--mat-sys-headline-small-size) / var(--mat-sys-headline-small-line-height) var(--mat-sys-headline-small-font);
  --mat-sys-headline-small-font: var(--mat-sys-brand-font-family);
  --mat-sys-headline-small-line-height: 2rem;
  --mat-sys-headline-small-size: 1.5rem;
  --mat-sys-headline-small-tracking: 0;
  --mat-sys-headline-small-weight: var(--mat-sys-regular-font-weight);
  /* Label large typescale */
  --mat-sys-label-large: var(--mat-sys-label-large-weight) var(--mat-sys-label-large-size) / var(--mat-sys-label-large-line-height) var(--mat-sys-label-large-font);
  --mat-sys-label-large-font: var(--mat-sys-plain-font-family);
  --mat-sys-label-large-line-height: 1.25rem;
  --mat-sys-label-large-size: 0.875rem;
  --mat-sys-label-large-tracking: 0.006rem;
  --mat-sys-label-large-weight: var(--mat-sys-medium-font-weight);
  --mat-sys-label-large-weight-prominent: var(--mat-sys-bold-font-weight);
  /* Label medium typescale */
  --mat-sys-label-medium: var(--mat-sys-label-medium-weight) var(--mat-sys-label-medium-size) / var(--mat-sys-label-medium-line-height) var(--mat-sys-label-medium-font);
  --mat-sys-label-medium-font: var(--mat-sys-plain-font-family);
  --mat-sys-label-medium-line-height: 1rem;
  --mat-sys-label-medium-size: 0.75rem;
  --mat-sys-label-medium-tracking: 0.031rem;
  --mat-sys-label-medium-weight: var(--mat-sys-medium-font-weight);
  --mat-sys-label-medium-weight-prominent: var(--mat-sys-bold-font-weight);
  /* Label small typescale */
  --mat-sys-label-small: var(--mat-sys-label-small-weight) var(--mat-sys-label-small-size) / var(--mat-sys-label-small-line-height) var(--mat-sys-label-small-font);
  --mat-sys-label-small-font: var(--mat-sys-plain-font-family);
  --mat-sys-label-small-line-height: 1rem;
  --mat-sys-label-small-size: 0.688rem;
  --mat-sys-label-small-tracking: 0.031rem;
  --mat-sys-label-small-weight: var(--mat-sys-medium-font-weight);
  /* Title large typescale */
  --mat-sys-title-large: var(--mat-sys-title-large-weight) var(--mat-sys-title-large-size) / var(--mat-sys-title-large-line-height) var(--mat-sys-title-large-font);
  --mat-sys-title-large-font: var(--mat-sys-brand-font-family);
  --mat-sys-title-large-line-height: 1.75rem;
  --mat-sys-title-large-size: 1.375rem;
  --mat-sys-title-large-tracking: 0;
  --mat-sys-title-large-weight: var(--mat-sys-regular-font-weight);
  /* Title medium typescale */
  --mat-sys-title-medium: var(--mat-sys-title-medium-weight) var(--mat-sys-title-medium-size) / var(--mat-sys-title-medium-line-height) var(--mat-sys-title-medium-font);
  --mat-sys-title-medium-font: var(--mat-sys-plain-font-family);
  --mat-sys-title-medium-line-height: 1.5rem;
  --mat-sys-title-medium-size: 1rem;
  --mat-sys-title-medium-tracking: 0.009rem;
  --mat-sys-title-medium-weight: var(--mat-sys-medium-font-weight);
  /* Title small typescale */
  --mat-sys-title-small: var(--mat-sys-title-small-weight) var(--mat-sys-title-small-size) / var(--mat-sys-title-small-line-height) var(--mat-sys-title-small-font);
  --mat-sys-title-small-font: var(--mat-sys-plain-font-family);
  --mat-sys-title-small-line-height: 1.25rem;
  --mat-sys-title-small-size: 0.875rem;
  --mat-sys-title-small-tracking: 0.006rem;
  --mat-sys-title-small-weight: var(--mat-sys-medium-font-weight);
  /* ELEVATION SYSTEM VARIABLES */
  /* Box shadow colors. Only used in the elevation level system variables. */
  --mat-sys-umbra-color: color-mix(in srgb, var(--mat-sys-shadow), transparent 80%);
  --mat-sys-penumbra-color: color-mix(in srgb, var(--mat-sys-shadow), transparent 86%);
  --mat-sys-ambient-color: color-mix(in srgb, var(--mat-sys-shadow), transparent 88%);
  /* Elevation level system variables. These are used as the value for box-shadow CSS property. */
  --mat-sys-level0: 0px 0px 0px 0px var(--mat-sys-umbra-color), 0px 0px 0px 0px var(--mat-sys-penumbra-color), 0px 0px 0px 0px var(--mat-sys-ambient-color);
  --mat-sys-level1: 0px 2px 1px -1px var(--mat-sys-umbra-color), 0px 1px 1px 0px var(--mat-sys-penumbra-color), 0px 1px 3px 0px var(--mat-sys-ambient-color);
  --mat-sys-level2: 0px 3px 3px -2px var(--mat-sys-umbra-color), 0px 3px 4px 0px var(--mat-sys-penumbra-color), 0px 1px 8px 0px var(--mat-sys-ambient-color);
  --mat-sys-level3: 0px 3px 5px -1px var(--mat-sys-umbra-color), 0px 6px 10px 0px var(--mat-sys-penumbra-color), 0px 1px 18px 0px var(--mat-sys-ambient-color);
  --mat-sys-level4: 0px 5px 5px -3px var(--mat-sys-umbra-color), 0px 8px 10px 1px var(--mat-sys-penumbra-color), 0px 3px 14px 2px var(--mat-sys-ambient-color);
  --mat-sys-level5: 0px 7px 8px -4px var(--mat-sys-umbra-color), 0px 12px 17px 2px var(--mat-sys-penumbra-color), 0px 5px 22px 4px var(--mat-sys-ambient-color);
  /* SHAPE SYSTEM VARIABLES */
  --mat-sys-corner-extra-large: 28px;
  --mat-sys-corner-extra-large-top: 28px 28px 0 0;
  --mat-sys-corner-extra-small: 4px;
  --mat-sys-corner-extra-small-top: 4px 4px 0 0;
  --mat-sys-corner-full: 9999px;
  --mat-sys-corner-large: 16px;
  --mat-sys-corner-large-end: 0 16px 16px 0;
  --mat-sys-corner-large-start: 16px 0 0 16px;
  --mat-sys-corner-large-top: 16px 16px 0 0;
  --mat-sys-corner-medium: 12px;
  --mat-sys-corner-none: 0;
  --mat-sys-corner-small: 8px;
  /* STATE SYSTEM VARIABLES */
  --mat-sys-dragged-state-layer-opacity: 0.16;
  --mat-sys-focus-state-layer-opacity: 0.12;
  --mat-sys-hover-state-layer-opacity: 0.08;
  --mat-sys-pressed-state-layer-opacity: 0.12;
}

.white-bg {
  background-color: #FFFFFF;
}

.black-bg {
  background-color: #000000;
}

.normal-gray-bg {
  background-color: #DCE3EB;
}

.light-gray-bg {
  background-color: #F1F4F9;
}

.dark-gray-bg {
  background-color: #6A7885;
}

.primary-bg {
  background-color: #F64E60;
}

.primary-10-bg {
  background-color: #F75F70;
}

.primary-80-bg {
  background-color: #FDDCDF;
}

.primary-90-bg {
  background-color: #FEEDEF;
}

.secondary-bg {
  background-color: #3699FF;
}

.secondary-50-bg {
  background-color: #9ACCFF;
}

.secondary-90-bg {
  background-color: #EBF5FF;
}

.white-color {
  color: #FFFFFF;
}

.black-color {
  color: #000000;
}

.normal-gray-color {
  color: #DCE3EB;
}

.light-gray-color {
  color: #F1F4F9;
}

.dark-gray-color {
  color: #6A7885;
}

.primary-color {
  color: #F64E60;
}

.primary-10-color {
  color: #F75F70;
}

.primary-80-color {
  color: #FDDCDF;
}

.primary-90-color {
  color: #FEEDEF;
}

.secondary-color {
  color: #3699FF;
}

.secondary-50-color {
  color: #9ACCFF;
}

.secondary-90-color {
  color: #EBF5FF;
}

.blue-color {
  color: #3699FF;
}

.tertiary-color {
  color: #43BE56;
}

.tertiary-90-color {
  color: #ECF8EE;
}

.yellow-color {
  color: #FDCB6E;
}

.light-yellow-color {
  color: #FFFAF0;
}

.text-font-400 {
  font-weight: 400;
  font-style: normal;
}

.text-font-500 {
  font-weight: 500;
  font-style: normal;
}

.text-font-600 {
  font-weight: 600;
  font-style: normal;
}

.text-font-400I {
  font-weight: 400;
  font-style: italic;
}

.text-font-500I {
  font-weight: 500;
  font-style: italic;
}

.text-font-600I {
  font-weight: 600;
  font-style: italic;
}

/* Font Sizes
------------------------------------
*/
.fs-8 {
  font-size: 8px;
}

.fs-9 {
  font-size: 9px;
}

.fs-10 {
  font-size: 10px;
}

.fs-11 {
  font-size: 11px;
}

.fs-12 {
  font-size: 12px;
}

.fs-13 {
  font-size: 13px;
}

.fs-14 {
  font-size: 14px;
}

.fs-15 {
  font-size: 15px;
}

.fs-16 {
  font-size: 16px;
}

.fs-17 {
  font-size: 17px;
}

.fs-18 {
  font-size: 18px;
}

.fs-19 {
  font-size: 19px;
}

.fs-20 {
  font-size: 20px;
}

.fs-21 {
  font-size: 21px;
}

.fs-22 {
  font-size: 22px;
}

.fs-23 {
  font-size: 23px;
}

.fs-24 {
  font-size: 24px;
}

.fs-25 {
  font-size: 25px;
}

.fs-26 {
  font-size: 26px;
}

.fs-27 {
  font-size: 27px;
}

.fs-28 {
  font-size: 28px;
}

/* Line-heights
------------------------------------
*/
.lh-normal {
  line-height: normal;
}

.lh-8 {
  line-height: 8px;
}

.lh-9 {
  line-height: 9px;
}

.lh-10 {
  line-height: 10px;
}

.lh-11 {
  line-height: 11px;
}

.lh-12 {
  line-height: 12px;
}

.lh-13 {
  line-height: 13px;
}

.lh-14 {
  line-height: 14px;
}

.lh-15 {
  line-height: 15px;
}

.lh-16 {
  line-height: 16px;
}

.lh-17 {
  line-height: 17px;
}

.lh-18 {
  line-height: 18px;
}

.lh-19 {
  line-height: 19px;
}

.lh-20 {
  line-height: 20px;
}

.lh-21 {
  line-height: 21px;
}

.lh-22 {
  line-height: 22px;
}

.lh-23 {
  line-height: 23px;
}

.lh-24 {
  line-height: 24px;
}

.lh-25 {
  line-height: 25px;
}

.lh-32 {
  line-height: 36px;
}

.lh-36 {
  line-height: 36px;
}

.no-wrap {
  text-wrap: nowrap;
}

.wrap {
  text-wrap: wrap;
}

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

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

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

.cursor-pointer {
  cursor: pointer;
}

.cursor-move {
  cursor: move;
}

.svg-size-8 {
  width: 8px !important;
  height: 8px !important;
}
.svg-size-8.pl {
  padding-left: 8px;
}
.svg-size-8.pr {
  padding-right: 8px;
}

.svg-size-16 {
  width: 16px !important;
  height: 16px !important;
}
.svg-size-16.pl {
  padding-left: 8px;
}
.svg-size-16.pr {
  padding-right: 8px;
}

.svg-size-20 {
  width: 20px !important;
  height: 20px !important;
}
.svg-size-20.pl {
  padding-left: 8px;
}
.svg-size-20.pr {
  padding-right: 8px;
}

.svg-size-24 {
  width: 24px !important;
  height: 24px !important;
}
.svg-size-24.pl {
  padding-left: 8px;
}
.svg-size-24.pr {
  padding-right: 8px;
}

.svg-size-32 {
  width: 32px !important;
  height: 32px !important;
}
.svg-size-32.pl {
  padding-left: 8px;
}
.svg-size-32.pr {
  padding-right: 8px;
}

.svg-size-w15h32 {
  width: 15px !important;
  height: 32px !important;
}
.svg-size-w15h32.pl {
  padding-left: 8px;
}
.svg-size-w15h32.pr {
  padding-right: 8px;
}

.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.m-0 {
  margin: 0 !important;
}

.mtb-4 {
  margin: calc(16px / 4) 0 !important;
}

.mtb-8 {
  margin: calc(16px / 2) 0 !important;
}

.mtb-12 {
  margin: calc(16px / 4 * 3) 0 !important;
}

.mtb-16 {
  margin: 16px 0 !important;
}

.mtb-24 {
  margin: calc(16px + 16px / 2) 0 !important;
}

.mtb-32 {
  margin: calc(16px * 2) 0 !important;
}

.mlr-4 {
  margin: 0 calc(16px / 4) !important;
}

.mlr-8 {
  margin: 0 calc(16px / 2) !important;
}

.mlr-16 {
  margin: 0 16px !important;
}

.mlr-24 {
  margin: 0 calc(16px + 16px / 2) !important;
}

.mlr-32 {
  margin: 0 calc(16px * 2) !important;
}

.mt-4 {
  margin-top: calc(16px / 4) !important;
}

.mt-8 {
  margin-top: calc(16px / 2) !important;
}

.mt-16 {
  margin-top: 16px !important;
}

.mt-24 {
  margin-top: calc(16px + 16px / 2) !important;
}

.mt-32 {
  margin-top: calc(16px * 2) !important;
}

.mb-4 {
  margin-bottom: calc(16px / 4) !important;
}

.mb-8 {
  margin-bottom: calc(16px / 2) !important;
}

.mb-12 {
  margin-bottom: calc(16px / 4 * 3) !important;
}

.mb-16 {
  margin-bottom: 16px !important;
}

.mb-24 {
  margin-bottom: calc(16px + 16px / 2) !important;
}

.mb-32 {
  margin-bottom: calc(16px * 2) !important;
}

.p-4 {
  padding: calc(16px / 4) !important;
}

.p-8 {
  padding: calc(16px / 2) !important;
}

.p-16 {
  padding: 16px !important;
}

.p-20 {
  padding: calc(16px / 4 * 5) !important;
}

.p-24 {
  padding: calc(16px + 16px / 2) !important;
}

.ptb-4 {
  padding: calc(16px / 4) 0 !important;
}

.ptb-8 {
  padding: calc(16px / 2) 0 !important;
}

.ptb-16 {
  padding: 16px 0 !important;
}

.ptb-24 {
  padding: calc(16px + 16px / 2) 0 !important;
}

.ptb-32 {
  padding: calc(16px * 2) 0 !important;
}

.plr-4 {
  padding: 0 calc(16px / 4) !important;
}

.plr-8 {
  padding: 0 calc(16px / 2) !important;
}

.plr-16 {
  padding: 0 16px !important;
}

.plr-24 {
  padding: 0 calc(16px + 16px / 2) !important;
}

.plr-32 {
  padding: 0 calc(16px * 2) !important;
}

.pt-4 {
  padding-top: calc(16px / 4) !important;
}

.pt-8 {
  padding-top: calc(16px / 2) !important;
}

.pt-16 {
  padding-top: 16px !important;
}

.pt-24 {
  padding-top: calc(16px + 16px / 2) !important;
}

.pt-32 {
  padding-top: calc(16px * 2) !important;
}

.pb-4 {
  padding-bottom: calc(16px / 4) !important;
}

.pb-8 {
  padding-bottom: calc(16px / 2) !important;
}

.pb-16 {
  padding-bottom: 16px !important;
}

.pb-24 {
  padding-bottom: calc(16px + 16px / 2) !important;
}

.pb-32 {
  padding-bottom: calc(16px * 2) !important;
}

.pr-4 {
  padding-right: calc(16px / 4);
}

.pr-8 {
  padding-right: calc(16px / 2);
}

.pr-12 {
  padding-right: calc(16px / 4 * 3);
}

.pr-16 {
  padding-right: 16px !important;
}

.pr-24 {
  padding-right: calc(16px / 2 * 3) !important;
}

.pr-32 {
  padding-right: calc(16px * 2) !important;
}

.pr-40 {
  padding-right: calc(16px / 2 * 5) !important;
}

.mr-auto {
  margin-right: auto;
}

.mr-4 {
  margin-right: calc(16px / 4) !important;
}

.mr-8 {
  margin-right: calc(16px / 2) !important;
}

.mr-16 {
  margin-right: 16px !important;
}

.mr-24 {
  margin-right: calc(16px + 16px / 2);
}

.ml-8 {
  margin-left: calc(16px / 2);
}

.ml-12 {
  margin-left: calc(16px / 4 * 3);
}

.ml-16 {
  margin-left: 16px;
}

.ml-24 {
  margin-left: calc(16px + 16px / 2);
}

.display-flex {
  display: flex;
}
.display-flex.flex-column {
  flex-direction: column;
}
.display-flex.justify-between {
  justify-content: space-between;
}
.display-flex.justify-center {
  justify-content: center;
}
.display-flex.justify-around {
  justify-content: space-around;
}
.display-flex.align-center {
  align-items: center;
}
.display-flex.align-start {
  align-items: start;
}
.display-flex.align-end {
  align-items: end;
}
.display-flex.gap-standard {
  gap: 16px;
}
.display-flex.gap-half {
  gap: calc(16px / 2);
}
.display-flex.w-100 {
  width: 100%;
}

.skeleton {
  padding: 10px;
  width: 100%;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.03), rgba(0, 0, 0, 0.03)), linear-gradient(0deg, #FFFFFF, #FFFFFF);
  margin-bottom: 20px;
  border-radius: 10px;
}

.skeleton.desktop {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.skeleton.mobile {
  display: flex;
  flex-direction: column;
}

.skeleton .square {
  height: 80px;
  border-radius: 5px;
  background: rgba(130, 130, 130, 0.2);
  background: linear-gradient(to right, rgba(130, 130, 130, 0.2) 8%, rgba(130, 130, 130, 0.3) 18%, rgba(130, 130, 130, 0.2) 33%);
  background-size: 800px 100px;
  animation: wave-squares 2s infinite ease-out;
}

.skeleton .line {
  height: 12px;
  margin-bottom: 6px;
  border-radius: 2px;
  background: rgba(130, 130, 130, 0.2);
  background: linear-gradient(to right, rgba(130, 130, 130, 0.2) 8%, rgba(130, 130, 130, 0.3) 18%, rgba(130, 130, 130, 0.2) 33%);
  background-size: 800px 100px;
  animation: wave-lines 2s infinite ease-out;
}

.skeleton-container {
  display: flex;
  align-items: center;
  flex: 1;
}

.skeleton-row-header-mobile-container {
  display: flex;
  justify-content: space-between;
}

.skeleton-row-mobile-container {
  display: flex;
}

.skeleton-empty-container {
  width: 80px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.skeleton-left {
  flex: 2;
  padding-right: 15px;
}

.flex1 {
  flex: 1;
}

.flex2 {
  flex: 2;
}

.skeleton .line:last-child {
  margin-bottom: 0;
}

.h2 {
  height: 2px !important;
}

.h8 {
  height: 8px !important;
}

.h10 {
  height: 10px !important;
}

.h12 {
  height: 12px !important;
}

.h15 {
  height: 15px !important;
}

.h17 {
  height: 17px !important;
}

.h20 {
  height: 20px !important;
}

.h25 {
  height: 25px !important;
}

.h50 {
  height: 50px !important;
}

.w25 {
  width: 25% !important;
}

.w35 {
  width: 35% !important;
}

.w40 {
  width: 40% !important;
}

.w50 {
  width: 50% !important;
}

.w65 {
  width: 65% !important;
}

.w75 {
  width: 75% !important;
}

.w90 {
  width: 90% !important;
}

.w100 {
  width: 100% !important;
}

.m10 {
  margin-bottom: 10px !important;
}

.circle {
  border-radius: 100% !important;
  height: 30px !important;
  width: 30px;
}

@keyframes wave-lines {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}
@keyframes wave-squares {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}
.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.block {
  display: block;
}

.inline {
  display: inline;
}

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

.flex {
  display: flex;
}

.none {
  display: none;
}

.flex-row {
  flex-direction: row;
}

.flex-row-reverse {
  flex-direction: row-reverse;
}

.flex-column {
  flex-direction: column;
}

.flex-column-reverse {
  flex-direction: column-reverse;
}

.flex-none {
  flex: 0 0 auto;
}

.flex-initial {
  flex: 0 1 auto;
}

.flex-1 {
  flex: 1 1 0;
}

.flex-auto {
  flex: 1 1 auto;
}

.flex-basis-25 {
  flex-basis: 25%;
}

.flex-basis-33 {
  flex-basis: 33.33%;
}

.flex-basis-50 {
  flex-basis: 50%;
}

.flex-basis-66 {
  flex-basis: 66.66%;
}

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

.items-start {
  align-items: flex-start;
}

.items-end {
  align-items: flex-end;
}

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

.items-baseline {
  align-items: baseline;
}

.items-stretch {
  align-items: stretch;
}

.justify-start {
  justify-content: flex-start;
}

.justify-end {
  justify-content: flex-end;
}

.justify-center {
  justify-content: center;
}

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

.justify-around {
  justify-content: space-around;
}

.justify-evenly {
  justify-content: space-evenly;
}

.justify-stretch {
  justify-content: stretch;
}

.justify-normal {
  justify-content: normal;
}

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

.align-start {
  align-items: flex-start;
}

.align-end {
  align-items: flex-end;
}

.self-auto {
  align-self: auto;
}

.self-start {
  align-self: flex-start;
}

.self-end {
  align-self: flex-end;
}

.self-end-safe {
  align-self: safe flex-end;
}

.self-center {
  align-self: center;
}

.self-center-safe {
  align-self: safe center;
}

.self-stretch {
  align-self: stretch;
}

.self-baseline {
  align-self: baseline;
}

.self-baseline-last {
  align-self: last baseline;
}

.pr-0 {
  padding-right: 0;
}

.pl-0 {
  padding-left: 0;
}

.pt-0 {
  padding-top: 0;
}

.pb-0 {
  padding-bottom: 0;
}

.gap16 {
  gap: 16px;
}

.gap-0 {
  gap: 0;
}

.gap-4 {
  gap: 4px;
}

.gap-10 {
  gap: 10px;
}

.gap-20 {
  gap: 20px;
}

.gap-24 {
  gap: 24px;
}

.gap-30 {
  gap: 30px;
}

.w-100 {
  width: 100%;
}

.min-w-0 {
  min-width: 0;
}

.h-100 {
  height: 100%;
}

.hyphens-auto {
  hyphens: auto;
}

.overflow-auto {
  overflow: auto;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-x-clip {
  overflow-x: clip;
}

.overflow-y-clip {
  overflow-y: clip;
}

.overflow-clip {
  overflow: clip;
}

.box-border {
  box-sizing: border-box;
}

.whitespace-no-wrap {
  white-space: nowrap;
}

.whitespace-pre-wrap {
  white-space: pre-wrap;
}

.whitespace-pre-line {
  white-space: pre-line;
}

.rounded-field-h-30 {
  --mdc-outlined-text-field-container-shape: 10px;
  --mat-form-field-container-height: 30px;
  --mat-form-field-container-vertical-padding: 5px;
}

.side-nav-transparent-bg {
  --mat-sidenav-container-divider-color: rgba(255, 255, 255, .12);
  --mat-sidenav-container-background-color: rgba(0, 0, 0, 1);
  --mat-sidenav-container-text-color: $black-color;
  --mat-sidenav-content-background-color: rgba(0, 0, 0, 0.3);
  --mat-sidenav-content-text-color: $black-color;
  --mat-sidenav-scrim-color: rgba(0, 0, 0, 0.5);
}

form.iqhr-form {
  display: flex;
  flex-direction: column;
  gap: calc(16px * 1.5);
}
form.iqhr-form mat-error {
  position: absolute;
  top: 0 !important;
  left: 0;
  font-size: 11px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}
form.iqhr-form div.iqhr-tab {
  display: flex;
  flex-direction: column;
  gap: calc(16px * 1.5);
  padding: 10px 0;
}
form.iqhr-form div.iqhr-group {
  display: flex;
  flex-direction: column;
  gap: calc(16px * 1.5);
}

.common-cards {
  display: flex;
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #DCE3EB;
  border-radius: calc(12px * 2);
  background: #FFFFFF;
  transition: color 0.3s;
}

.common-cards:hover {
  box-shadow: 0 8px 15px 0 rgba(112, 144, 176, 0.3019607843);
}

.dialog-header {
  width: 100%;
  padding: 24px 0 0 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  -webkit-user-select: none;
          user-select: none;
  position: relative;
  overflow: hidden;
}
.dialog-header.center {
  align-items: center;
}
.dialog-header.left {
  align-items: flex-start;
}
.dialog-header .dialog-icon.generic-avatar {
  width: 64px;
  height: 64px;
  border-radius: 100%;
  border: 1px solid #FDDCDF;
  background-color: #FEEDEF;
  display: flex;
  justify-content: center;
  align-items: center;
}
.dialog-header .dialog-icon:hover {
  cursor: move;
}
.dialog-header .mat-mdc-dialog-title {
  padding: 0 32px 16px 32px;
}
.dialog-header .dialog-close-button {
  position: absolute;
  right: 8px;
  top: 8px;
}

.mat-mdc-dialog-content {
  padding: 0 32px 24px 32px;
}

.mat-mdc-dialog-actions {
  padding: 24px 32px 24px 32px;
}
.mat-mdc-dialog-actions.between {
  width: 100%;
  justify-content: space-between;
}
.mat-mdc-dialog-actions.gap-12 {
  gap: 12px;
}
.mat-mdc-dialog-actions button {
  padding: 0 24px;
}
.mat-mdc-dialog-actions .button-flex {
  flex: 1;
  margin: 0;
}
.mat-mdc-dialog-actions.reverse {
  flex-direction: row-reverse;
}
.mat-mdc-dialog-actions.center {
  justify-content: center;
}

.mat-divider.mat-divider-horizontal.margin {
  margin: 0 32px;
}

quill-editor {
  display: flex !important;
  flex-direction: column;
  box-sizing: border-box;
  min-height: 200px;
  border: 1px solid var(--mat-sys-outline);
  border-radius: 12px;
  position: relative;
}
quill-editor:focus-within {
  border: 1px solid transparent;
}
quill-editor:focus-within::after {
  content: "";
  position: absolute;
  inset: 0;
  border: 2px solid #F64E60;
  border-radius: inherit;
  box-sizing: border-box;
  pointer-events: none;
}
quill-editor .ql-toolbar {
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
}
quill-editor .ql-container {
  flex: 1 1 auto;
  border: none !important;
  font-family: "Inter", serif !important;
  font-size: 16px;
  font-weight: 400;
  overflow: hidden;
  padding: 0 3px 3px 0;
}
quill-editor .ql-blank::before {
  color: var(--mdc-outlined-text-field-label-text-color, var(--mat-sys-on-surface-variant)) !important;
  font-style: normal !important;
  font-family: "Inter", serif !important;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
}

@font-face {
  font-family: "Inter";
  src: url("/assets/fonts/Inter/Inter-VariableFont_opsz,wght.ttf") format("truetype");
}
@font-face {
  font-family: "Inter Italic";
  src: url("/assets/fonts/Inter/Inter-Italic-VariableFont_opsz,wght.ttf") format("truetype");
}
html {
  color-scheme: light;
}
html {
  --mat-sys-body-large: 400 1rem / 1.5rem Inter;
  --mat-sys-body-large-font: Inter;
  --mat-sys-body-large-line-height: 1.5rem;
  --mat-sys-body-large-size: 1rem;
  --mat-sys-body-large-tracking: 0.031rem;
  --mat-sys-body-large-weight: 400;
  --mat-sys-body-medium: 400 0.875rem / 1.25rem Inter;
  --mat-sys-body-medium-font: Inter;
  --mat-sys-body-medium-line-height: 1.25rem;
  --mat-sys-body-medium-size: 0.875rem;
  --mat-sys-body-medium-tracking: 0.016rem;
  --mat-sys-body-medium-weight: 400;
  --mat-sys-body-small: 400 0.75rem / 1rem Inter;
  --mat-sys-body-small-font: Inter;
  --mat-sys-body-small-line-height: 1rem;
  --mat-sys-body-small-size: 0.75rem;
  --mat-sys-body-small-tracking: 0.025rem;
  --mat-sys-body-small-weight: 400;
  --mat-sys-display-large: 400 3.562rem / 4rem Inter;
  --mat-sys-display-large-font: Inter;
  --mat-sys-display-large-line-height: 4rem;
  --mat-sys-display-large-size: 3.562rem;
  --mat-sys-display-large-tracking: -0.016rem;
  --mat-sys-display-large-weight: 400;
  --mat-sys-display-medium: 400 2.812rem / 3.25rem Inter;
  --mat-sys-display-medium-font: Inter;
  --mat-sys-display-medium-line-height: 3.25rem;
  --mat-sys-display-medium-size: 2.812rem;
  --mat-sys-display-medium-tracking: 0;
  --mat-sys-display-medium-weight: 400;
  --mat-sys-display-small: 400 2.25rem / 2.75rem Inter;
  --mat-sys-display-small-font: Inter;
  --mat-sys-display-small-line-height: 2.75rem;
  --mat-sys-display-small-size: 2.25rem;
  --mat-sys-display-small-tracking: 0;
  --mat-sys-display-small-weight: 400;
  --mat-sys-headline-large: 400 2rem / 2.5rem Inter;
  --mat-sys-headline-large-font: Inter;
  --mat-sys-headline-large-line-height: 2.5rem;
  --mat-sys-headline-large-size: 2rem;
  --mat-sys-headline-large-tracking: 0;
  --mat-sys-headline-large-weight: 400;
  --mat-sys-headline-medium: 400 1.75rem / 2.25rem Inter;
  --mat-sys-headline-medium-font: Inter;
  --mat-sys-headline-medium-line-height: 2.25rem;
  --mat-sys-headline-medium-size: 1.75rem;
  --mat-sys-headline-medium-tracking: 0;
  --mat-sys-headline-medium-weight: 400;
  --mat-sys-headline-small: 400 1.5rem / 2rem Inter;
  --mat-sys-headline-small-font: Inter;
  --mat-sys-headline-small-line-height: 2rem;
  --mat-sys-headline-small-size: 1.5rem;
  --mat-sys-headline-small-tracking: 0;
  --mat-sys-headline-small-weight: 400;
  --mat-sys-label-large: 500 0.875rem / 1.25rem Inter;
  --mat-sys-label-large-font: Inter;
  --mat-sys-label-large-line-height: 1.25rem;
  --mat-sys-label-large-size: 0.875rem;
  --mat-sys-label-large-tracking: 0.006rem;
  --mat-sys-label-large-weight: 500;
  --mat-sys-label-large-weight-prominent: 700;
  --mat-sys-label-medium: 500 0.75rem / 1rem Inter;
  --mat-sys-label-medium-font: Inter;
  --mat-sys-label-medium-line-height: 1rem;
  --mat-sys-label-medium-size: 0.75rem;
  --mat-sys-label-medium-tracking: 0.031rem;
  --mat-sys-label-medium-weight: 500;
  --mat-sys-label-medium-weight-prominent: 700;
  --mat-sys-label-small: 500 0.688rem / 1rem Inter;
  --mat-sys-label-small-font: Inter;
  --mat-sys-label-small-line-height: 1rem;
  --mat-sys-label-small-size: 0.688rem;
  --mat-sys-label-small-tracking: 0.031rem;
  --mat-sys-label-small-weight: 500;
  --mat-sys-title-large: 400 1.375rem / 1.75rem Inter;
  --mat-sys-title-large-font: Inter;
  --mat-sys-title-large-line-height: 1.75rem;
  --mat-sys-title-large-size: 1.375rem;
  --mat-sys-title-large-tracking: 0;
  --mat-sys-title-large-weight: 400;
  --mat-sys-title-medium: 500 1rem / 1.5rem Inter;
  --mat-sys-title-medium-font: Inter;
  --mat-sys-title-medium-line-height: 1.5rem;
  --mat-sys-title-medium-size: 1rem;
  --mat-sys-title-medium-tracking: 0.009rem;
  --mat-sys-title-medium-weight: 500;
  --mat-sys-title-small: 500 0.875rem / 1.25rem Inter;
  --mat-sys-title-small-font: Inter;
  --mat-sys-title-small-line-height: 1.25rem;
  --mat-sys-title-small-size: 0.875rem;
  --mat-sys-title-small-tracking: 0.006rem;
  --mat-sys-title-small-weight: 500;
}
html {
  --mat-sys-corner-extra-large: 28px;
  --mat-sys-corner-extra-large-top: 28px 28px 0 0;
  --mat-sys-corner-extra-small: 4px;
  --mat-sys-corner-extra-small-top: 4px 4px 0 0;
  --mat-sys-corner-full: 9999px;
  --mat-sys-corner-large: 16px;
  --mat-sys-corner-large-end: 0 16px 16px 0;
  --mat-sys-corner-large-start: 16px 0 0 16px;
  --mat-sys-corner-large-top: 16px 16px 0 0;
  --mat-sys-corner-medium: 12px;
  --mat-sys-corner-none: 0;
  --mat-sys-corner-small: 8px;
}
html {
  --mat-sys-dragged-state-layer-opacity: 0.16;
  --mat-sys-focus-state-layer-opacity: 0.12;
  --mat-sys-hover-state-layer-opacity: 0.08;
  --mat-sys-pressed-state-layer-opacity: 0.12;
}

/* You can add global styles to this file, and also import other style files */
.dark {
  color-scheme: dark;
}

html, body {
  height: 100%;
}

body {
  margin: 0;
  font-family: "Inter", sans-serif;
}
body .cdk-overlay-container {
  z-index: 2000;
}

:root {
  --mdc-snackbar-container-color: #F64E60;
}
:root {
  --mdc-snackbar-supporting-text-color: #000000;
}
:root {
  --mat-snack-bar-button-color: #000000;
}
:root {
  --mdc-dialog-container-color: #FFFFFF;
}
:root {
  --mat-expansion-container-background-color: #FFFFFF;
}
:root {
  --mat-expansion-container-text-color: #000000;
}

html {
  --mat-sidenav-container-background-color: #FFFFFF;
}
html {
  --mat-sidenav-content-background-color: #FFFFFF;
}

html {
  --mat-datepicker-calendar-container-background-color: #FFFFFF;
}

.primary {
  --mat-tree-container-background-color: #FFFFFF;
}
.primary {
  --mat-tree-node-text-color: #F64E60;
}
.primary {
  --mat-datepicker-calendar-date-in-range-state-background-color: #FEEDEF;
}
.primary {
  --mat-badge-background-color: #F64E60;
}
.primary {
  --mat-badge-text-color: #FFFFFF;
}
.primary {
  --mat-divider-color: #DCE3EB;
}
.primary {
  --mdc-outlined-text-field-container-shape: 12px;
}
.primary {
  --mdc-filled-text-field-container-shape: 12px;
}
.primary {
  --mdc-fab-container-color: #F64E60;
}
.primary {
  --mat-fab-foreground-color: #FFFFFF;
}
.primary {
  --mdc-filled-button-container-color: #F64E60;
}
.primary {
  --mdc-filled-button-label-text-color: #FFFFFF;
}
.primary {
  --mdc-filled-button-container-height: 56px;
}
.primary {
  --mdc-filled-button-container-shape: 16px;
}
.primary {
  --mat-filled-button-horizontal-padding: 16px;
}
.primary {
  --mdc-filled-button-label-text-size: 16px;
}
.primary {
  --mdc-filled-button-label-text-weight: 500;
}
.primary .primary-icon {
  --mat-icon-color: #F64E60;
}
.primary {
  --mat-standard-button-toggle-selected-state-text-color: #FFFFFF;
}
.primary {
  --mat-standard-button-toggle-selected-state-background-color: #F64E60;
}
.primary {
  --mat-standard-button-toggle-shape: 12px;
}
.primary .mat-button-toggle .mat-icon {
  color: inherit;
}
.primary {
  --mat-table-background-color: #FFFFFF;
}
.primary {
  --mat-table-header-headline-color: #6A7885;
}
.primary {
  --mat-table-row-item-outline-color: #DCE3EB;
}
.primary.mat-mdc-table {
  --mdc-icon-button-icon-color: #F64E60;
}
.primary.mat-mdc-table {
  --mdc-icon-button-disabled-icon-color: #DCE3EB;
}
.primary {
  --mat-paginator-container-background-color: #FFFFFF;
}
.primary {
  --mat-paginator-container-text-size: 14px;
}
.primary {
  --mdc-chip-outline-color: #FFFFFF;
}
.primary {
  --mdc-chip-container-shape-radius: 12px;
}
.primary.selectable-chip {
  --mdc-chip-outline-color: #DCE3EB;
}
.primary.selectable-chip {
  --mdc-chip-with-icon-selected-icon-color: #FFFFFF;
}
.primary.selectable-chip {
  --mdc-chip-selected-label-text-color: #FFFFFF;
}
.primary.selectable-chip {
  --mdc-chip-elevated-selected-container-color: #F64E60;
}
.primary.selectable-chip {
  --mat-chip-selected-trailing-icon-color: #FFFFFF;
}
.primary.selectable-chip {
  --mdc-chip-with-trailing-icon-trailing-icon-color: #F64E60;
}
.primary.select-chips {
  --mat-form-field-container-height: 40px;
}
.primary.select-chips {
  --mat-form-field-container-vertical-padding: 8px;
}
.primary.no-leading-icon {
  --mdc-chip-with-avatar-avatar-size: 0;
}
.primary.primary-palette {
  --mdc-chip-label-text-color: #F64E60;
}
.primary.primary-palette {
  --mdc-chip-elevated-container-color: #FEEDEF;
}
.primary.primary-palette {
  --mdc-chip-selected-label-text-color: #FFFFFF;
}
.primary.primary-palette {
  --mdc-chip-elevated-selected-container-color: #F64E60;
}
.primary.secondary-palette {
  --mdc-chip-label-text-color: #3699FF;
}
.primary.secondary-palette {
  --mdc-chip-elevated-container-color: #EBF5FF;
}
.primary.secondary-palette {
  --mdc-chip-selected-label-text-color: #FFFFFF;
}
.primary.secondary-palette {
  --mdc-chip-elevated-selected-container-color: #3699FF;
}
.primary.tertiary-palette {
  --mdc-chip-label-text-color: #43BE56;
}
.primary.tertiary-palette {
  --mdc-chip-elevated-container-color: #ECF8EE;
}
.primary.tertiary-palette {
  --mdc-chip-selected-label-text-color: #FFFFFF;
}
.primary.tertiary-palette {
  --mdc-chip-elevated-selected-container-color: #43BE56;
}
.primary.yellow-palette {
  --mdc-chip-label-text-color: #FDCB6E;
}
.primary.yellow-palette {
  --mdc-chip-elevated-container-color: #FFFAF0;
}
.primary.gray-palette {
  --mdc-chip-label-text-color: #6A7885;
}
.primary.gray-palette {
  --mdc-chip-elevated-container-color: #F1F4F9;
}
.primary.cancel {
  --mdc-fab-container-color: #FEEDEF;
}
.primary.cancel {
  --mat-fab-foreground-color: #F64E60;
}
.primary.compact {
  --mdc-extended-fab-container-height: 48px;
}
.primary.accordion-stepper {
  --mat-stepper-container-color: #FFFFFF;
}
.primary.accordion-stepper {
  --mat-stepper-header-icon-background-color: #F64E60;
}

button.primary {
  --mat-icon-color: #FFFFFF;
}

.primary-90 {
  --mdc-filled-button-container-color: #FEEDEF;
}
.primary-90 {
  --mdc-filled-button-label-text-color: #F64E60;
}
.primary-90 {
  --mdc-filled-button-container-height: 56px;
}
.primary-90 {
  --mdc-filled-button-container-shape: 16px;
}
.primary-90 {
  --mat-filled-button-horizontal-padding: 16px;
}
.primary-90 {
  --mdc-filled-button-label-text-size: 16px;
}
.primary-90 {
  --mdc-filled-button-label-text-weight: 500;
}

.secondary {
  --mat-badge-background-color: #3699FF;
}
.secondary {
  --mat-badge-text-color: #FFFFFF;
}
.secondary {
  --mdc-fab-container-color: #3699FF;
}
.secondary {
  --mat-fab-foreground-color: #FFFFFF;
}
.secondary {
  --mat-icon-color: #3699FF;
}
.secondary {
  --mdc-text-button-label-text-color: #3699FF;
}
.secondary {
  --mdc-text-button-disabled-label-text-color: #6A7885;
}
.secondary {
  --mdc-outlined-button-outline-color: #3699FF;
}
.secondary {
  --mdc-outlined-button-label-text-color: #3699FF;
}
.secondary.cancel {
  --mdc-fab-container-color: #EBF5FF;
}
.secondary.cancel {
  --mat-fab-foreground-color: #3699FF;
}

button.secondary {
  --mat-icon-color: #FFFFFF;
}

.secondary.small {
  --mdc-filled-button-container-height: 40px;
}
.secondary.small {
  --mdc-outlined-button-container-height: 40px;
}
.secondary.small {
  --mdc-protected-button-container-height: 40px;
}
.secondary.small {
  --mdc-text-button-container-height: 40px;
}
.secondary.small {
  --mdc-filled-button-container-height: 40px;
}
.secondary.small {
  --mdc-outlined-button-container-height: 40px;
}
.secondary.small {
  --mdc-extended-fab-container-height: 40px;
}

.accent {
  --mdc-fab-container-color: #FFFFFF;
}
.accent {
  --mat-fab-foreground-color: #000000;
}
.accent {
  --mdc-fab-small-container-color: #FFFFFF;
}
.accent {
  --mat-fab-small-foreground-color: #000000;
}
.accent {
  --mdc-icon-button-icon-color: #000000;
}
.accent {
  --mdc-linear-progress-active-indicator-color: #DCE3EB;
}
.accent {
  --mdc-linear-progress-track-color: #F1F4F9;
}
.accent {
  --mat-divider-color: #DCE3EB;
}

button.accent {
  --mat-icon-color: #6A7885;
}

.basic-gray {
  --mdc-text-button-label-text-color: #000000;
}
.basic-gray {
  --mdc-text-button-disabled-label-text-color: #6A7885;
}
.basic-gray {
  --mdc-filled-button-container-color: #F1F4F9;
}
.basic-gray {
  --mdc-filled-button-label-text-color: #000000;
}

.extended-gray {
  --mdc-filled-button-label-text-color: #6A7885;
}
.extended-gray {
  --mdc-filled-button-container-color: #F1F4F9;
}
.extended-gray {
  --mdc-filled-button-container-shape: 12px;
}
.extended-gray {
  --mdc-fab-container-color: #F1F4F9;
}
.extended-gray {
  --mdc-fab-small-container-color: #F1F4F9;
}
.extended-gray {
  --mat-fab-foreground-color: #6A7885;
}
.extended-gray {
  --mat-fab-small-foreground-color: #6A7885;
}
.extended-gray:hover {
  --mdc-filled-button-container-color: #DCE3EB;
}

html {
  --mat-menu-container-shape: 12px;
}

.menu-buttons {
  --mdc-filled-button-container-color: #F1F4F9;
}
.menu-buttons {
  --mdc-protected-button-container-color: #F1F4F9;
}
.menu-buttons {
  --mdc-filled-button-label-text-color: #6A7885;
}
.menu-buttons {
  --mdc-outlined-button-label-text-color: #6A7885;
}
.menu-buttons {
  --mdc-protected-button-label-text-color: #6A7885;
}
.menu-buttons {
  --mdc-text-button-label-text-color: #6A7885;
}
.menu-buttons.active {
  --mdc-filled-button-container-color: #000000;
}
.menu-buttons.active {
  --mdc-protected-button-container-color: #000000;
}
.menu-buttons.active {
  --mdc-filled-button-label-text-color: #FFFFFF;
}
.menu-buttons.active {
  --mdc-outlined-button-label-text-color: #FFFFFF;
}
.menu-buttons.active {
  --mdc-protected-button-label-text-color: #FFFFFF;
}
.menu-buttons.active {
  --mdc-text-button-label-text-color: #FFFFFF;
}

.violet {
  --mdc-filled-button-container-color: #7960F0;
}
.violet {
  --mdc-protected-button-container-color: #7960F0;
}
.violet {
  --mdc-filled-button-label-text-color: #FFFFFF;
}
.violet {
  --mdc-outlined-button-label-text-color: #FFFFFF;
}
.violet {
  --mdc-protected-button-label-text-color: #FFFFFF;
}
.violet {
  --mdc-text-button-label-text-color: #FFFFFF;
}
.violet {
  --mdc-fab-container-color: #7960F0;
}
.violet {
  --mat-fab-foreground-color: #FFFFFF;
}

.spinner-backdrop {
  background-color: rgba(0, 0, 0, 0.4);
}

.iqhr-menu {
  margin-top: 10px;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles.scss?ngGlobalStyle ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Note: Color palettes are generated from primary: #F64E60, tertiary: #43BE56 */
html {
  /* Primary palette variables */
  --mat-sys-primary: light-dark(#F64E60, #ffb3b4);
  --mat-sys-on-primary: light-dark(#ffffff, #680017);
  --mat-sys-primary-container: light-dark(#FEEDEF, #920024);
  --mat-sys-on-primary-container: light-dark(#40000b, #ffdada);
  --mat-sys-inverse-primary: light-dark(#ffb3b4, #b71d38);
  --mat-sys-primary-fixed: light-dark(#ffdada, #ffdada);
  --mat-sys-primary-fixed-dim: light-dark(#ffb3b4, #ffb3b4);
  --mat-sys-on-primary-fixed: light-dark(#40000b, #40000b);
  --mat-sys-on-primary-fixed-variant: light-dark(#920024, #920024);
  /* Secondary palette variables */
  --mat-sys-secondary: light-dark(#9b4148, #ffb3b4);
  --mat-sys-on-secondary: light-dark(#ffffff, #5f141d);
  --mat-sys-secondary-container: light-dark(#ffdada, #7c2a32);
  --mat-sys-on-secondary-container: light-dark(#40000b, #ffdada);
  --mat-sys-secondary-fixed: light-dark(#ffdada, #ffdada);
  --mat-sys-secondary-fixed-dim: light-dark(#ffb3b4, #ffb3b4);
  --mat-sys-on-secondary-fixed: light-dark(#40000b, #40000b);
  --mat-sys-on-secondary-fixed-variant: light-dark(#7c2a32, #7c2a32);
  /* Tertiary palette variables */
  --mat-sys-tertiary: light-dark(#43BE56, #65df72);
  --mat-sys-on-tertiary: light-dark(#ffffff, #00390e);
  --mat-sys-tertiary-container: light-dark(#82fc8b, #005319);
  --mat-sys-on-tertiary-container: light-dark(#002106, #82fc8b);
  --mat-sys-tertiary-fixed: light-dark(#82fc8b, #82fc8b);
  --mat-sys-tertiary-fixed-dim: light-dark(#65df72, #65df72);
  --mat-sys-on-tertiary-fixed: light-dark(#002106, #002106);
  --mat-sys-on-tertiary-fixed-variant: light-dark(#005319, #005319);
  /* Neutral palette variables */
  --mat-sys-background: light-dark(#fff8f7, #1d1010);
  --mat-sys-on-background: light-dark(#261818, #f8dcdc);
  --mat-sys-surface: light-dark(#fff8f7, #1d1010);
  --mat-sys-surface-dim: light-dark(#efd4d3, #1d1010);
  --mat-sys-surface-bright: light-dark(#fff8f7, #463535);
  --mat-sys-surface-container-low: light-dark(#fff0f0, #261818);
  --mat-sys-surface-container-lowest: light-dark(#ffffff, #180b0b);
  --mat-sys-surface-container: light-dark(#FFFFFF, #2b1c1c);
  --mat-sys-surface-container-high: light-dark(#fee2e1, #362626);
  --mat-sys-surface-container-highest: light-dark(#f8dcdc, #423031);
  --mat-sys-on-surface: light-dark(#261818, #f8dcdc);
  --mat-sys-shadow: light-dark(#000000, #000000);
  --mat-sys-scrim: light-dark(#000000, #000000);
  --mat-sys-surface-tint: light-dark(#b71d38, #ffb3b4);
  --mat-sys-inverse-surface: light-dark(#3d2c2c, #f8dcdc);
  --mat-sys-inverse-on-surface: light-dark(#ffedec, #3d2c2c);
  --mat-sys-outline: light-dark(#8e7070, #a98989);
  --mat-sys-outline-variant: light-dark(#e2bebe, #5a4041);
  --mat-sys-neutral10: light-dark(#261818, #261818); /* Variable used for the form field native select option text color */
  /* Error palette variables */
  --mat-sys-error: light-dark(#ba1a1a, #ffb4ab);
  --mat-sys-on-error: light-dark(#ffffff, #690005);
  --mat-sys-error-container: light-dark(#ffdad6, #93000a);
  --mat-sys-on-error-container: light-dark(#410002, #ffdad6);
  /* Neutral variant palette variables */
  --mat-sys-surface-variant: light-dark(#F1F4F9, #5a4041);
  --mat-sys-on-surface-variant: light-dark(#5a4041, #e2bebe);
  --mat-sys-neutral-variant20: light-dark(#422a2b, #422a2b); /* Variable used for the sidenav scrim (container background shadow when opened) */
  /* TYPOGRAPHY SYSTEM VARIABLES */
  /* Typography variables. Only used in the different typescale system variables. */
  --mat-sys-brand-font-family: Inter; /* The font-family to use for brand text. */
  --mat-sys-plain-font-family: Inter; /* The font-family to use for plain text. */
  --mat-sys-bold-font-weight: 700; /* The font-weight to use for bold text. */
  --mat-sys-medium-font-weight: 500; /* The font-weight to use for medium text. */
  --mat-sys-regular-font-weight: 400; /* The font-weight to use for regular text. */
  /* Typescale variables. */
  /* Warning: Risk of reduced fidelity from using the composite typography tokens (ex. --mat-sys-body-large) since
     tracking cannot be represented in the "font" property shorthand. Consider using the discrete properties instead. */
  --mat-sys-body-large: var(--mat-sys-body-large-weight) var(--mat-sys-body-large-size) / var(--mat-sys-body-large-line-height) var(--mat-sys-body-large-font);
  --mat-sys-body-large-font: var(--mat-sys-plain-font-family);
  --mat-sys-body-large-line-height: 1.5rem;
  --mat-sys-body-large-size: 1rem;
  --mat-sys-body-large-tracking: 0.031rem;
  --mat-sys-body-large-weight: var(--mat-sys-regular-font-weight);
  /* Body medium typescale */
  --mat-sys-body-medium: var(--mat-sys-body-medium-weight) var(--mat-sys-body-medium-size) / var(--mat-sys-body-medium-line-height) var(--mat-sys-body-medium-font);
  --mat-sys-body-medium-font: var(--mat-sys-plain-font-family);
  --mat-sys-body-medium-line-height: 1.25rem;
  --mat-sys-body-medium-size: 0.875rem;
  --mat-sys-body-medium-tracking: 0.016rem;
  --mat-sys-body-medium-weight: var(--mat-sys-regular-font-weight);
  /* Body small typescale */
  --mat-sys-body-small: var(--mat-sys-body-small-weight) var(--mat-sys-body-small-size) / var(--mat-sys-body-small-line-height) var(--mat-sys-body-small-font);
  --mat-sys-body-small-font: var(--mat-sys-plain-font-family);
  --mat-sys-body-small-line-height: 1rem;
  --mat-sys-body-small-size: 0.75rem;
  --mat-sys-body-small-tracking: 0.025rem;
  --mat-sys-body-small-weight: var(--mat-sys-regular-font-weight);
  /* Display large typescale */
  --mat-sys-display-large: var(--mat-sys-display-large-weight) var(--mat-sys-display-large-size) / var(--mat-sys-display-large-line-height) var(--mat-sys-display-large-font);
  --mat-sys-display-large-font: var(--mat-sys-brand-font-family);
  --mat-sys-display-large-line-height: 4rem;
  --mat-sys-display-large-size: 3.562rem;
  --mat-sys-display-large-tracking: -0.016rem;
  --mat-sys-display-large-weight: var(--mat-sys-regular-font-weight);
  /* Display medium typescale */
  --mat-sys-display-medium: var(--mat-sys-display-medium-weight) var(--mat-sys-display-medium-size) / var(--mat-sys-display-medium-line-height) var(--mat-sys-display-medium-font);
  --mat-sys-display-medium-font: var(--mat-sys-brand-font-family);
  --mat-sys-display-medium-line-height: 3.25rem;
  --mat-sys-display-medium-size: 2.812rem;
  --mat-sys-display-medium-tracking: 0;
  --mat-sys-display-medium-weight: var(--mat-sys-regular-font-weight);
  /* Display small typescale */
  --mat-sys-display-small: var(--mat-sys-display-small-weight) var(--mat-sys-display-small-size) / var(--mat-sys-display-small-line-height) var(--mat-sys-display-small-font);
  --mat-sys-display-small-font: var(--mat-sys-brand-font-family);
  --mat-sys-display-small-line-height: 2.75rem;
  --mat-sys-display-small-size: 2.25rem;
  --mat-sys-display-small-tracking: 0;
  --mat-sys-display-small-weight: var(--mat-sys-regular-font-weight);
  /* Headline large typescale */
  --mat-sys-headline-large: var(--mat-sys-headline-large-weight) var(--mat-sys-headline-large-size) / var(--mat-sys-headline-large-line-height) var(--mat-sys-headline-large-font);
  --mat-sys-headline-large-font: var(--mat-sys-brand-font-family);
  --mat-sys-headline-large-line-height: 2.5rem;
  --mat-sys-headline-large-size: 2rem;
  --mat-sys-headline-large-tracking: 0;
  --mat-sys-headline-large-weight: var(--mat-sys-regular-font-weight);
  /* Headline medium typescale */
  --mat-sys-headline-medium: var(--mat-sys-headline-medium-weight) var(--mat-sys-headline-medium-size) / var(--mat-sys-headline-medium-line-height) var(--mat-sys-headline-medium-font);
  --mat-sys-headline-medium-font: var(--mat-sys-brand-font-family);
  --mat-sys-headline-medium-line-height: 2.25rem;
  --mat-sys-headline-medium-size: 1.75rem;
  --mat-sys-headline-medium-tracking: 0;
  --mat-sys-headline-medium-weight: var(--mat-sys-regular-font-weight);
  /* Headline small typescale */
  --mat-sys-headline-small: var(--mat-sys-headline-small-weight) var(--mat-sys-headline-small-size) / var(--mat-sys-headline-small-line-height) var(--mat-sys-headline-small-font);
  --mat-sys-headline-small-font: var(--mat-sys-brand-font-family);
  --mat-sys-headline-small-line-height: 2rem;
  --mat-sys-headline-small-size: 1.5rem;
  --mat-sys-headline-small-tracking: 0;
  --mat-sys-headline-small-weight: var(--mat-sys-regular-font-weight);
  /* Label large typescale */
  --mat-sys-label-large: var(--mat-sys-label-large-weight) var(--mat-sys-label-large-size) / var(--mat-sys-label-large-line-height) var(--mat-sys-label-large-font);
  --mat-sys-label-large-font: var(--mat-sys-plain-font-family);
  --mat-sys-label-large-line-height: 1.25rem;
  --mat-sys-label-large-size: 0.875rem;
  --mat-sys-label-large-tracking: 0.006rem;
  --mat-sys-label-large-weight: var(--mat-sys-medium-font-weight);
  --mat-sys-label-large-weight-prominent: var(--mat-sys-bold-font-weight);
  /* Label medium typescale */
  --mat-sys-label-medium: var(--mat-sys-label-medium-weight) var(--mat-sys-label-medium-size) / var(--mat-sys-label-medium-line-height) var(--mat-sys-label-medium-font);
  --mat-sys-label-medium-font: var(--mat-sys-plain-font-family);
  --mat-sys-label-medium-line-height: 1rem;
  --mat-sys-label-medium-size: 0.75rem;
  --mat-sys-label-medium-tracking: 0.031rem;
  --mat-sys-label-medium-weight: var(--mat-sys-medium-font-weight);
  --mat-sys-label-medium-weight-prominent: var(--mat-sys-bold-font-weight);
  /* Label small typescale */
  --mat-sys-label-small: var(--mat-sys-label-small-weight) var(--mat-sys-label-small-size) / var(--mat-sys-label-small-line-height) var(--mat-sys-label-small-font);
  --mat-sys-label-small-font: var(--mat-sys-plain-font-family);
  --mat-sys-label-small-line-height: 1rem;
  --mat-sys-label-small-size: 0.688rem;
  --mat-sys-label-small-tracking: 0.031rem;
  --mat-sys-label-small-weight: var(--mat-sys-medium-font-weight);
  /* Title large typescale */
  --mat-sys-title-large: var(--mat-sys-title-large-weight) var(--mat-sys-title-large-size) / var(--mat-sys-title-large-line-height) var(--mat-sys-title-large-font);
  --mat-sys-title-large-font: var(--mat-sys-brand-font-family);
  --mat-sys-title-large-line-height: 1.75rem;
  --mat-sys-title-large-size: 1.375rem;
  --mat-sys-title-large-tracking: 0;
  --mat-sys-title-large-weight: var(--mat-sys-regular-font-weight);
  /* Title medium typescale */
  --mat-sys-title-medium: var(--mat-sys-title-medium-weight) var(--mat-sys-title-medium-size) / var(--mat-sys-title-medium-line-height) var(--mat-sys-title-medium-font);
  --mat-sys-title-medium-font: var(--mat-sys-plain-font-family);
  --mat-sys-title-medium-line-height: 1.5rem;
  --mat-sys-title-medium-size: 1rem;
  --mat-sys-title-medium-tracking: 0.009rem;
  --mat-sys-title-medium-weight: var(--mat-sys-medium-font-weight);
  /* Title small typescale */
  --mat-sys-title-small: var(--mat-sys-title-small-weight) var(--mat-sys-title-small-size) / var(--mat-sys-title-small-line-height) var(--mat-sys-title-small-font);
  --mat-sys-title-small-font: var(--mat-sys-plain-font-family);
  --mat-sys-title-small-line-height: 1.25rem;
  --mat-sys-title-small-size: 0.875rem;
  --mat-sys-title-small-tracking: 0.006rem;
  --mat-sys-title-small-weight: var(--mat-sys-medium-font-weight);
  /* ELEVATION SYSTEM VARIABLES */
  /* Box shadow colors. Only used in the elevation level system variables. */
  --mat-sys-umbra-color: color-mix(in srgb, var(--mat-sys-shadow), transparent 80%);
  --mat-sys-penumbra-color: color-mix(in srgb, var(--mat-sys-shadow), transparent 86%);
  --mat-sys-ambient-color: color-mix(in srgb, var(--mat-sys-shadow), transparent 88%);
  /* Elevation level system variables. These are used as the value for box-shadow CSS property. */
  --mat-sys-level0: 0px 0px 0px 0px var(--mat-sys-umbra-color), 0px 0px 0px 0px var(--mat-sys-penumbra-color), 0px 0px 0px 0px var(--mat-sys-ambient-color);
  --mat-sys-level1: 0px 2px 1px -1px var(--mat-sys-umbra-color), 0px 1px 1px 0px var(--mat-sys-penumbra-color), 0px 1px 3px 0px var(--mat-sys-ambient-color);
  --mat-sys-level2: 0px 3px 3px -2px var(--mat-sys-umbra-color), 0px 3px 4px 0px var(--mat-sys-penumbra-color), 0px 1px 8px 0px var(--mat-sys-ambient-color);
  --mat-sys-level3: 0px 3px 5px -1px var(--mat-sys-umbra-color), 0px 6px 10px 0px var(--mat-sys-penumbra-color), 0px 1px 18px 0px var(--mat-sys-ambient-color);
  --mat-sys-level4: 0px 5px 5px -3px var(--mat-sys-umbra-color), 0px 8px 10px 1px var(--mat-sys-penumbra-color), 0px 3px 14px 2px var(--mat-sys-ambient-color);
  --mat-sys-level5: 0px 7px 8px -4px var(--mat-sys-umbra-color), 0px 12px 17px 2px var(--mat-sys-penumbra-color), 0px 5px 22px 4px var(--mat-sys-ambient-color);
  /* SHAPE SYSTEM VARIABLES */
  --mat-sys-corner-extra-large: 28px;
  --mat-sys-corner-extra-large-top: 28px 28px 0 0;
  --mat-sys-corner-extra-small: 4px;
  --mat-sys-corner-extra-small-top: 4px 4px 0 0;
  --mat-sys-corner-full: 9999px;
  --mat-sys-corner-large: 16px;
  --mat-sys-corner-large-end: 0 16px 16px 0;
  --mat-sys-corner-large-start: 16px 0 0 16px;
  --mat-sys-corner-large-top: 16px 16px 0 0;
  --mat-sys-corner-medium: 12px;
  --mat-sys-corner-none: 0;
  --mat-sys-corner-small: 8px;
  /* STATE SYSTEM VARIABLES */
  --mat-sys-dragged-state-layer-opacity: 0.16;
  --mat-sys-focus-state-layer-opacity: 0.12;
  --mat-sys-hover-state-layer-opacity: 0.08;
  --mat-sys-pressed-state-layer-opacity: 0.12;
}

.white-bg {
  background-color: #FFFFFF;
}

.black-bg {
  background-color: #000000;
}

.normal-gray-bg {
  background-color: #DCE3EB;
}

.light-gray-bg {
  background-color: #F1F4F9;
}

.dark-gray-bg {
  background-color: #6A7885;
}

.primary-bg {
  background-color: #F64E60;
}

.primary-10-bg {
  background-color: #F75F70;
}

.primary-80-bg {
  background-color: #FDDCDF;
}

.primary-90-bg {
  background-color: #FEEDEF;
}

.secondary-bg {
  background-color: #3699FF;
}

.secondary-50-bg {
  background-color: #9ACCFF;
}

.secondary-90-bg {
  background-color: #EBF5FF;
}

.white-color {
  color: #FFFFFF;
}

.black-color {
  color: #000000;
}

.normal-gray-color {
  color: #DCE3EB;
}

.light-gray-color {
  color: #F1F4F9;
}

.dark-gray-color {
  color: #6A7885;
}

.primary-color {
  color: #F64E60;
}

.primary-10-color {
  color: #F75F70;
}

.primary-80-color {
  color: #FDDCDF;
}

.primary-90-color {
  color: #FEEDEF;
}

.secondary-color {
  color: #3699FF;
}

.secondary-50-color {
  color: #9ACCFF;
}

.secondary-90-color {
  color: #EBF5FF;
}

.blue-color {
  color: #3699FF;
}

.tertiary-color {
  color: #43BE56;
}

.tertiary-90-color {
  color: #ECF8EE;
}

.yellow-color {
  color: #FDCB6E;
}

.light-yellow-color {
  color: #FFFAF0;
}

.text-font-400 {
  font-weight: 400;
  font-style: normal;
}

.text-font-500 {
  font-weight: 500;
  font-style: normal;
}

.text-font-600 {
  font-weight: 600;
  font-style: normal;
}

.text-font-400I {
  font-weight: 400;
  font-style: italic;
}

.text-font-500I {
  font-weight: 500;
  font-style: italic;
}

.text-font-600I {
  font-weight: 600;
  font-style: italic;
}

/* Font Sizes
------------------------------------
*/
.fs-8 {
  font-size: 8px;
}

.fs-9 {
  font-size: 9px;
}

.fs-10 {
  font-size: 10px;
}

.fs-11 {
  font-size: 11px;
}

.fs-12 {
  font-size: 12px;
}

.fs-13 {
  font-size: 13px;
}

.fs-14 {
  font-size: 14px;
}

.fs-15 {
  font-size: 15px;
}

.fs-16 {
  font-size: 16px;
}

.fs-17 {
  font-size: 17px;
}

.fs-18 {
  font-size: 18px;
}

.fs-19 {
  font-size: 19px;
}

.fs-20 {
  font-size: 20px;
}

.fs-21 {
  font-size: 21px;
}

.fs-22 {
  font-size: 22px;
}

.fs-23 {
  font-size: 23px;
}

.fs-24 {
  font-size: 24px;
}

.fs-25 {
  font-size: 25px;
}

.fs-26 {
  font-size: 26px;
}

.fs-27 {
  font-size: 27px;
}

.fs-28 {
  font-size: 28px;
}

/* Line-heights
------------------------------------
*/
.lh-normal {
  line-height: normal;
}

.lh-8 {
  line-height: 8px;
}

.lh-9 {
  line-height: 9px;
}

.lh-10 {
  line-height: 10px;
}

.lh-11 {
  line-height: 11px;
}

.lh-12 {
  line-height: 12px;
}

.lh-13 {
  line-height: 13px;
}

.lh-14 {
  line-height: 14px;
}

.lh-15 {
  line-height: 15px;
}

.lh-16 {
  line-height: 16px;
}

.lh-17 {
  line-height: 17px;
}

.lh-18 {
  line-height: 18px;
}

.lh-19 {
  line-height: 19px;
}

.lh-20 {
  line-height: 20px;
}

.lh-21 {
  line-height: 21px;
}

.lh-22 {
  line-height: 22px;
}

.lh-23 {
  line-height: 23px;
}

.lh-24 {
  line-height: 24px;
}

.lh-25 {
  line-height: 25px;
}

.lh-32 {
  line-height: 36px;
}

.lh-36 {
  line-height: 36px;
}

.no-wrap {
  text-wrap: nowrap;
}

.wrap {
  text-wrap: wrap;
}

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

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

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

.cursor-pointer {
  cursor: pointer;
}

.cursor-move {
  cursor: move;
}

.svg-size-8 {
  width: 8px !important;
  height: 8px !important;
}
.svg-size-8.pl {
  padding-left: 8px;
}
.svg-size-8.pr {
  padding-right: 8px;
}

.svg-size-16 {
  width: 16px !important;
  height: 16px !important;
}
.svg-size-16.pl {
  padding-left: 8px;
}
.svg-size-16.pr {
  padding-right: 8px;
}

.svg-size-20 {
  width: 20px !important;
  height: 20px !important;
}
.svg-size-20.pl {
  padding-left: 8px;
}
.svg-size-20.pr {
  padding-right: 8px;
}

.svg-size-24 {
  width: 24px !important;
  height: 24px !important;
}
.svg-size-24.pl {
  padding-left: 8px;
}
.svg-size-24.pr {
  padding-right: 8px;
}

.svg-size-32 {
  width: 32px !important;
  height: 32px !important;
}
.svg-size-32.pl {
  padding-left: 8px;
}
.svg-size-32.pr {
  padding-right: 8px;
}

.svg-size-w15h32 {
  width: 15px !important;
  height: 32px !important;
}
.svg-size-w15h32.pl {
  padding-left: 8px;
}
.svg-size-w15h32.pr {
  padding-right: 8px;
}

.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.m-0 {
  margin: 0 !important;
}

.mtb-4 {
  margin: calc(16px / 4) 0 !important;
}

.mtb-8 {
  margin: calc(16px / 2) 0 !important;
}

.mtb-12 {
  margin: calc(16px / 4 * 3) 0 !important;
}

.mtb-16 {
  margin: 16px 0 !important;
}

.mtb-24 {
  margin: calc(16px + 16px / 2) 0 !important;
}

.mtb-32 {
  margin: calc(16px * 2) 0 !important;
}

.mlr-4 {
  margin: 0 calc(16px / 4) !important;
}

.mlr-8 {
  margin: 0 calc(16px / 2) !important;
}

.mlr-16 {
  margin: 0 16px !important;
}

.mlr-24 {
  margin: 0 calc(16px + 16px / 2) !important;
}

.mlr-32 {
  margin: 0 calc(16px * 2) !important;
}

.mt-4 {
  margin-top: calc(16px / 4) !important;
}

.mt-8 {
  margin-top: calc(16px / 2) !important;
}

.mt-16 {
  margin-top: 16px !important;
}

.mt-24 {
  margin-top: calc(16px + 16px / 2) !important;
}

.mt-32 {
  margin-top: calc(16px * 2) !important;
}

.mb-4 {
  margin-bottom: calc(16px / 4) !important;
}

.mb-8 {
  margin-bottom: calc(16px / 2) !important;
}

.mb-12 {
  margin-bottom: calc(16px / 4 * 3) !important;
}

.mb-16 {
  margin-bottom: 16px !important;
}

.mb-24 {
  margin-bottom: calc(16px + 16px / 2) !important;
}

.mb-32 {
  margin-bottom: calc(16px * 2) !important;
}

.p-4 {
  padding: calc(16px / 4) !important;
}

.p-8 {
  padding: calc(16px / 2) !important;
}

.p-16 {
  padding: 16px !important;
}

.p-20 {
  padding: calc(16px / 4 * 5) !important;
}

.p-24 {
  padding: calc(16px + 16px / 2) !important;
}

.ptb-4 {
  padding: calc(16px / 4) 0 !important;
}

.ptb-8 {
  padding: calc(16px / 2) 0 !important;
}

.ptb-16 {
  padding: 16px 0 !important;
}

.ptb-24 {
  padding: calc(16px + 16px / 2) 0 !important;
}

.ptb-32 {
  padding: calc(16px * 2) 0 !important;
}

.plr-4 {
  padding: 0 calc(16px / 4) !important;
}

.plr-8 {
  padding: 0 calc(16px / 2) !important;
}

.plr-16 {
  padding: 0 16px !important;
}

.plr-24 {
  padding: 0 calc(16px + 16px / 2) !important;
}

.plr-32 {
  padding: 0 calc(16px * 2) !important;
}

.pt-4 {
  padding-top: calc(16px / 4) !important;
}

.pt-8 {
  padding-top: calc(16px / 2) !important;
}

.pt-16 {
  padding-top: 16px !important;
}

.pt-24 {
  padding-top: calc(16px + 16px / 2) !important;
}

.pt-32 {
  padding-top: calc(16px * 2) !important;
}

.pb-4 {
  padding-bottom: calc(16px / 4) !important;
}

.pb-8 {
  padding-bottom: calc(16px / 2) !important;
}

.pb-16 {
  padding-bottom: 16px !important;
}

.pb-24 {
  padding-bottom: calc(16px + 16px / 2) !important;
}

.pb-32 {
  padding-bottom: calc(16px * 2) !important;
}

.pr-4 {
  padding-right: calc(16px / 4);
}

.pr-8 {
  padding-right: calc(16px / 2);
}

.pr-12 {
  padding-right: calc(16px / 4 * 3);
}

.pr-16 {
  padding-right: 16px !important;
}

.pr-24 {
  padding-right: calc(16px / 2 * 3) !important;
}

.pr-32 {
  padding-right: calc(16px * 2) !important;
}

.pr-40 {
  padding-right: calc(16px / 2 * 5) !important;
}

.mr-auto {
  margin-right: auto;
}

.mr-4 {
  margin-right: calc(16px / 4) !important;
}

.mr-8 {
  margin-right: calc(16px / 2) !important;
}

.mr-16 {
  margin-right: 16px !important;
}

.mr-24 {
  margin-right: calc(16px + 16px / 2);
}

.ml-8 {
  margin-left: calc(16px / 2);
}

.ml-12 {
  margin-left: calc(16px / 4 * 3);
}

.ml-16 {
  margin-left: 16px;
}

.ml-24 {
  margin-left: calc(16px + 16px / 2);
}

.display-flex {
  display: flex;
}
.display-flex.flex-column {
  flex-direction: column;
}
.display-flex.justify-between {
  justify-content: space-between;
}
.display-flex.justify-center {
  justify-content: center;
}
.display-flex.justify-around {
  justify-content: space-around;
}
.display-flex.align-center {
  align-items: center;
}
.display-flex.align-start {
  align-items: start;
}
.display-flex.align-end {
  align-items: end;
}
.display-flex.gap-standard {
  gap: 16px;
}
.display-flex.gap-half {
  gap: calc(16px / 2);
}
.display-flex.w-100 {
  width: 100%;
}

.skeleton {
  padding: 10px;
  width: 100%;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.03), rgba(0, 0, 0, 0.03)), linear-gradient(0deg, #FFFFFF, #FFFFFF);
  margin-bottom: 20px;
  border-radius: 10px;
}

.skeleton.desktop {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.skeleton.mobile {
  display: flex;
  flex-direction: column;
}

.skeleton .square {
  height: 80px;
  border-radius: 5px;
  background: rgba(130, 130, 130, 0.2);
  background: linear-gradient(to right, rgba(130, 130, 130, 0.2) 8%, rgba(130, 130, 130, 0.3) 18%, rgba(130, 130, 130, 0.2) 33%);
  background-size: 800px 100px;
  animation: wave-squares 2s infinite ease-out;
}

.skeleton .line {
  height: 12px;
  margin-bottom: 6px;
  border-radius: 2px;
  background: rgba(130, 130, 130, 0.2);
  background: linear-gradient(to right, rgba(130, 130, 130, 0.2) 8%, rgba(130, 130, 130, 0.3) 18%, rgba(130, 130, 130, 0.2) 33%);
  background-size: 800px 100px;
  animation: wave-lines 2s infinite ease-out;
}

.skeleton-container {
  display: flex;
  align-items: center;
  flex: 1;
}

.skeleton-row-header-mobile-container {
  display: flex;
  justify-content: space-between;
}

.skeleton-row-mobile-container {
  display: flex;
}

.skeleton-empty-container {
  width: 80px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.skeleton-left {
  flex: 2;
  padding-right: 15px;
}

.flex1 {
  flex: 1;
}

.flex2 {
  flex: 2;
}

.skeleton .line:last-child {
  margin-bottom: 0;
}

.h2 {
  height: 2px !important;
}

.h8 {
  height: 8px !important;
}

.h10 {
  height: 10px !important;
}

.h12 {
  height: 12px !important;
}

.h15 {
  height: 15px !important;
}

.h17 {
  height: 17px !important;
}

.h20 {
  height: 20px !important;
}

.h25 {
  height: 25px !important;
}

.h50 {
  height: 50px !important;
}

.w25 {
  width: 25% !important;
}

.w35 {
  width: 35% !important;
}

.w40 {
  width: 40% !important;
}

.w50 {
  width: 50% !important;
}

.w65 {
  width: 65% !important;
}

.w75 {
  width: 75% !important;
}

.w90 {
  width: 90% !important;
}

.w100 {
  width: 100% !important;
}

.m10 {
  margin-bottom: 10px !important;
}

.circle {
  border-radius: 100% !important;
  height: 30px !important;
  width: 30px;
}

@keyframes wave-lines {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}
@keyframes wave-squares {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}
.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.block {
  display: block;
}

.inline {
  display: inline;
}

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

.flex {
  display: flex;
}

.none {
  display: none;
}

.flex-row {
  flex-direction: row;
}

.flex-row-reverse {
  flex-direction: row-reverse;
}

.flex-column {
  flex-direction: column;
}

.flex-column-reverse {
  flex-direction: column-reverse;
}

.flex-none {
  flex: 0 0 auto;
}

.flex-initial {
  flex: 0 1 auto;
}

.flex-1 {
  flex: 1 1 0;
}

.flex-auto {
  flex: 1 1 auto;
}

.flex-basis-25 {
  flex-basis: 25%;
}

.flex-basis-33 {
  flex-basis: 33.33%;
}

.flex-basis-50 {
  flex-basis: 50%;
}

.flex-basis-66 {
  flex-basis: 66.66%;
}

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

.items-start {
  align-items: flex-start;
}

.items-end {
  align-items: flex-end;
}

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

.items-baseline {
  align-items: baseline;
}

.items-stretch {
  align-items: stretch;
}

.justify-start {
  justify-content: flex-start;
}

.justify-end {
  justify-content: flex-end;
}

.justify-center {
  justify-content: center;
}

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

.justify-around {
  justify-content: space-around;
}

.justify-evenly {
  justify-content: space-evenly;
}

.justify-stretch {
  justify-content: stretch;
}

.justify-normal {
  justify-content: normal;
}

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

.align-start {
  align-items: flex-start;
}

.align-end {
  align-items: flex-end;
}

.self-auto {
  align-self: auto;
}

.self-start {
  align-self: flex-start;
}

.self-end {
  align-self: flex-end;
}

.self-end-safe {
  align-self: safe flex-end;
}

.self-center {
  align-self: center;
}

.self-center-safe {
  align-self: safe center;
}

.self-stretch {
  align-self: stretch;
}

.self-baseline {
  align-self: baseline;
}

.self-baseline-last {
  align-self: last baseline;
}

.pr-0 {
  padding-right: 0;
}

.pl-0 {
  padding-left: 0;
}

.pt-0 {
  padding-top: 0;
}

.pb-0 {
  padding-bottom: 0;
}

.gap16 {
  gap: 16px;
}

.gap-0 {
  gap: 0;
}

.gap-4 {
  gap: 4px;
}

.gap-10 {
  gap: 10px;
}

.gap-20 {
  gap: 20px;
}

.gap-24 {
  gap: 24px;
}

.gap-30 {
  gap: 30px;
}

.w-100 {
  width: 100%;
}

.min-w-0 {
  min-width: 0;
}

.h-100 {
  height: 100%;
}

.hyphens-auto {
  hyphens: auto;
}

.overflow-auto {
  overflow: auto;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-x-clip {
  overflow-x: clip;
}

.overflow-y-clip {
  overflow-y: clip;
}

.overflow-clip {
  overflow: clip;
}

.box-border {
  box-sizing: border-box;
}

.whitespace-no-wrap {
  white-space: nowrap;
}

.whitespace-pre-wrap {
  white-space: pre-wrap;
}

.whitespace-pre-line {
  white-space: pre-line;
}

.rounded-field-h-30 {
  --mdc-outlined-text-field-container-shape: 10px;
  --mat-form-field-container-height: 30px;
  --mat-form-field-container-vertical-padding: 5px;
}

.side-nav-transparent-bg {
  --mat-sidenav-container-divider-color: rgba(255, 255, 255, .12);
  --mat-sidenav-container-background-color: rgba(0, 0, 0, 1);
  --mat-sidenav-container-text-color: $black-color;
  --mat-sidenav-content-background-color: rgba(0, 0, 0, 0.3);
  --mat-sidenav-content-text-color: $black-color;
  --mat-sidenav-scrim-color: rgba(0, 0, 0, 0.5);
}

form.iqhr-form {
  display: flex;
  flex-direction: column;
  gap: calc(16px * 1.5);
}
form.iqhr-form mat-error {
  position: absolute;
  top: 0 !important;
  left: 0;
  font-size: 11px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}
form.iqhr-form div.iqhr-tab {
  display: flex;
  flex-direction: column;
  gap: calc(16px * 1.5);
  padding: 10px 0;
}
form.iqhr-form div.iqhr-group {
  display: flex;
  flex-direction: column;
  gap: calc(16px * 1.5);
}

.common-cards {
  display: flex;
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #DCE3EB;
  border-radius: calc(12px * 2);
  background: #FFFFFF;
  transition: color 0.3s;
}

.common-cards:hover {
  box-shadow: 0 8px 15px 0 rgba(112, 144, 176, 0.3019607843);
}

.dialog-header {
  width: 100%;
  padding: 24px 0 0 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  -webkit-user-select: none;
          user-select: none;
  position: relative;
  overflow: hidden;
}
.dialog-header.center {
  align-items: center;
}
.dialog-header.left {
  align-items: flex-start;
}
.dialog-header .dialog-icon.generic-avatar {
  width: 64px;
  height: 64px;
  border-radius: 100%;
  border: 1px solid #FDDCDF;
  background-color: #FEEDEF;
  display: flex;
  justify-content: center;
  align-items: center;
}
.dialog-header .dialog-icon:hover {
  cursor: move;
}
.dialog-header .mat-mdc-dialog-title {
  padding: 0 32px 16px 32px;
}
.dialog-header .dialog-close-button {
  position: absolute;
  right: 8px;
  top: 8px;
}

.mat-mdc-dialog-content {
  padding: 0 32px 24px 32px;
}

.mat-mdc-dialog-actions {
  padding: 24px 32px 24px 32px;
}
.mat-mdc-dialog-actions.between {
  width: 100%;
  justify-content: space-between;
}
.mat-mdc-dialog-actions.gap-12 {
  gap: 12px;
}
.mat-mdc-dialog-actions button {
  padding: 0 24px;
}
.mat-mdc-dialog-actions .button-flex {
  flex: 1;
  margin: 0;
}
.mat-mdc-dialog-actions.reverse {
  flex-direction: row-reverse;
}
.mat-mdc-dialog-actions.center {
  justify-content: center;
}

.mat-divider.mat-divider-horizontal.margin {
  margin: 0 32px;
}

quill-editor {
  display: flex !important;
  flex-direction: column;
  box-sizing: border-box;
  min-height: 200px;
  border: 1px solid var(--mat-sys-outline);
  border-radius: 12px;
  position: relative;
}
quill-editor:focus-within {
  border: 1px solid transparent;
}
quill-editor:focus-within::after {
  content: "";
  position: absolute;
  inset: 0;
  border: 2px solid #F64E60;
  border-radius: inherit;
  box-sizing: border-box;
  pointer-events: none;
}
quill-editor .ql-toolbar {
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
}
quill-editor .ql-container {
  flex: 1 1 auto;
  border: none !important;
  font-family: "Inter", serif !important;
  font-size: 16px;
  font-weight: 400;
  overflow: hidden;
  padding: 0 3px 3px 0;
}
quill-editor .ql-blank::before {
  color: var(--mdc-outlined-text-field-label-text-color, var(--mat-sys-on-surface-variant)) !important;
  font-style: normal !important;
  font-family: "Inter", serif !important;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
}

@font-face {
  font-family: "Inter";
  src: url("/assets/fonts/Inter/Inter-VariableFont_opsz,wght.ttf") format("truetype");
}
@font-face {
  font-family: "Inter Italic";
  src: url("/assets/fonts/Inter/Inter-Italic-VariableFont_opsz,wght.ttf") format("truetype");
}
html {
  color-scheme: light;
}
html {
  --mat-sys-body-large: 400 1rem / 1.5rem Inter;
  --mat-sys-body-large-font: Inter;
  --mat-sys-body-large-line-height: 1.5rem;
  --mat-sys-body-large-size: 1rem;
  --mat-sys-body-large-tracking: 0.031rem;
  --mat-sys-body-large-weight: 400;
  --mat-sys-body-medium: 400 0.875rem / 1.25rem Inter;
  --mat-sys-body-medium-font: Inter;
  --mat-sys-body-medium-line-height: 1.25rem;
  --mat-sys-body-medium-size: 0.875rem;
  --mat-sys-body-medium-tracking: 0.016rem;
  --mat-sys-body-medium-weight: 400;
  --mat-sys-body-small: 400 0.75rem / 1rem Inter;
  --mat-sys-body-small-font: Inter;
  --mat-sys-body-small-line-height: 1rem;
  --mat-sys-body-small-size: 0.75rem;
  --mat-sys-body-small-tracking: 0.025rem;
  --mat-sys-body-small-weight: 400;
  --mat-sys-display-large: 400 3.562rem / 4rem Inter;
  --mat-sys-display-large-font: Inter;
  --mat-sys-display-large-line-height: 4rem;
  --mat-sys-display-large-size: 3.562rem;
  --mat-sys-display-large-tracking: -0.016rem;
  --mat-sys-display-large-weight: 400;
  --mat-sys-display-medium: 400 2.812rem / 3.25rem Inter;
  --mat-sys-display-medium-font: Inter;
  --mat-sys-display-medium-line-height: 3.25rem;
  --mat-sys-display-medium-size: 2.812rem;
  --mat-sys-display-medium-tracking: 0;
  --mat-sys-display-medium-weight: 400;
  --mat-sys-display-small: 400 2.25rem / 2.75rem Inter;
  --mat-sys-display-small-font: Inter;
  --mat-sys-display-small-line-height: 2.75rem;
  --mat-sys-display-small-size: 2.25rem;
  --mat-sys-display-small-tracking: 0;
  --mat-sys-display-small-weight: 400;
  --mat-sys-headline-large: 400 2rem / 2.5rem Inter;
  --mat-sys-headline-large-font: Inter;
  --mat-sys-headline-large-line-height: 2.5rem;
  --mat-sys-headline-large-size: 2rem;
  --mat-sys-headline-large-tracking: 0;
  --mat-sys-headline-large-weight: 400;
  --mat-sys-headline-medium: 400 1.75rem / 2.25rem Inter;
  --mat-sys-headline-medium-font: Inter;
  --mat-sys-headline-medium-line-height: 2.25rem;
  --mat-sys-headline-medium-size: 1.75rem;
  --mat-sys-headline-medium-tracking: 0;
  --mat-sys-headline-medium-weight: 400;
  --mat-sys-headline-small: 400 1.5rem / 2rem Inter;
  --mat-sys-headline-small-font: Inter;
  --mat-sys-headline-small-line-height: 2rem;
  --mat-sys-headline-small-size: 1.5rem;
  --mat-sys-headline-small-tracking: 0;
  --mat-sys-headline-small-weight: 400;
  --mat-sys-label-large: 500 0.875rem / 1.25rem Inter;
  --mat-sys-label-large-font: Inter;
  --mat-sys-label-large-line-height: 1.25rem;
  --mat-sys-label-large-size: 0.875rem;
  --mat-sys-label-large-tracking: 0.006rem;
  --mat-sys-label-large-weight: 500;
  --mat-sys-label-large-weight-prominent: 700;
  --mat-sys-label-medium: 500 0.75rem / 1rem Inter;
  --mat-sys-label-medium-font: Inter;
  --mat-sys-label-medium-line-height: 1rem;
  --mat-sys-label-medium-size: 0.75rem;
  --mat-sys-label-medium-tracking: 0.031rem;
  --mat-sys-label-medium-weight: 500;
  --mat-sys-label-medium-weight-prominent: 700;
  --mat-sys-label-small: 500 0.688rem / 1rem Inter;
  --mat-sys-label-small-font: Inter;
  --mat-sys-label-small-line-height: 1rem;
  --mat-sys-label-small-size: 0.688rem;
  --mat-sys-label-small-tracking: 0.031rem;
  --mat-sys-label-small-weight: 500;
  --mat-sys-title-large: 400 1.375rem / 1.75rem Inter;
  --mat-sys-title-large-font: Inter;
  --mat-sys-title-large-line-height: 1.75rem;
  --mat-sys-title-large-size: 1.375rem;
  --mat-sys-title-large-tracking: 0;
  --mat-sys-title-large-weight: 400;
  --mat-sys-title-medium: 500 1rem / 1.5rem Inter;
  --mat-sys-title-medium-font: Inter;
  --mat-sys-title-medium-line-height: 1.5rem;
  --mat-sys-title-medium-size: 1rem;
  --mat-sys-title-medium-tracking: 0.009rem;
  --mat-sys-title-medium-weight: 500;
  --mat-sys-title-small: 500 0.875rem / 1.25rem Inter;
  --mat-sys-title-small-font: Inter;
  --mat-sys-title-small-line-height: 1.25rem;
  --mat-sys-title-small-size: 0.875rem;
  --mat-sys-title-small-tracking: 0.006rem;
  --mat-sys-title-small-weight: 500;
}
html {
  --mat-sys-corner-extra-large: 28px;
  --mat-sys-corner-extra-large-top: 28px 28px 0 0;
  --mat-sys-corner-extra-small: 4px;
  --mat-sys-corner-extra-small-top: 4px 4px 0 0;
  --mat-sys-corner-full: 9999px;
  --mat-sys-corner-large: 16px;
  --mat-sys-corner-large-end: 0 16px 16px 0;
  --mat-sys-corner-large-start: 16px 0 0 16px;
  --mat-sys-corner-large-top: 16px 16px 0 0;
  --mat-sys-corner-medium: 12px;
  --mat-sys-corner-none: 0;
  --mat-sys-corner-small: 8px;
}
html {
  --mat-sys-dragged-state-layer-opacity: 0.16;
  --mat-sys-focus-state-layer-opacity: 0.12;
  --mat-sys-hover-state-layer-opacity: 0.08;
  --mat-sys-pressed-state-layer-opacity: 0.12;
}

/* You can add global styles to this file, and also import other style files */
.dark {
  color-scheme: dark;
}

html, body {
  height: 100%;
}

body {
  margin: 0;
  font-family: "Inter", sans-serif;
}
body .cdk-overlay-container {
  z-index: 2000;
}

:root {
  --mdc-snackbar-container-color: #F64E60;
}
:root {
  --mdc-snackbar-supporting-text-color: #000000;
}
:root {
  --mat-snack-bar-button-color: #000000;
}
:root {
  --mdc-dialog-container-color: #FFFFFF;
}
:root {
  --mat-expansion-container-background-color: #FFFFFF;
}
:root {
  --mat-expansion-container-text-color: #000000;
}

html {
  --mat-sidenav-container-background-color: #FFFFFF;
}
html {
  --mat-sidenav-content-background-color: #FFFFFF;
}

html {
  --mat-datepicker-calendar-container-background-color: #FFFFFF;
}

.primary {
  --mat-tree-container-background-color: #FFFFFF;
}
.primary {
  --mat-tree-node-text-color: #F64E60;
}
.primary {
  --mat-datepicker-calendar-date-in-range-state-background-color: #FEEDEF;
}
.primary {
  --mat-badge-background-color: #F64E60;
}
.primary {
  --mat-badge-text-color: #FFFFFF;
}
.primary {
  --mat-divider-color: #DCE3EB;
}
.primary {
  --mdc-outlined-text-field-container-shape: 12px;
}
.primary {
  --mdc-filled-text-field-container-shape: 12px;
}
.primary {
  --mdc-fab-container-color: #F64E60;
}
.primary {
  --mat-fab-foreground-color: #FFFFFF;
}
.primary {
  --mdc-filled-button-container-color: #F64E60;
}
.primary {
  --mdc-filled-button-label-text-color: #FFFFFF;
}
.primary {
  --mdc-filled-button-container-height: 56px;
}
.primary {
  --mdc-filled-button-container-shape: 16px;
}
.primary {
  --mat-filled-button-horizontal-padding: 16px;
}
.primary {
  --mdc-filled-button-label-text-size: 16px;
}
.primary {
  --mdc-filled-button-label-text-weight: 500;
}
.primary .primary-icon {
  --mat-icon-color: #F64E60;
}
.primary {
  --mat-standard-button-toggle-selected-state-text-color: #FFFFFF;
}
.primary {
  --mat-standard-button-toggle-selected-state-background-color: #F64E60;
}
.primary {
  --mat-standard-button-toggle-shape: 12px;
}
.primary .mat-button-toggle .mat-icon {
  color: inherit;
}
.primary {
  --mat-table-background-color: #FFFFFF;
}
.primary {
  --mat-table-header-headline-color: #6A7885;
}
.primary {
  --mat-table-row-item-outline-color: #DCE3EB;
}
.primary.mat-mdc-table {
  --mdc-icon-button-icon-color: #F64E60;
}
.primary.mat-mdc-table {
  --mdc-icon-button-disabled-icon-color: #DCE3EB;
}
.primary {
  --mat-paginator-container-background-color: #FFFFFF;
}
.primary {
  --mat-paginator-container-text-size: 14px;
}
.primary {
  --mdc-chip-outline-color: #FFFFFF;
}
.primary {
  --mdc-chip-container-shape-radius: 12px;
}
.primary.selectable-chip {
  --mdc-chip-outline-color: #DCE3EB;
}
.primary.selectable-chip {
  --mdc-chip-with-icon-selected-icon-color: #FFFFFF;
}
.primary.selectable-chip {
  --mdc-chip-selected-label-text-color: #FFFFFF;
}
.primary.selectable-chip {
  --mdc-chip-elevated-selected-container-color: #F64E60;
}
.primary.selectable-chip {
  --mat-chip-selected-trailing-icon-color: #FFFFFF;
}
.primary.selectable-chip {
  --mdc-chip-with-trailing-icon-trailing-icon-color: #F64E60;
}
.primary.select-chips {
  --mat-form-field-container-height: 40px;
}
.primary.select-chips {
  --mat-form-field-container-vertical-padding: 8px;
}
.primary.no-leading-icon {
  --mdc-chip-with-avatar-avatar-size: 0;
}
.primary.primary-palette {
  --mdc-chip-label-text-color: #F64E60;
}
.primary.primary-palette {
  --mdc-chip-elevated-container-color: #FEEDEF;
}
.primary.primary-palette {
  --mdc-chip-selected-label-text-color: #FFFFFF;
}
.primary.primary-palette {
  --mdc-chip-elevated-selected-container-color: #F64E60;
}
.primary.secondary-palette {
  --mdc-chip-label-text-color: #3699FF;
}
.primary.secondary-palette {
  --mdc-chip-elevated-container-color: #EBF5FF;
}
.primary.secondary-palette {
  --mdc-chip-selected-label-text-color: #FFFFFF;
}
.primary.secondary-palette {
  --mdc-chip-elevated-selected-container-color: #3699FF;
}
.primary.tertiary-palette {
  --mdc-chip-label-text-color: #43BE56;
}
.primary.tertiary-palette {
  --mdc-chip-elevated-container-color: #ECF8EE;
}
.primary.tertiary-palette {
  --mdc-chip-selected-label-text-color: #FFFFFF;
}
.primary.tertiary-palette {
  --mdc-chip-elevated-selected-container-color: #43BE56;
}
.primary.yellow-palette {
  --mdc-chip-label-text-color: #FDCB6E;
}
.primary.yellow-palette {
  --mdc-chip-elevated-container-color: #FFFAF0;
}
.primary.gray-palette {
  --mdc-chip-label-text-color: #6A7885;
}
.primary.gray-palette {
  --mdc-chip-elevated-container-color: #F1F4F9;
}
.primary.cancel {
  --mdc-fab-container-color: #FEEDEF;
}
.primary.cancel {
  --mat-fab-foreground-color: #F64E60;
}
.primary.compact {
  --mdc-extended-fab-container-height: 48px;
}
.primary.accordion-stepper {
  --mat-stepper-container-color: #FFFFFF;
}
.primary.accordion-stepper {
  --mat-stepper-header-icon-background-color: #F64E60;
}

button.primary {
  --mat-icon-color: #FFFFFF;
}

.primary-90 {
  --mdc-filled-button-container-color: #FEEDEF;
}
.primary-90 {
  --mdc-filled-button-label-text-color: #F64E60;
}
.primary-90 {
  --mdc-filled-button-container-height: 56px;
}
.primary-90 {
  --mdc-filled-button-container-shape: 16px;
}
.primary-90 {
  --mat-filled-button-horizontal-padding: 16px;
}
.primary-90 {
  --mdc-filled-button-label-text-size: 16px;
}
.primary-90 {
  --mdc-filled-button-label-text-weight: 500;
}

.secondary {
  --mat-badge-background-color: #3699FF;
}
.secondary {
  --mat-badge-text-color: #FFFFFF;
}
.secondary {
  --mdc-fab-container-color: #3699FF;
}
.secondary {
  --mat-fab-foreground-color: #FFFFFF;
}
.secondary {
  --mat-icon-color: #3699FF;
}
.secondary {
  --mdc-text-button-label-text-color: #3699FF;
}
.secondary {
  --mdc-text-button-disabled-label-text-color: #6A7885;
}
.secondary {
  --mdc-outlined-button-outline-color: #3699FF;
}
.secondary {
  --mdc-outlined-button-label-text-color: #3699FF;
}
.secondary.cancel {
  --mdc-fab-container-color: #EBF5FF;
}
.secondary.cancel {
  --mat-fab-foreground-color: #3699FF;
}

button.secondary {
  --mat-icon-color: #FFFFFF;
}

.secondary.small {
  --mdc-filled-button-container-height: 40px;
}
.secondary.small {
  --mdc-outlined-button-container-height: 40px;
}
.secondary.small {
  --mdc-protected-button-container-height: 40px;
}
.secondary.small {
  --mdc-text-button-container-height: 40px;
}
.secondary.small {
  --mdc-filled-button-container-height: 40px;
}
.secondary.small {
  --mdc-outlined-button-container-height: 40px;
}
.secondary.small {
  --mdc-extended-fab-container-height: 40px;
}

.accent {
  --mdc-fab-container-color: #FFFFFF;
}
.accent {
  --mat-fab-foreground-color: #000000;
}
.accent {
  --mdc-fab-small-container-color: #FFFFFF;
}
.accent {
  --mat-fab-small-foreground-color: #000000;
}
.accent {
  --mdc-icon-button-icon-color: #000000;
}
.accent {
  --mdc-linear-progress-active-indicator-color: #DCE3EB;
}
.accent {
  --mdc-linear-progress-track-color: #F1F4F9;
}
.accent {
  --mat-divider-color: #DCE3EB;
}

button.accent {
  --mat-icon-color: #6A7885;
}

.basic-gray {
  --mdc-text-button-label-text-color: #000000;
}
.basic-gray {
  --mdc-text-button-disabled-label-text-color: #6A7885;
}
.basic-gray {
  --mdc-filled-button-container-color: #F1F4F9;
}
.basic-gray {
  --mdc-filled-button-label-text-color: #000000;
}

.extended-gray {
  --mdc-filled-button-label-text-color: #6A7885;
}
.extended-gray {
  --mdc-filled-button-container-color: #F1F4F9;
}
.extended-gray {
  --mdc-filled-button-container-shape: 12px;
}
.extended-gray {
  --mdc-fab-container-color: #F1F4F9;
}
.extended-gray {
  --mdc-fab-small-container-color: #F1F4F9;
}
.extended-gray {
  --mat-fab-foreground-color: #6A7885;
}
.extended-gray {
  --mat-fab-small-foreground-color: #6A7885;
}
.extended-gray:hover {
  --mdc-filled-button-container-color: #DCE3EB;
}

html {
  --mat-menu-container-shape: 12px;
}

.menu-buttons {
  --mdc-filled-button-container-color: #F1F4F9;
}
.menu-buttons {
  --mdc-protected-button-container-color: #F1F4F9;
}
.menu-buttons {
  --mdc-filled-button-label-text-color: #6A7885;
}
.menu-buttons {
  --mdc-outlined-button-label-text-color: #6A7885;
}
.menu-buttons {
  --mdc-protected-button-label-text-color: #6A7885;
}
.menu-buttons {
  --mdc-text-button-label-text-color: #6A7885;
}
.menu-buttons.active {
  --mdc-filled-button-container-color: #000000;
}
.menu-buttons.active {
  --mdc-protected-button-container-color: #000000;
}
.menu-buttons.active {
  --mdc-filled-button-label-text-color: #FFFFFF;
}
.menu-buttons.active {
  --mdc-outlined-button-label-text-color: #FFFFFF;
}
.menu-buttons.active {
  --mdc-protected-button-label-text-color: #FFFFFF;
}
.menu-buttons.active {
  --mdc-text-button-label-text-color: #FFFFFF;
}

.violet {
  --mdc-filled-button-container-color: #7960F0;
}
.violet {
  --mdc-protected-button-container-color: #7960F0;
}
.violet {
  --mdc-filled-button-label-text-color: #FFFFFF;
}
.violet {
  --mdc-outlined-button-label-text-color: #FFFFFF;
}
.violet {
  --mdc-protected-button-label-text-color: #FFFFFF;
}
.violet {
  --mdc-text-button-label-text-color: #FFFFFF;
}
.violet {
  --mdc-fab-container-color: #7960F0;
}
.violet {
  --mat-fab-foreground-color: #FFFFFF;
}

.spinner-backdrop {
  background-color: rgba(0, 0, 0, 0.4);
}

.iqhr-menu {
  margin-top: 10px;
}

@media print {
  body * {
    visibility: hidden;
  }
  body.print-telephony-call-script-preview-diagram app-telephony-call-script-preview-diagram,
  body.print-telephony-call-script-preview-diagram app-telephony-call-script-preview-diagram * {
    visibility: visible;
  }
}

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