.flipdown.flipdown__theme-dark {
    font-family: sans-serif;
    font-weight: 700
}

.flipdown.flipdown__theme-dark .rotor-group-heading:before {
    color: #000
}

.flipdown.flipdown__theme-dark .rotor-group:nth-child(n+2):nth-child(-n+3):after,.flipdown.flipdown__theme-dark .rotor-group:nth-child(n+2):nth-child(-n+3):before {
    background-color: #151515
}

.flipdown.flipdown__theme-dark .rotor,.flipdown.flipdown__theme-dark .rotor-leaf-front,.flipdown.flipdown__theme-dark .rotor-top {
    background-color: #151515;
    color: #fff
}

.flipdown.flipdown__theme-dark .rotor-bottom,.flipdown.flipdown__theme-dark .rotor-leaf-rear {
    background-color: #202020;
    color: #efefef
}

.flipdown.flipdown__theme-dark .rotor:after {
    border-top: 1px solid #151515
}

.flipdown.flipdown__theme-light {
    font-family: sans-serif;
    font-weight: 700
}

.flipdown.flipdown__theme-light .rotor-group-heading:before {
    color: #eee
}

.flipdown.flipdown__theme-light .rotor-group:nth-child(n+2):nth-child(-n+3):after,.flipdown.flipdown__theme-light .rotor-group:nth-child(n+2):nth-child(-n+3):before {
    background-color: #ddd
}

.flipdown.flipdown__theme-light .rotor,.flipdown.flipdown__theme-light .rotor-leaf-front,.flipdown.flipdown__theme-light .rotor-top {
    background-color: #ddd;
    color: #222
}

.flipdown.flipdown__theme-light .rotor-bottom,.flipdown.flipdown__theme-light .rotor-leaf-rear {
    background-color: #eee;
    color: #333
}

.flipdown.flipdown__theme-light .rotor:after {
    border-top: 1px solid #222
}

.flipdown {
    height: 110px;
    overflow: visible
}

.flipdown .rotor-group {
    float: left;
    padding-right: 30px;
    position: relative
}

.flipdown .rotor-group:last-child {
    padding-right: 0
}

.flipdown .rotor-group-heading:before {
    display: block;
    height: 30px;
    line-height: 30px;
    text-align: center
}

.flipdown .rotor-group:first-child .rotor-group-heading:before,.flipdown .rotor-group:nth-child(2) .rotor-group-heading:before,.flipdown .rotor-group:nth-child(3) .rotor-group-heading:before,.flipdown .rotor-group:nth-child(4) .rotor-group-heading:before {
    content: attr(data-before)
}

.flipdown .rotor-group:nth-child(n+2):nth-child(-n+3):before {
    border-radius: 50%;
    bottom: 20px;
    content: "";
    height: 10px;
    left: 115px;
    position: absolute;
    width: 10px
}

.flipdown .rotor-group:nth-child(n+2):nth-child(-n+3):after {
    border-radius: 50%;
    bottom: 50px;
    content: "";
    height: 10px;
    left: 115px;
    position: absolute;
    width: 10px
}

.flipdown .rotor {
    border-radius: 4px;
    float: left;
    font-size: 4rem;
    height: 80px;
    margin: 0 5px 0 0;
    perspective: 200px;
    position: relative;
    text-align: center;
    width: 50px
}

.flipdown .rotor:last-child {
    margin-right: 0
}

.flipdown .rotor-bottom,.flipdown .rotor-top {
    height: 40px;
    overflow: hidden;
    position: absolute;
    width: 50px
}

.flipdown .rotor-leaf {
    height: 80px;
    position: absolute;
    transform-style: preserve-3d;
    transition: transform 0s;
    width: 50px;
    z-index: 1
}

.flipdown .rotor-leaf.flipped {
    transform: rotateX(-180deg);
    transition: all .5s ease-in-out
}

.flipdown .rotor-leaf-front,.flipdown .rotor-leaf-rear {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    height: 40px;
    margin: 0;
    overflow: hidden;
    position: absolute;
    transform: rotateX(0deg);
    width: 50px
}

.flipdown .rotor-leaf-front {
    border-radius: 4px 4px 0 0;
    line-height: 80px
}

.flipdown .rotor-leaf-rear {
    border-radius: 0 0 4px 4px;
    line-height: 0px;
    transform: rotateX(-180deg)
}

.flipdown .rotor-top {
    border-radius: 4px 4px 0 0;
    line-height: 80px
}

.flipdown .rotor-bottom {
    border-radius: 0 0 4px 4px;
    bottom: 0;
    line-height: 0px
}

.flipdown .rotor:after {
    border-radius: 0 0 4px 4px;
    bottom: 0;
    content: "";
    height: 40px;
    left: 0;
    position: absolute;
    width: 50px;
    z-index: 2
}

@media (max-width: 550px) {
    .flipdown {
        height:70px
    }

    .flipdown .rotor {
        font-size: 24px;
        margin-right: 3px
    }

    .flipdown .rotor,.flipdown .rotor-bottom,.flipdown .rotor-leaf,.flipdown .rotor-leaf-front,.flipdown .rotor-leaf-rear,.flipdown .rotor-top,.flipdown .rotor:after {
        width: 22px
    }

    .flipdown .rotor-group {
        padding-right: 20px
    }

    .flipdown .rotor-group:last-child {
        padding-right: 0
    }

    .flipdown .rotor-group-heading:before {
        font-size: .8rem;
        height: 20px;
        line-height: 20px
    }

    .flipdown .rotor-group:nth-child(n+2):nth-child(-n+3):after,.flipdown .rotor-group:nth-child(n+2):nth-child(-n+3):before {
        left: 69px
    }

    .flipdown .rotor-group:nth-child(n+2):nth-child(-n+3):before {
        bottom: 13px;
        height: 8px;
        width: 8px
    }

    .flipdown .rotor-group:nth-child(n+2):nth-child(-n+3):after {
        bottom: 29px;
        height: 8px;
        width: 8px
    }

    .flipdown .rotor-leaf-front,.flipdown .rotor-top {
        line-height: 50px
    }

    .flipdown .rotor,.flipdown .rotor-leaf {
        height: 50px
    }

    .flipdown .rotor-bottom,.flipdown .rotor-leaf-front,.flipdown .rotor-leaf-rear,.flipdown .rotor-top,.flipdown .rotor:after {
        height: 25px
    }
}

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

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

html {
    -webkit-text-size-adjust: 100%;
    font-feature-settings: normal;
    font-family: Inter var,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    line-height: 1.5;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4
}

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-size: 1em
}

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

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

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

button,select {
    text-transform: none
}

[type=button],[type=reset],[type=submit],button {
    -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
}

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] {
    display: none
}

:root,[data-theme] {
    background-color: hsla(var(--b1)/var(--tw-bg-opacity,1));
    color: hsla(var(--bc)/var(--tw-text-opacity,1))
}

html {
    -webkit-tap-highlight-color: transparent
}

:root {
    --p: 216 32.609% 18.039%;
    --pf: 216 32.609% 14.431%;
    --sf: 317.96 81.347% 30.275%;
    --af: 29.261 100% 31.843%;
    --nf: 0 0% 27.922%;
    --b2: 0 0% 90%;
    --b3: 0 0% 81%;
    --bc: 0 0% 20%;
    --pc: 216 78.947% 83.608%;
    --sc: 317.96 100% 87.569%;
    --ac: 29.261 100% 87.961%;
    --nc: 0 0% 86.98%;
    --inc: 215.22 100% 89.412%;
    --suc: 65.93 100% 7.1373%;
    --wac: 42.778 100% 11.216%;
    --erc: 0 100% 14.196%;
    --rounded-box: 1rem;
    --rounded-btn: 0.5rem;
    --rounded-badge: 1.9rem;
    --animation-btn: 0.25s;
    --animation-input: .2s;
    --btn-text-case: uppercase;
    --btn-focus-scale: 0.95;
    --border-btn: 1px;
    --tab-border: 1px;
    --tab-radius: 0.5rem;
    --s: 317.96 81.347% 37.843%;
    --a: 29.261 100% 39.804%;
    --n: 0 0% 34.902%;
    --b1: 0 0% 100%;
    --in: 215.22 19.167% 47.059%;
    --su: 65.93 94.505% 35.686%;
    --wa: 42.778 96.429% 56.078%;
    --er: 0 90.541% 70.98%
}

*,: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-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(59,130,246,.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia:
}

::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-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(59,130,246,.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:
}

input:invalid,select:invalid,textarea:invalid {
    box-shadow: 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
    }
}

.avatar.placeholder>div {
    display: flex
}

.avatar.placeholder>div,.btn {
    align-items: center;
    justify-content: center
}

.btn {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    animation: button-pop var(--animation-btn,.25s) ease-out;
    background-color: hsl(var(--n)/var(--tw-bg-opacity));
    border-color: transparent;
    border-color: hsl(var(--n)/var(--tw-border-opacity));
    border-radius: var(--rounded-btn,.5rem);
    border-width: var(--border-btn,1px);
    color: hsl(var(--nc)/var(--tw-text-opacity));
    cursor: pointer;
    display: inline-flex;
    flex-shrink: 0;
    flex-wrap: wrap;
    font-size: .875rem;
    font-weight: 600;
    height: 3rem;
    line-height: 1.25rem;
    line-height: 1em;
    min-height: 3rem;
    padding-left: 1rem;
    padding-right: 1rem;
    text-align: center;
    text-decoration-line: none;
    text-transform: uppercase;
    text-transform: var(--btn-text-case,uppercase);
    transition-duration: .2s;
    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);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.btn-disabled,.btn.loading,.btn.loading:hover,.btn[disabled] {
    pointer-events: none
}

.btn.loading:before {
    animation: spin 2s linear infinite;
    border-color: transparent currentColor currentColor transparent;
    border-radius: 9999px;
    border-width: 2px;
    content: "";
    height: 1rem;
    margin-right: .5rem;
    width: 1rem
}

@media (prefers-reduced-motion:reduce) {
    .btn.loading:before {
        animation: spin 10s linear infinite
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.btn-group>input[type=radio].btn {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.btn-group>input[type=radio].btn:before {
    content: attr(data-title)
}

.card {
    border-radius: var(--rounded-box,1rem);
    display: flex;
    flex-direction: column;
    position: relative
}

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

.card figure {
    align-items: center;
    display: flex;
    justify-content: center
}

.card.image-full {
    display: grid
}

.card.image-full:before {
    --tw-bg-opacity: 1;
    background-color: hsl(var(--n)/var(--tw-bg-opacity));
    border-radius: var(--rounded-box,1rem);
    content: "";
    opacity: .75;
    position: relative;
    z-index: 10
}

.card.image-full:before,.card.image-full>* {
    grid-column-start: 1;
    grid-row-start: 1
}

.card.image-full>figure img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.card.image-full>.card-body {
    --tw-text-opacity: 1;
    color: hsl(var(--nc)/var(--tw-text-opacity));
    position: relative;
    z-index: 20
}

.chat {
    -moz-column-gap: .75rem;
    column-gap: .75rem;
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    padding-bottom: .25rem;
    padding-top: .25rem
}

.checkbox {
    --chkbg: var(--bc);
    --chkfg: var(--b1);
    --tw-border-opacity: 0.2;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-color: hsl(var(--bc)/var(--tw-border-opacity));
    border-radius: var(--rounded-btn,.5rem);
    border-width: 1px;
    cursor: pointer;
    flex-shrink: 0;
    height: 1.5rem;
    width: 1.5rem
}

:root .countdown {
    line-height: 1em
}

.countdown {
    display: inline-flex
}

.countdown>* {
    display: inline-block;
    height: 1em;
    overflow-y: hidden
}

.countdown>:before {
    content: "00\A 01\A 02\A 03\A 04\A 05\A 06\A 07\A 08\A 09\A 10\A 11\A 12\A 13\A 14\A 15\A 16\A 17\A 18\A 19\A 20\A 21\A 22\A 23\A 24\A 25\A 26\A 27\A 28\A 29\A 30\A 31\A 32\A 33\A 34\A 35\A 36\A 37\A 38\A 39\A 40\A 41\A 42\A 43\A 44\A 45\A 46\A 47\A 48\A 49\A 50\A 51\A 52\A 53\A 54\A 55\A 56\A 57\A 58\A 59\A 60\A 61\A 62\A 63\A 64\A 65\A 66\A 67\A 68\A 69\A 70\A 71\A 72\A 73\A 74\A 75\A 76\A 77\A 78\A 79\A 80\A 81\A 82\A 83\A 84\A 85\A 86\A 87\A 88\A 89\A 90\A 91\A 92\A 93\A 94\A 95\A 96\A 97\A 98\A 99\A";
    position: relative;
    text-align: center;
    top: calc(var(--value)*-1em);
    transition: all 1s cubic-bezier(1,0,0,1);
    white-space: pre
}

.footer {
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    font-size: .875rem;
    grid-auto-flow: row;
    line-height: 1.25rem;
    row-gap: 2.5rem;
    width: 100%
}

.footer,.footer>* {
    display: grid;
    place-items: start
}

.footer>* {
    gap: .5rem
}

@media (min-width: 48rem) {
    .footer {
        grid-auto-flow:column
    }

    .footer-center {
        grid-auto-flow: row dense
    }
}

.form-control {
    flex-direction: column
}

.form-control,.label {
    display: flex
}

.label {
    align-items: center;
    justify-content: space-between;
    padding: .5rem .25rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.hero {
    background-position: 50%;
    background-size: cover;
    display: grid;
    place-items: center;
    width: 100%
}

.hero>* {
    grid-column-start: 1;
    grid-row-start: 1
}

.input {
    --tw-border-opacity: 0;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--b1)/var(--tw-bg-opacity));
    border-color: hsl(var(--bc)/var(--tw-border-opacity));
    border-radius: var(--rounded-btn,.5rem);
    border-width: 1px;
    flex-shrink: 1;
    font-size: 1rem;
    height: 3rem;
    line-height: 2;
    line-height: 1.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    transition-duration: .2s;
    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)
}

.input-group>.input {
    isolation: isolate
}

.input-group>*,.input-group>.input,.input-group>.select,.input-group>.textarea {
    border-radius: 0
}

.link {
    cursor: pointer;
    text-decoration-line: underline
}

.mask {
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain
}

.menu>:where(li.disabled>:not(ul):focus) {
    cursor: auto
}

.modal {
    --tw-bg-opacity: 0.4;
    background-color: hsl(var(--nf,var(--n))/var(--tw-bg-opacity));
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    opacity: 0;
    overflow-y: hidden;
    overscroll-behavior: contain;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 0;
    transition-duration: .2s;
    transition-property: transform,opacity,visibility;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    visibility: hidden;
    z-index: 999
}

:where(.modal) {
    align-items: center
}

.modal-box {
    --tw-bg-opacity: 1;
    --tw-scale-x: .9;
    --tw-scale-y: .9;
    background-color: hsl(var(--b1)/var(--tw-bg-opacity));
    border-bottom-left-radius: var(--rounded-box,1rem);
    border-bottom-right-radius: var(--rounded-box,1rem);
    border-top-left-radius: var(--rounded-box,1rem);
    border-top-right-radius: var(--rounded-box,1rem);
    box-shadow: 0 25px 50px -12px rgba(0,0,0,.25);
    max-height: calc(100vh - 5em);
    max-width: 32rem;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 1.5rem;
    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));
    transition-duration: .2s;
    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);
    width: 91.666667%
}

.modal-open,.modal-toggle:checked+.modal,.modal:target {
    opacity: 1;
    pointer-events: auto;
    visibility: visible
}

.modal-toggle {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 0;
    opacity: 0;
    position: fixed;
    width: 0
}

.radio {
    --chkbg: var(--bc);
    --tw-border-opacity: 0.2;
    -webkit-appearance: none;
    border-color: hsl(var(--bc)/var(--tw-border-opacity));
    border-radius: 9999px;
    border-width: 1px;
    flex-shrink: 0;
    transition: background,box-shadow var(--animation-input,.2s) ease-in-out;
    width: 1.5rem
}

.radio,.range {
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    height: 1.5rem
}

.range {
    --range-shdw: var(--bc);
    -webkit-appearance: none;
    background-color: transparent;
    border-radius: var(--rounded-box,1rem);
    overflow: hidden;
    width: 100%
}

.range:focus {
    outline: none
}

.rating {
    display: inline-flex;
    position: relative
}

.rating :where(input) {
    --tw-bg-opacity: 1;
    animation: rating-pop var(--animation-input,.25s) ease-out;
    background-color: hsl(var(--bc)/var(--tw-bg-opacity));
    border-radius: 0;
    cursor: pointer;
    height: 1.5rem;
    width: 1.5rem
}

.select {
    --tw-border-opacity: 0;
    --tw-bg-opacity: 1;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: hsl(var(--b1)/var(--tw-bg-opacity));
    background-image: linear-gradient(45deg,transparent 50%,currentColor 0),linear-gradient(135deg,currentColor 50%,transparent 0);
    background-position: calc(100% - 20px) calc(1px + 50%),calc(100% - 16px) calc(1px + 50%);
    background-repeat: no-repeat;
    background-size: 4px 4px,4px 4px;
    border-color: hsl(var(--bc)/var(--tw-border-opacity));
    border-radius: var(--rounded-btn,.5rem);
    border-width: 1px;
    cursor: pointer;
    display: inline-flex;
    flex-shrink: 0;
    font-size: .875rem;
    font-weight: 600;
    height: 3rem;
    line-height: 1.25rem;
    line-height: 2;
    min-height: 3rem;
    padding-left: 1rem;
    padding-right: 2.5rem;
    transition-duration: .2s;
    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);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.select[multiple] {
    height: auto
}

.stack {
    display: inline-grid;
    place-items: center;
    align-items: flex-end
}

.stack>* {
    grid-column-start: 1;
    grid-row-start: 1;
    opacity: .6;
    transform: translateY(10%) scale(.9);
    width: 100%;
    z-index: 1
}

.stack>:nth-child(2) {
    opacity: .8;
    transform: translateY(5%) scale(.95);
    z-index: 2
}

.stack>:first-child {
    opacity: 1;
    transform: translateY(0) scale(1);
    z-index: 3
}

.steps .step {
    display: grid;
    grid-template-columns: repeat(1,minmax(0,1fr));
    grid-template-columns: auto;
    grid-template-rows: repeat(2,minmax(0,1fr));
    grid-template-rows: 40px 1fr;
    min-width: 4rem;
    place-items: center;
    text-align: center
}

.swap {
    cursor: pointer;
    display: inline-grid;
    place-content: center;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.swap>* {
    grid-column-start: 1;
    grid-row-start: 1;
    transition-duration: .3s;
    transition-property: transform,opacity;
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

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

.swap .swap-indeterminate,.swap .swap-on,.swap input:indeterminate~.swap-on {
    opacity: 0
}

.swap input:checked~.swap-off,.swap input:indeterminate~.swap-off,.swap.swap-active .swap-off {
    opacity: 0
}

.swap input:checked~.swap-on,.swap input:indeterminate~.swap-indeterminate,.swap-active .swap-on {
    opacity: 1
}

.tab {
    --tab-padding: 1rem;
    --tw-text-opacity: 0.5;
    --tab-color: hsla(var(--bc)/var(--tw-text-opacity,1));
    --tab-bg: hsla(var(--b1)/var(--tw-bg-opacity,1));
    --tab-border-color: hsla(var(--b3)/var(--tw-bg-opacity,1));
    align-items: center;
    color: var(--tab-color);
    cursor: pointer;
    display: inline-flex;
    flex-wrap: wrap;
    font-size: .875rem;
    height: 2rem;
    justify-content: center;
    line-height: 1.25rem;
    line-height: 2;
    padding-left: var(--tab-padding,1rem);
    padding-right: var(--tab-padding,1rem);
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.tab,.table {
    position: relative
}

.table {
    text-align: left
}

.table th:first-child {
    left: 0;
    position: sticky;
    position: -webkit-sticky;
    z-index: 11
}

.textarea {
    --tw-border-opacity: 0;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--b1)/var(--tw-bg-opacity));
    border-color: hsl(var(--bc)/var(--tw-border-opacity));
    border-radius: var(--rounded-btn,.5rem);
    border-width: 1px;
    flex-shrink: 1;
    font-size: .875rem;
    line-height: 1.25rem;
    line-height: 2;
    min-height: 3rem;
    padding: .5rem 1rem;
    transition-duration: .2s;
    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)
}

.toast {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    min-width: -moz-fit-content;
    min-width: fit-content;
    padding: 1rem;
    position: fixed
}

.toggle {
    --tglbg: hsl(var(--b1));
    --handleoffset: 1.5rem;
    --handleoffsetcalculator: calc(var(--handleoffset)*-1);
    --togglehandleborder: 0 0;
    --tw-border-opacity: 0.2;
    --tw-bg-opacity: 0.5;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: hsl(var(--bc)/var(--tw-bg-opacity));
    border-color: hsl(var(--bc)/var(--tw-border-opacity));
    border-radius: var(--rounded-badge,1.9rem);
    border-width: 1px;
    box-shadow: var(--handleoffsetcalculator) 0 0 2px var(--tglbg) inset,0 0 0 2px var(--tglbg) inset,var(--togglehandleborder);
    cursor: pointer;
    flex-shrink: 0;
    height: 1.5rem;
    transition-duration: .3s;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition: background,box-shadow var(--animation-input,.2s) ease-in-out;
    width: 3rem
}

.btn-outline .badge {
    --tw-border-opacity: 1;
    --tw-text-opacity: 1;
    border-color: hsl(var(--nf,var(--n))/var(--tw-border-opacity));
    color: hsl(var(--nc)/var(--tw-text-opacity))
}

.btn-outline.btn-primary .badge {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: hsl(var(--p)/var(--tw-bg-opacity));
    border-color: hsl(var(--p)/var(--tw-border-opacity));
    color: hsl(var(--pc)/var(--tw-text-opacity))
}

.btn-outline.btn-secondary .badge {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: hsl(var(--s)/var(--tw-bg-opacity));
    border-color: hsl(var(--s)/var(--tw-border-opacity));
    color: hsl(var(--sc)/var(--tw-text-opacity))
}

.btn-outline.btn-accent .badge {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: hsl(var(--a)/var(--tw-bg-opacity));
    border-color: hsl(var(--a)/var(--tw-border-opacity));
    color: hsl(var(--ac)/var(--tw-text-opacity))
}

.btn-outline .badge.outline {
    --tw-border-opacity: 1;
    background-color: transparent;
    border-color: hsl(var(--nf,var(--n))/var(--tw-border-opacity))
}

.btn-outline.btn-primary .badge-outline {
    --tw-border-opacity: 1;
    --tw-text-opacity: 1;
    background-color: transparent;
    border-color: hsl(var(--p)/var(--tw-border-opacity));
    color: hsl(var(--p)/var(--tw-text-opacity))
}

.btn-outline.btn-secondary .badge-outline {
    --tw-border-opacity: 1;
    --tw-text-opacity: 1;
    background-color: transparent;
    border-color: hsl(var(--s)/var(--tw-border-opacity));
    color: hsl(var(--s)/var(--tw-text-opacity))
}

.btn-outline.btn-accent .badge-outline {
    --tw-border-opacity: 1;
    --tw-text-opacity: 1;
    background-color: transparent;
    border-color: hsl(var(--a)/var(--tw-border-opacity));
    color: hsl(var(--a)/var(--tw-text-opacity))
}

.btn-outline.btn-info .badge-outline {
    --tw-border-opacity: 1;
    --tw-text-opacity: 1;
    background-color: transparent;
    border-color: hsl(var(--in)/var(--tw-border-opacity));
    color: hsl(var(--in)/var(--tw-text-opacity))
}

.btn-outline.btn-success .badge-outline {
    --tw-border-opacity: 1;
    --tw-text-opacity: 1;
    background-color: transparent;
    border-color: hsl(var(--su)/var(--tw-border-opacity));
    color: hsl(var(--su)/var(--tw-text-opacity))
}

.btn-outline.btn-warning .badge-outline {
    --tw-border-opacity: 1;
    --tw-text-opacity: 1;
    background-color: transparent;
    border-color: hsl(var(--wa)/var(--tw-border-opacity));
    color: hsl(var(--wa)/var(--tw-text-opacity))
}

.btn-outline.btn-error .badge-outline {
    --tw-border-opacity: 1;
    --tw-text-opacity: 1;
    background-color: transparent;
    border-color: hsl(var(--er)/var(--tw-border-opacity));
    color: hsl(var(--er)/var(--tw-text-opacity))
}

.btn-outline:hover .badge {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: hsl(var(--b2,var(--b1))/var(--tw-bg-opacity));
    border-color: hsl(var(--b2,var(--b1))/var(--tw-border-opacity));
    color: hsl(var(--bc)/var(--tw-text-opacity))
}

.btn-outline:hover .badge.outline {
    --tw-border-opacity: 1;
    --tw-text-opacity: 1;
    border-color: hsl(var(--b2,var(--b1))/var(--tw-border-opacity));
    color: hsl(var(--nc)/var(--tw-text-opacity))
}

.btn-outline.btn-primary:hover .badge {
    background-color: hsl(var(--pc)/var(--tw-bg-opacity));
    color: hsl(var(--p)/var(--tw-text-opacity))
}

.btn-outline.btn-primary:hover .badge,.btn-outline.btn-primary:hover .badge.outline {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    border-color: hsl(var(--pc)/var(--tw-border-opacity))
}

.btn-outline.btn-primary:hover .badge.outline {
    background-color: hsl(var(--pf,var(--p))/var(--tw-bg-opacity));
    color: hsl(var(--pc)/var(--tw-text-opacity))
}

.btn-outline.btn-secondary:hover .badge {
    background-color: hsl(var(--sc)/var(--tw-bg-opacity));
    color: hsl(var(--s)/var(--tw-text-opacity))
}

.btn-outline.btn-secondary:hover .badge,.btn-outline.btn-secondary:hover .badge.outline {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    border-color: hsl(var(--sc)/var(--tw-border-opacity))
}

.btn-outline.btn-secondary:hover .badge.outline {
    background-color: hsl(var(--sf,var(--s))/var(--tw-bg-opacity));
    color: hsl(var(--sc)/var(--tw-text-opacity))
}

.btn-outline.btn-accent:hover .badge {
    background-color: hsl(var(--ac)/var(--tw-bg-opacity));
    color: hsl(var(--a)/var(--tw-text-opacity))
}

.btn-outline.btn-accent:hover .badge,.btn-outline.btn-accent:hover .badge.outline {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    border-color: hsl(var(--ac)/var(--tw-border-opacity))
}

.btn-outline.btn-accent:hover .badge.outline {
    background-color: hsl(var(--af,var(--a))/var(--tw-bg-opacity));
    color: hsl(var(--ac)/var(--tw-text-opacity))
}

.btm-nav>:where(.active) {
    --tw-bg-opacity: 1;
    background-color: hsl(var(--b1)/var(--tw-bg-opacity));
    border-top-width: 2px
}

.btm-nav>.disabled,.btm-nav>.disabled:hover,.btm-nav>[disabled],.btm-nav>[disabled]:hover {
    --tw-border-opacity: 0;
    --tw-bg-opacity: 0.1;
    --tw-text-opacity: 0.2;
    background-color: hsl(var(--n)/var(--tw-bg-opacity));
    color: hsl(var(--bc)/var(--tw-text-opacity));
    pointer-events: none
}

.btm-nav>* .label {
    font-size: 1rem;
    line-height: 1.5rem
}

.btn:active:focus,.btn:active:hover {
    animation: none;
    transform: scale(var(--btn-focus-scale,.95))
}

.btn-active,.btn:hover {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--nf,var(--n))/var(--tw-bg-opacity));
    border-color: hsl(var(--nf,var(--n))/var(--tw-border-opacity))
}

.btn:focus-visible {
    outline: 2px solid hsl(var(--nf));
    outline-offset: 2px
}

.btn-primary {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: hsl(var(--p)/var(--tw-bg-opacity));
    border-color: hsl(var(--p)/var(--tw-border-opacity));
    color: hsl(var(--pc)/var(--tw-text-opacity))
}

.btn-primary.btn-active,.btn-primary:hover {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--pf,var(--p))/var(--tw-bg-opacity));
    border-color: hsl(var(--pf,var(--p))/var(--tw-border-opacity))
}

.btn-primary:focus-visible {
    outline: 2px solid hsl(var(--p))
}

.btn-secondary {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: #da2710;
    border-color: #da2710;
    color: hsl(var(--sc)/var(--tw-text-opacity))
}

.btn-secondary.btn-active,.btn-secondary:hover {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--sf,var(--s))/var(--tw-bg-opacity));
    border-color: hsl(var(--sf,var(--s))/var(--tw-border-opacity))
}

.btn-secondary:focus-visible {
    outline: 2px solid hsl(var(--s))
}

.btn-accent {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: hsl(var(--a)/var(--tw-bg-opacity));
    border-color: hsl(var(--a)/var(--tw-border-opacity));
    color: hsl(var(--ac)/var(--tw-text-opacity))
}

.btn-accent.btn-active,.btn-accent:hover {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--af,var(--a))/var(--tw-bg-opacity));
    border-color: hsl(var(--af,var(--a))/var(--tw-border-opacity))
}

.btn-accent:focus-visible {
    outline: 2px solid hsl(var(--a))
}

.btn-error {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    color: hsl(var(--erc,var(--nc))/var(--tw-text-opacity))
}

.btn-error,.btn-error.btn-active,.btn-error:hover {
    background-color: hsl(var(--er)/var(--tw-bg-opacity));
    border-color: hsl(var(--er)/var(--tw-border-opacity))
}

.btn-error.btn-active,.btn-error:hover {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1
}

.btn-error:focus-visible {
    outline: 2px solid hsl(var(--er))
}

.btn.glass.btn-active,.btn.glass:hover {
    --glass-opacity: 25%;
    --glass-border-opacity: 15%
}

.btn.glass:focus-visible {
    outline: 2px solid currentColor
}

.btn-outline {
    --tw-text-opacity: 1;
    background-color: transparent;
    border-color: currentColor;
    color: hsl(var(--bc)/var(--tw-text-opacity))
}

.btn-outline.btn-active,.btn-outline:hover {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: hsl(var(--bc)/var(--tw-bg-opacity));
    border-color: hsl(var(--bc)/var(--tw-border-opacity));
    color: hsl(var(--b1)/var(--tw-text-opacity))
}

.btn-outline.btn-primary {
    --tw-text-opacity: 1;
    color: hsl(var(--p)/var(--tw-text-opacity))
}

.btn-outline.btn-primary.btn-active,.btn-outline.btn-primary:hover {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: hsl(var(--pf,var(--p))/var(--tw-bg-opacity));
    border-color: hsl(var(--pf,var(--p))/var(--tw-border-opacity));
    color: hsl(var(--pc)/var(--tw-text-opacity))
}

.btn-outline.btn-secondary {
    --tw-text-opacity: 1;
    color: hsl(var(--s)/var(--tw-text-opacity))
}

.btn-outline.btn-secondary.btn-active,.btn-outline.btn-secondary:hover {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: hsl(var(--sf,var(--s))/var(--tw-bg-opacity));
    border-color: hsl(var(--sf,var(--s))/var(--tw-border-opacity));
    color: hsl(var(--sc)/var(--tw-text-opacity))
}

.btn-outline.btn-accent {
    --tw-text-opacity: 1;
    color: hsl(var(--a)/var(--tw-text-opacity))
}

.btn-outline.btn-accent.btn-active,.btn-outline.btn-accent:hover {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: hsl(var(--af,var(--a))/var(--tw-bg-opacity));
    border-color: hsl(var(--af,var(--a))/var(--tw-border-opacity));
    color: hsl(var(--ac)/var(--tw-text-opacity))
}

.btn-outline.btn-success {
    --tw-text-opacity: 1;
    color: hsl(var(--su)/var(--tw-text-opacity))
}

.btn-outline.btn-success.btn-active,.btn-outline.btn-success:hover {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: hsl(var(--su)/var(--tw-bg-opacity));
    border-color: hsl(var(--su)/var(--tw-border-opacity));
    color: hsl(var(--suc,var(--nc))/var(--tw-text-opacity))
}

.btn-outline.btn-info {
    --tw-text-opacity: 1;
    color: hsl(var(--in)/var(--tw-text-opacity))
}

.btn-outline.btn-info.btn-active,.btn-outline.btn-info:hover {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: hsl(var(--in)/var(--tw-bg-opacity));
    border-color: hsl(var(--in)/var(--tw-border-opacity));
    color: hsl(var(--inc,var(--nc))/var(--tw-text-opacity))
}

.btn-outline.btn-warning {
    --tw-text-opacity: 1;
    color: hsl(var(--wa)/var(--tw-text-opacity))
}

.btn-outline.btn-warning.btn-active,.btn-outline.btn-warning:hover {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: hsl(var(--wa)/var(--tw-bg-opacity));
    border-color: hsl(var(--wa)/var(--tw-border-opacity));
    color: hsl(var(--wac,var(--nc))/var(--tw-text-opacity))
}

.btn-outline.btn-error {
    --tw-text-opacity: 1;
    color: hsl(var(--er)/var(--tw-text-opacity))
}

.btn-outline.btn-error.btn-active,.btn-outline.btn-error:hover {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: hsl(var(--er)/var(--tw-bg-opacity));
    border-color: hsl(var(--er)/var(--tw-border-opacity));
    color: hsl(var(--erc,var(--nc))/var(--tw-text-opacity))
}

.btn-disabled,.btn-disabled:hover,.btn[disabled],.btn[disabled]:hover {
    --tw-border-opacity: 0;
    --tw-bg-opacity: 0.2;
    --tw-text-opacity: 0.2;
    background-color: hsl(var(--n)/var(--tw-bg-opacity));
    color: hsl(var(--bc)/var(--tw-text-opacity))
}

.btn.loading.btn-circle:before,.btn.loading.btn-square:before {
    margin-right: 0
}

.btn.loading.btn-lg:before,.btn.loading.btn-xl:before {
    height: 1.25rem;
    width: 1.25rem
}

.btn.loading.btn-sm:before,.btn.loading.btn-xs:before {
    height: .75rem;
    width: .75rem
}

.btn-group>.btn-active,.btn-group>input[type=radio]:checked.btn {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: hsl(var(--p)/var(--tw-bg-opacity));
    border-color: hsl(var(--p)/var(--tw-border-opacity));
    color: hsl(var(--pc)/var(--tw-text-opacity))
}

.btn-group>.btn-active:focus-visible,.btn-group>input[type=radio]:checked.btn:focus-visible {
    outline: 2px solid hsl(var(--p))
}

@keyframes button-pop {
    0% {
        transform: scale(var(--btn-focus-scale,.95))
    }

    40% {
        transform: scale(1.02)
    }

    to {
        transform: scale(1)
    }
}

.card :where(figure:first-child) {
    border-end-end-radius: unset;
    border-end-start-radius: unset;
    border-start-end-radius: inherit;
    border-start-start-radius: inherit;
    overflow: hidden
}

.card :where(figure:last-child) {
    border-end-end-radius: inherit;
    border-end-start-radius: inherit;
    border-start-end-radius: unset;
    border-start-start-radius: unset;
    overflow: hidden
}

.card:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 2px
}

.card.bordered {
    --tw-border-opacity: 1;
    border-color: hsl(var(--b2,var(--b1))/var(--tw-border-opacity));
    border-width: 1px
}

.card.compact .card-body {
    font-size: .875rem;
    line-height: 1.25rem;
    padding: 1rem
}

.card.image-full :where(figure) {
    border-radius: inherit;
    overflow: hidden
}

.checkbox:focus-visible {
    outline: 2px solid hsl(var(--bc));
    outline-offset: 2px
}

.checkbox:checked,.checkbox[aria-checked=true],.checkbox[checked=true] {
    --tw-bg-opacity: 1;
    animation: checkmark var(--animation-input,.2s) ease-in-out;
    background-color: hsl(var(--bc)/var(--tw-bg-opacity));
    background-image: linear-gradient(-45deg,transparent 65%,hsl(var(--chkbg)) 65.99%),linear-gradient(45deg,transparent 75%,hsl(var(--chkbg)) 75.99%),linear-gradient(-45deg,hsl(var(--chkbg)) 40%,transparent 40.99%),linear-gradient(45deg,hsl(var(--chkbg)) 30%,hsl(var(--chkfg)) 30.99%,hsl(var(--chkfg)) 40%,transparent 40.99%),linear-gradient(-45deg,hsl(var(--chkfg)) 50%,hsl(var(--chkbg)) 50.99%);
    background-repeat: no-repeat
}

.checkbox:indeterminate {
    --tw-bg-opacity: 1;
    animation: checkmark var(--animation-input,.2s) ease-in-out;
    background-color: hsl(var(--bc)/var(--tw-bg-opacity));
    background-image: linear-gradient(90deg,transparent 80%,hsl(var(--chkbg)) 80%),linear-gradient(-90deg,transparent 80%,hsl(var(--chkbg)) 80%),linear-gradient(0deg,hsl(var(--chkbg)) 43%,hsl(var(--chkfg)) 43%,hsl(var(--chkfg)) 57%,hsl(var(--chkbg)) 57%);
    background-repeat: no-repeat
}

.checkbox:disabled {
    --tw-bg-opacity: 1;
    background-color: hsl(var(--bc)/var(--tw-bg-opacity));
    border-color: transparent;
    cursor: not-allowed;
    opacity: .2
}

@keyframes checkmark {
    0% {
        background-position-y: 5px
    }

    50% {
        background-position-y: -2px
    }

    to {
        background-position-y: 0
    }
}

[dir=rtl] .checkbox:checked,[dir=rtl] .checkbox[aria-checked=true],[dir=rtl] .checkbox[checked=true] {
    background-image: linear-gradient(45deg,transparent 65%,hsl(var(--chkbg)) 65.99%),linear-gradient(-45deg,transparent 75%,hsl(var(--chkbg)) 75.99%),linear-gradient(45deg,hsl(var(--chkbg)) 40%,transparent 40.99%),linear-gradient(-45deg,hsl(var(--chkbg)) 30%,hsl(var(--chkfg)) 30.99%,hsl(var(--chkfg)) 40%,transparent 40.99%),linear-gradient(45deg,hsl(var(--chkfg)) 50%,hsl(var(--chkbg)) 50.99%)
}

.drawer-toggle:focus-visible~.drawer-content .drawer-button.btn-primary {
    outline: 2px solid hsl(var(--p))
}

.drawer-toggle:focus-visible~.drawer-content .drawer-button.btn-secondary {
    outline: 2px solid hsl(var(--s))
}

.drawer-toggle:focus-visible~.drawer-content .drawer-button.btn-accent {
    outline: 2px solid hsl(var(--a))
}

.drawer-toggle:focus-visible~.drawer-content .drawer-button.btn-error {
    outline: 2px solid hsl(var(--er))
}

.drawer-toggle:focus-visible~.drawer-content .drawer-button.glass {
    outline: 2px solid currentColor
}

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

.label a:hover,.label-text {
    --tw-text-opacity: 1;
    color: hsl(var(--bc)/var(--tw-text-opacity))
}

.input[list]::-webkit-calendar-picker-indicator {
    line-height: 1em
}

.input-bordered {
    --tw-border-opacity: 0.2
}

.input:focus {
    outline: 2px solid hsla(var(--bc)/.2);
    outline-offset: 2px
}

.input-disabled,.input[disabled] {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 0.2;
    background-color: hsl(var(--b2,var(--b1))/var(--tw-bg-opacity));
    border-color: hsl(var(--b2,var(--b1))/var(--tw-border-opacity));
    cursor: not-allowed
}

.input-disabled::-moz-placeholder,.input[disabled]::-moz-placeholder {
    --tw-placeholder-opacity: 0.2;
    color: hsl(var(--bc)/var(--tw-placeholder-opacity))
}

.input-disabled::placeholder,.input[disabled]::placeholder {
    --tw-placeholder-opacity: 0.2;
    color: hsl(var(--bc)/var(--tw-placeholder-opacity))
}

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

.link:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 2px
}

.mask-star {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='192' height='180' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m96 137.263-58.779 42.024 22.163-68.389L.894 68.481l72.476-.243L96 0l22.63 68.238 72.476.243-58.49 42.417 22.163 68.389z' fill-rule='evenodd'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='192' height='180' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m96 137.263-58.779 42.024 22.163-68.389L.894 68.481l72.476-.243L96 0l22.63 68.238 72.476.243-58.49 42.417 22.163 68.389z' fill-rule='evenodd'/%3E%3C/svg%3E")
}

.menu :where(li:not(.menu-title):not(:empty))>:where(:not(ul).active),.menu :where(li:not(.menu-title):not(:empty))>:where(:not(ul):active) {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: hsl(var(--p)/var(--tw-bg-opacity));
    color: hsl(var(--pc)/var(--tw-text-opacity))
}

.menu li.disabled>* {
    --tw-text-opacity: 0.2;
    color: hsl(var(--bc)/var(--tw-text-opacity));
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.menu li.disabled>:hover {
    background-color: transparent
}

.mockup-phone .display {
    border-radius: 40px;
    margin-top: -25px;
    overflow: hidden
}

.modal-open .modal-box,.modal-toggle:checked+.modal .modal-box,.modal:target .modal-box {
    --tw-translate-y: 0px;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

@keyframes progress-loading {
    50% {
        left: 107%
    }
}

.radio:focus-visible {
    outline: 2px solid hsl(var(--bc));
    outline-offset: 2px
}

.radio:checked,.radio[aria-checked=true] {
    --tw-bg-opacity: 1;
    animation: radiomark var(--animation-input,.2s) ease-in-out;
    background-color: hsl(var(--bc)/var(--tw-bg-opacity));
    box-shadow: 0 0 0 4px hsl(var(--b1)) inset,0 0 0 4px hsl(var(--b1)) inset
}

.radio:disabled {
    cursor: not-allowed;
    opacity: .2
}

@keyframes radiomark {
    0% {
        box-shadow: 0 0 0 12px hsl(var(--b1)) inset,0 0 0 12px hsl(var(--b1)) inset
    }

    50% {
        box-shadow: 0 0 0 3px hsl(var(--b1)) inset,0 0 0 3px hsl(var(--b1)) inset
    }

    to {
        box-shadow: 0 0 0 4px hsl(var(--b1)) inset,0 0 0 4px hsl(var(--b1)) inset
    }
}

.range:focus-visible::-webkit-slider-thumb {
    --focus-shadow: 0 0 0 6px hsl(var(--b1)) inset,0 0 0 2rem hsl(var(--range-shdw)) inset
}

.range:focus-visible::-moz-range-thumb {
    --focus-shadow: 0 0 0 6px hsl(var(--b1)) inset,0 0 0 2rem hsl(var(--range-shdw)) inset
}

.range::-webkit-slider-runnable-track {
    background-color: hsla(var(--bc)/.1);
    border-radius: var(--rounded-box,1rem);
    height: .5rem;
    width: 100%
}

.range::-moz-range-track {
    background-color: hsla(var(--bc)/.1);
    border-radius: var(--rounded-box,1rem);
    height: .5rem;
    width: 100%
}

.range::-webkit-slider-thumb {
    --filler-size: 100rem;
    --filler-offset: 0.6rem;
    appearance: none;
    -webkit-appearance: none;
    background-color: hsl(var(--b1));
    border-radius: var(--rounded-box,1rem);
    border-style: none;
    box-shadow: 0 0 0 3px hsl(var(--range-shdw)) inset,var(--focus-shadow,0 0),calc(var(--filler-size)*-1 - var(--filler-offset)) 0 0 var(--filler-size);
    color: hsl(var(--range-shdw));
    height: 1.5rem;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    width: 1.5rem
}

.range::-moz-range-thumb {
    --filler-size: 100rem;
    --filler-offset: 0.5rem;
    background-color: hsl(var(--b1));
    border-radius: var(--rounded-box,1rem);
    border-style: none;
    box-shadow: 0 0 0 3px hsl(var(--range-shdw)) inset,var(--focus-shadow,0 0),calc(var(--filler-size)*-1 - var(--filler-offset)) 0 0 var(--filler-size);
    color: hsl(var(--range-shdw));
    height: 1.5rem;
    position: relative;
    top: 50%;
    width: 1.5rem
}

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

.rating .rating-hidden {
    background-color: transparent;
    width: .5rem
}

.rating input:checked~input,.rating input[aria-checked=true]~input {
    --tw-bg-opacity: 0.2
}

.rating input:focus-visible {
    transform: translateY(-.125em);
    transition-duration: .3s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

.rating input:active:focus {
    animation: none;
    transform: translateY(-.125em)
}

@keyframes rating-pop {
    0% {
        transform: translateY(-.125em)
    }

    40% {
        transform: translateY(-.125em)
    }

    to {
        transform: translateY(0)
    }
}

.select:focus {
    outline: 2px solid hsla(var(--bc)/.2);
    outline-offset: 2px
}

.select-disabled,.select[disabled] {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 0.2;
    background-color: hsl(var(--b2,var(--b1))/var(--tw-bg-opacity));
    border-color: hsl(var(--b2,var(--b1))/var(--tw-border-opacity));
    cursor: not-allowed
}

.select-disabled::-moz-placeholder,.select[disabled]::-moz-placeholder {
    --tw-placeholder-opacity: 0.2;
    color: hsl(var(--bc)/var(--tw-placeholder-opacity))
}

.select-disabled::placeholder,.select[disabled]::placeholder {
    --tw-placeholder-opacity: 0.2;
    color: hsl(var(--bc)/var(--tw-placeholder-opacity))
}

.select-multiple,.select[multiple],.select[size].select:not([size="1"]) {
    background-image: none;
    padding-right: 1rem
}

[dir=rtl] .select {
    background-position: 12px calc(1px + 50%),16px calc(1px + 50%)
}

.steps .step:before {
    content: "";
    height: .5rem;
    margin-left: -100%;
    top: 0;
    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));
    width: 100%
}

.steps .step:after,.steps .step:before {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: hsl(var(--b3,var(--b2))/var(--tw-bg-opacity));
    color: hsl(var(--bc)/var(--tw-text-opacity));
    grid-column-start: 1;
    grid-row-start: 1
}

.steps .step:after {
    border-radius: 9999px;
    content: counter(step);
    counter-increment: step;
    display: grid;
    height: 2rem;
    place-items: center;
    place-self: center;
    position: relative;
    width: 2rem;
    z-index: 1
}

.steps .step:first-child:before {
    content: none
}

.steps .step[data-content]:after {
    content: attr(data-content)
}

.tab:hover {
    --tw-text-opacity: 1
}

.tab.tab-active {
    --tw-border-opacity: 1;
    --tw-text-opacity: 1;
    border-color: hsl(var(--bc)/var(--tw-border-opacity))
}

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

.tab:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: -3px
}

.tab:focus-visible.tab-lifted {
    border-bottom-left-radius: var(--tab-radius,.5rem);
    border-bottom-right-radius: var(--tab-radius,.5rem)
}

.table :where(th,td) {
    padding: 1rem;
    vertical-align: middle;
    white-space: nowrap
}

.table tr.active td,.table tr.active th,.table tr.active:nth-child(2n) td,.table tr.active:nth-child(2n) th,.table tr.hover:hover td,.table tr.hover:hover th,.table tr.hover:nth-child(2n):hover td,.table tr.hover:nth-child(2n):hover th {
    --tw-bg-opacity: 1;
    background-color: hsl(var(--b3,var(--b2))/var(--tw-bg-opacity))
}

.table:where(:not(.table-zebra)) :where(thead,tbody,tfoot) :where(tr:not(:last-child) :where(th,td)) {
    --tw-border-opacity: 1;
    border-bottom-width: 1px;
    border-color: hsl(var(--b2,var(--b1))/var(--tw-border-opacity))
}

.table :where(thead,tfoot) :where(th,td) {
    --tw-bg-opacity: 1;
    background-color: hsl(var(--b2,var(--b1))/var(--tw-bg-opacity));
    font-size: .75rem;
    font-weight: 700;
    line-height: 1rem;
    text-transform: uppercase
}

.table :where(tbody th,tbody td) {
    --tw-bg-opacity: 1;
    background-color: hsl(var(--b1)/var(--tw-bg-opacity))
}

:where(.table :first-child) :where(:first-child) :where(th,td):first-child {
    border-top-left-radius: .5rem
}

:where(.table :first-child) :where(:first-child) :where(th,td):last-child {
    border-top-right-radius: .5rem
}

:where(.table :last-child) :where(:last-child) :where(th,td):first-child {
    border-bottom-left-radius: .5rem
}

:where(.table :last-child) :where(:last-child) :where(th,td):last-child {
    border-bottom-right-radius: .5rem
}

.textarea:focus {
    outline: 2px solid hsla(var(--bc)/.2);
    outline-offset: 2px
}

.textarea-disabled,.textarea[disabled] {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 0.2;
    background-color: hsl(var(--b2,var(--b1))/var(--tw-bg-opacity));
    border-color: hsl(var(--b2,var(--b1))/var(--tw-border-opacity));
    cursor: not-allowed
}

.textarea-disabled::-moz-placeholder,.textarea[disabled]::-moz-placeholder {
    --tw-placeholder-opacity: 0.2;
    color: hsl(var(--bc)/var(--tw-placeholder-opacity))
}

.textarea-disabled::placeholder,.textarea[disabled]::placeholder {
    --tw-placeholder-opacity: 0.2;
    color: hsl(var(--bc)/var(--tw-placeholder-opacity))
}

.toast>* {
    animation: toast-pop .25s ease-out
}

@keyframes toast-pop {
    0% {
        opacity: 0;
        transform: scale(.9)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

[dir=rtl] .toggle {
    --handleoffsetcalculator: calc(var(--handleoffset)*1)
}

.toggle:focus-visible {
    outline: 2px solid hsl(var(--bc));
    outline-offset: 2px
}

.toggle:checked,.toggle[aria-checked=true],.toggle[checked=true] {
    --handleoffsetcalculator: var(--handleoffset);
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1
}

[dir=rtl] .toggle:checked,[dir=rtl] .toggle[aria-checked=true],[dir=rtl] .toggle[checked=true] {
    --handleoffsetcalculator: calc(var(--handleoffset)*-1)
}

.toggle:indeterminate {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    box-shadow: calc(var(--handleoffset)/2) 0 0 2px var(--tglbg) inset,calc(var(--handleoffset)/-2) 0 0 2px var(--tglbg) inset,0 0 0 2px var(--tglbg) inset
}

[dir=rtl] .toggle:indeterminate {
    box-shadow: calc(var(--handleoffset)/2) 0 0 2px var(--tglbg) inset,calc(var(--handleoffset)/-2) 0 0 2px var(--tglbg) inset,0 0 0 2px var(--tglbg) inset
}

.toggle-secondary:focus-visible {
    outline: 2px solid hsl(var(--s))
}

.toggle-secondary:checked,.toggle-secondary[aria-checked=true],.toggle-secondary[checked=true] {
    --tw-border-opacity: 0.1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: hsl(var(--s)/var(--tw-bg-opacity));
    border-color: hsl(var(--s)/var(--tw-border-opacity));
    color: hsl(var(--sc)/var(--tw-text-opacity))
}

.toggle:disabled {
    --tw-border-opacity: 1;
    --togglehandleborder: 0 0 0 3px hsl(var(--bc)) inset,var(--handleoffsetcalculator) 0 0 3px hsl(var(--bc)) inset;
    background-color: transparent;
    border-color: hsl(var(--bc)/var(--tw-border-opacity));
    cursor: not-allowed;
    opacity: .3
}

.glass,.glass.btn-active,.glass:hover {
    -webkit-backdrop-filter: blur(var(--glass-blur,40px));
    backdrop-filter: blur(var(--glass-blur,40px));
    background-color: transparent;
    background-image: linear-gradient(135deg,rgb(255 255 255/var(--glass-opacity,30%)) 0,transparent 100%),linear-gradient(var(--glass-reflex-degree,100deg),rgb(255 255 255/var(--glass-reflex-opacity,10%)) 25%,transparent 25%);
    border: none;
    box-shadow: 0 0 0 1px rgb(255 255 255/var(--glass-border-opacity,10%)) inset,0 0 0 2px rgb(0 0 0/5%);
    text-shadow: 0 1px rgb(0 0 0/var(--glass-text-shadow-opacity,5%))
}

.btm-nav-xs>:where(.active) {
    border-top-width: 1px
}

.btm-nav-sm>:where(.active) {
    border-top-width: 2px
}

.btm-nav-md>:where(.active) {
    border-top-width: 2px
}

.btm-nav-lg>:where(.active) {
    border-top-width: 4px
}

.btn-sm {
    font-size: .875rem;
    height: 2rem;
    min-height: 2rem;
    padding-left: .75rem;
    padding-right: .75rem
}

.btn-square:where(.btn-sm) {
    height: 2rem;
    padding: 0;
    width: 2rem
}

.btn-circle:where(.btn-sm) {
    border-radius: 9999px;
    height: 2rem;
    padding: 0;
    width: 2rem
}

.steps-horizontal .step {
    display: grid;
    grid-template-columns: repeat(1,minmax(0,1fr));
    grid-template-rows: repeat(2,minmax(0,1fr));
    place-items: center;
    text-align: center
}

.steps-vertical .step {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    grid-template-rows: repeat(1,minmax(0,1fr))
}

:where(.toast) {
    --tw-translate-x: 0px;
    --tw-translate-y: 0px;
    bottom: 0;
    left: auto;
    right: 0;
    top: auto;
    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))
}

.toast:where(.toast-start) {
    --tw-translate-x: 0px;
    left: 0;
    right: auto;
    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))
}

.toast:where(.toast-center) {
    --tw-translate-x: -50%;
    left: 50%;
    right: 50%;
    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))
}

.toast:where(.toast-end) {
    --tw-translate-x: 0px;
    left: auto;
    right: 0;
    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))
}

.toast:where(.toast-bottom) {
    --tw-translate-y: 0px;
    bottom: 0;
    top: auto;
    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))
}

.toast:where(.toast-middle) {
    --tw-translate-y: -50%;
    bottom: auto;
    top: 50%;
    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))
}

.toast:where(.toast-top) {
    --tw-translate-y: 0px;
    bottom: auto;
    top: 0;
    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))
}

.avatar.online:before {
    --tw-bg-opacity: 1;
    background-color: hsl(var(--su)/var(--tw-bg-opacity));
    border-radius: 9999px;
    box-shadow: 0 0 0 2px hsl(var(--b1));
    content: "";
    display: block;
    height: 15%;
    position: absolute;
    right: 7%;
    top: 7%;
    width: 15%;
    z-index: 10
}

.btn-group .btn:not(:first-child):not(:last-child),.btn-group.btn-group-horizontal .btn:not(:first-child):not(:last-child) {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.btn-group .btn:first-child:not(:last-child),.btn-group.btn-group-horizontal .btn:first-child:not(:last-child) {
    border-bottom-left-radius: var(--rounded-btn,.5rem);
    border-bottom-right-radius: 0;
    border-top-left-radius: var(--rounded-btn,.5rem);
    border-top-right-radius: 0;
    margin-left: -1px;
    margin-top: 0
}

.btn-group .btn:last-child:not(:first-child),.btn-group.btn-group-horizontal .btn:last-child:not(:first-child) {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: var(--rounded-btn,.5rem);
    border-top-left-radius: 0;
    border-top-right-radius: var(--rounded-btn,.5rem)
}

.btn-group.btn-group-vertical .btn:first-child:not(:last-child) {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: var(--rounded-btn,.5rem);
    border-top-right-radius: var(--rounded-btn,.5rem);
    margin-left: 0;
    margin-top: -1px
}

.btn-group.btn-group-vertical .btn:last-child:not(:first-child) {
    border-bottom-left-radius: var(--rounded-btn,.5rem);
    border-bottom-right-radius: var(--rounded-btn,.5rem);
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.modal-bottom :where(.modal-box) {
    --tw-translate-y: 2.5rem;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    max-width: none;
    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));
    width: 100%
}

.modal-middle :where(.modal-box) {
    --tw-translate-y: 0px;
    --tw-scale-x: .9;
    --tw-scale-y: .9;
    border-bottom-left-radius: var(--rounded-box,1rem);
    border-bottom-right-radius: var(--rounded-box,1rem);
    max-width: 32rem;
    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));
    width: 91.666667%
}

.steps-horizontal .step {
    grid-template-columns: auto;
    grid-template-rows: 40px 1fr;
    min-width: 4rem
}

.steps-horizontal .step:before {
    --tw-translate-y: 0px;
    --tw-translate-x: 0px;
    content: "";
    height: .5rem;
    margin-left: -100%;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    width: 100%
}

.steps-vertical .step {
    gap: .5rem;
    grid-template-columns: 40px 1fr;
    grid-template-rows: auto;
    justify-items: start;
    min-height: 4rem
}

.steps-vertical .step:before {
    --tw-translate-y: -50%;
    --tw-translate-x: -50%;
    height: 100%;
    margin-left: 50%;
    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));
    width: .5rem
}

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

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

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

.static {
    position: static
}

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.sticky {
    position: sticky
}

.inset-0 {
    left: 0;
    right: 0
}

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

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

.-bottom-44 {
    bottom: -11rem
}

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

.-left-24 {
    left: -6rem
}

.-left-32 {
    left: -8rem
}

.-left-\[10px\] {
    left: -10px
}

.-left-\[202px\] {
    left: -202px
}

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

.-right-20 {
    right: -5rem
}

.-right-24 {
    right: -6rem
}

.-right-32 {
    right: -8rem
}

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

.-right-60 {
    right: -15rem
}

.-right-\[100px\] {
    right: -100px
}

.-right-\[10px\] {
    right: -10px
}

.-right-\[202px\] {
    right: -202px
}

.-top-\[10px\] {
    top: -10px
}

.bottom-0 {
    bottom: 0
}

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

.left-0 {
    left: 0
}

.left-\[-100\%\] {
    left: -100%
}

.left-\[100px\] {
    left: 100px
}

.left-\[210px\] {
    left: 210px
}

.left-\[50\%\] {
    left: 50%
}

.right-0 {
    right: 0
}

.right-10 {
    right: 2.5rem
}

.right-4 {
    right: 1rem
}

.right-\[40px\] {
    right: 40px
}

.top-0 {
    top: 0
}

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

.top-10 {
    top: 2.5rem
}

.top-20 {
    top: 5rem
}

.top-36 {
    top: 9rem
}

.top-44 {
    top: 11rem
}

.top-5 {
    top: 1.25rem
}

.top-\[15px\] {
    top: 15px
}

.z-0 {
    z-index: 0
}

.z-10 {
    z-index: 10
}

.z-20 {
    z-index: 20
}

.z-30 {
    z-index: 30
}

.z-40 {
    z-index: 40
}

.z-50 {
    z-index: 50
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.m-5 {
    margin: 1.25rem
}

.m-auto {
    margin: auto
}

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

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

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

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

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

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

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

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

.-ml-px {
    margin-left: -1px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ml-7 {
    margin-left: 1.75rem
}

.ml-auto {
    margin-left: auto
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mt-\[2vh\] {
    margin-top: 2vh
}

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

.mt-auto {
    margin-top: auto
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.flex {
    display: flex
}

.inline-flex {
    display: inline-flex
}

.table {
    display: table
}

.grid {
    display: grid
}

.hidden {
    display: none
}

.h-12 {
    height: 3rem
}

.h-16 {
    height: 4rem
}

.h-2 {
    height: .5rem
}

.h-5 {
    height: 1.25rem
}

.h-6 {
    height: 1.5rem
}

.h-8 {
    height: 2rem
}

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

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

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

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

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

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

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

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

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

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

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

.h-auto {
    height: auto
}

.h-full {
    height: 100%
}

.h-screen {
    height: 100vh
}

.max-h-\[280px\] {
    max-height: 280px
}

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

.max-h-\[90vh\] {
    max-height: 90vh
}

.max-h-\[calc\(100vh-50px\)\] {
    max-height: calc(100vh - 50px)
}

.max-h-\[calc\(100vh-76px\)\] {
    max-height: calc(100vh - 76px)
}

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

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

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

.min-h-\[calc\(100vh-76px\)\] {
    min-height: calc(100vh - 76px)
}

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

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

.w-12 {
    width: 3rem
}

.w-20 {
    width: 5rem
}

.w-36 {
    width: 9rem
}

.w-5 {
    width: 1.25rem
}

.w-6 {
    width: 1.5rem
}

.w-8 {
    width: 2rem
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.w-auto {
    width: auto
}

.w-full {
    width: 100%
}

.w-screen {
    width: 100vw
}

.min-w-\[0\] {
    min-width: 0
}

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

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

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

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

.max-w-\[100px\] {
    max-width: 100px
}

.max-w-\[1024px\] {
    max-width: 1024px
}

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

.max-w-\[320px\] {
    max-width: 320px
}

.max-w-\[400px\] {
    max-width: 400px
}

.max-w-\[570px\] {
    max-width: 570px
}

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

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

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

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

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

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

.flex-grow {
    flex-grow: 1
}

.-translate-x-full {
    --tw-translate-x: -100%
}

.-translate-x-full,.-translate-y-1\/2 {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-translate-y-1\/2 {
    --tw-translate-y: -50%
}

.translate-x-0 {
    --tw-translate-x: 0px
}

.translate-x-0,.translate-y-0 {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-y-0 {
    --tw-translate-y: 0px
}

.translate-y-2 {
    --tw-translate-y: 0.5rem
}

.translate-y-2,.translate-y-4 {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-y-4 {
    --tw-translate-y: 1rem
}

.translate-y-full {
    --tw-translate-y: 100%
}

.scale-100,.translate-y-full {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.scale-100 {
    --tw-scale-x: 1;
    --tw-scale-y: 1
}

.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-default {
    cursor: default
}

.cursor-pointer {
    cursor: pointer
}

.select-none {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

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

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

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

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

.grid-cols-12 {
    grid-template-columns: repeat(12,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-6 {
    grid-template-columns: repeat(6,minmax(0,1fr))
}

.grid-rows-\[1fr\2c auto\2c 1fr\] {
    grid-template-rows: 1fr auto 1fr
}

.flex-col {
    flex-direction: column
}

.flex-wrap {
    flex-wrap: wrap
}

.flex-nowrap {
    flex-wrap: nowrap
}

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

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

.items-center {
    align-items: center
}

.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-evenly {
    justify-content: space-evenly
}

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

.gap-1 {
    gap: .25rem
}

.gap-10 {
    gap: 2.5rem
}

.gap-16 {
    gap: 4rem
}

.gap-2 {
    gap: .5rem
}

.gap-24 {
    gap: 6rem
}

.gap-3 {
    gap: .75rem
}

.gap-4 {
    gap: 1rem
}

.gap-5 {
    gap: 1.25rem
}

.gap-8 {
    gap: 2rem
}

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

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

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

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

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

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

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

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

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

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

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

.divide-solid>:not([hidden])~:not([hidden]) {
    border-style: solid
}

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

.divide-gray-300>:not([hidden])~:not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(209 213 219/var(--tw-divide-opacity))
}

.divide-secondary>:not([hidden])~:not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: hsl(var(--s)/var(--tw-divide-opacity))
}

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

.overflow-auto {
    overflow: auto
}

.overflow-hidden {
    overflow: hidden
}

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

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

.overflow-y-hidden {
    overflow-y: hidden
}

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

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

.whitespace-normal {
    white-space: normal
}

.whitespace-nowrap {
    white-space: nowrap
}

.rounded-2xl {
    border-radius: 1rem
}

.rounded-3xl {
    border-radius: 1.5rem
}

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

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

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

.rounded-none {
    border-radius: 0
}

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

.rounded-l-md {
    border-bottom-left-radius: .375rem;
    border-top-left-radius: .375rem
}

.rounded-r-md {
    border-bottom-right-radius: .375rem;
    border-top-right-radius: .375rem
}

.rounded-t-\[50px\] {
    border-top-left-radius: 50px;
    border-top-right-radius: 50px
}

.rounded-tr-\[200px\] {
    border-top-right-radius: 200px
}

.border {
    border-width: 1px
}

.border-0 {
    border-width: 0
}

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

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

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

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

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

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

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

.border-\[\#008693\] {
    --tw-border-opacity: 1;
    border-color: rgb(0 134 147/var(--tw-border-opacity))
}

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

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

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

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

.border-green-700 {
    --tw-border-opacity: 1;
    border-color: rgb(21 128 61/var(--tw-border-opacity))
}

.border-indigo-100 {
    --tw-border-opacity: 1;
    border-color: rgb(224 231 255/var(--tw-border-opacity))
}

.border-primary {
    --tw-border-opacity: 1;
    border-color: hsl(var(--p)/var(--tw-border-opacity))
}

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

.border-transparent {
    border-color: transparent
}

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

.border-yellow-700 {
    --tw-border-opacity: 1;
    border-color: rgb(161 98 7/var(--tw-border-opacity))
}

.border-b-\[\#AF1280\] {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(175 18 128/var(--tw-border-opacity))
}

.border-l-primary {
    --tw-border-opacity: 1;
    border-left-color: hsl(var(--p)/var(--tw-border-opacity))
}

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

.bg-\[\#2D3848\] {
    --tw-bg-opacity: 1;
    background-color: rgb(45 56 72/var(--tw-bg-opacity))
}

.bg-\[\#3BAD76\] {
    --tw-bg-opacity: 1;
    background-color: rgb(59 173 118/var(--tw-bg-opacity))
}

.bg-\[\#CC0000\] {
    --tw-bg-opacity: 1;
    background-color: rgb(204 0 0/var(--tw-bg-opacity))
}

.bg-\[\#E4E4E4\] {
    --tw-bg-opacity: 1;
    background-color: rgb(228 228 228/var(--tw-bg-opacity))
}

.bg-\[\#E7C3A1\] {
    --tw-bg-opacity: 1;
    background-color: rgb(231 195 161/var(--tw-bg-opacity))
}

.bg-\[\#E8A84D\] {
    --tw-bg-opacity: 1;
    background-color: rgb(232 168 77/var(--tw-bg-opacity))
}

.bg-\[\#F6F6F6\] {
    --tw-bg-opacity: 1;
    background-color: rgb(246 246 246/var(--tw-bg-opacity))
}

.bg-\[\#FFEEC2\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 238 194/var(--tw-bg-opacity))
}

.bg-\[\#f4f4f4\] {
    --tw-bg-opacity: 1;
    background-color: rgb(244 244 244/var(--tw-bg-opacity))
}

.bg-\[\#fdbb2c\] {
    --tw-bg-opacity: 1;
    background-color: rgb(253 187 44/var(--tw-bg-opacity))
}

.bg-accent {
    --tw-bg-opacity: 1;
    background-color: hsl(206.57deg 94.35% 13.3%)
}

.bg-black\/0 {
    background-color: transparent
}

.bg-black\/30 {
    background-color: rgba(0,0,0,.3)
}

.bg-black\/40 {
    background-color: rgba(0,0,0,.4)
}

.bg-black\/50 {
    background-color: rgba(0,0,0,.5)
}

.bg-dark-blue {
    --tw-bg-opacity: 1;
    background-color: #da2710;
}

.bg-gbbf-light-blue {
    --tw-bg-opacity: 1;
    background-color: rgb(183 204 213/var(--tw-bg-opacity))
}

.bg-gbbf-teal {
    --tw-bg-opacity: 1;
    background-color: rgb(0 134 147/var(--tw-bg-opacity))
}

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

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

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

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

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

.bg-info {
    --tw-bg-opacity: 1;
    background-color: hsl(215.22deg 91.15% 12.73%);
}

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

.bg-orange-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(249 115 22/var(--tw-bg-opacity))
}

.bg-primary {
    --tw-bg-opacity: 1;
    background-color: hsl(var(--p)/var(--tw-bg-opacity))
}

.bg-primary\/\[\.94\] {
    background-color: hsl(var(--p)/.94)
}

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

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

.bg-secondary {
    --tw-bg-opacity: 1;
    background-color: hsl(var(--s)/var(--tw-bg-opacity))
}

.bg-transparent {
    background-color: transparent
}

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

.bg-white\/10 {
    background-color: hsla(0,0%,100%,.1)
}

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

.bg-yellow-700 {
    --tw-bg-opacity: 1;
    background-color: rgb(161 98 7/var(--tw-bg-opacity))
}

.bg-opacity-90 {
    --tw-bg-opacity: 0.9
}

.bg-gradient-to-t {
    background-image: linear-gradient(to top,var(--tw-gradient-stops))
}

.from-black {
    --tw-gradient-from: #000;
    --tw-gradient-to: transparent;
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.via-black {
    --tw-gradient-to: transparent;
    --tw-gradient-stops: var(--tw-gradient-from),#000,var(--tw-gradient-to)
}

.to-transparent {
    --tw-gradient-to: transparent
}

.bg-cover {
    background-size: cover
}

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

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

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

.p-10 {
    padding: 2.5rem
}

.p-14 {
    padding: 3.5rem
}

.p-2 {
    padding: .5rem
}

.p-20 {
    padding: 5rem
}

.p-24 {
    padding: 6rem
}

.p-3 {
    padding: .75rem
}

.p-4 {
    padding: 1rem
}

.p-5 {
    padding: 1.25rem
}

.p-6 {
    padding: 1.5rem
}

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

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

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

.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-2 {
    padding-left: .5rem;
    padding-right: .5rem
}

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

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

.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-8 {
    padding-left: 2rem;
    padding-right: 2rem
}

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

.py-1\.5 {
    padding-bottom: .375rem;
    padding-top: .375rem
}

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

.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-20 {
    padding-bottom: 5rem;
    padding-top: 5rem
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.pt-0 {
    padding-top: 0
}

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

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

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

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

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

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

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

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

.pt-\[3px\] {
    padding-top: 3px
}

.text-left {
    text-align: left
}

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

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.align-bottom {
    vertical-align: bottom
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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-light {
    font-weight: 300!important
}

.font-black {
    font-weight: 900
}

.font-bold {
    font-weight: 700
}

.font-light {
    font-weight: 300
}

.font-medium {
    font-weight: 500
}

.font-normal {
    font-weight: 400
}

.font-semibold {
    font-weight: 600
}

.uppercase {
    text-transform: uppercase
}

.lowercase {
    text-transform: lowercase
}

.normal-case {
    text-transform: none
}

.italic {
    font-style: italic
}

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

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

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

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

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

.leading-relaxed {
    line-height: 1.625
}

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

.tracking-widest {
    letter-spacing: .1em
}

.\!text-primary {
    --tw-text-opacity: 1!important;
    color: hsl(var(--p)/var(--tw-text-opacity))!important
}

.text-\[\#008693\] {
    --tw-text-opacity: 1;
    color: rgb(0 134 147/var(--tw-text-opacity))
}

.text-\[\#01B3C4\] {
    --tw-text-opacity: 1;
    color: rgb(1 179 196/var(--tw-text-opacity))
}

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

.text-\[\#52525B\] {
    --tw-text-opacity: 1;
    color: rgb(82 82 91/var(--tw-text-opacity))
}

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

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

.text-\[\#af1380\] {
    --tw-text-opacity: 1;
    color: rgb(175 19 128/var(--tw-text-opacity))
}

.text-accent {
    --tw-text-opacity: 1;
    color: hsl(var(--a)/var(--tw-text-opacity))
}

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

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

.text-facebook {
    --tw-text-opacity: 1;
    color: rgb(24 119 242/var(--tw-text-opacity))
}

.text-gbbf-teal {
    --tw-text-opacity: 1;
    color: rgb(0 134 147/var(--tw-text-opacity))
}

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

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

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

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

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

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

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

.text-green-700 {
    --tw-text-opacity: 1;
    color: rgb(21 128 61/var(--tw-text-opacity))
}

.text-instagram {
    --tw-text-opacity: 1;
    color: rgb(216 45 126/var(--tw-text-opacity))
}

.text-orange-600 {
    --tw-text-opacity: 1;
    color: rgb(234 88 12/var(--tw-text-opacity))
}

.text-primary {
    --tw-text-opacity: 1;
    color: hsl(var(--p)/var(--tw-text-opacity))
}

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

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

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

.text-secondary {
    --tw-text-opacity: 1;
    color: hsl(var(--s)/var(--tw-text-opacity))
}

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

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

.text-yellow-700 {
    --tw-text-opacity: 1;
    color: rgb(161 98 7/var(--tw-text-opacity))
}

.underline {
    text-decoration-line: underline
}

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

.opacity-0 {
    opacity: 0
}

.opacity-100 {
    opacity: 1
}

.opacity-20 {
    opacity: .2
}

.opacity-30 {
    opacity: .3
}

.opacity-50 {
    opacity: .5
}

.opacity-75 {
    opacity: .75
}

.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-3xl {
    --tw-shadow: 0_0px_10px_rgba(0,0,0,0.25);
    --tw-shadow-colored: 0_0px_10px_rgba(0,0,0,0.25)
}

.shadow-3xl,.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-sm {
    --tw-shadow: 0 1px 2px 0 rgba(0,0,0,.05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color)
}

.shadow-sm,.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)
}

.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,outline-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;
    transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
    transition-property: color,background-color,border-color,outline-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-property: opacity;
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

.duration-150,.transition-opacity {
    transition-duration: .15s
}

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

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

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

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

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

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

[x-cloak] {
    display: none
}

body {
    --tw-text-opacity: 1;
    color: hsl(var(--n)/var(--tw-text-opacity))
}

.container {
    margin-left: auto;
    margin-right: auto;
    max-width: 80rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.z-99 {
    z-index: 99
}

.z-100 {
    z-index: 100
}

[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos] {
    transition-duration: 50ms
}

[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate {
    transition-delay: 50ms
}

[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos] {
    transition-duration: .1s
}

[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate {
    transition-delay: .1s
}

[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos] {
    transition-duration: .15s
}

[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate {
    transition-delay: .15s
}

[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos] {
    transition-duration: .2s
}

[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate {
    transition-delay: .2s
}

[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos] {
    transition-duration: .25s
}

[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate {
    transition-delay: .25s
}

[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos] {
    transition-duration: .3s
}

[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate {
    transition-delay: .3s
}

[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos] {
    transition-duration: .35s
}

[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate {
    transition-delay: .35s
}

[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos] {
    transition-duration: .4s
}

[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate {
    transition-delay: .4s
}

[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos] {
    transition-duration: .45s
}

[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate {
    transition-delay: .45s
}

[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos] {
    transition-duration: .5s
}

[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate {
    transition-delay: .5s
}

[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos] {
    transition-duration: .55s
}

[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate {
    transition-delay: .55s
}

[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos] {
    transition-duration: .6s
}

[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate {
    transition-delay: .6s
}

[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos] {
    transition-duration: .65s
}

[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate {
    transition-delay: .65s
}

[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos] {
    transition-duration: .7s
}

[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate {
    transition-delay: .7s
}

[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos] {
    transition-duration: .75s
}

[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate {
    transition-delay: .75s
}

[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos] {
    transition-duration: .8s
}

[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate {
    transition-delay: .8s
}

[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos] {
    transition-duration: .85s
}

[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate {
    transition-delay: .85s
}

[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos] {
    transition-duration: .9s
}

[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate {
    transition-delay: .9s
}

[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos] {
    transition-duration: .95s
}

[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate {
    transition-delay: .95s
}

[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos] {
    transition-duration: 1s
}

[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate {
    transition-delay: 1s
}

[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos] {
    transition-duration: 1.05s
}

[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate {
    transition-delay: 1.05s
}

[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos] {
    transition-duration: 1.1s
}

[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate {
    transition-delay: 1.1s
}

[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos] {
    transition-duration: 1.15s
}

[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate {
    transition-delay: 1.15s
}

[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos] {
    transition-duration: 1.2s
}

[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate {
    transition-delay: 1.2s
}

[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos] {
    transition-duration: 1.25s
}

[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate {
    transition-delay: 1.25s
}

[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos] {
    transition-duration: 1.3s
}

[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate {
    transition-delay: 1.3s
}

[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos] {
    transition-duration: 1.35s
}

[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate {
    transition-delay: 1.35s
}

[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos] {
    transition-duration: 1.4s
}

[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate {
    transition-delay: 1.4s
}

[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos] {
    transition-duration: 1.45s
}

[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate {
    transition-delay: 1.45s
}

[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos] {
    transition-duration: 1.5s
}

[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate {
    transition-delay: 1.5s
}

[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos] {
    transition-duration: 1.55s
}

[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate {
    transition-delay: 1.55s
}

[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos] {
    transition-duration: 1.6s
}

[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate {
    transition-delay: 1.6s
}

[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos] {
    transition-duration: 1.65s
}

[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate {
    transition-delay: 1.65s
}

[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos] {
    transition-duration: 1.7s
}

[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate {
    transition-delay: 1.7s
}

[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos] {
    transition-duration: 1.75s
}

[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate {
    transition-delay: 1.75s
}

[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos] {
    transition-duration: 1.8s
}

[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate {
    transition-delay: 1.8s
}

[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos] {
    transition-duration: 1.85s
}

[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate {
    transition-delay: 1.85s
}

[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos] {
    transition-duration: 1.9s
}

[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate {
    transition-delay: 1.9s
}

[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos] {
    transition-duration: 1.95s
}

[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate {
    transition-delay: 1.95s
}

[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos] {
    transition-duration: 2s
}

[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate {
    transition-delay: 2s
}

[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos] {
    transition-duration: 2.05s
}

[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate {
    transition-delay: 2.05s
}

[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos] {
    transition-duration: 2.1s
}

[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate {
    transition-delay: 2.1s
}

[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos] {
    transition-duration: 2.15s
}

[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate {
    transition-delay: 2.15s
}

[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos] {
    transition-duration: 2.2s
}

[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate {
    transition-delay: 2.2s
}

[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos] {
    transition-duration: 2.25s
}

[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate {
    transition-delay: 2.25s
}

[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos] {
    transition-duration: 2.3s
}

[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate {
    transition-delay: 2.3s
}

[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos] {
    transition-duration: 2.35s
}

[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate {
    transition-delay: 2.35s
}

[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos] {
    transition-duration: 2.4s
}

[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate {
    transition-delay: 2.4s
}

[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos] {
    transition-duration: 2.45s
}

[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate {
    transition-delay: 2.45s
}

[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos] {
    transition-duration: 2.5s
}

[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate {
    transition-delay: 2.5s
}

[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos] {
    transition-duration: 2.55s
}

[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate {
    transition-delay: 2.55s
}

[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos] {
    transition-duration: 2.6s
}

[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate {
    transition-delay: 2.6s
}

[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos] {
    transition-duration: 2.65s
}

[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate {
    transition-delay: 2.65s
}

[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos] {
    transition-duration: 2.7s
}

[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate {
    transition-delay: 2.7s
}

[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos] {
    transition-duration: 2.75s
}

[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate {
    transition-delay: 2.75s
}

[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos] {
    transition-duration: 2.8s
}

[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate {
    transition-delay: 2.8s
}

[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos] {
    transition-duration: 2.85s
}

[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate {
    transition-delay: 2.85s
}

[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos] {
    transition-duration: 2.9s
}

[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate {
    transition-delay: 2.9s
}

[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos] {
    transition-duration: 2.95s
}

[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate {
    transition-delay: 2.95s
}

[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos] {
    transition-duration: 3s
}

[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate {
    transition-delay: 3s
}

[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos] {
    transition-timing-function: cubic-bezier(.25,.25,.75,.75)
}

[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos] {
    transition-timing-function: ease
}

[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos] {
    transition-timing-function: ease-in
}

[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos] {
    transition-timing-function: ease-out
}

[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos] {
    transition-timing-function: ease-in-out
}

[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos] {
    transition-timing-function: cubic-bezier(.6,-.28,.735,.045)
}

[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos] {
    transition-timing-function: cubic-bezier(.175,.885,.32,1.275)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos] {
    transition-timing-function: cubic-bezier(.68,-.55,.265,1.55)
}

[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos] {
    transition-timing-function: cubic-bezier(.47,0,.745,.715)
}

[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos] {
    transition-timing-function: cubic-bezier(.39,.575,.565,1)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos] {
    transition-timing-function: cubic-bezier(.445,.05,.55,.95)
}

[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos] {
    transition-timing-function: cubic-bezier(.55,.085,.68,.53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos] {
    transition-timing-function: cubic-bezier(.25,.46,.45,.94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos] {
    transition-timing-function: cubic-bezier(.455,.03,.515,.955)
}

[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(.55,.085,.68,.53)
}

[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(.25,.46,.45,.94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(.455,.03,.515,.955)
}

[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos] {
    transition-timing-function: cubic-bezier(.55,.085,.68,.53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos] {
    transition-timing-function: cubic-bezier(.25,.46,.45,.94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos] {
    transition-timing-function: cubic-bezier(.455,.03,.515,.955)
}

[data-aos^=fade][data-aos^=fade] {
    opacity: 0;
    transition-property: opacity,transform
}

[data-aos^=fade][data-aos^=fade].aos-animate {
    opacity: 1;
    transform: translateZ(0)
}

[data-aos=fade-up] {
    transform: translate3d(0,100px,0)
}

[data-aos=fade-down] {
    transform: translate3d(0,-100px,0)
}

[data-aos=fade-right] {
    transform: translate3d(-100px,0,0)
}

[data-aos=fade-left] {
    transform: translate3d(100px,0,0)
}

[data-aos=fade-up-right] {
    transform: translate3d(-100px,100px,0)
}

[data-aos=fade-up-left] {
    transform: translate3d(100px,100px,0)
}

[data-aos=fade-down-right] {
    transform: translate3d(-100px,-100px,0)
}

[data-aos=fade-down-left] {
    transform: translate3d(100px,-100px,0)
}

[data-aos^=zoom][data-aos^=zoom] {
    opacity: 0;
    transition-property: opacity,transform
}

[data-aos^=zoom][data-aos^=zoom].aos-animate {
    opacity: 1;
    transform: translateZ(0) scale(1)
}

[data-aos=zoom-in] {
    transform: scale(.6)
}

[data-aos=zoom-in-up] {
    transform: translate3d(0,100px,0) scale(.6)
}

[data-aos=zoom-in-down] {
    transform: translate3d(0,-100px,0) scale(.6)
}

[data-aos=zoom-in-right] {
    transform: translate3d(-100px,0,0) scale(.6)
}

[data-aos=zoom-in-left] {
    transform: translate3d(100px,0,0) scale(.6)
}

[data-aos=zoom-out] {
    transform: scale(1.2)
}

[data-aos=zoom-out-up] {
    transform: translate3d(0,100px,0) scale(1.2)
}

[data-aos=zoom-out-down] {
    transform: translate3d(0,-100px,0) scale(1.2)
}

[data-aos=zoom-out-right] {
    transform: translate3d(-100px,0,0) scale(1.2)
}

[data-aos=zoom-out-left] {
    transform: translate3d(100px,0,0) scale(1.2)
}

[data-aos^=slide][data-aos^=slide] {
    transition-property: transform
}

[data-aos^=slide][data-aos^=slide].aos-animate {
    transform: translateZ(0)
}

[data-aos=slide-up] {
    transform: translate3d(0,100%,0)
}

[data-aos=slide-down] {
    transform: translate3d(0,-100%,0)
}

[data-aos=slide-right] {
    transform: translate3d(-100%,0,0)
}

[data-aos=slide-left] {
    transform: translate3d(100%,0,0)
}

[data-aos^=flip][data-aos^=flip] {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition-property: transform
}

[data-aos=flip-left] {
    transform: perspective(2500px) rotateY(-100deg)
}

[data-aos=flip-left].aos-animate {
    transform: perspective(2500px) rotateY(0)
}

[data-aos=flip-right] {
    transform: perspective(2500px) rotateY(100deg)
}

[data-aos=flip-right].aos-animate {
    transform: perspective(2500px) rotateY(0)
}

[data-aos=flip-up] {
    transform: perspective(2500px) rotateX(-100deg)
}

[data-aos=flip-up].aos-animate {
    transform: perspective(2500px) rotateX(0)
}

[data-aos=flip-down] {
    transform: perspective(2500px) rotateX(100deg)
}

[data-aos=flip-down].aos-animate {
    transform: perspective(2500px) rotateX(0)
}

[data-theme=gbbf-2023] .btn {
    font-weight: 400;
    text-transform: capitalize
}

[data-theme=gbbf-2023] .btn-sm {
    height: auto;
    padding: .625rem 1.25rem
}

[data-theme=gbbf-2023] .btn-accent,[data-theme=gbbf-2023] .btn-secondary {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.input,.textarea {
    font-size: 16px
}

.join-btn {
    --tw-text-opacity: 1;
    border-radius: 9999px;
    color: rgb(255 255 255/var(--tw-text-opacity));
    display: block;
    font-size: 19px;
    font-weight: 700;
    height: auto;
    padding: .75rem 2rem
}

@media (min-width: 1024px) {
    .join-btn {
        display:inline-block;
        padding-left: 9rem;
        padding-right: 9rem
    }
}

.btn-non-member-ticket {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(210 146 191/var(--tw-bg-opacity));
    border-color: rgb(210 146 191/var(--tw-border-opacity));
    color: rgb(111 19 83/var(--tw-text-opacity))
}

.btn-non-member-ticket:hover {
    background-color: rgba(210,146,191,.8);
    border-color: rgba(210,146,191,.8)
}

.btn.btn-bold {
    font-weight: 700;
    text-transform: uppercase
}

.btn.btn-medium {
    font-weight: 500
}

.btn-footer-ticket {
    font-size: 20px;
    height: auto;
    padding-bottom: 1.5rem;
    padding-top: 1.5rem
}

.bubble {
    --tw-bg-opacity: 1;
    align-items: center;
    background-color: hsl(var(--in)/var(--tw-bg-opacity));
    border-radius: 9999px;
    display: flex;
    justify-content: center
}

.bubble-light .bubble {
    background-color: hsla(0,0%,100%,.1)
}

#main-navigation {
    --tw-text-opacity: 1;
    color: rgb(64 64 64/var(--tw-text-opacity));
    font-size: 14px
}

#main-navigation a {
    border-bottom-width: 2px;
    border-color: transparent
}

#main-navigation a.active-menu-item,#main-navigation a:hover {
    --tw-border-opacity: 1;
    border-color: hsl(var(--s)/var(--tw-border-opacity))
}

#mobile-navigation {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    bottom: 0;
    left: 0;
    position: fixed;
    top: 0;
    width: 70%
}

#mobile-navigation a {
    --tw-text-opacity: 1;
    border-bottom-width: 1px;
    color: rgb(64 64 64/var(--tw-text-opacity));
    display: block;
    padding: .75rem
}

@media (min-width: 768px) {
    #mobile-navigation a {
        font-size:1.25rem;
        line-height: 1.75rem;
        padding: 1.25rem
    }
}

#menu-icon {
    cursor: pointer;
    height: 30px;
    position: relative;
    transform: rotate(0deg);
    transition: .5s ease-in-out;
    width: 40px
}

#menu-icon span {
    --tw-bg-opacity: 1;
    background-color: rgb(43 53 68/var(--tw-bg-opacity));
    border-radius: 9px;
    display: block;
    height: 3px;
    left: 0;
    opacity: 1;
    position: absolute;
    transform: rotate(0deg);
    transition: .25s ease-in-out;
    width: 100%
}

#menu-icon span:first-child {
    top: 0;
    transform-origin: left center
}

#menu-icon span:nth-child(2) {
    top: 14px;
    transform-origin: left center
}

#menu-icon span:nth-child(3) {
    top: 28px;
    transform-origin: left center
}

#menu-icon.open span:first-child {
    left: 8px;
    top: 1px;
    transform: rotate(45deg)
}

#menu-icon.open span:nth-child(2) {
    opacity: 0;
    width: 0
}

#menu-icon.open span:nth-child(3) {
    left: 8px;
    top: 30px;
    transform: rotate(-45deg)
}

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

#upper-footer h3 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 1rem
}

#upper-footer h4 {
    font-size: 15px;
    font-weight: 700;
    margin-bottom: .5rem
}

@media (min-width: 1024px) {
    #upper-footer h4 {
        margin-bottom:2rem
    }
}

#upper-footer p,#upper-footer ul {
    font-size: 16px
}

#upper-footer p {
    margin-bottom: 1rem
}

@media (min-width: 1024px) {
    #upper-footer p {
        margin-bottom:2.5rem
    }
}

#upper-footer ul li {
    margin-bottom: .5rem
}

#upper-footer ul li a:hover {
    text-decoration-line: underline
}

#lower-footer {
    font-size: 14px
}

#lower-footer,.content-section {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.content-section .header-underline {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    display: block;
    position: relative;
    width: 500%
}

.content-section .top-header-underline {
    height: .25rem
}

.content-section .bottom-header-underline {
    height: .125rem;
    margin-top: 1rem
}

.content-section .bottom-header-underline.right-header-underline {
    margin-left: 120px
}

.content-section .bottom-header-underline.left-header-underline {
    margin-left: -120px
}

.content-section .left-header-underline {
    left: -400%
}

.content-section h2 {
    display: inline-block;
    font-size: 45px;
    font-weight: 900;
    margin-bottom: 2.5rem;
    text-transform: uppercase
}

.content-section h2.normal-case-header {
    text-transform: none
}

.content-section h2.secondary-header {
    --tw-text-opacity: 1;
    color: hsl(var(--s)/var(--tw-text-opacity))
}

.content-section h2.secondary-header .header-underline {
    --tw-bg-opacity: 1;
    background-color: hsl(var(--s)/var(--tw-bg-opacity))
}

.content-section h2.normal-header {
    display: block
}

.content-section .default p {
    color: unset;
    font-size: unset
}

.content-section p {
    font-size: 24px
}

.light-content-section {
    --tw-text-opacity: 1;
    color: hsl(230.85deg 76.3% 20.3%);
}

.light-content-section .header-underline {
    --tw-bg-opacity: 1;
    background-color: hsl(var(--n)/var(--tw-bg-opacity))
}

.page-content-section p {
    font-size: 21px;
    margin-bottom: 2rem
}

.page-content-section .content-block ul {
    list-style-type: disc;
    margin-left: 2.5rem
}

.page-content-section .content-block ul li {
    font-size: 21px;
    margin-bottom: .75rem
}

.with-border-bottom {
    position: relative;
    z-index: 10
}

.with-border-bottom .container-border {
    background-color: rgba(89,89,89,.3);
    bottom: 0;
    display: block;
    height: 2px;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    max-width: 80rem;
    position: absolute;
    right: 0;
    width: 100%
}

.with-border-bottom .container-border:after {
    left: 100%
}

.with-border-bottom .container-border:after,.with-border-bottom:after {
    background-color: rgba(89,89,89,.3);
    content: "";
    height: 2px;
    position: absolute;
    width: 100%
}

.with-border-bottom:after {
    bottom: -1.25rem;
    max-width: 80rem
}

.code-of-conduct-info p {
    margin-bottom: 1.25rem
}

.code-of-conduct-info p:not(.heading-2) {
    font-size: 16px
}

#footer .pc-input {
    background-color: transparent;
    border-width: 0;
    height: 50px;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    width: 100%
}

#footer .pc-input:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);
    --tw-ring-offset-width: 0px;
    box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);
    outline: 2px solid transparent;
    outline-offset: 2px
}

@media (min-width: 1024px) {
    #footer .pc-input-wrapper {
        grid-column:span 2/span 2
    }
}

#footer .pc-form {
    align-items: center;
    overflow: hidden
}

@media (min-width: 1024px) {
    #footer .pc-form {
        display:grid;
        grid-template-columns: repeat(4,minmax(0,1fr))
    }
}

#footer .pc-form .pc-input-wrapper:nth-child(2) {
    border-color: hsla(0,0%,100%,.2);
    border-top-width: 1px
}

@media (min-width: 1024px) {
    #footer .pc-form .pc-input-wrapper:nth-child(2) {
        border-left-width:1px;
        border-top-width: 0
    }
}

#footer .pc-form .pc-input-wrapper:nth-child(3) {
    border-bottom-width: 1px;
    border-color: hsla(0,0%,100%,.2);
    border-top-width: 1px
}

@media (min-width: 1024px) {
    #footer .pc-form .pc-input-wrapper:nth-child(3) {
        grid-column:span 4/span 4
    }
}

#footer .pc-submit-wrapper {
    grid-column: span 2/span 2;
    height: 50px;
    padding: .5rem;
    width: 100%
}

@media (min-width: 1024px) {
    #footer .pc-submit-wrapper {
        margin-left:auto
    }
}

#footer .pc-submit-btn {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    border-radius: .5rem;
    color: rgb(43 53 68/var(--tw-text-opacity));
    height: 100%;
    width: 100%
}

#footer .pc-checkbox-wrapper {
    grid-column: span 2/span 2;
    margin-top: .75rem;
    padding-left: 1.25rem
}

@media (min-width: 1024px) {
    #footer .pc-checkbox-wrapper {
        margin-top:0
    }
}

#footer .pc-checkbox-wrapper:before {
    content: "Opt me into";
    display: block;
    font-size: .75rem;
    line-height: 1rem
}

#footer .pc-checkbox-label {
    font-size: .875rem;
    line-height: 1.25rem
}

#footer .pc-checkbox {
    margin-top: -.25rem
}

#footer #newsletter-content p {
    font-size: .75rem;
    line-height: 1rem;
    margin-bottom: .5rem
}

.pc-success {
    background-color: hsl(var(--su)/var(--tw-bg-opacity))
}

.pc-error,.pc-success {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity));
    padding: .5rem;
    text-align: center
}

.pc-error {
    background-color: hsl(var(--er)/var(--tw-bg-opacity))
}

.newsletter-block p {
    font-size: 14px
}

.newsletter-block #pc-form {
    display: grid;
    gap: 1.25rem
}

@media (min-width: 1024px) {
    .newsletter-block #pc-form {
        gap:0;
        grid-template-columns: repeat(2,minmax(0,1fr)); 
    }

    .newsletter-block #pc-form .pc-input-wrapper:nth-child(3) {
        grid-column: span 2/span 2;
        padding-left: 1.25rem
    }

    .newsletter-block #pc-form .pc-checkbox-wrapper {
        grid-column: span 4/span 4;
        margin-top: 1.25rem;
    }
}

.newsletter-block #pc-form .pc-input {
    --tw-border-opacity: 0;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--b1)/var(--tw-bg-opacity));
    border-color: hsl(var(--bc)/var(--tw-border-opacity));
    border-radius: var(--rounded-btn,.5rem);
    border-width: 1px;
    flex-shrink: 1;
    font-size: 1rem;
    height: 3rem;
    line-height: 2;
    line-height: 1.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    transition-duration: .2s;
    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)
}

.input-group>.newsletter-block #pc-form .pc-input {
    border-radius: 0;
    isolation: isolate
}

.newsletter-block #pc-form .pc-input[list]::-webkit-calendar-picker-indicator {
    line-height: 1em
}

.newsletter-block #pc-form .pc-input:focus {
    outline: 2px solid hsla(var(--bc)/.2);
    outline-offset: 2px
}

.newsletter-block #pc-form .pc-input[disabled] {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 0.2;
    background-color: hsl(var(--b2,var(--b1))/var(--tw-bg-opacity));
    border-color: hsl(var(--b2,var(--b1))/var(--tw-border-opacity));
    cursor: not-allowed
}

.newsletter-block #pc-form .pc-input[disabled]::-moz-placeholder {
    --tw-placeholder-opacity: 0.2;
    color: hsl(var(--bc)/var(--tw-placeholder-opacity))
}

.newsletter-block #pc-form .pc-input[disabled]::placeholder {
    --tw-placeholder-opacity: 0.2;
    color: hsl(var(--bc)/var(--tw-placeholder-opacity))
}

.newsletter-block #pc-form .pc-input {
    --tw-border-opacity: 1;
    border-color: rgb(84 84 84/var(--tw-border-opacity));
    border-radius: .75rem;
    border-width: 2px;
    font-size: 16px;
    height: 50px;
    width: 100%
}

@media (min-width: 1024px) {
    .newsletter-block #pc-form .pc-input-wrapper:first-child .pc-input {
        border-bottom-right-radius: 11px;
        border-top-right-radius: 11px;
    }

    .newsletter-block #pc-form .pc-input-wrapper:nth-child(2) .pc-input {
        border-bottom-left-radius: 11px;
        border-left-width: 2px;
        border-top-left-radius: 11px;
        margin-left: 23px;
    }

    .newsletter-block #pc-form .pc-submit-wrapper {
        margin-top: 1.25rem
    }
}

.newsletter-block #pc-form .pc-submit-btn {
    align-items: center;
    animation: button-pop var(--animation-btn,.25s) ease-out;
    background-color: hsl(var(--n)/var(--tw-bg-opacity));
    border-color: transparent;
    border-color: hsl(var(--n)/var(--tw-border-opacity));
    border-radius: var(--rounded-btn,.5rem);
    border-width: var(--border-btn,1px);
    color: hsl(var(--nc)/var(--tw-text-opacity));
    cursor: pointer;
    display: inline-flex;
    flex-shrink: 0;
    flex-wrap: wrap;
    font-size: .875rem;
    font-weight: 600;
    height: 3rem;
    justify-content: center;
    line-height: 1.25rem;
    line-height: 1em;
    min-height: 3rem;
    padding-left: 1rem;
    padding-right: 1rem;
    text-align: center;
    text-decoration-line: none;
    text-transform: uppercase;
    text-transform: var(--btn-text-case,uppercase);
    transition-duration: .2s;
    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);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.newsletter-block #pc-form .pc-submit-btn.loading,.newsletter-block #pc-form .pc-submit-btn.loading:hover,.newsletter-block #pc-form .pc-submit-btn[disabled] {
    pointer-events: none
}

.newsletter-block #pc-form .pc-submit-btn.loading:before {
    animation: spin 2s linear infinite;
    border-color: transparent currentColor currentColor transparent;
    border-radius: 9999px;
    border-width: 2px;
    content: "";
    height: 1rem;
    margin-right: .5rem;
    width: 1rem
}

@media (prefers-reduced-motion:reduce) {
    .newsletter-block #pc-form .pc-submit-btn.loading:before {
        animation: spin 10s linear infinite
    }
}

.btn-group>input[type=radio].newsletter-block #pc-form .pc-submit-btn {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.btn-group>input[type=radio].newsletter-block #pc-form .pc-submit-btn:before {
    content: attr(data-title)
}

.btn-outline.newsletter-block #pc-form .pc-submit-btn .badge {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: hsl(var(--s)/var(--tw-bg-opacity));
    border-color: hsl(var(--s)/var(--tw-border-opacity));
    color: hsl(var(--sc)/var(--tw-text-opacity))
}

.btn-outline.newsletter-block #pc-form .pc-submit-btn .badge-outline {
    --tw-border-opacity: 1;
    --tw-text-opacity: 1;
    background-color: transparent;
    border-color: hsl(var(--s)/var(--tw-border-opacity));
    color: hsl(var(--s)/var(--tw-text-opacity))
}

.btn-outline.newsletter-block #pc-form .pc-submit-btn:hover .badge {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: hsl(var(--sc)/var(--tw-bg-opacity));
    border-color: hsl(var(--sc)/var(--tw-border-opacity));
    color: hsl(var(--s)/var(--tw-text-opacity))
}

.btn-outline.newsletter-block #pc-form .pc-submit-btn:hover .badge.outline {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: hsl(var(--sf,var(--s))/var(--tw-bg-opacity));
    border-color: hsl(var(--sc)/var(--tw-border-opacity));
    color: hsl(var(--sc)/var(--tw-text-opacity))
}

.newsletter-block #pc-form .pc-submit-btn:active:focus,.newsletter-block #pc-form .pc-submit-btn:active:hover {
    animation: none;
    transform: scale(var(--btn-focus-scale,.95))
}

.newsletter-block #pc-form .pc-submit-btn:hover {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--nf,var(--n))/var(--tw-bg-opacity));
    border-color: hsl(var(--nf,var(--n))/var(--tw-border-opacity))
}

.newsletter-block #pc-form .pc-submit-btn:focus-visible {
    outline: 2px solid hsl(var(--nf));
    outline-offset: 2px
}

.newsletter-block #pc-form .pc-submit-btn {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    background-color: #da2710;
    border-color: #da2710;
    color: hsl(var(--sc)/var(--tw-text-opacity))
}

.newsletter-block #pc-form .pc-submit-btn.btn-active,.newsletter-block #pc-form .pc-submit-btn:hover {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--sf,var(--s))/var(--tw-bg-opacity));
    border-color: hsl(var(--sf,var(--s))/var(--tw-border-opacity))
}

.newsletter-block #pc-form .pc-submit-btn:focus-visible {
    outline: 2px solid hsl(var(--s))
}

.newsletter-block #pc-form .pc-submit-btn.glass.btn-active,.newsletter-block #pc-form .pc-submit-btn.glass:hover {
    --glass-opacity: 25%;
    --glass-border-opacity: 15%
}

.newsletter-block #pc-form .pc-submit-btn.glass:focus-visible {
    outline: 2px solid currentColor
}

.btn-outline.newsletter-block #pc-form .pc-submit-btn {
    --tw-text-opacity: 1;
    color: hsl(var(--s)/var(--tw-text-opacity))
}

.btn-outline.newsletter-block #pc-form .pc-submit-btn.btn-active,.btn-outline.newsletter-block #pc-form .pc-submit-btn:hover {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: hsl(var(--sf,var(--s))/var(--tw-bg-opacity));
    border-color: hsl(var(--sf,var(--s))/var(--tw-border-opacity));
    color: hsl(var(--sc)/var(--tw-text-opacity))
}

.newsletter-block #pc-form .pc-submit-btn[disabled],.newsletter-block #pc-form .pc-submit-btn[disabled]:hover {
    --tw-border-opacity: 0;
    --tw-bg-opacity: 0.2;
    --tw-text-opacity: 0.2;
    background-color: hsl(var(--n)/var(--tw-bg-opacity));
    color: hsl(var(--bc)/var(--tw-text-opacity))
}

.newsletter-block #pc-form .pc-submit-btn.loading.btn-circle:before,.newsletter-block #pc-form .pc-submit-btn.loading.btn-square:before {
    margin-right: 0
}

.newsletter-block #pc-form .pc-submit-btn.loading.btn-lg:before,.newsletter-block #pc-form .pc-submit-btn.loading.btn-xl:before {
    height: 1.25rem;
    width: 1.25rem
}

.newsletter-block #pc-form .pc-submit-btn.loading.btn-sm:before,.newsletter-block #pc-form .pc-submit-btn.loading.btn-xs:before {
    height: .75rem;
    width: .75rem
}

.btn-group>input[type=radio]:checked.newsletter-block #pc-form .pc-submit-btn {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: hsl(var(--p)/var(--tw-bg-opacity));
    border-color: hsl(var(--p)/var(--tw-border-opacity));
    color: hsl(var(--pc)/var(--tw-text-opacity))
}

.btn-group>input[type=radio]:checked.newsletter-block #pc-form .pc-submit-btn:focus-visible {
    outline: 2px solid hsl(var(--p))
}

.drawer-toggle:focus-visible~.drawer-content .drawer-button.newsletter-block #pc-form .pc-submit-btn {
    outline: 2px solid hsl(var(--s))
}

.btn-group .newsletter-block #pc-form .pc-submit-btn:not(:first-child):not(:last-child),.btn-group.btn-group-horizontal .newsletter-block #pc-form .pc-submit-btn:not(:first-child):not(:last-child) {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.btn-group .newsletter-block #pc-form .pc-submit-btn:first-child:not(:last-child),.btn-group.btn-group-horizontal .newsletter-block #pc-form .pc-submit-btn:first-child:not(:last-child) {
    border-bottom-left-radius: var(--rounded-btn,.5rem);
    border-bottom-right-radius: 0;
    border-top-left-radius: var(--rounded-btn,.5rem);
    border-top-right-radius: 0;
    margin-left: -1px;
    margin-top: 0
}

.btn-group .newsletter-block #pc-form .pc-submit-btn:last-child:not(:first-child),.btn-group.btn-group-horizontal .newsletter-block #pc-form .pc-submit-btn:last-child:not(:first-child) {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: var(--rounded-btn,.5rem);
    border-top-left-radius: 0;
    border-top-right-radius: var(--rounded-btn,.5rem)
}

.btn-group.btn-group-vertical .newsletter-block #pc-form .pc-submit-btn:first-child:not(:last-child) {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: var(--rounded-btn,.5rem);
    border-top-right-radius: var(--rounded-btn,.5rem);
    margin-left: 0;
    margin-top: -1px
}

.btn-group.btn-group-vertical .newsletter-block #pc-form .pc-submit-btn:last-child:not(:first-child) {
    border-bottom-left-radius: var(--rounded-btn,.5rem);
    border-bottom-right-radius: var(--rounded-btn,.5rem);
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.newsletter-block #pc-form .pc-submit-btn {
    width: 100%
}

[data-theme=gbbf-2023] .newsletter-block #pc-form .pc-submit-btn {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity));
    font-weight: 400;
    text-transform: capitalize
}

.newsletter-block #pc-form .pc-submit-btn {
    --tw-text-opacity: 1;
    border-radius: 9999px;
    color: rgb(255 255 255/var(--tw-text-opacity));
    display: block;
    font-size: 19px;
    font-weight: 700;
    height: auto;
    padding: .75rem 2rem
}

@media (min-width: 1024px) {
    .newsletter-block #pc-form .pc-submit-btn {
        display:inline-block;
        padding-left: 9rem;
        padding-right: 9rem
    }
}

.newsletter-block #pc-form .pc-submit-btn.btn-bold {
    font-weight: 700;
    text-transform: uppercase
}

.newsletter-block #pc-form .pc-submit-btn.btn-medium {
    font-weight: 500
}

@media (min-width: 1024px) {
    .newsletter-block #pc-form .pc-submit-btn {
        width:auto
    }
}

.newsletter-block .pc-error,.newsletter-block .pc-success {
    border-radius: .75rem;
    margin-bottom: 1.25rem;
    padding-bottom: .75rem;
    padding-top: .75rem
}

.newsletter-block .pc-list-checkbox {
    --chkbg: var(--bc);
    --chkfg: var(--b1);
    --tw-border-opacity: 0.2;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-color: hsl(var(--bc)/var(--tw-border-opacity));
    border-radius: var(--rounded-btn,.5rem);
    border-width: 1px;
    cursor: pointer;
    flex-shrink: 0;
    height: 1.5rem;
    width: 1.5rem
}

.newsletter-block .pc-list-checkbox:focus-visible {
    outline: 2px solid hsl(var(--bc));
    outline-offset: 2px
}

.newsletter-block .pc-list-checkbox:checked,.newsletter-block .pc-list-checkbox[aria-checked=true],.newsletter-block .pc-list-checkbox[checked=true] {
    --tw-bg-opacity: 1;
    animation: checkmark var(--animation-input,.2s) ease-in-out;
    background-color: hsl(var(--bc)/var(--tw-bg-opacity));
    background-image: linear-gradient(-45deg,transparent 65%,hsl(var(--chkbg)) 65.99%),linear-gradient(45deg,transparent 75%,hsl(var(--chkbg)) 75.99%),linear-gradient(-45deg,hsl(var(--chkbg)) 40%,transparent 40.99%),linear-gradient(45deg,hsl(var(--chkbg)) 30%,hsl(var(--chkfg)) 30.99%,hsl(var(--chkfg)) 40%,transparent 40.99%),linear-gradient(-45deg,hsl(var(--chkfg)) 50%,hsl(var(--chkbg)) 50.99%);
    background-repeat: no-repeat
}

.newsletter-block .pc-list-checkbox:indeterminate {
    --tw-bg-opacity: 1;
    animation: checkmark var(--animation-input,.2s) ease-in-out;
    background-color: hsl(var(--bc)/var(--tw-bg-opacity));
    background-image: linear-gradient(90deg,transparent 80%,hsl(var(--chkbg)) 80%),linear-gradient(-90deg,transparent 80%,hsl(var(--chkbg)) 80%),linear-gradient(0deg,hsl(var(--chkbg)) 43%,hsl(var(--chkfg)) 43%,hsl(var(--chkfg)) 57%,hsl(var(--chkbg)) 57%);
    background-repeat: no-repeat
}

.newsletter-block .pc-list-checkbox:disabled {
    --tw-bg-opacity: 1;
    background-color: hsl(var(--bc)/var(--tw-bg-opacity));
    border-color: transparent;
    cursor: not-allowed;
    opacity: .2
}

[dir=rtl] .newsletter-block .pc-list-checkbox:checked,[dir=rtl] .newsletter-block .pc-list-checkbox[aria-checked=true],[dir=rtl] .newsletter-block .pc-list-checkbox[checked=true] {
    background-image: linear-gradient(45deg,transparent 65%,hsl(var(--chkbg)) 65.99%),linear-gradient(-45deg,transparent 75%,hsl(var(--chkbg)) 75.99%),linear-gradient(45deg,hsl(var(--chkbg)) 40%,transparent 40.99%),linear-gradient(-45deg,hsl(var(--chkbg)) 30%,hsl(var(--chkfg)) 30.99%,hsl(var(--chkfg)) 40%,transparent 40.99%),linear-gradient(45deg,hsl(var(--chkfg)) 50%,hsl(var(--chkbg)) 50.99%)
}

.newsletter-block .pc-list-checkbox {
    margin-top: -.25rem
}

.newsletter-block .pc-checkbox-label {
    font-size: 0
}

.newsletter-block .pc-checkbox-label:after {
    content: "Opt in to festival & Events";
    display: inline-block;
    font-size: 14px;
    margin-left: .75rem;
    position: relative;
    top: -6px
}

.slick-dots {
    bottom: 0;
    margin-top: 1.25rem;
    position: relative
}

.slick-dots li.slick-active button:before {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    opacity: 1
}

.slick-dots li button:before {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    border-radius: 9999px;
    color: transparent;
    font-size: 0
}

.ticket {
    --tw-text-opacity: 1;
    background-image: radial-gradient(circle at center left,transparent 40px,#fff 0),radial-gradient(circle at center right,transparent 40px,#fff 0);
    background-position: left 8px center,right 8px center;
    background-repeat: no-repeat;
    background-size: 50% 100%;
    border-radius: 60px;
    box-shadow: 0 38px 14px -35px rgba(0,0,0,.3);
    color: rgb(23 23 23/var(--tw-text-opacity));
    font-size: 16px
}

@media (max-width: 1024px) {
    .ticket {
        background-image:radial-gradient(circle at center left,transparent 20px,#fff 0),radial-gradient(circle at center right,transparent 20px,#fff 0)
    }
}

.ticket h3 {
    font-size: 28px;
    font-weight: 300;
    margin-bottom: .5rem;
    text-transform: uppercase
}

.ticket .price {
    display: block;
    font-size: 25px;
    font-weight: 700
}

.ticket .ticket-info {
    background-image: linear-gradient(#000 33%,hsla(0,0%,100%,0) 0);
    background-position: 0 0;
    background-repeat: repeat-y;
    background-size: 2px 30px
}

@media (max-width: 1024px) {
    .ticket .ticket-info {
        background:none
    }
}

.ticket .ticket-info p {
    font-size: 16px;
    margin-bottom: 1.25rem
}

.stall-item-wrapper {
    position: relative;
    transition-duration: .15s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

.stall-item-wrapper:hover {
    opacity: 1!important
}

.stall-item-wrapper .stall-item {
    border-color: transparent;
    border-radius: .75rem;
    border-width: 4px;
    overflow: hidden;
    position: relative;
    transition-duration: .15s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

.stall-item-wrapper .stall-item:hover {
    --tw-border-opacity: 1;
    border-color: hsl(var(--s)/var(--tw-border-opacity))
}

.stall-item-wrapper .stall-item .stall-text {
    --tw-gradient-from: #181818;
    --tw-gradient-to: hsla(0,0%,9%,0);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
    --tw-text-opacity: 1;
    align-items: flex-end;
    background-image: linear-gradient(to top,var(--tw-gradient-stops));
    bottom: 0;
    color: rgb(255 255 255/var(--tw-text-opacity));
    display: flex;
    font-size: 16px;
    font-weight: 300;
    height: 50%;
    left: 0;
    padding: .5rem;
    position: absolute;
    right: 0;
    text-align: left;
    text-transform: uppercase;
    transition-duration: .15s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

@media (min-width: 1024px) {
    .stall-item-wrapper .stall-item .stall-text {
        font-size:28px;
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }
}

.stall-item-wrapper .stall-item.active {
    --tw-border-opacity: 1;
    border-color: hsl(var(--s)/var(--tw-border-opacity));
    opacity: 1
}

.stall-item-wrapper .stall-item.active .stall-text {
    --tw-gradient-from: hsl(var(--s));
    --tw-gradient-to: hsl(var(--s)/0);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.stall-item-wrapper .arrow-down {
    --tw-border-opacity: 1;
    border-left: 45px solid transparent;
    border-right: 45px solid transparent;
    border-top: 45px solid;
    border-top-color: hsl(var(--s)/var(--tw-border-opacity));
    bottom: -45px;
    display: none;
    height: 0;
    left: 1.25rem;
    position: absolute;
    transition-duration: .15s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    width: 0
}

.stall-item-wrapper.active-stall-item-wrapper .arrow-down {
    display: none
}

@media (min-width: 1024px) {
    .stall-item-wrapper.active-stall-item-wrapper .arrow-down {
        display:block
    }
}

.stall-item-wrapper.inactive-stall-item-wrapper {
    opacity: .3
}

.faq-question p,.opening-times .opening-time {
    font-size: 16px
}

@media (min-width: 1024px) {
    .opening-times .opening-time {
        text-align:left
    }
}

.get-in-touch-box {
    text-align: left
}

.get-in-touch-box,.get-in-touch-box h3 {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.get-in-touch-box h3 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 1.25rem;
    text-transform: uppercase
}

.get-in-touch-box p {
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 2.5rem
}

.get-in-touch-box p.no-margin {
    margin-bottom: 0
}

.get-in-touch-box input,.get-in-touch-box textarea {
    --tw-text-opacity: 1;
    color: hsl(var(--p)/var(--tw-text-opacity))
}

.get-in-touch-box.getting-there-info h4 {
    font-weight: 700;
    text-transform: uppercase
}

.get-in-touch-box.getting-there-info h5 {
    font-style: italic;
    font-weight: 600
}

.get-in-touch-box.getting-there-info p {
    margin-bottom: 1.25rem
}

.map-info-box {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(0 134 147/var(--tw-bg-opacity));
    border-radius: 43px;
    color: rgb(255 255 255/var(--tw-text-opacity));
    padding: 2rem 2.5rem
}

@media (min-width: 1280px) {
    .map-info-box {
        border-bottom-left-radius:0;
        bottom: 150px;
        left: 31%;
        position: absolute
    }
}

.map-info-box h4 {
    font-size: 41px;
    font-weight: 700;
    margin-bottom: 1.25rem;
    text-transform: uppercase
}

.map-info-box p {
    font-size: 16px
}

.map-info-box .arrow-down {
    --tw-border-opacity: 1;
    border-left: 0 solid transparent;
    border-right: 45px solid transparent;
    border-top: 30px solid;
    border-top-color: rgb(0 134 147/var(--tw-border-opacity));
    bottom: -30px;
    height: 0;
    left: 0;
    position: absolute;
    width: 0
}

.accordion {
    --tw-border-opacity: 1;
    --tw-text-opacity: 1;
    border-bottom-width: 1px;
    border-color: hsl(var(--a)/var(--tw-border-opacity));
    color: hsl(var(--n)/var(--tw-text-opacity));
    font-weight: 300;
    padding: .75rem 1.25rem;
    text-align: left
}

.accordion p {
    font-size: 16px
}

@media (min-width: 1024px) {
    .accordion {
        padding-left:2.5rem
    }
}

.accordion h3 {
    align-items: center;
    cursor: pointer;
    display: flex;
    font-weight: 600;
    text-transform: uppercase
}

.accordion .accordion-content {
    margin-top: 1.25rem
}

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

.tasting-card p {
    --tw-text-opacity: 1;
    color: hsl(var(--p)/var(--tw-text-opacity));
    font-size: 16px
}

.fa-stack {
    height: 24px!important;
    line-height: unset!important;
    vertical-align: unset!important;
    width: unset!important
}

.fa-stack .fa-stack-2x {
    font-size: 20px!important;
    left: 1px;
    top: 6.5px
}

.fa-stack .fa-stack-1x {
    line-height: unset
}

.homebrew-position {
    border-radius: 9999px;
    display: flex;
    height: 360px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    padding: 1.25rem 3.5rem;
    position: relative;
    width: 360px;
    z-index: 10
}

.homebrew-position .homebrew-position-title {
    --tw-text-opacity: 1;
    color: hsl(var(--s)/var(--tw-text-opacity));
    display: block;
    font-size: 60px;
    font-weight: 600
}

.homebrew-position p {
    --tw-text-opacity: 1;
    color: rgb(82 82 91/var(--tw-text-opacity));
    font-size: 16px
}

.homebrew-position .background-image {
    bottom: 0;
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    opacity: .5;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.homebrew-position.homebrew-position-bronze .background-image {
    opacity: .1
}

.ribbon {
    position: relative;
    top: -70px
}

.homebrew-position-logo {
    border-radius: .75rem;
    position: absolute;
    right: 0;
    top: -20px;
    width: 100px;
    z-index: 50
}

.important-date-item h3 {
    --tw-text-opacity: 1;
    color: hsl(var(--p)/var(--tw-text-opacity));
    display: inline-block;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 1.25rem;
    position: relative;
    text-transform: none
}

.important-date-item h3:after {
    --tw-bg-opacity: 1;
    background-color: hsl(var(--p)/var(--tw-bg-opacity));
    content: "";
    display: block;
    height: 2px;
    left: -100%;
    position: relative;
    width: 200%
}

.important-date-item p {
    --tw-text-opacity: 1;
    color: hsl(var(--p)/var(--tw-text-opacity));
    font-size: 20px
}

.style-list-item-container {
    --tw-bg-opacity: 1;
    --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);
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    border-radius: 1rem;
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
    padding-bottom: 1.25rem;
    padding-top: 1.25rem
}

@media (min-width: 1024px) {
    .style-list-item-container {
        --tw-shadow:0 0 #0000;
        --tw-shadow-colored: 0 0 #0000;
        background-color: transparent;
        box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
        padding-bottom: 0;
        padding-top: 0
    }
}

.style-list-item {
    border-radius: 1rem;
    padding: .5rem 1.25rem
}

@media (min-width: 1024px) {
    .style-list-item {
        --tw-bg-opacity:1;
        --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);
        background-color: rgb(255 255 255/var(--tw-bg-opacity));
        box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
    }
}

.style-list-item.style-list-header {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: hsl(var(--s)/var(--tw-bg-opacity));
    color: rgb(255 255 255/var(--tw-text-opacity));
    font-weight: 600
}

.style-list-item.style-list-item-content {
    align-items: center;
    display: flex
}

@media (min-width: 1024px) {
    .style-list-item.style-list-item-content {
        padding-bottom:1.25rem;
        padding-top: 1.25rem
    }
}

.style-list-item.style-list-item-content p {
    font-size: 16px
}

.modal-box,.modal-box .close-modal-container {
    padding: 0
}

.bar-item-promo {
    padding-bottom: 2rem;
    padding-top: 2rem
}

@media (min-width: 1024px) {
    .bar-item-promo {
        padding:0 2rem
    }
}

.bar-item-promo h3 {
    --tw-text-opacity: 1;
    color: hsl(var(--p)/var(--tw-text-opacity));
    font-size: 26px;
    margin-bottom: 2rem;
    text-transform: uppercase
}

.bar-item-promo p {
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity));
    font-size: 21px;
    font-weight: 300
}

@media (min-width: 768px) {
    .md\:input-lg {
        font-size:1.125rem;
        height: 4rem;
        line-height: 1.75rem;
        line-height: 2;
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }
}

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

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

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

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

.hover\:bg-primary:hover {
    --tw-bg-opacity: 1;
    background-color: hsl(var(--p)/var(--tw-bg-opacity))
}

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

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

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

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

.hover\:text-secondary:hover {
    --tw-text-opacity: 1;
    color: hsl(var(--s)/var(--tw-text-opacity))
}

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

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

.hover\:opacity-70:hover {
    opacity: .7
}

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

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

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

.focus\:shadow-transparent:focus {
    --tw-shadow-color: transparent;
    --tw-shadow: var(--tw-shadow-colored)
}

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

.focus\:ring-2:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)
}

.focus\:ring-indigo-500:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(99 102 241/var(--tw-ring-opacity))
}

.focus\:ring-transparent:focus {
    --tw-ring-color: transparent
}

.focus\:ring-offset-2:focus {
    --tw-ring-offset-width: 2px
}

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

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

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

.group:hover .group-hover\:inline-block {
    display: inline-block
}

.group:hover .group-hover\:hidden {
    display: none
}

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

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

.group:hover .group-hover\:opacity-30 {
    opacity: .3
}

[dir=ltr] .ltr\:right-0 {
    right: 0
}

[dir=ltr] .ltr\:mr-2 {
    margin-right: .5rem
}

[dir=ltr] .ltr\:border-l-8 {
    border-left-width: 8px
}

[dir=rtl] .rtl\:left-0 {
    left: 0
}

[dir=rtl] .rtl\:ml-2 {
    margin-left: .5rem
}

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

[dir=rtl] .rtl\:border-r-8 {
    border-right-width: 8px
}

@media (prefers-color-scheme: dark) {
    .dark\:bg-black {
        --tw-bg-opacity:1;
        background-color: rgb(0 0 0/var(--tw-bg-opacity))
    }

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

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

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

@media (min-width: 640px) {
    .sm\:col-span-10 {
        grid-column:span 10/span 10
    }

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

    .sm\:col-start-1 {
        grid-column-start: 1
    }

    .sm\:col-start-2 {
        grid-column-start: 2
    }

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

    .sm\:mb-0 {
        margin-bottom: 0
    }

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

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

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

    .sm\:block {
        display: block
    }

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

    .sm\:flex {
        display: flex
    }

    .sm\:grid {
        display: grid
    }

    .sm\:hidden {
        display: none
    }

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

    .sm\:h-screen {
        height: 100vh
    }

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

    .sm\:w-full {
        width: 100%
    }

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

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

    .sm\:translate-y-0 {
        --tw-translate-y: 0px
    }

    .sm\:scale-100,.sm\:translate-y-0 {
        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))
    }

    .sm\:scale-100 {
        --tw-scale-x: 1;
        --tw-scale-y: 1
    }

    .sm\:scale-95 {
        --tw-scale-x: .95;
        --tw-scale-y: .95;
        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))
    }

    .sm\:grid-flow-row-dense {
        grid-auto-flow: row dense
    }

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

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

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

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

    .sm\:gap-3 {
        gap: .75rem
    }

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

    .sm\:p-14 {
        padding: 3.5rem
    }

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

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

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

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

    .sm\:py-32 {
        padding-bottom: 25rem;
        padding-top: 8rem
    }

    .sm\:pb-24 {
        padding-bottom: 6rem
    }

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

    .sm\:align-middle {
        vertical-align: middle
    }

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

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

    .sm\:duration-700 {
        transition-duration: .7s
    }

    [dir=ltr] .ltr\:sm\:translate-x-0 {
        --tw-translate-x: 0px
    }

    [dir=ltr] .ltr\:sm\:translate-x-0,[dir=ltr] .ltr\:sm\:translate-x-10 {
        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))
    }

    [dir=ltr] .ltr\:sm\:translate-x-10 {
        --tw-translate-x: 2.5rem
    }

    [dir=rtl] .rtl\:sm\:-translate-x-10 {
        --tw-translate-x: -2.5rem;
        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))
    }
}

@media (min-width: 768px) {
    .md\:relative {
        position:relative
    }

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

    .md\:col-span-12 {
        grid-column: span 12/span 12
    }

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

    .md\:col-span-8 {
        grid-column: span 8/span 8
    }

    .md\:col-span-9 {
        grid-column: span 9/span 9
    }

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

    .md\:my-24 {
        margin-bottom: 6rem;
        margin-top: 6rem
    }

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

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

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

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

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

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

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

    .md\:block {
        display: block
    }

    .md\:flex {
        display: flex
    }

    .md\:grid {
        display: grid
    }

    .md\:hidden {
        display: none
    }

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

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

    .md\:h-\[calc\(100vh-76px\)\] {
        height: calc(100vh - 76px)
    }

    .md\:max-h-\[calc\(100vh-110px\)\] {
        max-height: calc(100vh - 110px)
    }

    .md\:max-h-\[calc\(100vh-76px\)\] {
        max-height: calc(100vh - 76px)
    }

    .md\:w-24 {
        width: 6rem
    }

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

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

    .md\:max-w-5xl {
        max-width: 64rem
    }

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

    .md\:translate-x-0 {
        --tw-translate-x: 0px
    }

    .md\:translate-x-0,.md\:translate-x-full {
        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))
    }

    .md\:translate-x-full {
        --tw-translate-x: 100%
    }

    .md\:translate-y-0 {
        --tw-translate-y: 0px;
        transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

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

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

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

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

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

    .md\:gap-5 {
        gap: 1.25rem
    }

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

    .md\:rounded-tl-none {
        border-top-left-radius: 0
    }

    .md\:rounded-tr-\[200px\] {
        border-top-right-radius: 200px
    }

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

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

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

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

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

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

    .md\:px-14 {
        padding-left: 3.5rem;
        padding-right: 3.5rem
    }

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

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

    .md\:py-24 {
        padding-bottom: 6rem;
        padding-top: 6rem
    }

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

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

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

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

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

    .md\:pt-24 {
        padding-top: 6rem
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .md\:hover\:text-primary:hover,.md\:text-primary {
        --tw-text-opacity: 1;
        color: hsl(var(--p)/var(--tw-text-opacity))
    }
}

@media (min-width: 1024px) {
    .lg\:absolute {
        position:absolute
    }

    .lg\:relative {
        position: relative
    }

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

    .lg\:col-span-10 {
        grid-column: span 10/span 10
    }

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

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

    .lg\:col-span-4 {
        grid-column: span 4/span 4
    }

    .lg\:col-span-8 {
        grid-column: span 8/span 8
    }

    .lg\:col-span-9 {
        grid-column: span 9/span 9
    }

    .lg\:col-start-1 {
        grid-column-start: 1
    }

    .lg\:col-start-2 {
        grid-column-start: 2
    }

    .lg\:col-start-4 {
        grid-column-start: 4
    }

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

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

    .lg\:row-start-2 {
        grid-row-start: 2
    }

    .lg\:row-end-4 {
        grid-row-end: 4
    }

    .lg\:mb-0 {
        margin-bottom: 0
    }

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

    .lg\:block {
        display: block
    }

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

    .lg\:flex {
        display: flex
    }

    .lg\:grid {
        display: grid
    }

    .lg\:hidden {
        display: none
    }

    .lg\:h-\[260px\] {
        height: 260px
    }

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

    .lg\:h-\[800px\] {
        height: 800px
    }

    .lg\:w-\[30px\] {
        width: 30px
    }

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

    .lg\:max-w-\[30\%\] {
        max-width: 30%
    }

    .lg\:max-w-\[50\%\] {
        max-width: 50%
    }

    .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-5 {
        grid-template-columns: repeat(5,minmax(0,1fr))
    }

    .lg\:grid-cols-\[max\(50\%\2c 36rem\)\2c 1fr\] {
        grid-template-columns: max(50%,36rem) 1fr
    }

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

    .lg\:gap-24 {
        gap: 6rem
    }

    .lg\:gap-5 {
        gap: 1.25rem
    }

    .lg\:gap-8 {
        gap: 2rem
    }

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

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

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

    .lg\:whitespace-nowrap {
        white-space: nowrap
    }

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

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

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

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

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

    .lg\:p-12 {
        padding: 3rem
    }

    .lg\:p-24 {
        padding: 6rem
    }

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

    .lg\:px-14 {
        padding-left: 3.5rem;
        padding-right: 3.5rem
    }

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

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

    .lg\:pb-0 {
        padding-bottom: 0
    }

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

    .lg\:pl-20 {
        padding-left: 5rem
    }

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

    .lg\:pr-20 {
        padding-right: 5rem
    }

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

    .lg\:pr-80 {
        padding-right: 20rem
    }

    .lg\:pt-\[10px\] {
        padding-top: 10px
    }

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

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

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

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

    .lg\:opacity-100 {
        opacity: 1
    }

    .lg\:shadow-2xl {
        --tw-shadow: 0 25px 50px -12px rgba(0,0,0,.25);
        --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
    }

    .group:hover .lg\:group-hover\:block {
        display: block
    }
}

@media (min-width: 1280px) {
    .xl\:block {
        display:block
    }

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

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

    .xl\:px-0 {
        padding-left: 0;
        padding-right: 0
    }
}
.text-blue {
    color: #031b3e;
}
/*# sourceMappingURL=app.css.map*/
.justify-content-end {
  justify-content: end !important;
}
.top-header {
    position: absolute;
    width: 100%;
    z-index: 9999;
    bottom: 80px;
}
.tmb-logo {
 max-width: 150px;
}
@media screen and (max-width: 767px) {
   .top-header {
     z-index: 99;
  }
 .tmb-logo {
 max-width: 120px;
}  
}