@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');
@import url('https://fonts.googleapis.com/css?family=Latodisplay=swap');
@import url('https://fonts.googleapis.com/css?family=Mirza&display=swap');
@import url('https://fonts.googleapis.com/css?family=Itim&display=swap');
@import url('https://fonts.googleapis.com/css?family=Ubuntu&display=swap');
@import url('https://fonts.googleapis.com/css?family=Inconsolata&display=swap');
@import url('https://fonts.googleapis.com/css?family=Quicksand&display=swap');

body {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    min-height: 100vh;
    background-color: rgb(228 231 235);
}

@media (prefers-color-scheme: dark) {
    body {        
        background-color: rgb(50 63 75);        
        color: rgb(203 210 217);
    }
}

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

.ql-active {    
    color: rgb(5 82 181);
}

.line-dotted {
    border-style: dotted !important;
}

.line-solid {
    border-style: solid !important;
}

.line-double {
    border-style: double !important;
}

.line-dashed {
    border-style: dashed !important;
}

.line-hidden {
    border-style: hidden !important;
}

.border-0 {
    border-width: 0px !important;
}

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

.border-2 {
    border-width: 2px !important;
}

.border-4 {
    border-width: 4px !important;
}

.border-8 {
    border-width: 8px !important;
}

.rounded-sm {
    border-radius: 0.25rem !important;
}

.rounded-lg {
    border-radius: 0.5rem !important;
}

.rounded-xl {
    border-radius: 0.75rem !important;
}

.rounded-full {
    border-radius: 9999px !important;
}

.p-sm {
    padding: 0.3rem !important;
}

.p-md {
    padding: 0.5rem !important;
}

.p-lg {
    padding: 1rem !important;
}

.p-xl {
    padding: 1.5rem !important;
}

.font-thin {
    font-weight: 100 !important;
}

.font-extralight {
    font-weight: 200 !important;
}

.font-light {
    font-weight: 300 !important;
}

.font-medium {
    font-weight: 500 !important;
}

.font-semibold {
    font-weight: 600 !important;
}

.font-bold {
    font-weight: 700 !important;
}

.font-extrabold {
    font-weight: 800 !important;
}

.ql-align-right {
    text-align: right !important;
}

.ql-align-center {
    text-align: center !important;
}

.ql-size-huge {
    font-size: 4rem !important;
}

.ql-size-large {
    font-size: 2.5rem !important;
}

/* Font Families */

.ql-font-mirza {
    font-family: "Mirza";
}

.ql-font-roboto {
    font-family: "Roboto";
}

.ql-font-lato {
    font-family: "Lato";
}

.ql-font-ubuntu {
    font-family: "Ubuntu";
}

.ql-font-itim {
    font-family: "Itim";
}

.ql-font-inconsolata {
    font-family: "Inconsolata";
}

.ql-font-quicksand {
    font-family: "Quicksand";
}

.btn {
    border-radius: .375rem;
    padding: .5rem 1rem;
    font-weight: 600;
    --tw-shadow: 0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;
    --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)
}

    .btn:focus {
        outline: 2px solid #0000;
        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(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);
        --tw-ring-opacity: 0.75
    }

@media (prefers-color-scheme:dark) {
    .btn {
        --tw-shadow-color: #3f3f46;
        --tw-shadow: var(--tw-shadow-colored)
    }
}

.btn-primary {
    
    background-color: rgb(9 103 210);
    
    color: rgb(255 255 255)
}

    .btn-primary:hover {
        
        background-color: rgb(3 68 158)
    }

    .btn-primary:focus {
        
        --tw-ring-color: rgb(33 134 235)
    }

.btn-neutral {
    
    background-color: rgb(97 110 124);
    
    color: rgb(255 255 255)
}

    .btn-neutral:hover {
        
        background-color: rgb(62 76 89)
    }

    .btn-neutral:focus {
        
        --tw-ring-color: rgb(123 135 148)
    }

.btn-supporting {
    
    background-color: rgb(28 212 212);
    
    color: rgb(255 255 255)
}

    .btn-supporting:hover {
        
        background-color: rgb(9 154 164)
    }

    .btn-supporting:focus {
        
        --tw-ring-color: rgb(58 231 225)
    }

.btn-accent {
    
    background-color: rgb(243 86 39);
    
    color: rgb(255 255 255)
}

    .btn-accent:hover {
        
        background-color: rgb(197 39 7)
    }

    .btn-accent:focus {
        
        --tw-ring-color: rgb(249 112 62)
    }

.btn-outline-primary {
    border-width: 1px;
    
    border-color: rgb(3 68 158);
    
    color: rgb(3 68 158)
}

    .btn-outline-primary:hover {
        
        background-color: rgb(1 51 125);
        
        color: rgb(255 255 255)
    }

    .btn-outline-primary:focus {
        outline: 2px solid #0000;
        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-color: rgb(71 163 243)
    }

@media (prefers-color-scheme:dark) {
    .btn-outline-primary {
        
        border-color: rgb(9 103 210);
        
        color: rgb(9 103 210)
    }

        .btn-outline-primary:hover {
            
            background-color: rgb(5 82 181);
            
            color: rgb(255 255 255)
        }

        .btn-outline-primary:focus {
            
            --tw-ring-color: rgb(1 51 125)
        }
}

.btn-outline-neutral {
    border-width: 1px;
    
    border-color: rgb(50 63 75);
    
    color: rgb(31 41 51)
}

    .btn-outline-neutral:hover {
        
        background-color: rgb(31 41 51);
        
        color: rgb(255 255 255)
    }

    .btn-outline-neutral:focus {
        outline: 2px solid #0000;
        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-color: rgb(154 165 177)
    }

@media (prefers-color-scheme:dark) {
    .btn-outline-neutral {
        
        border-color: rgb(82 96 109);
        
        color: rgb(123 135 148)
    }

        .btn-outline-neutral:hover {
            
            background-color: rgb(82 96 109);
            
            color: rgb(255 255 255)
        }

        .btn-outline-neutral:focus {
            
            --tw-ring-color: rgb(50 63 75)
        }
}

.btn-outline-supporting {
    border-width: 1px;
    
    border-color: rgb(9 154 164);
    
    color: rgb(9 154 164)
}

    .btn-outline-supporting:hover {
        
        background-color: rgb(7 129 143);
        
        color: rgb(255 255 255)
    }

    .btn-outline-supporting:focus {
        outline: 2px solid #0000;
        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-color: rgb(98 244 235)
    }

@media (prefers-color-scheme:dark) {
    .btn-outline-supporting {
        
        border-color: rgb(28 212 212);
        
        color: rgb(28 212 212)
    }

        .btn-outline-supporting:hover {
            
            background-color: rgb(15 181 186);
            
            color: rgb(255 255 255)
        }

        .btn-outline-supporting:focus {
            
            --tw-ring-color: rgb(7 129 143)
        }
}

.btn-outline-accent {
    border-width: 1px;
    
    border-color: rgb(197 39 7);
    
    color: rgb(197 39 7)
}

    .btn-outline-accent:hover {
        
        background-color: rgb(173 29 7);
        
        color: rgb(255 255 255)
    }

    .btn-outline-accent:focus {
        outline: 2px solid #0000;
        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-color: rgb(255 148 102)
    }

@media (prefers-color-scheme:dark) {
    .btn-outline-accent {
        
        border-color: rgb(243 86 39);
        
        color: rgb(243 86 39)
    }

        .btn-outline-accent:hover {
            
            background-color: rgb(222 58 17);
            
            color: rgb(255 255 255)
        }

        .btn-outline-accent:focus {
            
            --tw-ring-color: rgb(132 16 3)
        }
}

.btn-sm {
    padding-top: .125rem;
    padding-bottom: .125rem;
    font-size: .875rem;
    line-height: 1.25rem
}

.btn-md, .btn-sm {
    margin-top: auto;
    margin-bottom: auto
}

.btn-md {
    padding-top: .5rem;
    padding-bottom: .5rem
}

.btn-lg {
    padding-top: .875rem;
    padding-bottom: .875rem;
    font-size: 1.125rem
}

.btn-lg, .btn-xl {
    margin-top: auto;
    margin-bottom: auto;
    line-height: 1.75rem
}

.btn-xl {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    font-size: 1.25rem
}

h1 {
    font-size: 3rem;
    line-height: 1;
    font-weight: 800;
    
    color: rgb(0 0 0)
}

@media (prefers-color-scheme:dark) {
    h1 {
        
        color: rgb(255 255 255)
    }
}

h2 {
    font-size: 2.25rem;
    line-height: 2.5rem;
    font-weight: 800;
    
    color: rgb(0 0 0)
}

@media (prefers-color-scheme:dark) {
    h2 {
        
        color: rgb(255 255 255)
    }
}

h3 {
    font-size: 1.875rem;
    line-height: 2.25rem;
    font-weight: 800;
    
    color: rgb(0 0 0)
}

@media (prefers-color-scheme:dark) {
    h3 {
        
        color: rgb(255 255 255)
    }
}

h4 {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 800;
    
    color: rgb(0 0 0)
}

@media (prefers-color-scheme:dark) {
    h4 {
        
        color: rgb(255 255 255)
    }
}

h5 {
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 800;
    
    color: rgb(0 0 0)
}

@media (prefers-color-scheme:dark) {
    h5 {
        
        color: rgb(255 255 255)
    }
}

h6 {
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 800;
    
    color: rgb(0 0 0)
}

@media (prefers-color-scheme:dark) {
    h6 {
        
        color: rgb(255 255 255)
    }
}

pre {
    overflow: auto;
    border-radius: .5rem;
    border-width: 1px;
    
    border-color: rgb(50 63 75);
    
    background-color: rgb(203 210 217);
    
    color: rgb(50 63 75);
    --tw-shadow: 0 1px 2px 0 #0000000d;
    --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)
}

@media (prefers-color-scheme:dark) {
    pre {
        
        border-color: rgb(154 165 177);
        
        background-color: rgb(31 41 51);
        
        color: rgb(154 165 177)
    }
}

blockquote {
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 600;
    font-style: italic;
    
    color: rgb(17 24 39)
}

@media (prefers-color-scheme:dark) {
    blockquote {
        
        color: rgb(255 255 255)
    }
}

.editor-select {
    border-radius: .375rem
}

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

.invisible {
    visibility: hidden
}

.absolute {
    position: absolute
}

.z-10 {
    z-index: 10
}

.m-0 {
    margin: 0
}

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

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

.my-3 {
    margin-top: .75rem;
    margin-bottom: .75rem
}

.mx-3 {
    margin-left: .75rem
}

.mr-3, .mx-3 {
    margin-right: .75rem
}

.ml-3 {
    margin-left: .75rem
}

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

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

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

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

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

.ml-auto {
    margin-left: auto
}

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

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

.mr-auto {
    margin-right: auto
}

.mb-0 {
    margin-bottom: 0
}

.mb-0\.5 {
    margin-bottom: .125rem
}

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

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

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

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

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.flex {
    display: flex
}

.inline-flex {
    display: inline-flex
}

.hidden {
    display: none
}

.aspect-video {
    aspect-ratio: 16/9
}

.h-6 {
    height: 1.5rem
}

.h-5 {
    height: 1.25rem
}

.h-full {
    height: 100%
}

.h-8 {
    height: 2rem
}

.h-auto {
    height: auto
}

.w-full {
    width: 100%
}

.w-2 {
    width: .5rem
}

.w-3 {
    width: .75rem
}

.w-5 {
    width: 1.25rem
}

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

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

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

.w-48 {
    width: 12rem
}

.w-auto {
    width: auto
}

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

.flex-shrink-0 {
    flex-shrink: 0
}

.grow {
    flex-grow: 1
}

.cursor-pointer {
    cursor: pointer
}

.flex-col {
    flex-direction: column
}

.flex-wrap {
    flex-wrap: wrap
}

.items-center {
    align-items: center
}

.justify-center {
    justify-content: center
}

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

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

.whitespace-nowrap {
    white-space: nowrap
}

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

.rounded {
    border-radius: .25rem
}

.rounded-none {
    border-radius: 0
}

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

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

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

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

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

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

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

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

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

.border {
    border-width: 1px
}

.border-0 {
    border-width: 0
}

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

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

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

.border-primary-200 {
    
    border-color: rgb(124 196 250)
}

.border-inherit {
    border-color: inherit
}

.border-primary-300 {
    
    border-color: rgb(71 163 243)
}

.border-primary-400 {
    
    border-color: rgb(33 134 235)
}

.border-primary-500 {
    
    border-color: rgb(9 103 210)
}

.border-primary-600 {
    
    border-color: rgb(5 82 181)
}

.border-primary-700 {
    
    border-color: rgb(3 68 158)
}

.border-primary-900 {
    
    border-color: rgb(0 33 89)
}

.border-supporting-200 {
    
    border-color: rgb(146 253 242)
}

.border-supporting-300 {
    
    border-color: rgb(98 244 235)
}

.border-supporting-400 {
    
    border-color: rgb(58 231 225)
}

.border-supporting-500 {
    
    border-color: rgb(28 212 212)
}

.border-supporting-600 {
    
    border-color: rgb(15 181 186)
}

.border-supporting-700 {
    
    border-color: rgb(9 154 164)
}

.border-supporting-900 {
    
    border-color: rgb(5 96 110)
}

.border-accent-200 {
    
    border-color: rgb(255 176 136)
}

.border-accent-300 {
    
    border-color: rgb(255 148 102)
}

.border-accent-400 {
    
    border-color: rgb(249 112 62)
}

.border-accent-500 {
    
    border-color: rgb(243 86 39)
}

.border-accent-600 {
    
    border-color: rgb(222 58 17)
}

.border-accent-700 {
    
    border-color: rgb(197 39 7)
}

.border-accent-900 {
    
    border-color: rgb(132 16 3)
}

.border-success-200 {
    
    border-color: rgb(163 217 165)
}

.border-success-300 {
    
    border-color: rgb(123 196 127)
}

.border-success-400 {
    
    border-color: rgb(87 174 91)
}

.border-success-500 {
    
    border-color: rgb(63 145 66)
}

.border-success-600 {
    
    border-color: rgb(47 129 50)
}

.border-success-700 {
    
    border-color: rgb(32 114 39)
}

.border-success-900 {
    
    border-color: rgb(5 64 10)
}

.border-warning-200 {
    
    border-color: rgb(248 227 163)
}

.border-warning-300 {
    
    border-color: rgb(249 218 139)
}

.border-warning-400 {
    
    border-color: rgb(247 208 112)
}

.border-warning-500 {
    
    border-color: rgb(233 185 73)
}

.border-warning-600 {
    
    border-color: rgb(201 154 46)
}

.border-warning-700 {
    
    border-color: rgb(162 124 26)
}

.border-warning-900 {
    
    border-color: rgb(81 60 6)
}

.border-danger-200 {
    
    border-color: rgb(242 155 155)
}

.border-danger-300 {
    
    border-color: rgb(230 106 106)
}

.border-danger-400 {
    
    border-color: rgb(214 69 69)
}

.border-danger-500 {
    
    border-color: rgb(186 37 37)
}

.border-danger-600 {
    
    border-color: rgb(166 27 27)
}

.border-danger-700 {
    
    border-color: rgb(145 17 17)
}

.border-danger-900 {
    
    border-color: rgb(97 4 4)
}

.border-neutral-200 {
    
    border-color: rgb(203 210 217)
}

.border-neutral-300 {
    
    border-color: rgb(154 165 177)
}

.border-neutral-400 {
    
    border-color: rgb(123 135 148)
}

.border-neutral-500 {
    
    border-color: rgb(97 110 124)
}

.border-neutral-600 {
    
    border-color: rgb(82 96 109)
}

.border-neutral-700 {
    
    border-color: rgb(62 76 89)
}

.border-neutral-900 {
    
    border-color: rgb(31 41 51)
}

.border-white {
    
    border-color: rgb(255 255 255)
}

.border-black {
    
    border-color: rgb(0 0 0)
}

.border-neutral-100 {
    
    border-color: rgb(228 231 235)
}

.border-gray-200 {
    
    border-color: rgb(229 231 235)
}

.border-gray-300 {
    
    border-color: rgb(209 213 219)
}

.border-blue-600 {
    
    border-color: rgb(37 99 235)
}

.border-transparent {
    border-color: #0000
}

.border-t-neutral-900 {
    
    border-top-color: rgb(31 41 51)
}

.bg-neutral-50 {
    
    background-color: rgb(245 247 250)
}

.bg-primary-200 {
    
    background-color: rgb(124 196 250)
}

.bg-primary-300 {
    
    background-color: rgb(71 163 243)
}

.bg-primary-400 {
    
    background-color: rgb(33 134 235)
}

.bg-primary-500 {
    
    background-color: rgb(9 103 210)
}

.bg-primary-600 {
    
    background-color: rgb(5 82 181)
}

.bg-primary-700 {
    
    background-color: rgb(3 68 158)
}

.bg-primary-900 {
    
    background-color: rgb(0 33 89)
}

.bg-supporting-200 {
    
    background-color: rgb(146 253 242)
}

.bg-supporting-300 {
    
    background-color: rgb(98 244 235)
}

.bg-supporting-400 {
    
    background-color: rgb(58 231 225)
}

.bg-supporting-500 {
    
    background-color: rgb(28 212 212)
}

.bg-supporting-600 {
    
    background-color: rgb(15 181 186)
}

.bg-supporting-700 {
    
    background-color: rgb(9 154 164)
}

.bg-supporting-900 {
    
    background-color: rgb(5 96 110)
}

.bg-accent-200 {
    
    background-color: rgb(255 176 136)
}

.bg-accent-300 {
    
    background-color: rgb(255 148 102)
}

.bg-accent-400 {
    
    background-color: rgb(249 112 62)
}

.bg-accent-500 {
    
    background-color: rgb(243 86 39)
}

.bg-accent-600 {
    
    background-color: rgb(222 58 17)
}

.bg-accent-700 {
    
    background-color: rgb(197 39 7)
}

.bg-accent-900 {
    
    background-color: rgb(132 16 3)
}

.bg-success-200 {
    
    background-color: rgb(163 217 165)
}

.bg-success-300 {
    
    background-color: rgb(123 196 127)
}

.bg-success-400 {
    
    background-color: rgb(87 174 91)
}

.bg-success-500 {
    
    background-color: rgb(63 145 66)
}

.bg-success-600 {
    
    background-color: rgb(47 129 50)
}

.bg-success-700 {
    
    background-color: rgb(32 114 39)
}

.bg-success-900 {
    
    background-color: rgb(5 64 10)
}

.bg-warning-200 {
    
    background-color: rgb(248 227 163)
}

.bg-warning-300 {
    
    background-color: rgb(249 218 139)
}

.bg-warning-400 {
    
    background-color: rgb(247 208 112)
}

.bg-warning-500 {
    
    background-color: rgb(233 185 73)
}

.bg-warning-600 {
    
    background-color: rgb(201 154 46)
}

.bg-warning-700 {
    
    background-color: rgb(162 124 26)
}

.bg-warning-900 {
    
    background-color: rgb(81 60 6)
}

.bg-danger-200 {
    
    background-color: rgb(242 155 155)
}

.bg-danger-300 {
    
    background-color: rgb(230 106 106)
}

.bg-danger-400 {
    
    background-color: rgb(214 69 69)
}

.bg-danger-500 {
    
    background-color: rgb(186 37 37)
}

.bg-danger-600 {
    
    background-color: rgb(166 27 27)
}

.bg-danger-700 {
    
    background-color: rgb(145 17 17)
}

.bg-danger-900 {
    
    background-color: rgb(97 4 4)
}

.bg-neutral-200 {
    
    background-color: rgb(203 210 217)
}

.bg-neutral-300 {
    
    background-color: rgb(154 165 177)
}

.bg-neutral-400 {
    
    background-color: rgb(123 135 148)
}

.bg-neutral-500 {
    
    background-color: rgb(97 110 124)
}

.bg-neutral-600 {
    
    background-color: rgb(82 96 109)
}

.bg-neutral-700 {
    
    background-color: rgb(62 76 89)
}

.bg-neutral-900 {
    
    background-color: rgb(31 41 51)
}

.bg-white {
    
    background-color: rgb(255 255 255)
}

.bg-black {
    
    background-color: rgb(0 0 0)
}

.bg-neutral-100 {
    
    background-color: rgb(228 231 235)
}

.bg-transparent {
    background-color: initial
}

.bg-gray-50 {
    
    background-color: rgb(249 250 251)
}

.bg-blue-600 {
    
    background-color: rgb(37 99 235)
}

.bg-gray-100 {
    
    background-color: rgb(243 244 246)
}

.bg-gray-200 {
    
    background-color: rgb(229 231 235)
}

.fill-primary-600 {
    fill: #0552b5
}

.fill-neutral-500 {
    fill: #616e7c
}

.p-2 {
    padding: .5rem
}

.p-4 {
    padding: 1rem
}

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

.p-0 {
    padding: 0
}

.p-1\.5 {
    padding: .375rem
}

.p-1 {
    padding: .25rem
}

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

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

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

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

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

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

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

.px-0 {
    padding-left: 0;
    padding-right: 0
}

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

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

.pr-4 {
    padding-right: 1rem
}

.pl-3 {
    padding-left: .75rem
}

.pt-3 {
    padding-top: .75rem
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

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

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

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

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

.font-normal {
    font-weight: 400
}

.font-semibold {
    font-weight: 600
}

.font-medium {
    font-weight: 500
}

.text-primary-600 {
    
    color: rgb(5 82 181)
}

.text-neutral-500 {
    
    color: rgb(97 110 124)
}

.text-neutral-900 {
    
    color: rgb(31 41 51)
}

.text-primary-200 {
    
    color: rgb(124 196 250)
}

.text-primary-300 {
    
    color: rgb(71 163 243)
}

.text-primary-400 {
    
    color: rgb(33 134 235)
}

.text-primary-500 {
    
    color: rgb(9 103 210)
}

.text-primary-700 {
    
    color: rgb(3 68 158)
}

.text-primary-900 {
    
    color: rgb(0 33 89)
}

.text-supporting-200 {
    
    color: rgb(146 253 242)
}

.text-supporting-300 {
    
    color: rgb(98 244 235)
}

.text-supporting-400 {
    
    color: rgb(58 231 225)
}

.text-supporting-500 {
    
    color: rgb(28 212 212)
}

.text-supporting-600 {
    
    color: rgb(15 181 186)
}

.text-supporting-700 {
    
    color: rgb(9 154 164)
}

.text-supporting-900 {
    
    color: rgb(5 96 110)
}

.text-accent-200 {
    
    color: rgb(255 176 136)
}

.text-accent-300 {
    
    color: rgb(255 148 102)
}

.text-accent-400 {
    
    color: rgb(249 112 62)
}

.text-accent-500 {
    
    color: rgb(243 86 39)
}

.text-accent-600 {
    
    color: rgb(222 58 17)
}

.text-accent-700 {
    
    color: rgb(197 39 7)
}

.text-accent-900 {
    
    color: rgb(132 16 3)
}

.text-success-200 {
    
    color: rgb(163 217 165)
}

.text-success-300 {
    
    color: rgb(123 196 127)
}

.text-success-400 {
    
    color: rgb(87 174 91)
}

.text-success-500 {
    
    color: rgb(63 145 66)
}

.text-success-600 {
    
    color: rgb(47 129 50)
}

.text-success-700 {
    
    color: rgb(32 114 39)
}

.text-success-900 {
    
    color: rgb(5 64 10)
}

.text-warning-200 {
    
    color: rgb(248 227 163)
}

.text-warning-300 {
    
    color: rgb(249 218 139)
}

.text-warning-400 {
    
    color: rgb(247 208 112)
}

.text-warning-500 {
    
    color: rgb(233 185 73)
}

.text-warning-600 {
    
    color: rgb(201 154 46)
}

.text-warning-700 {
    
    color: rgb(162 124 26)
}

.text-warning-900 {
    
    color: rgb(81 60 6)
}

.text-danger-200 {
    
    color: rgb(242 155 155)
}

.text-danger-300 {
    
    color: rgb(230 106 106)
}

.text-danger-400 {
    
    color: rgb(214 69 69)
}

.text-danger-500 {
    
    color: rgb(186 37 37)
}

.text-danger-600 {
    
    color: rgb(166 27 27)
}

.text-danger-700 {
    
    color: rgb(145 17 17)
}

.text-danger-900 {
    
    color: rgb(97 4 4)
}

.text-neutral-200 {
    
    color: rgb(203 210 217)
}

.text-neutral-300 {
    
    color: rgb(154 165 177)
}

.text-neutral-400 {
    
    color: rgb(123 135 148)
}

.text-neutral-600 {    
    color: rgb(82 96 109)
}

.text-neutral-700 {    
    color: rgb(62 76 89)
}

.text-white {    
    color: rgb(255 255 255)
}

.text-black {    
    color: rgb(0 0 0)
}

.text-gray-500 {    
    color: rgb(107 114 128)
}

.text-neutral-800 {    
    color: rgb(50 63 75)
}

.text-gray-900 {
    
    color: rgb(17 24 39)
}

.text-blue-600 {
    
    color: rgb(37 99 235)
}

.underline {
    text-decoration-line: underline
}

.shadow {
    --tw-shadow: 0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)
}

.shadow, .shadow-sm {
    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 #0000000d;
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color)
}

.outline {
    outline-style: solid
}

.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(.4,0,.2,1);
    transition-duration: .15s
}

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

.hover\:border-neutral-50:hover {
    
    border-color: rgb(245 247 250)
}

.hover\:border-gray-300:hover {
    
    border-color: rgb(209 213 219)
}

.hover\:bg-neutral-100:hover {
    
    background-color: rgb(228 231 235)
}

.hover\:bg-neutral-200:hover {
    
    background-color: rgb(203 210 217)
}

.hover\:bg-gray-100:hover {
    
    background-color: rgb(243 244 246)
}

.hover\:bg-gray-50:hover {
    
    background-color: rgb(249 250 251)
}

.hover\:fill-neutral-900:hover {
    fill: #1f2933
}

.hover\:text-neutral-900:hover {
    
    color: rgb(31 41 51)
}

.hover\:text-gray-900:hover {
    
    color: rgb(17 24 39)
}

.hover\:text-gray-600:hover {
    
    color: rgb(75 85 99)
}

.hover\:text-gray-700:hover {
    
    color: rgb(55 65 81)
}

.focus\:border-blue-500:focus {
    
    border-color: rgb(59 130 246)
}

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

.focus\:ring-0:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)
}

.focus\:ring-0:focus, .focus\:ring-4:focus {
    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)
}

.focus\:ring-blue-500:focus {
    
    --tw-ring-color: rgb(59 130 246)
}

.focus\:ring-blue-300:focus {
    
    --tw-ring-color: rgb(147 197 253)
}

.peer:checked ~ .peer-checked\:border-neutral-50 {
    
    border-color: rgb(245 247 250)
}

.peer:checked ~ .peer-checked\:border-neutral-500 {
    
    border-color: rgb(97 110 124)
}

@media (prefers-color-scheme:dark) {
    .dark\:divide-neutral-600 > :not([hidden]) ~ :not([hidden]) {
        --tw-divide-opacity: 1;
        border-color: rgb(82 96 109/var(--tw-divide-opacity))
    }

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

    .dark\:border-neutral-700 {
        
        border-color: rgb(62 76 89)
    }

    .dark\:border-neutral-400 {
        
        border-color: rgb(123 135 148)
    }

    .dark\:border-neutral-600 {
        
        border-color: rgb(82 96 109)
    }

    .dark\:border-gray-600 {
        
        border-color: rgb(75 85 99)
    }

    .dark\:border-neutral-900 {
        
        border-color: rgb(31 41 51)
    }

    .dark\:border-gray-700 {
        
        border-color: rgb(55 65 81)
    }

    .dark\:border-blue-500 {
        
        border-color: rgb(59 130 246)
    }

    .dark\:border-t-white {
        
        border-top-color: rgb(255 255 255)
    }

    .dark\:bg-neutral-900 {
        
        background-color: rgb(31 41 51)
    }

    .dark\:bg-neutral-600 {
        
        background-color: rgb(82 96 109)
    }

    .dark\:bg-neutral-700 {
        
        background-color: rgb(62 76 89)
    }

    .dark\:bg-neutral-200 {
        
        background-color: rgb(203 210 217)
    }

    .dark\:bg-gray-700 {
        
        background-color: rgb(55 65 81)
    }

    .dark\:bg-gray-600 {
        
        background-color: rgb(75 85 99)
    }

    .dark\:bg-slate-500 {
        
        background-color: rgb(100 116 139)
    }

    .dark\:fill-neutral-400 {
        fill: #7b8794
    }

    .dark\:text-neutral-400 {
        
        color: rgb(123 135 148)
    }

    .dark\:text-white {
        
        color: rgb(255 255 255)
    }

    .dark\:text-neutral-100 {
        
        color: rgb(228 231 235)
    }

    .dark\:text-neutral-200 {
        
        color: rgb(203 210 217)
    }

    .dark\:text-gray-400 {
        
        color: rgb(156 163 175)
    }

    .dark\:text-neutral-800 {
        
        color: rgb(50 63 75)
    }

    .dark\:text-blue-500 {
        
        color: rgb(59 130 246)
    }

    .dark\:text-gray-700 {
        
        color: rgb(55 65 81)
    }

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

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

    .dark\:hover\:border-white:hover {
        
        border-color: rgb(255 255 255)
    }

    .dark\:hover\:bg-neutral-700:hover {
        
        background-color: rgb(62 76 89)
    }

    .dark\:hover\:bg-neutral-600:hover {
        
        background-color: rgb(82 96 109)
    }

    .dark\:hover\:bg-neutral-500:hover {
        
        background-color: rgb(97 110 124)
    }

    .dark\:hover\:bg-gray-600:hover {
        
        background-color: rgb(75 85 99)
    }

    .dark\:hover\:bg-gray-800:hover {
        
        background-color: rgb(31 41 55)
    }

    .dark\:hover\:fill-white:hover {
        fill: #fff
    }

    .dark\:hover\:text-white:hover {
        
        color: rgb(255 255 255)
    }

    .dark\:hover\:text-gray-300:hover {
        
        color: rgb(209 213 219)
    }

    .dark\:focus\:border-blue-500:focus {
        
        border-color: rgb(59 130 246)
    }

    .dark\:focus\:ring-blue-500:focus {
        
        --tw-ring-color: rgb(59 130 246)
    }

    .peer:checked ~ .dark\:peer-checked\:border-neutral-400 {
        
        border-color: rgb(123 135 148)
    }
}

@media (min-width:640px) {
    .sm\:flex {
        display: flex
    }

    .sm\:hidden {
        display: none
    }

    .sm\:divide-x > :not([hidden]) ~ :not([hidden]) {
        --tw-divide-x-reverse: 0;
        border-right-width: calc(1px*var(--tw-divide-x-reverse));
        border-left-width: calc(1px*(1 - var(--tw-divide-x-reverse)))
    }

    .sm\:border-b-0 {
        border-bottom-width: 0
    }

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

    .sm\:pr-4 {
        padding-right: 1rem
    }
}