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

/*# sourceMappingURL=quill.snow.css.map*/
/*!**********************************************************************************************************************************************************************************************************************!*\
  !*** 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]!./src/assets/scss/snackbar.css ***!
  \**********************************************************************************************************************************************************************************************************************/

.snackbar-container {
  transition: all 500ms ease;
  transition-property: top, right, bottom, left, opacity;
  font-size: 14px;
  min-height: 14px;
  background-color: white;
  position: fixed;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: rgb(0, 0, 0);
  line-height: 22px;
  padding: 12px 24px;
  bottom: -100px;
  top: -100px;
  opacity: 0;
  z-index: 9999;
}
.snackbar-container .action {
  background-color: #5ec2d9;
  display: inline-block;
  border: none;
  font-size: inherit;
  text-transform: uppercase;
  color: white;
  margin: 0 0 0 24px;
  padding: 8px;
  min-width: min-content;
  cursor: pointer;
}

.snackbar-cancel {
  img {
    width: 14px;
    right: 5px;
    top: 5px;
    position: absolute;
    cursor: pointer;
  }
}

@media (min-width: 640px) {
  .snackbar-container {
    min-width: 288px;
    max-width: 568px;
    display: inline-flex;
    border: 1px solid #333;
    margin: 24px;
  }
}

@media (max-width: 640px) {
  .snackbar-container {
    left: 0;
    right: 0;
    width: 100%;
  }
}

.snackbar-pos.bottom-center {
  top: auto !important;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
}

.snackbar-pos.bottom-left {
  top: auto !important;
  bottom: 0;
  left: 0;
}

.snackbar-pos.bottom-right {
  top: auto !important;
  bottom: 0;
  right: 0;
}

.snackbar-pos.top-left {
  bottom: auto !important;
  top: 0;
  left: 0;
}

.snackbar-pos.top-center {
  bottom: auto !important;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
}

.snackbar-pos.top-right {
  bottom: auto !important;
  top: 0;
  right: 0;
}

@media (max-width: 640px) {
  .snackbar-pos.bottom-center,
  .snackbar-pos.top-center {
    left: 0;
    transform: none;
  }
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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 ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.snackbar-container {
  z-index: 2147483646;
}

:root,
[data-skin=default],
.skin-default {
  color-scheme: light;
  --theme-font-family: "DM Sans Variable", sans-serif;
  --theme-page-bg: #ffffff;
  --theme-surface-base: #ffffff;
  --theme-surface-elevated: linear-gradient(180deg, #ffffff 0%, #f7f9fc 100%);
  --theme-surface-emphasis: linear-gradient(180deg, #ffffff 0%, #f5f5f7 100%);
  --theme-surface-muted: #f7f9fc;
  --theme-surface-subtle: #f5f5f7;
  --theme-surface-translucent: rgba(255, 255, 255, 0.9);
  --theme-shell-bg: rgb(30, 30, 40);
  --theme-shell-bg-muted: #5f6368;
  --theme-shell-surface: #ffffff;
  --theme-shell-surface-hover: #f1f4fb;
  --theme-shell-surface-muted: #f7f9fc;
  --theme-shell-text: rgb(30, 30, 40);
  --theme-shell-border: rgba(30, 30, 40, 0.14);
  --theme-text-primary: rgb(30, 30, 40);
  --theme-text-secondary: #5f6368;
  --theme-text-muted: rgb(176, 176, 181);
  --theme-text-inverse: rgba(255, 255, 255, 0.92);
  --theme-border-subtle: rgba(30, 30, 40, 0.1);
  --theme-border-default: rgba(30, 30, 40, 0.18);
  --theme-border-strong: rgb(30, 30, 40);
  --theme-border-warning: rgba(193, 140, 33, 0.55);
  --theme-accent: rgb(113, 99, 241);
  --theme-accent-hover: rgb(174, 170, 247);
  --theme-accent-soft: rgba(113, 99, 241, 0.12);
  --theme-info: rgb(95, 194, 217);
  --theme-info-soft: rgba(95, 194, 217, 0.1);
  --theme-success: rgb(47, 143, 70);
  --theme-success-surface: #dff4e3;
  --theme-success-text: #236537;
  --theme-danger: rgb(242, 56, 143);
  --theme-danger-soft: rgba(242, 56, 143, 0.08);
  --theme-danger-text: #8a1f53;
  --theme-warning: rgb(193, 140, 33);
  --theme-warning-soft: rgba(193, 140, 33, 0.12);
  --theme-warning-surface: linear-gradient(180deg, rgb(255, 250, 238) 0%, rgb(255, 243, 217) 100%);
  --theme-warning-border: rgb(229, 183, 94);
  --theme-warning-text: rgb(84, 51, 0);
  --theme-overlay: rgba(18, 20, 33, 0.78);
  --theme-overlay-strong: rgba(18, 20, 33, 0.82);
  --theme-overlay-soft: rgba(18, 20, 33, 0.34);
  --theme-modal-overlay: rgba(18, 20, 33, 0.78);
  --theme-modal-overlay-strong: rgba(18, 20, 33, 0.82);
  --theme-modal-surface: linear-gradient(180deg, #ffffff 0%, #f7f9fc 100%);
  --theme-modal-surface-emphasis: linear-gradient(180deg, #ffffff 0%, #f5f5f7 100%);
  --theme-modal-border: rgba(30, 30, 40, 0.18);
  --theme-modal-header-border: rgba(30, 30, 40, 0.1);
  --theme-modal-warning-border: rgba(193, 140, 33, 0.55);
  --theme-modal-warning-header-border: rgba(193, 140, 33, 0.18);
  --theme-modal-shadow: 0 18px 55px rgba(14, 16, 26, 0.35);
  --theme-modal-radius: var(--theme-radius-field);
  --theme-modal-text: rgb(30, 30, 40);
  --theme-modal-close-hover-bg: rgba(30, 30, 40, 0.08);
  --theme-modal-close-hover-border: rgba(30, 30, 40, 0.18);
  --theme-keypad-display-filter: none;
  --theme-button-border: rgb(30, 30, 40);
  --theme-button-text: rgb(30, 30, 40);
  --theme-button-surface: #ffffff;
  --theme-button-hover-border: rgb(30, 30, 40);
  --theme-button-hover-text: rgba(255, 255, 255, 0.92);
  --theme-button-hover-surface: rgb(30, 30, 40);
  --theme-button-primary-border: rgb(30, 30, 40);
  --theme-button-primary-text: rgba(255, 255, 255, 0.92);
  --theme-button-primary-surface: rgb(30, 30, 40);
  --theme-button-primary-hover-border: rgba(30, 30, 40, 0.18);
  --theme-button-primary-hover-text: rgb(30, 30, 40);
  --theme-button-primary-hover-surface: #ffffff;
  --theme-button-disabled-border: rgb(176, 176, 181);
  --theme-button-disabled-text: rgb(176, 176, 181);
  --theme-button-disabled-surface: #ffffff;
  --theme-editor-overlay: rgba(18, 20, 33, 0.34);
  --theme-editor-surface: linear-gradient(180deg, #ffffff 0%, #f7f9fc 100%);
  --theme-editor-border: rgba(30, 30, 40, 0.18);
  --theme-editor-shadow: 0 18px 55px rgba(14, 16, 26, 0.2);
  --theme-editor-radius: var(--theme-radius-field);
  --theme-hover-soft: rgba(0, 0, 0, 0.48);
  --theme-scrollbar: rgba(0, 0, 0, 0.3);
  --theme-scrollbar-hover: #555555;
  --theme-shadow-soft: 0 14px 40px rgba(18, 20, 33, 0.22);
  --theme-shadow-elevated: 0 18px 55px rgba(14, 16, 26, 0.35);
  --theme-shadow-card: 0 2px 10px rgba(18, 20, 33, 0.12);
  --theme-focus-ring: rgba(113, 99, 241, 0.22);
  --theme-radius-none: 0px;
  --theme-radius-xs: 0px;
  --theme-radius-sm: 0px;
  --theme-radius-md: 0px;
  --theme-radius-lg: 0px;
  --theme-radius-xl: 0px;
  --theme-radius-2xl: 0px;
  --theme-radius-field: var(--theme-radius-xs);
  --theme-radius-pill: 0px;
  --theme-radius-panel: var(--theme-radius-none);
  --theme-control-height: 40px;
  --theme-space-1: 4px;
  --theme-space-2: 8px;
  --theme-space-3: 12px;
  --theme-space-4: 16px;
  --theme-space-5: 20px;
  --theme-space-6: 24px;
  --theme-transition-fast: 160ms ease;
  --theme-transition-base: 220ms ease;
}

[data-skin=midnight],
.skin-midnight {
  color-scheme: dark;
  --theme-font-family: "DM Sans Variable", sans-serif;
  --theme-page-bg: #0f1422;
  --theme-surface-base: #151b2e;
  --theme-surface-elevated: linear-gradient(180deg, #19213a 0%, #12192b 100%);
  --theme-surface-emphasis: linear-gradient(180deg, #1f2947 0%, #151c31 100%);
  --theme-surface-muted: #1b2340;
  --theme-surface-subtle: #202846;
  --theme-surface-translucent: rgba(21, 27, 46, 0.92);
  --theme-shell-bg: #0b1020;
  --theme-shell-bg-muted: #4c5a7e;
  --theme-shell-surface: #19213a;
  --theme-shell-surface-hover: #232d4b;
  --theme-shell-surface-muted: #151c31;
  --theme-shell-text: #edf2ff;
  --theme-shell-border: rgba(237, 242, 255, 0.16);
  --theme-text-primary: #edf2ff;
  --theme-text-secondary: #b9c3e3;
  --theme-text-muted: #7f8baa;
  --theme-text-inverse: #f7f9ff;
  --theme-border-subtle: rgba(237, 242, 255, 0.08);
  --theme-border-default: rgba(237, 242, 255, 0.18);
  --theme-border-strong: rgba(237, 242, 255, 0.4);
  --theme-border-warning: rgba(224, 179, 101, 0.55);
  --theme-accent: #8190ff;
  --theme-accent-hover: #a4afff;
  --theme-accent-soft: rgba(129, 144, 255, 0.18);
  --theme-info: #6fd8e7;
  --theme-info-soft: rgba(111, 216, 231, 0.16);
  --theme-success: #7fcaa3;
  --theme-success-surface: rgba(127, 202, 163, 0.14);
  --theme-success-text: #bdf0d1;
  --theme-danger: #ff7abf;
  --theme-danger-soft: rgba(255, 122, 191, 0.14);
  --theme-danger-text: #ffd0e8;
  --theme-warning: #e0b365;
  --theme-warning-soft: rgba(224, 179, 101, 0.14);
  --theme-warning-surface: linear-gradient(180deg, rgba(63, 46, 15, 0.96) 0%, rgba(46, 34, 11, 0.96) 100%);
  --theme-warning-border: rgba(224, 179, 101, 0.6);
  --theme-warning-text: #ffe4b5;
  --theme-overlay: rgba(3, 6, 16, 0.8);
  --theme-overlay-strong: rgba(3, 6, 16, 0.9);
  --theme-overlay-soft: rgba(3, 6, 16, 0.42);
  --theme-modal-overlay: rgba(3, 6, 16, 0.8);
  --theme-modal-overlay-strong: rgba(3, 6, 16, 0.9);
  --theme-modal-surface: linear-gradient(180deg, #19213a 0%, #12192b 100%);
  --theme-modal-surface-emphasis: linear-gradient(180deg, #1f2947 0%, #151c31 100%);
  --theme-modal-border: rgba(237, 242, 255, 0.18);
  --theme-modal-header-border: rgba(237, 242, 255, 0.08);
  --theme-modal-warning-border: rgba(224, 179, 101, 0.55);
  --theme-modal-warning-header-border: rgba(224, 179, 101, 0.2);
  --theme-modal-shadow: 0 18px 55px rgba(0, 0, 0, 0.45);
  --theme-modal-radius: var(--theme-radius-field);
  --theme-modal-text: #edf2ff;
  --theme-modal-close-hover-bg: rgba(255, 255, 255, 0.08);
  --theme-modal-close-hover-border: rgba(237, 242, 255, 0.18);
  --theme-keypad-display-filter: invert(1) brightness(1.12) contrast(0.75);
  --theme-button-border: rgba(237, 242, 255, 0.24);
  --theme-button-text: #edf2ff;
  --theme-button-surface: #151b2e;
  --theme-button-hover-border: rgba(237, 242, 255, 0.28);
  --theme-button-hover-text: #f7f9ff;
  --theme-button-hover-surface: #222c49;
  --theme-button-primary-border: #000000;
  --theme-button-primary-text: rgba(255, 255, 255, 0.92);
  --theme-button-primary-surface: #000000;
  --theme-button-primary-hover-border: rgba(237, 242, 255, 0.24);
  --theme-button-primary-hover-text: #edf2ff;
  --theme-button-primary-hover-surface: #0b1020;
  --theme-button-disabled-border: #7f8baa;
  --theme-button-disabled-text: #7f8baa;
  --theme-button-disabled-surface: #151b2e;
  --theme-editor-overlay: rgba(3, 6, 16, 0.42);
  --theme-editor-surface: linear-gradient(180deg, #19213a 0%, #12192b 100%);
  --theme-editor-border: rgba(237, 242, 255, 0.18);
  --theme-editor-shadow: 0 18px 55px rgba(0, 0, 0, 0.3);
  --theme-editor-radius: var(--theme-radius-field);
  --theme-hover-soft: rgba(255, 255, 255, 0.48);
  --theme-scrollbar: rgba(255, 255, 255, 0.22);
  --theme-scrollbar-hover: #8b95b6;
  --theme-shadow-soft: 0 14px 40px rgba(0, 0, 0, 0.35);
  --theme-shadow-elevated: 0 18px 55px rgba(0, 0, 0, 0.45);
  --theme-shadow-card: 0 2px 10px rgba(0, 0, 0, 0.22);
  --theme-focus-ring: rgba(129, 144, 255, 0.28);
  --theme-radius-none: 0px;
  --theme-radius-xs: 4px;
  --theme-radius-sm: 6px;
  --theme-radius-md: 8px;
  --theme-radius-lg: 10px;
  --theme-radius-xl: 12px;
  --theme-radius-2xl: 14px;
  --theme-radius-field: var(--theme-radius-xs);
  --theme-radius-pill: 999px;
  --theme-radius-panel: var(--theme-radius-none);
  --theme-control-height: 40px;
  --theme-space-1: 4px;
  --theme-space-2: 8px;
  --theme-space-3: 12px;
  --theme-space-4: 16px;
  --theme-space-5: 20px;
  --theme-space-6: 24px;
  --theme-transition-fast: 160ms ease;
  --theme-transition-base: 220ms ease;
}

:root {
  --record-width: 240px;
  --page-width: 250px;
  --sat-safe-area-bottom: env(safe-area-inset-bottom, 0px);
}

.help-item-container {
  display: flex;
  align-items: center; /* Aligns items vertically center */
  justify-content: flex-end; /* Separates the content and the help icon */
}

.help-icon {
  /* Existing CSS for the icon, add the following if not present */
  cursor: pointer;
  margin: 8px; /* Adjust as needed */
}

.main {
  background-color: var(--theme-page-bg);
  color: var(--theme-text-primary);
}

.H:hover {
  outline: none !important;
  background-color: var(--theme-hover-soft) !important;
  cursor: pointer !important;
}

.w-100 {
  width: 100% !important;
}

.d-none {
  display: none !important;
}

.d-flex {
  display: flex !important;
}

.mx-auto {
  transition: all 0.7s;
}

.pop:hover::before {
  transition: opacity 0.3s ease-in-out;
  content: attr(data-pop);
  position: absolute;
  width: max-content;
  transform: translate(-50%, 0);
  top: 37px;
  padding: 3px 9px;
  border-radius: 5px;
  z-index: 1002;
}

/* Chrome, Edge, and Safari */
*::-webkit-scrollbar {
  height: 16px;
  width: 16px;
}

*::-webkit-scrollbar-track {
  background: transparent;
}

*::-webkit-scrollbar-thumb {
  background-color: var(--theme-scrollbar);
  background-clip: padding-box;
  border: solid transparent;
  border-width: 1px 1px 1px 6px;
  box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(0, 0, 0, 0.07);
}

*::-webkit-scrollbar-track {
  background-clip: padding-box;
  border: solid transparent;
  border-width: 0 0 0 4px;
}

img,
svg {
  vertical-align: middle;
}

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

body {
  margin: 0;
  background-color: var(--theme-page-bg);
  color: var(--theme-text-primary);
  font-family: var(--theme-font-family);
  font-style: normal;
  font-weight: normal;
  max-width: 100%;
  overflow-x: hidden;
}

/* Respect system bars and round corners only for Tauri mobile (android/ios) */
@supports (padding: env(safe-area-inset-top)) {
  .tauri-mobile {
    --safe-top: env(safe-area-inset-top, 0px);
    --safe-bottom: env(safe-area-inset-bottom, 0px);
  }
  .tauri-mobile body {
    padding-top: var(--safe-top);
    padding-bottom: var(--safe-bottom);
  }
  .tauri-mobile app-root {
    display: block;
    border-radius: 12px;
    overflow: hidden;
    background-clip: padding-box;
  }
}
button {
  font-family: var(--theme-font-family);
  font-style: normal;
  font-weight: 600;
}

input[type=radio],
input[type=checkbox] {
  appearance: none; /* Remove default checkbox styling */
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 20px;
  min-width: 20px;
  height: 20px;
  background-color: color-mix(in srgb, var(--theme-info) 14%, var(--theme-surface-base));
  border: 1px solid var(--theme-border-strong);
  cursor: pointer;
  outline: none;
  margin-right: 8px; /* Add space between checkbox and label */
  position: relative; /* Ensure the pseudo-element is positioned relative to the checkbox */
}

input[type=radio]:checked,
input[type=checkbox]:checked {
  background-color: var(--theme-info); /* Set background color for checked state */
}

input[type=radio]:checked::before,
input[type=checkbox]:checked::before {
  content: ""; /* Create an empty element */
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px; /* Width of the black square */
  height: 10px; /* Height of the black square */
  background-color: var(--theme-border-strong);
  transform: translate(-50%, -50%); /* Center the square inside the checkbox */
}

input[type=radio]:disabled,
input[type=checkbox]:disabled {
  background-color: var(--theme-surface-base);
  border-color: var(--theme-text-muted);
  cursor: not-allowed;
}

.cbox-ph-container {
  position: relative;
  display: flex;
  align-items: center;
  padding: 9px 0px 9px 24px;
}

.cboxes {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden !important;
  white-space: pre-wrap;
  word-wrap: break-word;
  --webkit-line-clamp: 3;
}

.cboxes.min {
  margin: 5px 0px 5px 13px;
}

.cbox-container {
  position: relative;
  display: flex;
  align-items: center;
  padding: 5px 0px;
}

.cbox-container:hover .cbox-move-icon:not(.hide),
.cbox-container:hover .cbox-cancel-icon {
  visibility: visible;
}

.cbox-record-container {
  overflow: auto;
  min-width: 240px;
}

.cbox-record-container.min {
  width: 76%;
}

.cbox-record {
  font-size: 0.875rem;
  line-height: 1.25rem;
  white-space: pre-wrap;
  word-wrap: break-word;
  padding-left: 5px;
  width: 100%;
  transition: all 1s;
  overflow-wrap: break-word;
}

.cbox-record.small {
  padding-left: 0px;
}

.cbox-record.min {
  font-size: 0.75rem;
}

.cbox-record.ph {
  position: absolute;
  pointer-events: none;
  width: 90%;
}

.cbox-record:focus-visible {
  outline: 0;
}

.cbox-done {
  text-decoration: line-through;
  color: var(--theme-text-muted);
}

.cbox-done-container {
  display: flex;
  justify-content: flex-start;
  color: var(--theme-text-muted);
  font-size: 0.875rem;
  line-height: 1.25rem;
  cursor: pointer;
  margin-left: 18px;
  margin-bottom: 5px;
}

.cbox-done-container:hover > div {
  opacity: 1;
}

.hr {
  border-bottom: 1px solid var(--theme-border-subtle);
  margin: 14px 24px 14px 24px;
}

.cbox-cancel-icon, .cbox-plus-icon, .cbox-icon {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.cbox-cancel-icon::after, .cbox-plus-icon::after, .cbox-icon::after {
  content: "";
  display: block;
  inline-size: 24px;
  block-size: 24px;
  flex: 0 0 24px;
  line-height: 1;
  vertical-align: middle;
  background-color: currentColor;
  -webkit-mask-image: var(--icon-url);
  mask-image: var(--icon-url);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.cbox-cancel-icon, .cbox-plus-icon, .cbox-icon {
  opacity: 0.54;
  outline: none;
}

.cbox-icon {
  cursor: pointer;
  --icon-url: url('box.4c39384e9eb20536.svg');
  width: 25px;
  min-width: 25px;
  height: 25px;
}

.cbox-icon.done {
  --icon-url: url('box-checked.397eb61f1087f32a.svg') !important;
}

.cbox-icon:hover {
  opacity: 0.87;
}

.cbox-plus-icon {
  --icon-url: url('plus.b987804ca19c7537.svg');
  padding: 8px;
}

.cbox-cancel-icon {
  --icon-url: url('cancel.d78279bd8ec169aa.svg');
  padding: 13px;
  margin-right: 4px;
  visibility: hidden;
  margin-left: auto;
}

.cbox-cancel-icon.min {
  margin-right: 2px;
  padding: 11px;
}

.cbox-cancel-icon:hover {
  opacity: 0.87;
}

.cbox-move-icon {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.cbox-move-icon::after {
  content: "";
  display: block;
  inline-size: 24px;
  block-size: 24px;
  flex: 0 0 24px;
  line-height: 1;
  vertical-align: middle;
  background-color: currentColor;
  -webkit-mask-image: var(--icon-url);
  mask-image: var(--icon-url);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.cbox-move-icon {
  --icon-url: url('move.b7599d4e1f8c860d.svg');
  cursor: move;
  height: 24px;
  width: 24px;
  min-width: 24px;
  left: 0;
  opacity: 0.54;
  visibility: hidden;
}

/* Media query for mobile devices */
@media screen and (max-width: 768px) {
  .cbox-move-icon {
    visibility: visible;
  }
}
.cbox-arrow {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.cbox-arrow::after {
  content: "";
  display: block;
  inline-size: 24px;
  block-size: 24px;
  flex: 0 0 24px;
  line-height: 1;
  vertical-align: middle;
  background-color: currentColor;
  -webkit-mask-image: var(--icon-url);
  mask-image: var(--icon-url);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.cbox-arrow {
  --icon-url: url('arrow.c3b64475403852dd.svg');
  color: var(--theme-text-secondary);
  height: 24px;
  width: 24px;
  opacity: 0.54;
}

.cbox-arrow.rotate {
  transform: rotate(90deg);
}

.icons-container {
  display: flex;
  align-items: center;
  position: relative;
  justify-content: space-between;
}

.icons-container.min {
  justify-content: center;
}

.icons-container.min .icons > div {
  margin: 0 2px;
}

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

.icons-container .icons .undo.r, .icons-container .icons .color, .icons-container .icons .more, .icons-container .icons .archive {
  opacity: 0.71;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 34px;
  width: 34px;
  position: relative;
}

.icons-container .icons .undo.r::after, .icons-container .icons .color::after, .icons-container .icons .more::after, .icons-container .icons .archive::after {
  content: "";
  display: block;
  inline-size: 18px;
  block-size: 18px;
  flex: 0 0 18px;
  line-height: 1;
  vertical-align: middle;
  background-color: currentColor;
  -webkit-mask-image: var(--icon-url);
  mask-image: var(--icon-url);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.icons-container .icons .archive {
  --icon-url: url('archives.e795ae4fd22970ee.svg');
}

.icons-container .icons .more {
  --icon-url: url('more.ae3b2bff3c578058.svg');
}

.icons-container .icons .color {
  --icon-url: url('bg.3861e745caf098f9.svg');
}

.icons-container .icons .undo.r {
  transform: scaleX(-1);
}

.icons-container .icons .disabled {
  cursor: not-allowed !important;
  opacity: 0.25 !important;
}

.pin-icon {
  opacity: 0.54;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  width: 32px;
  right: 5px;
  top: 8px;
  position: absolute;
  --icon-url: url('pin.fed0fa2eebddf0bd.svg');
}

.pin-icon::after {
  content: "";
  display: block;
  inline-size: 18px;
  block-size: 18px;
  flex: 0 0 18px;
  line-height: 1;
  vertical-align: middle;
  background-color: currentColor;
  -webkit-mask-image: var(--icon-url);
  mask-image: var(--icon-url);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.pin-icon.pinned {
  --icon-url: url('pin-pinned.a82ea2aa9e12e418.svg') !important;
}

.pin-icon:hover {
  opacity: 0.87 !important;
}

.labels-container {
  padding-left: 11px;
  padding-bottom: 5.5px;
  display: flex;
  flex-wrap: wrap;
}

.labels-container.min {
  padding-bottom: 0px;
}

.labels-container:hover .cancel-icon {
  display: inline-block;
}

.labels-container .label-container {
  margin: 3px 6px 6px 0;
  display: flex;
  align-items: center;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--theme-text-muted) 54%, transparent);
  font-size: 11px;
  line-height: 17px;
  text-align: center;
  position: relative;
  height: 35px;
}

.labels-container .label-container .label {
  font-size: large;
  min-width: 35px;
  display: inline-block;
  position: inherit;
}

.labels-container .label-container .label img {
  height: 35px;
}

.labels-container .label-container .label span {
  padding: 5px;
}

.labels-container .label-container .label:hover {
  cursor: pointer;
}

.labels-container .label-container .label:hover .cancel-icon {
  display: inline-block;
}

.labels-container .label-container .label .cancel-icon {
  display: block;
  inline-size: 16px;
  block-size: 16px;
  flex: 0 0 16px;
  line-height: 1;
  vertical-align: middle;
  background-color: currentColor;
  -webkit-mask-image: var(--icon-url);
  mask-image: var(--icon-url);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  --icon-url: url('cancel.d78279bd8ec169aa.svg');
  height: 20px;
  width: 20px;
  opacity: 0.54;
  outline: none;
  vertical-align: middle;
  margin-left: 6px;
  display: inline-block;
}

@media (hover: hover) {
  .labels-container .label-container .label {
    /* CSS styles for non touch devices */
  }
  .labels-container .label-container .label .cancel-icon {
    display: none;
  }
}
.header .labels-container .trash-icon, .header .labels-container .pen-icon, .header .labels-container .label-icon, .header .input-container .check-icon, .header .labels-container .check-icon, .header .input-container .plus-icon, .header .labels-container .plus-icon {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.header .labels-container .trash-icon::after, .header .labels-container .pen-icon::after, .header .labels-container .label-icon::after, .header .input-container .check-icon::after, .header .labels-container .check-icon::after, .header .input-container .plus-icon::after, .header .labels-container .plus-icon::after {
  content: "";
  display: block;
  inline-size: 16px;
  block-size: 16px;
  flex: 0 0 16px;
  line-height: 1;
  vertical-align: middle;
  background-color: currentColor;
  -webkit-mask-image: var(--icon-url);
  mask-image: var(--icon-url);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.header .labels-container .trash-icon, .header .labels-container .pen-icon, .header .labels-container .label-icon, .header .input-container .check-icon, .header .labels-container .check-icon, .header .input-container .plus-icon, .header .labels-container .plus-icon {
  height: 46px;
  top: 1px;
  width: 46px;
  opacity: 0.54;
}

.header .labels-container .trash-icon:hover, .header .labels-container .pen-icon:hover, .header .labels-container .label-icon:hover, .header .input-container .check-icon:hover, .header .labels-container .check-icon:hover, .header .input-container .plus-icon:hover, .header .labels-container .plus-icon:hover {
  opacity: 0.87;
}

.header .labels-container .pop.trash-icon::before, .header .labels-container .pop.pen-icon::before, .header .labels-container .pop.label-icon::before, .header .input-container .pop.check-icon::before, .header .labels-container .pop.check-icon::before, .header .input-container .pop.plus-icon::before, .header .labels-container .pop.plus-icon::before {
  top: 45px;
}

.header {
  padding-left: 15px;
  padding-right: 15px;
}

.header .error {
  color: var(--theme-danger-text);
  cursor: default;
  font-size: smaller;
  font-style: italic;
  padding: 10px;
  font-size: 12.5px;
}

.header p {
  font-size: 1rem;
  line-height: 1.5rem;
  height: 25px;
  margin: 0;
}

.header .input-container, .header .labels-container {
  display: flex;
  align-items: center;
  height: 45px;
}

.header .input-container .plus-icon, .header .labels-container .plus-icon {
  --icon-url: url('plus.b987804ca19c7537.svg');
  width: 16px;
  height: 16px;
  margin-left: 5px;
}

.header .input-container .check-icon, .header .labels-container .check-icon {
  --icon-url: url('check3.b04498bd56676392.svg');
  color: var(--theme-success);
  width: 16px;
  height: 16px;
  margin-left: 5px;
}

.header .labels-container .label-icon {
  --icon-url: url('label-filled.35d22725affd8e7f.svg');
}

.header .labels-container .pen-icon {
  --icon-url: url('pen-filled.af8c276231360f78.svg');
}

.header .labels-container .trash-icon {
  --icon-url: url('trash-filled.51c10eaf48bb16d8.svg');
}

.header .labels-container input:focus + .pen-icon {
  --icon-url: url('check3.b04498bd56676392.svg');
  color: var(--theme-success);
}

.header .labels-container .label-icon:hover {
  --icon-url: url('trash-filled.51c10eaf48bb16d8.svg');
}

.archives-container {
  padding-left: 11px;
  padding-right: 11px;
  padding-bottom: 5.5px;
}

.archives-container.min {
  padding-bottom: 0px;
}

.archives-container:hover .cancel-icon {
  display: inline-block;
}

.archives-container .archive-container {
  margin: 6px 6px 0 0;
  display: inline-block;
  position: relative;
}

.archives-container .archive-container .archive {
  min-width: 35px;
  padding: 3px 8px;
  display: inline-block;
  position: inherit;
}

.archives-container .archive-container .archive:hover .cancel-icon {
  display: inline-block;
}

.archives-container .archive-container .archive .cancel-icon {
  display: block;
  inline-size: 16px;
  block-size: 16px;
  flex: 0 0 16px;
  line-height: 1;
  vertical-align: middle;
  background-color: currentColor;
  -webkit-mask-image: var(--icon-url);
  mask-image: var(--icon-url);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  --icon-url: url('cancel.d78279bd8ec169aa.svg');
  height: 20px;
  width: 20px;
  opacity: 0.54;
  outline: none;
  vertical-align: middle;
  margin-left: 6px;
  display: inline-block;
}

@media (hover: hover) {
  .archives-container .archive-container .archive {
    /* CSS styles for non touch devices */
  }
  .archives-container .archive-container .archive .cancel-icon {
    display: none;
  }
}
[data-tooltip=true] {
  display: none;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.6), 0 2px 6px 2px rgba(0, 0, 0, 0.3);
  border-radius: var(--theme-radius-field);
  z-index: 1100;
  background-color: var(--theme-surface-base);
  color: var(--theme-text-primary);
}

[data-tooltip=true][data-is-tooltip-open=true] {
  display: block;
}

[data-tooltip=true].moreMenu {
  padding: 7px 0;
  background-color: var(--theme-surface-base);
}

[data-tooltip=true].moreMenu div {
  border: 1px solid transparent;
  line-height: 1.25rem;
  padding: 5px 10px 5px 17px;
}

[data-tooltip=true].moreMenu div:hover {
  background-color: var(--theme-accent-soft);
  cursor: pointer;
}

[data-tooltip=true].colorMenu {
  flex-direction: column;
  align-items: center;
  padding: 8px 9px 3px;
  align-items: flex-start;
  z-index: 1100;
}

[data-tooltip=true].colorMenu[data-is-tooltip-open=true] {
  display: block;
}

[data-tooltip=true].colorMenu .first-row {
  display: flex;
}

[data-tooltip=true].colorMenu .first-row div {
  width: 32px;
  height: 32px;
  margin: 2px;
  border: 2px solid transparent;
  text-align: center;
}

[data-tooltip=true].colorMenu .first-row div:hover {
  border-color: var(--theme-surface-base) !important;
  cursor: pointer;
}

[data-tooltip=true].colorMenu .first-row div.nocolor {
  border-color: var(--theme-shell-bg-muted);
  background-image: url('nocolor.bcb96c7fca2c7dad.svg');
  background-repeat: no-repeat;
  background-position: center;
}

[data-tooltip=true].colorMenu .second-row {
  display: flex;
}

[data-tooltip=true].colorMenu .second-row div {
  width: 40px;
  height: 40px;
  margin: 2px;
  border: 2px solid transparent;
  text-align: center;
  background-repeat: no-repeat;
  background-position: center;
}

[data-tooltip=true].colorMenu .second-row div:hover {
  border-color: var(--theme-surface-base) !important;
  cursor: pointer;
}

[data-tooltip=true].colorMenu .second-row div.noimage {
  border-color: var(--theme-shell-bg-muted);
  background-image: url('no-image.1e108285bb7d0bff.png') !important;
  background-repeat: no-repeat;
  background-position: center;
}

[data-tooltip=true].labelMenu {
  width: 225px;
  padding-top: 11px;
}

[data-tooltip=true].labelMenu .title {
  font-size: 14px;
  padding: 0 12px;
}

[data-tooltip=true].labelMenu .search {
  display: flex;
  padding: 8px 12px;
  align-items: center;
}

[data-tooltip=true].labelMenu .search .search-icon {
  display: block;
  inline-size: 18px;
  block-size: 18px;
  flex: 0 0 18px;
  line-height: 1;
  vertical-align: middle;
  background-color: currentColor;
  -webkit-mask-image: var(--icon-url);
  mask-image: var(--icon-url);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  --icon-url: url('search.1a8fe08d5f198c10.svg');
  height: 18px;
  width: 18px;
  opacity: 0.35;
  color: var(--theme-text-primary);
}

[data-tooltip=true].labelMenu .search input {
  padding: 2px 22px 2px 2px;
  width: 100%;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid transparent;
  box-shadow: none;
  color: var(--theme-text-primary);
  font-size: 13px;
  height: 25px;
  outline: none;
}

[data-tooltip=true].labelMenu .search input:focus {
  border-bottom: 1px solid var(--theme-shell-bg-muted);
}

[data-tooltip=true].labelMenu .search input::placeholder {
  color: var(--theme-text-secondary);
  opacity: 0.5;
}

[data-tooltip=true].labelMenu .label-list-container {
  padding: 6px 0;
}

[data-tooltip=true].labelMenu .label-list-container .label-list {
  display: flex;
  padding: 5px 10px 3px;
}

[data-tooltip=true].labelMenu .label-list-container .label-list .check-icon {
  display: block;
  inline-size: 18px;
  block-size: 18px;
  flex: 0 0 18px;
  line-height: 1;
  vertical-align: middle;
  background-color: currentColor;
  -webkit-mask-image: var(--icon-url);
  mask-image: var(--icon-url);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  --icon-url: url('box.4c39384e9eb20536.svg');
  height: 18px;
  width: 18px;
  outline: none;
}

[data-tooltip=true].labelMenu .label-list-container .label-list .check-icon.done {
  --icon-url: url('box-checked.397eb61f1087f32a.svg');
}

[data-tooltip=true].labelMenu .label-list-container .label-list .label-name {
  margin-left: 7px;
  padding-top: 2px;
  vertical-align: top;
  word-wrap: break-word;
  font-size: 13px;
}

[data-tooltip=true].labelMenu .label-list-container .label-list:hover {
  background-color: color-mix(in srgb, var(--theme-text-muted) 10%, transparent);
  cursor: pointer;
}

.modal-container {
  position: fixed;
  display: flex;
  z-index: 1001;
  left: 0;
  top: 0;
  max-width: 100%; /* Ensure it doesn't exceed the viewport width */
  max-height: 100%; /* Ensure it doesn't exceed the viewport height */
  width: 100%;
  height: 100%;
  background: var(--theme-modal-overlay);
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
  overflow: hidden;
  justify-content: center;
  align-items: center;
}

.modal-container .modal {
  border: 1px solid var(--theme-modal-border);
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  transition: all 0.4s;
  margin: unset;
  max-width: 650px;
  max-height: 98%;
  overflow-y: auto;
  overflow-x: inherit;
  width: 98%;
  background: var(--theme-modal-surface);
  box-shadow: var(--theme-modal-shadow);
  border-radius: var(--theme-modal-radius);
}

html.tauri-android .modal-container {
  padding-top: 30px;
}

.btn,
.btn-primary,
.btn-delete {
  margin-right: 0;
  min-height: var(--theme-control-height);
  font-weight: 600;
  padding: 9px 18px;
  border: 1px solid var(--theme-button-border);
  border-radius: var(--theme-modal-radius);
  cursor: pointer;
  transition: background-color var(--theme-transition-fast), border-color var(--theme-transition-fast), box-shadow var(--theme-transition-fast), color var(--theme-transition-fast), transform var(--theme-transition-fast);
}

.btn:focus-visible,
.btn-primary:focus-visible,
.btn-delete:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px var(--theme-focus-ring);
}

.btn:disabled,
.btn-primary:disabled,
.btn-delete:disabled {
  color: var(--theme-button-disabled-text);
  background-color: var(--theme-button-disabled-surface);
  background-image: none;
  border-color: var(--theme-button-disabled-border);
  font-weight: 300;
  cursor: not-allowed;
}

.btn span,
.btn-primary span,
.btn-delete span {
  vertical-align: middle;
}

.btn {
  color: var(--theme-button-text);
  background-color: var(--theme-button-surface);
  border-color: var(--theme-button-border);
}

.btn:hover:not(:disabled) {
  background-color: var(--theme-button-hover-surface);
  color: var(--theme-button-hover-text);
  border-color: var(--theme-button-hover-border);
}

.btn-primary {
  color: var(--theme-button-primary-text);
  background-color: var(--theme-button-primary-surface);
  border-color: var(--theme-button-primary-border);
}

.btn-primary:hover:not(:disabled) {
  background-color: var(--theme-button-primary-hover-surface);
  color: var(--theme-button-primary-hover-text);
  border-color: var(--theme-button-primary-hover-border);
}

.btn-delete {
  padding: 10px 24px;
  border-color: var(--theme-danger) !important;
  color: var(--theme-danger) !important;
  background-color: var(--theme-surface-base);
  background-image: url('trash-filled-pink.d905eea60e4d8cdc.svg');
  background-repeat: no-repeat;
  background-position: center center;
  cursor: url('skull.35d5d6686bbd0606.svg') 16 16, auto;
  /* push text over so it doesn’t overlap the icon */
  padding-left: 40px;
}

.btn-delete:hover:not(:disabled) {
  background-color: var(--theme-danger-soft);
}

.btn-delete:disabled {
  background-color: var(--theme-text-muted) !important;
  border-color: var(--theme-text-muted) !important;
  background-image: url('trash-filled.51c10eaf48bb16d8.svg') !important;
  cursor: not-allowed;
}

.input-body {
  line-height: 1.25rem;
  min-height: auto;
  padding: 13px 16px 12px 16px;
}

.input-body .textHolder {
  width: 100%;
  border: 1px solid var(--theme-modal-border);
  border-radius: var(--theme-radius-field);
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 8px;
  padding-right: 8px;
  resize: vertical;
  transition: height 0.2s ease;
  margin-top: 10px;
  font-weight: normal;
  color: var(--theme-modal-text);
  font-family: var(--theme-font-family);
  font-size: unset;
}

.ph {
  opacity: 0.5;
}

.hide {
  position: absolute;
  left: 0px;
  top: 0px;
  opacity: 0;
}

.pwcheckbox {
  display: flex;
  justify-content: right;
  padding: 10px 30px 10px 0px;
}

.auth-main {
  border-radius: var(--theme-modal-radius);
}

.auth-main .auth-container {
  background-position-x: right;
  background-position-y: bottom;
  background-size: cover;
}

.auth-main .auth-container .auth-title {
  text-align: left;
  display: block;
  margin: 0;
  padding: 18px 22px 10px;
  font-weight: 600;
  font-size: 1.75rem;
  font-style: normal;
  line-height: 1.2;
  color: var(--theme-modal-text);
  white-space: pre-wrap;
  word-wrap: break-word;
}

.auth-main .auth-container .auth-title:focus-visible {
  outline: 0;
}

.auth-main .auth-container > .auth-title {
  border-bottom: 1px solid var(--theme-modal-header-border);
}

.auth-main .auth-container .pin-body {
  font-size: 0.875rem;
  line-height: 1.25rem;
  padding: 13px 16px 12px 16px;
}

.auth-main .auth-container .pin-body .codeImage {
  background-color: dimgray;
  margin-top: 4px;
  box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.6), inset 0px -3px 8px rgba(255, 255, 255, 0.2);
}

.auth-main .auth-container .pin-body .pinContainer {
  justify-content: center;
  display: flex;
  min-height: 37px;
}

.auth-main .auth-container .pin-body .pinContainer .pinImage {
  max-width: 300px;
  margin-top: 2px;
}

.auth-main .auth-container .auth-body {
  min-height: 46px;
  padding: 18px 24px 8px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.auth-main .auth-container .auth-body.ph {
  color: color-mix(in srgb, var(--theme-text-inverse) 70%, transparent);
  position: absolute;
  width: 100%;
  pointer-events: none;
}

.auth-main .auth-container .auth-body:focus-visible {
  outline: 0;
}

.button-container {
  display: flex;
  flex-wrap: wrap;
  row-gap: 10px;
  column-gap: 10px;
  flex-direction: row;
  align-items: center;
  position: relative;
  justify-content: flex-end;
  margin-top: 16px;
  margin-bottom: 0;
  padding: 0 22px 20px;
}

.button-container button {
  text-align: center;
  text-decoration: none;
  min-width: 116px;
}

.input-body {
  padding: 18px 24px 8px;
}

.modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 18px 22px 10px;
  border-bottom: 1px solid var(--theme-modal-header-border);
}

.modal-body {
  padding: 18px 24px 8px;
}

.modal-message {
  line-height: 1.55;
  color: var(--theme-modal-text);
}

.modal-message :first-child {
  margin-top: 0;
}

.modal-message :last-child {
  margin-bottom: 0;
}

.modal-close {
  border: 1px solid transparent;
  background: transparent;
  color: var(--theme-modal-text);
  width: 34px;
  height: 34px;
  font-size: 1.5rem;
  line-height: 1;
  cursor: pointer;
  border-radius: var(--theme-modal-radius);
  transition: background-color var(--theme-transition-fast), border-color var(--theme-transition-fast), color var(--theme-transition-fast);
}

.modal-close:hover {
  background: var(--theme-modal-close-hover-bg);
  border-color: var(--theme-modal-close-hover-border);
}

.modal-container .modal,
.modal-container button,
.modal-container input,
.modal-container textarea,
.modal-container select {
  border-radius: var(--theme-modal-radius) !important;
}

textarea:focus {
  outline: 1px solid var(--theme-accent);
  border: 1px solid var(--theme-accent);
}

input {
  border-radius: var(--theme-modal-radius) !important;
  accent-color: var(--theme-accent);
}

.ql-editor .ql-copyblock {
  cursor: copy;
  position: relative;
  display: inline-block;
  border-radius: var(--theme-radius-pill);
  border: 1px solid color-mix(in srgb, var(--theme-info) 75%, var(--theme-border-strong));
  background: linear-gradient(180deg, color-mix(in srgb, var(--theme-info) 10%, var(--theme-surface-base)) 0%, color-mix(in srgb, var(--theme-info) 22%, var(--theme-surface-base)) 100%);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.12);
  padding: 2px 10px;
  font-weight: 600;
  line-height: 1.35;
  white-space: nowrap;
  transition: background 0.15s ease, transform 0.08s ease, box-shadow 0.15s ease;
  text-security: disc;
  -webkit-text-security: disc;
}

.ql-editor .ql-copyblock.ql-copyblock-revealed {
  text-security: none;
  -webkit-text-security: none;
}

.ql-editor .ql-copyblock:hover {
  background: linear-gradient(180deg, color-mix(in srgb, var(--theme-info) 16%, var(--theme-surface-base)) 0%, color-mix(in srgb, var(--theme-info) 28%, var(--theme-surface-base)) 100%);
  box-shadow: 0 2px 5px color-mix(in srgb, var(--theme-info) 42%, transparent);
}

.ql-editor .ql-copyblock:active {
  transform: translateY(1px);
  box-shadow: 0 1px 2px color-mix(in srgb, var(--theme-info) 36%, transparent);
}

.ql-editor .ql-copyblock.ql-copyblock-copied {
  border-color: var(--theme-success);
  background: linear-gradient(180deg, color-mix(in srgb, var(--theme-success) 10%, var(--theme-surface-base)) 0%, color-mix(in srgb, var(--theme-success) 18%, var(--theme-surface-base)) 100%);
  box-shadow: 0 1px 4px color-mix(in srgb, var(--theme-success) 28%, transparent);
}

.ql-toolbar.ql-snow button.ql-copyblock,
.ql-snow .ql-toolbar button.ql-copyblock {
  width: auto;
  min-width: 42px;
  padding: 0 8px;
  color: color-mix(in srgb, var(--theme-info) 55%, var(--theme-text-primary));
}

.ql-toolbar.ql-snow button.ql-copyblock::before,
.ql-snow .ql-toolbar button.ql-copyblock::before {
  content: "PWD";
  display: inline-block;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1;
}

.ql-copyblock-toast {
  position: fixed;
  z-index: 1200;
  transform: translate(-50%, -100%);
  padding: 2px 9px;
  border-radius: var(--theme-radius-pill);
  border: 1px solid var(--theme-success);
  background: var(--theme-success-surface);
  color: var(--theme-success-text);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1.35;
  pointer-events: none;
  animation: copyblock-toast-pop 0.95s ease forwards;
}

@keyframes copyblock-toast-pop {
  0% {
    opacity: 0;
    transform: translate(-50%, -86%) scale(0.95);
  }
  15% {
    opacity: 1;
    transform: translate(-50%, -100%) scale(1);
  }
  100% {
    opacity: 0;
    transform: translate(-50%, -122%) scale(1);
  }
}
.security-monitor-modal {
  z-index: 120000;
  padding: 24px;
  background: var(--theme-modal-overlay-strong);
  font-family: var(--theme-font-family);
}

.security-monitor-shell {
  width: calc(100% - 32px) !important;
  max-width: 620px !important;
  border: 1px solid var(--theme-modal-warning-border) !important;
  background: var(--theme-modal-surface-emphasis) !important;
  color: var(--theme-modal-text);
}

.security-monitor-shell .modal-header {
  border-bottom-color: var(--theme-modal-warning-header-border);
}

.security-monitor-shell .auth-title {
  padding: 0;
  color: var(--theme-modal-text);
}

.security-monitor-copy {
  display: flex;
  flex-direction: column;
  gap: 14px;
  color: var(--theme-modal-text);
}

.security-monitor-copy p {
  margin: 0;
}

.security-monitor-main {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
}

.security-monitor-education {
  font-size: 0.95rem;
  line-height: 1.55;
}

.security-monitor-detail {
  padding: 12px 14px;
  border-left: 4px solid var(--theme-info);
  background: var(--theme-info-soft);
  color: var(--theme-text-primary);
  word-break: break-word;
}

.security-monitor-actions {
  margin-top: 8px;
}

.security-monitor-actions .btn,
.security-monitor-actions .btn-primary {
  flex: 1 1 160px;
}

.security-monitor-banner {
  position: fixed;
  top: 24px;
  left: 50%;
  transform: translate(-50%, -12px);
  width: min(720px, 100% - 32px);
  padding: 16px 18px;
  border: 1px solid var(--theme-modal-warning-border);
  border-left: 6px solid var(--theme-warning);
  border-radius: var(--theme-modal-radius);
  background: var(--theme-modal-surface-emphasis);
  color: var(--theme-modal-text);
  box-shadow: var(--theme-shadow-soft);
  z-index: 110000;
  font-family: var(--theme-font-family);
  font-size: 0.98rem;
  line-height: 1.5;
  white-space: pre-wrap;
  opacity: 0;
  transition: opacity 0.24s ease, transform 0.24s ease;
}

.security-monitor-banner.is-visible {
  opacity: 1;
  transform: translate(-50%, 0);
}

.warning-container {
  background-color: var(--theme-warning-soft);
  color: var(--theme-warning-text);
  padding: 15px;
  border: 1px solid var(--theme-warning-border);
  border-radius: var(--theme-radius-field);
  margin-bottom: 15px;
}

.warning-bold {
  font-weight: bold;
}

.warning-margin-bottom {
  margin-bottom: 10px;
}

.warning-list {
  padding-left: 20px;
  margin-bottom: 10px;
}

.warning-italic {
  font-style: italic;
}

.test-warning {
  margin: 12px 14px 10px;
  padding: 14px 16px;
  border: 1px solid var(--theme-warning-border);
  border-left: 5px solid var(--theme-warning);
  border-radius: var(--theme-radius-lg);
  background: var(--theme-warning-surface);
  color: var(--theme-warning-text);
  box-shadow: var(--theme-shadow-card);
  line-height: 1.35;
}

.test-warning h2 {
  margin: 0 0 8px;
  color: var(--theme-warning-text);
  font-size: 0.95rem;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.test-warning p {
  margin: 0 0 8px;
  font-size: 0.9rem;
  font-weight: 500;
}

.test-warning p:last-child {
  margin-bottom: 0;
  padding-top: 4px;
}

.test-warning a {
  color: var(--theme-warning-text);
  font-weight: 700;
  text-decoration: none;
  border-bottom: 1px solid currentColor;
}

.test-warning a:hover,
.test-warning a:focus-visible {
  color: color-mix(in srgb, var(--theme-warning-text) 82%, black);
  border-bottom-color: transparent;
}

.test-warning code {
  font-family: "DM Sans Variable", sans-serif;
  font-weight: 700;
  font-size: 0.9em;
  letter-spacing: 0.03em;
  color: var(--theme-warning-text);
  background: color-mix(in srgb, var(--theme-surface-base) 70%, transparent);
  border: 1px solid color-mix(in srgb, var(--theme-warning) 28%, transparent);
  border-radius: var(--theme-radius-sm);
  padding: 1px 6px;
}

@media (max-width: 640px) {
  .test-warning {
    margin: 10px 10px 8px;
    padding: 12px 12px;
  }
  .test-warning h2 {
    font-size: 0.9rem;
  }
  .test-warning p {
    font-size: 0.85rem;
  }
}
.not-supported-error {
  color: var(--theme-danger);
  font-weight: bold;
}

.not-supported-link {
  text-decoration: underline;
  color: var(--theme-info);
}

.auth-option {
  margin-bottom: 20px;
}
/*!***********************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/@fontsource-variable/dm-sans/index.css?ngGlobalStyle ***!
  \***********************************************************************************************************************************************************************************************************************************************************/
/* dm-sans-latin-ext-wght-normal */
@font-face {
  font-family: 'DM Sans Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 1000;
  src: url('dm-sans-latin-ext-wght-normal.fbf4c1a63780e158.woff2') format('woff2-variations');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* dm-sans-latin-wght-normal */
@font-face {
  font-family: 'DM Sans Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 1000;
  src: url('dm-sans-latin-wght-normal.bfe8c811ed1df969.woff2') format('woff2-variations');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

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