/*!normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css*/

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace,monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b, strong {
    font-weight: bolder
}

code, kbd, samp {
    font-family: monospace,monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button, input, optgroup, select, textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

button, [type=button], [type=reset], [type=submit] {
    -webkit-appearance: button
}

    button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner {
        border-style: none;
        padding: 0
    }

    button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring {
        outline: 1px dotted ButtonText
    }

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox], [type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
    height: auto
}

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

    [type=search]::-webkit-search-decoration {
        -webkit-appearance: none
    }

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

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

button {
    background-color: transparent;
    background-image: none;
    padding: 0
}

    button:focus {
        outline: 1px dotted;
        outline: 5px auto -webkit-focus-ring-color
    }

fieldset {
    margin: 0;
    padding: 0
}

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

html {
    font-family: system-ui,-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji;
    line-height: 1.5
}

*, ::before, ::after {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: #e2e8f0
}

hr {
    border-top-width: 1px
}

img {
    border-style: solid
}

textarea {
    resize: vertical
}

    input::-moz-placeholder, textarea::-moz-placeholder {
        color: #a0aec0
    }

    input:-ms-input-placeholder, textarea:-ms-input-placeholder {
        color: #a0aec0
    }

    input::-ms-input-placeholder, textarea::-ms-input-placeholder {
        color: #a0aec0
    }

    input::placeholder, textarea::placeholder {
        color: #a0aec0
    }

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

table {
    border-collapse: collapse
}

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

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

button, input, optgroup, select, textarea {
    padding: 0;
    line-height: inherit;
    color: inherit
}

pre, code, kbd, samp {
    font-family: Menlo,Monaco,Consolas,liberation mono,courier new,monospace
}

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

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

a {
    --text-opacity: 1;
    color: #4a5568;
    color: rgba(74,85,104,var(--text-opacity));
    text-decoration: underline
}

h1 {
    font-family: system-ui,-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji;
    --text-opacity: 1;
    color: #4a5568;
    color: rgba(74,85,104,var(--text-opacity));
    font-size: 1.875rem;
    font-weight: 600;
    margin-top: 1rem
}

h2 {
    font-family: system-ui,-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji;
    font-size: 1.5rem;
    --text-opacity: 1;
    color: #2d3748;
    color: rgba(45,55,72,var(--text-opacity));
    font-weight: 600;
    margin-top: 2rem
}

h3 {
    font-family: system-ui,-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji;
    font-size: 1.25rem;
    --text-opacity: 1;
    color: #2d3748;
    color: rgba(45,55,72,var(--text-opacity));
    font-weight: 600;
    margin-top: 2rem
}

h4 {
    font-family: system-ui,-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji;
    font-size: 1.25rem;
    --text-opacity: 1;
    color: #4a5568;
    color: rgba(74,85,104,var(--text-opacity));
    margin-top: .5rem;
    font-weight: 600;
    margin-top: 2rem
}

hr {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem
}

img {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem
}

p {
    margin-top: 1rem;
    margin-bottom: 1rem;
    font-size: 1.125rem;
    --text-opacity: 1;
    color: #2d3748;
    color: rgba(45,55,72,var(--text-opacity))
}

ul {
    list-style-type: disc;
    list-style-position: inside;
    font-size: 1.125rem;
    margin-left: 1rem;
    line-height: 2;
    --text-opacity: 1;
    color: #2d3748;
    color: rgba(45,55,72,var(--text-opacity))
}

ol {
    list-style-type: decimal;
    list-style-position: inside;
    font-size: 1.125rem;
    margin-left: 1rem;
    line-height: 2;
    --text-opacity: 1;
    color: #2d3748;
    color: rgba(45,55,72,var(--text-opacity))
}

strong {
    --text-opacity: 1;
    color: #4a5568;
    color: rgba(74,85,104,var(--text-opacity));
    font-weight: 600
}

/*button:not(.nav) {
    padding: 1rem;
    border-radius: .375rem;
    --bg-opacity: 1;
    background-color: #4a5568;
    background-color: rgba(74,85,104,var(--bg-opacity));
    --text-opacity: 1;
    color: #fff;
    color: rgba(255,255,255,var(--text-opacity))
}*/

pre {
    padding: 1rem !important;
    border-radius: .5rem !important;
    font-size: .875rem !important;
    overflow-x: auto !important;
    white-space: pre !important
}

button.secondary {
    --bg-opacity: 1;
    background-color: #a0aec0;
    background-color: rgba(160,174,192,var(--bg-opacity))
}

button.tertiary {
    --bg-opacity: 1;
    background-color: #805ad5;
    background-color: rgba(128,90,213,var(--bg-opacity))
}

textarea {
    border-width: 1px;
    --border-opacity: 1;
    border-color: #4a5568;
    border-color: rgba(74,85,104,var(--border-opacity));
    width: 100%;
    height: 8rem
}

p code {
    padding: .2rem .3rem;
    --bg-opacity: 1;
    background-color: #edf2f7;
    background-color: rgba(237,242,247,var(--bg-opacity));
    border-width: 1px;
    --border-opacity: 1;
    border-color: #e9d8fd;
    border-color: rgba(233,216,253,var(--border-opacity));
    font-size: .875rem
}

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

.bg-white {
    --bg-opacity: 1 !important;
    background-color: #fff !important;
    background-color: rgba(255,255,255,var(--bg-opacity)) !important
}

.bg-gray-100 {
    --bg-opacity: 1 !important;
    background-color: #f7fafc !important;
    background-color: rgba(247,250,252,var(--bg-opacity)) !important
}

.bg-gray-200 {
    --bg-opacity: 1 !important;
    background-color: #edf2f7 !important;
    background-color: rgba(237,242,247,var(--bg-opacity)) !important
}

.bg-gray-500 {
    --bg-opacity: 1 !important;
    background-color: #a0aec0 !important;
    background-color: rgba(160,174,192,var(--bg-opacity)) !important
}

.bg-gray-600 {
    --bg-opacity: 1 !important;
    background-color: #718096 !important;
    background-color: rgba(113,128,150,var(--bg-opacity)) !important
}

.bg-gray-700 {
    --bg-opacity: 1 !important;
    background-color: #4a5568 !important;
    background-color: rgba(74,85,104,var(--bg-opacity)) !important
}

.bg-gray-800 {
    --bg-opacity: 1 !important;
    background-color: #2d3748 !important;
    background-color: rgba(45,55,72,var(--bg-opacity)) !important
}

.bg-red-500 {
    --bg-opacity: 1 !important;
    background-color: #f56565 !important;
    background-color: rgba(245,101,101,var(--bg-opacity)) !important
}

.bg-red-600 {
    --bg-opacity: 1 !important;
    background-color: #e53e3e !important;
    background-color: rgba(229,62,62,var(--bg-opacity)) !important
}

.bg-blue-500 {
    --bg-opacity: 1 !important;
    background-color: #4299e1 !important;
    background-color: rgba(66,153,225,var(--bg-opacity)) !important
}

.bg-indigo-600 {
    --bg-opacity: 1 !important;
    background-color: #5a67d8 !important;
    background-color: rgba(90,103,216,var(--bg-opacity)) !important
}

.bg-purple-100 {
    --bg-opacity: 1 !important;
    background-color: #faf5ff !important;
    background-color: rgba(250,245,255,var(--bg-opacity)) !important
}

.bg-purple-200 {
    --bg-opacity: 1 !important;
    background-color: #e9d8fd !important;
    background-color: rgba(233,216,253,var(--bg-opacity)) !important
}

.bg-purple-600 {
    --bg-opacity: 1 !important;
    background-color: #805ad5 !important;
    background-color: rgba(128,90,213,var(--bg-opacity)) !important
}

.bg-purple-700 {
    --bg-opacity: 1 !important;
    background-color: #6b46c1 !important;
    background-color: rgba(107,70,193,var(--bg-opacity)) !important
}

.hover\:bg-gray-200:hover {
    --bg-opacity: 1 !important;
    background-color: #edf2f7 !important;
    background-color: rgba(237,242,247,var(--bg-opacity)) !important
}

.hover\:bg-gray-400:hover {
    --bg-opacity: 1 !important;
    background-color: #cbd5e0 !important;
    background-color: rgba(203,213,224,var(--bg-opacity)) !important
}

.hover\:bg-gray-600:hover {
    --bg-opacity: 1 !important;
    background-color: #718096 !important;
    background-color: rgba(113,128,150,var(--bg-opacity)) !important
}

.hover\:bg-gray-800:hover {
    --bg-opacity: 1 !important;
    background-color: #2d3748 !important;
    background-color: rgba(45,55,72,var(--bg-opacity)) !important
}

.hover\:bg-red-600:hover {
    --bg-opacity: 1 !important;
    background-color: #e53e3e !important;
    background-color: rgba(229,62,62,var(--bg-opacity)) !important
}

.hover\:bg-blue-700:hover {
    --bg-opacity: 1 !important;
    background-color: #2b6cb0 !important;
    background-color: rgba(43,108,176,var(--bg-opacity)) !important
}

.hover\:bg-purple-500:hover {
    --bg-opacity: 1 !important;
    background-color: #9f7aea !important;
    background-color: rgba(159,122,234,var(--bg-opacity)) !important
}

.hover\:bg-purple-600:hover {
    --bg-opacity: 1 !important;
    background-color: #805ad5 !important;
    background-color: rgba(128,90,213,var(--bg-opacity)) !important
}

.border-gray-200 {
    --border-opacity: 1 !important;
    border-color: #edf2f7 !important;
    border-color: rgba(237,242,247,var(--border-opacity)) !important
}

.border-gray-300 {
    --border-opacity: 1 !important;
    border-color: #e2e8f0 !important;
    border-color: rgba(226,232,240,var(--border-opacity)) !important
}

.border-gray-400 {
    --border-opacity: 1 !important;
    border-color: #cbd5e0 !important;
    border-color: rgba(203,213,224,var(--border-opacity)) !important
}

.border-gray-500 {
    --border-opacity: 1 !important;
    border-color: #a0aec0 !important;
    border-color: rgba(160,174,192,var(--border-opacity)) !important
}

.border-gray-600 {
    --border-opacity: 1 !important;
    border-color: #718096 !important;
    border-color: rgba(113,128,150,var(--border-opacity)) !important
}

.border-red-500 {
    --border-opacity: 1 !important;
    border-color: #f56565 !important;
    border-color: rgba(245,101,101,var(--border-opacity)) !important
}

.border-red-600 {
    --border-opacity: 1 !important;
    border-color: #e53e3e !important;
    border-color: rgba(229,62,62,var(--border-opacity)) !important
}

.border-primary {
    --border-opacity: 1 !important;
    border-color: #4a5568 !important;
    border-color: rgba(74,85,104,var(--border-opacity)) !important
}

.rounded {
    border-radius: .25rem !important
}

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

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

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

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

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

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

.border-t-8 {
    border-top-width: 8px !important
}

.border-b-8 {
    border-bottom-width: 8px !important
}

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

.border-r {
    border-right-width: 1px !important
}

.cursor-pointer {
    cursor: pointer !important
}

.block {
    display: block !important
}

.inline-block {
    display: inline-block !important
}

.inline {
    display: inline !important
}

.flex {
    display: flex !important
}

.table {
    display: table !important
}

.grid {
    display: -ms-grid !important;
    display: grid !important
}

.hidden {
    display: none !important
}

.flex-row {
    flex-direction: row !important
}

.flex-col {
    flex-direction: column !important
}

.flex-wrap {
    flex-wrap: wrap !important
}

.items-center {
    align-items: center !important
}

.justify-center {
    justify-content: center !important
}

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

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

.flex-none {
    flex: none !important
}

.flex-grow {
    flex-grow: 1 !important
}

.float-right {
    float: right !important
}

.font-sans {
    font-family: system-ui,-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji !important
}

.font-normal {
    font-weight: 400 !important
}

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

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

.h-4 {
    height: 1rem !important
}

.h-6 {
    height: 1.5rem !important
}

.h-32 {
    height: 8rem !important
}

.h-40 {
    height: 10rem !important
}

.h-screen {
    height: 100vh !important
}

.text-xs {
    font-size: .75rem !important
}

.text-sm {
    font-size: .875rem !important
}

.text-base {
    font-size: 1rem !important
}

.text-lg {
    font-size: 1.125rem !important
}

.text-xl {
    font-size: 1.25rem !important
}

.text-2xl {
    font-size: 1.5rem !important
}

.text-4xl {
    font-size: 2.25rem !important
}

.text-5xl {
    font-size: 3rem !important
}

.leading-tight {
    line-height: 1.25 !important
}

.leading-normal {
    line-height: 1.5 !important
}

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

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

.m-0 {
    margin: 0 !important
}

.m-4 {
    margin: 1rem !important
}

.m-6 {
    margin: 1.5rem !important
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

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

.my-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important
}

.mx-3 {
    margin-left: .75rem !important;
    margin-right: .75rem !important
}

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

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

.mx-6 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important
}

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

.my-10 {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important
}

.my-12 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
}

.my-20 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important
}

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

.mt-0 {
    margin-top: 0 !important
}

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

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

.mt-2 {
    margin-top: .5rem !important
}

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

.mb-2 {
    margin-bottom: .5rem !important
}

.mb-3 {
    margin-bottom: .75rem !important
}

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

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

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

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

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

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

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

.mr-12 {
    margin-right: 3rem !important
}

.mb-12 {
    margin-bottom: 3rem !important
}

.mt-16 {
    margin-top: 4rem !important
}

.max-w-sm {
    max-width: 24rem !important
}

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

.max-w-lg {
    max-width: 32rem !important
}

.max-w-xl {
    max-width: 36rem !important
}

.max-w-3xl {
    max-width: 48rem !important
}

.max-w-4xl {
    max-width: 56rem !important
}

.max-w-5xl {
    max-width: 64rem !important
}

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

.object-cover {
    -o-object-fit: cover !important;
    object-fit: cover !important
}

.opacity-75 {
    opacity: .75 !important
}

.hover\:opacity-100:hover {
    opacity: 1 !important
}

.focus\:outline-none:focus {
    outline: 0 !important
}

.overflow-hidden {
    overflow: hidden !important
}

.p-2 {
    padding: .5rem !important
}

.p-3 {
    padding: .75rem !important
}

.p-4 {
    padding: 1rem !important
}

.p-6 {
    padding: 1.5rem !important
}

.p-8 {
    padding: 2rem !important
}

.p-10 {
    padding: 2.5rem !important
}

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

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

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

.px-2 {
    padding-left: .5rem !important;
    padding-right: .5rem !important
}

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

.py-4 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
}

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

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

.px-6 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important
}

.px-8 {
    padding-left: 2rem !important;
    padding-right: 2rem !important
}

.py-10 {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important
}

.py-12 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
}

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

.pt-1 {
    padding-top: .25rem !important
}

.pt-2 {
    padding-top: .5rem !important
}

.pr-2 {
    padding-right: .5rem !important
}

.pb-2 {
    padding-bottom: .5rem !important
}

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

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

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

.pl-6 {
    padding-left: 1.5rem !important
}

.pb-16 {
    padding-bottom: 4rem !important
}

.static {
    position: static !important
}

.fixed {
    position: fixed !important
}

.absolute {
    position: absolute !important
}

.relative {
    position: relative !important
}

.resize {
    resize: both !important
}

.shadow-sm {
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.05) !important
}

.shadow {
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06) !important
}

.shadow-md {
    box-shadow: 0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06) !important
}

.shadow-lg {
    box-shadow: 0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05) !important
}

.shadow-xl {
    box-shadow: 0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04) !important
}

.focus\:shadow:focus {
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06) !important
}

.focus\:shadow-outline:focus {
    box-shadow: 0 0 0 3px rgba(66,153,225,.5) !important
}

.fill-current {
    fill: currentColor !important
}

.text-left {
    text-align: left !important
}

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

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

.text-white {
    --text-opacity: 1 !important;
    color: #fff !important;
    color: rgba(255,255,255,var(--text-opacity)) !important
}

.text-gray-200 {
    --text-opacity: 1 !important;
    color: #edf2f7 !important;
    color: rgba(237,242,247,var(--text-opacity)) !important
}

.text-gray-400 {
    --text-opacity: 1 !important;
    color: #cbd5e0 !important;
    color: rgba(203,213,224,var(--text-opacity)) !important
}

.text-gray-500 {
    --text-opacity: 1 !important;
    color: #a0aec0 !important;
    color: rgba(160,174,192,var(--text-opacity)) !important
}

.text-gray-600 {
    --text-opacity: 1 !important;
    color: #718096 !important;
    color: rgba(113,128,150,var(--text-opacity)) !important
}

.text-gray-700 {
    --text-opacity: 1 !important;
    color: #4a5568 !important;
    color: rgba(74,85,104,var(--text-opacity)) !important
}

.text-gray-800 {
    --text-opacity: 1 !important;
    color: #2d3748 !important;
    color: rgba(45,55,72,var(--text-opacity)) !important
}

.text-red-600 {
    --text-opacity: 1 !important;
    color: #e53e3e !important;
    color: rgba(229,62,62,var(--text-opacity)) !important
}

.text-red-700 {
    --text-opacity: 1 !important;
    color: #c53030 !important;
    color: rgba(197,48,48,var(--text-opacity)) !important
}

.text-green-600 {
    --text-opacity: 1 !important;
    color: #38a169 !important;
    color: rgba(56,161,105,var(--text-opacity)) !important
}

.text-blue-600 {
    --text-opacity: 1 !important;
    color: #3182ce !important;
    color: rgba(49,130,206,var(--text-opacity)) !important
}

.text-purple-700 {
    --text-opacity: 1 !important;
    color: #6b46c1 !important;
    color: rgba(107,70,193,var(--text-opacity)) !important
}

.text-primary {
    --text-opacity: 1 !important;
    color: #4a5568 !important;
    color: rgba(74,85,104,var(--text-opacity)) !important
}

.hover\:text-white:hover {
    --text-opacity: 1 !important;
    color: #fff !important;
    color: rgba(255,255,255,var(--text-opacity)) !important
}

.focus\:text-white:focus {
    --text-opacity: 1 !important;
    color: #fff !important;
    color: rgba(255,255,255,var(--text-opacity)) !important
}

.italic {
    font-style: italic !important
}

.uppercase {
    text-transform: uppercase !important
}

.underline {
    text-decoration: underline !important
}

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

.no-underline {
    text-decoration: none !important
}

.hover\:underline:hover {
    text-decoration: underline !important
}

.hover\:no-underline:hover {
    text-decoration: none !important
}

.subpixel-antialiased {
    -webkit-font-smoothing: auto !important;
    -moz-osx-font-smoothing: auto !important
}

.tracking-normal {
    letter-spacing: 0 !important
}

.align-middle {
    vertical-align: middle !important
}

.visible {
    visibility: visible !important
}

.w-4 {
    width: 1rem !important
}

.w-6 {
    width: 1.5rem !important
}

.w-16 {
    width: 4rem !important
}

.w-40 {
    width: 10rem !important
}

.w-48 {
    width: 12rem !important
}

.w-64 {
    width: 16rem !important
}

.w-auto {
    width: auto !important
}

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

.w-9\/12 {
    width: 75% !important
}

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

.w-screen {
    width: 100vw !important
}

.z-10 {
    z-index: 10 !important
}

.gap-3 {
    grid-gap: .75rem !important;
    gap: .75rem !important
}

.gap-4 {
    grid-gap: 1rem !important;
    gap: 1rem !important
}

.grid-cols-1 {
    -ms-grid-columns: (minmax(0,1fr))[1] !important;
    grid-template-columns: repeat(1,minmax(0,1fr)) !important
}

.grid-cols-6 {
    -ms-grid-columns: (minmax(0,1fr))[6] !important;
    grid-template-columns: repeat(6,minmax(0,1fr)) !important
}

.col-span-2 {
    -ms-grid-column-span: 2 !important;
    grid-column: span 2/span 2 !important
}

.transform {
    --transform-translate-x: 0 !important;
    --transform-translate-y: 0 !important;
    --transform-rotate: 0 !important;
    --transform-skew-x: 0 !important;
    --transform-skew-y: 0 !important;
    --transform-scale-x: 1 !important;
    --transform-scale-y: 1 !important;
    transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y)) !important
}

.hover\:scale-100:hover {
    --transform-scale-x: 1 !important;
    --transform-scale-y: 1 !important
}

.hover\:scale-110:hover {
    --transform-scale-x: 1.1 !important;
    --transform-scale-y: 1.1 !important
}

.hover\:scale-125:hover {
    --transform-scale-x: 1.25 !important;
    --transform-scale-y: 1.25 !important
}

.transition {
    transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,transform !important
}

.duration-100 {
    transition-duration: 100ms !important
}

@media(min-width:640px) {
    .sm\:items-center {
        align-items: center !important
    }

    .sm\:mx-4 {
        margin-left: 1rem !important;
        margin-right: 1rem !important
    }

    .sm\:max-w-lg {
        max-width: 32rem !important
    }

    .sm\:p-0 {
        padding: 0 !important
    }

    .sm\:py-3 {
        padding-top: .75rem !important;
        padding-bottom: .75rem !important
    }

    .sm\:px-4 {
        padding-left: 1rem !important;
        padding-right: 1rem !important
    }
}

@media(min-width:768px) {
    .md\:bg-transparent {
        background-color: transparent !important
    }

    .md\:flex {
        display: flex !important
    }

    .md\:hidden {
        display: none !important
    }

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

    .md\:items-center {
        align-items: center !important
    }

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

    .md\:mx-12 {
        margin-left: 3rem !important;
        margin-right: 3rem !important
    }

    .md\:mt-0 {
        margin-top: 0 !important
    }

    .md\:mb-0 {
        margin-bottom: 0 !important
    }

    .md\:mr-2 {
        margin-right: .5rem !important
    }

    .md\:ml-2 {
        margin-left: .5rem !important
    }

    .md\:max-w-xl {
        max-width: 36rem !important
    }

    .md\:p-0 {
        padding: 0 !important
    }

    .md\:px-2 {
        padding-left: .5rem !important;
        padding-right: .5rem !important
    }

    .md\:px-4 {
        padding-left: 1rem !important;
        padding-right: 1rem !important
    }

    .md\:pl-2 {
        padding-left: .5rem !important
    }

    .md\:pr-4 {
        padding-right: 1rem !important
    }

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

    .md\:grid-cols-2 {
        -ms-grid-columns: (minmax(0,1fr))[2] !important;
        grid-template-columns: repeat(2,minmax(0,1fr)) !important
    }

    .md\:grid-cols-3 {
        -ms-grid-columns: (minmax(0,1fr))[3] !important;
        grid-template-columns: repeat(3,minmax(0,1fr)) !important
    }
}

@media(min-width:1024px) {
    .lg\:inline {
        display: inline !important
    }

    .lg\:flex {
        display: flex !important
    }

    .lg\:mx-24 {
        margin-left: 6rem !important;
        margin-right: 6rem !important
    }

    .lg\:max-w-2xl {
        max-width: 42rem !important
    }

    .lg\:p-0 {
        padding: 0 !important
    }

    .lg\:w-48 {
        width: 12rem !important
    }

    .lg\:grid-cols-3 {
        -ms-grid-columns: (minmax(0,1fr))[3] !important;
        grid-template-columns: repeat(3,minmax(0,1fr)) !important
    }

    .lg\:grid-cols-6 {
        -ms-grid-columns: (minmax(0,1fr))[6] !important;
        grid-template-columns: repeat(6,minmax(0,1fr)) !important
    }
}