@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");

html {
    font-size: 18px; /* default */
  }

@media (min-width: 640px) {
    html {
      font-size: 11px;
    }
  }

@media (min-width: 768px) {
    html {
      font-size: 12px;
    }
  }

@media (min-width: 1024px) {
    html {
      font-size: 13px;
    }
  }

@media (min-width: 1280px) {
    html {
      font-size: 13px;
    }
  }

@media (min-width: 1536px) {
    html {
      font-size: 16px;
    }
  }

*, ::before, ::after{
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:  ;
    --tw-pan-y:  ;
    --tw-pinch-zoom:  ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position:  ;
    --tw-gradient-via-position:  ;
    --tw-gradient-to-position:  ;
    --tw-ordinal:  ;
    --tw-slashed-zero:  ;
    --tw-numeric-figure:  ;
    --tw-numeric-spacing:  ;
    --tw-numeric-fraction:  ;
    --tw-ring-inset:  ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur:  ;
    --tw-brightness:  ;
    --tw-contrast:  ;
    --tw-grayscale:  ;
    --tw-hue-rotate:  ;
    --tw-invert:  ;
    --tw-saturate:  ;
    --tw-sepia:  ;
    --tw-drop-shadow:  ;
    --tw-backdrop-blur:  ;
    --tw-backdrop-brightness:  ;
    --tw-backdrop-contrast:  ;
    --tw-backdrop-grayscale:  ;
    --tw-backdrop-hue-rotate:  ;
    --tw-backdrop-invert:  ;
    --tw-backdrop-opacity:  ;
    --tw-backdrop-saturate:  ;
    --tw-backdrop-sepia:  ;
    --tw-contain-size:  ;
    --tw-contain-layout:  ;
    --tw-contain-paint:  ;
    --tw-contain-style:  ;
}

::backdrop{
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:  ;
    --tw-pan-y:  ;
    --tw-pinch-zoom:  ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position:  ;
    --tw-gradient-via-position:  ;
    --tw-gradient-to-position:  ;
    --tw-ordinal:  ;
    --tw-slashed-zero:  ;
    --tw-numeric-figure:  ;
    --tw-numeric-spacing:  ;
    --tw-numeric-fraction:  ;
    --tw-ring-inset:  ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur:  ;
    --tw-brightness:  ;
    --tw-contrast:  ;
    --tw-grayscale:  ;
    --tw-hue-rotate:  ;
    --tw-invert:  ;
    --tw-saturate:  ;
    --tw-sepia:  ;
    --tw-drop-shadow:  ;
    --tw-backdrop-blur:  ;
    --tw-backdrop-brightness:  ;
    --tw-backdrop-contrast:  ;
    --tw-backdrop-grayscale:  ;
    --tw-backdrop-hue-rotate:  ;
    --tw-backdrop-invert:  ;
    --tw-backdrop-opacity:  ;
    --tw-backdrop-saturate:  ;
    --tw-backdrop-sepia:  ;
    --tw-contain-size:  ;
    --tw-contain-layout:  ;
    --tw-contain-paint:  ;
    --tw-contain-style:  ;
}

.container{
    width: 100%;
}

@media (min-width: 640px){

    .container{
        max-width: 640px;
    }
}

@media (min-width: 768px){

    .container{
        max-width: 768px;
    }
}

@media (min-width: 1024px){

    .container{
        max-width: 1024px;
    }
}

@media (min-width: 1280px){

    .container{
        max-width: 1280px;
    }
}

@media (min-width: 1536px){

    .container{
        max-width: 1536px;
    }
}

#root .sr-only{
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}

#root .pointer-events-none{
    pointer-events: none;
}

#root .invisible{
    visibility: hidden;
}

#root .static{
    position: static;
}

#root .fixed{
    position: fixed;
}

#root .absolute{
    position: absolute;
}

#root .relative{
    position: relative;
}

#root .-left-3{
    left: -0.75rem;
}

#root .-top-0\.5{
    top: -0.125rem;
}

#root .bottom-4{
    bottom: 1rem;
}

#root .left-0{
    left: 0px;
}

#root .right-0{
    right: 0px;
}

#root .right-1{
    right: 0.25rem;
}

#root .right-2{
    right: 0.5rem;
}

#root .right-3{
    right: 0.75rem;
}

#root .right-4{
    right: 1rem;
}

#root .right-5{
    right: 1.25rem;
}

#root .top-0{
    top: 0px;
}

#root .top-1{
    top: 0.25rem;
}

#root .top-1\/2{
    top: 50%;
}

#root .top-2{
    top: 0.5rem;
}

#root .top-\[-3px\]{
    top: -3px;
}

#root .top-\[6px\]{
    top: 6px;
}

#root .z-0{
    z-index: 0;
}

#root .z-10{
    z-index: 10;
}

#root .z-50{
    z-index: 50;
}

#root .z-\[1\]{
    z-index: 1;
}

#root .col-span-1{
    grid-column: span 1 / span 1;
}

#root .col-span-10{
    grid-column: span 10 / span 10;
}

#root .col-span-11{
    grid-column: span 11 / span 11;
}

#root .col-span-12{
    grid-column: span 12 / span 12;
}

#root .col-span-2{
    grid-column: span 2 / span 2;
}

#root .col-span-3{
    grid-column: span 3 / span 3;
}

#root .col-span-4{
    grid-column: span 4 / span 4;
}

#root .col-span-5{
    grid-column: span 5 / span 5;
}

#root .col-span-6{
    grid-column: span 6 / span 6;
}

#root .col-span-7{
    grid-column: span 7 / span 7;
}

#root .col-span-8{
    grid-column: span 8 / span 8;
}

#root .col-span-9{
    grid-column: span 9 / span 9;
}

#root .col-start-1{
    grid-column-start: 1;
}

#root .m-0{
    margin: 0px;
}

#root .m-1{
    margin: 0.25rem;
}

#root .m-5{
    margin: 1.25rem;
}

#root .mx-auto{
    margin-left: auto;
    margin-right: auto;
}

#root .my-4{
    margin-top: 1rem;
    margin-bottom: 1rem;
}

#root .-ml-\[0\.9375rem\]{
    margin-left: -0.9375rem;
}

#root .-ms-4{
    margin-inline-start: -1rem;
}

#root .-mt-2{
    margin-top: -0.5rem;
}

#root .mb-0{
    margin-bottom: 0px;
}

#root .mb-1{
    margin-bottom: 0.25rem;
}

#root .mb-12{
    margin-bottom: 3rem;
}

#root .mb-16{
    margin-bottom: 4rem;
}

#root .mb-2{
    margin-bottom: 0.5rem;
}

#root .mb-4{
    margin-bottom: 1rem;
}

#root .mb-5{
    margin-bottom: 1.25rem;
}

#root .mb-6{
    margin-bottom: 1.5rem;
}

#root .mb-8{
    margin-bottom: 2rem;
}

#root .mb-\[100px\]{
    margin-bottom: 100px;
}

#root .mb-\[50px\]{
    margin-bottom: 50px;
}

#root .me-1\.5{
    margin-inline-end: 0.375rem;
}

#root .me-\[10px\]{
    margin-inline-end: 10px;
}

#root .ml-12{
    margin-left: 3rem;
}

#root .ml-2{
    margin-left: 0.5rem;
}

#root .ml-5{
    margin-left: 1.25rem;
}

#root .ml-\[0\.5625rem\]{
    margin-left: 0.5625rem;
}

#root .ml-auto{
    margin-left: auto;
}

#root .mr-2{
    margin-right: 0.5rem;
}

#root .mr-6{
    margin-right: 1.5rem;
}

#root .mr-\[0\.6875rem\]{
    margin-right: 0.6875rem;
}

#root .mr-\[280px\]{
    margin-right: 280px;
}

#root .ms-0{
    margin-inline-start: 0px;
}

#root .ms-0\.5{
    margin-inline-start: 0.125rem;
}

#root .mt-0\.5{
    margin-top: 0.125rem;
}

#root .mt-1{
    margin-top: 0.25rem;
}

#root .mt-1\.5{
    margin-top: 0.375rem;
}

#root .mt-10{
    margin-top: 2.5rem;
}

#root .mt-2{
    margin-top: 0.5rem;
}

#root .mt-2\.5{
    margin-top: 0.625rem;
}

#root .mt-3{
    margin-top: 0.75rem;
}

#root .mt-4{
    margin-top: 1rem;
}

#root .mt-5{
    margin-top: 1.25rem;
}

#root .mt-6{
    margin-top: 1.5rem;
}

#root .mt-\[-10px\]{
    margin-top: -10px;
}

#root .block{
    display: block;
}

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

#root .flex{
    display: flex;
}

#root .inline-flex{
    display: inline-flex;
}

#root .table{
    display: table;
}

#root .grid{
    display: grid;
}

#root .hidden{
    display: none;
}

#root .h-10{
    height: 2.5rem;
}

#root .h-16{
    height: 4rem;
}

#root .h-2{
    height: 0.5rem;
}

#root .h-24{
    height: 6rem;
}

#root .h-28{
    height: 7rem;
}

#root .h-3{
    height: 0.75rem;
}

#root .h-32{
    height: 8rem;
}

#root .h-4{
    height: 1rem;
}

#root .h-40{
    height: 10rem;
}

#root .h-44{
    height: 11rem;
}

#root .h-6{
    height: 1.5rem;
}

#root .h-7{
    height: 1.75rem;
}

#root .h-8{
    height: 2rem;
}

#root .h-9{
    height: 2.25rem;
}

#root .h-\[1\.375rem\]{
    height: 1.375rem;
}

#root .h-\[22px\]{
    height: 22px;
}

#root .h-\[25px\]{
    height: 25px;
}

#root .h-\[3\.125rem\]{
    height: 3.125rem;
}

#root .h-\[30px\]{
    height: 30px;
}

#root .h-\[36px\]{
    height: 36px;
}

#root .h-\[55px\]{
    height: 55px;
}

#root .h-\[64px\]{
    height: 64px;
}

#root .h-\[80dvh\]{
    height: 80dvh;
}

#root .h-fit{
    height: -moz-fit-content;
    height: fit-content;
}

#root .h-full{
    height: 100%;
}

#root .h-screen{
    height: 100vh;
}

#root .max-h-16{
    max-height: 4rem;
}

#root .max-h-36{
    max-height: 9rem;
}

#root .max-h-60{
    max-height: 15rem;
}

#root .min-h-\[20px\]{
    min-height: 20px;
}

#root .min-h-\[2rem\]{
    min-height: 2rem;
}

#root .min-h-\[35px\]{
    min-height: 35px;
}

#root .min-h-\[720px\]{
    min-height: 720px;
}

#root .min-h-full{
    min-height: 100%;
}

#root .min-h-screen{
    min-height: 100vh;
}

#root .w-11\/12{
    width: 91.666667%;
}

#root .w-14{
    width: 3.5rem;
}

#root .w-24{
    width: 6rem;
}

#root .w-28{
    width: 7rem;
}

#root .w-3{
    width: 0.75rem;
}

#root .w-4{
    width: 1rem;
}

#root .w-6{
    width: 1.5rem;
}

#root .w-64{
    width: 16rem;
}

#root .w-72{
    width: 18rem;
}

#root .w-8{
    width: 2rem;
}

#root .w-80{
    width: 20rem;
}

#root .w-9{
    width: 2.25rem;
}

#root .w-\[141px\]{
    width: 141px;
}

#root .w-\[240px\]{
    width: 240px;
}

#root .w-\[58px\]{
    width: 58px;
}

#root .w-fit{
    width: -moz-fit-content;
    width: fit-content;
}

#root .w-full{
    width: 100%;
}

#root .w-screen{
    width: 100vw;
}

#root .min-w-44{
    min-width: 11rem;
}

#root .min-w-56{
    min-width: 14rem;
}

#root .min-w-\[200px\]{
    min-width: 200px;
}

#root .min-w-\[400px\]{
    min-width: 400px;
}

#root .min-w-full{
    min-width: 100%;
}

#root .max-w-\[504px\]{
    max-width: 504px;
}

#root .max-w-\[650px\]{
    max-width: 650px;
}

#root .max-w-\[800px\]{
    max-width: 800px;
}

#root .max-w-full{
    max-width: 100%;
}

#root .max-w-md{
    max-width: 28rem;
}

#root .flex-1{
    flex: 1 1 0%;
}

#root .flex-shrink-0{
    flex-shrink: 0;
}

#root .shrink{
    flex-shrink: 1;
}

#root .grow{
    flex-grow: 1;
}

#root .grow-0{
    flex-grow: 0;
}

#root .basis-1\/2{
    flex-basis: 50%;
}

#root .border-separate{
    border-collapse: separate;
}

#root .border-spacing-0{
    --tw-border-spacing-x: 0px;
    --tw-border-spacing-y: 0px;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}

#root .-translate-y-1\/2{
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

#root .rotate-180{
    --tw-rotate: 180deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

#root .transform{
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

#root .cursor-help{
    cursor: help;
}

#root .cursor-not-allowed{
    cursor: not-allowed;
}

#root .cursor-pointer{
    cursor: pointer;
}

#root .select-none{
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
}

#root .list-disc{
    list-style-type: disc;
}

#root .columns-1{
    -moz-columns: 1;
         columns: 1;
}

#root .auto-cols-max{
    grid-auto-columns: max-content;
}

#root .grid-flow-col{
    grid-auto-flow: column;
}

#root .grid-cols-1{
    grid-template-columns: repeat(1, minmax(0, 1fr));
}

#root .grid-cols-12{
    grid-template-columns: repeat(12, minmax(0, 1fr));
}

#root .grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

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

#root .flex-col{
    flex-direction: column;
}

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

#root .place-content-start{
    place-content: start;
}

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

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

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

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

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

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

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

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

#root .justify-items-center{
    justify-items: center;
}

#root .gap-1{
    gap: 0.25rem;
}

#root .gap-12{
    gap: 3rem;
}

#root .gap-2{
    gap: 0.5rem;
}

#root .gap-3{
    gap: 0.75rem;
}

#root .gap-4{
    gap: 1rem;
}

#root .gap-6{
    gap: 1.5rem;
}

#root .gap-8{
    gap: 2rem;
}

#root .gap-x-12{
    -moz-column-gap: 3rem;
         column-gap: 3rem;
}

#root :is(.space-x-2 > :not([hidden]) ~ :not([hidden])){
    --tw-space-x-reverse: 0;
    margin-right: calc(0.5rem * var(--tw-space-x-reverse));
    margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}

#root :is(.space-x-4 > :not([hidden]) ~ :not([hidden])){
    --tw-space-x-reverse: 0;
    margin-right: calc(1rem * var(--tw-space-x-reverse));
    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}

#root :is(.space-x-5 > :not([hidden]) ~ :not([hidden])){
    --tw-space-x-reverse: 0;
    margin-right: calc(1.25rem * var(--tw-space-x-reverse));
    margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse)));
}

#root :is(.space-y-1 > :not([hidden]) ~ :not([hidden])){
    --tw-space-y-reverse: 0;
    margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}

#root :is(.space-y-2 > :not([hidden]) ~ :not([hidden])){
    --tw-space-y-reverse: 0;
    margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}

#root :is(.space-y-4 > :not([hidden]) ~ :not([hidden])){
    --tw-space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}

#root :is(.space-y-5 > :not([hidden]) ~ :not([hidden])){
    --tw-space-y-reverse: 0;
    margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}

#root :is(.divide-y-2 > :not([hidden]) ~ :not([hidden])){
    --tw-divide-y-reverse: 0;
    border-top-width: calc(2px * calc(1 - var(--tw-divide-y-reverse)));
    border-bottom-width: calc(2px * var(--tw-divide-y-reverse));
}

#root :is(.divide-zinc-300 > :not([hidden]) ~ :not([hidden])){
    --tw-divide-opacity: 1;
    border-color: rgb(212 212 216 / var(--tw-divide-opacity));
}

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

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

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

#root .overflow-auto{
    overflow: auto;
}

#root .overflow-hidden{
    overflow: hidden;
}

#root .overflow-x-auto{
    overflow-x: auto;
}

#root .overflow-y-auto{
    overflow-y: auto;
}

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

#root .text-ellipsis{
    text-overflow: ellipsis;
}

#root .whitespace-normal{
    white-space: normal;
}

#root .whitespace-nowrap{
    white-space: nowrap;
}

#root .whitespace-pre{
    white-space: pre;
}

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

#root .break-words{
    overflow-wrap: break-word;
}

#root .rounded{
    border-radius: 0.25rem;
}

#root .rounded-\[5px\]{
    border-radius: 5px;
}

#root .rounded-full{
    border-radius: 9999px;
}

#root .rounded-lg{
    border-radius: 0.5rem;
}

#root .rounded-md{
    border-radius: 0.375rem;
}

#root .rounded-sm{
    border-radius: 0.125rem;
}

#root .rounded-xl{
    border-radius: 0.75rem;
}

#root .rounded-b{
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}

#root .rounded-b-\[5px\]{
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

#root .rounded-t{
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}

#root .rounded-t-\[5px\]{
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

#root .rounded-t-md{
    border-top-left-radius: 0.375rem;
    border-top-right-radius: 0.375rem;
}

#root .rounded-bl-lg{
    border-bottom-left-radius: 0.5rem;
}

#root .rounded-br-lg{
    border-bottom-right-radius: 0.5rem;
}

#root .\!border{
    border-width: 1px !important;
}

#root .border{
    border-width: 1px;
}

#root .border-0{
    border-width: 0px;
}

#root .border-2{
    border-width: 2px;
}

#root .border-\[2px\]{
    border-width: 2px;
}

#root .border-b{
    border-bottom-width: 1px;
}

#root .border-b-0{
    border-bottom-width: 0px;
}

#root .border-b-\[1px\]{
    border-bottom-width: 1px;
}

#root .border-l-0{
    border-left-width: 0px;
}

#root .border-r-0{
    border-right-width: 0px;
}

#root .border-r-2{
    border-right-width: 2px;
}

#root .border-r-\[1px\]{
    border-right-width: 1px;
}

#root .border-t{
    border-top-width: 1px;
}

#root .border-t-0{
    border-top-width: 0px;
}

#root .\!border-solid{
    border-style: solid !important;
}

#root .border-solid{
    border-style: solid;
}

#root .border-none{
    border-style: none;
}

#root .border-\[\#d1d5db\]{
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity));
}

#root .border-blue-500{
    --tw-border-opacity: 1;
    border-color: rgb(59 130 246 / var(--tw-border-opacity));
}

#root .border-gray-200{
    --tw-border-opacity: 1;
    border-color: rgb(229 231 235 / var(--tw-border-opacity));
}

#root .border-red-500{
    --tw-border-opacity: 1;
    border-color: rgb(239 68 68 / var(--tw-border-opacity));
}

#root .border-secondary-variant{
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-secondary-variant) / var(--tw-border-opacity));
}

#root .border-tertiary-variant{
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-tertiary-variant) / var(--tw-border-opacity));
}

#root .border-white{
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity));
}

#root .border-r-gray-200{
    --tw-border-opacity: 1;
    border-right-color: rgb(229 231 235 / var(--tw-border-opacity));
}

#root .border-t-secondary-variant{
    --tw-border-opacity: 1;
    border-top-color: rgb(var(--color-secondary-variant) / var(--tw-border-opacity));
}

#root .\!bg-background-variant{
    --tw-bg-opacity: 1 !important;
    background-color: rgb(var(--color-background-variant) / var(--tw-bg-opacity)) !important;
}

#root .bg-\[\#004f9f\]{
    --tw-bg-opacity: 1;
    background-color: rgb(0 79 159 / var(--tw-bg-opacity));
}

#root .bg-\[\#158de2\]{
    --tw-bg-opacity: 1;
    background-color: rgb(21 141 226 / var(--tw-bg-opacity));
}

#root .bg-\[\#1976d2\]{
    --tw-bg-opacity: 1;
    background-color: rgb(25 118 210 / var(--tw-bg-opacity));
}

#root .bg-\[\#383838\]{
    --tw-bg-opacity: 1;
    background-color: rgb(56 56 56 / var(--tw-bg-opacity));
}

#root .bg-\[\#6A6862\]\/50{
    background-color: rgb(106 104 98 / 0.5);
}

#root .bg-\[\#9E9E9E\]{
    --tw-bg-opacity: 1;
    background-color: rgb(158 158 158 / var(--tw-bg-opacity));
}

#root .bg-\[\#D9D9D9\]{
    --tw-bg-opacity: 1;
    background-color: rgb(217 217 217 / var(--tw-bg-opacity));
}

#root .bg-\[\#E0F4FF\]{
    --tw-bg-opacity: 1;
    background-color: rgb(224 244 255 / var(--tw-bg-opacity));
}

#root .bg-\[\#EBF8EC\]{
    --tw-bg-opacity: 1;
    background-color: rgb(235 248 236 / var(--tw-bg-opacity));
}

#root .bg-\[\#EDEDED\]{
    --tw-bg-opacity: 1;
    background-color: rgb(237 237 237 / var(--tw-bg-opacity));
}

#root .bg-\[\#FBEFEF\]{
    --tw-bg-opacity: 1;
    background-color: rgb(251 239 239 / var(--tw-bg-opacity));
}

#root .bg-\[\#FFF3CD\]{
    --tw-bg-opacity: 1;
    background-color: rgb(255 243 205 / var(--tw-bg-opacity));
}

#root .bg-background{
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-background) / var(--tw-bg-opacity));
}

#root .bg-background-variant{
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-background-variant) / var(--tw-bg-opacity));
}

#root .bg-background\/70{
    background-color: rgb(var(--color-background) / 0.7);
}

#root .bg-blue-50{
    --tw-bg-opacity: 1;
    background-color: rgb(239 246 255 / var(--tw-bg-opacity));
}

#root .bg-blue-500{
    --tw-bg-opacity: 1;
    background-color: rgb(59 130 246 / var(--tw-bg-opacity));
}

#root .bg-customBlue{
    --tw-bg-opacity: 1;
    background-color: rgb(224 244 255 / var(--tw-bg-opacity));
}

#root .bg-gray-100{
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}

#root .bg-gray-300{
    --tw-bg-opacity: 1;
    background-color: rgb(209 213 219 / var(--tw-bg-opacity));
}

#root .bg-inherit{
    background-color: inherit;
}

#root .bg-neutral-300{
    --tw-bg-opacity: 1;
    background-color: rgb(212 212 212 / var(--tw-bg-opacity));
}

#root .bg-primary{
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-primary) / var(--tw-bg-opacity));
}

#root .bg-primary-variant{
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-primary-variant) / var(--tw-bg-opacity));
}

#root .bg-red-100{
    --tw-bg-opacity: 1;
    background-color: rgb(254 226 226 / var(--tw-bg-opacity));
}

#root .bg-red-50{
    --tw-bg-opacity: 1;
    background-color: rgb(254 242 242 / var(--tw-bg-opacity));
}

#root .bg-secondary{
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-secondary) / var(--tw-bg-opacity));
}

#root .bg-secondary-variant{
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-secondary-variant) / var(--tw-bg-opacity));
}

#root .bg-secondary-variant\/70{
    background-color: rgb(var(--color-secondary-variant) / 0.7);
}

#root .bg-slate-200{
    --tw-bg-opacity: 1;
    background-color: rgb(226 232 240 / var(--tw-bg-opacity));
}

#root .bg-slate-50{
    --tw-bg-opacity: 1;
    background-color: rgb(248 250 252 / var(--tw-bg-opacity));
}

#root .bg-stone-100{
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 244 / var(--tw-bg-opacity));
}

#root .bg-tertiary-variant{
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-tertiary-variant) / var(--tw-bg-opacity));
}

#root .bg-text-variant{
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-text-variant) / var(--tw-bg-opacity));
}

#root .bg-text-variant\/80{
    background-color: rgb(var(--color-text-variant) / 0.8);
}

#root .bg-transparent{
    background-color: transparent;
}

#root .bg-yellow-100{
    --tw-bg-opacity: 1;
    background-color: rgb(254 249 195 / var(--tw-bg-opacity));
}

#root .bg-zinc-100{
    --tw-bg-opacity: 1;
    background-color: rgb(244 244 245 / var(--tw-bg-opacity));
}

#root .bg-zinc-400{
    --tw-bg-opacity: 1;
    background-color: rgb(161 161 170 / var(--tw-bg-opacity));
}

#root .bg-opacity-10{
    --tw-bg-opacity: 0.1;
}

#root .bg-cover{
    background-size: cover;
}

#root .bg-left{
    background-position: left;
}

#root .p-0{
    padding: 0px;
}

#root .p-0\.5{
    padding: 0.125rem;
}

#root .p-1{
    padding: 0.25rem;
}

#root .p-10{
    padding: 2.5rem;
}

#root .p-2{
    padding: 0.5rem;
}

#root .p-3{
    padding: 0.75rem;
}

#root .p-3\.5{
    padding: 0.875rem;
}

#root .p-4{
    padding: 1rem;
}

#root .p-5{
    padding: 1.25rem;
}

#root .p-8{
    padding: 2rem;
}

#root .p-\[0\.4375rem\]{
    padding: 0.4375rem;
}

#root .p-\[7px\]{
    padding: 7px;
}

#root .px-1{
    padding-left: 0.25rem;
    padding-right: 0.25rem;
}

#root .px-10{
    padding-left: 2.5rem;
    padding-right: 2.5rem;
}

#root .px-14{
    padding-left: 3.5rem;
    padding-right: 3.5rem;
}

#root .px-16{
    padding-left: 4rem;
    padding-right: 4rem;
}

#root .px-2{
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

#root .px-3{
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}

#root .px-4{
    padding-left: 1rem;
    padding-right: 1rem;
}

#root .px-5{
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}

#root .px-8{
    padding-left: 2rem;
    padding-right: 2rem;
}

#root .px-\[50rem\]{
    padding-left: 50rem;
    padding-right: 50rem;
}

#root .py-0{
    padding-top: 0px;
    padding-bottom: 0px;
}

#root .py-0\.5{
    padding-top: 0.125rem;
    padding-bottom: 0.125rem;
}

#root .py-1{
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}

#root .py-1\.5{
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
}

#root .py-2{
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

#root .py-4{
    padding-top: 1rem;
    padding-bottom: 1rem;
}

#root .pb-0{
    padding-bottom: 0px;
}

#root .pb-16{
    padding-bottom: 4rem;
}

#root .pb-2{
    padding-bottom: 0.5rem;
}

#root .pb-5{
    padding-bottom: 1.25rem;
}

#root .pb-6{
    padding-bottom: 1.5rem;
}

#root .pe-1{
    padding-inline-end: 0.25rem;
}

#root .pe-10{
    padding-inline-end: 2.5rem;
}

#root .pe-2{
    padding-inline-end: 0.5rem;
}

#root .pe-2\.5{
    padding-inline-end: 0.625rem;
}

#root .pe-3\.5{
    padding-inline-end: 0.875rem;
}

#root .pe-4{
    padding-inline-end: 1rem;
}

#root .pl-2{
    padding-left: 0.5rem;
}

#root .pl-\[40\%\]{
    padding-left: 40%;
}

#root .pr-10{
    padding-right: 2.5rem;
}

#root .pr-2{
    padding-right: 0.5rem;
}

#root .pr-4{
    padding-right: 1rem;
}

#root .pr-6{
    padding-right: 1.5rem;
}

#root .ps-0\.5{
    padding-inline-start: 0.125rem;
}

#root .ps-1{
    padding-inline-start: 0.25rem;
}

#root .ps-2{
    padding-inline-start: 0.5rem;
}

#root .ps-24{
    padding-inline-start: 6rem;
}

#root .ps-3{
    padding-inline-start: 0.75rem;
}

#root .ps-4{
    padding-inline-start: 1rem;
}

#root .ps-6{
    padding-inline-start: 1.5rem;
}

#root .pt-0\.5{
    padding-top: 0.125rem;
}

#root .pt-2{
    padding-top: 0.5rem;
}

#root .pt-4{
    padding-top: 1rem;
}

#root .pt-5{
    padding-top: 1.25rem;
}

#root .pt-6{
    padding-top: 1.5rem;
}

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

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

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

#root .text-start{
    text-align: start;
}

#root .font-sans{
    font-family: Roboto, Helvetica Neue, sans-serif;
}

#root .text-2xl{
    font-size: 1.5rem;
    line-height: 2rem;
}

#root .text-\[0\.7rem\]{
    font-size: 0.7rem;
}

#root .text-\[16px\]{
    font-size: 16px;
}

#root .text-base{
    font-size: 1rem;
    line-height: 1.5rem;
}

#root .text-lg{
    font-size: 1.125rem;
    line-height: 1.75rem;
}

#root .text-sm{
    font-size: 0.875rem;
    line-height: 1.25rem;
}

#root .text-xl{
    font-size: 1.25rem;
    line-height: 1.75rem;
}

#root .text-xs{
    font-size: 0.75rem;
    line-height: 1rem;
}

#root .font-bold{
    font-weight: 700;
}

#root .font-medium{
    font-weight: 500;
}

#root .font-normal{
    font-weight: 400;
}

#root .font-semibold{
    font-weight: 600;
}

#root .capitalize{
    text-transform: capitalize;
}

#root .normal-case{
    text-transform: none;
}

#root .italic{
    font-style: italic;
}

#root .leading-none{
    line-height: 1;
}

#root .leading-relaxed{
    line-height: 1.625;
}

#root .text-\[\#0065C1\]{
    --tw-text-opacity: 1;
    color: rgb(0 101 193 / var(--tw-text-opacity));
}

#root .text-\[\#007505\]{
    --tw-text-opacity: 1;
    color: rgb(0 117 5 / var(--tw-text-opacity));
}

#root .text-\[\#0081D5\]{
    --tw-text-opacity: 1;
    color: rgb(0 129 213 / var(--tw-text-opacity));
}

#root .text-\[\#009E3D\]{
    --tw-text-opacity: 1;
    color: rgb(0 158 61 / var(--tw-text-opacity));
}

#root .text-\[\#1976d2\]{
    --tw-text-opacity: 1;
    color: rgb(25 118 210 / var(--tw-text-opacity));
}

#root .text-\[\#292929\]{
    --tw-text-opacity: 1;
    color: rgb(41 41 41 / var(--tw-text-opacity));
}

#root .text-\[\#6A6862\]{
    --tw-text-opacity: 1;
    color: rgb(106 104 98 / var(--tw-text-opacity));
}

#root .text-\[\#6A6862\]\/50{
    color: rgb(106 104 98 / 0.5);
}

#root .text-\[\#940000\]{
    --tw-text-opacity: 1;
    color: rgb(148 0 0 / var(--tw-text-opacity));
}

#root .text-\[\#9CA3AF\]{
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity));
}

#root .text-\[\#B20000\]{
    --tw-text-opacity: 1;
    color: rgb(178 0 0 / var(--tw-text-opacity));
}

#root .text-\[\#FAFBFE\]{
    --tw-text-opacity: 1;
    color: rgb(250 251 254 / var(--tw-text-opacity));
}

#root .text-\[\#FEBC00\]{
    --tw-text-opacity: 1;
    color: rgb(254 188 0 / var(--tw-text-opacity));
}

#root .text-\[\#d58a00\]{
    --tw-text-opacity: 1;
    color: rgb(213 138 0 / var(--tw-text-opacity));
}

#root .text-\[\#fafbfe\]{
    --tw-text-opacity: 1;
    color: rgb(250 251 254 / var(--tw-text-opacity));
}

#root .text-\[\#ffffff\]{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

#root .text-black{
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
}

#root .text-blue-400{
    --tw-text-opacity: 1;
    color: rgb(96 165 250 / var(--tw-text-opacity));
}

#root .text-blue-500{
    --tw-text-opacity: 1;
    color: rgb(59 130 246 / var(--tw-text-opacity));
}

#root .text-error-100{
    --tw-text-opacity: 1;
    color: rgb(220 20 60 / var(--tw-text-opacity));
}

#root .text-gray-400{
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity));
}

#root .text-gray-500{
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity));
}

#root .text-gray-600{
    --tw-text-opacity: 1;
    color: rgb(75 85 99 / var(--tw-text-opacity));
}

#root .text-gray-800{
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity));
}

#root .text-green-500{
    --tw-text-opacity: 1;
    color: rgb(34 197 94 / var(--tw-text-opacity));
}

#root .text-green-600{
    --tw-text-opacity: 1;
    color: rgb(22 163 74 / var(--tw-text-opacity));
}

#root .text-pink-300{
    --tw-text-opacity: 1;
    color: rgb(249 168 212 / var(--tw-text-opacity));
}

#root .text-primary{
    --tw-text-opacity: 1;
    color: rgb(var(--color-primary) / var(--tw-text-opacity));
}

#root .text-primary-variant{
    --tw-text-opacity: 1;
    color: rgb(var(--color-primary-variant) / var(--tw-text-opacity));
}

#root .text-red-500{
    --tw-text-opacity: 1;
    color: rgb(239 68 68 / var(--tw-text-opacity));
}

#root .text-red-600{
    --tw-text-opacity: 1;
    color: rgb(220 38 38 / var(--tw-text-opacity));
}

#root .text-red-700{
    --tw-text-opacity: 1;
    color: rgb(185 28 28 / var(--tw-text-opacity));
}

#root .text-secondary{
    --tw-text-opacity: 1;
    color: rgb(var(--color-secondary) / var(--tw-text-opacity));
}

#root .text-secondary-variant{
    --tw-text-opacity: 1;
    color: rgb(var(--color-secondary-variant) / var(--tw-text-opacity));
}

#root .text-tertiary{
    --tw-text-opacity: 1;
    color: rgb(var(--color-tertiary) / var(--tw-text-opacity));
}

#root .text-tertiary-variant{
    --tw-text-opacity: 1;
    color: rgb(var(--color-tertiary-variant) / var(--tw-text-opacity));
}

#root .text-tertiary-variant\/50{
    color: rgb(var(--color-tertiary-variant) / 0.5);
}

#root .text-text{
    --tw-text-opacity: 1;
    color: rgb(var(--color-text) / var(--tw-text-opacity));
}

#root .text-text-variant{
    --tw-text-opacity: 1;
    color: rgb(var(--color-text-variant) / var(--tw-text-opacity));
}

#root .text-text-variant\/70{
    color: rgb(var(--color-text-variant) / 0.7);
}

#root .text-text-variant\/80{
    color: rgb(var(--color-text-variant) / 0.8);
}

#root .text-white{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

#root .text-yellow-800{
    --tw-text-opacity: 1;
    color: rgb(133 77 14 / var(--tw-text-opacity));
}

#root .text-zinc-400{
    --tw-text-opacity: 1;
    color: rgb(161 161 170 / var(--tw-text-opacity));
}

#root .text-zinc-50{
    --tw-text-opacity: 1;
    color: rgb(250 250 250 / var(--tw-text-opacity));
}

#root .text-zinc-600{
    --tw-text-opacity: 1;
    color: rgb(82 82 91 / var(--tw-text-opacity));
}

#root .underline{
    text-decoration-line: underline;
}

#root .line-through{
    text-decoration-line: line-through;
}

#root .no-underline{
    text-decoration-line: none;
}

#root .opacity-100{
    opacity: 1;
}

#root .opacity-40{
    opacity: 0.4;
}

#root .opacity-60{
    opacity: 0.6;
}

#root .opacity-70{
    opacity: 0.7;
}

#root .opacity-80{
    opacity: 0.8;
}

#root .shadow{
    --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

#root .shadow-\[1px_5px_15px_rgb\(var\(--color-text-variant\)\/0\.15\)\]{
    --tw-shadow: 1px 5px 15px rgb(var(--color-text-variant)/0.15);
    --tw-shadow-colored: 1px 5px 15px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

#root .shadow-lg{
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

#root .shadow-md{
    --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

#root .shadow-none{
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

#root .shadow-sm{
    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

#root .shadow-text{
    --tw-shadow-color: rgb(var(--color-text) / 1);
    --tw-shadow: var(--tw-shadow-colored);
}

#root .shadow-text\/50{
    --tw-shadow-color: rgb(var(--color-text) / 0.5);
    --tw-shadow: var(--tw-shadow-colored);
}

#root .outline-0{
    outline-width: 0px;
}

#root .ring-0{
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

#root .filter{
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

#root .backdrop-blur{
    --tw-backdrop-blur: blur(8px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

#root .transition{
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

#root .transition-colors{
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

#root .transition-shadow{
    transition-property: box-shadow;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

#root .transition-transform{
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

#root .duration-300{
    transition-duration: 300ms;
}

/* Light theme variables */

:root {
  --color-primary: 0 79 159;                    /* #004F9F */
  --color-primary-variant: 25 118 210;          /* #1976d2 */
  --color-secondary: 158 158 158;               /* #9E9E9E */
  --color-secondary-variant: 194 194 194;       /* #C2C2C2 */
  --color-tertiary: 97 97 97;                   /* #616161 */
  --color-tertiary-variant: 117 117 117;        /* #757575 */
  --color-text: 38 38 38;                       /* #262626 */
  --color-text-variant: 38 38 38;               /* #262626 */
  --color-background: 250 251 254;              /* #FAFBFE */
  --color-background-variant: 250 251 254;      /* #FAFBFE */
  --color-background-autofill: 232, 240, 254 ;  /* #e8f0fe */
}

/* Dark theme variables */

.dark {
  --color-primary: 77 163 255;                  /* #4DA3FF */
  --color-primary-variant: 25 118 210;          /* #1976D2 */
  --color-secondary: 180 180 180;               /* #B4B4B4 */
  --color-secondary-variant: 165 165 165;       /* #A5A5A5 */
  --color-tertiary: 235 235 235;                /* #EBEBEB */
  --color-tertiary-variant: 215 215 215;        /* #D7D7D7 */
  --color-text: 158 158 158;                    /* #9E9E9E */
  --color-text-variant: 250 251 254;            /* #FAFBFE */
  --color-background: 45 45 45;                 /* #2B2B2B */
  --color-background-variant: 38 38 38;         /* #262626 */
  --color-background-autofill: 70 70 70;        /* #464646 */
}

html,
body {
  height: 100%;
}

body {
  margin: 0;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  background-color: rgb(var(--color-background));
}

.css-9ddj71-MuiInputBase-root-MuiOutlinedInput-root {
  height: inherit;
}

.css-1nrlq1o-MuiFormControl-root {
  height: inherit;
}

.css-o9k5xi-MuiInputBase-root-MuiOutlinedInput-root {
  height: inherit;
}

.css-1yk1gt9-MuiInputBase-root-MuiOutlinedInput-root-MuiSelect-root {
  height: inherit;
}

.css-1iqhc3f-MuiFormControl-root {
  height: inherit;
}

.css-11yk1gt9-MuiInputBase-root-MuiOutlinedInput-root-MuiSelect-root {
  height: inherit;
}

.css-1v4ccyo {
  height: inherit;
}

.css-fvipm8 {
  height: inherit;
}

.css-1bn53lx {
  height: inherit;
}

@media (min-width: 0px) {
    @media (orientation: landscape) {
        .css-hyum1k-MuiToolbar-root {
            min-height: 48px;
        }
    }
}

.react-dropdown-select-dropdown {
  min-width: 100% !important;    
  width: auto !important;       
  max-width: none !important;     
  white-space: nowrap !important;
  overflow-x: visible !important;  
  z-index: 9999;
  padding-right: 8px !important;
}

.react-dropdown-select-dropdown .MuiMenuItem-root,
.react-dropdown-select-dropdown .item {
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: unset !important;
  max-width: none !important;
}

.react-dropdown-select {
  height: 40px !important;
  min-height: 40px !important;
  max-height: 40px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  display: flex !important;
  align-items: center !important;
    border-radius: 4px !important; 

}

.MuiInputBase-root .MuiOutlinedInput-root {
  height: 40px !important;
  min-height: 40px !important;
  max-height: 40px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  display: flex;
  align-items: center;
    border-radius: 4px !important;
}

#root :is(.marker\:text-tertiary-variant *)::marker{
    color: rgb(var(--color-tertiary-variant) );
}

#root .marker\:text-tertiary-variant::marker{
    color: rgb(var(--color-tertiary-variant) );
}

#root .placeholder\:text-text::-moz-placeholder{
    --tw-text-opacity: 1;
    color: rgb(var(--color-text) / var(--tw-text-opacity));
}

#root .placeholder\:text-text::placeholder{
    --tw-text-opacity: 1;
    color: rgb(var(--color-text) / var(--tw-text-opacity));
}

#root .visited\:text-secondary:visited{
    color: rgb(var(--color-secondary) );
}

#root .focus-within\:border-\[\#ccc\]:focus-within{
    --tw-border-opacity: 1;
    border-color: rgb(204 204 204 / var(--tw-border-opacity));
}

#root .focus-within\:border-blue-600:focus-within{
    --tw-border-opacity: 1;
    border-color: rgb(37 99 235 / var(--tw-border-opacity));
}

#root .focus-within\:ring-0:focus-within{
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

#root .hover\:border-black:hover{
    --tw-border-opacity: 1;
    border-color: rgb(0 0 0 / var(--tw-border-opacity));
}

#root .hover\:border-blue-300:hover{
    --tw-border-opacity: 1;
    border-color: rgb(147 197 253 / var(--tw-border-opacity));
}

#root .hover\:border-gray-400:hover{
    --tw-border-opacity: 1;
    border-color: rgb(156 163 175 / var(--tw-border-opacity));
}

#root .hover\:border-tertiary:hover{
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-tertiary) / var(--tw-border-opacity));
}

#root .hover\:bg-\[\#949494\]:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(148 148 148 / var(--tw-bg-opacity));
}

#root .hover\:bg-background-variant\/50:hover{
    background-color: rgb(var(--color-background-variant) / 0.5);
}

#root .hover\:bg-blue-400:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(96 165 250 / var(--tw-bg-opacity));
}

#root .hover\:bg-blue-50:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(239 246 255 / var(--tw-bg-opacity));
}

#root .hover\:bg-gray-100:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}

#root .hover\:bg-gray-200:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}

#root .hover\:bg-neutral-100:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 245 / var(--tw-bg-opacity));
}

#root .hover\:bg-neutral-200:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(229 229 229 / var(--tw-bg-opacity));
}

#root .hover\:bg-red-100:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(254 226 226 / var(--tw-bg-opacity));
}

#root .hover\:bg-secondary-variant:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-secondary-variant) / var(--tw-bg-opacity));
}

#root .hover\:bg-secondary\/50:hover{
    background-color: rgb(var(--color-secondary) / 0.5);
}

#root .hover\:bg-zinc-500:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(113 113 122 / var(--tw-bg-opacity));
}

#root .hover\:bg-opacity-20:hover{
    --tw-bg-opacity: 0.2;
}

#root .hover\:text-blue-400:hover{
    --tw-text-opacity: 1;
    color: rgb(96 165 250 / var(--tw-text-opacity));
}

#root .hover\:text-red-600:hover{
    --tw-text-opacity: 1;
    color: rgb(220 38 38 / var(--tw-text-opacity));
}

#root .hover\:underline:hover{
    text-decoration-line: underline;
}

#root .focus\:border-gray-400:focus{
    --tw-border-opacity: 1;
    border-color: rgb(156 163 175 / var(--tw-border-opacity));
}

#root .focus\:border-primary:focus{
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-primary) / var(--tw-border-opacity));
}

#root .focus\:border-primary-variant:focus{
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-primary-variant) / var(--tw-border-opacity));
}

#root .focus\:border-secondary-variant:focus{
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-secondary-variant) / var(--tw-border-opacity));
}

#root .focus\:outline-none:focus{
    outline: 2px solid transparent;
    outline-offset: 2px;
}

#root .focus\:ring-0:focus{
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

#root .focus\:ring-1:focus{
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

#root .focus\:ring-2:focus{
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

#root .focus\:ring-primary-variant:focus{
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(var(--color-primary-variant) / var(--tw-ring-opacity));
}

@media (min-width: 640px){

    #root .sm\:columns-2{
        -moz-columns: 2;
             columns: 2;
    }
}

@media (min-width: 768px){

    #root .md\:col-span-1{
        grid-column: span 1 / span 1;
    }

    #root .md\:col-span-2{
        grid-column: span 2 / span 2;
    }

    #root .md\:col-span-3{
        grid-column: span 3 / span 3;
    }

    #root .md\:mr-6{
        margin-right: 1.5rem;
    }

    #root .md\:flex{
        display: flex;
    }

    #root .md\:h-10{
        height: 2.5rem;
    }

    #root .md\:h-16{
        height: 4rem;
    }

    #root .md\:w-160{
        width: 39.5rem;
    }

    #root .md\:w-36{
        width: 9rem;
    }

    #root .md\:w-60{
        width: 15rem;
    }

    #root .md\:w-80{
        width: 20rem;
    }

    #root .md\:w-fit{
        width: -moz-fit-content;
        width: fit-content;
    }

    #root .md\:w-full{
        width: 100%;
    }

    #root .md\:grow{
        flex-grow: 1;
    }

    #root .md\:columns-3{
        -moz-columns: 3;
             columns: 3;
    }

    #root .md\:grid-cols-6{
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }

    #root .md\:flex-row{
        flex-direction: row;
    }

    #root .md\:items-end{
        align-items: flex-end;
    }

    #root .md\:items-center{
        align-items: center;
    }

    #root .md\:justify-start{
        justify-content: flex-start;
    }

    #root .md\:justify-between{
        justify-content: space-between;
    }

    #root :is(.md\:space-x-4 > :not([hidden]) ~ :not([hidden])){
        --tw-space-x-reverse: 0;
        margin-right: calc(1rem * var(--tw-space-x-reverse));
        margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
    }
}

@media (min-width: 1024px){

    #root .lg\:col-span-2{
        grid-column: span 2 / span 2;
    }

    #root .lg\:col-span-3{
        grid-column: span 3 / span 3;
    }

    #root .lg\:mb-20{
        margin-bottom: 5rem;
    }

    #root .lg\:block{
        display: block;
    }

    #root .lg\:flex{
        display: flex;
    }

    #root .lg\:hidden{
        display: none;
    }

    #root .lg\:h-\[2\.25rem\]{
        height: 2.25rem;
    }

    #root .lg\:h-\[41px\]{
        height: 41px;
    }

    #root .lg\:h-\[65px\]{
        height: 65px;
    }

    #root .lg\:w-\[212px\]{
        width: 212px;
    }

    #root .lg\:grow-0{
        flex-grow: 0;
    }

    #root .lg\:grid-cols-3{
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

#root :is(.\[\&_\*\]\:hover\:stroke-none:hover *){
    stroke: none;
}

#root :is(.\[\&_\*\]\:focus\:stroke-none:focus *){
    stroke: none;
}

#root :is(.\[\&_\.react-dropdown-select-content\]\:min-w-0 .react-dropdown-select-content){
    min-width: 0px;
}

#root :is(.\[\&_\.react-dropdown-select-dropdown\]\:max-h-72 .react-dropdown-select-dropdown){
    max-height: 18rem;
}

#root :is(.\[\&_\.react-dropdown-select-dropdown\]\:w-fit .react-dropdown-select-dropdown){
    width: -moz-fit-content;
    width: fit-content;
}

#root :is(.\[\&_\.react-dropdown-select-dropdown\]\:min-w-fit .react-dropdown-select-dropdown){
    min-width: -moz-fit-content;
    min-width: fit-content;
}

#root :is(.\[\&_\.react-dropdown-select-dropdown\]\:rounded .react-dropdown-select-dropdown){
    border-radius: 0.25rem;
}

#root :is(.\[\&_\.react-dropdown-select-dropdown\]\:bg-background-variant .react-dropdown-select-dropdown){
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-background-variant) / var(--tw-bg-opacity));
}

#root :is(.\[\&_\.react-dropdown-select-dropdown\]\:\!pr-0 .react-dropdown-select-dropdown){
    padding-right: 0px !important;
}

#root :is(.\[\&_\.react-dropdown-select-dropdown\]\:font-normal .react-dropdown-select-dropdown){
    font-weight: 400;
}

#root :is(.\[\&_\.react-dropdown-select-dropdown\]\:shadow-\[0px_5px_5px_-3px_rgba\(0\2c 0\2c 0\2c 0\.2\)\2c 0px_8px_10px_1px_rgba\(0\2c 0\2c 0\2c 0\.14\)\2c 0px_3px_14px_2px_rgba\(0\2c 0\2c 0\2c 0\.12\)\] .react-dropdown-select-dropdown){
    --tw-shadow: 0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12);
    --tw-shadow-colored: 0px 5px 5px -3px var(--tw-shadow-color), 0px 8px 10px 1px var(--tw-shadow-color), 0px 3px 14px 2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
/* Bordas do cabeçalho */
.creditos-fiscais-header-border-right {
  border-right: 1px solid black;
}

.creditos-fiscais-header-border:not(:last-child) {
  border-right: 1px solid white;
}

/* Células da tabela */
.creditos-fiscais-cell {
  border-bottom: 1px solid lightgray;
  text-align: center;
}

.creditos-fiscais-cell-border:not(:last-child) {
  border-right: 1px solid lightgray;
}

/* Cores de texto específicas */
.creditos-fiscais-text-red {
  color: red;
  font-weight: bold;
}

.creditos-fiscais-text-blue {
  color: #1565c0;
}

.creditos-fiscais-text-green {
  color: green;
  font-weight: bold;
}

/* Linha de total */
.creditos-fiscais-row-total {
  background-color: #d3d3d3;
  border-top: 2px solid lightgray;
}

.creditos-fiscais-text-total {
  font-size: 0.875rem;
  color: #616161;
  font-weight: 700;
}

/* Cabeçalhos da tabela */
.creditos-fiscais-main-header-row {
  background-color: rgb(0 79 159) !important;
  color: #ffffff !important;
}

.creditos-fiscais-secondary-header-row {
  background-color: #c2c2c2;
  color: #616161;
  font-size: 0.875rem;
}

/* Redimensionamento de colunas */
.creditos-fiscais-resizer {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 2px;
  background-color: rgba(0, 0, 0, 0.5);
  cursor: col-resize;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  touch-action: none;
  opacity: 1;
}

.creditos-fiscais-resizer.isResizing {
  background-color: blue;
  opacity: 1;
}

@media (hover: hover) {
  .creditos-fiscais-resizer {
    opacity: 0;
  }

  *:hover > .creditos-fiscais-resizer {
    opacity: 1;
  }
}

/* Situação da célula */
.creditos-fiscais-cell-situacao {
  white-space: normal;
  word-break: break-word;
}
.header-border-right {
    border-right: 2px solid black;
}

.header-border:not(:last-child) {
    border-right: 1px solid white;
}

.cell{
  border-bottom: 1px solid lightgray;
  text-align: center;
}

.cell-border:not(:last-child) {
    border-right: 1px solid lightgray;
}

#panel1a-header {
    border: 0.25px solid #1565c0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    box-shadow: 0 0 1px #1565c0;
    border-bottom: 2px solid #1565c0;
}

.text-red {
    color: red;
    font-weight: bold;
}

.text-blue {
    color: #1565c0;
}

.text-green {
    color: green;
    font-weight: bold;
}

.row-total {
    background-color: #d3d3d3;
    border-top: 2px solid lightgray;
}

.text-total {
    font-size: 0.875rem;
    color: #616161;
    font-weight: 700;
}
/* Cor para o header principal */
.main-header-row {
    background-color: #e0e0e0; 
  }

  /* Cor para o header secundário */
  .secondary-header-row {
    background-color: #C2C2C2;
    color: #616161;
    font-size: 0.875rem;
  }
  
  /* Estilos para as bordas */
  .header-border-right {
    border-right: 1px solid rgb(0, 0, 0);
  }
/* Bordas do cabeçalho */
.creditos-nao-vinculados-header-border-right {
  border-right: 1px solid black;
}

.creditos-nao-vinculados-header-border:not(:last-child) {
  border-right: 1px solid white;
}

/* Células da tabela */
.creditos-nao-vinculados-cell {
  border-bottom: 1px solid lightgray;
  text-align: center;
}

.creditos-nao-vinculados-cell-border:not(:last-child) {
  border-right: 1px solid lightgray;
}

/* Cores de texto específicas */
.creditos-nao-vinculados-text-red {
  color: red;
  font-weight: bold;
}

.creditos-nao-vinculados-text-blue {
  color: #1565c0;
}

.creditos-nao-vinculados-text-green {
  color: green;
  font-weight: bold;
}

/* Linha de total */
.creditos-nao-vinculados-row-total {
  background-color: #d3d3d3;
  border-top: 2px solid lightgray;
}

.creditos-nao-vinculados-text-total {
  font-size: 0.875rem;
  color: #616161;
  font-weight: 700;
}

/* Cabeçalhos da tabela */
.creditos-nao-vinculados-main-header-row {
  background-color: rgb(0 79 159) !important;
  color: #ffffff !important;
}

.creditos-nao-vinculados-secondary-header-row {
  background-color: #c2c2c2;
  color: #616161;
  font-size: 0.875rem;
}

/* Redimensionamento de colunas */
.creditos-nao-vinculados-resizer {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 2px;
  background-color: rgba(0, 0, 0, 0.5);
  cursor: col-resize;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  touch-action: none;
  opacity: 1;
}

.creditos-nao-vinculados-resizer.isResizing {
  background-color: blue;
  opacity: 1;
}

@media (hover: hover) {
  .creditos-nao-vinculados-resizer {
    opacity: 0;
  }

  *:hover > .creditos-nao-vinculados-resizer {
    opacity: 1;
  }
}
/* Bordas do cabeçalho */
.debitos-pendentes-header-border-right {
  border-right: 1px solid black;
}

.debitos-pendentes-header-border:not(:last-child) {
  border-right: 1px solid white;
}

/* Células da tabela */
.debitos-pendentes-cell {
  border-bottom: 1px solid lightgray;
  text-align: center;
}

.debitos-pendentes-cell-border:not(:last-child) {
  border-right: 1px solid lightgray;
}

/* Cores de texto específicas */
.debitos-pendentes-text-red {
  color: red;
  font-weight: bold;
}

.debitos-pendentes-text-blue {
  color: #1565c0;
}

.debitos-pendentes-text-green {
  color: green;
  font-weight: bold;
}

/* Linha de total */
.debitos-pendentes-row-total {
  background-color: #d3d3d3;
  border-top: 2px solid lightgray;
}

.debitos-pendentes-text-total {
  font-size: 0.875rem;
  color: #616161;
  font-weight: 700;
}

/* Cabeçalhos da tabela */
.debitos-pendentes-main-header-row {
  background-color: rgb(0 79 159) !important;
  color: #ffffff !important;
}

.debitos-pendentes-secondary-header-row {
  background-color: #c2c2c2;
  color: #616161;
  font-size: 0.875rem;
}

/* Redimensionamento de colunas */
.debitos-pendentes-resizer {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 2px;
  background-color: rgba(0, 0, 0, 0.5);
  cursor: col-resize;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  touch-action: none;
  opacity: 1;
}

.debitos-pendentes-resizer.isResizing {
  background-color: blue;
  opacity: 1;
}

@media (hover: hover) {
  .debitos-pendentes-resizer {
    opacity: 0;
  }

  *:hover > .debitos-pendentes-resizer {
    opacity: 1;
  }
}

/* Estilo específico para o accordion do filtro - mantendo ID original por ser do Material-UI */
#panel1a-header {
  border: 0.25px solid #1565c0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  box-shadow: 0 0 1px #1565c0;
  border-bottom: 2px solid #1565c0;
}
/*!
 * 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;-o-tab-size:4;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 */.ql-editor {
  word-break: break-word;
  overflow-wrap: break-word;
  white-space: pre-wrap;
}
.ql-toolbar .ql-stroke {
  fill: none;
  stroke: currentColor;
}

.ql-toolbar .ql-fill {
  fill: currentColor;
  stroke: none;
}

.ql-toolbar .ql-picker {
  color: inherit;
}

.ql-picker-item {
  color: gray;
}
.ql-editor.ql-blank::before {
  --tw-text-opacity: 1;
  color: rgb(var(--color-text) / var(--tw-text-opacity));
}
/* Bordas do cabeçalho */
.credito-detalhe-modal-header-border-right {
    border-right: 2px solid black;
}

.credito-detalhe-modal-header-border:not(:last-child) {
    border-right: 1px solid white;
}

/* Células da tabela */
.credito-detalhe-modal-cell {
    border-bottom: 1px solid lightgray;
    text-align: center;
}

.credito-detalhe-modal-cell-border:not(:last-child) {
    border-right: 1px solid lightgray;
}

/* Cores de texto específicas */
.credito-detalhe-modal-text-red {
    color: red;
    font-weight: bold;
}

.credito-detalhe-modal-text-blue {
    color: #1565c0;
}

.credito-detalhe-modal-text-green {
    color: green;
    font-weight: bold;
}

/* Linha de total */
.credito-detalhe-modal-row-total {
    background-color: #d3d3d3;
    border-top: 2px solid lightgray;
}

.credito-detalhe-modal-text-total {
    font-size: 0.875rem;
    color: #616161;
    font-weight: 700;
}

/* Cabeçalhos da tabela */
.credito-detalhe-modal-main-header-row {
    background-color: #e0e0e0; 
}

.credito-detalhe-modal-secondary-header-row {
    background-color: #C2C2C2;
    color: #616161;
    font-size: 0.875rem;
}

/* Redimensionamento de colunas */
.credito-detalhe-modal-resizer {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 2px;
    background-color: rgba(0, 0, 0, 0.5);
    cursor: col-resize;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    touch-action: none;
    opacity: 1;
}

.credito-detalhe-modal-resizer.isResizing {
    background-color: blue;
    opacity: 1;
}

@media (hover: hover) {
    .credito-detalhe-modal-resizer {
        opacity: 0;
    }

    *:hover > .credito-detalhe-modal-resizer {
        opacity: 1;
    }
}

/* Estilos específicos do modal */
.credito-detalhe-modal-bg-table-header {
    background-color: #D9D9D9 !important;
    color: #000000DE;
}

.credito-detalhe-modal-border-table {
    border: #D9D9D9 solid 5px;
}

.credito-detalhe-modal-bg-subheader-separacao {
    width: 100%;
    height: 34px;
    background-color: #D9D9D9 !important;
}

.credito-detalhe-modal-bg-header {
    background-color: rgb(0 79 159) !important;
    color: #FFFFFF !important;
}

.credito-detalhe-modal-cell-situacao {
    white-space: nowrap !important;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    display: block;
}
/* Header borders */
.extrato-header-border-right {
    border-right: 0.125rem solid black;
}

.extrato-header-border:not(:last-child) {
    border-right: 0.0625rem solid white;
}

.extrato-cell {
  border-bottom: 0.0625rem solid lightgray;
  text-align: center;
}

.extrato-cell-border:not(:last-child) {
    border-right: 0.0625rem solid lightgray;
}

.extrato-text-red {
    color: red;
    font-weight: bold;
}

.extrato-text-blue {
    color: #1565c0;
}

.extrato-text-green {
    color: green;
    font-weight: bold;
}

.extrato-row-total {
    background-color: #d3d3d3;
    border-top: 0.125rem solid lightgray; 
}

.extrato-text-total {
    font-size: 0.875rem;
    color: #616161;
    font-weight: 700;
}

/* Header rows */
.extrato-main-header-row {
    background-color: #e0e0e0; 
}

.extrato-secondary-header-row {
    background-color: #C2C2C2;
    color: #616161;
    font-size: 0.875rem;
}

.extrato-bg-table-header {
    background-color: #D9D9D9 !important;
    color: #000000DE
}

.extrato-bg-header {
    background-color: rgb(0 79 159) !important;
    color: #FFFFFF !important;
}

/* Separador - coluna 8 (específico para extrato) */
.extrato-table td:nth-child(8),
.extrato-table th:nth-child(8) {
    background-color: #D9D9D9 !important;
    width: 5px !important;
    min-width: 5px !important;
    max-width: 5px !important;
    padding: 0 !important;
}

/* Cell utilities */
.extrato-cell-situacao {
    white-space: nowrap !important;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    display: block;
}

/* Column resizer */
.extrato-resizer {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 5px;
    background: rgba(0, 0, 0, 0.5);
    cursor: col-resize;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    touch-action: none;
    opacity: 0;
}

.extrato-resizer.isResizing {
    background: blue;
    opacity: 1;
}

@media (hover: hover) {
    .extrato-resizer:hover {
        opacity: 1;
    }
}
.header-border-right {
    border-right: 0.125rem solid black; 
}

.header-border:not(:last-child) {
    border-right: 0.0625rem solid white; 
}

.cell{
  border-bottom: 0.0625rem solid lightgray; 
  text-align: center;
}

.cell-border:not(:last-child) {
    border-right: 0.0625rem solid lightgray;
}

#panel1a-header {
    border: 0.25px solid #1565c0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    box-shadow: 0 0 1px #1565c0;
    border-bottom: 2px solid #1565c0;
}

.text-red {
    color: red;
    font-weight: bold;
}

.text-blue {
    color: #1565c0;
}

.text-green {
    color: green;
    font-weight: bold;
}

.row-total {
    background-color: #d3d3d3;
    border-top: 2px solid lightgray;
}

.text-total {
    font-size: 0.875rem;
    color: #616161;
    font-weight: 700;
}
/* Cor para o header principal */
.main-header-row {
    background-color: #e0e0e0; 
  }

  /* Cor para o header secundário */
  .secondary-header-row {
    background-color: #C2C2C2;
    color: #616161;
    font-size: 0.875rem;
  }
  
  /* Estilos para as bordas */
  .header-border-right {
    border-right: 1px solid rgb(0, 0, 0);
  }

  .bg-table-header {
    background-color: #D9D9D9 !important;
    color: #000000DE
  }

  .border-table {
    border: #D9D9D9 solid 5px;
  }

  .bg-subheader-separacao {
    width: 100%;
    height: 34px;
    --tw-bg-opacity: 2;
    background-color:  #D9D9D9 !important;
  }

  .bg-header {
    background-color: rgb(0 79 159) !important;
    color: #FFFFFF !important;
  }
  .cell-situacao {
    white-space: nowrap !important;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    display: block;
  }
.resizer {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 2px;
  background-color: rgba(0, 0, 0, 0.5);
  cursor: col-resize;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  touch-action: none;
}

.resizer.isResizing {
  background-color:blue;
  opacity: 1;
}

@media (hover: hover) {
  .resizer {
    opacity: 0;
  }

  *:hover > .resizer {
    opacity: 1;
  }
}
.resizer {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 2px;
  background-color: rgba(0, 0, 0, 0.5);
  cursor: col-resize;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  touch-action: none;
}

.resizer.isResizing {
  background-color:blue;
  opacity: 1;
}

@media (hover: hover) {
  .resizer {
    opacity: 0;
  }

  *:hover > .resizer {
    opacity: 1;
  }
}
.equalizacao-table-wrapper {
  width: 100%;
  overflow-x: hidden;
}

.equalizacao-table {
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
}

.equalizacao-table td {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}.resizer {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 2px;
  background-color: rgba(0, 0, 0, 0.5);
  cursor: col-resize;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  touch-action: none;
}

.resizer.isResizing {
  background-color:blue;
  opacity: 1;
}

@media (hover: hover) {
  .resizer {
    opacity: 0;
  }

  *:hover > .resizer {
    opacity: 1;
  }
}
.resituicao-table-wrapper {
  width: 100%;
  overflow-x: hidden;
}

.resituicao-table-wrapper table {
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
}

.resituicao-table-wrapper td,
.resituicao-table-wrapper th {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.resizer {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 2px;
  background-color: rgba(0, 0, 0, 0.5);
  cursor: col-resize;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  touch-action: none;
}

.resizer.isResizing {
  background-color: blue;
  opacity: 1;
}

@media (hover: hover) {
  .resizer {
    opacity: 0;
  }

  *:hover > .resizer {
    opacity: 1;
  }
}

.gnre-table-wrapper {
  overflow-x: hidden;
  width: 100%;
}

.gnre-table-wrapper table {
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
}

.gnre-table-wrapper td {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.resizer {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 2px;
  background-color: rgba(0, 0, 0, 0.5);
  cursor: col-resize;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  touch-action: none;
}

.resizer.isResizing {
  background-color:blue;
  opacity: 1;
}

@media (hover: hover) {
  .resizer {
    opacity: 0;
  }

  *:hover > .resizer {
    opacity: 1;
  }
}
.lavraturaalim-table-wrapper {
  overflow-x: hidden;
  width: 100%;
}

.lavraturaalim-table-wrapper table {
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
}

.lavraturaalim-table-wrapper td {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}.resizer {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 2px;
  background-color: rgba(0, 0, 0, 0.5);
  cursor: col-resize;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  touch-action: none;
}

.resizer.isResizing {
  background-color: blue;
  opacity: 1;
}

@media (hover: hover) {
  .resizer {
    opacity: 0;
  }

  *:hover > .resizer {
    opacity: 1;
  }
}
.omissao-table-wrapper {
  width: 100%;
  overflow-x: auto; 
}

.omissao-table {
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
}
.omissao-table th,
.omissao-table td {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 250px; 
}

.resizer {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 2px;
  background-color: rgba(0, 0, 0, 0.5);
  cursor: col-resize;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  touch-action: none;
}

.resizer.isResizing {
  background-color:blue;
  opacity: 1;
}

@media (hover: hover) {
  .resizer {
    opacity: 0;
  }

  *:hover > .resizer {
    opacity: 1;
  }
}
.resizer {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 2px;
  background-color: rgba(0, 0, 0, 0.5);
  cursor: col-resize;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  touch-action: none;
}

.resizer.isResizing {
  background-color:blue;
  opacity: 1;
}

@media (hover: hover) {
  .resizer {
    opacity: 0;
  }

  *:hover > .resizer {
    opacity: 1;
  }
}
.header-border-right {
  border-right: 2px solid black;
}

.header-border:not(:last-child) {
  border-right: 1px solid white;
}

.cell-border:not(:last-child) {
  border-right: 1px solid lightgray;
}

.table-main-header {
  background-color: rgb(0 79 159) !important;
  color: #ffffff !important;
}

#panel1a-header {
  border: 0.25px solid #1565c0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  box-shadow: 0 0 1px #1565c0;
  border-bottom: 2px solid #1565c0;
}

.text-red {
  color: red;
  font-weight: bold;
}

.text-blue {
  color: #1565c0;
}

.text-green {
  color: green;
  font-weight: bold;
}

.row-total {
  background-color: #d3d3d3;
  border-top: 2px solid lightgray;
}

.text-total {
  font-size: 0.875rem;
  color: #616161;
  font-weight: 700;
}
/* Cor para o header principal */
.main-header-row {
  background-color: #e0e0e0;
}

/* Cor para o header secundário */
.secondary-header-row {
  background-color: #c2c2c2;
  color: #616161;
  font-size: 0.875rem;
}

/* Estilos para as bordas */
.header-border-right {
  border-right: 1px solid rgb(0, 0, 0);
}
table {
  table-layout: fixed;
}

.tabela-acompanhamento-main-header {
  background-color: rgb(0 79 159) !important;
  color: #ffffff !important;
}

.tabela-acompaha .tabela-acompanhamento .bg-header {
  background-color: #e7e5e4 !important;
  color: #3f3f47 !important;
  text-align: left !important;
  font-weight: 600;
  padding: 8px 12px;
  height: 31px;
}

.tabela-acompanhamento .cell-border {
  border-bottom: 1px solid #e4e4e4;
}

.tabela-acompanhamento .header-border {
  border-right: 1px solid white;
}

/* --- Resizer de Colunas --- */
.tabela-acompanhamento .resizer {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 2px;
  background-color: rgba(0, 0, 0, 0.5);
  cursor: col-resize;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  touch-action: none;
}

.tabela-acompanhamento .resizer.isResizing {
  background-color: blue;
}

@media (hover: hover) {
  .tabela-acompanhamento .resizer {
    opacity: 0;
  }

  .tabela-acompanhamento *:hover > .resizer {
    opacity: 1;
  }
}