.fixed{
    position:fixed
}
.relative{
    position:relative
}
.inset-0{
    top:0px;
    right:0px;
    bottom:0px;
    left:0px
}
.z-10{
    z-index:10
}
.mt-3{
    margin-top:0.75rem
}
.mt-2{
    margin-top:0.5rem
}
.mt-5{
    margin-top:1.25rem
}
.inline-block{
    display:inline-block
}
.flex{
    display:flex
}
.inline-flex{
    display:inline-flex
}
hidden{
    display:none
}
.min-h-screen{
    min-height:100vh
}
.w-full{
    width:100%
}
.transform{
    transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.items-end{
    align-items:flex-end
}
.justify-center{
    justify-content:center
}
.overflow-hidden{
    overflow:hidden
}
.overflow-y-auto{
    overflow-y:auto
}
.rounded-lg{
    border-radius:0.5rem
}
.rounded-md{
    border-radius:0.375rem
}
.border{
    border-width:1px
}
.border-transparent{
    border-color:transparent
}
.bg-gray-200{
    --tw-bg-opacity:1;
    background-color:rgb(229 231 235 / var(--tw-bg-opacity))
}
.bg-gray-500{
    --tw-bg-opacity:1;
    background-color:rgb(107 114 128 / var(--tw-bg-opacity))
}
.bg-white{
    --tw-bg-opacity:1;
    background-color:rgb(255 255 255 / var(--tw-bg-opacity))
}
/*.bg-\[\#e6a444\]{
    --tw-bg-opacity:1;
    background-color:rgb(230 164 68 / var(--tw-bg-opacity))
}*/
.bg-opacity-25{
    --tw-bg-opacity:0.25
}
.px-4{
    padding-left:1rem;
    padding-right:1rem
}
.py-2{
    padding-top:0.5rem;
    padding-bottom:0.5rem
}
.pt-4{
    padding-top:1rem
}
.pb-20{
    padding-bottom:5rem
}
.pt-5{
    padding-top:1.25rem
}
.pb-4{
    padding-bottom:1rem
}
.text-left{
    text-align:left
}
.text-center{
    text-align:center
}
.align-bottom{
    vertical-align:bottom
}
.text-lg{
    font-size:1.125rem;
    line-height:1.75rem
}
.text-sm{
    font-size:0.875rem;
    line-height:1.25rem
}
.text-base{
    font-size:1rem;
    line-height:1.5rem
}
.font-medium{
    font-weight:500
}
.leading-6{
    line-height:1.5rem
}
.text-gray-900{
    --tw-text-opacity:1;
    color:rgb(17 24 39 / var(--tw-text-opacity))
}
.text-gray-500{
    --tw-text-opacity:1;
    color:rgb(107 114 128 / var(--tw-text-opacity))
}
.text-white{
    --tw-text-opacity:1;
    color:rgb(255 255 255 / var(--tw-text-opacity))
}
.antialiased{
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
.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)
}
.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)
}
.transition-opacity{
    transition-property:opacity;
    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
}
/*.hover\:bg-\[\#e6a444\]:hover{
    --tw-bg-opacity:1;
    background-color:rgb(230 164 68 / var(--tw-bg-opacity))
}*/
.focus\:outline-none:focus{
    outline:2px solid transparent;
    outline-offset:2px
}
.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-\[\#e6a444\]:focus{
    --tw-ring-opacity:1;
    --tw-ring-color:rgb(230 164 68 / var(--tw-ring-opacity))
}
.focus\:ring-offset-2:focus{
    --tw-ring-offset-width:2px
}
.block {
  display: block;
}

.font-medium {
  font-weight: 700;
}

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

@media (min-width: 640px){
    .sm\:my-8{
        margin-top:2rem;
        margin-bottom:2rem
    }
    .sm\:mt-5{
        margin-top:1.25rem
    }
    .sm\:mt-6{
        margin-top:1.5rem
    }
    .sm\:block{
        display:block
    }
    .sm\:inline-block{
        display:inline-block
    }
    .sm\:h-screen{
        height:100vh
    }
    .sm\:w-full{
        width:100%
    }
    .sm\:max-w-sm{
        max-width:24rem
    }
    .sm\:p-0{
        padding:0px
    }
    .sm\:p-6{
        padding:1.5rem
    }
    .sm\:align-middle{
        vertical-align:middle
    }
    .sm\:text-sm{
        font-size:0.875rem;
        line-height:1.25rem
    }
}