*,
:after,
:before {
    --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: rgba(43, 108, 176, .5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur:;
    --tw-brightness:;
    --tw-contrast:;
    --tw-grayscale:;
    --tw-hue-rotate:;
    --tw-invert:;
    --tw-saturate:;
    --tw-sepia:;
    --tw-drop-shadow:;
    --tw-backdrop-blur:;
    --tw-backdrop-brightness:;
    --tw-backdrop-contrast:;
    --tw-backdrop-grayscale:;
    --tw-backdrop-hue-rotate:;
    --tw-backdrop-invert:;
    --tw-backdrop-opacity:;
    --tw-backdrop-saturate:;
    --tw-backdrop-sepia:;
    --tw-contain-size:;
    --tw-contain-layout:;
    --tw-contain-paint:;
    --tw-contain-style:
}

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

/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/
*,
:after,
:before {
    border: 0 solid #e9eaea;
    box-sizing: border-box
}

:after,
:before {
    --tw-content: ""
}

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

body {
    line-height: inherit;
    margin: 0
}

hr {
    border-top-width: 1px;
    color: inherit;
    height: 0
}

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

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

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

b,
strong {
    font-weight: bolder
}

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

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

table {
    border-collapse: collapse;
    border-color: inherit;
    text-indent: 0
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font-family: inherit;
    font-feature-settings: inherit;
    font-size: 100%;
    font-variation-settings: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0
}

button,
select {
    text-transform: none
}

button,
input:where([type=button]),
input:where([type=reset]),
input:where([type=submit]) {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none
}

:-moz-focusring {
    outline: auto
}

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

progress {
    vertical-align: baseline
}

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

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

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

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

summary {
    display: list-item
}

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

fieldset {
    margin: 0
}

fieldset,
legend {
    padding: 0
}

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

dialog {
    padding: 0
}

textarea {
    resize: vertical
}

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

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

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

:disabled {
    cursor: default
}

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

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

[hidden]:where(:not([hidden=until-found])) {
    display: none
}

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

@media (min-width:1920px) {
    .container {
        max-width: 1920px
    }
}

@media (min-width:2560px) {
    .container {
        max-width: 2560px
    }
}

@media (min-width:3840px) {
    .container {
        max-width: 3840px
    }
}

@media (min-width:5120px) {
    .container {
        max-width: 5120px
    }
}

@media (min-width:7680px) {
    .container {
        max-width: 7680px
    }
}

@media (min-width:10240px) {
    .container {
        max-width: 10240px
    }
}

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

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

.pointer-events-auto {
    pointer-events: auto
}

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

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

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

.-left-12 {
    left: -3rem
}

.-left-16 {
    left: -4rem
}

.-right-12 {
    right: -3rem
}

.-right-13 {
    right: -3.125rem
}

.-right-16 {
    right: -4rem
}

.bottom-0 {
    bottom: 0
}

.bottom-2 {
    bottom: .5rem
}

.bottom-4 {
    bottom: 1rem
}

.left-0 {
    left: 0
}

.left-4 {
    left: 1rem
}

.left-52 {
    left: 13rem
}

.right-0 {
    right: 0
}

.right-1 {
    right: .25rem
}

.right-2 {
    right: .5rem
}

.right-4 {
    right: 1rem
}

.top-0 {
    top: 0
}

.top-1 {
    top: .25rem
}

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

.top-15 {
    top: 3.75rem
}

.top-2 {
    top: .5rem
}

.top-3 {
    top: .75rem
}

.top-4 {
    top: 1rem
}

.top-6 {
    top: 1.5rem
}

.top-full {
    top: 100%
}

.z-10 {
    z-index: 10
}

.z-100 {
    z-index: 100
}

.z-20 {
    z-index: 20
}

.z-30 {
    z-index: 30
}

.z-40 {
    z-index: 40
}

.z-50 {
    z-index: 50
}

.order-1 {
    order: 1
}

.order-2 {
    order: 2
}

.order-3 {
    order: 3
}

.order-last {
    order: 9999
}

.col-span-1 {
    grid-column: span 1/span 1
}

.col-span-2 {
    grid-column: span 2/span 2
}

.col-span-3 {
    grid-column: span 3/span 3
}

.row-span-2 {
    grid-row: span 2/span 2
}

.row-span-3 {
    grid-row: span 3/span 3
}

.row-start-1 {
    grid-row-start: 1
}

.float-right {
    float: right
}

.float-left {
    float: left
}

.-m-2 {
    margin: -.5rem
}

.m-0 {
    margin: 0
}

.m-2 {
    margin: .5rem
}

.m-3 {
    margin: .75rem
}

.m-4 {
    margin: 1rem
}

.m-5 {
    margin: 1.25rem
}

.m-8 {
    margin: 2rem
}

.m-auto {
    margin: auto
}

.-mx-4 {
    margin-left: -1rem;
    margin-right: -1rem
}

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

.mx-1 {
    margin-left: .25rem;
    margin-right: .25rem
}

.mx-10 {
    margin-left: 2.5rem;
    margin-right: 2.5rem
}

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

.mx-20 {
    margin-left: 5rem;
    margin-right: 5rem
}

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

.mx-4 {
    margin-left: 1rem;
    margin-right: 1rem
}

.mx-5 {
    margin-left: 1.25rem;
    margin-right: 1.25rem
}

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

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

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

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

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

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

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

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

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

.my-5 {
    margin-bottom: 1.25rem;
    margin-top: 1.25rem
}

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

.my-7 {
    margin-bottom: 1.75rem;
    margin-top: 1.75rem
}

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

.my-auto {
    margin-bottom: auto;
    margin-top: auto
}

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

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

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

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

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

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

.-mr-16 {
    margin-right: -4rem
}

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

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

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

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

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

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

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

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

.mb-0 {
    margin-bottom: 0
}

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

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

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

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

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

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

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

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

.mb-3\.5 {
    margin-bottom: 14px
}

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

.mb-5 {
    margin-bottom: 1.25rem
}

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

.mb-7 {
    margin-bottom: 1.75rem
}

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

.mb-9 {
    margin-bottom: 2.25rem
}

.ml-0 {
    margin-left: 0
}

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

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

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

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

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

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

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

.ml-3\.5 {
    margin-left: 14px
}

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

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

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

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

.ml-auto {
    margin-left: auto
}

.mr-0 {
    margin-right: 0
}

.mr-0\.5 {
    margin-right: .125rem
}

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

.mr-10 {
    margin-right: 2.5rem
}

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

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

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

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

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

.mr-6 {
    margin-right: 1.5rem
}

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

.mr-auto {
    margin-right: auto
}

.mt-0 {
    margin-top: 0
}

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

.mt-1\.5 {
    margin-top: 6px
}

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

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

.mt-14 {
    margin-top: 56px
}

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

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

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

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

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

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

.mt-40px {
    margin-top: 40px
}

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

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

.mt-7 {
    margin-top: 1.75rem
}

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

.mt-9 {
    margin-top: 2.25rem
}

.mt-auto {
    margin-top: auto
}

.box-border {
    box-sizing: border-box
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.inline {
    display: inline
}

.flex {
    display: flex
}

.inline-flex {
    display: inline-flex
}

.table {
    display: table
}

.table-cell {
    display: table-cell
}

.table-row {
    display: table-row
}

.grid {
    display: grid
}

.contents {
    display: contents
}

.list-item {
    display: list-item
}

.hidden {
    display: none
}

.h-0 {
    height: 0
}

.h-0\.5 {
    height: .125rem
}

.h-1 {
    height: .25rem
}

.h-1\/2 {
    height: 50%
}

.h-10 {
    height: 2.5rem
}

.h-100px {
    height: 100px
}

.h-12 {
    height: 3rem
}

.h-14 {
    height: 3.5rem
}

.h-15 {
    height: 3.75rem
}

.h-156 {
    height: 156px
}

.h-16 {
    height: 4rem
}

.h-17 {
    height: 17rem
}

.h-18 {
    height: 4.5rem
}

.h-180 {
    height: 180px
}

.h-184 {
    height: 184px
}

.h-2 {
    height: .5rem
}

.h-20 {
    height: 5rem
}

.h-200 {
    height: 200px
}

.h-210 {
    height: 210px
}

.h-24 {
    height: 6rem
}

.h-25px {
    height: 25px
}

.h-28px {
    height: 28px
}

.h-3 {
    height: .75rem
}

.h-315 {
    height: 315px
}

.h-32 {
    height: 8rem
}

.h-39px {
    height: 39px
}

.h-4 {
    height: 1rem
}

.h-40 {
    height: 10rem
}

.h-48 {
    height: 12rem
}

.h-5 {
    height: 1.25rem
}

.h-6 {
    height: 1.5rem
}

.h-7 {
    height: 1.75rem
}

.h-72 {
    height: 18rem
}

.h-8 {
    height: 2rem
}

.h-80 {
    height: 20rem
}

.h-9 {
    height: 2.25rem
}

.h-90 {
    height: 90vh
}

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

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

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

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

.h-auto {
    height: auto
}

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

.h-full {
    height: 100%
}

.h-px {
    height: 1px
}

.h-screen {
    height: 100vh
}

.max-h-0 {
    max-height: 0
}

.max-h-200px {
    max-height: 200px
}

.max-h-75 {
    max-height: 18.75rem
}

.min-h-0 {
    min-height: 0
}

.min-h-10 {
    min-height: 10rem
}

.min-h-12 {
    min-height: 12rem
}

.min-h-14 {
    min-height: 14rem
}

.min-h-16 {
    min-height: 16rem
}

.min-h-18 {
    min-height: 18rem
}

.min-h-19 {
    min-height: 19rem
}

.min-h-2 {
    min-height: 2rem
}

.min-h-2\.5 {
    min-height: 2.5rem
}

.min-h-23 {
    min-height: 23rem
}

.min-h-27 {
    min-height: 27rem
}

.min-h-35 {
    min-height: 35rem
}

.min-h-4 {
    min-height: 4rem
}

.min-h-42px {
    min-height: 42px
}

.min-h-6 {
    min-height: 6rem
}

.min-h-60px {
    min-height: 60px
}

.min-h-8\.5 {
    min-height: 8.5rem
}

.min-h-80px {
    min-height: 80px
}

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

.w-0 {
    width: 0
}

.w-1 {
    width: .25rem
}

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

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

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

.w-10 {
    width: 2.5rem
}

.w-10\/12 {
    width: 83.333333%
}

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

.w-1120 {
    width: 1120px
}

.w-12 {
    width: 3rem
}

.w-15 {
    width: 3.75rem
}

.w-16 {
    width: 4rem
}

.w-18\.75 {
    width: 7.5rem
}

.w-180 {
    width: 180px
}

.w-19\/20 {
    width: 95%
}

.w-2 {
    width: .5rem
}

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

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

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

.w-20 {
    width: 5rem
}

.w-200 {
    width: 200px
}

.w-220 {
    width: 220px
}

.w-22px {
    width: 22px
}

.w-24 {
    width: 6rem
}

.w-25px {
    width: 25px
}

.w-280 {
    width: 280px
}

.w-290 {
    width: 290px
}

.w-3 {
    width: .75rem
}

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

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

.w-3\/5 {
    width: 60%
}

.w-300 {
    width: 300px
}

.w-32 {
    width: 8rem
}

.w-330 {
    width: 330px
}

.w-35 {
    width: 8.75rem
}

.w-350 {
    width: 350px
}

.w-3px {
    width: 3px
}

.w-4 {
    width: 1rem
}

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

.w-4\/5 {
    width: 80%
}

.w-4\/6 {
    width: 66.666667%
}

.w-40 {
    width: 10rem
}

.w-400 {
    width: 400px
}

.w-48 {
    width: 12rem
}

.w-5 {
    width: 1.25rem
}

.w-5\/12 {
    width: 41.666667%
}

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

.w-56 {
    width: 14rem
}

.w-6 {
    width: 1.5rem
}

.w-64 {
    width: 16rem
}

.w-7 {
    width: 1.75rem
}

.w-7\/10 {
    width: 70%
}

.w-7\/50 {
    width: 14%
}

.w-8 {
    width: 2rem
}

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

.w-9 {
    width: 2.25rem
}

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

.w-90 {
    width: 90%
}

.w-96 {
    width: 24rem
}

.w-auto {
    width: auto
}

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

.w-full {
    width: 100%
}

.w-half {
    width: 50%
}

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

.w-screen {
    width: 100vw
}

.min-w-10 {
    min-width: 10rem
}

.min-w-12 {
    min-width: 12rem
}

.min-w-15 {
    min-width: 15rem
}

.min-w-2 {
    min-width: .5rem
}

.min-w-22px {
    min-width: 22px
}

.min-w-25px {
    min-width: 25px
}

.min-w-330 {
    min-width: 330px
}

.min-w-38px {
    min-width: 38px
}

.min-w-4 {
    min-width: 4rem
}

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

.max-w-12 {
    max-width: 12rem
}

.max-w-13 {
    max-width: 13rem
}

.max-w-16 {
    max-width: 16rem
}

.max-w-18 {
    max-width: 18rem
}

.max-w-2 {
    max-width: .5rem
}

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

.max-w-24 {
    max-width: 24rem
}

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

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

.max-w-380 {
    max-width: 380px
}

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

.max-w-4 {
    max-width: 4rem
}

.max-w-40 {
    max-width: 40rem
}

.max-w-48 {
    max-width: 48rem
}

.max-w-5 {
    max-width: 5rem
}

.max-w-6 {
    max-width: 6rem
}

.max-w-6xl {
    max-width: 72rem
}

.max-w-780 {
    max-width: 780px
}

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

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

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

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

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

.max-w-screen-md {
    max-width: 768px
}

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

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

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

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

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

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

.flex-auto {
    flex: 1 1 auto
}

.flex-initial {
    flex: 0 1 auto
}

.flex-none {
    flex: none
}

.flex-shrink {
    flex-shrink: 1
}

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

.flex-grow {
    flex-grow: 1
}

.border-collapse {
    border-collapse: collapse
}

.border-separate {
    border-collapse: separate
}

.border-spacing-y-4 {
    --tw-border-spacing-y: 1rem;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y)
}

.rotate-180 {
    --tw-rotate: 180deg
}

.rotate-180,
.rotate-45 {
    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-45 {
    --tw-rotate: 45deg
}

.rotate-90 {
    --tw-rotate: 90deg
}

.rotate-90,
.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))
}

.cursor-move {
    cursor: move
}

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

.cursor-pointer {
    cursor: pointer
}

.resize-none {
    resize: none
}

.resize {
    resize: both
}

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

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

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

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

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

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

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

.auto-cols-fr {
    grid-auto-columns: minmax(0, 1fr)
}

.auto-cols-max {
    grid-auto-columns: max-content
}

.grid-flow-row {
    grid-auto-flow: row
}

.grid-flow-col {
    grid-auto-flow: column
}

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

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

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

.grid-cols-3\/5 {
    grid-template-columns: 3fr 2fr
}

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

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

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

.grid-cols-candidates {
    grid-template-columns: 1fr 2px 1fr 2px 1fr
}

.grid-cols-icon-text {
    grid-template-columns: auto 1fr
}

.grid-cols-languages {
    grid-template-columns: 1fr 25%
}

.grid-cols-list {
    grid-template-columns: auto 1fr
}

.grid-cols-short-list {
    grid-template-columns: minmax(auto, 150px) 1fr
}

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

.flex-row {
    flex-direction: row
}

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

.flex-col {
    flex-direction: column
}

.flex-col-reverse {
    flex-direction: column-reverse
}

.flex-wrap {
    flex-wrap: wrap
}

.place-items-center {
    place-items: center
}

.place-items-baseline {
    place-items: baseline
}

.content-center {
    align-content: center
}

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

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

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

.items-center {
    align-items: center
}

.items-baseline {
    align-items: baseline
}

.items-stretch {
    align-items: stretch
}

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

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

.justify-center {
    justify-content: center
}

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

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

.justify-items-end {
    justify-items: end
}

.justify-items-center {
    justify-items: center
}

.gap-1 {
    gap: .25rem
}

.gap-12 {
    gap: 3rem
}

.gap-15 {
    gap: 3.75rem
}

.gap-2 {
    gap: .5rem
}

.gap-20 {
    gap: 8.75rem
}

.gap-3 {
    gap: .75rem
}

.gap-4 {
    gap: 1rem
}

.gap-5 {
    gap: 1.25rem
}

.gap-6 {
    gap: 1.5rem
}

.gap-7 {
    gap: 1.75rem
}

.gap-8 {
    gap: 2rem
}

.gap-9 {
    gap: 2.25rem
}

.gap-x-10 {
    -moz-column-gap: 2.5rem;
    column-gap: 2.5rem
}

.gap-x-20 {
    -moz-column-gap: 8.75rem;
    column-gap: 8.75rem
}

.gap-x-24 {
    -moz-column-gap: 6rem;
    column-gap: 6rem
}

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

.gap-x-6 {
    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem
}

.gap-x-8 {
    -moz-column-gap: 2rem;
    column-gap: 2rem
}

.gap-y-2 {
    row-gap: .5rem
}

.gap-y-2\.5 {
    row-gap: .625rem
}

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

.gap-y-6 {
    row-gap: 1.5rem
}

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

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

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

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

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

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

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

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

.self-center {
    align-self: center
}

.self-stretch {
    align-self: stretch
}

.overflow-auto {
    overflow: auto
}

.overflow-hidden {
    overflow: hidden
}

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

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

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

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

.text-ellipsis,
.truncate {
    text-overflow: ellipsis
}

.whitespace-nowrap {
    white-space: nowrap
}

.whitespace-pre {
    white-space: pre
}

.whitespace-pre-line {
    white-space: pre-line
}

.break-normal {
    overflow-wrap: normal;
    word-break: normal
}

.break-words {
    overflow-wrap: break-word
}

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

.rounded {
    border-radius: .25rem
}

.rounded-10px {
    border-radius: 10px
}

.rounded-9px {
    border-radius: 9px
}

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

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

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

.rounded-none {
    border-radius: 0
}

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

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

.rounded-l-xl {
    border-bottom-left-radius: .75rem;
    border-top-left-radius: .75rem
}

.rounded-r-xl {
    border-bottom-right-radius: .75rem;
    border-top-right-radius: .75rem
}

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

.rounded-t-2xl {
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem
}

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

.rounded-bl-lg {
    border-bottom-left-radius: .5rem
}

.rounded-tl-lg {
    border-top-left-radius: .5rem
}

.border {
    border-width: 1px
}

.border-0 {
    border-width: 0
}

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

.border-1\.5 {
    border-width: 1.5px
}

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

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

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

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

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

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

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

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

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

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

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

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

.border-b-nation {
    border-bottom-width: 1.3px
}

.border-b-share-icons {
    border-bottom-width: .6px
}

.border-l {
    border-left-width: 1px
}

.border-l-0 {
    border-left-width: 0
}

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

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

.border-l-5 {
    border-left-width: 5px
}

.border-l-8 {
    border-left-width: 8px
}

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

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

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

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

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

.border-solid {
    border-style: solid
}

.border-dotted {
    border-style: dotted
}

.border-hidden {
    border-style: hidden
}

.border-none {
    border-style: none
}

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

.border-blue-100 {
    --tw-border-opacity: 1;
    border-color: rgb(230 242 248/var(--tw-border-opacity, 1))
}

.border-blue-200 {
    --tw-border-opacity: 1;
    border-color: rgb(222 227 234/var(--tw-border-opacity, 1))
}

.border-blue-300 {
    --tw-border-opacity: 1;
    border-color: rgb(238 240 244/var(--tw-border-opacity, 1))
}

.border-blue-400 {
    --tw-border-opacity: 1;
    border-color: rgb(49 130 206/var(--tw-border-opacity, 1))
}

.border-blue-500 {
    --tw-border-opacity: 1;
    border-color: rgb(43 108 176/var(--tw-border-opacity, 1))
}

.border-blue-60 {
    --tw-border-opacity: 1;
    border-color: rgb(69 151 232/var(--tw-border-opacity, 1))
}

.border-blue-600 {
    --tw-border-opacity: 1;
    border-color: rgb(2 86 172/var(--tw-border-opacity, 1))
}

.border-blue-700 {
    --tw-border-opacity: 1;
    border-color: rgb(0 86 172/var(--tw-border-opacity, 1))
}

.border-blue-900 {
    --tw-border-opacity: 1;
    border-color: rgb(37 60 99/var(--tw-border-opacity, 1))
}

.border-blue-midnight {
    --tw-border-opacity: 1;
    border-color: rgb(22 54 100/var(--tw-border-opacity, 1))
}

.border-gray-100 {
    --tw-border-opacity: 1;
    border-color: rgb(237 240 244/var(--tw-border-opacity, 1))
}

.border-gray-120 {
    --tw-border-opacity: 1;
    border-color: rgb(244 246 249/var(--tw-border-opacity, 1))
}

.border-gray-140 {
    --tw-border-opacity: 1;
    border-color: rgb(197 205 218/var(--tw-border-opacity, 1))
}

.border-gray-160 {
    --tw-border-opacity: 1;
    border-color: rgb(211 224 236/var(--tw-border-opacity, 1))
}

.border-gray-200 {
    --tw-border-opacity: 1;
    border-color: rgb(233 234 234/var(--tw-border-opacity, 1))
}

.border-gray-300 {
    --tw-border-opacity: 1;
    border-color: rgb(229 229 229/var(--tw-border-opacity, 1))
}

.border-gray-40 {
    --tw-border-opacity: 1;
    border-color: rgb(242 245 248/var(--tw-border-opacity, 1))
}

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

.border-gray-500 {
    --tw-border-opacity: 1;
    border-color: rgb(111 119 123/var(--tw-border-opacity, 1))
}

.border-gray-600 {
    --tw-border-opacity: 1;
    border-color: rgb(145 145 145/var(--tw-border-opacity, 1))
}

.border-gray-700 {
    --tw-border-opacity: 1;
    border-color: rgb(112 119 123/var(--tw-border-opacity, 1))
}

.border-gray-750 {
    --tw-border-opacity: 1;
    border-color: rgb(51 51 51/var(--tw-border-opacity, 1))
}

.border-gray-80 {
    --tw-border-opacity: 1;
    border-color: rgb(223 227 233/var(--tw-border-opacity, 1))
}

.border-gray-85 {
    --tw-border-opacity: 1;
    border-color: rgb(212 221 236/var(--tw-border-opacity, 1))
}

.border-gray-900 {
    --tw-border-opacity: 1;
    border-color: rgb(38 41 46/var(--tw-border-opacity, 1))
}

.border-gray-95 {
    --tw-border-opacity: 1;
    border-color: rgb(165 177 193/var(--tw-border-opacity, 1))
}

.border-green-200 {
    --tw-border-opacity: 1;
    border-color: rgb(162 213 180/var(--tw-border-opacity, 1))
}

.border-green-400 {
    --tw-border-opacity: 1;
    border-color: rgb(27 157 107/var(--tw-border-opacity, 1))
}

.border-green-500 {
    --tw-border-opacity: 1;
    border-color: rgb(7 103 37/var(--tw-border-opacity, 1))
}

.border-neutral-500 {
    --tw-border-opacity: 1;
    border-color: rgb(115 115 115/var(--tw-border-opacity, 1))
}

.border-purple-150 {
    --tw-border-opacity: 1;
    border-color: rgb(230 230 253/var(--tw-border-opacity, 1))
}

.border-purple-560 {
    --tw-border-opacity: 1;
    border-color: rgb(194 177 245/var(--tw-border-opacity, 1))
}

.border-red-200 {
    --tw-border-opacity: 1;
    border-color: rgb(240 65 52/var(--tw-border-opacity, 1))
}

.border-red-300 {
    --tw-border-opacity: 1;
    border-color: rgb(191 9 9/var(--tw-border-opacity, 1))
}

.border-red-400 {
    --tw-border-opacity: 1;
    border-color: rgb(253 88 58/var(--tw-border-opacity, 1))
}

.border-red-500 {
    --tw-border-opacity: 1;
    border-color: rgb(255 7 7/var(--tw-border-opacity, 1))
}

.border-red-600 {
    --tw-border-opacity: 1;
    border-color: rgb(235 3 3/var(--tw-border-opacity, 1))
}

.border-red-700 {
    --tw-border-opacity: 1;
    border-color: rgb(207 0 11/var(--tw-border-opacity, 1))
}

.border-red-800 {
    --tw-border-opacity: 1;
    border-color: rgb(178 20 20/var(--tw-border-opacity, 1))
}

.border-transparent {
    border-color: transparent
}

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

.border-yellow-400 {
    --tw-border-opacity: 1;
    border-color: rgb(255 209 71/var(--tw-border-opacity, 1))
}

.border-yellow-600 {
    --tw-border-opacity: 1;
    border-color: rgb(240 166 0/var(--tw-border-opacity, 1))
}

.border-yellow-900 {
    --tw-border-opacity: 1;
    border-color: rgb(154 100 0/var(--tw-border-opacity, 1))
}

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

.bg-blue-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(230 242 248/var(--tw-bg-opacity, 1))
}

.bg-blue-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(222 227 234/var(--tw-bg-opacity, 1))
}

.bg-blue-300 {
    --tw-bg-opacity: 1;
    background-color: rgb(238 240 244/var(--tw-bg-opacity, 1))
}

.bg-blue-310 {
    --tw-bg-opacity: 1;
    background-color: rgb(242 249 255/var(--tw-bg-opacity, 1))
}

.bg-blue-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(49 130 206/var(--tw-bg-opacity, 1))
}

.bg-blue-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(238 243 251/var(--tw-bg-opacity, 1))
}

.bg-blue-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(43 108 176/var(--tw-bg-opacity, 1))
}

.bg-blue-580 {
    --tw-bg-opacity: 1;
    background-color: rgb(19 99 208/var(--tw-bg-opacity, 1))
}

.bg-blue-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(2 86 172/var(--tw-bg-opacity, 1))
}

.bg-blue-70 {
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 252/var(--tw-bg-opacity, 1))
}

.bg-blue-700 {
    --tw-bg-opacity: 1;
    background-color: rgb(0 86 172/var(--tw-bg-opacity, 1))
}

.bg-blue-750 {
    --tw-bg-opacity: 1;
    background-color: rgb(24 67 151/var(--tw-bg-opacity, 1))
}

.bg-blue-775 {
    --tw-bg-opacity: 1;
    background-color: rgb(21 59 132/var(--tw-bg-opacity, 1))
}

.bg-blue-780 {
    --tw-bg-opacity: 1;
    background-color: rgb(0 113 227/var(--tw-bg-opacity, 1))
}

.bg-blue-80 {
    --tw-bg-opacity: 1;
    background-color: rgb(243 248 251/var(--tw-bg-opacity, 1))
}

.bg-blue-850 {
    --tw-bg-opacity: 1;
    background-color: rgb(0 93 128/var(--tw-bg-opacity, 1))
}

.bg-blue-900 {
    --tw-bg-opacity: 1;
    background-color: rgb(37 60 99/var(--tw-bg-opacity, 1))
}

.bg-blue-950 {
    --tw-bg-opacity: 1;
    background-color: rgb(35 52 88/var(--tw-bg-opacity, 1))
}

.bg-blue-960 {
    --tw-bg-opacity: 1;
    background-color: rgb(61 64 83/var(--tw-bg-opacity, 1))
}

.bg-blue-midnight {
    --tw-bg-opacity: 1;
    background-color: rgb(22 54 100/var(--tw-bg-opacity, 1))
}

.bg-focus {
    --tw-bg-opacity: 1;
    background-color: rgb(255 209 71/var(--tw-bg-opacity, 1))
}

.bg-footer {
    --tw-bg-opacity: 1;
    background-color: rgb(70 76 87/var(--tw-bg-opacity, 1))
}

.bg-gray-10 {
    background-color: #fbfbfba1
}

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

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

.bg-gray-130 {
    --tw-bg-opacity: 1;
    background-color: rgb(236 242 249/var(--tw-bg-opacity, 1))
}

.bg-gray-140 {
    --tw-bg-opacity: 1;
    background-color: rgb(197 205 218/var(--tw-bg-opacity, 1))
}

.bg-gray-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(233 234 234/var(--tw-bg-opacity, 1))
}

.bg-gray-300 {
    --tw-bg-opacity: 1;
    background-color: rgb(229 229 229/var(--tw-bg-opacity, 1))
}

.bg-gray-40 {
    --tw-bg-opacity: 1;
    background-color: rgb(242 245 248/var(--tw-bg-opacity, 1))
}

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

.bg-gray-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(244 244 244/var(--tw-bg-opacity, 1))
}

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

.bg-gray-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(145 145 145/var(--tw-bg-opacity, 1))
}

.bg-gray-65 {
    --tw-bg-opacity: 1;
    background-color: rgb(246 246 254/var(--tw-bg-opacity, 1))
}

.bg-gray-70 {
    --tw-bg-opacity: 1;
    background-color: rgb(246 249 252/var(--tw-bg-opacity, 1))
}

.bg-gray-700 {
    --tw-bg-opacity: 1;
    background-color: rgb(112 119 123/var(--tw-bg-opacity, 1))
}

.bg-gray-75 {
    --tw-bg-opacity: 1;
    background-color: rgb(242 242 242/var(--tw-bg-opacity, 1))
}

.bg-gray-80 {
    --tw-bg-opacity: 1;
    background-color: rgb(223 227 233/var(--tw-bg-opacity, 1))
}

.bg-gray-800 {
    --tw-bg-opacity: 1;
    background-color: rgb(77 77 77/var(--tw-bg-opacity, 1))
}

.bg-gray-85 {
    --tw-bg-opacity: 1;
    background-color: rgb(212 221 236/var(--tw-bg-opacity, 1))
}

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

.bg-gray-900 {
    --tw-bg-opacity: 1;
    background-color: rgb(38 41 46/var(--tw-bg-opacity, 1))
}

.bg-gray-950 {
    --tw-bg-opacity: 1;
    background-color: rgb(14 26 38/var(--tw-bg-opacity, 1))
}

.bg-green-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(201 240 216/var(--tw-bg-opacity, 1))
}

.bg-green-300 {
    --tw-bg-opacity: 1;
    background-color: rgb(7 129 82/var(--tw-bg-opacity, 1))
}

.bg-green-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(27 157 107/var(--tw-bg-opacity, 1))
}

.bg-green-430 {
    --tw-bg-opacity: 1;
    background-color: rgb(33 130 80/var(--tw-bg-opacity, 1))
}

.bg-green-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(227 243 236/var(--tw-bg-opacity, 1))
}

.bg-green-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(7 103 37/var(--tw-bg-opacity, 1))
}

.bg-green-525 {
    --tw-bg-opacity: 1;
    background-color: rgb(39 143 62/var(--tw-bg-opacity, 1))
}

.bg-green-550 {
    --tw-bg-opacity: 1;
    background-color: rgb(0 153 0/var(--tw-bg-opacity, 1))
}

.bg-green-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(0 130 59/var(--tw-bg-opacity, 1))
}

.bg-indigo-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(238 243 251/var(--tw-bg-opacity, 1))
}

.bg-indigo-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(71 77 152/var(--tw-bg-opacity, 1))
}

.bg-indigo-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(54 58 115/var(--tw-bg-opacity, 1))
}

.bg-indigo-900 {
    --tw-bg-opacity: 1;
    background-color: rgb(13 16 40/var(--tw-bg-opacity, 1))
}

.bg-neutral-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(197 205 218/var(--tw-bg-opacity, 1))
}

.bg-orange-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(254 215 170/var(--tw-bg-opacity, 1))
}

.bg-purple-150 {
    --tw-bg-opacity: 1;
    background-color: rgb(230 230 253/var(--tw-bg-opacity, 1))
}

.bg-purple-300 {
    --tw-bg-opacity: 1;
    background-color: rgb(232 221 229/var(--tw-bg-opacity, 1))
}

.bg-purple-555 {
    --tw-bg-opacity: 1;
    background-color: rgb(83 76 137/var(--tw-bg-opacity, 1))
}

.bg-red-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(255 239 240/var(--tw-bg-opacity, 1))
}

.bg-red-125 {
    --tw-bg-opacity: 1;
    background-color: rgb(255 243 243/var(--tw-bg-opacity, 1))
}

.bg-red-130 {
    --tw-bg-opacity: 1;
    background-color: rgb(254 234 234/var(--tw-bg-opacity, 1))
}

.bg-red-250 {
    --tw-bg-opacity: 1;
    background-color: rgb(252 238 238/var(--tw-bg-opacity, 1))
}

.bg-red-300 {
    --tw-bg-opacity: 1;
    background-color: rgb(191 9 9/var(--tw-bg-opacity, 1))
}

.bg-red-450 {
    --tw-bg-opacity: 1;
    background-color: rgb(223 42 48/var(--tw-bg-opacity, 1))
}

.bg-red-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(255 7 7/var(--tw-bg-opacity, 1))
}

.bg-red-550 {
    --tw-bg-opacity: 1;
    background-color: rgb(229 31 45/var(--tw-bg-opacity, 1))
}

.bg-red-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(235 3 3/var(--tw-bg-opacity, 1))
}

.bg-red-630 {
    --tw-bg-opacity: 1;
    background-color: rgb(226 0 0/var(--tw-bg-opacity, 1))
}

.bg-red-700 {
    --tw-bg-opacity: 1;
    background-color: rgb(207 0 11/var(--tw-bg-opacity, 1))
}

.bg-red-750 {
    --tw-bg-opacity: 1;
    background-color: rgb(191 8 10/var(--tw-bg-opacity, 1))
}

.bg-transparent {
    background-color: transparent
}

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

.bg-yellow-125 {
    --tw-bg-opacity: 1;
    background-color: rgb(255 250 239/var(--tw-bg-opacity, 1))
}

.bg-yellow-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(254 240 138/var(--tw-bg-opacity, 1))
}

.bg-yellow-300 {
    --tw-bg-opacity: 1;
    background-color: rgb(255 249 232/var(--tw-bg-opacity, 1))
}

.bg-yellow-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(255 209 71/var(--tw-bg-opacity, 1))
}

.bg-yellow-650 {
    --tw-bg-opacity: 1;
    background-color: rgb(255 221 0/var(--tw-bg-opacity, 1))
}

.bg-code-partitioned {
    background-image: linear-gradient(270deg, #000 70%, hsla(0, 0%, 100%, 0) 0)
}

.bg-50 {
    background-size: 50px 1px
}

.bg-cover {
    background-size: cover
}

.bg-bottom {
    background-position: bottom
}

.bg-center {
    background-position: 50%
}

.bg-no-repeat {
    background-repeat: no-repeat
}

.fill-current {
    fill: currentColor
}

.stroke-current {
    stroke: currentColor
}

.object-contain {
    -o-object-fit: contain;
    object-fit: contain
}

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

.p-0 {
    padding: 0
}

.p-1 {
    padding: .25rem
}

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

.p-10 {
    padding: 2.5rem
}

.p-12 {
    padding: 3rem
}

.p-14 {
    padding: 3.5rem
}

.p-2 {
    padding: .5rem
}

.p-3 {
    padding: .75rem
}

.p-4 {
    padding: 1rem
}

.p-42px {
    padding: 42px
}

.p-5 {
    padding: 1.25rem
}

.p-6 {
    padding: 1.5rem
}

.p-7 {
    padding: 1.75rem
}

.p-8 {
    padding: 2rem
}

.p-9 {
    padding: 2.25rem
}

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

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

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

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

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

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

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

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

.px-32 {
    padding-left: 8rem;
    padding-right: 8rem
}

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

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

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

.px-7 {
    padding-left: 1.75rem;
    padding-right: 1.75rem
}

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

.px-9 {
    padding-left: 2.25rem;
    padding-right: 2.25rem
}

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

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

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

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

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

.py-16 {
    padding-bottom: 4rem;
    padding-top: 4rem
}

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

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

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

.py-3\.5 {
    padding-bottom: 14px;
    padding-top: 14px
}

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

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

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

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

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

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

.pb-0 {
    padding-bottom: 0
}

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

.pb-10 {
    padding-bottom: 2.5rem
}

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

.pb-12 {
    padding-bottom: 3rem
}

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

.pb-18 {
    padding-bottom: 4.5rem
}

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

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

.pb-3 {
    padding-bottom: .75rem
}

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

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

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

.pb-7 {
    padding-bottom: 1.75rem
}

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

.pb-9 {
    padding-bottom: 2.25rem
}

.pe-3 {
    padding-inline-end: .75rem
}

.pl-0 {
    padding-left: 0
}

.pl-1 {
    padding-left: .25rem
}

.pl-10 {
    padding-left: 2.5rem
}

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

.pl-15px {
    padding-left: 15px
}

.pl-16 {
    padding-left: 4rem
}

.pl-18 {
    padding-left: 4.5rem
}

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

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

.pl-4 {
    padding-left: 1rem
}

.pl-5 {
    padding-left: 1.25rem
}

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

.pl-7 {
    padding-left: 1.75rem
}

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

.pl-9 {
    padding-left: 2.25rem
}

.pr-0 {
    padding-right: 0
}

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

.pr-10 {
    padding-right: 2.5rem
}

.pr-12 {
    padding-right: 3rem
}

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

.pr-18 {
    padding-right: 4.5rem
}

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

.pr-3 {
    padding-right: .75rem
}

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

.pr-5 {
    padding-right: 1.25rem
}

.pr-6 {
    padding-right: 1.5rem
}

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

.pr-9 {
    padding-right: 2.25rem
}

.pt-0 {
    padding-top: 0
}

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

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

.pt-10 {
    padding-top: 2.5rem
}

.pt-10px {
    padding-top: 10px
}

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

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

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

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

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

.pt-50px {
    padding-top: 50px
}

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

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

.pt-9 {
    padding-top: 2.25rem
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.text-justify {
    text-align: justify
}

.text-start {
    text-align: start
}

.align-baseline {
    vertical-align: baseline
}

.align-top {
    vertical-align: top
}

.align-middle {
    vertical-align: middle
}

.align-bottom {
    vertical-align: bottom
}

.text-15 {
    font-size: 15px
}

.text-17 {
    font-size: 17px
}

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

.text-32 {
    font-size: 32px
}

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

.text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem
}

.text-5xl {
    font-size: 3rem;
    line-height: 1
}

.text-6xl {
    font-size: 3.75rem;
    line-height: 1
}

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

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

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

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

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

.font-black {
    font-weight: 900
}

.font-bold {
    font-weight: 700
}

.font-extrabold {
    font-weight: 800
}

.font-medium {
    font-weight: 500
}

.font-normal {
    font-weight: 400
}

.font-semibold {
    font-weight: 600
}

.uppercase {
    text-transform: uppercase
}

.lowercase {
    text-transform: lowercase
}

.capitalize {
    text-transform: capitalize
}

.italic {
    font-style: italic
}

.not-italic {
    font-style: normal
}

.leading-10 {
    line-height: 2.5rem
}

.leading-13 {
    line-height: 3.25rem
}

.leading-18 {
    line-height: 18px
}

.leading-3 {
    line-height: .75rem
}

.leading-4 {
    line-height: 1rem
}

.leading-5 {
    line-height: 1.25rem
}

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

.leading-7 {
    line-height: 1.75rem
}

.leading-8 {
    line-height: 2rem
}

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

.leading-extra-tight {
    line-height: 1.15
}

.leading-loose {
    line-height: 2
}

.leading-none {
    line-height: 1
}

.leading-normal {
    line-height: 1.5
}

.leading-snug {
    line-height: 1.375
}

.leading-tight {
    line-height: 1.25
}

.tracking-code {
    letter-spacing: 2.625em
}

.tracking-normal {
    letter-spacing: 0
}

.tracking-page {
    letter-spacing: .014em
}

.tracking-tight {
    letter-spacing: -.025em
}

.tracking-wider {
    letter-spacing: .05em
}

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

.text-blue-1000 {
    --tw-text-opacity: 1;
    color: rgb(29 43 73/var(--tw-text-opacity, 1))
}

.text-blue-300 {
    --tw-text-opacity: 1;
    color: rgb(238 240 244/var(--tw-text-opacity, 1))
}

.text-blue-375 {
    --tw-text-opacity: 1;
    color: rgb(7 71 135/var(--tw-text-opacity, 1))
}

.text-blue-400 {
    --tw-text-opacity: 1;
    color: rgb(49 130 206/var(--tw-text-opacity, 1))
}

.text-blue-425 {
    --tw-text-opacity: 1;
    color: rgb(51 25 128/var(--tw-text-opacity, 1))
}

.text-blue-500 {
    --tw-text-opacity: 1;
    color: rgb(43 108 176/var(--tw-text-opacity, 1))
}

.text-blue-550 {
    --tw-text-opacity: 1;
    color: rgb(61 107 171/var(--tw-text-opacity, 1))
}

.text-blue-600 {
    --tw-text-opacity: 1;
    color: rgb(2 86 172/var(--tw-text-opacity, 1))
}

.text-blue-700 {
    --tw-text-opacity: 1;
    color: rgb(0 86 172/var(--tw-text-opacity, 1))
}

.text-blue-960 {
    --tw-text-opacity: 1;
    color: rgb(61 64 83/var(--tw-text-opacity, 1))
}

.text-blue-perPage {
    --tw-text-opacity: 1;
    color: rgb(11 91 175/var(--tw-text-opacity, 1))
}

.text-blue-procedure {
    --tw-text-opacity: 1;
    color: rgb(7 71 135/var(--tw-text-opacity, 1))
}

.text-cyan-500 {
    --tw-text-opacity: 1;
    color: rgb(172 242 255/var(--tw-text-opacity, 1))
}

.text-gray-140 {
    --tw-text-opacity: 1;
    color: rgb(197 205 218/var(--tw-text-opacity, 1))
}

.text-gray-20 {
    --tw-text-opacity: 1;
    color: rgb(95 95 95/var(--tw-text-opacity, 1))
}

.text-gray-200 {
    --tw-text-opacity: 1;
    color: rgb(233 234 234/var(--tw-text-opacity, 1))
}

.text-gray-300 {
    --tw-text-opacity: 1;
    color: rgb(229 229 229/var(--tw-text-opacity, 1))
}

.text-gray-350 {
    --tw-text-opacity: 1;
    color: rgb(138 148 162/var(--tw-text-opacity, 1))
}

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

.text-gray-500 {
    --tw-text-opacity: 1;
    color: rgb(111 119 123/var(--tw-text-opacity, 1))
}

.text-gray-525 {
    --tw-text-opacity: 1;
    color: rgb(125 127 130/var(--tw-text-opacity, 1))
}

.text-gray-600 {
    --tw-text-opacity: 1;
    color: rgb(145 145 145/var(--tw-text-opacity, 1))
}

.text-gray-700 {
    --tw-text-opacity: 1;
    color: rgb(112 119 123/var(--tw-text-opacity, 1))
}

.text-gray-725 {
    --tw-text-opacity: 1;
    color: rgb(85 88 105/var(--tw-text-opacity, 1))
}

.text-gray-750 {
    --tw-text-opacity: 1;
    color: rgb(51 51 51/var(--tw-text-opacity, 1))
}

.text-gray-760 {
    --tw-text-opacity: 1;
    color: rgb(47 47 47/var(--tw-text-opacity, 1))
}

.text-gray-770 {
    --tw-text-opacity: 1;
    color: rgb(60 65 69/var(--tw-text-opacity, 1))
}

.text-gray-800 {
    --tw-text-opacity: 1;
    color: rgb(77 77 77/var(--tw-text-opacity, 1))
}

.text-gray-850 {
    --tw-text-opacity: 1;
    color: rgb(47 47 47/var(--tw-text-opacity, 1))
}

.text-gray-900 {
    --tw-text-opacity: 1;
    color: rgb(38 41 46/var(--tw-text-opacity, 1))
}

.text-green-300 {
    --tw-text-opacity: 1;
    color: rgb(7 129 82/var(--tw-text-opacity, 1))
}

.text-green-500 {
    --tw-text-opacity: 1;
    color: rgb(7 103 37/var(--tw-text-opacity, 1))
}

.text-indigo-500 {
    --tw-text-opacity: 1;
    color: rgb(71 77 152/var(--tw-text-opacity, 1))
}

.text-indigo-900 {
    --tw-text-opacity: 1;
    color: rgb(13 16 40/var(--tw-text-opacity, 1))
}

.text-inherit {
    color: inherit
}

.text-neutral-550 {
    --tw-text-opacity: 1;
    color: rgb(85 88 105/var(--tw-text-opacity, 1))
}

.text-neutral-700 {
    --tw-text-opacity: 1;
    color: rgb(61 64 83/var(--tw-text-opacity, 1))
}

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

.text-purple-600 {
    --tw-text-opacity: 1;
    color: rgb(118 54 104/var(--tw-text-opacity, 1))
}

.text-red-300 {
    --tw-text-opacity: 1;
    color: rgb(191 9 9/var(--tw-text-opacity, 1))
}

.text-red-450 {
    --tw-text-opacity: 1;
    color: rgb(223 42 48/var(--tw-text-opacity, 1))
}

.text-red-500 {
    --tw-text-opacity: 1;
    color: rgb(255 7 7/var(--tw-text-opacity, 1))
}

.text-red-600 {
    --tw-text-opacity: 1;
    color: rgb(235 3 3/var(--tw-text-opacity, 1))
}

.text-red-700 {
    --tw-text-opacity: 1;
    color: rgb(207 0 11/var(--tw-text-opacity, 1))
}

.text-red-800 {
    --tw-text-opacity: 1;
    color: rgb(178 20 20/var(--tw-text-opacity, 1))
}

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

.text-yellow-500 {
    --tw-text-opacity: 1;
    color: rgb(255 191 71/var(--tw-text-opacity, 1))
}

.text-yellow-800 {
    --tw-text-opacity: 1;
    color: rgb(153 115 0/var(--tw-text-opacity, 1))
}

.text-yellow-900 {
    --tw-text-opacity: 1;
    color: rgb(154 100 0/var(--tw-text-opacity, 1))
}

.underline {
    text-decoration-line: underline
}

.no-underline {
    text-decoration-line: none
}

.antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.opacity-0 {
    opacity: 0
}

.opacity-100 {
    opacity: 1
}

.opacity-25 {
    opacity: .25
}

.opacity-50 {
    opacity: .5
}

.opacity-75 {
    opacity: .75
}

.opacity-80 {
    opacity: .8
}

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

.shadow,
.shadow-2xl {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-2xl {
    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25);
    --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color)
}

.shadow-calendar {
    --tw-shadow: 3px 3px 29px -3px #dee3ea;
    --tw-shadow-colored: 3px 3px 29px -3px var(--tw-shadow-color)
}

.shadow-calendar,
.shadow-campaign-card {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-campaign-card {
    --tw-shadow: 2px 3px 23px -4px #d3e0ec;
    --tw-shadow-colored: 2px 3px 23px -4px var(--tw-shadow-color)
}

.shadow-card-container {
    --tw-shadow: 0px 0px 11px 0px #8A8E9226;
    ;
    --tw-shadow-colored: 0px 0px 11px 0px var(--tw-shadow-color)
}

.shadow-card-container,
.shadow-card-home {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-card-home {
    --tw-shadow: 5px 1px 30px 0px rgba(133, 169, 211, .3);
    ;
    --tw-shadow-colored: 5px 1px 30px 0px var(--tw-shadow-color)
}

.shadow-contact-card {
    --tw-shadow: 0px 6px 20px rgba(189, 196, 206, .45);
    ;
    --tw-shadow-colored: 0px 6px 20px var(--tw-shadow-color)
}

.shadow-contact-card,
.shadow-feed-img {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-feed-img {
    --tw-shadow: 1px 1px 2px 0px rgba(0, 0, 0, .25);
    --tw-shadow-colored: 1px 1px 2px 0px var(--tw-shadow-color)
}

.shadow-filters {
    --tw-shadow: 0px 6px 9px rgba(222, 227, 234, .74);
    ;
    --tw-shadow-colored: 0px 6px 9px var(--tw-shadow-color)
}

.shadow-filters,
.shadow-general-link {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-general-link {
    --tw-shadow: 0px 0px 4px rgba(191, 203, 222, .7);
    ;
    --tw-shadow-colored: 0px 0px 4px var(--tw-shadow-color)
}

.shadow-highlighted-card {
    --tw-shadow: 4px 5px 16px -4px #dee3ea;
    --tw-shadow-colored: 4px 5px 16px -4px var(--tw-shadow-color)
}

.shadow-highlighted-card,
.shadow-institution-feedbacks {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-institution-feedbacks {
    --tw-shadow: 2px 3px 23px -4px rgba(211, 224, 236, .6);
    --tw-shadow-colored: 2px 3px 23px -4px var(--tw-shadow-color)
}

.shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color)
}

.shadow-lg,
.shadow-md {
    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 rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color)
}

.shadow-none {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000
}

.shadow-none,
.shadow-segment-pages {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-segment-pages {
    --tw-shadow: 0px 0px 11px hsla(210, 4%, 56%, .15);
    ;
    --tw-shadow-colored: 0px 0px 11px var(--tw-shadow-color)
}

.shadow-share-icons {
    --tw-shadow: 0px 4px 12px 3px rgba(0, 0, 0, .05);
    --tw-shadow-colored: 0px 4px 12px 3px var(--tw-shadow-color)
}

.shadow-share-icons,
.shadow-sismo {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-sismo {
    --tw-shadow: -5px 9px 52px rgba(192, 200, 208, .6);
    --tw-shadow-colored: -5px 9px 52px var(--tw-shadow-color)
}

.shadow-tabItem {
    --tw-shadow: 0px 4px 18px rgba(197, 205, 218, .8);
    ;
    --tw-shadow-colored: 0px 4px 18px var(--tw-shadow-color)
}

.shadow-tabItem,
.shadow-tag {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-tag {
    --tw-shadow: 0px 1px 4px rgba(197, 205, 218, .77);
    ;
    --tw-shadow-colored: 0px 1px 4px var(--tw-shadow-color)
}

.shadow-theme-subcategory {
    --tw-shadow: 0px 3px 19px 0px #BFCBDE99;
    ;
    --tw-shadow-colored: 0px 3px 19px 0px var(--tw-shadow-color)
}

.shadow-theme-subcategory,
.shadow-topic-social-network-icon {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-topic-social-network-icon {
    --tw-shadow: 2px 3px 23px -4px #D3E0EC;
    ;
    --tw-shadow-colored: 2px 3px 23px -4px var(--tw-shadow-color)
}

.shadow-underline {
    --tw-shadow: 0 -2px #ffd147, 0 4px #0b0c0c;
    ;
    --tw-shadow-colored: 0 -2px var(--tw-shadow-color), 0 4px var(--tw-shadow-color)
}

.shadow-underline,
.shadow-xl {
    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 rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color)
}

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

.outline {
    outline-style: solid
}

.ring-offset-4 {
    --tw-ring-offset-width: 4px
}

.blur {
    --tw-blur: blur(8px)
}

.blur,
.blur-md {
    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)
}

.blur-md {
    --tw-blur: blur(12px)
}

.drop-shadow {
    --tw-drop-shadow: drop-shadow(0 1px 2px rgba(0, 0, 0, .1)) drop-shadow(0 1px 1px rgba(0, 0, 0, .06))
}

.drop-shadow,
.grayscale {
    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)
}

.grayscale {
    --tw-grayscale: grayscale(100%)
}

.invert {
    --tw-invert: invert(100%)
}

.invert,
.sepia {
    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)
}

.sepia {
    --tw-sepia: sepia(100%)
}

.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-duration: .15s;
    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-all {
    transition-duration: .15s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-opacity {
    transition-duration: .15s;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.duration-1000 {
    transition-duration: 1s
}

.duration-200 {
    transition-duration: .2s
}

.duration-300 {
    transition-duration: .3s
}

.duration-500 {
    transition-duration: .5s
}

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

.outline-yellow {
    outline: 3px solid #ffd147
}

.whitespace-no-wrap {
    white-space: nowrap
}

.border-none {
    border: none
}

.choices {
    font-size: 16px;
    margin-bottom: 24px;
    overflow: hidden;
    position: relative
}

    .choices:focus {
        outline: none
    }

    .choices:last-child {
        margin-bottom: 0
    }

    .choices.is-open {
        overflow: initial
    }

    .choices.is-disabled .choices__inner,
    .choices.is-disabled .choices__inner__custom,
    .choices.is-disabled .choices__input,
    .choices.is-disabled .choices__input__custom {
        background-color: #eaeaea;
        cursor: not-allowed;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none
    }

    .choices.is-disabled .choices__item {
        cursor: not-allowed
    }

    .choices [hidden] {
        display: none !important
    }

    .choices[data-type*=select-one] {
        cursor: pointer
    }

        .choices[data-type*=select-one] .choices__inner,
        .choices[data-type*=select-one] .choices__inner__custom {
            padding-bottom: 7.5px
        }

        .choices[data-type*=select-one] .choices__input,
        .choices[data-type*=select-one] .choices__input__custom {
            background-color: #fff;
            border-bottom: 1px solid #ddd;
            display: block;
            margin: 0;
            padding: 10px;
            width: 100%
        }

        .choices[data-type*=select-one] .choices__button {
            background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMSIgaGVpZ2h0PSIyMSIgdmlld0JveD0iMCAwIDIxIDIxIj48ZyBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Im0yLjU5Mi4wNDQgMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NCAxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==");
            background-size: 8px;
            border-radius: 10em;
            height: 20px;
            margin-right: 25px;
            margin-top: -10px;
            opacity: .25;
            padding: 0;
            position: absolute;
            right: 0;
            top: 50%;
            width: 20px
        }

            .choices[data-type*=select-one] .choices__button:focus,
            .choices[data-type*=select-one] .choices__button:hover {
                opacity: 1
            }

            .choices[data-type*=select-one] .choices__button:focus {
                box-shadow: 0 0 0 2px #00bcd4
            }

        .choices[data-type*=select-one] .choices__item[data-value=""] .choices__button {
            display: none
        }

        .choices[data-type*=select-one]:after {
            border: 5px solid transparent;
            border-top-color: #333;
            content: "";
            height: 0;
            margin-top: -2.5px;
            pointer-events: none;
            position: absolute;
            right: 11.5px;
            top: 50%;
            width: 0
        }

        .choices[data-type*=select-one].is-open:after {
            border-color: transparent transparent #333;
            margin-top: -7.5px
        }

        .choices[data-type*=select-one][dir=rtl]:after {
            left: 11.5px;
            right: auto
        }

        .choices[data-type*=select-one][dir=rtl] .choices__button {
            left: 0;
            margin-left: 25px;
            margin-right: 0;
            right: auto
        }

    .choices[data-type*=select-multiple] .choices__inner,
    .choices[data-type*=select-multiple] .choices__inner__custom,
    .choices[data-type*=text] .choices__inner,
    .choices[data-type*=text] .choices__inner__custom {
        cursor: text
    }

    .choices[data-type*=select-multiple] .choices__button,
    .choices[data-type*=text] .choices__button {
        background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMSIgaGVpZ2h0PSIyMSIgdmlld0JveD0iMCAwIDIxIDIxIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Im0yLjU5Mi4wNDQgMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NCAxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==");
        background-size: 8px;
        border-left: 1px solid #008fa1;
        border-radius: 0;
        display: inline-block;
        line-height: 1;
        margin: 0 -4px 0 8px;
        opacity: .75;
        padding-left: 16px;
        position: relative;
        width: 8px
    }

        .choices[data-type*=select-multiple] .choices__button:focus,
        .choices[data-type*=select-multiple] .choices__button:hover,
        .choices[data-type*=text] .choices__button:focus,
        .choices[data-type*=text] .choices__button:hover {
            opacity: 1
        }

.choices__inner,
.choices__inner__custom,
.is-disabled .choices__inner__custom {
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 2.5px;
    display: inline-block;
    font-size: 14px;
    min-height: 44px;
    overflow: hidden;
    padding: 7.5px 7.5px 3.75px;
    vertical-align: top;
    width: 100%
}

.is-focused .choices__inner,
.is-focused .choices__inner__custom,
.is-open .choices__inner,
.is-open .choices__inner__custom {
    border-color: #b7b7b7
}

.is-open .choices__inner,
.is-open .choices__inner__custom {
    border-radius: 2.5px 2.5px 0 0
}

.is-flipped.is-open .choices__inner,
.is-flipped.is-open .choices__inner__custom {
    border-radius: 0 0 2.5px 2.5px
}

.choices__list {
    list-style: none;
    margin: 0;
    padding-left: 0
}

.choices__list--single {
    display: inline-block;
    padding: 4px 16px 4px 4px;
    width: 100%
}

[dir=rtl] .choices__list--single {
    padding-left: 16px;
    padding-right: 4px
}

.choices__list--single .choices__item {
    width: 100%
}

.choices__list--multiple {
    display: inline
}

    .choices__list--multiple .choices__item {
        background-color: #00bcd4;
        border: 1px solid #00a5bb;
        border-radius: 20px;
        box-sizing: border-box;
        color: #fff;
        display: inline-block;
        font-size: 12px;
        font-weight: 500;
        margin-bottom: 3.75px;
        margin-right: 3.75px;
        padding: 4px 10px;
        vertical-align: middle;
        word-break: break-all
    }

        .choices__list--multiple .choices__item[data-deletable] {
            padding-right: 5px
        }

[dir=rtl] .choices__list--multiple .choices__item {
    margin-left: 3.75px;
    margin-right: 0
}

.choices__list--multiple .choices__item.is-highlighted {
    background-color: #00a5bb;
    border: 1px solid #008fa1
}

.is-disabled .choices__list--multiple .choices__item {
    background-color: #aaa;
    border: 1px solid #919191
}

.choices__list--dropdown {
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-left-radius: 2.5px;
    border-bottom-right-radius: 2.5px;
    margin-top: -1px;
    overflow: hidden;
    position: absolute;
    top: 100%;
    visibility: hidden;
    width: 100%;
    will-change: visibility;
    word-break: break-all;
    z-index: 1
}

    .choices__list--dropdown.is-active {
        visibility: visible
    }

.is-open .choices__list--dropdown {
    border-color: #b7b7b7
}

.is-flipped .choices__list--dropdown {
    border-radius: .25rem .25rem 0 0;
    bottom: 100%;
    margin-bottom: -1px;
    margin-top: 0;
    top: auto
}

.choices__list--dropdown .choices__list {
    max-height: 300px;
    overflow: auto;
    position: relative;
    -webkit-overflow-scrolling: touch;
    will-change: scroll-position
}

.choices__list--dropdown .choices__item {
    font-size: 14px;
    padding: 10px;
    position: relative
}

[dir=rtl] .choices__list--dropdown .choices__item {
    text-align: right
}

@media(min-width:640px) {
    .choices__list--dropdown .choices__item--selectable {
        padding-right: 100px
    }

        .choices__list--dropdown .choices__item--selectable:after {
            content: attr(data-select-text);
            font-size: 12px;
            opacity: 0;
            position: absolute;
            right: 10px;
            top: 50%;
            transform: translateY(-50%)
        }

    [dir=rtl] .choices__list--dropdown .choices__item--selectable {
        padding-left: 100px;
        padding-right: 10px;
        text-align: right
    }

        [dir=rtl] .choices__list--dropdown .choices__item--selectable:after {
            left: 10px;
            right: auto
        }
}

.choices__list--dropdown .choices__item--selectable.is-highlighted {
    background-color: #f2f2f2
}

    .choices__list--dropdown .choices__item--selectable.is-highlighted:after {
        opacity: .5
    }

.choices__item {
    cursor: default
}

.choices__item--selectable {
    cursor: pointer
}

.choices__item--disabled {
    cursor: not-allowed;
    opacity: .5;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.choices__heading {
    border-bottom: 1px solid #f7f7f7;
    color: grey;
    font-size: 12px;
    font-weight: 600;
    padding: 10px
}

.choices__button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    background-position: 50%;
    background-repeat: no-repeat;
    border: 0;
    cursor: pointer;
    text-indent: -9999px
}

    .choices__button:focus {
        outline: none
    }

.choices__input,
.choices__input__custom,
.is-disabled .choices__input__custom {
    background-color: #f9f9f9;
    border: 0;
    border-radius: 0;
    display: inline-block;
    font-size: 14px;
    margin-bottom: 5px;
    max-width: 100%;
    padding: 4px 0 4px 2px;
    vertical-align: baseline
}

    .choices__input:focus,
    .choices__input__custom:focus {
        outline: 0
    }

[dir=rtl] .choices__input,
[dir=rtl] .choices__input__custom {
    padding-left: 0;
    padding-right: 2px
}

.choices__placeholder {
    opacity: .5
}

.toast-title {
    font-weight: 700
}

.toast-message {
    -ms-word-wrap: break-word;
    word-wrap: break-word
}

    .toast-message a,
    .toast-message label {
        color: #fff
    }

        .toast-message a:hover {
            color: #ccc;
            text-decoration: none
        }

.toast-close-button {
    color: #fff;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: alpha(opacity=80);
    float: right;
    font-size: 20px;
    font-weight: 700;
    opacity: .8;
    position: relative;
    right: -.3em;
    -webkit-text-shadow: 0 1px 0 #fff;
    text-shadow: 0 1px 0 #fff;
    top: -.3em
}

    .toast-close-button:focus,
    .toast-close-button:hover {
        color: #000;
        cursor: pointer;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
        filter: alpha(opacity=40);
        opacity: .4;
        text-decoration: none
    }

button.toast-close-button {
    -webkit-appearance: none;
    background: transparent;
    border: 0;
    cursor: pointer;
    padding: 0
}

.toast-top-center {
    right: 0;
    top: 0;
    width: 100%
}

.toast-bottom-center {
    bottom: 0;
    right: 0;
    width: 100%
}

.toast-top-full-width {
    right: 0;
    top: 0;
    width: 100%
}

.toast-bottom-full-width {
    bottom: 0;
    right: 0;
    width: 100%
}

.toast-top-left {
    left: 12px;
    top: 12px
}

.toast-top-right {
    right: 12px;
    top: 12px
}

.toast-bottom-right {
    bottom: 12px;
    right: 12px
}

.toast-bottom-left {
    bottom: 12px;
    left: 12px
}

#toast-container {
    position: fixed;
    z-index: 999999
}

    #toast-container * {
        box-sizing: border-box
    }

    #toast-container > div {
        background-position: 15px;
        background-repeat: no-repeat;
        border-radius: 3px 3px 3px 3px;
        box-shadow: 0 0 12px #999;
        color: #fff;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
        filter: alpha(opacity=80);
        margin: 0 0 6px;
        opacity: .8;
        overflow: hidden;
        padding: 15px 15px 15px 50px;
        position: relative;
        width: 300px
    }

        #toast-container > div:hover {
            box-shadow: 0 0 12px #000;
            cursor: pointer;
            -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
            filter: alpha(opacity=100);
            opacity: 1
        }

    #toast-container > .toast-info {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important
    }

    #toast-container > .toast-error {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important
    }

    #toast-container > .toast-success {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important
    }

    #toast-container > .toast-warning {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important
    }

    #toast-container.toast-bottom-center > div,
    #toast-container.toast-top-center > div {
        margin-left: auto;
        margin-right: auto;
        width: 300px
    }

    #toast-container.toast-bottom-full-width > div,
    #toast-container.toast-top-full-width > div {
        margin-left: auto;
        margin-right: auto;
        width: 96%
    }

.toast {
    background-color: #030303
}

.toast-success {
    background-color: #51a351
}

.toast-error {
    background-color: #bd362f
}

.toast-info {
    background-color: #2f96b4
}

.toast-warning {
    background-color: #f89406
}

.toast-progress {
    background-color: #000;
    bottom: 0;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    filter: alpha(opacity=40);
    height: 4px;
    left: 0;
    opacity: .4;
    position: absolute
}

@media (max-width:240px) {
    #toast-container > div {
        padding: 8px 8px 8px 50px;
        width: 11em
    }

    #toast-container .toast-close-button {
        right: -.2em;
        top: -.2em
    }
}

@media (min-width:241px)and (max-width:480px) {
    #toast-container > div {
        padding: 8px 8px 8px 50px;
        width: 18em
    }

    #toast-container .toast-close-button {
        right: -.2em;
        top: -.2em
    }
}

@media (min-width:481px)and (max-width:768px) {
    #toast-container > div {
        padding: 15px 15px 15px 50px;
        width: 25em
    }
}

.flatpickr-calendar {
    animation: none;
    background: transparent;
    border: 0;
    border-radius: 5px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, .08);
    box-sizing: border-box;
    direction: ltr;
    display: none;
    font-size: 14px;
    line-height: 24px;
    opacity: 0;
    padding: 0;
    position: absolute;
    text-align: center;
    touch-action: manipulation;
    visibility: hidden;
    width: 307.875px
}

    .flatpickr-calendar.inline,
    .flatpickr-calendar.open {
        max-height: 640px;
        opacity: 1;
        visibility: visible
    }

    .flatpickr-calendar.open {
        display: inline-block;
        z-index: 99999
    }

    .flatpickr-calendar.animate.open {
        animation: fpFadeInDown .3s cubic-bezier(.23, 1, .32, 1)
    }

    .flatpickr-calendar.inline {
        display: block;
        position: relative;
        top: 2px
    }

    .flatpickr-calendar.static {
        position: absolute;
        top: calc(100% + 2px)
    }

        .flatpickr-calendar.static.open {
            display: block;
            z-index: 999
        }

    .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
        box-shadow: none !important
    }

    .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
        box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6
    }

    .flatpickr-calendar .hasTime .dayContainer,
    .flatpickr-calendar .hasWeeks .dayContainer {
        border-bottom: 0;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }

    .flatpickr-calendar .hasWeeks .dayContainer {
        border-left: 0
    }

    .flatpickr-calendar.hasTime .flatpickr-time {
        border-top: 1px solid #eceef1;
        height: 40px
    }

    .flatpickr-calendar.hasTime .flatpickr-innerContainer {
        border-bottom: 0
    }

    .flatpickr-calendar.hasTime .flatpickr-time {
        border: 1px solid #eceef1
    }

    .flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
        height: auto
    }

    .flatpickr-calendar:after,
    .flatpickr-calendar:before {
        border: solid transparent;
        content: "";
        display: block;
        height: 0;
        left: 22px;
        pointer-events: none;
        position: absolute;
        width: 0
    }

    .flatpickr-calendar.arrowRight:after,
    .flatpickr-calendar.arrowRight:before,
    .flatpickr-calendar.rightMost:after,
    .flatpickr-calendar.rightMost:before {
        left: auto;
        right: 22px
    }

    .flatpickr-calendar.arrowCenter:after,
    .flatpickr-calendar.arrowCenter:before {
        left: 50%;
        right: 50%
    }

    .flatpickr-calendar:before {
        border-width: 5px;
        margin: 0 -5px
    }

    .flatpickr-calendar:after {
        border-width: 4px;
        margin: 0 -4px
    }

    .flatpickr-calendar.arrowTop:after,
    .flatpickr-calendar.arrowTop:before {
        bottom: 100%
    }

    .flatpickr-calendar.arrowTop:after,
    .flatpickr-calendar.arrowTop:before {
        border-bottom-color: #eceef1
    }

    .flatpickr-calendar.arrowBottom:after,
    .flatpickr-calendar.arrowBottom:before {
        top: 100%
    }

    .flatpickr-calendar.arrowBottom:after,
    .flatpickr-calendar.arrowBottom:before {
        border-top-color: #eceef1
    }

    .flatpickr-calendar:focus {
        outline: 0
    }

.flatpickr-wrapper {
    display: inline-block;
    position: relative
}

.flatpickr-months {
    display: flex
}

    .flatpickr-months .flatpickr-month {
        background: #eceef1;
        border-radius: 5px 5px 0 0;
        color: #5a6171;
        fill: #5a6171;
        flex: 1;
        height: 34px;
        line-height: 1;
        overflow: hidden;
        position: relative;
        text-align: center;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none
    }

    .flatpickr-months .flatpickr-next-month,
    .flatpickr-months .flatpickr-prev-month {
        color: #5a6171;
        cursor: pointer;
        height: 34px;
        padding: 10px;
        position: absolute;
        text-decoration: none;
        top: 0;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        z-index: 3;
        fill: #5a6171
    }

        .flatpickr-months .flatpickr-next-month.flatpickr-disabled,
        .flatpickr-months .flatpickr-prev-month.flatpickr-disabled {
            display: none
        }

        .flatpickr-months .flatpickr-next-month i,
        .flatpickr-months .flatpickr-prev-month i {
            position: relative
        }

        .flatpickr-months .flatpickr-next-month.flatpickr-prev-month,
        .flatpickr-months .flatpickr-prev-month.flatpickr-prev-month {
            left: 0
        }

        .flatpickr-months .flatpickr-next-month.flatpickr-next-month,
        .flatpickr-months .flatpickr-prev-month.flatpickr-next-month {
            right: 0
        }

        .flatpickr-months .flatpickr-next-month:hover,
        .flatpickr-months .flatpickr-prev-month:hover {
            color: #bbb
        }

            .flatpickr-months .flatpickr-next-month:hover svg,
            .flatpickr-months .flatpickr-prev-month:hover svg {
                fill: #f64747
            }

        .flatpickr-months .flatpickr-next-month svg,
        .flatpickr-months .flatpickr-prev-month svg {
            height: 14px;
            width: 14px
        }

            .flatpickr-months .flatpickr-next-month svg path,
            .flatpickr-months .flatpickr-prev-month svg path {
                transition: fill .1s;
                fill: inherit
            }

.numInputWrapper {
    height: auto;
    position: relative
}

    .numInputWrapper input,
    .numInputWrapper span {
        display: inline-block
    }

    .numInputWrapper input {
        width: 100%
    }

        .numInputWrapper input::-ms-clear {
            display: none
        }

        .numInputWrapper input::-webkit-inner-spin-button,
        .numInputWrapper input::-webkit-outer-spin-button {
            -webkit-appearance: none;
            margin: 0
        }

    .numInputWrapper span {
        border: 1px solid rgba(72, 72, 72, .15);
        box-sizing: border-box;
        cursor: pointer;
        height: 50%;
        line-height: 50%;
        opacity: 0;
        padding: 0 4px 0 2px;
        position: absolute;
        right: 0;
        width: 14px
    }

        .numInputWrapper span:hover {
            background: rgba(0, 0, 0, .1)
        }

        .numInputWrapper span:active {
            background: rgba(0, 0, 0, .2)
        }

        .numInputWrapper span:after {
            content: "";
            display: block;
            position: absolute
        }

        .numInputWrapper span.arrowUp {
            border-bottom: 0;
            top: 0
        }

            .numInputWrapper span.arrowUp:after {
                border-bottom: 4px solid rgba(72, 72, 72, .6);
                border-left: 4px solid transparent;
                border-right: 4px solid transparent;
                top: 26%
            }

        .numInputWrapper span.arrowDown {
            top: 50%
        }

            .numInputWrapper span.arrowDown:after {
                border-left: 4px solid transparent;
                border-right: 4px solid transparent;
                border-top: 4px solid rgba(72, 72, 72, .6);
                top: 40%
            }

        .numInputWrapper span svg {
            height: auto;
            width: inherit
        }

            .numInputWrapper span svg path {
                fill: rgba(90, 97, 113, .5)
            }

    .numInputWrapper:hover {
        background: rgba(0, 0, 0, .05)
    }

        .numInputWrapper:hover span {
            opacity: 1
        }

.flatpickr-current-month {
    color: inherit;
    display: inline-block;
    font-size: 135%;
    font-weight: 300;
    height: 34px;
    left: 12.5%;
    line-height: inherit;
    line-height: 1;
    padding: 7.48px 0 0;
    position: absolute;
    text-align: center;
    transform: translateZ(0);
    width: 75%
}

    .flatpickr-current-month span.cur-month {
        color: inherit;
        display: inline-block;
        font-family: inherit;
        font-weight: 700;
        margin-left: .5ch;
        padding: 0
    }

        .flatpickr-current-month span.cur-month:hover {
            background: rgba(0, 0, 0, .05)
        }

    .flatpickr-current-month .numInputWrapper {
        display: inline-block;
        width: 6ch;
        width: 7ch\0
    }

        .flatpickr-current-month .numInputWrapper span.arrowUp:after {
            border-bottom-color: #5a6171
        }

        .flatpickr-current-month .numInputWrapper span.arrowDown:after {
            border-top-color: #5a6171
        }

    .flatpickr-current-month input.cur-year {
        -webkit-appearance: textfield;
        -moz-appearance: textfield;
        appearance: textfield;
        background: transparent;
        border: 0;
        border-radius: 0;
        box-sizing: border-box;
        color: inherit;
        cursor: text;
        display: inline-block;
        font-family: inherit;
        font-size: inherit;
        font-weight: 300;
        height: auto;
        line-height: inherit;
        margin: 0;
        padding: 0 0 0 .5ch;
        vertical-align: initial
    }

        .flatpickr-current-month input.cur-year:focus {
            outline: 0
        }

        .flatpickr-current-month input.cur-year[disabled],
        .flatpickr-current-month input.cur-year[disabled]:hover {
            background: transparent;
            color: rgba(90, 97, 113, .5);
            font-size: 100%;
            pointer-events: none
        }

    .flatpickr-current-month .flatpickr-monthDropdown-months {
        appearance: menulist;
        -webkit-appearance: menulist;
        -moz-appearance: menulist;
        background: #eceef1;
        border: none;
        border-radius: 0;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        color: inherit;
        cursor: pointer;
        font-family: inherit;
        font-size: inherit;
        font-weight: 300;
        height: auto;
        line-height: inherit;
        margin: -1px 0 0;
        outline: none;
        padding: 0 0 0 .5ch;
        position: relative;
        vertical-align: initial;
        width: auto
    }

        .flatpickr-current-month .flatpickr-monthDropdown-months:active,
        .flatpickr-current-month .flatpickr-monthDropdown-months:focus {
            outline: none
        }

        .flatpickr-current-month .flatpickr-monthDropdown-months:hover {
            background: rgba(0, 0, 0, .05)
        }

        .flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
            background-color: #eceef1;
            outline: none;
            padding: 0
        }

.flatpickr-weekdays {
    align-items: center;
    background: #eceef1;
    display: flex;
    height: 28px;
    overflow: hidden;
    text-align: center;
    width: 100%
}

    .flatpickr-weekdays .flatpickr-weekdaycontainer {
        display: flex;
        flex: 1
    }

span.flatpickr-weekday {
    background: #eceef1;
    color: #5a6171;
    cursor: default;
    display: block;
    flex: 1;
    font-size: 90%;
    font-weight: bolder;
    line-height: 1;
    margin: 0;
    text-align: center
}

.dayContainer,
.flatpickr-weeks {
    padding: 1px 0 0
}

.flatpickr-days {
    align-items: flex-start;
    border-left: 1px solid #eceef1;
    border-right: 1px solid #eceef1;
    display: flex;
    overflow: hidden;
    position: relative;
    width: 307.875px
}

    .flatpickr-days:focus {
        outline: 0
    }

.dayContainer {
    box-sizing: border-box;
    display: inline-block;
    display: flex;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    justify-content: space-around;
    max-width: 307.875px;
    min-width: 307.875px;
    opacity: 1;
    outline: 0;
    padding: 0;
    text-align: left;
    transform: translateZ(0);
    width: 307.875px
}

    .dayContainer + .dayContainer {
        box-shadow: -1px 0 0 #eceef1
    }

.flatpickr-day {
    background: none;
    border: 1px solid transparent;
    border-radius: 150px;
    box-sizing: border-box;
    color: #484848;
    cursor: pointer;
    display: inline-block;
    flex-basis: 14.2857143%;
    font-weight: 400;
    height: 39px;
    justify-content: center;
    line-height: 39px;
    margin: 0;
    max-width: 39px;
    position: relative;
    text-align: center;
    width: 14.2857143%
}

    .flatpickr-day.inRange,
    .flatpickr-day.nextMonthDay.inRange,
    .flatpickr-day.nextMonthDay.today.inRange,
    .flatpickr-day.nextMonthDay:focus,
    .flatpickr-day.nextMonthDay:hover,
    .flatpickr-day.prevMonthDay.inRange,
    .flatpickr-day.prevMonthDay.today.inRange,
    .flatpickr-day.prevMonthDay:focus,
    .flatpickr-day.prevMonthDay:hover,
    .flatpickr-day.today.inRange,
    .flatpickr-day:focus,
    .flatpickr-day:hover {
        background: #e2e2e2;
        border-color: #e2e2e2;
        cursor: pointer;
        outline: 0
    }

    .flatpickr-day.today {
        border-color: #bbb
    }

        .flatpickr-day.today:focus,
        .flatpickr-day.today:hover {
            background: #bbb;
            border-color: #bbb;
            color: #fff
        }

    .flatpickr-day.endRange,
    .flatpickr-day.endRange.inRange,
    .flatpickr-day.endRange.nextMonthDay,
    .flatpickr-day.endRange.prevMonthDay,
    .flatpickr-day.endRange:focus,
    .flatpickr-day.endRange:hover,
    .flatpickr-day.selected,
    .flatpickr-day.selected.inRange,
    .flatpickr-day.selected.nextMonthDay,
    .flatpickr-day.selected.prevMonthDay,
    .flatpickr-day.selected:focus,
    .flatpickr-day.selected:hover,
    .flatpickr-day.startRange,
    .flatpickr-day.startRange.inRange,
    .flatpickr-day.startRange.nextMonthDay,
    .flatpickr-day.startRange.prevMonthDay,
    .flatpickr-day.startRange:focus,
    .flatpickr-day.startRange:hover {
        background: #ff5a5f;
        border-color: #ff5a5f;
        box-shadow: none;
        color: #fff
    }

        .flatpickr-day.endRange.startRange,
        .flatpickr-day.selected.startRange,
        .flatpickr-day.startRange.startRange {
            border-radius: 50px 0 0 50px
        }

        .flatpickr-day.endRange.endRange,
        .flatpickr-day.selected.endRange,
        .flatpickr-day.startRange.endRange {
            border-radius: 0 50px 50px 0
        }

        .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)),
        .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),
        .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)) {
            box-shadow: -10px 0 0 #ff5a5f
        }

        .flatpickr-day.endRange.startRange.endRange,
        .flatpickr-day.selected.startRange.endRange,
        .flatpickr-day.startRange.startRange.endRange {
            border-radius: 50px
        }

    .flatpickr-day.inRange {
        border-radius: 0;
        box-shadow: -5px 0 0 #e2e2e2, 5px 0 0 #e2e2e2
    }

    .flatpickr-day.flatpickr-disabled,
    .flatpickr-day.flatpickr-disabled:hover,
    .flatpickr-day.nextMonthDay,
    .flatpickr-day.notAllowed,
    .flatpickr-day.notAllowed.nextMonthDay,
    .flatpickr-day.notAllowed.prevMonthDay,
    .flatpickr-day.prevMonthDay {
        background: transparent;
        border-color: transparent;
        color: rgba(72, 72, 72, .3);
        cursor: default
    }

        .flatpickr-day.flatpickr-disabled,
        .flatpickr-day.flatpickr-disabled:hover {
            color: rgba(72, 72, 72, .1);
            cursor: not-allowed
        }

    .flatpickr-day.week.selected {
        border-radius: 0;
        box-shadow: -5px 0 0 #ff5a5f, 5px 0 0 #ff5a5f
    }

    .flatpickr-day.hidden {
        visibility: hidden
    }

.rangeMode .flatpickr-day {
    margin-top: 1px
}

.flatpickr-weekwrapper {
    float: left
}

    .flatpickr-weekwrapper .flatpickr-weeks {
        border-left: 1px solid #eceef1;
        padding: 0 12px
    }

    .flatpickr-weekwrapper .flatpickr-weekday {
        float: none;
        line-height: 28px;
        width: 100%
    }

    .flatpickr-weekwrapper span.flatpickr-day,
    .flatpickr-weekwrapper span.flatpickr-day:hover {
        background: transparent;
        border: none;
        color: rgba(72, 72, 72, .3);
        cursor: default;
        display: block;
        max-width: none;
        width: 100%
    }

.flatpickr-innerContainer {
    background: #fff;
    border-bottom: 1px solid #eceef1;
    box-sizing: border-box;
    display: block;
    display: flex;
    overflow: hidden
}

.flatpickr-rContainer {
    box-sizing: border-box;
    display: inline-block;
    padding: 0
}

.flatpickr-time {
    background: #fff;
    border-radius: 0 0 5px 5px;
    box-sizing: border-box;
    display: block;
    display: flex;
    height: 0;
    line-height: 40px;
    max-height: 40px;
    outline: 0;
    overflow: hidden;
    text-align: center
}

    .flatpickr-time:after {
        clear: both;
        content: "";
        display: table
    }

    .flatpickr-time .numInputWrapper {
        flex: 1;
        float: left;
        height: 40px;
        width: 40%
    }

        .flatpickr-time .numInputWrapper span.arrowUp:after {
            border-bottom-color: #484848
        }

        .flatpickr-time .numInputWrapper span.arrowDown:after {
            border-top-color: #484848
        }

    .flatpickr-time.hasSeconds .numInputWrapper {
        width: 26%
    }

    .flatpickr-time.time24hr .numInputWrapper {
        width: 49%
    }

    .flatpickr-time input {
        -webkit-appearance: textfield;
        -moz-appearance: textfield;
        appearance: textfield;
        background: transparent;
        border: 0;
        border-radius: 0;
        box-shadow: none;
        box-sizing: border-box;
        color: #484848;
        font-size: 14px;
        height: inherit;
        line-height: inherit;
        margin: 0;
        padding: 0;
        position: relative;
        text-align: center
    }

        .flatpickr-time input.flatpickr-hour {
            font-weight: 700
        }

        .flatpickr-time input.flatpickr-minute,
        .flatpickr-time input.flatpickr-second {
            font-weight: 400
        }

        .flatpickr-time input:focus {
            border: 0;
            outline: 0
        }

    .flatpickr-time .flatpickr-am-pm,
    .flatpickr-time .flatpickr-time-separator {
        align-self: center;
        color: #484848;
        float: left;
        font-weight: 700;
        height: inherit;
        line-height: inherit;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        width: 2%
    }

    .flatpickr-time .flatpickr-am-pm {
        cursor: pointer;
        font-weight: 400;
        outline: 0;
        text-align: center;
        width: 18%
    }

        .flatpickr-time .flatpickr-am-pm:focus,
        .flatpickr-time .flatpickr-am-pm:hover,
        .flatpickr-time input:focus,
        .flatpickr-time input:hover {
            background: #eaeaea
        }

.flatpickr-input[readonly] {
    cursor: pointer
}

@keyframes fpFadeInDown {
    0% {
        opacity: 0;
        transform: translate3d(0, -20px, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

span.flatpickr-day.selected {
    font-weight: 700
}

trix-editor {
    border-radius: 0;
    border-width: 2px;
    margin-bottom: .25rem;
    --tw-border-opacity: 1;
    border-color: rgb(0 0 0/var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));
    max-height: 30vh;
    min-height: 5em;
    outline: none;
    overflow: auto;
    padding: .4em .6em
}

trix-toolbar * {
    box-sizing: border-box
}

trix-toolbar .trix-button-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

trix-toolbar .trix-button-group {
    border-color: #ccc #bbb #888;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    display: flex;
    margin-bottom: 10px
}

    trix-toolbar .trix-button-group:not(:first-child) {
        margin-left: 1.5vw
    }

@media(max-device-width:768px) {
    trix-toolbar .trix-button-group:not(:first-child) {
        margin-left: 0
    }
}

trix-toolbar .trix-button-group-spacer {
    flex-grow: 1
}

@media(max-device-width:768px) {
    trix-toolbar .trix-button-group-spacer {
        display: none
    }
}

trix-toolbar .trix-button {
    background: transparent;
    border: none;
    border-bottom: 1px solid #ddd;
    border-radius: 0;
    color: rgba(0, 0, 0, .6);
    float: left;
    font-size: .75em;
    font-weight: 600;
    margin: 0;
    outline: none;
    padding: 0 .5em;
    position: relative;
    white-space: nowrap
}

    trix-toolbar .trix-button:not(:first-child) {
        border-left: 1px solid #ccc
    }

    trix-toolbar .trix-button.trix-active {
        background: #cbeefa;
        color: #000
    }

    trix-toolbar .trix-button:not(:disabled) {
        cursor: pointer
    }

    trix-toolbar .trix-button:disabled {
        color: rgba(0, 0, 0, .125)
    }

@media(max-device-width:768px) {
    trix-toolbar .trix-button {
        letter-spacing: -.01em;
        padding: 0 .3em
    }
}

trix-toolbar .trix-button--icon {
    font-size: inherit;
    height: 1.6em;
    max-width: calc(.8em + 4vw);
    text-indent: -9999px;
    width: 2.6em
}

@media(max-device-width:768px) {
    trix-toolbar .trix-button--icon {
        height: 2em;
        max-width: calc(.8em + 3.5vw)
    }
}

trix-toolbar .trix-button--icon:before {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 0;
    content: "";
    display: inline-block;
    left: 0;
    opacity: .6;
    position: absolute;
    right: 0;
    top: 0
}

@media(max-device-width:768px) {
    trix-toolbar .trix-button--icon:before {
        left: 6%;
        right: 6%
    }
}

trix-toolbar .trix-button--icon.trix-active:before {
    opacity: 1
}

trix-toolbar .trix-button--icon:disabled:before {
    opacity: .125
}

trix-toolbar .trix-button--icon-attach:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M16.5 6v11.5a4 4 0 1 1-8 0V5a2.5 2.5 0 0 1 5 0v10.5a1 1 0 1 1-2 0V6H10v9.5a2.5 2.5 0 0 0 5 0V5a4 4 0 1 0-8 0v12.5a5.5 5.5 0 0 0 11 0V6z'/%3E%3C/svg%3E");
    bottom: 4%;
    top: 8%
}

trix-toolbar .trix-button--icon-bold:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M15.6 11.8c1-.7 1.6-1.8 1.6-2.8a4 4 0 0 0-4-4H7v14h7c2.1 0 3.7-1.7 3.7-3.8 0-1.5-.8-2.8-2.1-3.4M10 7.5h3a1.5 1.5 0 1 1 0 3h-3zm3.5 9H10v-3h3.5a1.5 1.5 0 1 1 0 3'/%3E%3C/svg%3E")
}

trix-toolbar .trix-button--icon-italic:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M10 5v3h2.2l-3.4 8H6v3h8v-3h-2.2l3.4-8H18V5z'/%3E%3C/svg%3E")
}

trix-toolbar .trix-button--icon-link:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M9.88 13.7a4.3 4.3 0 0 1 0-6.07l3.37-3.37a4.26 4.26 0 0 1 6.07 0 4.3 4.3 0 0 1 0 6.06l-1.96 1.72a.91.91 0 1 1-1.3-1.3l1.97-1.71a2.46 2.46 0 0 0-3.48-3.48l-3.38 3.37a2.46 2.46 0 0 0 0 3.48.91.91 0 1 1-1.3 1.3z'/%3E%3Cpath d='M4.25 19.46a4.3 4.3 0 0 1 0-6.07l1.93-1.9a.91.91 0 1 1 1.3 1.3l-1.93 1.9a2.46 2.46 0 0 0 3.48 3.48l3.37-3.38c.96-.96.96-2.52 0-3.48a.91.91 0 1 1 1.3-1.3 4.3 4.3 0 0 1 0 6.07l-3.38 3.38a4.26 4.26 0 0 1-6.07 0'/%3E%3C/svg%3E")
}

trix-toolbar .trix-button--icon-strike:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='m12.73 14 .28.14c.26.15.45.3.57.44s.18.3.18.5c0 .3-.15.56-.44.75-.3.2-.76.3-1.39.3A13.5 13.5 0 0 1 7 14.95v3.37a10.64 10.64 0 0 0 4.84.88c1.26 0 2.35-.19 3.28-.56s1.64-.9 2.14-1.57.74-1.45.74-2.32q0-.39-.06-.75zm-5.5-4c-.08-.34-.12-.7-.12-1.1 0-1.29.52-2.3 1.58-3.02 1.05-.72 2.5-1.08 4.34-1.08 1.62 0 3.28.34 4.97 1l-1.3 2.93c-1.47-.6-2.73-.9-3.8-.9-.55 0-.96.08-1.2.26-.26.17-.38.38-.38.64 0 .27.16.52.48.74.17.12.53.3 1.05.53zM3 13h18v-2H3z'/%3E%3C/svg%3E")
}

trix-toolbar .trix-button--icon-quote:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' version='1'%3E%3Cpath d='M6 17h3l2-4V7H5v6h3zm8 0h3l2-4V7h-6v6h3z'/%3E%3C/svg%3E")
}

trix-toolbar .trix-button--icon-heading-1:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' version='1'%3E%3Cpath d='M12 9v3H9v7H6v-7H3V9zM8 4h14v3h-6v12h-3V7H8z'/%3E%3C/svg%3E")
}

trix-toolbar .trix-button--icon-code:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M18.2 12 15 15.2l1.4 1.4L21 12l-4.6-4.6L15 8.8zM5.8 12 9 8.8 7.6 7.4 3 12l4.6 4.6L9 15.2z'/%3E%3C/svg%3E")
}

trix-toolbar .trix-button--icon-bullet-list:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' version='1'%3E%3Cpath d='M4 4a2 2 0 1 0 0 4 2 2 0 0 0 0-4m0 6a2 2 0 1 0 0 4 2 2 0 0 0 0-4m0 6a2 2 0 1 0 0 4 2 2 0 0 0 0-4m4 3h14v-2H8zm0-6h14v-2H8zm0-8v2h14V5z'/%3E%3C/svg%3E")
}

trix-toolbar .trix-button--icon-number-list:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M2 17h2v.5H3v1h1v.5H2v1h3v-4H2zm1-9h1V4H2v1h1zm-1 3h1.8L2 13.1v.9h3v-1H3.2L5 10.9V10H2zm5-6v2h14V5zm0 14h14v-2H7zm0-6h14v-2H7z'/%3E%3C/svg%3E")
}

trix-toolbar .trix-button--icon-undo:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M12.5 8c-2.6 0-5 1-6.9 2.6L2 7v9h9l-3.6-3.6A8 8 0 0 1 20 16l2.4-.8a10.5 10.5 0 0 0-10-7.2z'/%3E%3C/svg%3E")
}

trix-toolbar .trix-button--icon-redo:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M18.4 10.6a10.5 10.5 0 0 0-16.9 4.6L4 16a8 8 0 0 1 12.7-3.6L13 16h9V7z'/%3E%3C/svg%3E")
}

trix-toolbar .trix-button--icon-decrease-nesting-level:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M3 19h19v-2H3zm7-6h12v-2H10zm-8.3-.3 2.8 2.9L6 14.2 4 12l2-2-1.4-1.5L1 12zM3 5v2h19V5z'/%3E%3C/svg%3E")
}

trix-toolbar .trix-button--icon-increase-nesting-level:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M3 19h19v-2H3zm7-6h12v-2H10zm-6.9-1L1 14.2l1.4 1.4L6 12l-.7-.7-2.8-2.8L1 9.9zM3 5v2h19V5z'/%3E%3C/svg%3E")
}

trix-toolbar .trix-dialogs {
    position: relative
}

trix-toolbar .trix-dialog {
    background: #fff;
    border-radius: 5px;
    border-top: 2px solid #888;
    box-shadow: 0 .3em 1em #ccc;
    font-size: .75em;
    left: 0;
    padding: 15px 10px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 5
}

trix-toolbar .trix-input--dialog {
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: #fff;
    border: 1px solid #bbb;
    border-radius: 3px;
    box-shadow: none;
    font-size: inherit;
    font-weight: 400;
    margin: 0 10px 0 0;
    outline: none;
    padding: .5em .8em
}

    trix-toolbar .trix-input--dialog.validate:invalid {
        box-shadow: 0 0 1.5px 1px red
    }

trix-toolbar .trix-button--dialog {
    border-bottom: none;
    font-size: inherit;
    padding: .5em
}

trix-toolbar .trix-dialog--link {
    max-width: 600px
}

trix-toolbar .trix-dialog__link-fields {
    align-items: baseline;
    display: flex
}

    trix-toolbar .trix-dialog__link-fields .trix-input {
        flex: 1
    }

    trix-toolbar .trix-dialog__link-fields .trix-button-group {
        flex: 0 0 content;
        margin: 0
    }

trix-editor [data-trix-mutable]:not(.attachment__caption-editor) {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

trix-editor [data-trix-cursor-target]::-moz-selection,
trix-editor [data-trix-mutable] ::-moz-selection,
trix-editor [data-trix-mutable]::-moz-selection {
    background: none
}

trix-editor [data-trix-cursor-target]::selection,
trix-editor [data-trix-mutable] ::selection,
trix-editor [data-trix-mutable]::selection {
    background: none
}

trix-editor [data-trix-mutable].attachment__caption-editor:focus::-moz-selection {
    background: highlight
}

trix-editor [data-trix-mutable].attachment__caption-editor:focus::selection {
    background: highlight
}

trix-editor [data-trix-mutable].attachment.attachment--file {
    border-color: transparent;
    box-shadow: 0 0 0 2px highlight
}

trix-editor [data-trix-mutable].attachment img {
    box-shadow: 0 0 0 2px highlight
}

trix-editor .attachment {
    position: relative
}

    trix-editor .attachment:hover {
        cursor: default
    }

trix-editor .attachment--preview .attachment__caption:hover {
    cursor: text
}

trix-editor .attachment__progress {
    height: 20px;
    left: 5%;
    opacity: .9;
    position: absolute;
    top: calc(50% - 10px);
    transition: opacity .2s ease-in;
    width: 90%;
    z-index: 1
}

    trix-editor .attachment__progress[value="100"] {
        opacity: 0
    }

trix-editor .attachment__caption-editor {
    -webkit-appearance: none;
    -moz-appearance: none;
    border: none;
    color: inherit;
    display: inline-block;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    margin: 0;
    outline: none;
    padding: 0;
    text-align: center;
    vertical-align: top;
    width: 100%
}

trix-editor .attachment__toolbar {
    left: 0;
    position: absolute;
    text-align: center;
    top: -.9em;
    width: 100%;
    z-index: 1
}

trix-editor .trix-button-group {
    display: inline-flex
}

trix-editor .trix-button {
    background: transparent;
    border: none;
    border-radius: 0;
    color: #666;
    float: left;
    font-size: 80%;
    margin: 0;
    outline: none;
    padding: 0 .8em;
    position: relative;
    white-space: nowrap
}

    trix-editor .trix-button:not(:first-child) {
        border-left: 1px solid #ccc
    }

    trix-editor .trix-button.trix-active {
        background: #cbeefa
    }

    trix-editor .trix-button:not(:disabled) {
        cursor: pointer
    }

trix-editor .trix-button--remove {
    background-color: #fff;
    border: 2px solid highlight;
    border-radius: 50%;
    box-shadow: 1px 1px 6px rgba(0, 0, 0, .25);
    display: inline-block;
    height: 1.8em;
    line-height: 1.8em;
    outline: none;
    padding: 0;
    text-indent: -9999px;
    width: 1.8em
}

    trix-editor .trix-button--remove:before {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M19 6.4 17.6 5 12 10.6 6.4 5 5 6.4l5.6 5.6L5 17.6 6.4 19l5.6-5.6 5.6 5.6 1.4-1.4-5.6-5.6z'/%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3C/svg%3E");
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 90%;
        bottom: 0;
        content: "";
        display: inline-block;
        left: 0;
        opacity: .7;
        position: absolute;
        right: 0;
        top: 0
    }

    trix-editor .trix-button--remove:hover {
        border-color: #333
    }

        trix-editor .trix-button--remove:hover:before {
            opacity: 1
        }

trix-editor .attachment__metadata-container {
    position: relative
}

trix-editor .attachment__metadata {
    background-color: rgba(0, 0, 0, .7);
    border-radius: 3px;
    color: #fff;
    font-size: .8em;
    left: 50%;
    max-width: 90%;
    padding: .1em .6em;
    position: absolute;
    top: 2em;
    transform: translate(-50%)
}

    trix-editor .attachment__metadata .attachment__name {
        display: inline-block;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        vertical-align: bottom;
        white-space: nowrap
    }

    trix-editor .attachment__metadata .attachment__size {
        margin-left: .2em;
        white-space: nowrap
    }

.trix-content {
    line-height: 1.5
}

    .trix-content * {
        box-sizing: border-box
    }

    .page__content h1,
    .trix-content h1 {
        font-size: 1.2em;
        line-height: 1.2;
        margin: 0
    }

    .trix-content blockquote {
        border-left: .3em solid #ccc;
        margin: 0 0 0 .3em;
        padding: 0 0 0 .6em
    }

    .trix-content pre {
        background-color: #eee;
        display: inline-block;
        font-family: monospace;
        font-size: .9em;
        margin: 0;
        overflow-x: auto;
        padding: .5em;
        vertical-align: top;
        white-space: pre;
        width: 100%
    }

    .trix-content li,
    .trix-content ol,
    .trix-content ul {
        margin: 0;
        padding: 0
    }

        .trix-content ol li {
            list-style-type: decimal
        }

        .trix-content ul li {
            list-style-type: square
        }

        .trix-content li li,
        .trix-content ol li,
        .trix-content ul li {
            margin-left: 1em
        }

    .trix-content img {
        height: auto;
        max-width: 100%
    }

    .trix-content .attachment {
        display: inline-block;
        margin: 0;
        max-width: 100%;
        padding: 0;
        position: relative
    }

        .trix-content .attachment a {
            color: inherit;
            text-decoration: none
        }

            .trix-content .attachment a:hover,
            .trix-content .attachment a:visited:hover {
                color: inherit
            }

    .trix-content .attachment__caption {
        padding: 0;
        text-align: center
    }

        .trix-content .attachment__caption .attachment__name + .attachment__size:before {
            content: " · "
        }

    .trix-content .attachment--preview {
        text-align: center;
        width: 100%
    }

        .trix-content .attachment--preview .attachment__caption {
            color: #666;
            font-size: .9em;
            line-height: 1.2
        }

    .trix-content .attachment--file {
        border: 1px solid #bbb;
        border-radius: 5px;
        color: #333;
        line-height: 1;
        margin: 0 2px 2px 0;
        padding: .4em 1em
    }

    .trix-content .attachment-gallery {
        display: flex;
        flex-wrap: wrap;
        margin: 0;
        padding: 0;
        position: relative
    }

        .trix-content .attachment-gallery .attachment {
            flex: 1 0 33%;
            max-width: 33%;
            padding: 0 .5em
        }

        .trix-content .attachment-gallery.attachment-gallery--2 .attachment,
        .trix-content .attachment-gallery.attachment-gallery--4 .attachment {
            flex-basis: 50%;
            max-width: 50%
        }

.trix-button--icon-code {
    display: none
}

.flatpickr-day.trix-button--icon-code {
    visibility: hidden
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src: url("/assets/Roboto-Regular-e590b124.woff2") format("woff2"), url("/assets/Roboto-Regular-10745054.woff") format("woff")
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    src: url("/assets/Roboto-Bold-f9d126b0.woff2") format("woff2"), url("/assets/Roboto-Bold-de8215b7.woff") format("woff")
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    src: url("/assets/Roboto-Medium-576c8896.woff2") format("woff2"), url("/assets/Roboto-Medium-fe82f027.woff") format("woff")
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 700;
    src: url("/assets/Roboto-BoldItalic-ebe73223.woff2") format("woff2"), url("/assets/Roboto-BoldItalic-04205f8b.woff") format("woff")
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 400;
    src: url("/assets/Roboto-Italic-795cb69e.woff2") format("woff2"), url("/assets/Roboto-Italic-c212a047.woff") format("woff")
}

.js-breadcrumb-full-width {
    box-shadow: 0 1px 11px 1px rgba(190, 199, 211, .25);
    position: sticky;
    top: 100px;
    z-index: 30;
    --tw-bg-opacity: 1;
    background-color: rgb(246 249 252/var(--tw-bg-opacity, 1))
}

    .js-breadcrumb-full-width .row {
        align-items: center
    }

    .js-breadcrumb-full-width ol.breadcrumb {
        align-items: center;
        display: flex;
        margin: 0 auto;
        margin: 0 auto;
        padding: 5px 0
    }

        .js-breadcrumb-full-width ol.breadcrumb li.breadcrumb-item {
            align-items: center;
            display: flex;
            font-size: .875rem;
            font-weight: 700;
            list-style-type: none;
            --tw-text-opacity: 1;
            color: rgb(38 41 46/var(--tw-text-opacity, 1));
            line-height: 1.38rem
        }

            .js-breadcrumb-full-width ol.breadcrumb li.breadcrumb-item a {
                line-height: 1.38rem;
                word-break: normal
            }

                .js-breadcrumb-full-width ol.breadcrumb li.breadcrumb-item a.link:hover {
                    text-decoration: underline
                }

            .js-breadcrumb-full-width ol.breadcrumb li.breadcrumb-item:first-child a:hover {
                text-decoration: none
            }

            .js-breadcrumb-full-width ol.breadcrumb li.breadcrumb-item a[aria-current=page] {
                --tw-text-opacity: 1;
                color: rgb(38 41 46/var(--tw-text-opacity, 1));
                text-decoration-line: none
            }

            .js-breadcrumb-full-width ol.breadcrumb li.breadcrumb-item.active {
                color: #34393a
            }

.kind-selector input:checked + div {
    outline: 2px solid #ffd147
}

.arrows-order-collapsible-text,
.sortable-arrows {
    right: -6rem;
    top: 25%
}

.sortable-arrows {
    right: -9rem
}

.stepper {
    display: flex;
    justify-content: center
}

    .stepper .step {
        align-items: center;
        display: flex;
        flex-direction: column;
        position: relative;
        text-align: center;
        width: 33.33%
    }

        .stepper .step.selected .step__number,
        .stepper .step.selected:not(:first-child):after {
            --tw-bg-opacity: 1;
            background-color: rgb(2 86 172/var(--tw-bg-opacity, 1))
        }

    .stepper .step__number {
        align-items: center;
        border-radius: 100%;
        color: #fff;
        display: flex;
        height: 2rem;
        justify-content: center;
        width: 2rem;
        z-index: 20
    }

    .stepper .step:not(:first-child):after,
    .stepper .step__number {
        --tw-bg-opacity: 1;
        background-color: rgb(145 145 145/var(--tw-bg-opacity, 1))
    }

    .stepper .step:not(:first-child):after {
        content: " ";
        height: 4px;
        position: absolute;
        right: 50%;
        top: 14px;
        width: calc(100% - 1rem);
        z-index: 10
    }

.big-labels label {
    font-size: 1.25rem;
    line-height: 1.75rem
}

.info-page-app-section label {
    font-size: 1rem;
    line-height: 1.5rem
}

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

@media(min-width:768px) {
    .show-scroll-x {
        line-height: 1em
    }

        .show-scroll-x::-webkit-scrollbar {
            -webkit-appearance: none
        }

        .show-scroll-x::-webkit-scrollbar-thumb {
            background-color: rgba(0, 0, 0, .5);
            border: 2px solid #fff;
            border-radius: 8px
        }
}

.choices__list--multiple:not(:empty) + .choices__input::-moz-placeholder,
.choices__list--multiple:not(:empty) + .choices__input__custom::-moz-placeholder {
    opacity: 0
}

.choices__list--multiple:not(:empty) + .choices__input::placeholder,
.choices__list--multiple:not(:empty) + .choices__input__custom::placeholder {
    opacity: 0
}

.custom-file-upload input[type=file] {
    display: none
}

.custom-file-upload.dragover .label-file-upload {
    background-color: #e0f7fa;
    border-color: #0f62fe
}

.custom-file-upload .label-file-upload {
    background: #fff;
    border: 1px dashed #000;
    color: #000;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400 !important;
    line-height: normal;
    padding: 20px 0;
    text-align: center
}

.DraftEditor-editorContainer,
.DraftEditor-root,
.public-DraftEditor-content {
    height: inherit;
    text-align: initial
}

    .public-DraftEditor-content[contenteditable=true] {
        -webkit-user-modify: read-write-plaintext-only
    }

.DraftEditor-root {
    position: relative
}

.DraftEditor-editorContainer {
    background-color: hsla(0, 0%, 100%, 0);
    border-left: .1px solid transparent;
    position: relative;
    z-index: 1
}

.public-DraftEditor-block {
    position: relative
}

.DraftEditor-alignLeft .public-DraftStyleDefault-block {
    text-align: left
}

.DraftEditor-alignLeft .public-DraftEditorPlaceholder-root {
    left: 0;
    text-align: left
}

.DraftEditor-alignCenter .public-DraftStyleDefault-block {
    text-align: center
}

.DraftEditor-alignCenter .public-DraftEditorPlaceholder-root {
    margin: 0 auto;
    text-align: center;
    width: 100%
}

.DraftEditor-alignRight .public-DraftStyleDefault-block {
    text-align: right
}

.DraftEditor-alignRight .public-DraftEditorPlaceholder-root {
    right: 0;
    text-align: right
}

.public-DraftEditorPlaceholder-root {
    color: #9197a3;
    position: absolute;
    width: 100%;
    z-index: 1
}

.public-DraftEditorPlaceholder-hasFocus {
    color: #bdc1c9
}

.DraftEditorPlaceholder-hidden {
    display: none
}

.public-DraftStyleDefault-block {
    position: relative;
    white-space: pre-wrap
}

.public-DraftStyleDefault-ltr {
    direction: ltr;
    text-align: left
}

.public-DraftStyleDefault-rtl {
    direction: rtl;
    text-align: right
}

.public-DraftStyleDefault-listLTR {
    direction: ltr
}

.public-DraftStyleDefault-listRTL {
    direction: rtl
}

.public-DraftStyleDefault-ol,
.public-DraftStyleDefault-ul {
    margin: 16px 0;
    padding: 0
}

.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listLTR {
    margin-left: 1.5em
}

.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listRTL {
    margin-right: 1.5em
}

.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listLTR {
    margin-left: 3em
}

.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listRTL {
    margin-right: 3em
}

.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listLTR {
    margin-left: 4.5em
}

.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listRTL {
    margin-right: 4.5em
}

.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listLTR {
    margin-left: 6em
}

.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listRTL {
    margin-right: 6em
}

.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listLTR {
    margin-left: 7.5em
}

.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listRTL {
    margin-right: 7.5em
}

.public-DraftStyleDefault-unorderedListItem {
    list-style-type: square;
    position: relative
}

    .public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth0 {
        list-style-type: disc
    }

    .public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth1 {
        list-style-type: circle
    }

.public-DraftStyleDefault-orderedListItem {
    list-style-type: none;
    position: relative
}

    .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listLTR:before {
        left: -36px;
        position: absolute;
        text-align: right;
        width: 30px
    }

    .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listRTL:before {
        position: absolute;
        right: -36px;
        text-align: left;
        width: 30px
    }

    .public-DraftStyleDefault-orderedListItem:before {
        content: counter(ol0) ". ";
        counter-increment: ol0
    }

    .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth1:before {
        content: counter(ol1, lower-alpha) ". ";
        counter-increment: ol1
    }

    .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth2:before {
        content: counter(ol2, lower-roman) ". ";
        counter-increment: ol2
    }

    .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth3:before {
        content: counter(ol3) ". ";
        counter-increment: ol3
    }

    .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth4:before {
        content: counter(ol4, lower-alpha) ". ";
        counter-increment: ol4
    }

.public-DraftStyleDefault-depth0.public-DraftStyleDefault-reset {
    counter-reset: ol0
}

.public-DraftStyleDefault-depth1.public-DraftStyleDefault-reset {
    counter-reset: ol1
}

.public-DraftStyleDefault-depth2.public-DraftStyleDefault-reset {
    counter-reset: ol2
}

.public-DraftStyleDefault-depth3.public-DraftStyleDefault-reset {
    counter-reset: ol3
}

.public-DraftStyleDefault-depth4.public-DraftStyleDefault-reset {
    counter-reset: ol4
}

.html_editor_wrapper .a-btn:hover {
    background-color: #eee
}

.html_editor_wrapper .draftModal {
    right: 0
}

.html_editor_wrapper .mac_button {
    border: 2px solid green;
    border-radius: 3px;
    color: green
}

.draftModal {
    display: block
}

.public-DraftStyleDefault-depth1 {
    margin-left: 1rem
}

.public-DraftStyleDefault-depth2 {
    margin-left: 2rem
}

.public-DraftStyleDefault-depth3 {
    margin-left: 3rem
}

.controls-default {
    padding-right: 10px !important
}

    .controls-default .btn-code-guide {
        color: #0056ac !important;
        font-weight: 600 !important
    }

@media screen and (max-width:540px) {
    .html_editor_wrapper .custom-rich-text .controls-default {
        max-width: calc(100% - 20px);
        overflow: auto
    }

        .html_editor_wrapper .custom-rich-text .controls-default .a-btn .a-icon-color,
        .html_editor_wrapper .custom-rich-text .controls-default .btn-code-guide {
            white-space: nowrap
        }

            .html_editor_wrapper .custom-rich-text .controls-default .a-btn .a-icon-color img {
                max-width: inherit
            }
}

.editor {
    color: #373e42;
    font-size: 16px;
    font-weight: 300;
    line-height: 26px;
    max-height: 400px;
    overflow: auto
}

    .editor a {
        color: #007eff !important
    }

    .editor h6 {
        border-top: 1px solid #e7e7e7;
        font-size: 17px;
        line-height: 40px;
        margin: 25px 0 10px;
        padding-top: 20px
    }

    .editor h1,
    .editor h2,
    .editor h3,
    .editor h4,
    .editor h5 {
        color: #232323;
        font-size: 18px;
        margin: 30px 0 15px;
        padding: 0
    }

.controls-buttons,
.controls-default {
    padding: 10px 0
}

.controls-default {
    display: flex;
    position: absolute;
    top: 0
}

.html_editor_wrapper .block,
.rich .block {
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 4px 30px 0 #dcdcdc;
    display: flex;
    height: auto;
    padding: 14px 18px;
    position: absolute;
    top: 50px;
    z-index: 9
}

.a-btn {
    background-color: #fff;
    border: 1px solid #f4f6f7;
    border-radius: 4px;
    color: #0d2b3e;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    height: 100%;
    margin-right: 3px;
    min-height: 32px;
    outline: none;
    padding: 0 10px;
    position: relative;
    text-align: center;
    touch-action: manipulation;
    transition: all .3s cubic-bezier(.645, .045, .355, 1);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

    .a-btn.active {
        --tw-bg-opacity: 1;
        background-color: rgb(222 227 234/var(--tw-bg-opacity, 1))
    }

a.a-btn {
    line-height: 28px
}

.RichEditor-root {
    background: #fff;
    border: 1px solid #ddd;
    font-size: 14px;
    padding: 15px
}

.RichEditor-editor {
    border-top: 1px solid #ddd;
    cursor: text;
    font-size: 16px;
    margin-top: 10px
}

    .RichEditor-editor .public-DraftEditor-content,
    .RichEditor-editor .public-DraftEditorPlaceholder-root {
        margin: 0 -15px -15px;
        padding: 15px
    }

    .RichEditor-editor .public-DraftEditor-content {
        min-height: 100px
    }

.RichEditor-hidePlaceholder .public-DraftEditorPlaceholder-root {
    display: none
}

.RichEditor-editor .RichEditor-blockquote {
    border-left: 5px solid #eee;
    color: #666;
    font-family: Hoefler Text, Georgia, serif;
    font-style: italic;
    margin: 16px 0;
    padding: 10px 20px
}

.RichEditor-editor .public-DraftStyleDefault-pre {
    background-color: rgba(0, 0, 0, .05);
    font-family: Inconsolata, Menlo, Consolas, monospace;
    font-size: 16px;
    padding: 20px
}

.RichEditor-controls {
    color: rgba(0, 0, 0, .65);
    display: inline-block;
    display: flex;
    font-size: 14px;
    margin-bottom: 5px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.RichEditor-styleButton {
    cursor: pointer;
    display: inline-block;
    line-height: 28px;
    margin: 0 -10px;
    padding: 0 10px
}

.RichEditor-activeButton {
    color: #5890ff
}

.draftJsMentionPlugin__mention__29BEd,
.draftJsMentionPlugin__mention__29BEd:visited {
    border-radius: 2px;
    cursor: pointer;
    display: inline-block;
    padding-left: 2px;
    padding-right: 2px
}

    .draftJsMentionPlugin__mention__29BEd:focus,
    .draftJsMentionPlugin__mention__29BEd:hover {
        background: #edf5fd;
        color: #677584;
        outline: 0
    }

    .draftJsMentionPlugin__mention__29BEd:active {
        background: #455261;
        color: #222
    }

.draftJsMentionPlugin__mentionSuggestionsEntry__3mSwm {
    padding: 7px 10px 3px;
    transition: background-color .4s cubic-bezier(.27, 1.27, .48, .56)
}

    .draftJsMentionPlugin__mentionSuggestionsEntry__3mSwm:active {
        background-color: #cce7ff
    }

.draftJsMentionPlugin__mentionSuggestionsEntryFocused__3LcTd {
    background-color: #e6f3ff
}

.draftJsMentionPlugin__mentionSuggestionsEntryText__3Jobq {
    display: inline-block;
    font-size: .9em;
    margin-bottom: .2em;
    margin-left: 8px;
    max-width: 368px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.draftJsMentionPlugin__mentionSuggestionsEntryAvatar__1xgA9 {
    border-radius: 12px;
    display: inline-block;
    display: none;
    height: 24px;
    width: 24px
}

.draftJsMentionPlugin__mentionSuggestions__2DWjA {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 2px;
    box-shadow: 0 4px 30px 0 #dcdcdc;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    margin-top: 1.75em;
    max-width: 440px;
    min-width: 220px;
    padding-bottom: 8px;
    padding-top: 8px;
    position: absolute;
    transform: scale(0);
    z-index: 2
}

.a-icon-color,
.a-icon-color.active {
    color: #0d2b3e
}

    .a-icon-color.disable {
        color: #0099e5
    }

.toggle {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #707070;
    border: none;
    border-radius: 50px;
    cursor: pointer;
    display: block;
    display: inline-block;
    height: 28px;
    margin-right: 8px;
    margin-top: -20px;
    outline: none;
    overflow: hidden;
    position: relative;
    transition: background-color .3s ease;
    vertical-align: bottom;
    width: 55px
}

    .toggle:before {
        background: #fff;
        border-radius: 50%;
        box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
        color: #fff;
        content: "";
        display: block;
        font: 10px/28px Helvetica;
        font-weight: 700;
        height: 22px;
        left: 6px;
        position: absolute;
        text-indent: -22px;
        text-shadow: -1px -1px rgba(0, 0, 0, .15);
        text-transform: uppercase;
        top: 3px;
        transition: all .3s cubic-bezier(.3, 1.5, .7, 1);
        white-space: nowrap;
        width: 22px;
        word-spacing: 37px;
        z-index: 2
    }

.small:before {
    height: 16px;
    top: 2px;
    width: 16px
}

.toggle.small {
    height: 20px;
    width: 40px
}

.toggle.checked,
.toggle:checked {
    background-color: #0056ac
}

    .toggle.checked:before,
    .toggle:checked:before {
        left: 28px
    }

    .small:checked:before,
    .toggle.checked:before {
        left: 18px
    }

.text-disabled-toggle,
.toggle:disabled {
    cursor: not-allowed;
    opacity: .5
}

.marvel-device {
    box-sizing: content-box !important;
    display: inline-block;
    position: relative
}

    .marvel-device .screen {
        border-radius: 1px;
        box-shadow: 0 0 0 3px #111;
        color: #fff;
        display: block;
        height: 100%;
        position: relative;
        text-align: center;
        width: 100%;
        z-index: 2
    }

    .marvel-device .bottom-bar,
    .marvel-device .top-bar {
        background: #000;
        display: block;
        height: 3px;
        width: 100%
    }

    .marvel-device .middle-bar {
        background: #000;
        height: 4px;
        left: 90px;
        position: absolute;
        top: 0;
        width: 3px
    }

    .marvel-device.iphone6 {
        background: #d9dbdc;
        border-radius: 56px;
        box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, .2);
        height: 667px;
        padding: 105px 24px;
        width: 375px
    }

        .marvel-device.iphone6:before {
            background: #f8f8f8;
            border-radius: 50px;
            content: "";
            height: calc(100% - 12px);
            left: 6px;
            position: absolute;
            top: 6px;
            width: calc(100% - 12px);
            z-index: 1
        }

        .marvel-device.iphone6 .home {
            background: #303233;
            background: linear-gradient(135deg, #303233, #b5b7b9 50%, #f0f2f2 69%, #303233);
            border-radius: 100%;
            bottom: 22px;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#303233", endColorstr="#303233", GradientType=1);
            height: 68px;
            left: 50%;
            margin-left: -34px;
            position: absolute;
            width: 68px;
            z-index: 3
        }

            .marvel-device.iphone6 .home:before {
                background: #f8f8f8;
                border-radius: 100%;
                content: "";
                height: calc(100% - 8px);
                left: 4px;
                position: absolute;
                top: 4px;
                width: calc(100% - 8px)
            }

        .marvel-device.iphone6 .top-bar {
            background: #bfbfc0;
            height: 14px;
            left: 0;
            position: absolute;
            top: 68px
        }

        .marvel-device.iphone6 .bottom-bar {
            background: #bfbfc0;
            bottom: 68px;
            height: 14px;
            left: 0;
            position: absolute
        }

        .marvel-device.iphone6 .sleep {
            background: #d9dbdc;
            border-radius: 0 2px 2px 0;
            height: 66px;
            position: absolute;
            right: -4px;
            top: 190px;
            width: 4px
        }

        .marvel-device.iphone6 .volume {
            background: #d9dbdc;
            border-radius: 2px 0 0 2px;
            height: 66px;
            left: -4px;
            position: absolute;
            top: 188px;
            width: 4px;
            z-index: 0
        }

            .marvel-device.iphone6 .volume:before {
                height: 40px;
                left: 2px;
                top: -78px;
                width: 2px
            }

            .marvel-device.iphone6 .volume:after,
            .marvel-device.iphone6 .volume:before {
                background: inherit;
                border-radius: 2px 0 0 2px;
                content: "";
                display: block;
                position: absolute
            }

            .marvel-device.iphone6 .volume:after {
                height: 66px;
                left: 0;
                top: 82px;
                width: 4px
            }

        .marvel-device.iphone6 .camera {
            height: 12px;
            left: 50%;
            margin-left: -6px;
            top: 24px;
            width: 12px
        }

        .marvel-device.iphone6 .camera,
        .marvel-device.iphone6 .sensor {
            background: #3c3d3d;
            border-radius: 100%;
            position: absolute;
            z-index: 3
        }

        .marvel-device.iphone6 .sensor {
            height: 16px;
            left: 134px;
            top: 49px;
            width: 16px
        }

        .marvel-device.iphone6 .speaker {
            background: #292728;
            border-radius: 6px;
            height: 6px;
            left: 50%;
            margin-left: -35px;
            position: absolute;
            top: 54px;
            width: 70px;
            z-index: 3
        }

        .marvel-device.iphone6.gold {
            background: #f9e7d3
        }

            .marvel-device.iphone6.gold .bottom-bar,
            .marvel-device.iphone6.gold .top-bar {
                background: #fff
            }

            .marvel-device.iphone6.gold .sleep,
            .marvel-device.iphone6.gold .volume {
                background: #f9e7d3
            }

            .marvel-device.iphone6.gold .home {
                background: #cebba9;
                background: linear-gradient(135deg, #cebba9, #f9e7d3 50%, #cebba9);
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cebba9", endColorstr="#cebba9", GradientType=1)
            }

        .marvel-device.iphone6.black {
            background: #464646;
            box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, .7)
        }

            .marvel-device.iphone6.black:before {
                background: #080808
            }

            .marvel-device.iphone6.black:after {
                box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, .1), inset 0 0 6px 3px #212121
            }

            .marvel-device.iphone6.black .bottom-bar,
            .marvel-device.iphone6.black .top-bar {
                background: #212121
            }

            .marvel-device.iphone6.black .sleep,
            .marvel-device.iphone6.black .volume {
                background: #464646
            }

            .marvel-device.iphone6.black .camera {
                background: #080808
            }

            .marvel-device.iphone6.black .home {
                background: #080808;
                background: linear-gradient(135deg, #080808, #464646 50%, #080808);
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#080808", endColorstr="#080808", GradientType=1)
            }

                .marvel-device.iphone6.black .home:before {
                    background: #080808
                }

        .marvel-device.iphone6.landscape {
            height: 375px;
            padding: 24px 105px;
            width: 667px
        }

            .marvel-device.iphone6.landscape .sleep {
                border-radius: 0 0 2px 2px;
                height: 4px;
                right: 190px;
                top: 100%;
                width: 66px
            }

            .marvel-device.iphone6.landscape .volume {
                border-radius: 2px 2px 0 0;
                height: 4px;
                left: calc(100% - 254px);
                top: -4px;
                width: 66px
            }

                .marvel-device.iphone6.landscape .volume:before {
                    border-radius: 2px 2px 0 0;
                    height: 2px;
                    left: auto;
                    right: -78px;
                    top: 2px;
                    width: 40px
                }

                .marvel-device.iphone6.landscape .volume:after {
                    border-radius: 2px 2px 0 0;
                    height: 4px;
                    left: -82px;
                    top: 0;
                    width: 66px
                }

            .marvel-device.iphone6.landscape .top-bar {
                height: 100%;
                left: calc(100% - 82px);
                top: 0;
                width: 14px
            }

            .marvel-device.iphone6.landscape .bottom-bar {
                height: 100%;
                left: 68px;
                top: 0;
                width: 14px
            }

            .marvel-device.iphone6.landscape .home {
                left: 22px;
                margin-left: 0;
                margin-top: -34px;
                top: 50%
            }

            .marvel-device.iphone6.landscape .sensor {
                left: calc(100% - 65px);
                top: 134px
            }

            .marvel-device.iphone6.landscape .speaker {
                height: 70px;
                left: calc(100% - 60px);
                margin-left: 0;
                margin-top: -35px;
                top: 50%;
                width: 6px
            }

            .marvel-device.iphone6.landscape .camera {
                left: calc(100% - 32px);
                margin-left: 0;
                margin-top: -5px;
                top: 50%
            }

    .marvel-device.iphone6plus {
        background: #d9dbdc;
        border-radius: 56px;
        box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, .2);
        height: 736px;
        padding: 112px 26px;
        width: 414px
    }

        .marvel-device.iphone6plus:before {
            background: #f8f8f8;
            border-radius: 50px;
            content: "";
            height: calc(100% - 12px);
            left: 6px;
            position: absolute;
            top: 6px;
            width: calc(100% - 12px);
            z-index: 1
        }

        .marvel-device.iphone6plus:after {
            border-radius: 48px;
            box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, .1), inset 0 0 6px 3px #fff;
            content: "";
            height: calc(100% - 16px);
            left: 8px;
            position: absolute;
            top: 8px;
            width: calc(100% - 16px);
            z-index: 2
        }

        .marvel-device.iphone6plus .home {
            background: #303233;
            background: linear-gradient(135deg, #303233, #b5b7b9 50%, #f0f2f2 69%, #303233);
            border-radius: 100%;
            bottom: 24px;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#303233", endColorstr="#303233", GradientType=1);
            height: 68px;
            left: 50%;
            margin-left: -34px;
            position: absolute;
            width: 68px;
            z-index: 3
        }

            .marvel-device.iphone6plus .home:before {
                background: #f8f8f8;
                border-radius: 100%;
                content: "";
                height: calc(100% - 8px);
                left: 4px;
                position: absolute;
                top: 4px;
                width: calc(100% - 8px)
            }

        .marvel-device.iphone6plus .top-bar {
            background: #bfbfc0;
            height: 14px;
            left: 0;
            position: absolute;
            top: 68px
        }

        .marvel-device.iphone6plus .bottom-bar {
            background: #bfbfc0;
            bottom: 68px;
            height: 14px;
            left: 0;
            position: absolute
        }

        .marvel-device.iphone6plus .sleep {
            background: #d9dbdc;
            border-radius: 0 2px 2px 0;
            height: 66px;
            position: absolute;
            right: -4px;
            top: 190px;
            width: 4px
        }

        .marvel-device.iphone6plus .volume {
            background: #d9dbdc;
            border-radius: 2px 0 0 2px;
            height: 66px;
            left: -4px;
            position: absolute;
            top: 188px;
            width: 4px;
            z-index: 0
        }

            .marvel-device.iphone6plus .volume:before {
                height: 40px;
                left: 2px;
                top: -78px;
                width: 2px
            }

            .marvel-device.iphone6plus .volume:after,
            .marvel-device.iphone6plus .volume:before {
                background: inherit;
                border-radius: 2px 0 0 2px;
                content: "";
                display: block;
                position: absolute
            }

            .marvel-device.iphone6plus .volume:after {
                height: 66px;
                left: 0;
                top: 82px;
                width: 4px
            }

        .marvel-device.iphone6plus .camera {
            background: #3c3d3d;
            border-radius: 100%;
            height: 12px;
            left: 50%;
            margin-left: -6px;
            position: absolute;
            top: 29px;
            width: 12px;
            z-index: 3
        }

        .marvel-device.iphone6plus .sensor {
            background: #3c3d3d;
            border-radius: 100%;
            height: 16px;
            left: 154px;
            position: absolute;
            top: 54px;
            width: 16px;
            z-index: 3
        }

        .marvel-device.iphone6plus .speaker {
            background: #292728;
            border-radius: 6px;
            height: 6px;
            left: 50%;
            margin-left: -35px;
            position: absolute;
            top: 59px;
            width: 70px;
            z-index: 3
        }

        .marvel-device.iphone6plus.gold {
            background: #f9e7d3
        }

            .marvel-device.iphone6plus.gold .bottom-bar,
            .marvel-device.iphone6plus.gold .top-bar {
                background: #fff
            }

            .marvel-device.iphone6plus.gold .sleep,
            .marvel-device.iphone6plus.gold .volume {
                background: #f9e7d3
            }

            .marvel-device.iphone6plus.gold .home {
                background: #cebba9;
                background: linear-gradient(135deg, #cebba9, #f9e7d3 50%, #cebba9);
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cebba9", endColorstr="#cebba9", GradientType=1)
            }

        .marvel-device.iphone6plus.black {
            background: #464646;
            box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, .7)
        }

            .marvel-device.iphone6plus.black:before {
                background: #080808
            }

            .marvel-device.iphone6plus.black:after {
                box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, .1), inset 0 0 6px 3px #212121
            }

            .marvel-device.iphone6plus.black .bottom-bar,
            .marvel-device.iphone6plus.black .top-bar {
                background: #212121
            }

            .marvel-device.iphone6plus.black .sleep,
            .marvel-device.iphone6plus.black .volume {
                background: #464646
            }

            .marvel-device.iphone6plus.black .camera {
                background: #080808
            }

            .marvel-device.iphone6plus.black .home {
                background: #080808;
                background: linear-gradient(135deg, #080808, #464646 50%, #080808);
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#080808", endColorstr="#080808", GradientType=1)
            }

                .marvel-device.iphone6plus.black .home:before {
                    background: #080808
                }

        .marvel-device.iphone6plus.landscape {
            height: 414px;
            padding: 26px 112px;
            width: 736px
        }

            .marvel-device.iphone6plus.landscape .sleep {
                border-radius: 0 0 2px 2px;
                height: 4px;
                right: 190px;
                top: 100%;
                width: 66px
            }

            .marvel-device.iphone6plus.landscape .volume {
                border-radius: 2px 2px 0 0;
                height: 4px;
                left: calc(100% - 254px);
                top: -4px;
                width: 66px
            }

                .marvel-device.iphone6plus.landscape .volume:before {
                    border-radius: 2px 2px 0 0;
                    height: 2px;
                    left: auto;
                    right: -78px;
                    top: 2px;
                    width: 40px
                }

                .marvel-device.iphone6plus.landscape .volume:after {
                    border-radius: 2px 2px 0 0;
                    height: 4px;
                    left: -82px;
                    top: 0;
                    width: 66px
                }

            .marvel-device.iphone6plus.landscape .top-bar {
                height: 100%;
                left: calc(100% - 82px);
                top: 0;
                width: 14px
            }

            .marvel-device.iphone6plus.landscape .bottom-bar {
                height: 100%;
                left: 68px;
                top: 0;
                width: 14px
            }

            .marvel-device.iphone6plus.landscape .home {
                left: 24px;
                margin-left: 0;
                margin-top: -34px;
                top: 50%
            }

            .marvel-device.iphone6plus.landscape .sensor {
                left: calc(100% - 70px);
                top: 154px
            }

            .marvel-device.iphone6plus.landscape .speaker {
                height: 70px;
                left: calc(100% - 65px);
                margin-left: 0;
                margin-top: -35px;
                top: 50%;
                width: 6px
            }

            .marvel-device.iphone6plus.landscape .camera {
                left: calc(100% - 29px);
                margin-left: 0;
                margin-top: -5px;
                top: 50%
            }

    .marvel-device.iphone5c,
    .marvel-device.iphone5s {
        background: #2c2b2c;
        border-radius: 50px;
        height: 568px;
        padding: 105px 22px;
        width: 320px
    }

        .marvel-device.iphone5c:before,
        .marvel-device.iphone5s:before {
            background: #1e1e1e;
            border-radius: 46px;
            content: "";
            height: calc(100% - 8px);
            left: 4px;
            position: absolute;
            top: 4px;
            width: calc(100% - 8px);
            z-index: 1
        }

        .marvel-device.iphone5c .sleep,
        .marvel-device.iphone5s .sleep {
            background: #282727;
            border-radius: 2px 2px 0 0;
            height: 4px;
            position: absolute;
            right: 60px;
            top: -4px;
            width: 60px
        }

        .marvel-device.iphone5c .volume,
        .marvel-device.iphone5s .volume {
            background: #282727;
            border-radius: 2px 0 0 2px;
            height: 27px;
            left: -4px;
            position: absolute;
            top: 180px;
            width: 4px;
            z-index: 0
        }

            .marvel-device.iphone5c .volume:before,
            .marvel-device.iphone5s .volume:before {
                background: inherit;
                border-radius: 2px 0 0 2px;
                content: "";
                display: block;
                height: 35px;
                left: 0;
                position: absolute;
                top: -75px;
                width: 4px
            }

            .marvel-device.iphone5c .volume:after,
            .marvel-device.iphone5s .volume:after {
                background: inherit;
                border-radius: 2px 0 0 2px;
                bottom: -64px;
                content: "";
                display: block;
                height: 27px;
                left: 0;
                position: absolute;
                width: 4px
            }

        .marvel-device.iphone5c .camera,
        .marvel-device.iphone5s .camera {
            background: #3c3d3d;
            border-radius: 5px;
            height: 10px;
            left: 50%;
            margin-left: -5px;
            position: absolute;
            top: 32px;
            width: 10px;
            z-index: 3
        }

        .marvel-device.iphone5c .sensor,
        .marvel-device.iphone5s .sensor {
            background: #3c3d3d;
            border-radius: 5px;
            height: 10px;
            left: 160px;
            margin-left: -32px;
            position: absolute;
            top: 60px;
            width: 10px;
            z-index: 3
        }

        .marvel-device.iphone5c .speaker,
        .marvel-device.iphone5s .speaker {
            background: #292728;
            border-radius: 5px;
            height: 10px;
            left: 50%;
            margin-left: -32px;
            position: absolute;
            top: 60px;
            width: 64px;
            z-index: 3
        }

        .marvel-device.iphone5c.landscape,
        .marvel-device.iphone5s.landscape {
            height: 320px;
            padding: 22px 105px;
            width: 568px
        }

            .marvel-device.iphone5c.landscape .sleep,
            .marvel-device.iphone5s.landscape .sleep {
                border-radius: 0 2px 2px 0;
                height: 60px;
                right: -4px;
                top: calc(100% - 120px);
                width: 4px
            }

            .marvel-device.iphone5c.landscape .volume,
            .marvel-device.iphone5s.landscape .volume {
                border-radius: 2px 2px 0 0;
                height: 4px;
                left: calc(100% - 180px);
                top: -4px;
                width: 27px
            }

                .marvel-device.iphone5c.landscape .volume:before,
                .marvel-device.iphone5s.landscape .volume:before {
                    border-radius: 2px 2px 0 0;
                    height: 4px;
                    left: auto;
                    right: -75px;
                    top: 0;
                    width: 35px
                }

                .marvel-device.iphone5c.landscape .volume:after,
                .marvel-device.iphone5s.landscape .volume:after {
                    border-radius: 2px 2px 0 0;
                    bottom: 0;
                    height: 4px;
                    left: -64px;
                    width: 27px;
                    z-index: 999
                }

            .marvel-device.iphone5c.landscape .sensor,
            .marvel-device.iphone5s.landscape .sensor {
                left: calc(100% - 60px);
                margin-left: 0;
                margin-top: -32px;
                top: 160px
            }

            .marvel-device.iphone5c.landscape .speaker,
            .marvel-device.iphone5s.landscape .speaker {
                height: 64px;
                left: calc(100% - 60px);
                margin-left: 0;
                margin-top: -32px;
                top: 50%;
                width: 10px
            }

            .marvel-device.iphone5c.landscape .camera,
            .marvel-device.iphone5s.landscape .camera {
                left: calc(100% - 32px);
                margin-left: 0;
                margin-top: -5px;
                top: 50%
            }

        .marvel-device.iphone5s .home {
            border-radius: 36px;
            bottom: 19px;
            box-shadow: inset 0 0 0 4px #2c2b2c;
            height: 68px;
            left: 50%;
            margin-left: -34px;
            position: absolute;
            width: 68px;
            z-index: 3
        }

        .marvel-device.iphone5s .top-bar {
            left: 0;
            position: absolute;
            top: 70px
        }

        .marvel-device.iphone5s .bottom-bar {
            bottom: 70px;
            left: 0;
            position: absolute
        }

        .marvel-device.iphone5s.landscape .home {
            bottom: 50%;
            left: 19px;
            margin-bottom: -34px;
            margin-left: 0
        }

        .marvel-device.iphone5s.landscape .top-bar {
            height: 100%;
            left: 70px;
            top: 0;
            width: 3px
        }

        .marvel-device.iphone5s.landscape .bottom-bar {
            bottom: 0;
            height: 100%;
            left: auto;
            right: 70px;
            width: 3px
        }

        .marvel-device.iphone5s.silver {
            background: #bcbcbc
        }

            .marvel-device.iphone5s.silver:before {
                background: #fcfcfc
            }

            .marvel-device.iphone5s.silver .sleep,
            .marvel-device.iphone5s.silver .volume {
                background: #d6d6d6
            }

            .marvel-device.iphone5s.silver .bottom-bar,
            .marvel-device.iphone5s.silver .top-bar {
                background: #eaebec
            }

            .marvel-device.iphone5s.silver .home {
                box-shadow: inset 0 0 0 4px #bcbcbc
            }

        .marvel-device.iphone5s.gold {
            background: #f9e7d3
        }

            .marvel-device.iphone5s.gold:before {
                background: #fcfcfc
            }

            .marvel-device.iphone5s.gold .sleep,
            .marvel-device.iphone5s.gold .volume {
                background: #f9e7d3
            }

            .marvel-device.iphone5s.gold .bottom-bar,
            .marvel-device.iphone5s.gold .top-bar {
                background: #fff
            }

            .marvel-device.iphone5s.gold .home {
                box-shadow: inset 0 0 0 4px #f9e7d3
            }

    .marvel-device.iphone5c {
        background: #fff;
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2)
    }

        .marvel-device.iphone5c .bottom-bar,
        .marvel-device.iphone5c .top-bar {
            display: none
        }

        .marvel-device.iphone5c .home {
            background: #242324;
            border-radius: 36px;
            bottom: 19px;
            height: 68px;
            left: 50%;
            margin-left: -34px;
            position: absolute;
            width: 68px;
            z-index: 3
        }

            .marvel-device.iphone5c .home:after {
                border: 1px solid hsla(0, 0%, 100%, .1);
                border-radius: 4px;
                content: "";
                display: block;
                height: 20px;
                left: 50%;
                margin-left: -11px;
                margin-top: -11px;
                position: absolute;
                top: 50%;
                width: 20px
            }

        .marvel-device.iphone5c.landscape .home {
            bottom: 50%;
            left: 19px;
            margin-bottom: -34px;
            margin-left: 0
        }

        .marvel-device.iphone5c .sleep,
        .marvel-device.iphone5c .volume {
            background: #ddd
        }

        .marvel-device.iphone5c.red {
            background: #f96b6c
        }

            .marvel-device.iphone5c.red .sleep,
            .marvel-device.iphone5c.red .volume {
                background: #ed5758
            }

        .marvel-device.iphone5c.yellow {
            background: #f2dc60
        }

            .marvel-device.iphone5c.yellow .sleep,
            .marvel-device.iphone5c.yellow .volume {
                background: #e5ce4c
            }

        .marvel-device.iphone5c.green {
            background: #97e563
        }

            .marvel-device.iphone5c.green .sleep,
            .marvel-device.iphone5c.green .volume {
                background: #85d94d
            }

        .marvel-device.iphone5c.blue {
            background: #33a2db
        }

            .marvel-device.iphone5c.blue .sleep,
            .marvel-device.iphone5c.blue .volume {
                background: #2694cd
            }

    .marvel-device.iphone4s {
        background: #686868;
        border-radius: 54px;
        height: 480px;
        padding: 129px 27px;
        width: 320px
    }

        .marvel-device.iphone4s:before {
            background: #1e1e1e;
            border-radius: 50px;
            content: "";
            height: calc(100% - 8px);
            left: 4px;
            position: absolute;
            top: 4px;
            width: calc(100% - 8px);
            z-index: 1
        }

        .marvel-device.iphone4s .top-bar {
            left: 0;
            position: absolute;
            top: 60px
        }

        .marvel-device.iphone4s .bottom-bar {
            bottom: 90px;
            left: 0;
            position: absolute
        }

        .marvel-device.iphone4s .camera {
            background: #3c3d3d;
            border-radius: 100%;
            height: 10px;
            left: 134px;
            margin-left: -5px;
            position: absolute;
            top: 72px;
            width: 10px;
            z-index: 3
        }

        .marvel-device.iphone4s .speaker {
            margin-left: -32px;
            top: 72px;
            width: 64px
        }

        .marvel-device.iphone4s .sensor,
        .marvel-device.iphone4s .speaker {
            background: #292728;
            border-radius: 5px;
            height: 10px;
            left: 50%;
            position: absolute;
            z-index: 3
        }

        .marvel-device.iphone4s .sensor {
            margin-left: -20px;
            top: 36px;
            width: 40px
        }

        .marvel-device.iphone4s .home {
            background: #242324;
            border-radius: 100%;
            bottom: 30px;
            height: 72px;
            left: 50%;
            margin-left: -36px;
            position: absolute;
            width: 72px;
            z-index: 3
        }

            .marvel-device.iphone4s .home:after {
                border: 1px solid hsla(0, 0%, 100%, .1);
                border-radius: 4px;
                content: "";
                display: block;
                height: 20px;
                left: 50%;
                margin-left: -11px;
                margin-top: -11px;
                position: absolute;
                top: 50%;
                width: 20px
            }

        .marvel-device.iphone4s .sleep {
            background: #4d4d4d;
            border-radius: 2px 2px 0 0;
            height: 4px;
            position: absolute;
            right: 60px;
            top: -4px;
            width: 60px
        }

        .marvel-device.iphone4s .volume {
            background: #4d4d4d;
            border-radius: 2px 0 0 2px;
            height: 27px;
            left: -4px;
            position: absolute;
            top: 160px;
            width: 4px
        }

            .marvel-device.iphone4s .volume:before {
                height: 35px;
                top: -70px
            }

            .marvel-device.iphone4s .volume:after,
            .marvel-device.iphone4s .volume:before {
                background: inherit;
                border-radius: 2px 0 0 2px;
                content: "";
                display: block;
                left: 0;
                position: absolute;
                width: 4px
            }

            .marvel-device.iphone4s .volume:after {
                bottom: -64px;
                height: 27px
            }

        .marvel-device.iphone4s.landscape {
            height: 320px;
            padding: 27px 129px;
            width: 480px
        }

            .marvel-device.iphone4s.landscape .bottom-bar {
                bottom: 0;
                height: 100%;
                left: 90px;
                width: 3px
            }

            .marvel-device.iphone4s.landscape .top-bar {
                height: 100%;
                left: calc(100% - 60px);
                top: 0;
                width: 3px
            }

            .marvel-device.iphone4s.landscape .camera {
                left: calc(100% - 72px);
                margin-left: 0;
                top: 134px
            }

            .marvel-device.iphone4s.landscape .speaker {
                height: 64px;
                left: calc(100% - 72px);
                margin-left: 0;
                margin-top: -32px;
                top: 50%;
                width: 10px
            }

            .marvel-device.iphone4s.landscape .sensor {
                height: 40px;
                left: calc(100% - 36px);
                margin-left: 0;
                margin-top: -20px;
                top: 50%;
                width: 10px
            }

            .marvel-device.iphone4s.landscape .home {
                bottom: 50%;
                left: 30px;
                margin-bottom: -36px;
                margin-left: 0
            }

            .marvel-device.iphone4s.landscape .sleep {
                border-radius: 0 2px 2px 0;
                height: 60px;
                right: -4px;
                top: calc(100% - 120px);
                width: 4px
            }

            .marvel-device.iphone4s.landscape .volume {
                border-radius: 2px 2px 0 0;
                height: 4px;
                left: calc(100% - 187px);
                top: -4px;
                width: 27px
            }

                .marvel-device.iphone4s.landscape .volume:before {
                    border-radius: 2px 2px 0 0;
                    height: 4px;
                    left: auto;
                    right: -70px;
                    top: 0;
                    width: 35px
                }

                .marvel-device.iphone4s.landscape .volume:after {
                    border-radius: 2px 2px 0 0;
                    bottom: 0;
                    height: 4px;
                    left: -64px;
                    width: 27px
                }

        .marvel-device.iphone4s.silver {
            background: #bcbcbc
        }

            .marvel-device.iphone4s.silver:before {
                background: #fcfcfc
            }

            .marvel-device.iphone4s.silver .home {
                background: #fcfcfc;
                box-shadow: inset 0 0 0 1px #bcbcbc
            }

                .marvel-device.iphone4s.silver .home:after {
                    border: 1px solid rgba(0, 0, 0, .2)
                }

            .marvel-device.iphone4s.silver .sleep,
            .marvel-device.iphone4s.silver .volume {
                background: #d6d6d6
            }

    .marvel-device.nexus5 {
        background: #1e1e1e;
        border-radius: 20px;
        height: 568px;
        padding: 50px 15px;
        width: 320px
    }

        .marvel-device.nexus5:before {
            background: inherit;
            border-radius: 600px/50px;
            content: "";
            height: 103.1%;
            left: 50%;
            position: absolute;
            top: 0;
            top: 50%;
            transform: translateX(-50%) translateY(-50%);
            width: calc(100% - 26px)
        }

        .marvel-device.nexus5 .top-bar {
            background: #181818;
            border-radius: 20px;
            height: calc(100% - 6px);
            left: 4px;
            position: absolute;
            top: 3px;
            width: calc(100% - 8px)
        }

            .marvel-device.nexus5 .top-bar:before {
                background: inherit;
                border-radius: 600px/50px;
                content: "";
                height: 103%;
                left: 50%;
                position: absolute;
                top: 0;
                top: 50%;
                transform: translateX(-50%) translateY(-50%);
                width: calc(100% - 26px)
            }

        .marvel-device.nexus5 .bottom-bar {
            display: none
        }

        .marvel-device.nexus5 .sleep {
            background: inherit;
            border-radius: 2px 0 0 2px;
            height: 100px;
            left: -3px;
            position: absolute;
            top: 110px;
            width: 3px
        }

        .marvel-device.nexus5 .volume {
            background: inherit;
            border-radius: 0 2px 2px 0;
            height: 45px;
            position: absolute;
            right: -3px;
            top: 70px;
            width: 3px
        }

        .marvel-device.nexus5 .camera {
            background: #3c3d3d;
            border-radius: 100%;
            height: 10px;
            left: 50%;
            margin-left: -5px;
            position: absolute;
            top: 18px;
            width: 10px;
            z-index: 3
        }

            .marvel-device.nexus5 .camera:before {
                background: #3c3d3d;
                border-radius: 100%;
                content: "";
                display: block;
                height: 6px;
                left: -100px;
                position: absolute;
                top: 2px;
                width: 6px;
                z-index: 3
            }

        .marvel-device.nexus5.landscape {
            height: 320px;
            padding: 15px 50px;
            width: 568px
        }

            .marvel-device.nexus5.landscape:before {
                border-radius: 50px/600px;
                height: calc(100% - 26px);
                width: 103.1%
            }

            .marvel-device.nexus5.landscape .top-bar {
                height: calc(100% - 8px);
                left: 3px;
                top: 4px;
                width: calc(100% - 6px)
            }

                .marvel-device.nexus5.landscape .top-bar:before {
                    border-radius: 50px/600px;
                    height: calc(100% - 26px);
                    width: 103%
                }

            .marvel-device.nexus5.landscape .sleep {
                border-radius: 2px 2px 0 0;
                height: 3px;
                left: calc(100% - 210px);
                top: -3px;
                width: 100px
            }

            .marvel-device.nexus5.landscape .volume {
                border-radius: 0 0 2px 2px;
                height: 3px;
                right: 70px;
                top: 100%;
                width: 45px
            }

            .marvel-device.nexus5.landscape .camera {
                left: calc(100% - 18px);
                margin-left: 0;
                margin-top: -5px;
                top: 50%
            }

                .marvel-device.nexus5.landscape .camera:before {
                    left: 2px;
                    top: -100px
                }

    .marvel-device.s5 {
        background: #bcbcbc;
        border-radius: 42px;
        height: 568px;
        padding: 60px 18px;
        width: 320px
    }

        .marvel-device.s5:after,
        .marvel-device.s5:before {
            background: inherit;
            border-radius: 500px/40px;
            content: "";
            display: block;
            height: 26px;
            left: 50%;
            position: absolute;
            transform: translateX(-50%);
            width: calc(100% - 52px)
        }

        .marvel-device.s5:before {
            top: -7px
        }

        .marvel-device.s5:after {
            bottom: -7px
        }

        .marvel-device.s5 .bottom-bar {
            display: none
        }

        .marvel-device.s5 .top-bar {
            background: radial-gradient(rgba(0, 0, 0, .02) 20%, transparent 60%) 0 0, radial-gradient(rgba(0, 0, 0, .02) 20%, transparent 60%) 3px 3px;
            background-color: #fff;
            background-position: 50%;
            background-size: 4px 4px;
            border-radius: 37px;
            height: calc(100% - 10px);
            left: 5px;
            position: absolute;
            top: 5px;
            width: calc(100% - 10px);
            z-index: 2
        }

            .marvel-device.s5 .top-bar:after,
            .marvel-device.s5 .top-bar:before {
                background: inherit;
                border-radius: 500px/40px;
                content: "";
                display: block;
                height: 26px;
                left: 50%;
                position: absolute;
                transform: translateX(-50%);
                width: calc(100% - 48px)
            }

            .marvel-device.s5 .top-bar:before {
                top: -7px
            }

            .marvel-device.s5 .top-bar:after {
                bottom: -7px
            }

        .marvel-device.s5 .sleep {
            background: #cecece;
            border-radius: 2px 0 0 2px;
            height: 100px;
            left: -3px;
            position: absolute;
            top: 100px;
            width: 3px
        }

        .marvel-device.s5 .speaker {
            background-color: #bcbcbc;
            background-position: 0 0;
            border-radius: 4px;
            left: 50%;
            margin-left: -34px;
            width: 68px
        }

        .marvel-device.s5 .sensor,
        .marvel-device.s5 .speaker {
            display: block;
            height: 8px;
            position: absolute;
            top: 20px;
            z-index: 3
        }

        .marvel-device.s5 .sensor {
            background: #3c3d3d;
            border-radius: 100%;
            right: 110px;
            width: 8px
        }

            .marvel-device.s5 .sensor:after {
                background: #3c3d3d;
                content: "";
                height: 8px;
                right: 12px;
                top: 0;
                width: 8px
            }

            .marvel-device.s5 .camera,
            .marvel-device.s5 .sensor:after {
                border-radius: 100%;
                display: block;
                position: absolute;
                z-index: 3
            }

        .marvel-device.s5 .camera {
            background: #000;
            height: 10px;
            right: 42px;
            top: 24px;
            width: 10px
        }

            .marvel-device.s5 .camera:before {
                background: #3c3d3d;
                border-radius: 100%;
                content: "";
                height: 4px;
                left: 50%;
                margin-left: -2px;
                margin-top: -2px;
                position: absolute;
                top: 50%;
                width: 4px
            }

        .marvel-device.s5 .home {
            background: #fff;
            border: 2px solid #000;
            border-radius: 18px;
            bottom: 17px;
            display: block;
            height: 20px;
            left: 50%;
            margin-left: -35px;
            position: absolute;
            width: 70px;
            z-index: 3
        }

        .marvel-device.s5.landscape {
            height: 320px;
            padding: 18px 60px;
            width: 568px
        }

            .marvel-device.s5.landscape:after,
            .marvel-device.s5.landscape:before {
                border-radius: 40px/500px;
                height: calc(100% - 52px);
                transform: translateY(-50%);
                width: 26px
            }

            .marvel-device.s5.landscape:before {
                left: -7px;
                top: 50%
            }

            .marvel-device.s5.landscape:after {
                left: auto;
                right: -7px;
                top: 50%
            }

            .marvel-device.s5.landscape .top-bar:after,
            .marvel-device.s5.landscape .top-bar:before {
                border-radius: 40px/500px;
                height: calc(100% - 48px);
                transform: translateY(-50%);
                width: 26px
            }

            .marvel-device.s5.landscape .top-bar:before {
                left: auto;
                right: -7px;
                top: 50%
            }

            .marvel-device.s5.landscape .top-bar:after {
                left: -7px;
                right: auto;
                top: 50%
            }

            .marvel-device.s5.landscape .sleep {
                border-radius: 2px 2px 0 0;
                height: 3px;
                left: calc(100% - 200px);
                top: -3px;
                width: 100px
            }

            .marvel-device.s5.landscape .speaker {
                height: 68px;
                left: calc(100% - 20px);
                margin-left: 0;
                margin-top: -34px;
                top: 50%;
                width: 8px
            }

            .marvel-device.s5.landscape .sensor {
                right: 20px;
                top: calc(100% - 110px)
            }

                .marvel-device.s5.landscape .sensor:after {
                    left: -12px;
                    right: 0
                }

            .marvel-device.s5.landscape .camera {
                right: 24px;
                top: calc(100% - 42px)
            }

            .marvel-device.s5.landscape .home {
                bottom: 50%;
                height: 70px;
                left: 17px;
                margin-bottom: -35px;
                margin-left: 0;
                width: 20px
            }

        .marvel-device.s5.black {
            background: #1e1e1e
        }

            .marvel-device.s5.black .speaker {
                background: #000
            }

            .marvel-device.s5.black .sleep {
                background: #1e1e1e
            }

            .marvel-device.s5.black .top-bar {
                background: radial-gradient(rgba(0, 0, 0, .05) 20%, transparent 60%) 0 0, radial-gradient(rgba(0, 0, 0, .05) 20%, transparent 60%) 3px 3px;
                background-color: #2c2b2c;
                background-size: 4px 4px
            }

            .marvel-device.s5.black .home {
                background: #2c2b2c
            }

    .marvel-device.lumia920 {
        background: #fd0;
        border-radius: 40px/3px;
        height: 533px;
        padding: 80px 35px 125px;
        width: 320px
    }

        .marvel-device.lumia920 .bottom-bar {
            display: none
        }

        .marvel-device.lumia920 .top-bar {
            background: #000;
            border-radius: 24px;
            height: calc(100% - 32px);
            left: 12px;
            position: absolute;
            top: 16px;
            width: calc(100% - 24px);
            z-index: 1
        }

            .marvel-device.lumia920 .top-bar:before {
                background: #1e1e1e;
                border-radius: 22px;
                content: "";
                display: block;
                height: calc(100% - 4px);
                left: 2px;
                position: absolute;
                top: 2px;
                width: calc(100% - 4px)
            }

        .marvel-device.lumia920 .volume {
            background: #1e1e1e;
            border-radius: 0 2px 2px 0;
            height: 100px;
            position: absolute;
            right: -3px;
            top: 130px;
            width: 3px
        }

            .marvel-device.lumia920 .volume:before {
                top: 190px
            }

            .marvel-device.lumia920 .volume:after,
            .marvel-device.lumia920 .volume:before {
                background: inherit;
                border-radius: 0 2px 2px 0;
                content: "";
                display: block;
                height: 50px;
                position: absolute;
                right: 0;
                width: 3px
            }

            .marvel-device.lumia920 .volume:after {
                top: 460px
            }

        .marvel-device.lumia920 .camera {
            background: #3c3d3d;
            border-radius: 5px;
            height: 10px;
            position: absolute;
            right: 130px;
            top: 34px;
            width: 10px;
            z-index: 5
        }

        .marvel-device.lumia920 .speaker {
            background: #292728;
            border-radius: 5px;
            height: 10px;
            left: 50%;
            margin-left: -32px;
            position: absolute;
            top: 38px;
            width: 64px;
            z-index: 3
        }

        .marvel-device.lumia920.landscape {
            border-radius: 2px/100px;
            height: 320px;
            padding: 35px 80px 35px 125px;
            width: 568px
        }

            .marvel-device.lumia920.landscape .top-bar {
                height: calc(100% - 24px);
                left: 16px;
                top: 12px;
                width: calc(100% - 32px)
            }

            .marvel-device.lumia920.landscape .volume {
                border-radius: 0 0 2px 2px;
                height: 3px;
                right: 130px;
                top: 100%;
                width: 100px
            }

                .marvel-device.lumia920.landscape .volume:before {
                    border-radius: 0 0 2px 2px;
                    height: 3px;
                    right: 190px;
                    top: 0;
                    width: 50px
                }

                .marvel-device.lumia920.landscape .volume:after {
                    border-radius: 0 0 2px 2px;
                    height: 3px;
                    right: 430px;
                    top: 0;
                    width: 50px
                }

            .marvel-device.lumia920.landscape .camera {
                right: 30px;
                top: calc(100% - 140px)
            }

            .marvel-device.lumia920.landscape .speaker {
                height: 64px;
                left: calc(100% - 48px);
                margin-left: 0;
                margin-top: -32px;
                top: 50%;
                width: 10px
            }

        .marvel-device.lumia920.black {
            background: #000
        }

        .marvel-device.lumia920.white {
            background: #fff;
            box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2)
        }

        .marvel-device.lumia920.blue {
            background: #00acdd
        }

        .marvel-device.lumia920.red {
            background: #cc3e32
        }

    .marvel-device.htc-one {
        background: #bebebe;
        border-radius: 34px;
        height: 568px;
        padding: 72px 25px 100px;
        width: 320px
    }

        .marvel-device.htc-one:before {
            background: #adadad;
            border-radius: 32px;
            content: "";
            display: block;
            height: calc(100% - 4px);
            left: 2px;
            position: absolute;
            top: 2px;
            width: calc(100% - 4px)
        }

        .marvel-device.htc-one:after {
            background: #eee;
            border-radius: 30px;
            content: "";
            display: block;
            height: calc(100% - 8px);
            left: 4px;
            position: absolute;
            top: 4px;
            width: calc(100% - 8px)
        }

        .marvel-device.htc-one .top-bar {
            background: #424242;
            height: 635px;
            left: 2px;
            position: absolute;
            top: 50px;
            width: calc(100% - 4px);
            z-index: 1
        }

            .marvel-device.htc-one .top-bar:before {
                background: #000;
                content: "";
                height: 100%;
                left: 2px;
                position: absolute;
                top: 0;
                width: calc(100% - 4px);
                z-index: 1
            }

        .marvel-device.htc-one .bottom-bar {
            display: none
        }

        .marvel-device.htc-one .speaker {
            background: radial-gradient(#343434 25%, transparent 50%) 0 0, radial-gradient(#343434 25%, transparent 50%) 4px 4px;
            background-position: 0 0;
            background-size: 4px 4px;
            top: 22px
        }

            .marvel-device.htc-one .speaker,
            .marvel-device.htc-one .speaker:after {
                display: block;
                height: 16px;
                left: 50%;
                margin-left: -108px;
                position: absolute;
                width: 216px;
                z-index: 2
            }

                .marvel-device.htc-one .speaker:after {
                    background: inherit;
                    content: "";
                    top: 676px
                }

        .marvel-device.htc-one .camera {
            background: #3c3d3d;
            border-radius: 100%;
            display: block;
            height: 24px;
            position: absolute;
            right: 38px;
            top: 18px;
            width: 24px;
            z-index: 3
        }

            .marvel-device.htc-one .camera:before {
                background: #000;
                border-radius: 100%;
                content: "";
                height: 8px;
                left: 50%;
                margin-left: -4px;
                margin-top: -4px;
                position: absolute;
                top: 50%;
                width: 8px
            }

        .marvel-device.htc-one .sensor {
            left: 60px;
            top: 29px
        }

            .marvel-device.htc-one .sensor,
            .marvel-device.htc-one .sensor:after {
                background: #3c3d3d;
                border-radius: 100%;
                display: block;
                height: 8px;
                position: absolute;
                width: 8px;
                z-index: 3
            }

                .marvel-device.htc-one .sensor:after {
                    content: "";
                    right: 12px;
                    top: 0
                }

        .marvel-device.htc-one.landscape {
            height: 320px;
            padding: 25px 72px 25px 100px;
            width: 568px
        }

            .marvel-device.htc-one.landscape .top-bar {
                height: calc(100% - 4px);
                left: calc(100% - 685px);
                top: 2px;
                width: 635px
            }

            .marvel-device.htc-one.landscape .speaker {
                height: 216px;
                left: calc(100% - 38px);
                margin-left: 0;
                margin-top: -108px;
                top: 50%;
                width: 16px
            }

                .marvel-device.htc-one.landscape .speaker:after {
                    height: 216px;
                    left: calc(100% - 692px);
                    margin-left: 0;
                    margin-top: -108px;
                    top: 50%;
                    width: 16px
                }

            .marvel-device.htc-one.landscape .camera {
                right: 18px;
                top: calc(100% - 38px)
            }

            .marvel-device.htc-one.landscape .sensor {
                left: calc(100% - 29px);
                top: 60px
            }

                .marvel-device.htc-one.landscape .sensor :after {
                    right: 0;
                    top: -12px
                }

    .marvel-device.ipad {
        background: #242324;
        border-radius: 44px;
        height: 768px;
        padding: 90px 25px;
        width: 576px
    }

        .marvel-device.ipad:before {
            background: #1e1e1e;
            border-radius: 40px;
            content: "";
            display: block;
            height: calc(100% - 8px);
            left: 4px;
            position: absolute;
            top: 4px;
            width: calc(100% - 8px)
        }

        .marvel-device.ipad .camera {
            background: #3c3d3d;
            border-radius: 100%;
            height: 10px;
            left: 50%;
            margin-left: -5px;
            position: absolute;
            top: 44px;
            width: 10px
        }

        .marvel-device.ipad .bottom-bar,
        .marvel-device.ipad .top-bar {
            display: none
        }

        .marvel-device.ipad .home {
            background: #242324;
            border-radius: 36px;
            bottom: 22px;
            height: 50px;
            left: 50%;
            margin-left: -25px;
            position: absolute;
            width: 50px
        }

            .marvel-device.ipad .home:after {
                border: 1px solid hsla(0, 0%, 100%, .1);
                border-radius: 4px;
                content: "";
                display: block;
                height: 15px;
                left: 50%;
                margin-left: -8px;
                margin-top: -8px;
                position: absolute;
                top: 50%;
                width: 15px
            }

        .marvel-device.ipad.landscape {
            height: 576px;
            padding: 25px 90px;
            width: 768px
        }

            .marvel-device.ipad.landscape .camera {
                left: calc(100% - 44px);
                margin-left: 0;
                margin-top: -5px;
                top: 50%
            }

            .marvel-device.ipad.landscape .home {
                left: 22px;
                margin-left: 0;
                margin-top: -25px;
                top: 50%
            }

        .marvel-device.ipad.silver {
            background: #bcbcbc
        }

            .marvel-device.ipad.silver:before {
                background: #fcfcfc
            }

            .marvel-device.ipad.silver .home {
                background: #fcfcfc;
                box-shadow: inset 0 0 0 1px #bcbcbc
            }

                .marvel-device.ipad.silver .home:after {
                    border: 1px solid rgba(0, 0, 0, .2)
                }

    .marvel-device.macbook {
        background: #bebebe;
        border-radius: 34px;
        height: 600px;
        margin: 0 auto;
        padding: 44px 44px 76px;
        width: 960px
    }

        .marvel-device.macbook:before {
            background: #1e1e1e;
            border-radius: 30px;
            content: "";
            display: block;
            height: calc(100% - 8px);
            left: 4px;
            position: absolute;
            top: 4px;
            width: calc(100% - 8px)
        }

        .marvel-device.macbook .top-bar {
            background: #bebebe;
            border-bottom-left-radius: 90px 18px;
            border-bottom-right-radius: 90px 18px;
            box-shadow: inset 0 -4px 13px 3px rgba(34, 34, 34, .6);
            content: "";
            display: block;
            height: 40px;
            left: -70px;
            position: absolute;
            top: 680px;
            width: calc(100% + 140px)
        }

            .marvel-device.macbook .top-bar:before {
                background: #f0f0f0;
                border-bottom: 2px solid #aaa;
                border-radius: 5px;
                content: "";
                display: block;
                height: 24px;
                left: 0;
                position: relative;
                top: 0;
                width: 100%
            }

            .marvel-device.macbook .top-bar:after {
                background: #ddd;
                border-radius: 0 0 20px 20px;
                box-shadow: inset 0 -3px 10px #999;
                content: "";
                display: block;
                height: 14px;
                left: 0;
                margin-left: auto;
                margin-right: auto;
                position: absolute;
                right: 0;
                top: 0;
                width: 16%
            }

        .marvel-device.macbook .bottom-bar {
            background: transparent;
            content: "";
            display: block;
            height: 26px;
            left: -70px;
            position: absolute;
            top: 680px;
            width: calc(100% + 140px)
        }

            .marvel-device.macbook .bottom-bar:after,
            .marvel-device.macbook .bottom-bar:before {
                content: "";
                display: block;
                height: calc(100% - 2px);
                position: absolute;
                top: 0;
                width: 80px
            }

            .marvel-device.macbook .bottom-bar:before {
                background: #f0f0f0;
                background: linear-gradient(90deg, #747474 0, #c3c3c3 5%, #ebebeb 14%, #979797 41%, #f0f0f0 80%, #f0f0f0 100%, #f0f0f0 0);
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#747474", endColorstr="#f0f0f0", GradientType=1);
                left: 0
            }

            .marvel-device.macbook .bottom-bar:after {
                background: #f0f0f0;
                background: linear-gradient(90deg, #f0f0f0 0, #f0f0f0 0, #f0f0f0 20%, #979797 59%, #ebebeb 86%, #c3c3c3 95%, #747474);
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f0f0f0", endColorstr="#747474", GradientType=1);
                right: 0
            }

        .marvel-device.macbook .camera {
            background: #3c3d3d;
            border-radius: 100%;
            height: 10px;
            left: 50%;
            margin-left: -5px;
            position: absolute;
            top: 20px;
            width: 10px
        }

        .marvel-device.macbook .home {
            display: none
        }

    .marvel-device .screen {
        overflow: hidden;
        z-index: 10
    }

.tabs {
    display: flex;
    margin-bottom: 0;
    padding: 0
}

    .tabs [aria-selected=true] {
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));
        border-top: 5px solid #0056ac
    }

    .tabs a {
        display: flex;
        height: 100%;
        --tw-bg-opacity: 1;
        background-color: rgb(222 227 234/var(--tw-bg-opacity, 1))
    }

        .tabs a:focus {
            outline: 3px solid #ffd147;
            outline-offset: 0
        }

    .tabs li {
        cursor: pointer;
        flex: 1 1 0%;
        max-width: 12rem;
        padding: .5rem 1rem;
        text-align: center;
        width: 100%
    }

        .tabs li:not(:first-child) {
            margin-left: 3px
        }

#header-admin {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

    #header-admin ul.dropdown {
        margin-top: .5rem
    }

        #header-admin ul.dropdown li {
            border-bottom-width: 0
        }

            #header-admin ul.dropdown li a:link {
                display: block
            }

.html_editor_wrapper #header-admin ul.dropdown li a:link,
.rich #header-admin ul.dropdown li a:link {
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 4px 30px 0 #dcdcdc;
    display: flex;
    height: auto;
    padding: 14px 18px;
    position: absolute;
    top: 50px;
    z-index: 9
}

#header-admin .header-dropdown {
    --tw-bg-opacity: 1;
    background-color: rgb(38 41 46/var(--tw-bg-opacity, 1))
}

    #header-admin .header-dropdown li:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(77 77 77/var(--tw-bg-opacity, 1))
    }

#header-admin .pointer-submenu {
    border-bottom: 7px solid #333;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    height: 0;
    margin-bottom: -.5rem;
    margin-left: auto;
    margin-right: 2.5%;
    width: 0
}

    #header-admin .pointer-submenu.white {
        border-bottom: 10px solid #fff
    }

#header-admin .content-subaction,
#header-admin .content-subuser {
    margin-top: 9px;
    width: 100%;
    z-index: 90
}

@media(max-width:640px) {
    #header-admin .content-subuser {
        margin-left: -77px;
        width: 150px
    }

    #header-admin .content-subaction {
        margin-left: -140px;
        width: 13.5rem
    }
}

#header-admin .content-subnotification {
    margin-left: -150px;
    margin-top: 52px;
    width: 20.5rem;
    z-index: 90
}

@media screen and (max-width:540px) {
    #header-admin .content-subnotification {
        left: 9rem;
        right: 0;
        width: 100%
    }
}

#header-admin #dropdown-subaction .icon-chevron > svg,
#header-admin #dropdown-user .icon-chevron > svg {
    transition: .25s
}

#header-admin #dropdown-subaction.open .icon-chevron > svg,
#header-admin #dropdown-user.open .icon-chevron > svg {
    transform: rotate(-180deg)
}

#header-admin #dropdown-notification.open ul,
#header-admin .content-subaction.open ul,
#header-admin .content-subuser.open ul {
    max-height: 150vh;
    transition: max-height .1s, visibility 1s;
    visibility: visible
}

@media(max-width:768px) {

    .footer ul#header-admin #dropdown-notification.open ul,
    .footer ul#header-admin .content-subaction.open ul,
    .footer ul#header-admin .content-subuser.open ul {
        height: auto
    }
}

#header-admin #dropdown-notification.open .pointer-submenu,
#header-admin .content-subaction.open .pointer-submenu,
#header-admin .content-subuser.open .pointer-submenu {
    visibility: visible
}

@media(max-width:768px) {

    .footer ul#header-admin #dropdown-notification.open .pointer-submenu,
    .footer ul#header-admin .content-subaction.open .pointer-submenu,
    .footer ul#header-admin .content-subuser.open .pointer-submenu {
        height: auto
    }
}

#header-admin #dropdown-notification.open .pointer-submenu,
#header-admin .content-subaction.open .pointer-submenu,
#header-admin .content-subuser.open .pointer-submenu {
    transition: visibility 1s
}

#header-admin #dropdown-notification ul,
#header-admin .content-subaction ul,
#header-admin .content-subuser ul {
    display: block;
    height: auto;
    max-height: 0;
    transition: max-height .01s, visibility .01s;
    visibility: hidden
}

.html_editor_wrapper #header-admin #dropdown-notification ul,
.html_editor_wrapper #header-admin .content-subaction ul,
.html_editor_wrapper #header-admin .content-subuser ul,
.rich #header-admin #dropdown-notification ul,
.rich #header-admin .content-subaction ul,
.rich #header-admin .content-subuser ul {
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 4px 30px 0 #dcdcdc;
    display: flex;
    height: auto;
    padding: 14px 18px;
    position: absolute;
    top: 50px;
    z-index: 9
}

#header-admin #dropdown-notification .pointer-submenu,
#header-admin .content-subaction .pointer-submenu,
#header-admin .content-subuser .pointer-submenu {
    transition: visibility .01s;
    visibility: hidden
}

.container-flashes {
    width: 388px
}

.card-login {
    box-shadow: 2px 4px 20px 0 rgba(203, 218, 232, .7);
    width: 388px
}

    .card-login .user_email,
    .card-login .user_password {
        margin-bottom: .5rem
    }

    .card-login input[type=email],
    .card-login input[type=password],
    .card-login input[type=text] {
        border-radius: .25rem !important;
        margin-bottom: 1rem !important
    }

@media(max-width:640px) {

    .card-login,
    .container-flashes {
        width: 100%
    }
}

.navbar {
    position: sticky;
    z-index: 30;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));
    font-size: .875rem;
    line-height: 1.25rem;
    line-height: 1
}

    .navbar .grid-width-static > li {
        width: 13.4rem
    }

@media(min-width:768px)and (max-width:1024px) {
    .navbar .grid-width-static > li {
        width: 10rem
    }
}

.navbar div > ul {
    border-bottom: .3px solid #dee3ea;
    box-shadow: 0 4px 6px rgba(0, 0, 0, .1)
}

.navbar .nav-item {
    align-items: center;
    display: flex;
    flex-direction: row;
    height: 4rem;
    justify-content: center;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));
    border-left: .3px solid #dee3ea
}

    .navbar .nav-item:last-child {
        border-right: .3px solid #dee3ea
    }

    .navbar .nav-item:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
    }

        .navbar .nav-item:hover a {
            --tw-text-opacity: 1;
            color: rgb(0 86 172/var(--tw-text-opacity, 1))
        }

        .navbar .nav-item:hover .icongo > .chevUp {
            display: none
        }

.flatpickr-day.navbar .nav-item:hover .icongo > .chevUp {
    visibility: hidden
}

.navbar .nav-item:hover .icongo > .chevDown {
    display: block
}

.html_editor_wrapper .navbar .nav-item:hover .icongo > .chevDown,
.rich .navbar .nav-item:hover .icongo > .chevDown {
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 4px 30px 0 #dcdcdc;
    display: flex;
    height: auto;
    padding: 14px 18px;
    position: absolute;
    top: 50px;
    z-index: 9
}

.navbar .nav-item:hover:last-child {
    border-width: 0
}

.navbar .nav-item.active a {
    --tw-text-opacity: 1;
    color: rgb(0 86 172/var(--tw-text-opacity, 1));
    text-decoration-line: none
}

.navbar .nav-item a {
    width: 100%;
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity, 1))
}

.navbar .nav-item .submenu {
    border: .3px solid #dee3ea;
    box-sizing: border-box;
    display: none;
    padding: 2.25rem;
    position: absolute;
    top: 100%;
    z-index: 50;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));
    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(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)
}

.flatpickr-day.navbar .nav-item .submenu {
    visibility: hidden
}

.navbar .nav-item .submenu a {
    --tw-text-opacity: 1;
    color: rgb(0 86 172/var(--tw-text-opacity, 1))
}

    .navbar .nav-item .submenu a.active,
    .navbar .nav-item .submenu a:hover {
        --tw-text-opacity: 1;
        color: rgb(0 86 172/var(--tw-text-opacity, 1));
        text-decoration-line: none
    }

.navbar .nav-item .submenu_title {
    font-weight: 700;
    padding-bottom: .75rem
}

.navbar .nav-item ul.min-w-1x,
.navbar .nav-item ul.w-1x {
    width: 15.2rem
}

.navbar .nav-item ul.submenu-columns-2 > li {
    width: 13.2rem
}

    .navbar .nav-item ul.submenu-columns-2 > li:last-child {
        width: 12rem
    }

.navbar .nav-item ul.submenu-columns-5 > li {
    width: auto
}

.navbar .nav-item .nav-submenu-grid-rows-7 {
    grid-template-rows: repeat(7, minmax(0, 1fr))
}

.navbar .nav-item .line-separator {
    margin-top: -9px
}

.navbar ul.option-no-subtitle > li:first-child .submenu_title span .line-separator {
    display: none
}

.flatpickr-day.navbar ul.option-no-subtitle > li:first-child .submenu_title span .line-separator {
    visibility: hidden
}

.navbar ul.option-no-subtitle > li:nth-child(2n) ul {
    margin-top: 2.5rem
}

.navbar-institutional {
    font-size: .875rem;
    line-height: 1.25rem;
    line-height: 1
}

    .navbar-institutional .level-1:last-child {
        line-height: 1;
        margin-top: .75rem
    }

    .navbar-institutional .level-one:first-child {
        margin-top: 0
    }

    .navbar-institutional .grid-width-static > li {
        width: 13.4rem
    }

@media(min-width:768px)and (max-width:1024px) {
    .navbar-institutional .grid-width-static > li {
        width: 10rem
    }
}

.navbar-institutional .nav-item {
    align-items: center;
    border-left: .3px solid #dee3ea;
    display: flex;
    flex-direction: row;
    justify-content: center
}

    .navbar-institutional .nav-item:last-child {
        border-right: .3px solid #dee3ea
    }

    .navbar-institutional .nav-item:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
    }

        .navbar-institutional .nav-item:hover a,
        .navbar-institutional .nav-item:hover button {
            text-decoration: none;
            --tw-text-opacity: 1;
            color: rgb(207 0 11/var(--tw-text-opacity, 1))
        }

        .navbar-institutional .nav-item:hover .icongo > .chevUp {
            display: none
        }

.flatpickr-day.navbar-institutional .nav-item:hover .icongo > .chevUp {
    visibility: hidden
}

.navbar-institutional .nav-item:hover .icongo > .chevDown {
    display: block
}

.html_editor_wrapper .navbar-institutional .nav-item:hover .icongo > .chevDown,
.rich .navbar-institutional .nav-item:hover .icongo > .chevDown {
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 4px 30px 0 #dcdcdc;
    display: flex;
    height: auto;
    padding: 14px 18px;
    position: absolute;
    top: 50px;
    z-index: 9
}

.navbar-institutional .nav-item.active {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
}

    .navbar-institutional .nav-item.active a,
    .navbar-institutional .nav-item.active button {
        font-weight: 700;
        text-decoration: none;
        --tw-text-opacity: 1;
        color: rgb(207 0 11/var(--tw-text-opacity, 1))
    }

    .navbar-institutional .nav-item.active .icongo > .chevUp {
        display: block
    }

.html_editor_wrapper .navbar-institutional .nav-item.active .icongo > .chevUp,
.rich .navbar-institutional .nav-item.active .icongo > .chevUp {
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 4px 30px 0 #dcdcdc;
    display: flex;
    height: auto;
    padding: 14px 18px;
    position: absolute;
    top: 50px;
    z-index: 9
}

.navbar-institutional .nav-item.active .icongo > .chevDown {
    display: none
}

.flatpickr-day.navbar-institutional .nav-item.active .icongo > .chevDown {
    visibility: hidden
}

.navbar-institutional .nav-item.active:hover .icongo > .chevUp {
    display: none
}

.flatpickr-day.navbar-institutional .nav-item.active:hover .icongo > .chevUp {
    visibility: hidden
}

.navbar-institutional .nav-item.active:hover .icongo > .chevDown {
    display: block
}

.html_editor_wrapper .navbar-institutional .nav-item.active:hover .icongo > .chevDown,
.rich .navbar-institutional .nav-item.active:hover .icongo > .chevDown {
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 4px 30px 0 #dcdcdc;
    display: flex;
    height: auto;
    padding: 14px 18px;
    position: absolute;
    top: 50px;
    z-index: 9
}

.navbar-institutional .nav-item a {
    text-decoration: none;
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity, 1))
}

.navbar-institutional .nav-item .submenu {
    box-sizing: border-box;
    display: none;
    padding: 2.25rem;
    position: absolute;
    top: 100%;
    z-index: 50;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));
    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(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)
}

.flatpickr-day.navbar-institutional .nav-item .submenu {
    visibility: hidden
}

.navbar-institutional .nav-item .submenu a {
    --tw-text-opacity: 1;
    color: rgb(0 86 172/var(--tw-text-opacity, 1))
}

    .navbar-institutional .nav-item .submenu a.active,
    .navbar-institutional .nav-item .submenu a:hover {
        text-decoration-thickness: 4px !important;
        text-underline-offset: 2px;
        --tw-text-opacity: 1;
        color: rgb(0 0 0/var(--tw-text-opacity, 1));
        text-decoration-line: underline
    }

.navbar-institutional .nav-item .submenu_title {
    font-weight: 700;
    padding-bottom: .75rem
}

.navbar-institutional .nav-item ul.min-w-1x,
.navbar-institutional .nav-item ul.w-1x {
    width: 15.2rem
}

.navbar-institutional .nav-item ul.submenu-columns-2 > li {
    width: 13.2rem
}

    .navbar-institutional .nav-item ul.submenu-columns-2 > li:last-child {
        width: 12rem
    }

.navbar-institutional .nav-item ul.submenu-columns-5 > li {
    width: auto
}

.navbar-institutional .nav-item .nav-submenu-grid-rows-7 {
    grid-template-rows: repeat(7, minmax(0, 1fr))
}

.navbar-institutional .nav-item .line-separator {
    margin-top: -9px
}

.navbar-institutional ul.option-no-subtitle > li:first-child .submenu_title span .line-separator {
    display: none
}

.flatpickr-day.navbar-institutional ul.option-no-subtitle > li:first-child .submenu_title span .line-separator {
    visibility: hidden
}

.navbar-institutional ul.option-no-subtitle > li:nth-child(2n) ul {
    margin-top: 2.5rem
}

.dropdown-nav {
    display: inline-block
}

    .dropdown-nav:hover .submenu {
        display: inline-grid
    }

.dropdown-nav-institutional {
    display: inline-block
}

    .dropdown-nav-institutional:hover .submenu {
        display: inline-grid
    }

.nav-mobile {
    position: sticky;
    top: 100px
}

    .nav-mobile > .container {
        box-shadow: 0 4px 6px rgba(0, 0, 0, .1);
        filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0))
    }

    .nav-mobile a {
        align-items: center;
        display: flex;
        height: 3rem;
        --tw-text-opacity: 1;
        color: rgb(0 0 0/var(--tw-text-opacity, 1))
    }

    .nav-mobile .open a span {
        padding-left: 1.25rem
    }

    .nav-mobile .level-end a,
    .nav-mobile .sublevel-2 a {
        padding-left: 0;
        --tw-text-opacity: 1;
        color: rgb(0 86 172/var(--tw-text-opacity, 1))
    }

    .nav-mobile .box-mobile {
        height: 3.25rem
    }

    .nav-mobile li.active > a {
        --tw-text-opacity: 1;
        color: rgb(0 86 172/var(--tw-text-opacity, 1));
        text-decoration-line: none
    }

    .nav-mobile ul.parent-2 > li,
    .nav-mobile ul.parent-end > li {
        border-bottom-width: 0
    }

    .nav-mobile .open > ul.parent-2,
    .nav-mobile .open > ul.parent-end {
        background: #edf0f4
    }

    .nav-mobile .sublevel-1 > a:focus {
        background: #dee3ea;
        --tw-text-opacity: 1;
        color: rgb(0 86 172/var(--tw-text-opacity, 1))
    }

    .nav-mobile .level-end > a:focus,
    .nav-mobile .sublevel-2 > a:focus {
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));
        --tw-text-opacity: 1;
        color: rgb(0 86 172/var(--tw-text-opacity, 1))
    }

    .nav-mobile .open > a {
        background: #dee3ea;
        font-weight: 400;
        padding-left: 1.25rem;
        padding-right: 1.25rem;
        --tw-text-opacity: 1;
        color: rgb(0 86 172/var(--tw-text-opacity, 1))
    }

    .nav-mobile .hiddenFocus,
    .nav-mobile .hiddenParent {
        display: none
    }

.flatpickr-day.nav-mobile .hiddenFocus,
.flatpickr-day.nav-mobile .hiddenParent {
    visibility: hidden
}

.nav-mobile ul.parent-1.openParent-1 {
    max-height: calc(100vh - 100px);
    transition: max-height .8s, visibility .8s;
    visibility: visible
}

@media(max-width:768px) {
    .footer ul.nav-mobile ul.parent-1.openParent-1 {
        height: auto
    }
}

.nav-mobile ul.parent-1 {
    display: block;
    height: auto;
    max-height: 0;
    transition: visibility .5s, max-height .5s;
    visibility: hidden
}

.html_editor_wrapper .nav-mobile ul.parent-1,
.rich .nav-mobile ul.parent-1 {
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 4px 30px 0 #dcdcdc;
    display: flex;
    height: auto;
    padding: 14px 18px;
    position: absolute;
    top: 50px;
    z-index: 9
}

.nav-mobile ul.parent-1.openParent-1 > li {
    visibility: visible;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));
    opacity: 1
}

@media(max-width:768px) {
    .footer ul.nav-mobile ul.parent-1.openParent-1 > li {
        height: auto
    }
}

.nav-mobile ul.parent-1.openParent-1 > li {
    transition: background-color .8s ease-in-out, opacity .8s
}

.nav-mobile ul.parent-1 > li {
    opacity: 0;
    transition: opacity .3s
}

.nav-mobile-home .bg-item-menu,
.nav-mobile-institutional .bg-item-menu {
    background-color: #fff !important;
    --tw-text-opacity: 1;
    color: rgb(0 86 172/var(--tw-text-opacity, 1));
    text-decoration-line: none
}

.nav-mobile-home > .container,
.nav-mobile-institutional > .container {
    box-shadow: 0 4px 6px rgba(0, 0, 0, .1);
    filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0))
}

.nav-mobile-home a,
.nav-mobile-institutional a {
    align-items: center;
    display: flex;
    height: 3rem;
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity, 1))
}

.nav-mobile-home .open a span,
.nav-mobile-institutional .open a span {
    padding-left: 1.25rem
}

.nav-mobile-home .level-end a,
.nav-mobile-home .sublevel-2 a,
.nav-mobile-institutional .level-end a,
.nav-mobile-institutional .sublevel-2 a {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));
    padding-left: 0;
    --tw-text-opacity: 1;
    color: rgb(0 86 172/var(--tw-text-opacity, 1))
}

.nav-mobile-home .box-mobile,
.nav-mobile-institutional .box-mobile {
    height: 3.5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(246 249 252/var(--tw-bg-opacity, 1));
    text-decoration-line: none
}

    .nav-mobile-home .box-mobile-home,
    .nav-mobile-home .box-mobile:hover,
    .nav-mobile-institutional .box-mobile-home,
    .nav-mobile-institutional .box-mobile:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));
        --tw-text-opacity: 1;
        color: rgb(0 86 172/var(--tw-text-opacity, 1))
    }

.nav-mobile-home .box-mobile-home,
.nav-mobile-institutional .box-mobile-home {
    height: 3.5rem;
    text-decoration-line: none
}

.nav-mobile-home li.active > a,
.nav-mobile-institutional li.active > a {
    --tw-text-opacity: 1;
    color: rgb(0 86 172/var(--tw-text-opacity, 1));
    text-decoration-line: none
}

.nav-mobile-home ul.parent-2 > li,
.nav-mobile-home ul.parent-end > li,
.nav-mobile-institutional ul.parent-2 > li,
.nav-mobile-institutional ul.parent-end > li {
    border-bottom-width: 0;
    --tw-text-opacity: 1;
    color: rgb(0 86 172/var(--tw-text-opacity, 1))
}

.nav-mobile-home .open > ul.parent-2,
.nav-mobile-home .open > ul.parent-end,
.nav-mobile-home .sublevel-1 > a:focus,
.nav-mobile-institutional .open > ul.parent-2,
.nav-mobile-institutional .open > ul.parent-end,
.nav-mobile-institutional .sublevel-1 > a:focus {
    background: #fff;
    --tw-text-opacity: 1;
    color: rgb(0 86 172/var(--tw-text-opacity, 1))
}

.nav-mobile-home .level-end > a:focus,
.nav-mobile-home .open > a,
.nav-mobile-home .sublevel-2 > a:focus,
.nav-mobile-institutional .level-end > a:focus,
.nav-mobile-institutional .open > a,
.nav-mobile-institutional .sublevel-2 > a:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(0 86 172/var(--tw-text-opacity, 1))
}

.nav-mobile-home .open > a,
.nav-mobile-institutional .open > a {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

.nav-mobile-home .hiddenFocus,
.nav-mobile-home .hiddenParent,
.nav-mobile-institutional .hiddenFocus,
.nav-mobile-institutional .hiddenParent {
    display: none
}

.flatpickr-day.nav-mobile-home .hiddenFocus,
.flatpickr-day.nav-mobile-home .hiddenParent,
.flatpickr-day.nav-mobile-institutional .hiddenFocus,
.flatpickr-day.nav-mobile-institutional .hiddenParent {
    visibility: hidden
}

.nav-mobile-home ul.parent-1.openParent-1,
.nav-mobile-institutional ul.parent-1.openParent-1 {
    max-height: calc(100vh - 100px);
    transition: max-height .8s, visibility .8s;
    visibility: visible
}

@media(max-width:768px) {

    .footer ul.nav-mobile-home ul.parent-1.openParent-1,
    .footer ul.nav-mobile-institutional ul.parent-1.openParent-1 {
        height: auto
    }
}

.nav-mobile-home ul.parent-1,
.nav-mobile-institutional ul.parent-1 {
    display: block;
    height: auto;
    max-height: 0;
    transition: visibility .5s, max-height .5s;
    visibility: hidden
}

.html_editor_wrapper .nav-mobile-home ul.parent-1,
.html_editor_wrapper .nav-mobile-institutional ul.parent-1,
.rich .nav-mobile-home ul.parent-1,
.rich .nav-mobile-institutional ul.parent-1 {
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 4px 30px 0 #dcdcdc;
    display: flex;
    height: auto;
    padding: 14px 18px;
    position: absolute;
    top: 50px;
    z-index: 9
}

.nav-mobile-home ul.parent-1.openParent-1 > li,
.nav-mobile-institutional ul.parent-1.openParent-1 > li {
    visibility: visible;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));
    opacity: 1
}

@media(max-width:768px) {

    .footer ul.nav-mobile-home ul.parent-1.openParent-1 > li,
    .footer ul.nav-mobile-institutional ul.parent-1.openParent-1 > li {
        height: auto
    }
}

.nav-mobile-home ul.parent-1.openParent-1 > li,
.nav-mobile-institutional ul.parent-1.openParent-1 > li {
    transition: background-color .8s ease-in-out, opacity .8s
}

.nav-mobile-home ul.parent-1 > li,
.nav-mobile-institutional ul.parent-1 > li {
    opacity: 0;
    transition: opacity .3s
}

.navbar-top-100 {
    top: 100px
}

.navbar-top-142 {
    top: 142px
}

.footer {
    color: #fff;
    overflow: auto;
    --tw-bg-opacity: 1;
    background-color: rgb(38 41 46/var(--tw-bg-opacity, 1));
    padding: 3rem
}

@media(max-width:768px) {
    .footer {
        padding: 3rem 1rem
    }
}

.footer .arrow {
    color: #fff;
    font-size: 18px;
    transition: transform .3s ease-in-out
}

    .footer .arrow:active,
    .footer .arrow:hover {
        transform: translateX(2px)
    }

.footer .icon-minus:before {
    content: " ";
    display: block;
    height: .25rem;
    width: 1rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
}

.html_editor_wrapper .footer .icon-minus:before,
.rich .footer .icon-minus:before {
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 4px 30px 0 #dcdcdc;
    display: flex;
    height: auto;
    padding: 14px 18px;
    position: absolute;
    top: 50px;
    z-index: 9
}

.footer__link {
    margin-bottom: .5rem;
    padding-bottom: .5rem;
    padding-right: 1.25rem;
    padding-top: .5rem
}

@media(max-width:768px) {
    .footer__link {
        margin-bottom: 1rem;
        padding-right: 0
    }

    .footer__link--visible:not(.footer__link--language) {
        align-items: center
    }
}

.footer__link--no-spacing {
    margin-bottom: 0;
    padding-top: 0
}

.footer__heading--bottom {
    margin-top: 25px
}

.footer__heading .arrow {
    color: #fff;
    font-size: 16px
}

.footer__text {
    font-size: 15px;
    line-height: 25px;
    padding-right: 15px
}

@media(max-width:768px) {
    .footer__text {
        line-height: 25px
    }
}

.footer__social-icons {
    align-items: center;
    display: flex
}

.footer__social-icons--correction {
    margin-top: -6px
}

.footer__icons {
    align-items: center;
    display: flex;
    line-height: normal
}

    .footer__icons a {
        display: block
    }

        .footer__icons a:hover {
            text-decoration: none
        }

.footer__icon {
    color: #fff;
    font-size: 30px;
    height: 28px;
    position: relative;
    width: 28px
}

    .footer__icon:active,
    .footer__icon:focus,
    .footer__icon:hover {
        color: #fff;
        transform: scale(1.1)
    }

.footer__icon--medium {
    font-size: 23px
}

.footer hr {
    border-top: 1px solid #646565
}

@media(max-width:767px) {
    .footer hr {
        display: none
    }
}

.footer ul {
    margin-bottom: 0
}

@media(max-width:768px) {
    .footer ul.visible {
        height: auto
    }
}

.footer ul.list-footer li > a:hover {
    text-decoration-thickness: 3px;
    text-underline-offset: 3px
}

.footer ul.list-footer:focus {
    background-color: transparent;
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity, 1));
    outline: 2px solid transparent;
    outline-offset: 2px
}

    .footer ul.list-footer:focus span {
        background-color: #ffd147;
        outline: 3px solid #ffd147;
        outline-offset: 0;
        text-decoration-line: none
    }

.footer-frame {
    height: 29px;
    margin: 0;
    --tw-bg-opacity: 1;
    background-color: rgb(38 41 46/var(--tw-bg-opacity, 1));
    background-image: url("/assets/icons/frame_footer_2-818dd620.svg");
    background-position: bottom;
    padding: 0
}

@media(max-width:768px) {
    .footer-frame {
        height: 29px;
        margin: 0;
        --tw-bg-opacity: 1;
        background-color: rgb(38 41 46/var(--tw-bg-opacity, 1));
        background-size: cover;
        padding: 0
    }
}

/*! purgecss start ignore */
.user-activity__item {
    margin-bottom: 2rem;
    padding-left: 3rem;
    position: relative
}

    .user-activity__item:not(:last-child):after {
        content: " ";
        height: 100%;
        left: 1rem;
        position: absolute;
        top: 1rem;
        width: 2px;
        --tw-bg-opacity: 1;
        background-color: rgb(77 77 77/var(--tw-bg-opacity, 1))
    }

.user-activity__icon {
    border-radius: 9999px;
    border-width: 2px;
    left: 0;
    position: absolute;
    top: -1.25rem;
    z-index: 10;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));
    padding: .5rem
}

.user_notification-links {
    margin-bottom: 1rem
}

/*! purgecss end ignore */
@media (min-width:768px) {
    .home__containercoordinador {
        grid-gap: 1rem;
        display: grid;
        grid-template-columns: 4fr 1fr
    }

    .home__containeradmin {
        grid-gap: 1rem;
        display: grid;
        grid-template-columns: 5fr
    }

    .home__boxescoordinador {
        display: grid;
        grid-gap: 1rem;
        grid-template-columns: repeat(3, 1fr)
    }

    .home__boxesadmin {
        display: grid;
        grid-gap: 1rem;
        grid-template-columns: repeat(4, 1fr)
    }
}

.border-dashboard {
    border: .3px solid #dee3ea;
    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color)
}

.border-dashboard,
.js-card-message-notification,
.js-message-disable-cms {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.js-card-message-notification,
.js-message-disable-cms {
    background: #f6f6fe;
    border: 1px solid #c2b1f5;
    border-radius: 6px;
    color: #5d2ee5;
    transition: top 1s ease 0s;
    --tw-shadow: 0px 3px 10px 0px rgba(93, 46, 229, .32);
    ;
    --tw-shadow-colored: 0px 3px 10px 0px var(--tw-shadow-color)
}

    .js-card-message-notification button,
    .js-message-disable-cms button {
        background-color: #5d2ee5
    }

    .js-card-message-notification .icon-hand,
    .js-message-disable-cms .icon-hand {
        animation: lefthand .6s ease-in-out infinite alternate;
        left: -60px
    }

.js-card-message-notification {
    top: -25px
}

.select_msg_custom_link {
    border: 1px solid #5d2ee5
}

#js-hand-custom-link {
    transition: top 1s ease 0s
}

.card__mock:before {
    bottom: 0;
    content: " ";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

body,
html {
    font-family: Roboto, sans-serif;
    moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    font-size: 16px;
    margin: 0;
    --tw-text-opacity: 1;
    color: rgb(38 41 46/var(--tw-text-opacity, 1));
    -moz-text-size-adjust: 100%;
    text-size-adjust: 100%;
    font-feature-settings: "pnum";
    font-style: normal;
    font-variant-numeric: proportional-nums;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: flex;
    flex-direction: column;
    min-height: calc(100vh + 1px)
}

h1 {
    font-size: 1.875rem;
    line-height: 2.25rem
}

@media (min-width:768px) {
    h1 {
        font-size: 2.25rem;
        line-height: 2.5rem
    }
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 700
}

h2 {
    font-size: 1.5rem;
    line-height: 2rem
}

@media (min-width:768px) {
    h2 {
        font-size: 1.875rem;
        line-height: 2.25rem
    }
}

h3 {
    font-size: 1rem;
    line-height: 1.38rem
}

@media (min-width:768px) {
    h3 {
        font-size: 1.25rem;
        line-height: 1.5rem
    }
}

h4 {
    font-size: 1rem;
    line-height: 1.5rem
}

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

p {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
    margin-bottom: .25rem
}

.a,
a {
    --tw-text-opacity: 1;
    color: rgb(2 86 172/var(--tw-text-opacity, 1))
}

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

    .a.active,
    a.active {
        --tw-text-opacity: 1;
        color: rgb(29 14 190/var(--tw-text-opacity, 1));
        text-decoration-line: underline
    }

hr {
    --tw-border-opacity: 1;
    border-color: rgb(156 163 175/var(--tw-border-opacity, 1))
}

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

.choices__inner__custom,
.choices__input__custom {
    background-color: #fff !important
}

.choices__input__custom {
    color: #000 !important;
    opacity: 1
}

.is-disabled .choices__inner__custom {
    background-color: #edf0f4 !important
}

.is-disabled .choices__input__custom {
    background-color: #edf0f4 !important;
    color: #000 !important;
    opacity: 1
}

.choices__input__custom::-moz-placeholder {
    color: #000;
    opacity: 1
}

.choices__input__custom::placeholder {
    color: #000;
    opacity: 1
}

.choices__input__custom:-ms-input-placeholder {
    color: #000
}

.choices__input__custom::-ms-input-placeholder {
    color: #000
}

.feedback textarea:required:valid {
    border-style: solid;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(0 130 59/var(--tw-border-opacity, 1))
}

.feedback textarea:focus:required:invalid {
    border-style: solid;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(240 65 52/var(--tw-border-opacity, 1))
}

.feedback textarea:required {
    border-style: solid;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(0 0 0/var(--tw-border-opacity, 1))
}

.btn {
    cursor: pointer;
    font-weight: 700;
    padding: 1rem
}

.btn--primary {
    background-color: rgb(0 86 172/var(--tw-bg-opacity, 1));
    cursor: pointer
}

    .btn--primary,
    .btn--primary:hover {
        --tw-bg-opacity: 1;
        --tw-text-opacity: 1;
        color: rgb(255 255 255/var(--tw-text-opacity, 1))
    }

        .btn--primary:hover {
            background-color: rgb(43 108 176/var(--tw-bg-opacity, 1))
        }

        .btn--primary:disabled {
            --tw-bg-opacity: 1;
            background-color: rgb(222 227 234/var(--tw-bg-opacity, 1));
            --tw-text-opacity: 1;
            color: rgb(111 119 123/var(--tw-text-opacity, 1))
        }

.btn--secondary {
    border-radius: .25rem;
    border-style: solid;
    border-width: 2px;
    cursor: pointer;
    --tw-border-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));
    border-color: rgb(0 86 172/var(--tw-border-opacity, 1));
    line-height: 1.35;
    text-decoration-line: none;
    transition: all .3s ease-in-out
}

    .btn--secondary,
    .btn--secondary:disabled {
        --tw-bg-opacity: 1;
        --tw-text-opacity: 1;
        color: rgb(0 86 172/var(--tw-text-opacity, 1))
    }

        .btn--secondary:disabled,
        .btn--secondary:focus {
            background-color: rgb(230 242 248/var(--tw-bg-opacity, 1))
        }

        .btn--secondary:focus {
            --tw-bg-opacity: 1
        }

        .btn--secondary.disabled {
            border: 1px solid gray !important;
            color: #919191 !important;
            pointer-events: none
        }

        .btn--secondary.download {
            align-items: center;
            border: 2px solid #0056ac;
            border-radius: .25rem;
            color: #0056ac;
            display: flex;
            font-weight: 700;
            padding: 10px 16px;
            z-index: 10
        }

            .btn--secondary.download:hover {
                background-color: #f6f9fc;
                border: 2px solid #074787;
                color: #074787;
                text-decoration-line: none
            }

                .btn--secondary.download:hover path {
                    fill: #074787
                }

            .btn--secondary.download:active {
                background-color: #edf0f4;
                text-decoration-line: none
            }

.btn--terciary {
    background-color: rgb(112 119 123/var(--tw-bg-opacity, 1))
}

    .btn--terciary,
    .btn--terciary:disabled,
    .btn--terciary:hover {
        --tw-bg-opacity: 1;
        --tw-text-opacity: 1;
        color: rgb(255 255 255/var(--tw-text-opacity, 1))
    }

        .btn--terciary:disabled,
        .btn--terciary:hover {
            background-color: rgb(145 145 145/var(--tw-bg-opacity, 1))
        }

.btn--download-gray {
    background-color: rgb(237 240 244/var(--tw-bg-opacity, 1))
}

    .btn--download-gray,
    .btn--download-gray:disabled,
    .btn--download-gray:hover {
        --tw-bg-opacity: 1;
        --tw-text-opacity: 1;
        color: rgb(0 0 0/var(--tw-text-opacity, 1))
    }

        .btn--download-gray:disabled,
        .btn--download-gray:hover {
            background-color: rgb(229 229 229/var(--tw-bg-opacity, 1))
        }

.btn--cuaternary {
    --tw-bg-opacity: 1;
    background-color: rgb(0 86 172/var(--tw-bg-opacity, 1));
    padding-bottom: 1rem;
    padding-top: 1rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

    .btn--cuaternary.active,
    .btn--cuaternary:disabled,
    .btn--cuaternary:hover {
        background-color: rgb(2 86 172/var(--tw-bg-opacity, 1))
    }

    .btn--cuaternary.active,
    .btn--cuaternary:disabled,
    .btn--cuaternary:hover,
    .btn--danger {
        --tw-bg-opacity: 1;
        --tw-text-opacity: 1;
        color: rgb(255 255 255/var(--tw-text-opacity, 1))
    }

.btn--danger {
    background-color: rgb(207 0 11/var(--tw-bg-opacity, 1))
}

    .btn--danger:disabled,
    .btn--danger:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(235 3 3/var(--tw-bg-opacity, 1));
        --tw-text-opacity: 1;
        color: rgb(255 255 255/var(--tw-text-opacity, 1))
    }

.btn--calendar {
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(156 163 175/var(--tw-border-opacity, 1));
    font-weight: 700;
    padding: 1rem;
    --tw-text-opacity: 1;
    color: rgb(0 86 172/var(--tw-text-opacity, 1))
}

    .btn--calendar:hover {
        text-decoration-line: none
    }

    .btn--calendar:focus,
    .btn--calendar:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(242 245 248/var(--tw-bg-opacity, 1))
    }

.btn--see-all {
    border-width: 1px;
    display: flex;
    margin: auto;
    width: 40%;
    --tw-border-opacity: 1;
    border-color: rgb(0 86 172/var(--tw-border-opacity, 1));
    padding: 1rem 2rem;
    text-align: center
}

.btn--see-all--secondary {
    align-items: center;
    border-width: 1px;
    display: flex;
    justify-content: flex-end;
    position: relative;
    width: -moz-fit-content;
    width: fit-content;
    --tw-border-opacity: 1;
    border-color: rgb(242 245 248/var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgb(242 245 248/var(--tw-bg-opacity, 1));
    padding: .75rem 2rem;
    --tw-text-opacity: 1;
    color: rgb(0 86 172/var(--tw-text-opacity, 1))
}

    .btn--see-all--secondary:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(230 242 248/var(--tw-bg-opacity, 1))
    }

    .btn--see-all--secondary:focus {
        --tw-bg-opacity: 1;
        background-color: rgb(0 86 172/var(--tw-bg-opacity, 1))
    }

.btn--see-all--terciary {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    position: relative;
    width: -moz-fit-content;
    width: fit-content;
    --tw-border-opacity: 1;
    border-color: rgb(222 227 234/var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgb(242 245 248/var(--tw-bg-opacity, 1));
    padding: .5rem 1rem;
    --tw-text-opacity: 1;
    color: rgb(0 86 172/var(--tw-text-opacity, 1))
}

    .btn--see-all--terciary:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(230 242 248/var(--tw-bg-opacity, 1));
        text-decoration-line: none
    }

    .btn--see-all--terciary:focus {
        --tw-bg-opacity: 1;
        background-color: rgb(0 86 172/var(--tw-bg-opacity, 1))
    }

.btn--see-all--procedures {
    border-width: 2px;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    --tw-border-opacity: 1;
    border-color: rgb(0 86 172/var(--tw-border-opacity, 1));
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.75rem;
    line-height: 1.25;
    padding: 1rem .5rem;
    text-align: center
}

@media(min-width:600px) {
    .btn--see-all--procedures {
        padding-left: 1rem;
        padding-right: 1rem;
        width: -moz-fit-content;
        width: fit-content
    }
}

.btn--see-all:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
}

@media(max-width:767px) {
    .btn--see-all {
        text-align: center;
        width: 100%
    }
}

.btn--link {
    align-items: center;
    display: flex;
    font-weight: 700;
    justify-content: flex-end;
    padding: .5rem;
    --tw-text-opacity: 1;
    color: rgb(51 51 51/var(--tw-text-opacity, 1))
}

    .btn--link:hover {
        text-decoration: none
    }

.btn--link--emergency {
    justify-content: center;
    text-align: center;
    width: 180px;
    --tw-text-opacity: 1;
    color: rgb(0 86 172/var(--tw-text-opacity, 1))
}

.btn--corona,
.btn--link--emergency {
    display: flex
}

.btn--corona {
    align-items: center;
    border-radius: .375rem;
    border-width: 2px;
    position: relative;
    --tw-border-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));
    border-color: rgb(0 86 172/var(--tw-border-opacity, 1));
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5rem;
    padding: 1rem 1.25rem;
    transition: all .3s ease-in-out
}

    .btn--corona,
    .btn--corona:hover {
        --tw-bg-opacity: 1
    }

        .btn--corona:hover {
            background-color: rgb(230 242 248/var(--tw-bg-opacity, 1));
            text-decoration-line: none
        }

        .btn--corona:focus {
            --tw-bg-opacity: 1;
            background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
        }

@media (min-width:768px) {
    .btn--corona {
        font-size: 1.125rem;
        justify-content: space-between;
        line-height: 1.75rem
    }
}

@media (min-width:640px) {
    .btn--corona {
        justify-content: center
    }
}

.btn--section-theme {
    align-items: center;
    border-radius: .25rem;
    border-width: 2px;
    display: flex;
    justify-content: space-between;
    position: relative;
    --tw-border-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));
    border-color: rgb(0 86 172/var(--tw-border-opacity, 1));
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5rem;
    padding: 1rem 2rem;
    transition: all .3s ease-in-out
}

    .btn--section-theme,
    .btn--section-theme:hover {
        --tw-bg-opacity: 1
    }

        .btn--section-theme:hover {
            background-color: rgb(230 242 248/var(--tw-bg-opacity, 1));
            text-decoration-line: none
        }

        .btn--section-theme:focus {
            --tw-bg-opacity: 1;
            background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
        }

@media (min-width:768px) {
    .btn--section-theme {
        font-size: 1.125rem;
        line-height: 1.75rem
    }
}

.btn--triage {
    align-items: center;
    border-width: 1px;
    display: flex;
    justify-content: flex-end;
    position: relative;
    width: -moz-fit-content;
    width: fit-content;
    --tw-border-opacity: 1;
    border-color: rgb(0 86 172/var(--tw-border-opacity, 1));
    padding: 1rem 2rem;
    --tw-text-opacity: 1;
    background-color: rgb(0 86 172/var(--tw-bg-opacity, 1));
    line-height: 1.15;
    transition: all .3s ease-in-out
}

    .btn--triage,
    .btn--triage:hover {
        color: rgb(255 255 255/var(--tw-text-opacity, 1));
        --tw-bg-opacity: 1
    }

        .btn--triage:hover {
            background-color: rgb(43 108 176/var(--tw-bg-opacity, 1));
            --tw-text-opacity: 1;
            text-decoration-line: none
        }

        .btn--triage:focus {
            --tw-bg-opacity: 1;
            background-color: rgb(0 86 172/var(--tw-bg-opacity, 1))
        }

.btn--measures {
    border-width: 1px;
    display: flex;
    justify-content: center;
    margin: auto;
    --tw-border-opacity: 1;
    border-color: rgb(0 86 172/var(--tw-border-opacity, 1));
    padding-left: 2rem;
    padding-right: 2rem;
    text-align: center;
    --tw-text-opacity: 1;
    background-color: rgb(0 86 172/var(--tw-bg-opacity, 1));
    line-height: 1.15;
    padding-bottom: 15px;
    padding-top: 15px;
    transition: all .3s ease-in-out
}

    .btn--measures,
    .btn--measures:hover {
        color: rgb(255 255 255/var(--tw-text-opacity, 1));
        --tw-bg-opacity: 1
    }

        .btn--measures:hover {
            background-color: rgb(43 108 176/var(--tw-bg-opacity, 1));
            --tw-text-opacity: 1;
            text-decoration-line: none
        }

        .btn--measures:focus {
            --tw-bg-opacity: 1;
            background-color: rgb(0 86 172/var(--tw-bg-opacity, 1))
        }

.btn--sala {
    border-color: rgb(0 86 172/var(--tw-border-opacity, 1));
    border-width: 2px;
    flex-direction: column;
    justify-content: space-around;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));
    color: rgb(0 86 172/var(--tw-text-opacity, 1));
    line-height: 1
}

.btn--emergency,
.btn--sala {
    display: flex;
    --tw-border-opacity: 1;
    --tw-text-opacity: 1
}

.btn--emergency {
    align-items: center;
    background-color: rgb(0 86 172/var(--tw-bg-opacity, 1));
    border-color: rgb(0 86 172/var(--tw-border-opacity, 1));
    border-width: 1px;
    justify-content: center;
    line-height: 1.15;
    padding: .75rem 1.5rem;
    position: relative;
    transition: all .3s ease-in-out;
    width: 180px
}

    .btn--emergency,
    .btn--emergency:hover {
        color: rgb(255 255 255/var(--tw-text-opacity, 1));
        --tw-bg-opacity: 1
    }

        .btn--emergency:hover {
            background-color: rgb(43 108 176/var(--tw-bg-opacity, 1));
            --tw-text-opacity: 1;
            text-decoration-line: none
        }

        .btn--emergency:focus {
            --tw-bg-opacity: 1;
            background-color: rgb(0 86 172/var(--tw-bg-opacity, 1))
        }

.btn--pages-button {
    border-radius: .375rem;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5rem;
    padding: 10px 16px;
    z-index: 10;
    --tw-text-opacity: 1;
    color: rgb(7 71 135/var(--tw-text-opacity, 1))
}

    .btn--pages-button path {
        fill: #074787
    }

    .btn--pages-button:hover {
        --tw-text-opacity: 1;
        color: rgb(7 71 135/var(--tw-text-opacity, 1))
    }

.btn--secondary-home {
    align-items: center;
    border-radius: .5rem;
    border-width: 2px;
    display: flex;
    position: relative;
    --tw-border-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));
    border-color: rgb(0 86 172/var(--tw-border-opacity, 1));
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5rem;
    padding: 1rem 1.25rem;
    transition: all .3s ease-in-out
}

    .btn--secondary-home,
    .btn--secondary-home:hover {
        --tw-bg-opacity: 1
    }

        .btn--secondary-home:hover {
            background-color: rgb(230 242 248/var(--tw-bg-opacity, 1));
            text-decoration-line: none
        }

        .btn--secondary-home:focus {
            border-color: transparent;
            --tw-bg-opacity: 1;
            background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));
            --tw-text-opacity: 1;
            color: rgb(0 86 172/var(--tw-text-opacity, 1))
        }

@media (min-width:768px) {
    .btn--secondary-home {
        justify-content: space-between
    }
}

@media (min-width:640px) {
    .btn--secondary-home {
        justify-content: center
    }
}

.button--tertiary:hover .button--tertiary__text {
    --tw-bg-opacity: 1;
    background-color: rgb(35 52 88/var(--tw-bg-opacity, 1))
}

.button--tertiary:hover .button--tertiary__icon {
    --tw-bg-opacity: 1;
    background-color: rgb(37 60 99/var(--tw-bg-opacity, 1))
}

.button-content-page a,
.button-content-page u {
    text-decoration-line: none
}

.button-content-page a {
    border-radius: .25rem
}

table.table {
    border-collapse: collapse;
    margin-bottom: .5rem;
    margin-top: .5rem;
    width: 100%
}

    table.table th {
        border-bottom-width: 1px;
        --tw-border-opacity: 1;
        border-color: rgb(111 119 123/var(--tw-border-opacity, 1));
        padding: 1rem .5rem;
        text-align: left
    }

    table.table tbody tr:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(229 229 229/var(--tw-bg-opacity, 1))
    }

    table.table td {
        border-bottom-width: 1px;
        overflow-wrap: break-word;
        --tw-border-opacity: 1;
        border-color: rgb(111 119 123/var(--tw-border-opacity, 1));
        max-width: 12rem;
        padding: .5rem
    }

.paginator li span {
    padding-bottom: .5rem;
    padding-left: .5rem;
    padding-right: .5rem
}

    .paginator li span.current {
        border-bottom-width: 4px;
        --tw-border-opacity: 1;
        border-color: rgb(0 0 0/var(--tw-border-opacity, 1))
    }

.form .error {
    display: block;
    font-size: .875rem;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(235 3 3/var(--tw-text-opacity, 1))
}

.html_editor_wrapper .form .error,
.rich .form .error {
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 4px 30px 0 #dcdcdc;
    display: flex;
    height: auto;
    padding: 14px 18px;
    position: absolute;
    top: 50px;
    z-index: 9
}

.form .form-group,
.form .input {
    margin-bottom: .5rem
}

.form .input-control {
    margin-bottom: 2rem
}

.form .rich_text_area {
    margin-bottom: 1rem
}

.form .input-name {
    margin-bottom: .25rem
}

.form .choices__inner,
.form .choices__inner__custom {
    max-height: 18.75rem;
    overflow-y: auto
}

.form .input-checkbox-topic {
    margin-bottom: 0
}

.form .choices__inner,
.form .choices__inner__custom,
.form .input_like,
.form input:not([type=submit]):not([type=radio]):not([type=checkbox]),
.form textarea {
    border-radius: 0;
    border-width: 2px;
    --tw-border-opacity: 1;
    border-color: rgb(0 0 0/var(--tw-border-opacity, 1))
}

.form fieldset {
    min-width: 0
}

    .form fieldset:not(.clean) {
        border-radius: .25rem;
        border-width: 1px;
        margin-bottom: 1.5rem;
        margin-top: 1.5rem;
        --tw-border-opacity: 1;
        border-color: rgb(156 163 175/var(--tw-border-opacity, 1))
    }

.form .radio label {
    font-weight: 400 !important
}

.form label:not(.radio):not(.checkbox) {
    display: block;
    font-weight: 700
}

.html_editor_wrapper .form label:not(.radio):not(.checkbox),
.rich .form label:not(.radio):not(.checkbox) {
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 4px 30px 0 #dcdcdc;
    display: flex;
    height: auto;
    padding: 14px 18px;
    position: absolute;
    top: 50px;
    z-index: 9
}

.form label:not(.radio):not(.checkbox) abbr {
    display: none
}

.flatpickr-day.form label:not(.radio):not(.checkbox) abbr {
    visibility: hidden
}

.form .date,
.form .date select,
.form .datetime,
.form .datetime select,
.form .time,
.form .time select {
    width: auto
}

.form .input-control select.hour,
.form .input-control select.minute {
    margin-left: .5rem
}

.form .input_like,
.form input[type=date],
.form input[type=email],
.form input[type=number],
.form input[type=password],
.form input[type=tel],
.form input[type=text]:not(.choices__input):not(.choices__input__custom),
.form input[type=url],
.form select,
.form textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    border-width: 2px;
    padding: .5rem .75rem;
    width: 100%
}

    .form .input_like.disabled,
    .form .input_like:disabled,
    .form input[type=date].disabled,
    .form input[type=date]:disabled,
    .form input[type=email].disabled,
    .form input[type=email]:disabled,
    .form input[type=number].disabled,
    .form input[type=number]:disabled,
    .form input[type=password].disabled,
    .form input[type=password]:disabled,
    .form input[type=tel].disabled,
    .form input[type=tel]:disabled,
    .form input[type=text]:not(.choices__input):not(.choices__input__custom).disabled,
    .form input[type=text]:not(.choices__input):not(.choices__input__custom):disabled,
    .form input[type=url].disabled,
    .form input[type=url]:disabled,
    .form select.disabled,
    .form select:disabled,
    .form textarea.disabled,
    .form textarea:disabled {
        --tw-bg-opacity: 1;
        background-color: rgb(237 240 244/var(--tw-bg-opacity, 1));
        --tw-shadow: 0 0 #0000;
        --tw-shadow-colored: 0 0 #0000;
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
    }

    .form .input_like:focus,
    .form input[type=date]:focus,
    .form input[type=email]:focus,
    .form input[type=number]:focus,
    .form input[type=password]:focus,
    .form input[type=tel]:focus,
    .form input[type=text]:not(.choices__input):not(.choices__input__custom):focus,
    .form input[type=url]:focus,
    .form select:focus,
    .form textarea:focus {
        outline: 3px solid #ffd147
    }

    .form .input_like.input-fit,
    .form input[type=date].input-fit,
    .form input[type=email].input-fit,
    .form input[type=number].input-fit,
    .form input[type=password].input-fit,
    .form input[type=tel].input-fit,
    .form input[type=text]:not(.choices__input):not(.choices__input__custom).input-fit,
    .form input[type=url].input-fit,
    .form select.input-fit,
    .form textarea.input-fit {
        width: -moz-fit-content;
        width: fit-content
    }

.form input[type=checkbox] {
    margin-right: .25rem
}

.form select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    border-width: 2px;
    --tw-border-opacity: 1;
    border-color: rgb(0 0 0/var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));
    background: #fff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='darkgrey'><path d='M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z'/></svg>") no-repeat;
    background-position: calc(100% - 5px);
    background-repeat: no-repeat;
    background-size: 20px;
    padding: .5rem 2rem .5rem 1rem
}

.form .field_with_errors input,
.form .field_with_errors select,
.form .field_with_errors textarea,
.form .has-danger input,
.form .has-danger select,
.form .has-danger textarea {
    border-color: #eb0303 !important;
    border-width: medium !important
}

.form .field_with_errors .error,
.form .field_with_errors .form-control-feedback,
.form .has-danger .error,
.form .has-danger .form-control-feedback {
    display: block;
    font-size: .875rem;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(235 3 3/var(--tw-text-opacity, 1))
}

.html_editor_wrapper .form .field_with_errors .error,
.html_editor_wrapper .form .field_with_errors .form-control-feedback,
.html_editor_wrapper .form .has-danger .error,
.html_editor_wrapper .form .has-danger .form-control-feedback,
.rich .form .field_with_errors .error,
.rich .form .field_with_errors .form-control-feedback,
.rich .form .has-danger .error,
.rich .form .has-danger .form-control-feedback {
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 4px 30px 0 #dcdcdc;
    display: flex;
    height: auto;
    padding: 14px 18px;
    position: absolute;
    top: 50px;
    z-index: 9
}

.form .field_with_errors .trix-editor,
.form .has-danger .trix-editor {
    margin-bottom: 0
}

.form .field_with_errors .trix-content,
.form .has-danger .trix-content {
    border-color: #f04134;
    border-width: medium
}

.form .field_with_errors .choices,
.form .has-danger .choices {
    margin-bottom: 0
}

.form .field_with_errors .choices__inner,
.form .field_with_errors .choices__inner__custom,
.form .has-danger .choices__inner,
.form .has-danger .choices__inner__custom {
    border-color: #f04134;
    border-width: medium
}

.form .field_with_errors .error,
.form .has-danger .error {
    margin-top: 0
}

.form .hint {
    --tw-text-opacity: 1;
    color: rgb(38 41 46/var(--tw-text-opacity, 1))
}

.form input.js-input-field[type=file] {
    height: .1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    width: .1px;
    z-index: -1
}

.form .custom-checkbox {
    cursor: pointer;
    display: block;
    position: relative
}

.html_editor_wrapper .form .custom-checkbox,
.rich .form .custom-checkbox {
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 4px 30px 0 #dcdcdc;
    display: flex;
    height: auto;
    padding: 14px 18px;
    position: absolute;
    top: 50px;
    z-index: 9
}

.form .custom-checkbox {
    margin-bottom: 15px;
    padding-left: 35px
}

    .form .custom-checkbox input[type=checkbox] {
        position: relative;
        top: 5px
    }

.form .mark {
    border: 3px solid #222;
    height: 1.5rem;
    left: 0;
    position: absolute;
    top: 0;
    width: 1.5rem
}

.form .custom-checkbox input:active ~ .mark,
.form .custom-checkbox:hover input ~ .mark,
.form .mark {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
}

.form .custom-checkbox input:checked ~ .mark {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0/var(--tw-bg-opacity, 1))
}

.form .mark:after {
    display: none;
    position: absolute
}

.flatpickr-day.form .mark:after {
    visibility: hidden
}

.form .mark:after {
    content: ""
}

.form .label-without-p-m span.checkbox label {
    margin: 0 0 0 1.5rem;
    padding: 0
}

.form .custom-checkbox input:checked ~ .mark:after {
    display: block
}

.html_editor_wrapper .form .custom-checkbox input:checked ~ .mark:after,
.rich .form .custom-checkbox input:checked ~ .mark:after {
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 4px 30px 0 #dcdcdc;
    display: flex;
    height: auto;
    padding: 14px 18px;
    position: absolute;
    top: 50px;
    z-index: 9
}

.form .custom-checkbox .mark:after {
    border: solid #fff;
    border-width: 0 4px 4px 0;
    height: 1rem;
    left: 6px;
    transform: rotate(45deg);
    width: .5rem
}

.documents-fields fieldset:first-of-type:nth-last-of-type(-n+1) a.remove_fields,
.inputs-fields fieldset:first-of-type:nth-last-of-type(-n+1) a.remove_fields {
    display: none
}

.flatpickr-day.documents-fields fieldset:first-of-type:nth-last-of-type(-n+1) a.remove_fields,
.flatpickr-day.inputs-fields fieldset:first-of-type:nth-last-of-type(-n+1) a.remove_fields {
    visibility: hidden
}

.search_rule {
    border-color: rgb(0 0 0/var(--tw-border-opacity, 1));
    border-radius: 0;
    border-width: 3px
}

.search_filter,
.search_rule {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));
    background-image: url("/assets/icons/arrow_down-6f489d0c.svg");
    background-position: calc(100% - 15px);
    background-repeat: no-repeat;
    background-size: 12px
}

.search_filter {
    border-color: rgb(0 0 0/var(--tw-border-opacity, 1));
    border-radius: 0;
    border-width: 2px
}

ul.dropdown {
    border-width: 1px;
    margin-top: .25rem;
    position: absolute;
    width: 100%;
    z-index: 20;
    --tw-border-opacity: 1;
    border-color: rgb(145 145 145/var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));
    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(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)
}

    ul.dropdown li {
        border-bottom-width: 1px;
        --tw-border-opacity: 1;
        border-color: rgb(156 163 175/var(--tw-border-opacity, 1));
        padding: .5rem .75rem
    }

        ul.dropdown li.active,
        ul.dropdown li:hover {
            --tw-bg-opacity: 1;
            background-color: rgb(238 240 244/var(--tw-bg-opacity, 1))
        }

    ul.dropdown:last-child {
        border: none
    }

.flash {
    border-radius: .25rem;
    border-width: 1px;
    margin-bottom: 1rem;
    margin-top: 1rem;
    padding: .75rem 1rem;
    position: relative
}

    .flash .btn-cancel {
        position: absolute;
        right: 4px;
        top: 4px
    }

    .flash.alert,
    .flash.error {
        background-color: rgb(255 239 240/var(--tw-bg-opacity, 1));
        border-color: rgb(253 88 58/var(--tw-border-opacity, 1))
    }

    .flash.alert,
    .flash.error,
    .flash.notice {
        --tw-border-opacity: 1;
        --tw-bg-opacity: 1;
        --tw-text-opacity: 1;
        color: rgb(0 0 0/var(--tw-text-opacity, 1))
    }

    .flash.notice {
        background-color: rgb(237 240 244/var(--tw-bg-opacity, 1));
        border-color: rgb(0 86 172/var(--tw-border-opacity, 1))
    }

    .flash.success {
        --tw-border-opacity: 1;
        border-color: rgb(27 157 107/var(--tw-border-opacity, 1));
        --tw-bg-opacity: 1;
        background-color: rgb(201 240 216/var(--tw-bg-opacity, 1));
        --tw-text-opacity: 1;
        color: rgb(0 0 0/var(--tw-text-opacity, 1))
    }

.user-history__item {
    margin-bottom: 2rem;
    padding-left: 3rem;
    position: relative
}

    .user-history__item:not(:last-child):after {
        background: #000;
        content: " ";
        height: 4rem;
        left: 15px;
        position: absolute;
        top: 0;
        width: 2px
    }

.user-history__icon {
    border-radius: 9999px;
    border-width: 2px;
    left: 0;
    position: absolute;
    z-index: 10;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));
    padding: .5rem;
    top: -5px
}

.tooltip {
    border-radius: .25rem;
    border-width: 1px;
    max-width: 28rem;
    position: relative;
    z-index: 40;
    --tw-border-opacity: 1;
    border-color: rgb(230 230 253/var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgb(230 230 253/var(--tw-bg-opacity, 1));
    padding: .5rem 2.5rem .5rem .5rem
}

    .tooltip,
    .tooltip:before {
        --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(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)
    }

        .tooltip:before {
            display: block;
            position: absolute;
            z-index: 50
        }

.html_editor_wrapper .tooltip:before,
.rich .tooltip:before {
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 4px 30px 0 #dcdcdc;
    display: flex;
    height: auto;
    padding: 14px 18px;
    position: absolute;
    top: 50px;
    z-index: 9
}

.tooltip:before {
    border-bottom: 8px solid transparent;
    border-right: 8px solid #e6e6ff;
    border-top: 8px solid transparent;
    content: "";
    height: 0;
    left: -10px;
    top: 7px;
    width: 0
}

.tooltip_new {
    cursor: pointer;
    position: relative
}

    .tooltip_new .tooltip_new_content {
        border-radius: .25rem;
        border-width: 1px;
        margin-bottom: .25rem;
        margin-left: 1rem;
        max-width: 28rem;
        visibility: hidden;
        z-index: 40;
        --tw-border-opacity: 1;
        border-color: rgb(230 230 253/var(--tw-border-opacity, 1));
        --tw-bg-opacity: 1;
        background-color: rgb(230 230 253/var(--tw-bg-opacity, 1));
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5rem;
        padding: .5rem 2.5rem .5rem .5rem;
        text-align: left;
        --tw-text-opacity: 1;
        color: rgb(38 41 46/var(--tw-text-opacity, 1));
        left: 100%;
        opacity: 0;
        top: -1em;
        transition: opacity .2s;
        width: -moz-max-content;
        width: max-content
    }

        .tooltip_new .tooltip_new_content,
        .tooltip_new .tooltip_new_content:after {
            position: absolute;
            --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(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)
        }

            .tooltip_new .tooltip_new_content:after {
                border-color: transparent #e6e6fd transparent transparent;
                border-width: 10px;
                content: "";
                margin-top: -5px;
                right: 100%;
                top: 1.5rem;
                z-index: 50
            }

            .tooltip_new .tooltip_new_content .close_tooltip_new {
                position: absolute;
                right: .5rem;
                top: .25rem;
                --tw-bg-opacity: 1;
                background-color: rgb(43 108 176/var(--tw-bg-opacity, 1));
                padding: .25rem .5rem;
                --tw-text-opacity: 1;
                color: rgb(255 255 255/var(--tw-text-opacity, 1))
            }

    .tooltip_new input {
        display: none
    }

.flatpickr-day.tooltip_new input {
    visibility: hidden
}

.tooltip_new input:checked + span.tooltip_new_content {
    opacity: 1;
    visibility: visible
}

@media(max-width:768px) {
    .footer ul.tooltip_new input:checked + span.tooltip_new_content {
        height: auto
    }
}

.tooltip-html {
    position: relative
}

    .tooltip-html .tooltip-content {
        background: #fff;
        border-radius: .5rem;
        border-width: 1px;
        bottom: 100%;
        display: none;
        flex-direction: column;
        gap: 1.25rem;
        margin-bottom: 6px;
        padding: 1.5rem;
        position: absolute;
        width: 312px;
        z-index: 50
    }

        .tooltip-html .tooltip-content:before {
            border: 6px solid transparent;
            border-top-color: #fff;
            bottom: -13px;
            content: "";
            filter: drop-shadow(0 0 1px rgb(203, 213, 224));
            left: 5px;
            position: absolute
        }

    .tooltip-html:hover .tooltip-content {
        display: flex
    }

.new-tooltip {
    position: relative
}

    .new-tooltip:after,
    .new-tooltip:before {
        bottom: 100%;
        left: 50%;
        opacity: 0;
        position: absolute;
        transition: opacity .5s;
        visibility: hidden
    }

    .new-tooltip:before {
        border: 6px solid transparent;
        border-top-color: #26292e;
        content: "";
        left: calc(50% - 3px);
        margin-bottom: -2px;
        position: absolute
    }

    .new-tooltip:after {
        border-radius: .5rem;
        --tw-bg-opacity: 1;
        background-color: rgb(38 41 46/var(--tw-bg-opacity, 1));
        font-size: .875rem;
        line-height: 1.25rem;
        padding: .5rem 1rem;
        --tw-text-opacity: 1;
        box-shadow: 0 0 10px -2px rgba(0, 0, 0, .75);
        color: rgb(255 255 255/var(--tw-text-opacity, 1));
        content: attr(data-tooltip);
        margin-bottom: 10px;
        max-width: 17rem;
        text-align: left;
        transform: translateX(-50%);
        width: -moz-max-content;
        width: max-content
    }

    .new-tooltip:hover:after,
    .new-tooltip:hover:before {
        opacity: 1;
        visibility: visible
    }

@media(max-width:768px) {

    .footer ul.new-tooltip:hover:after,
    .footer ul.new-tooltip:hover:before {
        height: auto
    }
}

.direct-upload {
    border: 1px solid rgba(0, 0, 0, .3);
    border-radius: 3px;
    display: inline-block;
    font-size: 11px;
    line-height: 13px;
    margin: 0 3px 3px 0;
    padding: 2px 4px;
    position: relative
}

.direct-upload--pending {
    opacity: .6
}

.direct-upload__progress {
    background: #0076ff;
    bottom: 0;
    left: 0;
    opacity: .2;
    position: absolute;
    top: 0;
    transform: translateZ(0);
    transition: width .12s ease-out, opacity 60ms ease-in 60ms
}

.direct-upload--complete .direct-upload__progress {
    opacity: .4
}

.direct-upload--error {
    border-color: red
}

input[type=file][data-direct-upload-url][disabled] {
    display: none
}

.simple-calendar .today {
    background: #e0f5ff
}

.simple-calendar .next-month,
.simple-calendar .prev-month {
    background: #f2f5f8;
    color: #919191
}

.simple-calendar .calendar-title {
    font-weight: 700
}

.simple-calendar td {
    border: 1px solid #ddd;
    padding: 6px;
    vertical-align: top;
    width: 14%
}

.simple-calendar tr:hover {
    background-color: transparent !important
}

.theme-nav {
    --tw-bg-opacity: 1;
    background-color: rgb(242 245 248/var(--tw-bg-opacity, 1))
}

    .theme-nav .container > ul {
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
    }

#tree-content-list p.tree,
#tree-content-list ul.tree,
#tree-content-list ul.tree ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

    #tree-content-list ul.tree ul {
        margin-left: 2rem
    }

    #tree-content-list ul.tree li {
        border-left-width: 1px;
        margin-left: .25rem;
        --tw-border-opacity: 1;
        border-color: rgb(0 0 0/var(--tw-border-opacity, 1))
    }

        #tree-content-list ul.tree li:last-child {
            border-left-width: 0
        }

        #tree-content-list ul.tree li:before {
            border-bottom-width: 1px;
            display: inline-block;
            --tw-border-opacity: 1;
            border-color: rgb(0 0 0/var(--tw-border-opacity, 1));
            content: "";
            height: 1.8rem;
            margin-right: .625rem;
            vertical-align: 4px;
            width: 1.675rem
        }

        #tree-content-list ul.tree li:last-child:before {
            border-left-width: 1px;
            --tw-border-opacity: 1;
            border-color: rgb(0 0 0/var(--tw-border-opacity, 1))
        }

#table-theme {
    border-collapse: separate;
    border-spacing: 0 .5rem
}

    #table-theme td,
    #table-theme th {
        padding: 20px 10px
    }

    #table-theme td {
        --tw-bg-opacity: 1;
        background-color: rgb(246 249 252/var(--tw-bg-opacity, 1));
        vertical-align: top
    }

@media(max-width:768px) {
    #table-theme {
        width: 860px
    }
}

#tree-content-preview .tree-preview li {
    border-left-width: 1px;
    margin-left: .25rem;
    --tw-border-opacity: 1;
    border-color: rgb(0 0 0/var(--tw-border-opacity, 1))
}

    #tree-content-preview .tree-preview li:last-child {
        border-left-width: 0
    }

    #tree-content-preview .tree-preview li:before {
        border-bottom-width: 1px;
        display: inline-block;
        height: 3rem;
        --tw-border-opacity: 1;
        border-color: rgb(0 0 0/var(--tw-border-opacity, 1));
        content: "";
        width: 33px
    }

    #tree-content-preview .tree-preview li:last-child:before {
        border-left-width: 1px;
        --tw-border-opacity: 1;
        border-color: rgb(0 0 0/var(--tw-border-opacity, 1))
    }

#tree-content-preview .element-preview {
    min-width: 200px
}

@media(max-width:768px) {
    #tree-content-preview .element-preview {
        min-width: 140px
    }
}

#box-language label.select {
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: .005em;
    line-height: 1.5rem;
    margin-bottom: 1rem
}

#box-language label.select,
#box-language span.hint {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

#box-language span.hint {
    font-size: .875rem;
    font-weight: 400;
    line-height: 1rem
}

@media(min-width:768px) {
    #theme-edit .grid-cols-theme-languages {
        grid-template-columns: 1fr 30%
    }
}

#breadcrumb-theme .js-breadcrumb-full-width ol.breadcrumb {
    align-items: center;
    display: flex;
    font-size: .875rem;
    line-height: 1.25rem;
    margin: auto;
    padding: 1rem 0
}

    #breadcrumb-theme .js-breadcrumb-full-width ol.breadcrumb li.breadcrumb-item {
        align-items: center;
        display: inline-block;
        display: flex;
        line-height: 28px;
        list-style-type: none
    }

        #breadcrumb-theme .js-breadcrumb-full-width ol.breadcrumb li.breadcrumb-item.active {
            color: #34393a
        }

@media(max-width:575px) {
    #breadcrumb-theme .js-breadcrumb-full-width {
        margin-top: .75rem
    }

        #breadcrumb-theme .js-breadcrumb-full-width .breadcrumb {
            margin: auto;
            padding: 0 15px 10px
        }
}

@media(max-width:539px) {

    #breadcrumb-theme ol.breadcrumb > li.breadcrumb-item.hidden-sm-down,
    #breadcrumb-theme ol.breadcrumb > li.breadcrumb-item > span.hidden-sm-down {
        display: none
    }

    .flatpickr-day#breadcrumb-theme ol.breadcrumb > li.breadcrumb-item.hidden-sm-down,
    .flatpickr-day#breadcrumb-theme ol.breadcrumb > li.breadcrumb-item > span.hidden-sm-down {
        visibility: hidden
    }
}

@media(min-width:768px) {

    #breadcrumb-theme ol.breadcrumb > li.breadcrumb-item.hidden-md-up,
    #breadcrumb-theme ol.breadcrumb > li.breadcrumb-item > span.hidden-md-up {
        display: none
    }

    .flatpickr-day#breadcrumb-theme ol.breadcrumb > li.breadcrumb-item.hidden-md-up,
    .flatpickr-day#breadcrumb-theme ol.breadcrumb > li.breadcrumb-item > span.hidden-md-up {
        visibility: hidden
    }
}

.theme-filters .form-control.select {
    background: #fff url('data:image/svg+xml;utf8,<svg width="10" height="7" viewBox="0 0 10 7" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1.175 0.158325L5 3.97499L8.825 0.158325L10 1.33333L5 6.33333L0 1.33333L1.175 0.158325Z" fill="black"/></svg>') no-repeat;
    background-position: calc(100% - 20px)
}

#block-delete-parent:before {
    bottom: 2.5rem;
    display: block;
    height: 0;
    position: relative;
    width: 0
}

.html_editor_wrapper #block-delete-parent:before,
.rich #block-delete-parent:before {
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 4px 30px 0 #dcdcdc;
    display: flex;
    height: auto;
    padding: 14px 18px;
    position: absolute;
    top: 50px;
    z-index: 9
}

#block-delete-parent:before {
    border-bottom: 10px solid #000;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    content: "";
    left: -12px
}

#paginator-theme nav.pagination {
    border-width: 0
}

    #paginator-theme nav.pagination span {
        border-width: 0;
        font-weight: 700;
        line-height: 1.5rem;
        margin-right: 1.25rem;
        padding: .25rem;
        --tw-text-opacity: 1;
        color: rgb(38 41 46/var(--tw-text-opacity, 1))
    }

        #paginator-theme nav.pagination span.current {
            border-bottom-width: 3px;
            --tw-border-opacity: 1;
            border-color: rgb(0 0 0/var(--tw-border-opacity, 1))
        }

.spinner-loader {
    height: 1.5rem;
    width: 1.5rem
}

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

.spinner-loader {
    animation: spin 1s linear infinite;
    border-color: #f3f3f3 #38b87f #38b87f;
    border-radius: 9999px;
    border-width: 4px
}

.content_type_theme .choices__list--multiple .choices__item--selectable {
    display: none !important
}

    .content_type_theme .choices__list--multiple .choices__item--selectable.active {
        display: inline-block !important
    }

.badge {
    align-items: center;
    display: inline-flex;
    font-size: .875rem;
    font-weight: 700;
    justify-content: center;
    line-height: 1.25rem;
    line-height: 1;
    padding: .25rem .5rem
}

    .badge.bg-green {
        background-color: rgb(201 240 216/var(--tw-bg-opacity, 1));
        border-color: rgb(162 213 180/var(--tw-border-opacity, 1));
        border-width: 1px;
        color: rgb(7 103 37/var(--tw-text-opacity, 1))
    }

    .badge.bg-gray,
    .badge.bg-green {
        --tw-border-opacity: 1;
        --tw-bg-opacity: 1;
        --tw-text-opacity: 1
    }

    .badge.bg-gray {
        background-color: rgb(145 145 145/var(--tw-bg-opacity, 1));
        border-color: rgb(145 145 145/var(--tw-border-opacity, 1));
        border-width: 1px;
        color: rgb(255 255 255/var(--tw-text-opacity, 1))
    }

    .badge.bg-red {
        border-width: 1px;
        --tw-border-opacity: 1;
        border-color: rgb(240 65 52/var(--tw-border-opacity, 1));
        --tw-bg-opacity: 1;
        background-color: rgb(255 239 240/var(--tw-bg-opacity, 1));
        --tw-text-opacity: 1;
        color: rgb(255 7 7/var(--tw-text-opacity, 1))
    }

.icon {
    border-color: transparent;
    border-width: 2px;
    cursor: pointer;
    display: inline-block;
    padding: .5rem
}

    .icon.selected {
        --tw-border-opacity: 1;
        border-color: rgb(0 0 0/var(--tw-border-opacity, 1))
    }

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

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

.placeholder\:text-gray-600::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(145 145 145/var(--tw-text-opacity, 1))
}

.placeholder\:text-gray-600::placeholder {
    --tw-text-opacity: 1;
    color: rgb(145 145 145/var(--tw-text-opacity, 1))
}

.focus-within\:border-focus:focus-within {
    --tw-border-opacity: 1;
    border-color: rgb(255 209 71/var(--tw-border-opacity, 1))
}

.focus-within\:border-yellow-500:focus-within {
    --tw-border-opacity: 1;
    border-color: rgb(255 191 71/var(--tw-border-opacity, 1))
}

.hover\:border-gray-900:hover {
    --tw-border-opacity: 1;
    border-color: rgb(38 41 46/var(--tw-border-opacity, 1))
}

.hover\:bg-blue-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(230 242 248/var(--tw-bg-opacity, 1))
}

.hover\:bg-blue-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(222 227 234/var(--tw-bg-opacity, 1))
}

.hover\:bg-blue-300:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(238 240 244/var(--tw-bg-opacity, 1))
}

.hover\:bg-blue-500:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(43 108 176/var(--tw-bg-opacity, 1))
}

.hover\:bg-blue-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(2 86 172/var(--tw-bg-opacity, 1))
}

.hover\:bg-blue-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(0 86 172/var(--tw-bg-opacity, 1))
}

.hover\:bg-blue-790:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(18 53 120/var(--tw-bg-opacity, 1))
}

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

.hover\:bg-gray-40:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(242 245 248/var(--tw-bg-opacity, 1))
}

.hover\:bg-gray-400:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(156 163 175/var(--tw-bg-opacity, 1))
}

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

.hover\:bg-gray-500:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(111 119 123/var(--tw-bg-opacity, 1))
}

.hover\:bg-gray-70:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(246 249 252/var(--tw-bg-opacity, 1))
}

.hover\:bg-gray-85:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(212 221 236/var(--tw-bg-opacity, 1))
}

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

.hover\:font-bold:hover {
    font-weight: 700
}

.hover\:text-black:hover {
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity, 1))
}

.hover\:text-blue-375:hover {
    --tw-text-opacity: 1;
    color: rgb(7 71 135/var(--tw-text-opacity, 1))
}

.hover\:text-blue-450:hover {
    --tw-text-opacity: 1;
    color: rgb(59 89 152/var(--tw-text-opacity, 1))
}

.hover\:text-blue-700:hover {
    --tw-text-opacity: 1;
    color: rgb(0 86 172/var(--tw-text-opacity, 1))
}

.hover\:text-blue-800:hover {
    --tw-text-opacity: 1;
    color: rgb(29 14 190/var(--tw-text-opacity, 1))
}

.hover\:text-cyan-500:hover {
    --tw-text-opacity: 1;
    color: rgb(172 242 255/var(--tw-text-opacity, 1))
}

.hover\:text-gray-300:hover {
    --tw-text-opacity: 1;
    color: rgb(229 229 229/var(--tw-text-opacity, 1))
}

.hover\:text-gray-800:hover {
    --tw-text-opacity: 1;
    color: rgb(77 77 77/var(--tw-text-opacity, 1))
}

.hover\:text-gray-900:hover {
    --tw-text-opacity: 1;
    color: rgb(38 41 46/var(--tw-text-opacity, 1))
}

.hover\:text-primary:hover {
    --tw-text-opacity: 1;
    color: rgb(51 51 51/var(--tw-text-opacity, 1))
}

.hover\:text-red-400:hover {
    --tw-text-opacity: 1;
    color: rgb(253 88 58/var(--tw-text-opacity, 1))
}

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

.hover\:text-yellow-500:hover {
    --tw-text-opacity: 1;
    color: rgb(255 191 71/var(--tw-text-opacity, 1))
}

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

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

.hover\:shadow-page-card:hover {
    --tw-shadow: 2px -3px 17px rgba(72, 98, 124, .26);
    --tw-shadow-colored: 2px -3px 17px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

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

.focus\:not-sr-only:focus {
    height: auto;
    margin: 0;
    overflow: visible;
    padding: 0;
    position: static;
    width: auto;
    clip: auto;
    white-space: normal
}

.focus\:rounded-none:focus {
    border-radius: 0
}

.focus\:border-transparent:focus {
    border-color: transparent
}

.focus\:border-yellow-500:focus {
    --tw-border-opacity: 1;
    border-color: rgb(255 191 71/var(--tw-border-opacity, 1))
}

.focus\:bg-gray-40:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(242 245 248/var(--tw-bg-opacity, 1))
}

.focus\:bg-gray-400:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(156 163 175/var(--tw-bg-opacity, 1))
}

.focus\:bg-gray-500:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(111 119 123/var(--tw-bg-opacity, 1))
}

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

.focus\:text-primary:focus {
    --tw-text-opacity: 1;
    color: rgb(51 51 51/var(--tw-text-opacity, 1))
}

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

@media (min-width:640px) {
    .sm\:absolute {
        position: absolute
    }

    .sm\:right-0 {
        right: 0
    }

    .sm\:m-0 {
        margin: 0
    }

    .sm\:my-0 {
        margin-top: 0
    }

    .sm\:mb-0,
    .sm\:my-0 {
        margin-bottom: 0
    }

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

    .sm\:mb-12 {
        margin-bottom: 3rem
    }

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

    .sm\:mb-3 {
        margin-bottom: .75rem
    }

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

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

    .sm\:mr-0 {
        margin-right: 0
    }

    .sm\:mr-4 {
        margin-right: 1rem
    }

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

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

    .sm\:inline {
        display: inline
    }

    .sm\:flex {
        display: flex
    }

    .sm\:grid {
        display: grid
    }

    .sm\:hidden {
        display: none
    }

    .sm\:h-5 {
        height: 1.25rem
    }

    .sm\:h-8 {
        height: 2rem
    }

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

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

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

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

    .sm\:w-1\/5 {
        width: 20%
    }

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

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

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

    .sm\:w-20 {
        width: 5rem
    }

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

    .sm\:w-5 {
        width: 1.25rem
    }

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

    .sm\:w-8 {
        width: 2rem
    }

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

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

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

    .sm\:w-full {
        width: 100%
    }

    .sm\:max-w-16 {
        max-width: 16rem
    }

    .sm\:max-w-21 {
        max-width: 21rem
    }

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

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

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

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

    .sm\:grid-cols-2\/3 {
        grid-template-columns: 2fr 1fr
    }

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

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

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

    .sm\:border-l-2 {
        border-left-width: 2px
    }

    .sm\:border-t-0 {
        border-top-width: 0
    }

    .sm\:p-12 {
        padding: 3rem
    }

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

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

    .sm\:px-24 {
        padding-left: 6rem;
        padding-right: 6rem
    }

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

    .sm\:py-12 {
        padding-bottom: 3rem;
        padding-top: 3rem
    }

    .sm\:py-16 {
        padding-bottom: 4rem;
        padding-top: 4rem
    }

    .sm\:py-4 {
        padding-bottom: 1rem;
        padding-top: 1rem
    }

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

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

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

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

@media (min-width:768px) {
    .md\:visible {
        visibility: visible
    }

    .md\:absolute {
        position: absolute
    }

    .md\:relative {
        position: relative
    }

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

    .md\:bottom-8 {
        bottom: 2rem
    }

    .md\:left-auto {
        left: auto
    }

    .md\:right-8 {
        right: 2rem
    }

    .md\:right-auto {
        right: auto
    }

    .md\:top-8 {
        top: 2rem
    }

    .md\:order-first {
        order: -9999
    }

    .md\:row-start-auto {
        grid-row-start: auto
    }

    .md\:float-right {
        float: right
    }

    .md\:m-0 {
        margin: 0
    }

    .md\:m-12 {
        margin: 3rem
    }

    .md\:m-6 {
        margin: 1.5rem
    }

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

    .md\:m-auto {
        margin: auto
    }

    .md\:-mx-10 {
        margin-left: -2.5rem;
        margin-right: -2.5rem
    }

    .md\:-mx-16 {
        margin-left: -4rem;
        margin-right: -4rem
    }

    .md\:-mx-6 {
        margin-left: -1.5rem;
        margin-right: -1.5rem
    }

    .md\:-mx-8 {
        margin-left: -2rem;
        margin-right: -2rem
    }

    .md\:mx-0 {
        margin-left: 0;
        margin-right: 0
    }

    .md\:mx-15 {
        margin-left: 68px;
        margin-right: 68px
    }

    .md\:mx-3 {
        margin-left: .75rem;
        margin-right: .75rem
    }

    .md\:mx-56 {
        margin-left: 14rem;
        margin-right: 14rem
    }

    .md\:mx-64 {
        margin-left: 16rem;
        margin-right: 16rem
    }

    .md\:mx-8 {
        margin-left: 2rem;
        margin-right: 2rem
    }

    .md\:my-0 {
        margin-bottom: 0;
        margin-top: 0
    }

    .md\:my-12 {
        margin-bottom: 3rem;
        margin-top: 3rem
    }

    .md\:my-2 {
        margin-bottom: .5rem;
        margin-top: .5rem
    }

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

    .md\:my-5 {
        margin-bottom: 1.25rem;
        margin-top: 1.25rem
    }

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

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

    .md\:-ml-8 {
        margin-left: -2rem
    }

    .md\:-mr-4 {
        margin-right: -1rem
    }

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

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

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

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

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

    .md\:mb-12 {
        margin-bottom: 3rem
    }

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

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

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

    .md\:mb-5 {
        margin-bottom: 1.25rem
    }

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

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

    .md\:ml-0 {
        margin-left: 0
    }

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

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

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

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

    .md\:ml-8 {
        margin-left: 2rem
    }

    .md\:ml-auto {
        margin-left: auto
    }

    .md\:mr-0 {
        margin-right: 0
    }

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

    .md\:mr-24 {
        margin-right: 6rem
    }

    .md\:mr-3 {
        margin-right: .75rem
    }

    .md\:mr-4 {
        margin-right: 1rem
    }

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

    .md\:mr-7 {
        margin-right: 1.75rem
    }

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

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

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

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

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

    .md\:mt-14 {
        margin-top: 56px
    }

    .md\:mt-15 {
        margin-top: 68px
    }

    .md\:mt-16 {
        margin-top: 4rem
    }

    .md\:mt-2 {
        margin-top: .5rem
    }

    .md\:mt-24 {
        margin-top: 6rem
    }

    .md\:mt-32 {
        margin-top: 8rem
    }

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

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

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

    .md\:block {
        display: block
    }

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

    .md\:inline {
        display: inline
    }

    .md\:flex {
        display: flex
    }

    .md\:table {
        display: table
    }

    .md\:grid {
        display: grid
    }

    .md\:hidden {
        display: none
    }

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

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

    .md\:h-186px {
        height: 186px
    }

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

    .md\:h-252 {
        height: 252px
    }

    .md\:h-268 {
        height: 268px
    }

    .md\:h-27 {
        height: 7rem
    }

    .md\:h-62 {
        height: 62px
    }

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

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

    .md\:min-h-16 {
        min-height: 16rem
    }

    .md\:min-h-18 {
        min-height: 18rem
    }

    .md\:min-h-20 {
        min-height: 20rem
    }

    .md\:min-h-72 {
        min-height: 72px
    }

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

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

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

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

    .md\:w-1\/5 {
        width: 20%
    }

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

    .md\:w-10\/12 {
        width: 83.333333%
    }

    .md\:w-109 {
        width: 27.25rem
    }

    .md\:w-11\/12 {
        width: 91.666667%
    }

    .md\:w-11\/24 {
        width: 45.8333333%
    }

    .md\:w-132 {
        width: 33rem
    }

    .md\:w-2 {
        width: .5rem
    }

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

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

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

    .md\:w-2\/9 {
        width: 22.2222222%
    }

    .md\:w-260 {
        width: 260px
    }

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

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

    .md\:w-3\/5 {
        width: 60%
    }

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

    .md\:w-310 {
        width: 310px
    }

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

    .md\:w-40 {
        width: 10rem
    }

    .md\:w-400 {
        width: 400px
    }

    .md\:w-48 {
        width: 12rem
    }

    .md\:w-5\/12 {
        width: 41.666667%
    }

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

    .md\:w-54 {
        width: 13.5rem
    }

    .md\:w-56 {
        width: 14rem
    }

    .md\:w-6 {
        width: 1.5rem
    }

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

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

    .md\:w-7\/12 {
        width: 58.333333%
    }

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

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

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

    .md\:w-90 {
        width: 90%
    }

    .md\:w-91 {
        width: 22.75rem
    }

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

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

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

    .md\:min-w-6 {
        min-width: 6rem
    }

    .md\:max-w-18 {
        max-width: 18rem
    }

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

    .md\:max-w-48 {
        max-width: 48rem
    }

    .md\:max-w-6xl {
        max-width: 72rem
    }

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

    .md\:flex-3 {
        flex: 3 3 0%
    }

    .md\:auto-cols-max {
        grid-auto-columns: max-content
    }

    .md\:grid-flow-row {
        grid-auto-flow: row
    }

    .md\:grid-flow-col {
        grid-auto-flow: column
    }

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

    .md\:grid-cols-2\/3 {
        grid-template-columns: 2fr 1fr
    }

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

    .md\:grid-cols-3\/4 {
        grid-template-columns: 3fr 1fr
    }

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

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

    .md\:grid-cols-filter {
        grid-template-columns: 25% 1fr
    }

    .md\:grid-cols-institutions-filter {
        grid-template-columns: 1fr 1fr 1fr 2fr
    }

    .md\:grid-cols-languages {
        grid-template-columns: 1fr 25%
    }

    .md\:grid-rows-2 {
        grid-template-rows: repeat(2, minmax(0, 1fr))
    }

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

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

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

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

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

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

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

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

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

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

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

    .md\:gap-12 {
        gap: 3rem
    }

    .md\:gap-14 {
        gap: 3.5rem
    }

    .md\:gap-15 {
        gap: 3.75rem
    }

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

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

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

    .md\:gap-8 {
        gap: 2rem
    }

    .md\:gap-x-12 {
        -moz-column-gap: 3rem;
        column-gap: 3rem
    }

    .md\:gap-x-16 {
        -moz-column-gap: 4rem;
        column-gap: 4rem
    }

    .md\:gap-x-8 {
        -moz-column-gap: 2rem;
        column-gap: 2rem
    }

    .md\:gap-x-9 {
        -moz-column-gap: 2.25rem;
        column-gap: 2.25rem
    }

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

    .md\:gap-y-6 {
        row-gap: 1.5rem
    }

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

    .md\:space-y-0 > :not([hidden]) ~ :not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-bottom: calc(0px*var(--tw-space-y-reverse));
        margin-top: calc(0px*(1 - var(--tw-space-y-reverse)))
    }

    .md\:self-end {
        align-self: flex-end
    }

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

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

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

    .md\:border-l-0 {
        border-left-width: 0
    }

    .md\:border-l-2 {
        border-left-width: 2px
    }

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

    .md\:border-transparent {
        border-color: transparent
    }

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

    .md\:bg-gray-100 {
        --tw-bg-opacity: 1;
        background-color: rgb(237 240 244/var(--tw-bg-opacity, 1))
    }

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

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

    .md\:p-10 {
        padding: 2.5rem
    }

    .md\:p-12 {
        padding: 3rem
    }

    .md\:p-14 {
        padding: 3.5rem
    }

    .md\:p-4 {
        padding: 1rem
    }

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

    .md\:p-7 {
        padding: 1.75rem
    }

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

    .md\:p-9 {
        padding: 2.25rem
    }

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

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

    .md\:px-16 {
        padding-left: 4rem;
        padding-right: 4rem
    }

    .md\:px-20 {
        padding-left: 5rem;
        padding-right: 5rem
    }

    .md\:px-24 {
        padding-left: 6rem;
        padding-right: 6rem
    }

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

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

    .md\:px-40 {
        padding-left: 10rem;
        padding-right: 10rem
    }

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

    .md\:px-56 {
        padding-left: 14rem;
        padding-right: 14rem
    }

    .md\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .md\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .md\:px-9 {
        padding-left: 2.25rem;
        padding-right: 2.25rem
    }

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

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

    .md\:py-10 {
        padding-bottom: 2.5rem;
        padding-top: 2.5rem
    }

    .md\:py-12 {
        padding-bottom: 3rem;
        padding-top: 3rem
    }

    .md\:py-13px {
        padding-bottom: 13px;
        padding-top: 13px
    }

    .md\:py-14 {
        padding-bottom: 3.5rem;
        padding-top: 3.5rem
    }

    .md\:py-15px {
        padding-bottom: 15px;
        padding-top: 15px
    }

    .md\:py-16 {
        padding-bottom: 4rem;
        padding-top: 4rem
    }

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

    .md\:py-4 {
        padding-bottom: 1rem;
        padding-top: 1rem
    }

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

    .md\:py-7 {
        padding-bottom: 1.75rem;
        padding-top: 1.75rem
    }

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

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

    .md\:pb-1 {
        padding-bottom: .25rem
    }

    .md\:pb-10 {
        padding-bottom: 2.5rem
    }

    .md\:pb-12 {
        padding-bottom: 3rem
    }

    .md\:pb-16 {
        padding-bottom: 4rem
    }

    .md\:pb-18 {
        padding-bottom: 4.5rem
    }

    .md\:pb-2 {
        padding-bottom: .5rem
    }

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

    .md\:pb-8 {
        padding-bottom: 2rem
    }

    .md\:pl-0 {
        padding-left: 0
    }

    .md\:pl-10 {
        padding-left: 2.5rem
    }

    .md\:pl-14 {
        padding-left: 3.5rem
    }

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

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

    .md\:pl-4 {
        padding-left: 1rem
    }

    .md\:pl-8 {
        padding-left: 2rem
    }

    .md\:pr-10 {
        padding-right: 2.5rem
    }

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

    .md\:pr-6 {
        padding-right: 1.5rem
    }

    .md\:pr-8 {
        padding-right: 2rem
    }

    .md\:pt-0 {
        padding-top: 0
    }

    .md\:pt-1 {
        padding-top: .25rem
    }

    .md\:pt-12 {
        padding-top: 3rem
    }

    .md\:pt-14 {
        padding-top: 3.5rem
    }

    .md\:pt-2 {
        padding-top: .5rem
    }

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

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

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

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

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

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

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

    .md\:text-40 {
        font-size: 40px
    }

    .md\:text-4xl {
        font-size: 2.25rem;
        line-height: 2.5rem
    }

    .md\:text-5xl {
        font-size: 3rem;
        line-height: 1
    }

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

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

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

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

    .md\:font-medium {
        font-weight: 500
    }

    .md\:leading-10 {
        line-height: 2.5rem
    }

    .md\:leading-12 {
        line-height: 3rem
    }

    .md\:leading-5 {
        line-height: 1.25rem
    }

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

    .md\:leading-7 {
        line-height: 1.75rem
    }

    .md\:leading-none {
        line-height: 1
    }

    .md\:leading-tight {
        line-height: 1.25
    }

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

    .md\:shadow-card-home {
        --tw-shadow: 5px 1px 30px 0px rgba(133, 169, 211, .3);
        ;
        --tw-shadow-colored: 5px 1px 30px 0px var(--tw-shadow-color)
    }

    .md\:shadow-card-home,
    .md\:shadow-none {
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
    }

    .md\:shadow-none {
        --tw-shadow: 0 0 #0000;
        --tw-shadow-colored: 0 0 #0000
    }

    .md\:hover\:bg-gray-70:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(246 249 252/var(--tw-bg-opacity, 1))
    }

    .md\:hover\:text-blue-700:hover {
        --tw-text-opacity: 1;
        color: rgb(0 86 172/var(--tw-text-opacity, 1))
    }

    .md\:hover\:text-blue-80:hover {
        --tw-text-opacity: 1;
        color: rgb(243 248 251/var(--tw-text-opacity, 1))
    }

    .md\:hover\:no-underline:hover {
        text-decoration-line: none
    }
}

@media (min-width:1024px) {
    .lg\:visible {
        visibility: visible
    }

    .lg\:m-0 {
        margin: 0
    }

    .lg\:mx-0 {
        margin-left: 0;
        margin-right: 0
    }

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

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

    .lg\:mb-0 {
        margin-bottom: 0
    }

    .lg\:ml-0 {
        margin-left: 0
    }

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

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

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

    .lg\:mr-4 {
        margin-right: 1rem
    }

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

    .lg\:mt-16 {
        margin-top: 4rem
    }

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

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

    .lg\:block {
        display: block
    }

    .lg\:inline {
        display: inline
    }

    .lg\:flex {
        display: flex
    }

    .lg\:hidden {
        display: none
    }

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

    .lg\:h-44 {
        height: 11rem
    }

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

    .lg\:w-109 {
        width: 27.25rem
    }

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

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

    .lg\:w-3\/5 {
        width: 60%
    }

    .lg\:w-4\/5 {
        width: 80%
    }

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

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

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

    .lg\:w-full {
        width: 100%
    }

    .lg\:min-w-0 {
        min-width: 0
    }

    .lg\:max-w-6xl {
        max-width: 72rem
    }

    .lg\:cursor-pointer {
        cursor: pointer
    }

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

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

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

    .lg\:grid-cols-languages {
        grid-template-columns: 1fr 25%
    }

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

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

    .lg\:items-stretch {
        align-items: stretch
    }

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

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

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

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

    .lg\:gap-8 {
        gap: 2rem
    }

    .lg\:gap-x-10 {
        -moz-column-gap: 2.5rem;
        column-gap: 2.5rem
    }

    .lg\:overflow-hidden {
        overflow: hidden
    }

    .lg\:p-4 {
        padding: 1rem
    }

    .lg\:p-7 {
        padding: 1.75rem
    }

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

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

    .lg\:py-12 {
        padding-bottom: 3rem;
        padding-top: 3rem
    }

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

    .lg\:py-5 {
        padding-bottom: 1.25rem;
        padding-top: 1.25rem
    }

    .lg\:pb-0 {
        padding-bottom: 0
    }

    .lg\:pb-50px {
        padding-bottom: 50px
    }

    .lg\:pl-8 {
        padding-left: 2rem
    }

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

    .lg\:text-left {
        text-align: left
    }

    .lg\:text-4xl {
        font-size: 2.25rem;
        line-height: 2.5rem
    }

    .lg\:text-5xl {
        font-size: 3rem;
        line-height: 1
    }
}

@media (min-width:1280px) {
    .xl\:mb-6 {
        margin-bottom: 1.5rem
    }

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

    .xl\:mt-0 {
        margin-top: 0
    }

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

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

    .xl\:flex {
        display: flex
    }

    .xl\:hidden {
        display: none
    }

    .xl\:h-252 {
        height: 252px
    }

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

    .xl\:w-4\/5 {
        width: 80%
    }

    .xl\:w-70 {
        width: 17.5rem
    }

    .xl\:w-91 {
        width: 22.75rem
    }

    .xl\:w-full {
        width: 100%
    }

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

    .xl\:gap-70 {
        gap: 17.5rem
    }

    .xl\:gap-80 {
        gap: 31.5rem
    }

    .xl\:border-20 {
        border-width: 20px
    }

    .xl\:border-blue-midnight {
        --tw-border-opacity: 1;
        border-color: rgb(22 54 100/var(--tw-border-opacity, 1))
    }

    .xl\:border-red-600 {
        --tw-border-opacity: 1;
        border-color: rgb(235 3 3/var(--tw-border-opacity, 1))
    }

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

    .xl\:pl-0 {
        padding-left: 0
    }

    .xl\:text-left {
        text-align: left
    }

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