@charset "UTF-8";

/*!
 * 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
}

/*!
 * 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
}

:root{
  --tagify-dd-color-primary:rgb(53,149,246);
  --tagify-dd-text-color:black;
  --tagify-dd-bg-color:white;
  --tagify-dd-item-pad:.3em .5em;
  --tagify-dd-max-height:300px
}

.tagify{
  --tags-disabled-bg:#F1F1F1;
  --tags-border-color:#DDD;
  --tags-hover-border-color:#CCC;
  --tags-focus-border-color:#3595f6;
  --tag-border-radius:3px;
  --tag-bg:#E5E5E5;
  --tag-hover:#D3E2E2;
  --tag-text-color:black;
  --tag-text-color--edit:black;
  --tag-pad:0.3em 0.5em;
  --tag-inset-shadow-size:1.2em;
  --tag-invalid-color:#D39494;
  --tag-invalid-bg:rgba(211, 148, 148, 0.5);
  --tag--min-width:1ch;
  --tag--max-width:100%;
  --tag-hide-transition:0.3s;
  --tag-remove-bg:rgba(211, 148, 148, 0.3);
  --tag-remove-btn-color:black;
  --tag-remove-btn-bg:none;
  --tag-remove-btn-bg--hover:#c77777;
  --input-color:inherit;
  --placeholder-color:rgba(0, 0, 0, 0.4);
  --placeholder-color-focus:rgba(0, 0, 0, 0.25);
  --loader-size:.8em;
  --readonly-striped:1;
  display:inline-flex;
  align-items:flex-start;
  align-content:baseline;
  flex-wrap:wrap;
  border:1px solid var(--tags-border-color);
  padding:0;
  line-height:0;
  outline:0;
  position:relative;
  box-sizing:border-box;
  transition:.1s
}

@keyframes tags--bump{
  30%{
    transform:scale(1.2)
  }
}

@keyframes rotateLoader{
  to{
    transform:rotate(1turn)
  }
}

.tagify:has([contenteditable=true]){
  cursor:text
}

.tagify:hover:not(.tagify--focus):not(.tagify--invalid){
  --tags-border-color:var(--tags-hover-border-color)
}

.tagify[disabled]{
  background:var(--tags-disabled-bg);
  filter:saturate(0);
  opacity:.5;
  pointer-events:none
}

.tagify[disabled].tagify--empty>.tagify__input::before{
  position:relative
}

.tagify[disabled].tagify--select,.tagify[readonly].tagify--select{
  pointer-events:none
}

.tagify[disabled]:not(.tagify--mix):not(.tagify--select):not(.tagify--empty),.tagify[readonly]:not(.tagify--mix):not(.tagify--select):not(.tagify--empty){
  cursor:default
}

.tagify[disabled]:not(.tagify--mix):not(.tagify--select):not(.tagify--empty)>.tagify__input,.tagify[readonly]:not(.tagify--mix):not(.tagify--select):not(.tagify--empty)>.tagify__input{
  visibility:hidden;
  width:0;
  margin:5px 0
}

.tagify[disabled]:not(.tagify--mix):not(.tagify--select):not(.tagify--empty) .tagify__tag>div,.tagify[readonly]:not(.tagify--mix):not(.tagify--select):not(.tagify--empty) .tagify__tag>div{
  padding:var(--tag-pad)
}

.tagify[disabled]:not(.tagify--mix):not(.tagify--select):not(.tagify--empty) .tagify__tag>div::before,.tagify[readonly]:not(.tagify--mix):not(.tagify--select):not(.tagify--empty) .tagify__tag>div::before{
  animation:readonlyStyles 1s calc(-1s * (var(--readonly-striped) - 1)) paused
}

@keyframes readonlyStyles{
  0%{
    background:linear-gradient(45deg,var(--tag-bg) 25%,transparent 25%,transparent 50%,var(--tag-bg) 50%,var(--tag-bg) 75%,transparent 75%,transparent) 0/5px 5px;
    box-shadow:none;
    filter:brightness(.95)
  }
}

.tagify[disabled] .tagify__tag__removeBtn,.tagify[readonly] .tagify__tag__removeBtn{
  display:none
}

.tagify--loading .tagify__input>br:last-child{
  display:none
}

.tagify--loading .tagify__input::before{
  content:none
}

.tagify--loading .tagify__input::after{
  vertical-align:middle;
  opacity:1;
  width:.7em;
  height:.7em;
  width:var(--loader-size);
  height:var(--loader-size);
  min-width:0;
  border:3px solid;
  border-color:#eee #bbb #888 transparent;
  border-radius:50%;
  animation:rotateLoader .4s infinite linear;
  content:""!important;
  margin:-2px 0 -2px .5em
}

.tagify--loading .tagify__input:empty::after{
  margin-left:0
}

.tagify+input,.tagify+textarea{
  position:absolute!important;
  left:-9999em!important;
  transform:scale(0)!important
}

.tagify__tag{
  display:inline-flex;
  align-items:center;
  max-width:var(--tag--max-width);
  margin-inline:5px 0;
  margin-block:5px;
  position:relative;
  z-index:1;
  outline:0;
  line-height:normal;
  cursor:default;
  transition:.13s ease-out
}

.tagify__tag>div{
  display:flex;
  flex:1;
  vertical-align:top;
  box-sizing:border-box;
  max-width:100%;
  padding:var(--tag-pad);
  color:var(--tag-text-color);
  line-height:inherit;
  border-radius:var(--tag-border-radius);
  white-space:nowrap;
  transition:.13s ease-out
}

.tagify__tag>div>*{
  white-space:pre-wrap;
  overflow:hidden;
  text-overflow:ellipsis;
  display:inline-block;
  vertical-align:top;
  min-width:var(--tag--min-width);
  max-width:var(--tag--max-width);
  transition:.8s ease,.1s color
}

.tagify__tag>div>[contenteditable]{
  display:block;
  outline:0;
  -webkit-user-select:text;
  -moz-user-select:text;
       user-select:text;
  cursor:text;
  margin:-2px;
  padding:2px;
  max-width:350px
}

.tagify__tag>div>:only-child{
  width:100%
}

.tagify__tag>div::before{
  content:"";
  position:absolute;
  border-radius:inherit;
  inset:var(--tag-bg-inset,0);
  z-index:-1;
  pointer-events:none;
  transition:120ms ease;
  animation:tags--bump .3s ease-out 1;
  box-shadow:0 0 0 var(--tag-inset-shadow-size) var(--tag-bg) inset
}

.tagify__tag:focus div::before,.tagify__tag:hover:not([readonly]) div::before{
  --tag-bg-inset:-2.5px;
  --tag-bg:var(--tag-hover)
}

.tagify__tag--loading{
  pointer-events:none
}

.tagify__tag--loading .tagify__tag__removeBtn{
  display:none
}

.tagify__tag--loading::after{
  --loader-size:.4em;
  content:"";
  vertical-align:middle;
  opacity:1;
  width:.7em;
  height:.7em;
  width:var(--loader-size);
  height:var(--loader-size);
  min-width:0;
  border:3px solid;
  border-color:#eee #bbb #888 transparent;
  border-radius:50%;
  animation:rotateLoader .4s infinite linear;
  margin:0 .5em 0 -.1em
}

.tagify__tag--flash div::before{
  animation:none
}

.tagify__tag--hide{
  width:0!important;
  padding-left:0;
  padding-right:0;
  margin-left:0;
  margin-right:0;
  opacity:0;
  transform:scale(0);
  transition:var(--tag-hide-transition);
  pointer-events:none
}

.tagify__tag--hide>div>*{
  white-space:nowrap
}

.tagify__tag.tagify--noAnim>div::before{
  animation:none
}

.tagify__tag.tagify--notAllowed:not(.tagify__tag--editable) div>span{
  opacity:.5
}

.tagify__tag.tagify--notAllowed:not(.tagify__tag--editable) div::before{
  --tag-bg:var(--tag-invalid-bg);
  transition:.2s
}

.tagify__tag[readonly] .tagify__tag__removeBtn{
  display:none
}

.tagify__tag[readonly]>div::before{
  animation:readonlyStyles 1s calc(-1s * (var(--readonly-striped) - 1)) paused
}

@keyframes readonlyStyles{
  0%{
    background:linear-gradient(45deg,var(--tag-bg) 25%,transparent 25%,transparent 50%,var(--tag-bg) 50%,var(--tag-bg) 75%,transparent 75%,transparent) 0/5px 5px;
    box-shadow:none;
    filter:brightness(.95)
  }
}

.tagify__tag--editable>div{
  color:var(--tag-text-color--edit)
}

.tagify__tag--editable>div::before{
  box-shadow:0 0 0 2px var(--tag-hover) inset!important
}

.tagify__tag--editable>.tagify__tag__removeBtn{
  pointer-events:none;
  opacity:0;
  transform:translateX(100%) translateX(5px)
}

.tagify__tag--editable.tagify--invalid>div::before{
  box-shadow:0 0 0 2px var(--tag-invalid-color) inset!important
}

.tagify__tag__removeBtn{
  order:5;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:50px;
  cursor:pointer;
  font:14px/1 Arial;
  background:var(--tag-remove-btn-bg);
  color:var(--tag-remove-btn-color);
  width:14px;
  height:14px;
  margin-inline:auto 4.6666666667px;
  overflow:hidden;
  transition:.2s ease-out
}

.tagify__tag__removeBtn::after{
  content:"×";
  transition:.3s,color 0s
}

.tagify__tag__removeBtn:hover{
  color:#fff;
  background:var(--tag-remove-btn-bg--hover)
}

.tagify__tag__removeBtn:hover+div>span{
  opacity:.5
}

.tagify__tag__removeBtn:hover+div::before{
  box-shadow:0 0 0 var(--tag-inset-shadow-size) var(--tag-remove-bg,rgba(211,148,148,.3)) inset!important;
  transition:box-shadow .2s
}

.tagify:not(.tagify--mix) .tagify__input br{
  display:none
}

.tagify:not(.tagify--mix) .tagify__input *{
  display:inline;
  white-space:nowrap
}

.tagify__input{
  flex-grow:1;
  display:inline-block;
  min-width:110px;
  margin:5px;
  padding:var(--tag-pad);
  line-height:normal;
  position:relative;
  white-space:pre-wrap;
  color:var(--input-color);
  box-sizing:inherit;
  overflow:hidden
}

.tagify__input:focus{
  outline:0
}

.tagify__input:focus::before{
  transition:.2s ease-out;
  opacity:0;
  transform:translatex(6px)
}

@supports (-ms-ime-align:auto){
  .tagify__input:focus::before{
    display:none
  }
}

.tagify__input:focus:empty::before{
  transition:.2s ease-out;
  opacity:1;
  transform:none;
  color:rgba(0,0,0,.25);
  color:var(--placeholder-color-focus)
}

@-moz-document url-prefix(){
  .tagify__input:focus:empty::after{
    display:none
  }
}

.tagify__input::before{
  content:attr(data-placeholder);
  width:100%;
  height:100%;
  margin:auto 0;
  z-index:1;
  color:var(--placeholder-color);
  white-space:nowrap;
  text-overflow:ellipsis;
  overflow:hidden;
  pointer-events:none;
  opacity:0;
  position:absolute
}

.tagify__input::after{
  content:attr(data-suggest);
  display:inline-block;
  vertical-align:middle;
  position:absolute;
  min-width:calc(100% - 1.5em);
  text-overflow:ellipsis;
  overflow:hidden;
  white-space:pre;
  color:var(--tag-text-color);
  opacity:.3;
  pointer-events:none;
  max-width:100px
}

.tagify__input .tagify__tag{
  margin:0 1px
}

.tagify--mix{
  display:block
}

.tagify--mix .tagify__input{
  padding:5px;
  margin:0;
  width:100%;
  height:100%;
  line-height:1.5;
  display:block
}

.tagify--mix .tagify__input::before{
  height:auto;
  display:none;
  line-height:inherit
}

.tagify--mix .tagify__input::after{
  content:none
}

.tagify--select{
  cursor:default
}

.tagify--select::after{
  content:">";
  opacity:.5;
  position:absolute;
  top:50%;
  right:0;
  bottom:0;
  font:16px monospace;
  line-height:8px;
  height:8px;
  pointer-events:none;
  transform:translate(-150%,-50%) scaleX(1.2) rotate(90deg);
  transition:.2s ease-in-out
}

.tagify--select[aria-expanded=true]::after{
  transform:translate(-150%,-50%) rotate(270deg) scaleY(1.2)
}

.tagify--select[aria-expanded=true] .tagify__tag__removeBtn{
  pointer-events:none;
  opacity:0;
  transform:translateX(100%) translateX(5px)
}

.tagify--select .tagify__tag{
  flex:1;
  max-width:none;
  margin-inline-end:2em;
  margin-block:0;
  padding-block:5px;
  cursor:text
}

.tagify--select .tagify__tag div::before{
  display:none
}

.tagify--select .tagify__tag+.tagify__input{
  display:none
}

.tagify--empty .tagify__input::before{
  transition:.2s ease-out;
  opacity:1;
  transform:none;
  display:inline-block;
  width:auto
}

.tagify--mix .tagify--empty .tagify__input::before{
  display:inline-block
}

.tagify--focus{
  --tags-border-color:var(--tags-focus-border-color);
  transition:0s
}

.tagify--invalid{
  --tags-border-color:#D39494
}

.tagify__dropdown{
  position:absolute;
  z-index:9999;
  transform:translateY(-1px);
  border-top:1px solid var(--tagify-dd-color-primary);
  overflow:hidden
}

.tagify__dropdown[dir=rtl]{
  transform:translate(-100%,-1px)
}

.tagify__dropdown[placement=top]{
  margin-top:0;
  transform:translateY(-100%)
}

.tagify__dropdown[placement=top] .tagify__dropdown__wrapper{
  border-top-width:1.1px;
  border-bottom-width:0
}

.tagify__dropdown[position=text]{
  box-shadow:0 0 0 3px rgba(var(--tagify-dd-color-primary),.1);
  font-size:.9em
}

.tagify__dropdown[position=text] .tagify__dropdown__wrapper{
  border-width:1px
}

.tagify__dropdown__wrapper{
  scroll-behavior:auto;
  max-height:var(--tagify-dd-max-height);
  overflow:hidden;
  overflow-x:hidden;
  color:var(--tagify-dd-text-color);
  background:var(--tagify-dd-bg-color);
  border:1px solid;
  border-color:var(--tagify-dd-color-primary);
  border-bottom-width:1.5px;
  border-top-width:0;
  box-shadow:0 2px 4px -2px rgba(0,0,0,.2);
  transition:.3s cubic-bezier(.5,0,.3,1),transform .15s;
  animation:dd-wrapper-show 0s .3s forwards
}

@keyframes dd-wrapper-show{
  to{
    overflow-y:auto
  }
}

.tagify__dropdown__header:empty{
  display:none
}

.tagify__dropdown__footer{
  display:inline-block;
  margin-top:.5em;
  padding:var(--tagify-dd-item-pad);
  font-size:.7em;
  font-style:italic;
  opacity:.5
}

.tagify__dropdown__footer:empty{
  display:none
}

.tagify__dropdown--initial .tagify__dropdown__wrapper{
  max-height:20px;
  transform:translateY(-1em)
}

.tagify__dropdown--initial[placement=top] .tagify__dropdown__wrapper{
  transform:translateY(2em)
}

.tagify__dropdown__item{
  box-sizing:border-box;
  padding:var(--tagify-dd-item-pad);
  margin:1px;
  white-space:pre-wrap;
  cursor:pointer;
  border-radius:2px;
  outline:0;
  max-height:60px;
  max-width:100%;
  line-height:normal;
  position:relative
}

.tagify__dropdown__item--active{
  background:var(--tagify-dd-color-primary);
  color:#fff
}

.tagify__dropdown__item:active{
  filter:brightness(105%)
}

.tagify__dropdown__item--hidden{
  padding-top:0;
  padding-bottom:0;
  margin:0 1px;
  pointer-events:none;
  overflow:hidden;
  max-height:0;
  transition:var(--tagify-dd-item--hidden-duration,.3s)!important
}

.tagify__dropdown__item--hidden>*{
  transform:translateY(-100%);
  opacity:0;
  transition:inherit
}

.tagify__dropdown__item--selected::before{
  content:"✓";
  font-family:monospace;
  position:absolute;
  inset-inline-start:6px;
  text-indent:0;
  line-height:1.1
}

.tagify__dropdown:has(.tagify__dropdown__item--selected) .tagify__dropdown__item{
  text-indent:1em
}

/*! tailwindcss v3.4.0 | MIT License | https://tailwindcss.com
 */

/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box;
  /* 1 */
  border-width: 0;
  /* 2 */
  border-style: solid;
  /* 2 */
  border-color: #e5e7eb;
  /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -moz-tab-size: 4;
  /* 3 */
  -o-tab-size: 4;
     tab-size: 4;
  /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  /* 4 */
  font-feature-settings: normal;
  /* 5 */
  font-variation-settings: normal;
  /* 6 */
  -webkit-tap-highlight-color: transparent;
  /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0;
  /* 1 */
  line-height: inherit;
  /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0;
  /* 1 */
  color: inherit;
  /* 2 */
  border-top-width: 1px;
  /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  /* 1 */
  font-feature-settings: normal;
  /* 2 */
  font-variation-settings: normal;
  /* 3 */
  font-size: 1em;
  /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0;
  /* 1 */
  border-color: inherit;
  /* 2 */
  border-collapse: collapse;
  /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-feature-settings: inherit;
  /* 1 */
  font-variation-settings: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  font-weight: inherit;
  /* 1 */
  line-height: inherit;
  /* 1 */
  color: inherit;
  /* 1 */
  margin: 0;
  /* 2 */
  padding: 0;
  /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button;
  /* 1 */
  background-color: transparent;
  /* 2 */
  background-image: none;
  /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/

dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/

:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  /* 1 */
  vertical-align: middle;
  /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */

[hidden] {
  display: none;
}

html {
  font-size: 15px;
  /** 1rem will be 15px */
  --tw-text-opacity:1;
  color:rgb(17 24 39 / var(--tw-text-opacity));
}

html.dark{
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity))
}

*, ::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: 
}

::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: 
}

.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
  }
}

.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
}

.pointer-events-none{
  pointer-events:none
}

.visible{
  visibility:visible
}

.invisible{
  visibility:hidden
}

.collapse{
  visibility:collapse
}

.static{
  position:static
}

.fixed{
  position:fixed
}

.absolute{
  position:absolute
}

.relative{
  position:relative
}

.sticky{
  position:sticky
}

.inset-0{
  inset:0px
}

.inset-y-0{
  top:0px;
  bottom:0px
}

.-start-1{
  inset-inline-start:-0.25rem
}

.-start-1\.5{
  inset-inline-start:-0.375rem
}

.bottom-0{
  bottom:0px
}

.bottom-3{
  bottom:0.75rem
}

.bottom-\[60px\]{
  bottom:60px
}

.end-0{
  inset-inline-end:0px
}

.end-3{
  inset-inline-end:0.75rem
}

.left-0{
  left:0px
}

.right-0{
  right:0px
}

.right-4{
  right:1rem
}

.start-0{
  inset-inline-start:0px
}

.top-0{
  top:0px
}

.top-4{
  top:1rem
}

.isolate{
  isolation:isolate
}

.z-10{
  z-index:10
}

.z-20{
  z-index:20
}

.z-30{
  z-index:30
}

.z-40{
  z-index:40
}

.z-50{
  z-index:50
}

.z-\[500\]{
  z-index:500
}

.float-left{
  float:left
}

.m-1{
  margin:0.25rem
}

.m-1\.5{
  margin:0.375rem
}

.m-2{
  margin:0.5rem
}

.m-auto{
  margin:auto
}

.mx-2{
  margin-left:0.5rem;
  margin-right:0.5rem
}

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

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

.my-6{
  margin-top:1.5rem;
  margin-bottom:1.5rem
}

.my-8{
  margin-top:2rem;
  margin-bottom:2rem
}

.-mb-px{
  margin-bottom:-1px
}

.mb-0{
  margin-bottom:0px
}

.mb-1{
  margin-bottom:0.25rem
}

.mb-10{
  margin-bottom:2.5rem
}

.mb-2{
  margin-bottom:0.5rem
}

.mb-2\.5{
  margin-bottom:0.625rem
}

.mb-3{
  margin-bottom:0.75rem
}

.mb-4{
  margin-bottom:1rem
}

.mb-6{
  margin-bottom:1.5rem
}

.mb-8{
  margin-bottom:2rem
}

.me-2{
  margin-inline-end:0.5rem
}

.ml-1{
  margin-left:0.25rem
}

.ml-10{
  margin-left:2.5rem
}

.ml-2{
  margin-left:0.5rem
}

.ml-4{
  margin-left:1rem
}

.ml-5{
  margin-left:1.25rem
}

.ml-6{
  margin-left:1.5rem
}

.ml-\[-6px\]{
  margin-left:-6px
}

.ml-\[1\%\]{
  margin-left:1%
}

.mr-1{
  margin-right:0.25rem
}

.mr-1\.5{
  margin-right:0.375rem
}

.mr-2{
  margin-right:0.5rem
}

.mr-5{
  margin-right:1.25rem
}

.mr-8{
  margin-right:2rem
}

.ms-0{
  margin-inline-start:0px
}

.ms-2{
  margin-inline-start:0.5rem
}

.ms-3{
  margin-inline-start:0.75rem
}

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

.ms-5{
  margin-inline-start:1.25rem
}

.ms-auto{
  margin-inline-start:auto
}

.mt-1{
  margin-top:0.25rem
}

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

.mt-10{
  margin-top:2.5rem
}

.mt-12{
  margin-top:3rem
}

.mt-2{
  margin-top:0.5rem
}

.mt-3{
  margin-top:0.75rem
}

.mt-4{
  margin-top:1rem
}

.mt-5{
  margin-top:1.25rem
}

.mt-6{
  margin-top:1.5rem
}

.mt-8{
  margin-top:2rem
}

.mt-\[-3px\]{
  margin-top:-3px
}

.mt-\[16px\]{
  margin-top:16px
}

.block{
  display:block
}

.inline-block{
  display:inline-block
}

.inline{
  display:inline
}

.flex{
  display:flex
}

.inline-flex{
  display:inline-flex
}

.table{
  display:table
}

.table-row{
  display:table-row
}

.grid{
  display:grid
}

.contents{
  display:contents
}

.hidden{
  display:none
}

.size-6{
  width:1.5rem;
  height:1.5rem
}

.h-10{
  height:2.5rem
}

.h-12{
  height:3rem
}

.h-14{
  height:3.5rem
}

.h-2{
  height:0.5rem
}

.h-2\.5{
  height:0.625rem
}

.h-20{
  height:5rem
}

.h-24{
  height:6rem
}

.h-3{
  height:0.75rem
}

.h-3\.5{
  height:0.875rem
}

.h-4{
  height:1rem
}

.h-40{
  height:10rem
}

.h-48{
  height:12rem
}

.h-5{
  height:1.25rem
}

.h-6{
  height:1.5rem
}

.h-60{
  height:15rem
}

.h-7{
  height:1.75rem
}

.h-72{
  height:18rem
}

.h-8{
  height:2rem
}

.h-80{
  height:20rem
}

.h-\[213px\]{
  height:213px
}

.h-\[2px\]{
  height:2px
}

.h-\[calc\(100\%-1rem\)\]{
  height:calc(100% - 1rem)
}

.h-auto{
  height:auto
}

.h-calc-100-minus-2rem{
  height:calc(100% - 2rem)
}

.h-full{
  height:100%
}

.h-px{
  height:1px
}

.max-h-20{
  max-height:5rem
}

.max-h-32{
  max-height:8rem
}

.max-h-40{
  max-height:10rem
}

.max-h-60{
  max-height:15rem
}

.max-h-full{
  max-height:100%
}

.min-h-screen{
  min-height:100vh
}

.w-1\/12{
  width:8.333333%
}

.w-1\/2{
  width:50%
}

.w-1\/4{
  width:25%
}

.w-1\/6{
  width:16.666667%
}

.w-10{
  width:2.5rem
}

.w-12{
  width:3rem
}

.w-2{
  width:0.5rem
}

.w-2\/12{
  width:16.666667%
}

.w-20{
  width:5rem
}

.w-24{
  width:6rem
}

.w-28{
  width:7rem
}

.w-3{
  width:0.75rem
}

.w-3\.5{
  width:0.875rem
}

.w-3\/12{
  width:25%
}

.w-3\/4{
  width:75%
}

.w-3\/6{
  width:50%
}

.w-32{
  width:8rem
}

.w-4{
  width:1rem
}

.w-40{
  width:10rem
}

.w-44{
  width:11rem
}

.w-5{
  width:1.25rem
}

.w-5\/6{
  width:83.333333%
}

.w-52{
  width:13rem
}

.w-56{
  width:14rem
}

.w-6{
  width:1.5rem
}

.w-6\/12{
  width:50%
}

.w-60{
  width:15rem
}

.w-64{
  width:16rem
}

.w-7{
  width:1.75rem
}

.w-72{
  width:18rem
}

.w-8{
  width:2rem
}

.w-80{
  width:20rem
}

.w-\[100\%\]{
  width:100%
}

.w-\[145px\]{
  width:145px
}

.w-\[200px\]{
  width:200px
}

.w-\[96px\]{
  width:96px
}

.w-\[98\%\]{
  width:98%
}

.w-auto{
  width:auto
}

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

.w-full{
  width:100%
}

.w-max{
  width:-moz-max-content;
  width:max-content
}

.min-w-24{
  min-width:6rem
}

.min-w-44{
  min-width:11rem
}

.min-w-\[1080px\]{
  min-width:1080px
}

.max-w-2xl{
  max-width:42rem
}

.max-w-32{
  max-width:8rem
}

.max-w-80{
  max-width:20rem
}

.max-w-full{
  max-width:100%
}

.max-w-md{
  max-width:28rem
}

.max-w-screen-xl{
  max-width:1280px
}

.max-w-xs{
  max-width:20rem
}

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

.flex-auto{
  flex:1 1 auto
}

.flex-initial{
  flex:0 1 auto
}

.flex-none{
  flex:none
}

.flex-grow{
  flex-grow:1
}

.grow{
  flex-grow:1
}

.-translate-x-full{
  --tw-translate-x:-100%;
  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))
}

.-translate-y-full{
  --tw-translate-y:-100%;
  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))
}

.translate-x-0{
  --tw-translate-x:0px;
  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))
}

.translate-x-full{
  --tw-translate-x:100%;
  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))
}

.translate-y-full{
  --tw-translate-y:100%;
  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))
}

.-rotate-90{
  --tw-rotate:-90deg;
  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))
}

.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))
}

.scale-x-\[-1\]{
  --tw-scale-x:-1;
  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))
}

.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))
}

.transform-none{
  transform:none
}

@keyframes pulse{
  50%{
    opacity:.5
  }
}

.animate-pulse{
  animation:pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite
}

@keyframes spin{
  to{
    transform:rotate(360deg)
  }
}

.animate-spin{
  animation:spin 1s linear infinite
}

.cursor-default{
  cursor:default
}

.cursor-not-allowed{
  cursor:not-allowed
}

.cursor-pointer{
  cursor:pointer
}

.resize{
  resize:both
}

.list-inside{
  list-style-position:inside
}

.list-decimal{
  list-style-type:decimal
}

.list-disc{
  list-style-type:disc
}

.list-none{
  list-style-type:none
}

.appearance-none{
  -webkit-appearance:none;
     -moz-appearance:none;
          appearance:none
}

.break-inside-avoid-column{
  -moz-column-break-inside:avoid;
       break-inside:avoid-column
}

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

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

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

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

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

.grid-cols-\[1fr_\.5fr\]{
  grid-template-columns:1fr .5fr
}

.grid-cols-\[1fr_60px\]{
  grid-template-columns:1fr 60px
}

.grid-cols-\[2fr_1fr_1fr_1fr\]{
  grid-template-columns:2fr 1fr 1fr 1fr
}

.grid-cols-\[90px_auto\]{
  grid-template-columns:90px auto
}

.flex-row{
  flex-direction:row
}

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

.flex-col{
  flex-direction:column
}

.flex-wrap{
  flex-wrap:wrap
}

.place-content-center{
  place-content:center
}

.content-center{
  align-content:center
}

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

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

.items-center{
  align-items:center
}

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

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

.justify-center{
  justify-content:center
}

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

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

.gap-1{
  gap:0.25rem
}

.gap-16{
  gap:4rem
}

.gap-2{
  gap:0.5rem
}

.gap-3{
  gap:0.75rem
}

.gap-4{
  gap:1rem
}

.gap-5{
  gap:1.25rem
}

.gap-6{
  gap:1.5rem
}

.gap-8{
  gap:2rem
}

.gap-x-4{
  -moz-column-gap:1rem;
       column-gap:1rem
}

.gap-y-1{
  row-gap:0.25rem
}

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

.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)))
}

.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)))
}

.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))
}

.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))
}

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

.divide-gray-100 > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity:1;
  border-color:rgb(243 244 246 / var(--tw-divide-opacity))
}

.divide-gray-200 > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity:1;
  border-color:rgb(229 231 235 / var(--tw-divide-opacity))
}

.place-self-center{
  place-self:center
}

.justify-self-end{
  justify-self:end
}

.overflow-hidden{
  overflow:hidden
}

.overflow-x-auto{
  overflow-x:auto
}

.overflow-y-auto{
  overflow-y:auto
}

.overflow-x-hidden{
  overflow-x:hidden
}

.overflow-x-scroll{
  overflow-x:scroll
}

.overflow-y-scroll{
  overflow-y:scroll
}

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

.text-pretty{
  text-wrap:pretty
}

.break-all{
  word-break:break-all
}

.rounded{
  border-radius:0.25rem
}

.rounded-\[0_1rem_0_0\]{
  border-radius:0 1rem 0 0
}

.rounded-full{
  border-radius:9999px
}

.rounded-lg{
  border-radius:0.5rem
}

.rounded-md{
  border-radius:0.375rem
}

.rounded-sm{
  border-radius:0.125rem
}

.rounded-xl{
  border-radius:0.75rem
}

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

.rounded-b-lg{
  border-bottom-right-radius:0.5rem;
  border-bottom-left-radius:0.5rem
}

.rounded-e-lg{
  border-start-end-radius:0.5rem;
  border-end-end-radius:0.5rem
}

.rounded-l-lg{
  border-top-left-radius:0.5rem;
  border-bottom-left-radius:0.5rem
}

.rounded-r-lg{
  border-top-right-radius:0.5rem;
  border-bottom-right-radius:0.5rem
}

.rounded-s-lg{
  border-start-start-radius:0.5rem;
  border-end-start-radius:0.5rem
}

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

.rounded-t-lg{
  border-top-left-radius:0.5rem;
  border-top-right-radius:0.5rem
}

.border{
  border-width:1px
}

.border-0{
  border-width:0px
}

.border-2{
  border-width:2px
}

.border-4{
  border-width:4px
}

.border-b{
  border-bottom-width:1px
}

.border-b-2{
  border-bottom-width:2px
}

.border-e-0{
  border-inline-end-width:0px
}

.border-r-2{
  border-right-width:2px
}

.border-s{
  border-inline-start-width:1px
}

.border-t{
  border-top-width:1px
}

.border-t-2{
  border-top-width:2px
}

.\!border-none{
  border-style:none !important
}

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

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

.border-blue-700{
  --tw-border-opacity:1;
  border-color:rgb(29 78 216 / var(--tw-border-opacity))
}

.border-blue-800{
  --tw-border-opacity:1;
  border-color:rgb(30 64 175 / var(--tw-border-opacity))
}

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

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

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

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

.border-pd-blue{
  --tw-border-opacity:1;
  border-color:rgb(47 186 244 / var(--tw-border-opacity))
}

.border-pd-green{
  --tw-border-opacity:1;
  border-color:rgb(108 190 74 / var(--tw-border-opacity))
}

.border-pd-orange{
  --tw-border-opacity:1;
  border-color:rgb(247 119 26 / var(--tw-border-opacity))
}

.border-pd-pink{
  --tw-border-opacity:1;
  border-color:rgb(219 91 173 / var(--tw-border-opacity))
}

.border-pd-purple{
  --tw-border-opacity:1;
  border-color:rgb(116 44 156 / var(--tw-border-opacity))
}

.border-purple-700{
  --tw-border-opacity:1;
  border-color:rgb(126 34 206 / var(--tw-border-opacity))
}

.border-red-800{
  --tw-border-opacity:1;
  border-color:rgb(153 27 27 / var(--tw-border-opacity))
}

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

.border-yellow-500{
  --tw-border-opacity:1;
  border-color:rgb(234 179 8 / var(--tw-border-opacity))
}

.bg-\[\#6cbe4a33\]{
  background-color:#6cbe4a33
}

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

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

.bg-blue-700{
  --tw-bg-opacity:1;
  background-color:rgb(29 78 216 / var(--tw-bg-opacity))
}

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

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

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

.bg-gray-50{
  --tw-bg-opacity:1;
  background-color:rgb(249 250 251 / var(--tw-bg-opacity))
}

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

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

.bg-gray-900{
  --tw-bg-opacity:1;
  background-color:rgb(17 24 39 / var(--tw-bg-opacity))
}

.bg-gray-900\/50{
  background-color:rgb(17 24 39 / 0.5)
}

.bg-green-200{
  --tw-bg-opacity:1;
  background-color:rgb(187 247 208 / var(--tw-bg-opacity))
}

.bg-pd-blue{
  --tw-bg-opacity:1;
  background-color:rgb(47 186 244 / var(--tw-bg-opacity))
}

.bg-pd-green{
  --tw-bg-opacity:1;
  background-color:rgb(108 190 74 / var(--tw-bg-opacity))
}

.bg-pd-orange{
  --tw-bg-opacity:1;
  background-color:rgb(247 119 26 / var(--tw-bg-opacity))
}

.bg-pd-pink{
  --tw-bg-opacity:1;
  background-color:rgb(219 91 173 / var(--tw-bg-opacity))
}

.bg-red-600{
  --tw-bg-opacity:1;
  background-color:rgb(220 38 38 / var(--tw-bg-opacity))
}

.bg-red-700{
  --tw-bg-opacity:1;
  background-color:rgb(185 28 28 / var(--tw-bg-opacity))
}

.bg-transparent{
  background-color:transparent
}

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

.bg-white\/50{
  background-color:rgb(255 255 255 / 0.5)
}

.bg-yellow-400{
  --tw-bg-opacity:1;
  background-color:rgb(250 204 21 / var(--tw-bg-opacity))
}

.bg-opacity-50{
  --tw-bg-opacity:0.5
}

.bg-gradient-to-br{
  background-image:linear-gradient(to bottom right, var(--tw-gradient-stops))
}

.from-cyan-500{
  --tw-gradient-from:#06b6d4 var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(6 182 212 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-red-200{
  --tw-gradient-from:#fecaca var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(254 202 202 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
}

.via-red-300{
  --tw-gradient-to:rgb(252 165 165 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), #fca5a5 var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.to-blue-500{
  --tw-gradient-to:#3b82f6 var(--tw-gradient-to-position)
}

.to-yellow-200{
  --tw-gradient-to:#fef08a var(--tw-gradient-to-position)
}

.bg-cover{
  background-size:cover
}

.bg-center{
  background-position:center
}

.fill-lime-500{
  fill:#84cc16
}

.fill-orange-500{
  fill:#f97316
}

.fill-white{
  fill:#fff
}

.\!p-1{
  padding:0.25rem !important
}

.p-0{
  padding:0px
}

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

.p-1{
  padding:0.25rem
}

.p-2{
  padding:0.5rem
}

.p-2\.5{
  padding:0.625rem
}

.p-3{
  padding:0.75rem
}

.p-4{
  padding:1rem
}

.p-5{
  padding:1.25rem
}

.p-6{
  padding:1.5rem
}

.p-8{
  padding:2rem
}

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

.px-12{
  padding-left:3rem;
  padding-right:3rem
}

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

.px-2\.5{
  padding-left:0.625rem;
  padding-right:0.625rem
}

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

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

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

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

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

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

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

.py-2\.5{
  padding-top:0.625rem;
  padding-bottom:0.625rem
}

.py-3{
  padding-top:0.75rem;
  padding-bottom:0.75rem
}

.py-6{
  padding-top:1.5rem;
  padding-bottom:1.5rem
}

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

.pb-2{
  padding-bottom:0.5rem
}

.pb-4{
  padding-bottom:1rem
}

.pb-5{
  padding-bottom:1.25rem
}

.pb-6{
  padding-bottom:1.5rem
}

.pl-2{
  padding-left:0.5rem
}

.pr-2{
  padding-right:0.5rem
}

.ps-10{
  padding-inline-start:2.5rem
}

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

.pt-1{
  padding-top:0.25rem
}

.pt-1\.5{
  padding-top:0.375rem
}

.pt-2{
  padding-top:0.5rem
}

.pt-4{
  padding-top:1rem
}

.pt-5{
  padding-top:1.25rem
}

.pt-6{
  padding-top:1.5rem
}

.pt-8{
  padding-top:2rem
}

.text-left{
  text-align:left
}

.text-center{
  text-align:center
}

.text-justify{
  text-align:justify
}

.text-end{
  text-align:end
}

.indent-1{
  text-indent:0.25rem
}

.indent-8{
  text-indent:2rem
}

.align-top{
  vertical-align:top
}

.align-middle{
  vertical-align:middle
}

.align-bottom{
  vertical-align:bottom
}

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

.text-3xl{
  font-size:1.875rem;
  line-height:2.25rem
}

.text-\[18px\]{
  font-size:18px
}

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

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

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

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

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

.font-bold{
  font-weight:700
}

.font-light{
  font-weight:300
}

.font-medium{
  font-weight:500
}

.font-semibold{
  font-weight:600
}

.uppercase{
  text-transform:uppercase
}

.capitalize{
  text-transform:capitalize
}

.italic{
  font-style:italic
}

.leading-6{
  line-height:1.5rem
}

.leading-9{
  line-height:2.25rem
}

.leading-none{
  line-height:1
}

.leading-tight{
  line-height:1.25
}

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

.text-blue-600{
  --tw-text-opacity:1;
  color:rgb(37 99 235 / var(--tw-text-opacity))
}

.text-blue-800{
  --tw-text-opacity:1;
  color:rgb(30 64 175 / var(--tw-text-opacity))
}

.text-cyan-700{
  --tw-text-opacity:1;
  color:rgb(14 116 144 / var(--tw-text-opacity))
}

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

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

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

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

.text-gray-700{
  --tw-text-opacity:1;
  color:rgb(55 65 81 / var(--tw-text-opacity))
}

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

.text-gray-900{
  --tw-text-opacity:1;
  color:rgb(17 24 39 / var(--tw-text-opacity))
}

.text-green-400{
  --tw-text-opacity:1;
  color:rgb(74 222 128 / var(--tw-text-opacity))
}

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

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

.text-pd-blue{
  --tw-text-opacity:1;
  color:rgb(47 186 244 / var(--tw-text-opacity))
}

.text-pd-green{
  --tw-text-opacity:1;
  color:rgb(108 190 74 / var(--tw-text-opacity))
}

.text-pd-orange{
  --tw-text-opacity:1;
  color:rgb(247 119 26 / var(--tw-text-opacity))
}

.text-pd-pink{
  --tw-text-opacity:1;
  color:rgb(219 91 173 / var(--tw-text-opacity))
}

.text-pd-purple{
  --tw-text-opacity:1;
  color:rgb(116 44 156 / var(--tw-text-opacity))
}

.text-purple-700{
  --tw-text-opacity:1;
  color:rgb(126 34 206 / var(--tw-text-opacity))
}

.text-red-400{
  --tw-text-opacity:1;
  color:rgb(248 113 113 / var(--tw-text-opacity))
}

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

.text-red-800{
  --tw-text-opacity:1;
  color:rgb(153 27 27 / var(--tw-text-opacity))
}

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

.text-yellow-500{
  --tw-text-opacity:1;
  color:rgb(234 179 8 / var(--tw-text-opacity))
}

.underline{
  text-decoration-line:underline
}

.line-through{
  text-decoration-line:line-through
}

.opacity-0{
  opacity:0
}

.opacity-100{
  opacity:1
}

.opacity-50{
  opacity:0.5
}

.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)
}

.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)
}

.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)
}

.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)
}

.shadow-xl{
  --tw-shadow:0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.ring{
  --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(3px + 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)
}

.blur{
  --tw-blur:blur(8px);
  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)
}

.invert{
  --tw-invert:invert(100%);
  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)
}

.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)
}

.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
}

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

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

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

.duration-1000{
  transition-duration:1000ms
}

.duration-300{
  transition-duration:300ms
}

.duration-75{
  transition-duration:75ms
}

.ease-in{
  transition-timing-function:cubic-bezier(0.4, 0, 1, 1)
}

.ease-in-out{
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)
}

.ease-out{
  transition-timing-function:cubic-bezier(0, 0, 0.2, 1)
}

:root {
  --swiper-navigation-size: 20px !important;
  --swiper-navigation-color: #e5e7eb !important;
}

::backdrop {
  background: rgba(0, 0, 0, 0.5);
}

.main{
  display:flex;
  flex-direction:column;
  gap:2rem
}

.dark .main{
  --tw-bg-opacity:1;
  background-color:rgb(68 64 60 / var(--tw-bg-opacity))
}

.footer{
  display:flex;
  width:100%;
  flex-direction:row;
  gap:1rem;
  border-top-width:2px;
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity));
  padding:2rem
}

.dark .footer{
  --tw-bg-opacity:1;
  background-color:rgb(41 37 36 / var(--tw-bg-opacity))
}

h1{
  margin-bottom:1rem;
  font-size:1.875rem;
  line-height:2.25rem;
  font-weight:800;
  line-height:1;
  letter-spacing:-0.025em;
  --tw-text-opacity:1;
  color:rgb(17 24 39 / var(--tw-text-opacity))
}

:is(:where(.dark) h1){
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity))
}

a.link, button.link{
  --tw-text-opacity:1;
  color:rgb(37 99 235 / var(--tw-text-opacity))
}

a.link:hover, button.link:hover{
  text-decoration-line:underline
}

:is(:where(.dark) a.link),:is(:where(.dark)  button.link){
  --tw-text-opacity:1;
  color:rgb(59 130 246 / var(--tw-text-opacity))
}

/** Forms ---------------------------------------------------------- */

.label{
  margin-bottom:0.25rem;
  font-size:0.875rem;
  line-height:1.25rem;
  font-weight:500;
  --tw-text-opacity:1;
  color:rgb(17 24 39 / var(--tw-text-opacity))
}

:is(:where(.dark) .label){
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity))
}

.label {
  + ul li{
    font-size:0.875rem;
    line-height:1.25rem
  }
  + ul li{
    --tw-text-opacity:1;
    color:rgb(153 27 27 / var(--tw-text-opacity))
  }
  + ul li {
    /* Style default symfony form type error message */
  }
  &.star{
    display:block
  }
  &.star{
    font-size:0.875rem;
    line-height:1.25rem
  }
  &.star{
    font-weight:500
  }
  &.star{
    --tw-text-opacity:1;
    color:rgb(51 65 85 / var(--tw-text-opacity))
  }
  &.star::after{
    content:var(--tw-content);
    margin-left:0.125rem
  }
  &.star::after{
    content:var(--tw-content);
    --tw-text-opacity:1;
    color:rgb(239 68 68 / var(--tw-text-opacity))
  }
  &.star::after{
    --tw-content:'*';
    content:var(--tw-content)
  }
}

.input{
  margin-bottom:0.5rem;
  width:100%;
  border-radius:0.5rem;
  border-width:1px;
  --tw-border-opacity:1;
  border-color:rgb(209 213 219 / var(--tw-border-opacity));
  --tw-bg-opacity:1;
  background-color:rgb(249 250 251 / var(--tw-bg-opacity));
  padding:0.625rem;
  font-size:0.875rem;
  line-height:1.25rem;
  --tw-text-opacity:1;
  color:rgb(17 24 39 / var(--tw-text-opacity))
}

.input:focus{
  --tw-border-opacity:1;
  border-color:rgb(59 130 246 / var(--tw-border-opacity));
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(59 130 246 / var(--tw-ring-opacity))
}

:is(:where(.dark) .input){
  --tw-border-opacity:1;
  border-color:rgb(75 85 99 / var(--tw-border-opacity));
  --tw-bg-opacity:1;
  background-color:rgb(55 65 81 / var(--tw-bg-opacity));
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity))
}

:is(:where(.dark) .input)::-moz-placeholder{
  --tw-placeholder-opacity:1;
  color:rgb(156 163 175 / var(--tw-placeholder-opacity))
}

:is(:where(.dark) .input)::placeholder{
  --tw-placeholder-opacity:1;
  color:rgb(156 163 175 / var(--tw-placeholder-opacity))
}

:is(:where(.dark) .input:focus){
  --tw-border-opacity:1;
  border-color:rgb(59 130 246 / var(--tw-border-opacity));
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(59 130 246 / var(--tw-ring-opacity))
}

input[type="checkbox"]{
  accent-color:#2FBAF4
}

.select{
  cursor:pointer;
  margin-bottom:0.5rem;
  width:100%;
  border-radius:0.5rem;
  border-width:1px;
  --tw-border-opacity:1;
  border-color:rgb(209 213 219 / var(--tw-border-opacity));
  --tw-bg-opacity:1;
  background-color:rgb(249 250 251 / var(--tw-bg-opacity));
  padding:0.625rem;
  font-size:0.875rem;
  line-height:1.25rem;
  --tw-text-opacity:1;
  color:rgb(17 24 39 / var(--tw-text-opacity))
}

.select:focus{
  --tw-border-opacity:1;
  border-color:rgb(59 130 246 / var(--tw-border-opacity));
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(59 130 246 / var(--tw-ring-opacity))
}

:is(:where(.dark) .select){
  --tw-border-opacity:1;
  border-color:rgb(75 85 99 / var(--tw-border-opacity));
  --tw-bg-opacity:1;
  background-color:rgb(55 65 81 / var(--tw-bg-opacity));
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity))
}

:is(:where(.dark) .select)::-moz-placeholder{
  --tw-placeholder-opacity:1;
  color:rgb(156 163 175 / var(--tw-placeholder-opacity))
}

:is(:where(.dark) .select)::placeholder{
  --tw-placeholder-opacity:1;
  color:rgb(156 163 175 / var(--tw-placeholder-opacity))
}

:is(:where(.dark) .select:focus){
  --tw-border-opacity:1;
  border-color:rgb(59 130 246 / var(--tw-border-opacity));
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(59 130 246 / var(--tw-ring-opacity))
}

.textarea{
  margin-bottom:0.5rem;
  display:block;
  width:100%;
  border-radius:0.5rem;
  border-width:1px;
  --tw-border-opacity:1;
  border-color:rgb(209 213 219 / var(--tw-border-opacity));
  --tw-bg-opacity:1;
  background-color:rgb(249 250 251 / var(--tw-bg-opacity));
  padding:0.625rem;
  font-size:0.875rem;
  line-height:1.25rem;
  --tw-text-opacity:1;
  color:rgb(17 24 39 / var(--tw-text-opacity))
}

.textarea:focus{
  --tw-border-opacity:1;
  border-color:rgb(59 130 246 / var(--tw-border-opacity));
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(59 130 246 / var(--tw-ring-opacity))
}

:is(:where(.dark) .textarea){
  --tw-border-opacity:1;
  border-color:rgb(75 85 99 / var(--tw-border-opacity));
  --tw-bg-opacity:1;
  background-color:rgb(55 65 81 / var(--tw-bg-opacity));
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity))
}

:is(:where(.dark) .textarea)::-moz-placeholder{
  --tw-placeholder-opacity:1;
  color:rgb(156 163 175 / var(--tw-placeholder-opacity))
}

:is(:where(.dark) .textarea)::placeholder{
  --tw-placeholder-opacity:1;
  color:rgb(156 163 175 / var(--tw-placeholder-opacity))
}

:is(:where(.dark) .textarea:focus){
  --tw-border-opacity:1;
  border-color:rgb(59 130 246 / var(--tw-border-opacity));
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(59 130 246 / var(--tw-ring-opacity))
}

/** Data tables ---------------------------------------------------------- */

.table{
  border-collapse:collapse;
  border-width:0px
}

:is(:where(.dark) .table){
  --tw-border-opacity:1;
  border-color:rgb(75 85 99 / var(--tw-border-opacity))
}

.table {
  thead{
    --tw-bg-opacity:1;
    background-color:rgb(249 250 251 / var(--tw-bg-opacity))
  }
  thead{
    font-size:0.75rem;
    line-height:1rem
  }
  thead{
    text-transform:uppercase
  }
  thead{
    --tw-text-opacity:1;
    color:rgb(55 65 81 / var(--tw-text-opacity))
  }
  :is(:where(.dark) thead){
    --tw-bg-opacity:1;
    background-color:rgb(55 65 81 / var(--tw-bg-opacity))
  }
  :is(:where(.dark) thead){
    --tw-text-opacity:1;
    color:rgb(156 163 175 / var(--tw-text-opacity))
  }
  thead {
    tr {
      th{
        padding-left:1.5rem;
        padding-right:1.5rem
      }
      th{
        padding-top:0.75rem;
        padding-bottom:0.75rem
      }
      th{
        text-align:left
      }
    }
  }
  tbody{
    font-size:0.875rem;
    line-height:1.25rem
  }
  tbody {
    &.updating{
      opacity:0.4
    }
    tr{
      border-bottom-width:1px
    }
    tr{
      transition-property:opacity;
      transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration:150ms
    }
    tr:nth-child(odd){
      --tw-bg-opacity:1;
      background-color:rgb(255 255 255 / var(--tw-bg-opacity))
    }
    tr:nth-child(even){
      --tw-bg-opacity:1;
      background-color:rgb(249 250 251 / var(--tw-bg-opacity))
    }
    :is(:where(.dark) tr){
      --tw-border-opacity:1;
      border-color:rgb(55 65 81 / var(--tw-border-opacity))
    }
    :is(:where(.dark) tr):nth-child(odd){
      --tw-bg-opacity:1;
      background-color:rgb(17 24 39 / var(--tw-bg-opacity))
    }
    :is(:where(.dark) tr):nth-child(even){
      --tw-bg-opacity:1;
      background-color:rgb(31 41 55 / var(--tw-bg-opacity))
    }
    tr {
      &.deleting, &.updating{
        opacity:0.4
      }
    }
    tr {
      td{
        padding-left:1.5rem;
        padding-right:1.5rem
      }
      td{
        padding-top:1rem;
        padding-bottom:1rem
      }
    }
  }
}

.kbd{
  border-radius:0.5rem;
  border-width:1px;
  --tw-border-opacity:1;
  border-color:rgb(229 231 235 / var(--tw-border-opacity));
  --tw-bg-opacity:1;
  background-color:rgb(243 244 246 / var(--tw-bg-opacity));
  padding-left:0.5rem;
  padding-right:0.5rem;
  padding-top:0.375rem;
  padding-bottom:0.375rem;
  font-size:0.75rem;
  line-height:1rem;
  font-weight:600;
  --tw-text-opacity:1;
  color:rgb(31 41 55 / var(--tw-text-opacity))
}

:is(:where(.dark) .kbd){
  --tw-border-opacity:1;
  border-color:rgb(107 114 128 / var(--tw-border-opacity));
  --tw-bg-opacity:1;
  background-color:rgb(75 85 99 / var(--tw-bg-opacity));
  --tw-text-opacity:1;
  color:rgb(243 244 246 / var(--tw-text-opacity))
}

/** Buttons ---------------------------------------------------------- */

.button{
  margin-bottom:0.5rem;
  border-radius:0.5rem;
  background-image:linear-gradient(to right, var(--tw-gradient-stops));
  --tw-gradient-from:#06b6d4 var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(6 182 212 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to:#3b82f6 var(--tw-gradient-to-position);
  padding-left:1.25rem;
  padding-right:1.25rem;
  padding-top:0.625rem;
  padding-bottom:0.625rem;
  text-align:center;
  font-size:0.875rem;
  line-height:1.25rem;
  font-weight:500;
  --tw-text-opacity:1 !important;
  color:rgb(255 255 255 / var(--tw-text-opacity)) !important
}

.button:hover{
  background-image:linear-gradient(to bottom left, var(--tw-gradient-stops))
}

.button:focus{
  outline:2px solid transparent;
  outline-offset:2px;
  --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(4px + 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);
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(103 232 249 / var(--tw-ring-opacity))
}

:is(:where(.dark) .button:focus){
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(21 94 117 / var(--tw-ring-opacity))
}

.btn-outline{
  margin-inline-end:0.5rem;
  margin-bottom:0.5rem;
  border-radius:0.25rem;
  border-width:1px;
  padding-left:0.75rem;
  padding-right:0.75rem;
  padding-top:0.25rem;
  padding-bottom:0.25rem;
  text-align:center;
  font-size:0.75rem;
  line-height:1rem;
  font-weight:500
}

.btn-outline:hover{
  --tw-bg-opacity:1;
  background-color:rgb(17 24 39 / var(--tw-bg-opacity));
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity))
}

.btn-outline:focus{
  outline:2px solid transparent;
  outline-offset:2px;
  --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);
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(209 213 219 / var(--tw-ring-opacity))
}

:is(:where(.dark) .btn-outline:hover){
  --tw-bg-opacity:1;
  background-color:rgb(75 85 99 / var(--tw-bg-opacity));
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity))
}

.btn-outline {
  &.green{
    --tw-border-opacity:1;
    border-color:rgb(21 128 61 / var(--tw-border-opacity))
  }
  &.green{
    --tw-text-opacity:1;
    color:rgb(21 128 61 / var(--tw-text-opacity))
  }
  &.green:hover{
    --tw-bg-opacity:1;
    background-color:rgb(22 101 52 / var(--tw-bg-opacity))
  }
  &.green:hover{
    --tw-text-opacity:1;
    color:rgb(255 255 255 / var(--tw-text-opacity))
  }
  &.green:focus{
    --tw-ring-opacity:1;
    --tw-ring-color:rgb(134 239 172 / var(--tw-ring-opacity))
  }
  :is(:where(.dark) &.green){
    --tw-border-opacity:1;
    border-color:rgb(34 197 94 / var(--tw-border-opacity))
  }
  :is(:where(.dark) &.green){
    --tw-text-opacity:1;
    color:rgb(34 197 94 / var(--tw-text-opacity))
  }
  :is(:where(.dark) &.green:hover){
    --tw-bg-opacity:1;
    background-color:rgb(22 163 74 / var(--tw-bg-opacity))
  }
  :is(:where(.dark) &.green:hover){
    --tw-text-opacity:1;
    color:rgb(255 255 255 / var(--tw-text-opacity))
  }
  :is(:where(.dark) &.green:focus){
    --tw-ring-opacity:1;
    --tw-ring-color:rgb(22 101 52 / var(--tw-ring-opacity))
  }
  &.red{
    --tw-border-opacity:1;
    border-color:rgb(185 28 28 / var(--tw-border-opacity))
  }
  &.red{
    --tw-text-opacity:1;
    color:rgb(185 28 28 / var(--tw-text-opacity))
  }
  &.red:hover{
    --tw-bg-opacity:1;
    background-color:rgb(153 27 27 / var(--tw-bg-opacity))
  }
  &.red:hover{
    --tw-text-opacity:1;
    color:rgb(255 255 255 / var(--tw-text-opacity))
  }
  &.red:focus{
    --tw-ring-opacity:1;
    --tw-ring-color:rgb(252 165 165 / var(--tw-ring-opacity))
  }
  :is(:where(.dark) &.red){
    --tw-border-opacity:1;
    border-color:rgb(239 68 68 / var(--tw-border-opacity))
  }
  :is(:where(.dark) &.red){
    --tw-text-opacity:1;
    color:rgb(239 68 68 / var(--tw-text-opacity))
  }
  :is(:where(.dark) &.red:hover){
    --tw-bg-opacity:1;
    background-color:rgb(220 38 38 / var(--tw-bg-opacity))
  }
  :is(:where(.dark) &.red:hover){
    --tw-text-opacity:1;
    color:rgb(255 255 255 / var(--tw-text-opacity))
  }
  :is(:where(.dark) &.red:focus){
    --tw-ring-opacity:1;
    --tw-ring-color:rgb(153 27 27 / var(--tw-ring-opacity))
  }
  &.blue{
    --tw-border-opacity:1;
    border-color:rgb(29 78 216 / var(--tw-border-opacity))
  }
  &.blue{
    text-align:center
  }
  &.blue{
    --tw-text-opacity:1;
    color:rgb(29 78 216 / var(--tw-text-opacity))
  }
  &.blue:hover{
    --tw-bg-opacity:1;
    background-color:rgb(30 64 175 / var(--tw-bg-opacity))
  }
  &.blue:hover{
    --tw-text-opacity:1;
    color:rgb(255 255 255 / var(--tw-text-opacity))
  }
  &.blue:focus{
    outline:2px solid transparent;
    outline-offset:2px
  }
  &.blue:focus{
    --tw-ring-opacity:1;
    --tw-ring-color:rgb(147 197 253 / var(--tw-ring-opacity))
  }
  :is(:where(.dark) &.blue){
    --tw-border-opacity:1;
    border-color:rgb(59 130 246 / var(--tw-border-opacity))
  }
  :is(:where(.dark) &.blue){
    --tw-text-opacity:1;
    color:rgb(59 130 246 / var(--tw-text-opacity))
  }
  :is(:where(.dark) &.blue:hover){
    --tw-bg-opacity:1;
    background-color:rgb(59 130 246 / var(--tw-bg-opacity))
  }
  :is(:where(.dark) &.blue:hover){
    --tw-text-opacity:1;
    color:rgb(255 255 255 / var(--tw-text-opacity))
  }
  :is(:where(.dark) &.blue:focus){
    --tw-ring-opacity:1;
    --tw-ring-color:rgb(30 64 175 / var(--tw-ring-opacity))
  }
  &[disabled]{
    cursor:not-allowed
  }
  &[disabled]{
    opacity:0.5
  }
}

/** Badges ----------------------------------------------------------- */

.bordered-badge{
  margin-inline-end:0.5rem;
  white-space:nowrap;
  border-radius:0.25rem;
  border-width:1px;
  --tw-border-opacity:1;
  border-color:rgb(96 165 250 / var(--tw-border-opacity));
  --tw-bg-opacity:1;
  background-color:rgb(219 234 254 / var(--tw-bg-opacity));
  padding-left:0.625rem;
  padding-right:0.625rem;
  padding-top:0.125rem;
  padding-bottom:0.125rem;
  font-size:0.75rem;
  line-height:1rem;
  font-weight:500;
  --tw-text-opacity:1;
  color:rgb(30 64 175 / var(--tw-text-opacity))
}

:is(:where(.dark) .bordered-badge){
  --tw-bg-opacity:1;
  background-color:rgb(55 65 81 / var(--tw-bg-opacity));
  --tw-text-opacity:1;
  color:rgb(96 165 250 / var(--tw-text-opacity))
}

.bordered-badge {
  &.green{
    --tw-border-opacity:1;
    border-color:rgb(74 222 128 / var(--tw-border-opacity))
  }
  &.green{
    --tw-bg-opacity:1;
    background-color:rgb(220 252 231 / var(--tw-bg-opacity))
  }
  &.green{
    --tw-text-opacity:1;
    color:rgb(22 101 52 / var(--tw-text-opacity))
  }
  :is(:where(.dark) &.green){
    --tw-text-opacity:1;
    color:rgb(74 222 128 / var(--tw-text-opacity))
  }
  &.red{
    --tw-border-opacity:1;
    border-color:rgb(248 113 113 / var(--tw-border-opacity))
  }
  &.red{
    --tw-bg-opacity:1;
    background-color:rgb(254 226 226 / var(--tw-bg-opacity))
  }
  &.red{
    --tw-text-opacity:1;
    color:rgb(153 27 27 / var(--tw-text-opacity))
  }
  :is(:where(.dark) &.red){
    --tw-text-opacity:1;
    color:rgb(248 113 113 / var(--tw-text-opacity))
  }
  &.dark{
    --tw-border-opacity:1;
    border-color:rgb(107 114 128 / var(--tw-border-opacity))
  }
  &.dark{
    --tw-bg-opacity:1;
    background-color:rgb(243 244 246 / var(--tw-bg-opacity))
  }
  &.dark{
    --tw-text-opacity:1;
    color:rgb(31 41 55 / var(--tw-text-opacity))
  }
  :is(:where(.dark) &.dark){
    --tw-bg-opacity:1;
    background-color:rgb(55 65 81 / var(--tw-bg-opacity))
  }
  :is(:where(.dark) &.dark){
    --tw-text-opacity:1;
    color:rgb(156 163 175 / var(--tw-text-opacity))
  }
  &.yellow{
    --tw-border-opacity:1;
    border-color:rgb(250 204 21 / var(--tw-border-opacity))
  }
  &.yellow{
    --tw-bg-opacity:1;
    background-color:rgb(254 249 195 / var(--tw-bg-opacity))
  }
  &.yellow{
    --tw-text-opacity:1;
    color:rgb(133 77 14 / var(--tw-text-opacity))
  }
  :is(:where(.dark) &.yellow){
    --tw-text-opacity:1;
    color:rgb(250 204 21 / var(--tw-text-opacity))
  }
  &.pink{
    --tw-border-opacity:1;
    border-color:rgb(244 114 182 / var(--tw-border-opacity))
  }
  &.pink{
    --tw-bg-opacity:1;
    background-color:rgb(252 231 243 / var(--tw-bg-opacity))
  }
  &.pink{
    --tw-text-opacity:1;
    color:rgb(157 23 77 / var(--tw-text-opacity))
  }
  :is(:where(.dark) &.pink){
    --tw-text-opacity:1;
    color:rgb(244 114 182 / var(--tw-text-opacity))
  }
  &.danger{
    --tw-border-opacity:1;
    border-color:rgb(248 113 113 / var(--tw-border-opacity))
  }
  &.danger{
    --tw-bg-opacity:1;
    background-color:rgb(254 226 226 / var(--tw-bg-opacity))
  }
  &.danger{
    --tw-text-opacity:1;
    color:rgb(153 27 27 / var(--tw-text-opacity))
  }
  :is(:where(.dark) &.danger){
    --tw-text-opacity:1;
    color:rgb(248 113 113 / var(--tw-text-opacity))
  }
  &.success{
    --tw-border-opacity:1;
    border-color:rgb(74 222 128 / var(--tw-border-opacity))
  }
  &.success{
    --tw-bg-opacity:1;
    background-color:rgb(220 252 231 / var(--tw-bg-opacity))
  }
  &.success{
    --tw-text-opacity:1;
    color:rgb(22 101 52 / var(--tw-text-opacity))
  }
  :is(:where(.dark) &.success){
    --tw-text-opacity:1;
    color:rgb(74 222 128 / var(--tw-text-opacity))
  }
}

/** Alerts ----------------------------------------------------------- */

.alert{
  display:flex;
  align-items:center;
  gap:0.5rem;
  border-radius:0.5rem;
  padding:1rem;
  &.success{
    --tw-bg-opacity:1;
    background-color:rgb(240 253 244 / var(--tw-bg-opacity))
  }
  &.success{
    --tw-text-opacity:1;
    color:rgb(22 101 52 / var(--tw-text-opacity))
  }
  &.danger{
    --tw-bg-opacity:1;
    background-color:rgb(254 242 242 / var(--tw-bg-opacity))
  }
  &.danger{
    --tw-text-opacity:1;
    color:rgb(153 27 27 / var(--tw-text-opacity))
  }
  &.info{
    --tw-bg-opacity:1;
    background-color:rgb(239 246 255 / var(--tw-bg-opacity))
  }
  &.info{
    --tw-text-opacity:1;
    color:rgb(30 64 175 / var(--tw-text-opacity))
  }
}

.dark .alert{
  --tw-bg-opacity:1;
  background-color:rgb(31 41 55 / var(--tw-bg-opacity));
  &.success{
    --tw-text-opacity:1;
    color:rgb(74 222 128 / var(--tw-text-opacity))
  }
  &.danger{
    --tw-text-opacity:1;
    color:rgb(248 113 113 / var(--tw-text-opacity))
  }
  &.info{
    --tw-text-opacity:1;
    color:rgb(96 165 250 / var(--tw-text-opacity))
  }
}

.alert-close{
  margin-left:-0.375rem;
  margin-right:-0.375rem;
  margin-top:-0.375rem;
  margin-bottom:-0.375rem;
  margin-inline-start:auto;
  display:inline-flex;
  height:2rem;
  width:2rem;
  align-items:center;
  justify-content:center;
  border-radius:0.5rem;
  padding:0.375rem
}

.alert-close: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)
}

.alert-close {
  &.success{
    --tw-bg-opacity:1;
    background-color:rgb(240 253 244 / var(--tw-bg-opacity))
  }
  &.success{
    --tw-text-opacity:1;
    color:rgb(34 197 94 / var(--tw-text-opacity))
  }
  &.success:hover{
    --tw-bg-opacity:1;
    background-color:rgb(187 247 208 / var(--tw-bg-opacity))
  }
  &.success:focus{
    --tw-ring-opacity:1;
    --tw-ring-color:rgb(74 222 128 / var(--tw-ring-opacity))
  }
  &.danger{
    --tw-bg-opacity:1;
    background-color:rgb(254 242 242 / var(--tw-bg-opacity))
  }
  &.danger{
    --tw-text-opacity:1;
    color:rgb(239 68 68 / var(--tw-text-opacity))
  }
  &.danger:hover{
    --tw-bg-opacity:1;
    background-color:rgb(254 202 202 / var(--tw-bg-opacity))
  }
  &.danger:focus{
    --tw-ring-opacity:1;
    --tw-ring-color:rgb(248 113 113 / var(--tw-ring-opacity))
  }
  &.info{
    --tw-bg-opacity:1;
    background-color:rgb(239 246 255 / var(--tw-bg-opacity))
  }
  &.info{
    --tw-text-opacity:1;
    color:rgb(59 130 246 / var(--tw-text-opacity))
  }
  &.info:hover{
    --tw-bg-opacity:1;
    background-color:rgb(191 219 254 / var(--tw-bg-opacity))
  }
  &.info:focus{
    --tw-ring-opacity:1;
    --tw-ring-color:rgb(96 165 250 / var(--tw-ring-opacity))
  }
}

.dark .alert-close{
  --tw-bg-opacity:1;
  background-color:rgb(31 41 55 / var(--tw-bg-opacity))
}

.dark .alert-close:hover{
  --tw-bg-opacity:1;
  background-color:rgb(55 65 81 / var(--tw-bg-opacity))
}

.dark .alert-close {
  &.success{
    --tw-text-opacity:1;
    color:rgb(74 222 128 / var(--tw-text-opacity))
  }
  &.danger{
    --tw-text-opacity:1;
    color:rgb(248 113 113 / var(--tw-text-opacity))
  }
  &.info{
    --tw-text-opacity:1;
    color:rgb(96 165 250 / var(--tw-text-opacity))
  }
}

[role="alert"]{
  margin-bottom:1rem;
  progress {
    &::-webkit-progress-bar{
      background-color:transparent
    }
    &.success {
      &::-webkit-progress-value{
        --tw-bg-opacity:1;
        background-color:rgb(74 222 128 / var(--tw-bg-opacity))
      }
    }
    &.danger {
      &::-webkit-progress-value{
        --tw-bg-opacity:1;
        background-color:rgb(248 113 113 / var(--tw-bg-opacity))
      }
    }
    &.info {
      &::-webkit-progress-value{
        --tw-bg-opacity:1;
        background-color:rgb(96 165 250 / var(--tw-bg-opacity))
      }
    }
  }
}

/** Document Form create --------------------------------------------- */

[data-document-target="webIdentifiersWrapper"] .tagify{
  flex-direction:column
}

[data-document-target="form"] .tagify {
  --tag-bg: #dbeafe;
}

[data-document-target="form"] .label.required:after {
  content: ' *';
  color: #ef4444;
}

/** Main search ------------------------------------------------------- */

.document-cards {
  article:nth-child(even) {
    background-color: #f5f3ff;
  }
}

.dark .document-cards {
  article:nth-child(even){
    --tw-bg-opacity:1;
    background-color:rgb(87 83 78 / var(--tw-bg-opacity))
  }
}

.more {
  opacity: 1;
  transform: translateX(0);
  transition: .3s all;
  @starting-style {
    opacity: 0;

    transform: translateX(2rem);
  }
}

/* Chiffres clés ----------------------------------------------------- */

.bg-account {
  background-image: url("../images/fond-account-da18b8226b8cf2cb8226d3dab0465b0d.png");
}

.bg-selection {
  background-image: url("../images/fond-selection-776c084ec29de5bd9f47f4f23c39f753.png");
}

.bg-contributor {
  background-image: url("../images/fond-contributor-fa0f1ff23f54c6d1ffc3d9b110611d8d.png");
}

.bg-doc {
  background-image: url("../images/fond-doc-a80cf594ec1b74d9a06a8967ff694a8d.png");
}

.bg-resource {
  background-image: url("../images/fond-resource-ad7a96a95f84e70f8c39581d16b88f39.png");
}

.text-documentalist-selection {
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}

.title-documentalist-selection {
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.autocomplete {
  /*the container must be positioned relative:*/
  position: relative;
  display: inline-block;
}

.autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 0;
  right: 0;
}

.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff;
  border-bottom: 1px solid #d4d4d4;
}

.autocomplete-items div:hover {
  /*when hovering an item:*/
  background-color: #e9e9e9;
}

.autocomplete-active {
  /*when navigating through the items using the arrow keys:*/
  background-color: DodgerBlue !important;
  color: #ffffff;
}

.autoComplete_wrapper {
  position: relative;
  z-index: 100
}

.autoComplete_wrapper > ul {
  position: absolute;
  max-height: 226px;
  overflow-y: scroll;
  box-sizing: border-box;
  left: 0;
  right: 0;
  margin: 0.5rem 0 0 0;
  padding: 0;
  z-index: 20;
  list-style: none;
  border-radius: 0.6rem;
  background-color: #fff;
  border: 1px solid rgba(33, 33, 33, 0.07);
  box-shadow: 0 3px 6px rgba(149, 157, 165, 0.15);
  outline: none;
  transition: opacity 0.15s ease-in-out;
  -moz-transition: opacity 0.15s ease-in-out;
  -webkit-transition: opacity 0.15s ease-in-out;
}

.autoComplete_wrapper > ul[hidden],
.autoComplete_wrapper > ul:empty {
  display: block;
  opacity: 0;
  transform: scale(0);
}

.autoComplete_wrapper > ul > li {
  margin: 0.3rem;
  padding: 0.3rem 0.5rem;
  text-align: left;
  font-size: 1rem;
  color: #212121;
  border-radius: 0.35rem;
  background-color: rgba(255, 255, 255, 1);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: all 0.2s ease;
}

.autoComplete_wrapper > ul > li mark {
  background-color: transparent;
  color: #DB5BAD;
  font-weight: bold;
}

.autoComplete_wrapper > ul > li:hover {
  cursor: pointer;
  background-color: #2FBAF4;
}

.autoComplete_wrapper > ul > li[aria-selected="true"] {
  background-color: #2FBAF4;
}

@media only screen and (max-width: 600px) {
  .autoComplete_wrapper > input {
    width: 18rem;
  }
}

.badge-blue{
  --tw-border-opacity:1;
  border-color:rgb(30 64 175 / var(--tw-border-opacity));
  --tw-bg-opacity:1;
  background-color:rgb(219 234 254 / var(--tw-bg-opacity));
  --tw-text-opacity:1;
  color:rgb(30 64 175 / var(--tw-text-opacity))
}

.badge-teal{
  --tw-border-opacity:1;
  border-color:rgb(17 94 89 / var(--tw-border-opacity));
  --tw-bg-opacity:1;
  background-color:rgb(204 251 241 / var(--tw-bg-opacity));
  --tw-text-opacity:1;
  color:rgb(17 94 89 / var(--tw-text-opacity))
}

.badge-red{
  --tw-border-opacity:1;
  border-color:rgb(153 27 27 / var(--tw-border-opacity));
  --tw-bg-opacity:1;
  background-color:rgb(254 226 226 / var(--tw-bg-opacity));
  --tw-text-opacity:1;
  color:rgb(153 27 27 / var(--tw-text-opacity))
}

.badge-yellow{
  --tw-border-opacity:1;
  border-color:rgb(133 77 14 / var(--tw-border-opacity));
  --tw-bg-opacity:1;
  background-color:rgb(254 249 195 / var(--tw-bg-opacity));
  --tw-text-opacity:1;
  color:rgb(133 77 14 / var(--tw-text-opacity))
}

.badge-purple{
  --tw-border-opacity:1;
  border-color:rgb(107 33 168 / var(--tw-border-opacity));
  --tw-bg-opacity:1;
  background-color:rgb(243 232 255 / var(--tw-bg-opacity));
  --tw-text-opacity:1;
  color:rgb(107 33 168 / var(--tw-text-opacity))
}

.badge-gray{
  --tw-border-opacity:1;
  border-color:rgb(31 41 55 / var(--tw-border-opacity));
  --tw-bg-opacity:1;
  background-color:rgb(243 244 246 / var(--tw-bg-opacity));
  --tw-text-opacity:1;
  color:rgb(31 41 55 / var(--tw-text-opacity))
}

.dark .leaflet-layer, .dark .leaflet-control-zoom-in, .dark .leaflet-control-zoom-out {
  filter: invert(100%) hue-rotate(180deg) brightness(95%) contrast(90%);
}

.dark .leaflet-container .leaflet-control-attribution {
  background-color: #222222;
}

.hover\:cursor-move:hover{
  cursor:move
}

.hover\:border-gray-300:hover{
  --tw-border-opacity:1;
  border-color:rgb(209 213 219 / var(--tw-border-opacity))
}

.hover\:border-pd-blue-hover:hover{
  --tw-border-opacity:1;
  border-color:rgb(23 123 194 / var(--tw-border-opacity))
}

.hover\:border-pd-green-hover:hover{
  --tw-border-opacity:1;
  border-color:rgb(52 150 12 / var(--tw-border-opacity))
}

.hover\:border-pd-orange-hover:hover{
  --tw-border-opacity:1;
  border-color:rgb(223 80 2 / var(--tw-border-opacity))
}

.hover\:border-pd-pink-hover:hover{
  --tw-border-opacity:1;
  border-color:rgb(229 111 194 / var(--tw-border-opacity))
}

.hover\:border-pd-purple-hover:hover{
  --tw-border-opacity:1;
  border-color:rgb(134 55 177 / var(--tw-border-opacity))
}

.hover\:bg-blue-100:hover{
  --tw-bg-opacity:1;
  background-color:rgb(219 234 254 / var(--tw-bg-opacity))
}

.hover\:bg-blue-800:hover{
  --tw-bg-opacity:1;
  background-color:rgb(30 64 175 / var(--tw-bg-opacity))
}

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

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

.hover\:bg-gray-50:hover{
  --tw-bg-opacity:1;
  background-color:rgb(249 250 251 / var(--tw-bg-opacity))
}

.hover\:bg-gray-500:hover{
  --tw-bg-opacity:1;
  background-color:rgb(107 114 128 / var(--tw-bg-opacity))
}

.hover\:bg-green-500:hover{
  --tw-bg-opacity:1;
  background-color:rgb(34 197 94 / var(--tw-bg-opacity))
}

.hover\:bg-purple-800:hover{
  --tw-bg-opacity:1;
  background-color:rgb(107 33 168 / var(--tw-bg-opacity))
}

.hover\:bg-red-700:hover{
  --tw-bg-opacity:1;
  background-color:rgb(185 28 28 / var(--tw-bg-opacity))
}

.hover\:bg-red-800:hover{
  --tw-bg-opacity:1;
  background-color:rgb(153 27 27 / var(--tw-bg-opacity))
}

.hover\:bg-white:hover{
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity))
}

.hover\:bg-yellow-500:hover{
  --tw-bg-opacity:1;
  background-color:rgb(234 179 8 / var(--tw-bg-opacity))
}

.hover\:text-blue-600:hover{
  --tw-text-opacity:1;
  color:rgb(37 99 235 / var(--tw-text-opacity))
}

.hover\:text-blue-700:hover{
  --tw-text-opacity:1;
  color:rgb(29 78 216 / var(--tw-text-opacity))
}

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

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

.hover\:text-gray-700:hover{
  --tw-text-opacity:1;
  color:rgb(55 65 81 / var(--tw-text-opacity))
}

.hover\:text-gray-900:hover{
  --tw-text-opacity:1;
  color:rgb(17 24 39 / var(--tw-text-opacity))
}

.hover\:text-pd-blue-hover:hover{
  --tw-text-opacity:1;
  color:rgb(23 123 194 / var(--tw-text-opacity))
}

.hover\:text-pd-green-hover:hover{
  --tw-text-opacity:1;
  color:rgb(52 150 12 / var(--tw-text-opacity))
}

.hover\:text-pd-orange-hover:hover{
  --tw-text-opacity:1;
  color:rgb(223 80 2 / var(--tw-text-opacity))
}

.hover\:text-pd-pink:hover{
  --tw-text-opacity:1;
  color:rgb(219 91 173 / var(--tw-text-opacity))
}

.hover\:text-pd-pink-hover:hover{
  --tw-text-opacity:1;
  color:rgb(229 111 194 / var(--tw-text-opacity))
}

.hover\:text-pd-purple-hover:hover{
  --tw-text-opacity:1;
  color:rgb(134 55 177 / var(--tw-text-opacity))
}

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

.hover\:underline:hover{
  text-decoration-line:underline
}

.focus\:z-10:focus{
  z-index:10
}

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

.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)
}

.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)
}

.focus\:ring-4: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(4px + 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)
}

.focus\:ring-blue-300:focus{
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(147 197 253 / var(--tw-ring-opacity))
}

.focus\:ring-blue-500:focus{
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(59 130 246 / var(--tw-ring-opacity))
}

.focus\:ring-cyan-200:focus{
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(165 243 252 / var(--tw-ring-opacity))
}

.focus\:ring-gray-100:focus{
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(243 244 246 / var(--tw-ring-opacity))
}

.focus\:ring-gray-200:focus{
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(229 231 235 / var(--tw-ring-opacity))
}

.focus\:ring-gray-300:focus{
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(209 213 219 / var(--tw-ring-opacity))
}

.focus\:ring-gray-50:focus{
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(249 250 251 / var(--tw-ring-opacity))
}

.focus\:ring-purple-300:focus{
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(216 180 254 / var(--tw-ring-opacity))
}

.focus\:ring-red-100:focus{
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(254 226 226 / var(--tw-ring-opacity))
}

.focus\:ring-red-300:focus{
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(252 165 165 / var(--tw-ring-opacity))
}

.focus\:ring-yellow-300:focus{
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(253 224 71 / var(--tw-ring-opacity))
}

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

.group:hover .group-hover\:bg-opacity-0{
  --tw-bg-opacity:0
}

.group:hover .group-hover\:from-cyan-500{
  --tw-gradient-from:#06b6d4 var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(6 182 212 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
}

.group:hover .group-hover\:from-red-200{
  --tw-gradient-from:#fecaca var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(254 202 202 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
}

.group:hover .group-hover\:via-red-300{
  --tw-gradient-to:rgb(252 165 165 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), #fca5a5 var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.group:hover .group-hover\:to-blue-500{
  --tw-gradient-to:#3b82f6 var(--tw-gradient-to-position)
}

.group:hover .group-hover\:to-yellow-200{
  --tw-gradient-to:#fef08a var(--tw-gradient-to-position)
}

.group:hover .group-hover\:text-blue-600{
  --tw-text-opacity:1;
  color:rgb(37 99 235 / var(--tw-text-opacity))
}

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

.group:focus .group-focus\:ring-4{
  --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(4px + 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)
}

.group:focus .group-focus\:ring-white{
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(255 255 255 / var(--tw-ring-opacity))
}

@media print{
  .print\:block{
    display:block
  }

  .print\:hidden{
    display:none
  }

  .print\:w-64{
    width:16rem
  }
}

@media (min-width: 640px){
  .sm\:mx-auto{
    margin-left:auto;
    margin-right:auto
  }

  .sm\:mt-0{
    margin-top:0px
  }

  .sm\:mt-2{
    margin-top:0.5rem
  }

  .sm\:inline-block{
    display:inline-block
  }

  .sm\:flex{
    display:flex
  }

  .sm\:hidden{
    display:none
  }

  .sm\:h-12{
    height:3rem
  }

  .sm\:h-14{
    height:3.5rem
  }

  .sm\:h-16{
    height:4rem
  }

  .sm\:w-1\/2{
    width:50%
  }

  .sm\:w-3\/12{
    width:25%
  }

  .sm\:w-3\/6{
    width:50%
  }

  .sm\:w-4\/12{
    width:33.333333%
  }

  .sm\:w-6\/12{
    width:50%
  }

  .sm\:w-8\/12{
    width:66.666667%
  }

  .sm\:w-\[calc\(50\%-12px\)\]{
    width:calc(50% - 12px)
  }

  .sm\:grid-cols-3{
    grid-template-columns:repeat(3, minmax(0, 1fr))
  }

  .sm\:flex-row{
    flex-direction:row
  }

  .sm\:items-center{
    align-items:center
  }

  .sm\:justify-center{
    justify-content:center
  }

  .sm\:justify-between{
    justify-content:space-between
  }

  .sm\:gap-6{
    gap:1.5rem
  }

  .sm\:rounded-lg{
    border-radius:0.5rem
  }

  .sm\:p-5{
    padding:1.25rem
  }

  .sm\:p-6{
    padding:1.5rem
  }

  .sm\:text-center{
    text-align:center
  }
}

@media (min-width: 768px){
  .md\:inset-0{
    inset:0px
  }

  .md\:m-8{
    margin:2rem
  }

  .md\:mb-0{
    margin-bottom:0px
  }

  .md\:mt-0{
    margin-top:0px
  }

  .md\:block{
    display:block
  }

  .md\:flex{
    display:flex
  }

  .md\:grid{
    display:grid
  }

  .md\:h-1\/4{
    height:25%
  }

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

  .md\:h-12{
    height:3rem
  }

  .md\:h-14{
    height:3.5rem
  }

  .md\:h-32{
    height:8rem
  }

  .md\:h-\[620px\]{
    height:620px
  }

  .md\:h-auto{
    height:auto
  }

  .md\:h-full{
    height:100%
  }

  .md\:w-1\/2{
    width:50%
  }

  .md\:w-1\/3{
    width:33.333333%
  }

  .md\:w-1\/4{
    width:25%
  }

  .md\:w-2\/3{
    width:66.666667%
  }

  .md\:w-2\/5{
    width:40%
  }

  .md\:w-3\/4{
    width:75%
  }

  .md\:w-32{
    width:8rem
  }

  .md\:max-w-full{
    max-width:100%
  }

  .md\:max-w-lg{
    max-width:32rem
  }

  .md\:max-w-sm{
    max-width:24rem
  }

  .md\:max-w-xs{
    max-width:20rem
  }

  .md\:grid-cols-\[1fr_3fr\]{
    grid-template-columns:1fr 3fr
  }

  .md\:grid-cols-\[2fr_2fr_1fr\]{
    grid-template-columns:2fr 2fr 1fr
  }

  .md\:grid-cols-\[3fr_1fr\]{
    grid-template-columns:3fr 1fr
  }

  .md\:grid-cols-\[auto_14rem\]{
    grid-template-columns:auto 14rem
  }

  .md\:flex-row{
    flex-direction:row
  }

  .md\:flex-col{
    flex-direction:column
  }

  .md\:flex-wrap{
    flex-wrap:wrap
  }

  .md\:justify-between{
    justify-content:space-between
  }

  .md\:gap-0{
    gap:0px
  }

  .md\:gap-16{
    gap:4rem
  }

  .md\:gap-4{
    gap:1rem
  }

  .md\:rounded-xl{
    border-radius:0.75rem
  }

  .md\:border{
    border-width:1px
  }

  .md\:border-b-0{
    border-bottom-width:0px
  }

  .md\:border-r{
    border-right-width:1px
  }

  .md\:p-5{
    padding:1.25rem
  }

  .md\:p-6{
    padding:1.5rem
  }

  .md\:p-8{
    padding:2rem
  }

  .md\:pb-0{
    padding-bottom:0px
  }

  .md\:text-right{
    text-align:right
  }

  .md\:text-justify{
    text-align:justify
  }

  .md\:text-2xl{
    font-size:1.5rem;
    line-height:2rem
  }

  .md\: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)
  }
}

@media (min-width: 1024px){
  .lg\:order-1{
    order:1
  }

  .lg\:order-2{
    order:2
  }

  .lg\:my-8{
    margin-top:2rem;
    margin-bottom:2rem
  }

  .lg\:mb-16{
    margin-bottom:4rem
  }

  .lg\:me-0{
    margin-inline-end:0px
  }

  .lg\:mt-0{
    margin-top:0px
  }

  .lg\:block{
    display:block
  }

  .lg\:flex{
    display:flex
  }

  .lg\:hidden{
    display:none
  }

  .lg\:h-16{
    height:4rem
  }

  .lg\:h-20{
    height:5rem
  }

  .lg\:h-24{
    height:6rem
  }

  .lg\:h-3\/4{
    height:75%
  }

  .lg\:w-1\/3{
    width:33.333333%
  }

  .lg\:w-1\/4{
    width:25%
  }

  .lg\:w-2\/3{
    width:66.666667%
  }

  .lg\:w-\[calc\(33\.33\%-16px\)\]{
    width:calc(33.33% - 16px)
  }

  .lg\:w-auto{
    width:auto
  }

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

  .lg\:flex-row{
    flex-direction:row
  }

  .lg\:flex-nowrap{
    flex-wrap:nowrap
  }

  .lg\:space-x-0 > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse:0;
    margin-right:calc(0px * var(--tw-space-x-reverse));
    margin-left:calc(0px * calc(1 - var(--tw-space-x-reverse)))
  }

  .lg\:space-x-3 > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse:0;
    margin-right:calc(0.75rem * var(--tw-space-x-reverse));
    margin-left:calc(0.75rem * calc(1 - var(--tw-space-x-reverse)))
  }

  .lg\:rounded-none{
    border-radius:0px
  }

  .lg\:border-0{
    border-width:0px
  }

  .lg\:border-b-4{
    border-bottom-width:4px
  }

  .lg\:bg-white{
    --tw-bg-opacity:1;
    background-color:rgb(255 255 255 / var(--tw-bg-opacity))
  }

  .lg\:p-0{
    padding:0px
  }

  .lg\:py-8{
    padding-top:2rem;
    padding-bottom:2rem
  }

  .lg\:pb-4{
    padding-bottom:1rem
  }

  .lg\:text-base{
    font-size:1rem;
    line-height:1.5rem
  }

  .lg\:text-pd-blue{
    --tw-text-opacity:1;
    color:rgb(47 186 244 / var(--tw-text-opacity))
  }

  .lg\:hover\:bg-transparent:hover{
    background-color:transparent
  }

  .lg\:hover\:text-blue-600:hover{
    --tw-text-opacity:1;
    color:rgb(37 99 235 / var(--tw-text-opacity))
  }
}

@media (min-width: 1280px){
  .xl\:w-\[calc\(20\%-18px\)\]{
    width:calc(20% - 18px)
  }

  .xl\:gap-2{
    gap:0.5rem
  }

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

  .xl\:text-lg{
    font-size:1.125rem;
    line-height:1.75rem
  }
}

:is(:where([dir="rtl"]) .rtl\: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))
}

:is(:where([dir="rtl"]) .rtl\:space-x-reverse) > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse:1
}

:is(:where(.dark) .dark\:block){
  display:block
}

:is(:where(.dark) .dark\:inline-block){
  display:inline-block
}

:is(:where(.dark) .dark\:hidden){
  display:none
}

:is(:where(.dark) .dark\:divide-gray-600) > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity:1;
  border-color:rgb(75 85 99 / var(--tw-divide-opacity))
}

:is(:where(.dark) .dark\:divide-gray-700) > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity:1;
  border-color:rgb(55 65 81 / var(--tw-divide-opacity))
}

:is(:where(.dark) .dark\:border-0){
  border-width:0px
}

:is(:where(.dark) .dark\:border-blue-500){
  --tw-border-opacity:1;
  border-color:rgb(59 130 246 / var(--tw-border-opacity))
}

:is(:where(.dark) .dark\:border-gray-200){
  --tw-border-opacity:1;
  border-color:rgb(229 231 235 / var(--tw-border-opacity))
}

:is(:where(.dark) .dark\:border-gray-500){
  --tw-border-opacity:1;
  border-color:rgb(107 114 128 / var(--tw-border-opacity))
}

:is(:where(.dark) .dark\:border-gray-600){
  --tw-border-opacity:1;
  border-color:rgb(75 85 99 / var(--tw-border-opacity))
}

:is(:where(.dark) .dark\:border-gray-700){
  --tw-border-opacity:1;
  border-color:rgb(55 65 81 / var(--tw-border-opacity))
}

:is(:where(.dark) .dark\:border-gray-900){
  --tw-border-opacity:1;
  border-color:rgb(17 24 39 / var(--tw-border-opacity))
}

:is(:where(.dark) .dark\:border-pd-pink){
  --tw-border-opacity:1;
  border-color:rgb(219 91 173 / var(--tw-border-opacity))
}

:is(:where(.dark) .dark\:border-purple-400){
  --tw-border-opacity:1;
  border-color:rgb(192 132 252 / var(--tw-border-opacity))
}

:is(:where(.dark) .dark\:border-transparent){
  border-color:transparent
}

:is(:where(.dark) .dark\:border-white){
  --tw-border-opacity:1;
  border-color:rgb(255 255 255 / var(--tw-border-opacity))
}

:is(:where(.dark) .dark\:border-b-slate-500){
  --tw-border-opacity:1;
  border-bottom-color:rgb(100 116 139 / var(--tw-border-opacity))
}

:is(:where(.dark) .dark\:bg-blue-600){
  --tw-bg-opacity:1;
  background-color:rgb(37 99 235 / var(--tw-bg-opacity))
}

:is(:where(.dark) .dark\:bg-gray-600){
  --tw-bg-opacity:1;
  background-color:rgb(75 85 99 / var(--tw-bg-opacity))
}

:is(:where(.dark) .dark\:bg-gray-700){
  --tw-bg-opacity:1;
  background-color:rgb(55 65 81 / var(--tw-bg-opacity))
}

:is(:where(.dark) .dark\:bg-gray-800){
  --tw-bg-opacity:1;
  background-color:rgb(31 41 55 / var(--tw-bg-opacity))
}

:is(:where(.dark) .dark\:bg-gray-800\/50){
  background-color:rgb(31 41 55 / 0.5)
}

:is(:where(.dark) .dark\:bg-gray-900){
  --tw-bg-opacity:1;
  background-color:rgb(17 24 39 / var(--tw-bg-opacity))
}

:is(:where(.dark) .dark\:bg-gray-900\/80){
  background-color:rgb(17 24 39 / 0.8)
}

:is(:where(.dark) .dark\:bg-pd-blue){
  --tw-bg-opacity:1;
  background-color:rgb(47 186 244 / var(--tw-bg-opacity))
}

:is(:where(.dark) .dark\:bg-red-500){
  --tw-bg-opacity:1;
  background-color:rgb(239 68 68 / var(--tw-bg-opacity))
}

:is(:where(.dark) .dark\:bg-red-600){
  --tw-bg-opacity:1;
  background-color:rgb(220 38 38 / var(--tw-bg-opacity))
}

:is(:where(.dark) .dark\:bg-slate-700){
  --tw-bg-opacity:1;
  background-color:rgb(51 65 85 / var(--tw-bg-opacity))
}

:is(:where(.dark) .dark\:bg-slate-800){
  --tw-bg-opacity:1;
  background-color:rgb(30 41 59 / var(--tw-bg-opacity))
}

:is(:where(.dark) .dark\:bg-stone-600){
  --tw-bg-opacity:1;
  background-color:rgb(87 83 78 / var(--tw-bg-opacity))
}

:is(:where(.dark) .dark\:bg-stone-700){
  --tw-bg-opacity:1;
  background-color:rgb(68 64 60 / var(--tw-bg-opacity))
}

:is(:where(.dark) .dark\:bg-stone-800){
  --tw-bg-opacity:1;
  background-color:rgb(41 37 36 / var(--tw-bg-opacity))
}

:is(:where(.dark) .dark\:text-blue-500){
  --tw-text-opacity:1;
  color:rgb(59 130 246 / var(--tw-text-opacity))
}

:is(:where(.dark) .dark\:text-gray-200){
  --tw-text-opacity:1;
  color:rgb(229 231 235 / var(--tw-text-opacity))
}

:is(:where(.dark) .dark\:text-gray-300){
  --tw-text-opacity:1;
  color:rgb(209 213 219 / var(--tw-text-opacity))
}

:is(:where(.dark) .dark\:text-gray-400){
  --tw-text-opacity:1;
  color:rgb(156 163 175 / var(--tw-text-opacity))
}

:is(:where(.dark) .dark\:text-gray-500){
  --tw-text-opacity:1;
  color:rgb(107 114 128 / var(--tw-text-opacity))
}

:is(:where(.dark) .dark\:text-gray-800){
  --tw-text-opacity:1;
  color:rgb(31 41 55 / var(--tw-text-opacity))
}

:is(:where(.dark) .dark\:text-pd-pink){
  --tw-text-opacity:1;
  color:rgb(219 91 173 / var(--tw-text-opacity))
}

:is(:where(.dark) .dark\:text-purple-400){
  --tw-text-opacity:1;
  color:rgb(192 132 252 / var(--tw-text-opacity))
}

:is(:where(.dark) .dark\:text-red-500){
  --tw-text-opacity:1;
  color:rgb(239 68 68 / var(--tw-text-opacity))
}

:is(:where(.dark) .dark\:text-white){
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity))
}

:is(:where(.dark) .dark\:placeholder-gray-400)::-moz-placeholder{
  --tw-placeholder-opacity:1;
  color:rgb(156 163 175 / var(--tw-placeholder-opacity))
}

:is(:where(.dark) .dark\:placeholder-gray-400)::placeholder{
  --tw-placeholder-opacity:1;
  color:rgb(156 163 175 / var(--tw-placeholder-opacity))
}

:is(:where(.dark) .dark\:shadow-gray-800){
  --tw-shadow-color:#1f2937;
  --tw-shadow:var(--tw-shadow-colored)
}

:is(:where(.dark) .dark\:ring-offset-gray-800){
  --tw-ring-offset-color:#1f2937
}

:is(:where(.dark) .dark\:hover\:bg-blue-700:hover){
  --tw-bg-opacity:1;
  background-color:rgb(29 78 216 / var(--tw-bg-opacity))
}

:is(:where(.dark) .dark\:hover\:bg-gray-600:hover){
  --tw-bg-opacity:1;
  background-color:rgb(75 85 99 / var(--tw-bg-opacity))
}

:is(:where(.dark) .dark\:hover\:bg-gray-700:hover){
  --tw-bg-opacity:1;
  background-color:rgb(55 65 81 / var(--tw-bg-opacity))
}

:is(:where(.dark) .dark\:hover\:bg-gray-800:hover){
  --tw-bg-opacity:1;
  background-color:rgb(31 41 55 / var(--tw-bg-opacity))
}

:is(:where(.dark) .dark\:hover\:bg-pd-blue:hover){
  --tw-bg-opacity:1;
  background-color:rgb(47 186 244 / var(--tw-bg-opacity))
}

:is(:where(.dark) .dark\:hover\:bg-purple-500:hover){
  --tw-bg-opacity:1;
  background-color:rgb(168 85 247 / var(--tw-bg-opacity))
}

:is(:where(.dark) .dark\:hover\:bg-red-600:hover){
  --tw-bg-opacity:1;
  background-color:rgb(220 38 38 / var(--tw-bg-opacity))
}

:is(:where(.dark) .dark\:hover\:bg-red-700:hover){
  --tw-bg-opacity:1;
  background-color:rgb(185 28 28 / var(--tw-bg-opacity))
}

:is(:where(.dark) .dark\:hover\:text-blue-500:hover){
  --tw-text-opacity:1;
  color:rgb(59 130 246 / var(--tw-text-opacity))
}

:is(:where(.dark) .dark\:hover\:text-gray-300:hover){
  --tw-text-opacity:1;
  color:rgb(209 213 219 / var(--tw-text-opacity))
}

:is(:where(.dark) .dark\:hover\:text-gray-900:hover){
  --tw-text-opacity:1;
  color:rgb(17 24 39 / var(--tw-text-opacity))
}

:is(:where(.dark) .dark\:hover\:text-pd-blue-hover:hover){
  --tw-text-opacity:1;
  color:rgb(23 123 194 / var(--tw-text-opacity))
}

:is(:where(.dark) .dark\:hover\:text-pd-green-hover:hover){
  --tw-text-opacity:1;
  color:rgb(52 150 12 / var(--tw-text-opacity))
}

:is(:where(.dark) .dark\:hover\:text-pd-orange-hover:hover){
  --tw-text-opacity:1;
  color:rgb(223 80 2 / var(--tw-text-opacity))
}

:is(:where(.dark) .dark\:hover\:text-pd-pink:hover){
  --tw-text-opacity:1;
  color:rgb(219 91 173 / var(--tw-text-opacity))
}

:is(:where(.dark) .dark\:hover\:text-pd-pink-hover:hover){
  --tw-text-opacity:1;
  color:rgb(229 111 194 / var(--tw-text-opacity))
}

:is(:where(.dark) .dark\:hover\:text-pd-purple-hover:hover){
  --tw-text-opacity:1;
  color:rgb(134 55 177 / var(--tw-text-opacity))
}

:is(:where(.dark) .dark\:hover\:text-white:hover){
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity))
}

:is(:where(.dark) .dark\:focus\:ring-blue-500:focus){
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(59 130 246 / var(--tw-ring-opacity))
}

:is(:where(.dark) .dark\:focus\:ring-blue-600:focus){
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(37 99 235 / var(--tw-ring-opacity))
}

:is(:where(.dark) .dark\:focus\:ring-blue-800:focus){
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(30 64 175 / var(--tw-ring-opacity))
}

:is(:where(.dark) .dark\:focus\:ring-cyan-800:focus){
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(21 94 117 / var(--tw-ring-opacity))
}

:is(:where(.dark) .dark\:focus\:ring-gray-600:focus){
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(75 85 99 / var(--tw-ring-opacity))
}

:is(:where(.dark) .dark\:focus\:ring-gray-700:focus){
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(55 65 81 / var(--tw-ring-opacity))
}

:is(:where(.dark) .dark\:focus\:ring-purple-900:focus){
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(88 28 135 / var(--tw-ring-opacity))
}

:is(:where(.dark) .dark\:focus\:ring-red-400:focus){
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(248 113 113 / var(--tw-ring-opacity))
}

:is(:where(.dark) .dark\:focus\:ring-red-900:focus){
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(127 29 29 / var(--tw-ring-opacity))
}

:is(:where(.dark) .dark\:focus\:ring-yellow-900:focus){
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(113 63 18 / var(--tw-ring-opacity))
}

:is(:where(.dark) .group:hover .dark\:group-hover\:text-blue-500){
  --tw-text-opacity:1;
  color:rgb(59 130 246 / var(--tw-text-opacity))
}

:is(:where(.dark) .group:focus .dark\:group-focus\:ring-gray-800\/70){
  --tw-ring-color:rgb(31 41 55 / 0.7)
}

@media (min-width: 1024px){
  :is(:where(.dark) .lg\:dark\:bg-gray-900){
    --tw-bg-opacity:1;
    background-color:rgb(17 24 39 / var(--tw-bg-opacity))
  }

  :is(:where(.dark) .lg\:dark\:hover\:bg-transparent:hover){
    background-color:transparent
  }

  :is(:where(.dark) .lg\:dark\:hover\:text-blue-500:hover){
    --tw-text-opacity:1;
    color:rgb(59 130 246 / var(--tw-text-opacity))
  }
}