@import"https://fonts.googleapis.com/css2?family=Adamina&family=Beau+Rivage&display=swap";

.gradient-color[data-v-d0670d0d] {
    color: #0000;
    background-image: linear-gradient(90deg,#8ccce2,#fafafb);
    -webkit-background-clip: text;
    background-clip: text
}

@layer properties {
    @supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {
        [data-v-03006107], [data-v-03006107]:before, [data-v-03006107]:after, [data-v-03006107]::backdrop {
            --tw-border-style: solid;
            --tw-shadow: 0 0 #0000;
            --tw-shadow-color: initial;
            --tw-shadow-alpha: 100%;
            --tw-inset-shadow: 0 0 #0000;
            --tw-inset-shadow-color: initial;
            --tw-inset-shadow-alpha: 100%;
            --tw-ring-color: initial;
            --tw-ring-shadow: 0 0 #0000;
            --tw-inset-ring-color: initial;
            --tw-inset-ring-shadow: 0 0 #0000;
            --tw-ring-inset: initial;
            --tw-ring-offset-width: 0px;
            --tw-ring-offset-color: #fff;
            --tw-ring-offset-shadow: 0 0 #0000
        }
    }
}

.social-icon[data-v-03006107] {
    border-style: var(--tw-border-style);
    width: 45px;
    height: 45px;
    color: var(--color-text,#d2f4ff);
    --tw-shadow: inset 0px 4px 10px 0px var(--tw-shadow-color,#5db3d180);
    box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
    border-width: 1px;
    border-color: #5db3d1;
    border-radius: 3.40282e38px;
    justify-content: center;
    align-items: center;
    display: flex
}

@media (min-width:64rem) {
    .social-icon[data-v-03006107] {
        width: 55px;
        height: 55px
    }
}

.gradient-color[data-v-ae4ac5b5], .gradient-color[data-v-a18f3880] {
    color: #0000;
    background-image: linear-gradient(90deg,#8ccce2,#fafafb);
    -webkit-background-clip: text;
    background-clip: text
}

.btn[data-v-d74ed156] {
    aspect-ratio: 1;
    border-radius: 3.40282e38px;
    justify-content: center;
    align-items: center;
    width: 45px;
    height: 45px;
    padding: .5px;
    display: flex
}

:root {
    --f-button-width: 40px;
    --f-button-height: 40px;
    --f-button-border: 0;
    --f-button-border-radius: 0;
    --f-button-color: #374151;
    --f-button-bg: #f8f8f8;
    --f-button-shadow: none;
    --f-button-transition: all .15s ease;
    --f-button-transform: none;
    --f-button-outline-width: 1px;
    --f-button-outline-color: rgba(0, 0, 0, .7);
    --f-button-svg-width: 20px;
    --f-button-svg-height: 20px;
    --f-button-svg-stroke-width: 1.5;
    --f-button-svg-fill: none;
    --f-button-svg-filter: none;
    --f-button-svg-opacity: 1;
    --f-button-svg-disabled-opacity: .5;
    --f-button-svg-transition: opacity .15s ease;
    --f-button-svg-transform: none
}

.f-button {
    width: var(--f-button-width);
    height: var(--f-button-height);
    border: var(--f-button-border);
    border-radius: var(--f-button-border-radius);
    color: var(--f-button-color);
    background: var(--f-button-bg);
    box-shadow: var(--f-button-shadow);
    transform: var(--f-button-transform);
    transition: var(--f-button-transition);
    -webkit-backdrop-filter: var(--f-button-backdrop-filter);
    backdrop-filter: var(--f-button-backdrop-filter);
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: content-box;
    position: relative;
    margin: 0;
    padding: 0;
    pointer-events: all;
    cursor: pointer;
    overflow: hidden
}

@media (hover: hover) {
    .f-button:hover:not([aria-disabled]) {
        color: var(--f-button-hover-color, var(--f-button-color));
        background-color: var(--f-button-hover-bg, var(--f-button-bg))
    }
}

.f-button:active:not([aria-disabled]) {
    color: var(--f-button-active-color, var(--f-button-hover-color, var(--f-button-color)));
    background-color: var(--f-button-active-bg, var(--f-button-hover-bg, var(--f-button-bg)))
}

.f-button:focus {
    outline: none
}

.f-button:focus-visible {
    outline: var(--f-button-outline-width) solid var(--f-button-outline-color);
    outline-offset: var(--f-button-outline-offset)
}

.f-button svg {
    width: var(--f-button-svg-width);
    height: var(--f-button-svg-height);
    transform: var(--f-button-svg-transform);
    fill: var(--f-button-svg-fill);
    filter: var(--f-button-svg-filter);
    opacity: var(--f-button-svg-opacity, 1);
    transition: var(--f-button-svg-transition);
    stroke: currentColor;
    stroke-width: var(--f-button-svg-stroke-width);
    stroke-linecap: round;
    stroke-linejoin: round;
    pointer-events: none
}

.f-button[aria-disabled] {
    cursor: default
}

    .f-button[aria-disabled] svg {
        opacity: var(--f-button-svg-disabled-opacity)
    }

[data-panzoom-action=toggleFS] g:first-child {
    display: flex
}

[data-panzoom-action=toggleFS] g:last-child {
    display: none
}

.in-fullscreen [data-panzoom-action=toggleFS] g:first-child {
    display: none
}

.in-fullscreen [data-panzoom-action=toggleFS] g:last-child {
    display: flex
}

[data-autoplay-action=toggle] svg g:first-child {
    display: flex
}

[data-autoplay-action=toggle] svg g:last-child {
    display: none
}

.has-autoplay [data-autoplay-action=toggle] svg g:first-child {
    display: none
}

.has-autoplay [data-autoplay-action=toggle] svg g:last-child {
    display: flex
}

:fullscreen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:first-child {
    display: none
}

:fullscreen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:last-child {
    display: flex
}

:root {
    --f-spinner-color-1: rgba(0, 0, 0, .1);
    --f-spinner-color-2: rgba(17, 24, 28, .8);
    --f-spinner-width: 50px;
    --f-spinner-height: 50px;
    --f-spinner-border-radius: 50%;
    --f-spinner-border-width: 4px
}

.f-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 0;
    padding: 0;
    width: var(--f-spinner-width);
    height: var(--f-spinner-height);
    translate: -50% -50%;
    border: var(--f-spinner-border-width) solid var(--f-spinner-color-1);
    border-top-color: var(--f-spinner-color-2);
    border-radius: var(--f-spinner-border-radius);
    animation: f-spinner .75s linear infinite,f-fadeIn .2s ease .2s both
}

@keyframes f-spinner {
    to {
        rotate: 360deg
    }
}

.f-panzoom, .f-zoomable {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    flex-direction: column
}

    .f-panzoom:before, .f-panzoom:after, .f-zoomable:before, .f-zoomable:after {
        display: block;
        content: ""
    }

    .f-panzoom:not(.has-controls):before, .f-zoomable:not(.has-controls):before {
        margin-bottom: auto
    }

    .f-panzoom:after, .f-zoomable:after {
        margin-top: auto
    }

    .f-panzoom.in-fullscreen, .f-zoomable.in-fullscreen {
        position: fixed;
        top: 0;
        left: 0;
        margin: 0 !important;
        width: 100% !important;
        height: 100% !important;
        max-width: none !important;
        max-height: none !important;
        aspect-ratio: unset !important;
        z-index: 9999
    }

.f-panzoom__wrapper {
    position: relative;
    min-width: 0;
    min-height: 0;
    max-width: 100%;
    max-height: 100%
}

    .f-panzoom__wrapper.will-zoom-out {
        cursor: zoom-out
    }

    .f-panzoom__wrapper.can-drag {
        cursor: move;
        cursor: grab
    }

    .f-panzoom__wrapper.will-zoom-in {
        cursor: zoom-in
    }

    .f-panzoom__wrapper.is-dragging {
        cursor: move;
        cursor: grabbing
    }

    .f-panzoom__wrapper.has-error {
        display: none
    }

.f-panzoom__content {
    display: block;
    min-width: 0;
    min-height: 0;
    max-width: 100%;
    max-height: 100%
}

    .f-panzoom__content.is-lazyloading, .f-panzoom__content.has-lazyerror {
        visibility: hidden
    }

img.f-panzoom__content {
    width: auto;
    height: auto;
    vertical-align: top;
    object-fit: contain;
    transition: none;
    -webkit-user-select: none;
    user-select: none
}

.f-panzoom__wrapper > .f-panzoom__content {
    visibility: hidden
}

.f-panzoom__viewport {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10
}

    .f-panzoom__viewport > .f-panzoom__content {
        width: 100%;
        height: 100%;
        object-fit: fill
    }

picture.f-panzoom__content img {
    vertical-align: top;
    width: 100%;
    height: auto;
    max-height: 100%;
    object-fit: contain;
    transition: none;
    -webkit-user-select: none;
    user-select: none
}

.f-panzoom__protected {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    -webkit-user-select: none;
    user-select: none
}

html.with-panzoom-in-fullscreen {
    overflow: hidden
}

.f-fadeIn {
    animation: var(--f-transition-duration, .2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn;
    z-index: 2
}

.f-fadeOut {
    animation: var(--f-transition-duration, .2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut;
    z-index: 1
}

@keyframes f-fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes f-fadeOut {
    to {
        opacity: 0
    }
}

.f-crossfadeIn {
    animation: var(--f-transition-duration, .2s) ease both f-crossfadeIn;
    z-index: 2
}

.f-crossfadeOut {
    animation: calc(var(--f-transition-duration, .2s) * .2) ease calc(var(--f-transition-duration, .2s) * .8) both f-crossfadeOut;
    z-index: 1
}

@keyframes f-crossfadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes f-crossfadeOut {
    to {
        opacity: 0
    }
}

.is-horizontal .f-slideIn.from-next {
    animation: var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInNextX
}

.is-horizontal .f-slideIn.from-prev {
    animation: var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInPrevX
}

.is-horizontal .f-slideOut.to-next {
    animation: var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutNextX
}

.is-horizontal .f-slideOut.to-prev {
    animation: var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutPrevX
}

@keyframes f-slideInPrevX {
    0% {
        transform: translate(calc(100% + var(--f-carousel-gap, 0)))
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes f-slideInNextX {
    0% {
        transform: translate(calc(-100% - var(--f-carousel-gap, 0)))
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes f-slideOutNextX {
    to {
        transform: translate(calc(-100% - var(--f-carousel-gap, 0)))
    }
}

@keyframes f-slideOutPrevX {
    to {
        transform: translate(calc(100% + var(--f-carousel-gap, 0)))
    }
}

.is-vertical .f-slideIn.from-next {
    animation: var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInNextY
}

.is-vertical .f-slideIn.from-prev {
    animation: var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInPrevY
}

.is-vertical .f-slideOut.to-next {
    animation: var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutNextY
}

.is-vertical .f-slideOut.to-prev {
    animation: var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutPrevY
}

@keyframes f-slideInPrevY {
    0% {
        transform: translateY(calc(100% + var(--f-carousel-gap, 0)))
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes f-slideInNextY {
    0% {
        transform: translateY(calc(-100% - var(--f-carousel-gap, 0)))
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes f-slideOutNextY {
    to {
        transform: translateY(calc(-100% - var(--f-carousel-gap, 0)))
    }
}

@keyframes f-slideOutPrevY {
    to {
        transform: translateY(calc(100% + var(--f-carousel-gap, 0)))
    }
}

.f-zoomInUp {
    animation: var(--f-transition-duration, .3s) ease both f-zoomInUp
}

.f-zoomOutDown {
    animation: var(--f-transition-duration, .3s) ease both f-zoomOutDown
}

@keyframes f-zoomInUp {
    0% {
        transform: scale(var(--f-zoomInUp-scale, .975)) translate3d(var(--f-zoomInUp-x, 0),var(--f-zoomInUp-y, 16px),0);
        opacity: var(--f-zoomInUp-opacity, 0)
    }

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

@keyframes f-zoomOutDown {
    to {
        transform: scale(var(--f-zoomOutDown-scale, .975)) translate3d(var(--f-zoomOutDown-x, 0),var(--f-zoomOutDown-y, 16px),0);
        opacity: 0
    }
}

.f-throwOutUp {
    animation: var(--f-throwOutUp-duration, .2s) ease-out both f-throwOutUp
}

.f-throwOutDown {
    animation: var(--f-throwOutDown-duration, .2s) ease-out both f-throwOutDown
}

@keyframes f-throwOutUp {
    to {
        transform: translate3d(0,calc(var(--f-throwOutUp-y, 150px) * -1),0);
        opacity: 0
    }
}

@keyframes f-throwOutDown {
    to {
        transform: translate3d(0,var(--f-throwOutDown-y, 150px),0);
        opacity: 0
    }
}

.has-iframe .f-html, .has-pdf .f-html, .has-gmap .f-html {
    width: 100%;
    height: 100%;
    min-height: 1px;
    overflow: visible
}

.has-pdf .f-html, .has-gmap .f-html {
    padding: 0
}

.f-html {
    position: relative;
    box-sizing: border-box;
    margin: var(--f-html-margin, 0);
    padding: var(--f-html-padding, 2rem);
    color: var(--f-html-color, currentColor);
    background: var(--f-html-bg)
}

    .f-html.is-error {
        text-align: center
    }

.f-iframe {
    display: block;
    margin: 0;
    border: 0;
    height: 100%;
    width: 100%
}

.f-caption {
    align-self: center;
    flex-shrink: 0;
    margin: var(--f-caption-margin);
    padding: var(--f-caption-padding, 16px 8px);
    max-width: 100%;
    max-height: calc(80vh - 100px);
    overflow: auto;
    overflow-wrap: anywhere;
    line-height: var(--f-caption-line-height);
    color: var(--f-caption-color);
    background: var(--f-caption-bg);
    font: var(--f-caption-font)
}

.has-html5video .f-html, .has-youtube .f-html, .has-vimeo .f-html {
    padding: 0;
    width: 100%;
    height: 100%;
    min-height: 1px;
    overflow: visible;
    max-width: var(--f-video-width, 960px);
    max-height: var(--f-video-height, 540px);
    aspect-ratio: var(--f-video-aspect-ratio);
    background: var(--f-video-bg, rgba(0, 0, 0, .9))
}

.f-html5video {
    border: 0;
    display: block;
    height: 100%;
    width: 100%;
    background: transparent
}

.f-button.is-arrow {
    --f-button-width: var(--f-arrow-width, 46px);
    --f-button-height: var(--f-arrow-height, 46px);
    --f-button-svg-width: var(--f-arrow-svg-width, 24px);
    --f-button-svg-height: var(--f-arrow-svg-height, 24px);
    --f-button-svg-stroke-width: var(--f-arrow-svg-stroke-width, 1.75);
    --f-button-border-radius: var(--f-arrow-border-radius, unset);
    --f-button-bg: var(--f-arrow-bg, transparent);
    --f-button-hover-bg: var(--f-arrow-hover-bg, var(--f-arrow-bg));
    --f-button-active-bg: var(--f-arrow-active-bg, var(--f-arrow-hover-bg));
    --f-button-shadow: var(--f-arrow-shadow);
    --f-button-color: var(--f-arrow-color);
    --f-button-hover-color: var(--f-arrow-hover-color, var(--f-arrow-color));
    --f-button-active-color: var( --f-arrow-active-color, var(--f-arrow-hover-color) );
    overflow: visible
}

    .f-button.is-arrow.is-prev, .f-button.is-arrow.is-next {
        position: absolute;
        transform: translate(0);
        z-index: 20
    }

.is-horizontal .f-button.is-arrow.is-prev, .is-horizontal .f-button.is-arrow.is-next {
    inset: 50% auto auto;
    transform: translateY(-50%)
}

.is-horizontal.is-ltr .f-button.is-arrow.is-prev {
    left: var(--f-arrow-pos, 0)
}

.is-horizontal.is-ltr .f-button.is-arrow.is-next {
    right: var(--f-arrow-pos, 0)
}

.is-horizontal.is-rtl .f-button.is-arrow.is-prev {
    right: var(--f-arrow-pos, 0);
    transform: translateY(-50%) rotateY(180deg)
}

.is-horizontal.is-rtl .f-button.is-arrow.is-next {
    left: var(--f-arrow-pos, 0);
    transform: translateY(-50%) rotateY(180deg)
}

.is-vertical.is-ltr .f-button.is-arrow.is-prev, .is-vertical.is-rtl .f-button.is-arrow.is-prev {
    top: var(--f-arrow-pos, 0);
    right: auto;
    bottom: auto;
    left: 50%;
    transform: translate(-50%)
}

.is-vertical.is-ltr .f-button.is-arrow.is-next, .is-vertical.is-rtl .f-button.is-arrow.is-next {
    top: auto;
    right: auto;
    bottom: var(--f-arrow-pos, 0);
    left: 50%;
    transform: translate(-50%)
}

.is-vertical .f-button.is-arrow.is-prev svg, .is-vertical .f-button.is-arrow.is-next svg {
    transform: rotate(90deg)
}

.f-carousel__toolbar {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    margin: var(--f-toolbar-margin, 0);
    padding: var(--f-toolbar-padding, 8px);
    line-height: var(--f-toolbar-line-height);
    background: var(--f-toolbar-bg, none);
    box-shadow: var(--f-toolbar-shadow, none);
    -webkit-backdrop-filter: var(--f-toolbar-backdrop-filter);
    backdrop-filter: var(--f-toolbar-backdrop-filter);
    position: relative;
    z-index: 20;
    color: var(--f-toolbar-color, currentColor);
    font-size: var(--f-toolbar-font-size, 17px);
    font-weight: var(--f-toolbar-font-weight, inherit);
    font-family: var(--f-toolbar-font, -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif);
    text-shadow: var(--f-toolbar-text-shadow);
    text-align: center;
    font-variant-numeric: tabular-nums;
    -webkit-font-smoothing: subpixel-antialiased;
    white-space: nowrap;
    pointer-events: none
}

    .f-carousel__toolbar.is-absolute {
        position: absolute;
        top: 0;
        left: 0;
        right: 0
    }

    .f-carousel__toolbar .f-button:focus-visible {
        position: relative;
        z-index: 1
    }

.f-carousel__toolbar__column {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    gap: var(--f-toolbar-gap, 0)
}

    .f-carousel__toolbar__column.is-left {
        display: flex;
        justify-self: flex-start;
        justify-content: flex-start
    }

    .f-carousel__toolbar__column.is-middle {
        display: flex;
        justify-content: center
    }

    .f-carousel__toolbar__column.is-right {
        display: flex;
        justify-self: flex-end;
        justify-content: flex-end;
        flex-flow: nowrap
    }

.f-carousel__toolbar__column {
    pointer-events: none
}

    .f-carousel__toolbar__column > * {
        pointer-events: all
    }

.f-counter {
    position: relative;
    display: flex;
    flex-direction: row;
    cursor: default;
    -webkit-user-select: none;
    user-select: none;
    margin: var(--f-counter-margin, 0);
    padding: var(--f-counter-padding, 4px);
    line-height: var(--f-counter-line-height);
    background: var(--f-counter-bg);
    border-radius: var(--f-counter-border-radius)
}

    .f-counter span {
        padding: 0 var(--f-counter-gap, 4px)
    }

:root {
    --f-thumbs-gap: 8px;
    --f-thumbs-margin: 0;
    --f-thumbs-padding-x: 8px;
    --f-thumbs-padding-y: 8px;
    --f-thumbs-bg: transparent;
    --f-thumbs-transition: max-height .3s ease, max-width .3s ease, padding .3s ease;
    --f-thumbs-z-index: 1;
    --f-thumbs-viewport-padding-x: 0px;
    --f-thumbs-viewport-padding-y: 0px;
    --f-thumb-width: 94px;
    --f-thumb-height: 76px;
    --f-thumb-clip-width: 46px;
    --f-thumb-extra-gap: 16px;
    --f-thumb-opacity: 1;
    --f-thumb-transition: opacity .3s ease, transform .15s ease;
    --f-thumb-border: none;
    --f-thumb-border-radius: 4px;
    --f-thumb-shadow: none;
    --f-thumb-bg: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .05));
    --f-thumb-focus-shadow: inset 0 0 0 .8px #222, inset 0 0 0 2.25px #fff;
    --f-thumb-selected-shadow: inset 0 0 0 .8px #222, inset 0 0 0 2.25px #fff;
    --f-thumb-border-transition: all .1s ease;
    --f-thumb-img-width: 100%;
    --f-thumb-img-height: 100%;
    --f-thumb-img-fit: cover;
    --f-thumb-img-position: 50% 20%
}

.f-thumbs {
    --f-carousel-slide-width: var(--f-thumb-width);
    --f-carousel-slide-height: var(--f-thumb-height);
    --f-carousel-gap: var(--f-thumbs-gap);
    position: relative;
    box-sizing: border-box;
    flex-shrink: 0;
    margin: var(--f-thumbs-margin);
    padding: var(--f-thumbs-padding-y) var(--f-thumbs-padding-x);
    overflow: hidden;
    background: var(--f-thumbs-bg);
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    user-select: none;
    transition: var(--f-thumbs-transition);
    z-index: var(--f-thumbs-z-index)
}

    .f-thumbs.is-horizontal {
        max-height: calc(var(--f-carousel-slide-height) + var(--f-thumbs-padding-y) * 2)
    }

        .f-thumbs.is-horizontal.is-hidden {
            max-height: 0;
            --f-thumbs-padding-y: 0
        }

    .f-thumbs.is-vertical {
        max-width: calc(var(--f-carousel-slide-width) + var(--f-thumbs-padding-x) * 2)
    }

        .f-thumbs.is-vertical.is-hidden {
            max-width: 0;
            --f-thumbs-padding-x: 0
        }

    .f-thumbs.is-scrollable.is-hidden {
        max-height: 0;
        --f-thumbs-padding-y: 0
    }

    .f-thumbs.is-ltr {
        direction: ltr
    }

    .f-thumbs.is-rtl {
        direction: rtl
    }

    .f-thumbs img {
        display: block;
        width: var(--f-thumb-img-width);
        height: var(--f-thumb-img-height);
        object-fit: var(--f-thumb-img-fit);
        object-position: var(--f-thumb-img-position);
        pointer-events: none;
        border-radius: inherit;
        color: transparent
    }

        .f-thumbs img[data-lazy-src] {
            visibility: hidden
        }

        .f-thumbs img.has-lazyerror {
            display: none
        }

.f-thumbs__viewport {
    box-sizing: border-box;
    height: 100%;
    padding: var(--f-thumbs-viewport-padding-y) var(--f-thumbs-viewport-padding-x);
    overflow: visible;
    display: grid
}

.f-thumbs__slide {
    position: relative;
    box-sizing: border-box;
    grid-area: 1/1;
    width: var(--f-carousel-slide-width);
    height: var(--f-carousel-slide-height);
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    flex-direction: column;
    cursor: pointer;
    overflow: visible
}

    .f-thumbs__slide:hover button {
        opacity: var(--f-thumb-hover-opacity, 1);
        transform: var(--f-thumb-hover-transform, none)
    }

        .f-thumbs__slide:hover button:after {
            border: var(--f-thumb-hover-border, none);
            box-shadow: var(--f-thumb-hover-shadow, var(--f-thumb-shadow))
        }

    .f-thumbs__slide button {
        all: unset;
        display: block;
        margin: auto;
        padding: 0;
        position: relative;
        overflow: visible;
        width: 100%;
        height: 100%;
        outline: none;
        transition: var(--f-thumb-transition);
        border-radius: var(--f-thumb-border-radius);
        opacity: var(--f-thumb-opacity);
        transform: var(--f-thumb-transform);
        background: var(--f-thumb-bg)
    }

        .f-thumbs__slide button:after {
            content: "";
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: 1;
            transition: var(--f-thumb-border-transition);
            border-radius: inherit;
            border: var(--f-thumb-border);
            box-shadow: var(--f-thumb-shadow)
        }

        .f-thumbs__slide button:focus-within {
            opacity: var(--f-thumb-focus-opacity, 1);
            transform: var(--f-thumb-focus-transform, none)
        }

            .f-thumbs__slide button:focus-within:after {
                border: var(--f-thumb-focus-border, none);
                box-shadow: var(--f-thumb-focus-shadow, var(--f-thumb-shadow))
            }

    .f-thumbs__slide:active {
        opacity: var(--f-thumb-active-opacity, 1);
        transform: var(--f-thumb-active-transform, none)
    }

        .f-thumbs__slide:active:after {
            border: var(--f-thumb-active-border, none);
            box-shadow: var(--f-thumb-active-shadow, var(--f-thumb-shadow))
        }

    .f-thumbs__slide.is-selected {
        z-index: 2
    }

        .f-thumbs__slide.is-selected button {
            opacity: var(--f-thumb-selected-opacity, 1);
            transform: var(--f-thumb-selected-transform, none)
        }

            .f-thumbs__slide.is-selected button:after {
                border: var(--f-thumb-selected-border, none);
                box-shadow: var(--f-thumb-selected-shadow, var(--f-thumb-shadow))
            }

.f-thumbs.is-modern {
    --f-carousel-slide-width: calc( var(--f-thumb-clip-width) + var(--f-thumbs-gap) );
    --f-carousel-slide-height: var(--f-thumb-height);
    --f-carousel-gap: 0;
    --width-diff: calc((var(--f-thumb-width) - var(--f-thumb-clip-width)))
}

    .f-thumbs.is-modern .f-thumbs__viewport {
        width: calc(100% + var(--f-carousel-slide-width) * 2 + var(--f-thumbs-padding-x));
        margin-inline: calc((var(--f-carousel-slide-width) + var(--f-thumbs-padding-x)) * -1)
    }

    .f-thumbs.is-modern .f-thumbs__slide {
        --clip-shift: calc((var(--width-diff) * .5) * var(--progress));
        --clip-path: inset( 0 var(--clip-shift) round var(--f-thumb-border-radius, 0) );
        padding: 0;
        overflow: visible;
        left: var(--shift, 0);
        will-change: left;
        transition: left var(--f-transition-duration) var(--f-transition-easing)
    }

        .f-thumbs.is-modern .f-thumbs__slide button {
            display: block;
            margin-inline: 50%;
            width: var(--f-thumb-width);
            clip-path: var(--clip-path);
            border: none;
            box-shadow: none;
            transition: clip-path var(--f-transition-duration) var(--f-transition-easing),opacity var(--f-thumb-transition-duration, .2s) var(--f-thumb-transition-easing, ease)
        }

            .f-thumbs.is-modern .f-thumbs__slide button:after {
                display: none
            }

        .f-thumbs.is-modern .f-thumbs__slide:focus:not(:focus-visible) {
            outline: none
        }

        .f-thumbs.is-modern .f-thumbs__slide:focus-within:not(.is-selected) button:before {
            content: "";
            position: absolute;
            z-index: 1;
            top: 0;
            left: var(--clip-shift);
            bottom: 0;
            right: var(--clip-shift);
            transition: border var(--f-transition-duration) var(--f-transition-easing),box-shadow var(--f-transition-duration) var(--f-transition-easing);
            border-radius: inherit;
            border: var(--f-thumb-focus-border, none);
            box-shadow: var(--f-thumb-focus-shadow, none)
        }

.f-thumbs.is-modern {
    --f-transition-duration: .25s;
    --f-transition-easing: ease-out
}

    .f-thumbs.is-modern.is-syncing {
        --f-transition-duration: 0s
    }

.f-thumbs.is-scrollable .f-thumbs__viewport {
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(var(--f-thumb-width),1fr));
    grid-auto-rows: var(--f-thumb-height);
    gap: var(--f-thumbs-gap);
    overflow: auto;
    overscroll-behavior: contain;
    -webkit-user-select: none;
    user-select: none
}

    .f-thumbs.is-scrollable .f-thumbs__viewport .f-thumbs__slide {
        grid-area: auto;
        display: block;
        position: relative;
        max-width: 100%;
        width: var(--f-thumb-width);
        height: var(--f-thumb-height);
        cursor: pointer;
        outline: none
    }

:root {
    --f-progressbar-height: 3px;
    --f-progressbar-color: var(--f-carousel-theme-color, #575ad6);
    --f-progressbar-opacity: 1;
    --f-progressbar-z-index: 30
}

.f-progressbar {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: var(--f-progressbar-z-index);
    height: var(--f-progressbar-height);
    transform: scaleX(0);
    transform-origin: 0;
    opacity: var(--f-progressbar-opacity);
    background: var(--f-progressbar-color);
    -webkit-user-select: none;
    user-select: none;
    pointer-events: none;
    animation-name: f-progressbar;
    animation-play-state: running;
    animation-timing-function: linear
}

    .f-progressbar:empty {
        display: block
    }

button > .f-progressbar {
    --f-progressbar-height: 100%;
    --f-progressbar-opacity: .2
}

@keyframes f-progressbar {
    0% {
        transform: scaleX(0)
    }

    to {
        transform: scaleX(1)
    }
}

[data-fullscreen-action=toggle] svg g:first-child {
    display: flex
}

[data-fullscreen-action=toggle] svg g:last-child {
    display: none
}

:fullscreen [data-fullscreen-action=toggle] svg g:first-child {
    display: none
}

:fullscreen [data-fullscreen-action=toggle] svg g:last-child {
    display: flex
}

.in-fullscreen-mode > .f-carousel {
    flex: 1;
    min-width: 0 !important;
    min-height: 0 !important
}

html.with-fancybox {
    width: auto;
    overflow: visible;
    scroll-behavior: auto
}

    html.with-fancybox body.hide-scrollbar {
        width: auto;
        margin-right: calc(var(--f-body-margin, 0px) + var(--f-scrollbar-compensate, 0px));
        overflow: hidden !important;
        overscroll-behavior-y: none
    }

.fancybox__dialog {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    width: 100%;
    height: 100vh;
    max-height: unset;
    max-width: unset;
    padding: 0;
    margin: 0;
    border: 0;
    overflow: hidden;
    background: transparent;
    touch-action: none;
    overscroll-behavior: contain
}

    .fancybox__dialog:focus {
        outline: none
    }

    .fancybox__dialog::backdrop {
        opacity: 0
    }

@supports (height: 100dvh) {
    .fancybox__dialog {
        height: 100dvh
    }
}

.fancybox__dialog *:empty {
    display: block
}

.fancybox__container {
    --fancybox-color: #dbdbdb;
    --fancybox-backdrop-bg: rgba(24, 24, 27, .95);
    --f-toolbar-margin: 0;
    --f-toolbar-padding: 8px;
    --f-toolbar-gap: 0;
    --f-toolbar-color: #ddd;
    --f-toolbar-font-size: 16px;
    --f-toolbar-font-weight: 500;
    --f-toolbar-font: -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif;
    --f-toolbar-line-height: var(--f-button-height);
    --f-toolbar-text-shadow: 1px 1px 1px rgba(0, 0, 0, .75);
    --f-toolbar-shadow: none;
    --f-toolbar-bg: none;
    --f-counter-margin: 0;
    --f-counter-padding: 0px 10px;
    --f-counter-gap: 4px;
    --f-counter-line-height: var(--f-button-height);
    --f-carousel-gap: 17px;
    --f-carousel-slide-width: 100%;
    --f-carousel-slide-height: 100%;
    --f-carousel-slide-padding: 0;
    --f-carousel-slide-bg: unset;
    --f-html-color: #222;
    --f-html-bg: #fff;
    --f-error-color: #fff;
    --f-error-bg: #333;
    --f-caption-margin: 0;
    --f-caption-padding: 16px 8px;
    --f-caption-color: var(--fancybox-color, #dbdbdb);
    --f-caption-bg: transparent;
    --f-caption-font: inherit;
    --f-caption-line-height: 1.375;
    --f-spinner-color-1: rgba(255, 255, 255, .2);
    --f-spinner-color-2: rgba(255, 255, 255, .8);
    --f-spinner-width: 50px;
    --f-spinner-height: 50px;
    --f-spinner-border-radius: 50%;
    --f-spinner-border-width: 4px;
    --f-progressbar-color: rgba(255, 255, 255);
    --f-button-width: 46px;
    --f-button-height: 46px;
    --f-button-color: #ddd;
    --f-button-hover-color: #fff;
    --f-button-outline-width: 1px;
    --f-button-outline-color: rgba(255, 255, 255, .75);
    --f-button-outline-offset: 0px;
    --f-button-bg: rgba(54, 54, 54, .75);
    --f-button-border: 0;
    --f-button-border-radius: 0;
    --f-button-shadow: none;
    --f-button-transition: all .2s ease;
    --f-button-transform: none;
    --f-button-svg-width: 24px;
    --f-button-svg-height: 24px;
    --f-button-svg-stroke-width: 1.75;
    --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, .01)), drop-shadow(1px 2px 1px rgba(24, 24, 27, .05));
    --f-button-svg-fill: none;
    --f-button-svg-disabled-opacity: .5;
    --f-arrow-pos: 32px;
    --f-arrow-width: 50px;
    --f-arrow-height: 50px;
    --f-arrow-svg-width: 24px;
    --f-arrow-svg-height: 24px;
    --f-arrow-svg-stroke-width: 2.5;
    --f-arrow-border-radius: 50%;
    --f-arrow-bg: rgba(54, 54, 54, .65);
    --f-arrow-color: #ddd;
    --f-arrow-hover-color: #fff;
    --f-close-button-width: 30px;
    --f-close-button-height: 30px;
    --f-close-button-svg-width: 24px;
    --f-close-button-svg-height: 24px;
    --f-close-button-svg-stroke-width: 1.75;
    --f-close-border-radius: 4px;
    --f-close-button-color: #fff;
    --f-close-button-hover-color: #fff;
    --f-close-button-bg: transparent;
    --f-close-button-hover-bg: transparent;
    --f-close-button-active-bg: transparent;
    --f-thumbs-margin: 0px;
    --f-thumbs-padding-x: 8px;
    --f-thumbs-padding-y: 8px;
    --f-thumbs-bg: none;
    --f-thumb-transition: all .2s ease;
    --f-thumb-width: 94px;
    --f-thumb-height: 76px;
    --f-thumb-opacity: 1;
    --f-thumb-border: none;
    --f-thumb-shadow: none;
    --f-thumb-transform: none;
    --f-thumb-focus-opacity: 1;
    --f-thumb-focus-border: none;
    --f-thumb-focus-shadow: inset 0 0 0 2px rgba(255, 255, 255, .65);
    --f-thumb-focus-transform: none;
    --f-thumb-hover-opacity: 1;
    --f-thumb-hover-border: none;
    --f-thumb-hover-transform: none;
    --f-thumb-active-opacity: var(--f-thumb-hover-opacity);
    --f-thumb-active-border: var(--f-thumb-hover-border);
    --f-thumb-active-transform: var(--f-thumb-hover-transform);
    --f-thumb-selected-opacity: 1;
    --f-thumb-selected-border: none;
    --f-thumb-selected-shadow: inset 0 0 0 2px #fff;
    --f-thumb-selected-transform: none;
    --f-scrollbar-width: 7px;
    --f-scrollbar-track-bg: #444;
    --f-scrollbar-track-border-radius: 10px;
    --f-scrollbar-track-shadow: inset 0 0 6px rgba(0, 0, 0, .2);
    --f-scrollbar-thumb-bg: #ddd;
    --f-scrollbar-thumb-border-radius: 10px
}

    .fancybox__container[theme=light] {
        --fancybox-color: #222;
        --fancybox-backdrop-bg: rgba(255, 255, 255, .97);
        --f-toolbar-color: var(--fancybox-color, #222);
        --f-toolbar-text-shadow: none;
        --f-toolbar-font-weight: 400;
        --f-html-color: var(--fancybox-color, #222);
        --f-html-bg: #fff;
        --f-error-color: #555;
        --f-error-bg: #fff;
        --f-video-bg: #fff;
        --f-caption-color: #333;
        --f-spinner-color-1: rgba(0, 0, 0, .2);
        --f-spinner-color-2: rgba(0, 0, 0, .8);
        --f-spinner-border-width: 3.5px;
        --f-progressbar-color: rgba(111, 111, 116);
        --f-button-color: #333;
        --f-button-hover-color: #000;
        --f-button-outline-color: rgba(0, 0, 0, .85);
        --f-button-bg: rgba(255, 255, 255, .85);
        --f-button-svg-stroke-width: 1.3;
        --f-button-svg-filter: none;
        --f-arrow-bg: rgba(255, 255, 255, .85);
        --f-arrow-color: #333;
        --f-arrow-hover-color: #000;
        --f-arrow-svg-stroke-width: 1.3;
        --f-close-button-color: #555;
        --f-close-button-hover-color: #000;
        --f-thumb-bg: linear-gradient(#ebeff2, #e2e8f0);
        --f-thumb-focus-shadow: 0 0 0 1.8px #fff, 0px 0px 0px 2.25px #888;
        --f-thumb-selected-shadow: 0 0 0 1.8px #fff, 0px 0px 0px 2.25px #000;
        --f-scrollbar-track-bg: #ddd;
        --f-scrollbar-thumb-bg: #444
    }

.fancybox__container {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column
}

    .fancybox__container:focus {
        outline: none
    }

    .fancybox__container.has-vertical-thumbs {
        flex-direction: row-reverse
    }

        .fancybox__container.has-vertical-thumbs:not(.is-closing) .fancybox__viewport {
            overflow-x: clip;
            overflow-y: visible
        }

    .fancybox__container > *:not(.fancybox__carousel), .fancybox__container .fancybox__carousel > *:not(.fancybox__viewport), .fancybox__container .fancybox__carousel > .fancybox__viewport > .fancybox__slide:not(.is-selected), .fancybox__container .fancybox__carousel > .fancybox__viewport > .fancybox__slide.is-selected > *:not(.f-html,.f-panzoom__wrapper,.f-spinner) {
        opacity: var(--f-drag-opacity, 1)
    }

    .fancybox__container:not(.is-ready,.is-hiding) {
        visibility: hidden
    }

    .fancybox__container.is-revealing > *:not(.fancybox__carousel), .fancybox__container.is-revealing .fancybox__carousel > *:not(.fancybox__viewport), .fancybox__container.is-revealing .fancybox__carousel > .fancybox__viewport > .fancybox__slide:not(.is-selected), .fancybox__container.is-revealing .fancybox__carousel > .fancybox__viewport > .fancybox__slide.is-selected > *:not(.f-html,.f-panzoom__wrapper,.f-spinner) {
        animation: var(--f-interface-enter-duration, .35s) ease none f-fadeIn
    }

    .fancybox__container.is-hiding > *:not(.fancybox__carousel), .fancybox__container.is-hiding .fancybox__carousel > *:not(.fancybox__viewport), .fancybox__container.is-hiding .fancybox__carousel > .fancybox__viewport > .fancybox__slide.is-selected > *:not(.f-html,.f-panzoom__wrapper) {
        animation: var(--f-interface-exit-duration, .35s) ease forwards f-fadeOut
    }

    .fancybox__container.is-hiding .fancybox__carousel .fancybox__slide:not(.is-selected) {
        opacity: 0
    }

    .fancybox__container.is-hiding {
        pointer-events: none
    }

    .fancybox__container.is-idle .f-carousel__toolbar {
        pointer-events: none;
        opacity: 0
    }

    .fancybox__container.is-idle .f-button.is-arrow {
        opacity: 0
    }

    .fancybox__container.is-idle.is-ready .f-carousel__toolbar {
        pointer-events: none;
        animation: .15s ease-out both f-fadeOut
    }

    .fancybox__container.is-idle.is-ready .f-button.is-arrow {
        animation: .15s ease-out both f-fadeOut
    }

.fancybox__backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    background: var(--fancybox-backdrop-bg)
}

.fancybox__carousel {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 0;
    min-width: 0;
    position: relative;
    z-index: 10;
    overflow-y: visible;
    overflow-x: clip
}

    .fancybox__carousel.is-vertical {
        --f-carousel-slide-height: 100%
    }

    .fancybox__carousel.is-ltr {
        direction: ltr
    }

    .fancybox__carousel.is-rtl {
        direction: rtl
    }

    .fancybox__carousel > .f-button.is-arrow:before {
        position: absolute;
        content: "";
        top: -30px;
        right: -30px;
        bottom: -30px;
        left: -30px;
        z-index: 1
    }

.fancybox__viewport {
    display: grid;
    flex: 1;
    min-height: 0;
    min-width: 0;
    position: relative;
    overflow: visible;
    transform: translate3d(0,var(--f-drag-offset, 0),0)
}

    .fancybox__viewport.is-draggable {
        cursor: move;
        cursor: grab
    }

    .fancybox__viewport.is-dragging {
        cursor: move;
        cursor: grabbing
    }

    .fancybox__viewport [data-selectable], .fancybox__viewport [contenteditable] {
        cursor: auto
    }

.fancybox__slide {
    box-sizing: border-box;
    position: relative;
    grid-area: 1/1;
    display: flex;
    align-items: center;
    flex-direction: column;
    width: var(--f-carousel-slide-width);
    height: var(--f-carousel-slide-height);
    min-width: 0;
    min-height: 0;
    max-width: 100%;
    margin: 0;
    padding: var(--f-carousel-slide-padding);
    background: var(--f-carousel-slide-bg);
    backface-visibility: hidden;
    transform: translateZ(0);
    will-change: transform
}

    .fancybox__slide:before, .fancybox__slide:after {
        display: block;
        content: ""
    }

    .fancybox__slide:before {
        margin-bottom: auto
    }

    .fancybox__slide:after {
        margin-top: auto
    }

    .fancybox__slide.is-selected {
        z-index: 1
    }

    .fancybox__slide.f-zoomable {
        overflow: visible
    }

    .fancybox__slide.has-error {
        --f-html-color: var(--f-error-color, --f-html-color);
        --f-html-bg: var(--f-error-bg, --f-html-bg)
    }

    .fancybox__slide.has-html {
        overflow: auto;
        padding: 8px
    }

    .fancybox__slide.has-close-btn {
        padding-top: 34px
    }

    .fancybox__slide.has-controls:before {
        margin: 0
    }

    .fancybox__slide .f-spinner {
        cursor: pointer
    }

    .fancybox__container.is-closing .f-caption, .fancybox__slide.is-loading .f-caption {
        visibility: hidden
    }

.fancybox__container.is-closing .fancybox__carousel {
    overflow: visible
}

.f-button.is-close-button {
    --f-button-width: var(--f-close-button-width);
    --f-button-height: var(--f-close-button-height);
    --f-button-border-radius: var(--f-close-border-radius);
    --f-button-color: var(--f-close-button-color);
    --f-button-hover-color: var(--f-close-button-hover-color);
    --f-button-bg: var(--f-close-button-bg);
    --f-button-hover-bg: var(--f-close-button-hover-bg);
    --f-button-active-bg: var(--f-close-button-active-bg);
    --f-button-svg-width: var(--f-close-button-svg-width);
    --f-button-svg-height: var(--f-close-button-svg-height);
    --f-button-svg-stroke-width: var(--f-close-button-svg-stroke-width);
    position: absolute;
    top: calc((var(--f-button-height) + 2px) * -1);
    right: 0;
    z-index: 10
}

.fancybox__thumbs {
    flex: 0 1 100%
}

    .fancybox__thumbs.is-scrollable {
        --f-thumbs-cols: 1;
        --f-thumbs-gap: 8px;
        --f-thumbs-transition: none;
        --f-thumbs-padding-x: 4px;
        --f-thumbs-padding-y: 8px;
        --f-thumbs-viewport-padding-x: 4px;
        --f-thumbs-viewport-padding-y: 0px;
        max-width: calc(var(--f-thumb-width) * var(--f-thumbs-cols) + var(--f-thumbs-gap) * (var(--f-thumbs-cols) - 1) + var(--f-thumbs-padding-x) * 2 + var(--f-thumbs-viewport-padding-x) * 2)
    }

        .fancybox__thumbs.is-scrollable ::-webkit-scrollbar {
            width: var(--f-scrollbar-width)
        }

        .fancybox__thumbs.is-scrollable ::-webkit-scrollbar-track {
            background: var(--f-scrollbar-track-bg);
            border-radius: var(--f-scrollbar-track-border-radius);
            box-shadow: var(--f-scrollbar-track-shadow)
        }

        .fancybox__thumbs.is-scrollable ::-webkit-scrollbar-thumb {
            background: var(--f-scrollbar-thumb-bg);
            border-radius: var(--f-scrollbar-thumb-border-radius)
        }

        .fancybox__thumbs.is-scrollable.is-hidden {
            max-width: 0;
            --f-thumbs-padding-x: 0;
            max-height: unset;
            --f-thumbs-padding-y: unset
        }

        .fancybox__thumbs.is-scrollable .f-thumbs__viewport {
            overflow-x: hidden !important;
            grid-template-columns: repeat(auto-fill,calc((100% - var(--f-thumbs-gap) * (var(--f-thumbs-cols) - 1)) / var(--f-thumbs-cols))) !important
        }

@layer properties {
    @supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {
        [data-v-01f86d1f], [data-v-01f86d1f]:before, [data-v-01f86d1f]:after, [data-v-01f86d1f]::backdrop {
            --tw-backdrop-blur: initial;
            --tw-backdrop-brightness: initial;
            --tw-backdrop-contrast: initial;
            --tw-backdrop-grayscale: initial;
            --tw-backdrop-hue-rotate: initial;
            --tw-backdrop-invert: initial;
            --tw-backdrop-opacity: initial;
            --tw-backdrop-saturate: initial;
            --tw-backdrop-sepia: initial;
            --tw-border-style: solid
        }
    }
}

.box[data-v-01f86d1f] {
    padding-inline: calc(var(--spacing,.25rem)*5);
    padding-block: calc(var(--spacing,.25rem)*2);
    font-size: var(--text-base,1rem);
    line-height: var(--tw-leading,var(--text-base--line-height, 1.5 ));
    color: var(--color-white,#fff);
    --tw-backdrop-blur: blur(var(--blur-md,12px));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);
    background-color: #5db3d133;
    border-radius: 3.40282e38px
}

.header-btn[data-v-01f86d1f] {
    border-radius: var(--radius-3xl,1.5rem);
    border-style: var(--tw-border-style);
    width: fit-content;
    min-width: fit-content;
    height: 45px;
    padding-inline: calc(var(--spacing,.25rem)*7);
    padding-block: calc(var(--spacing,.25rem)*1);
    white-space: nowrap;
    color: var(--color-text,#d2f4ff);
    border-width: 1px;
    border-color: #60b9d84d;
    justify-content: center;
    align-items: center;
    display: flex
}

@media (min-width:64rem) {
    .header-btn[data-v-01f86d1f] {
        min-width: 100px
    }
}

.active-btn[data-v-01f86d1f] {
    background-image: linear-gradient(270deg,#5db3d1,#21516b)
}

.normal-btn[data-v-01f86d1f] {
    background-image: linear-gradient(#21516b33,#60b9d833)
}

@layer properties {
    @supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {
        *, :before, :after, ::backdrop {
            --tw-duration: initial;
            --tw-translate-x: 0;
            --tw-translate-y: 0;
            --tw-translate-z: 0;
            --tw-font-weight: initial
        }
    }
}

.info-box {
    justify-content: space-between;
    align-items: center;
    gap: calc(var(--spacing,.25rem)*2);
    min-height: 150px;
    padding: calc(var(--spacing,.25rem)*3);
    --tw-duration: .3s;
    background-color: #60b9d81a;
    border-radius: 15px;
    flex-direction: column;
    transition-duration: .3s;
    display: flex
}

@media (hover:hover) {
    .info-box:hover {
        --tw-translate-y: calc(var(--spacing,.25rem)*-1);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }
}

@media (min-width:64rem) {
    .info-box {
        width: fit-content;
        min-width: 190px;
        min-height: 160px;
        padding: calc(var(--spacing,.25rem)*5)
    }
}

.info-box .texts-content {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex
}

    .info-box .texts-content .subtitle {
        text-align: center;
        font-size: var(--text-xs,.75rem);
        line-height: var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));
        --tw-font-weight: var(--font-weight-light,300);
        font-weight: var(--font-weight-light,300);
        color: #0000;
        background-image: linear-gradient(90deg,#8ccce280,#fafafb80);
        -webkit-background-clip: text;
        background-clip: text
    }

@media (min-width:64rem) {
    .info-box .texts-content .subtitle {
        text-align: start;
        font-size: var(--text-base,1rem);
        line-height: var(--tw-leading,var(--text-base--line-height, 1.5 ))
    }
}

.info-box .texts-content .title {
    font-family: Amandine;
    font-size: var(--text-2xl,1.5rem);
    line-height: var(--tw-leading,var(--text-2xl--line-height,calc(2/1.5)));
    --tw-font-weight: var(--font-weight-medium,500);
    font-weight: var(--font-weight-medium,500);
    color: var(--color-white,#fff)
}

@media (min-width:64rem) {
    .info-box .texts-content .title {
        font-size: var(--text-3xl,1.875rem);
        line-height: var(--tw-leading,var(--text-3xl--line-height, 1.2 ))
    }
}

[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] {
    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)
    }
/*! tailwindcss v4.1.4 | MIT License | https://tailwindcss.com */

@layer properties {
    @supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {
        *, :before, :after, ::backdrop {
            --tw-translate-x: 0;
            --tw-translate-y: 0;
            --tw-translate-z: 0;
            --tw-rotate-x: initial;
            --tw-rotate-y: initial;
            --tw-rotate-z: initial;
            --tw-skew-x: initial;
            --tw-skew-y: initial;
            --tw-space-y-reverse: 0;
            --tw-space-x-reverse: 0;
            --tw-border-style: solid;
            --tw-gradient-position: initial;
            --tw-gradient-from: #0000;
            --tw-gradient-via: #0000;
            --tw-gradient-to: #0000;
            --tw-gradient-stops: initial;
            --tw-gradient-via-stops: initial;
            --tw-gradient-from-position: 0%;
            --tw-gradient-via-position: 50%;
            --tw-gradient-to-position: 100%;
            --tw-leading: initial;
            --tw-font-weight: initial;
            --tw-shadow: 0 0 #0000;
            --tw-shadow-color: initial;
            --tw-shadow-alpha: 100%;
            --tw-inset-shadow: 0 0 #0000;
            --tw-inset-shadow-color: initial;
            --tw-inset-shadow-alpha: 100%;
            --tw-ring-color: initial;
            --tw-ring-shadow: 0 0 #0000;
            --tw-inset-ring-color: initial;
            --tw-inset-ring-shadow: 0 0 #0000;
            --tw-ring-inset: initial;
            --tw-ring-offset-width: 0px;
            --tw-ring-offset-color: #fff;
            --tw-ring-offset-shadow: 0 0 #0000;
            --tw-blur: initial;
            --tw-brightness: initial;
            --tw-contrast: initial;
            --tw-grayscale: initial;
            --tw-hue-rotate: initial;
            --tw-invert: initial;
            --tw-opacity: initial;
            --tw-saturate: initial;
            --tw-sepia: initial;
            --tw-drop-shadow: initial;
            --tw-drop-shadow-color: initial;
            --tw-drop-shadow-alpha: 100%;
            --tw-drop-shadow-size: initial;
            --tw-backdrop-blur: initial;
            --tw-backdrop-brightness: initial;
            --tw-backdrop-contrast: initial;
            --tw-backdrop-grayscale: initial;
            --tw-backdrop-hue-rotate: initial;
            --tw-backdrop-invert: initial;
            --tw-backdrop-opacity: initial;
            --tw-backdrop-saturate: initial;
            --tw-backdrop-sepia: initial;
            --tw-duration: initial;
            --tw-ease: initial;
            --tw-content: "";
            --tw-scale-x: 1;
            --tw-scale-y: 1;
            --tw-scale-z: 1;
            --tw-tracking: initial
        }
    }
}

@font-face {
    font-family: Aptos;
    src: url(/tiger-downtown-ajman/fonts/aptos/Aptos-Light.ttf)format("truetype");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: Aptos;
    src: url(/tiger-downtown-ajman/fonts/aptos/Aptos.ttf)format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Aptos;
    src: url(/tiger-downtown-ajman/fonts/aptos/Aptos-SemiBold.ttf)format("truetype");
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: Aptos;
    src: url(/tiger-downtown-ajman/fonts/aptos/Aptos-Bold.ttf)format("truetype");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: Aptos;
    src: url(/tiger-downtown-ajman/fonts/aptos/Aptos-ExtraBold.ttf)format("truetype");
    font-weight: 800;
    font-style: normal
}

@font-face {
    font-family: Bellatright;
    src: url(/tiger-downtown-ajman/fonts/bellatright/Bellatright.ttf)format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Amandine;
    src: url(/tiger-downtown-ajman/fonts/Amandine/Amandine_Light.otf)format("truetype");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: Amandine;
    src: url(/tiger-downtown-ajman/fonts/Amandine/Amandine_Bold.otf)format("truetype");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: Gallient;
    src: url(/tiger-downtown-ajman/fonts/Gallient/GallientRegular.ttf)format("truetype");
    font-weight: 400;
    font-style: normal
}

@layer theme {
    :root, :host {
        --font-sans: ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
        --font-mono: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
        --color-white: #fff;
        --spacing: .25rem;
        --container-xs: 20rem;
        --text-xs: .75rem;
        --text-xs--line-height: calc(1/.75);
        --text-sm: .875rem;
        --text-sm--line-height: calc(1.25/.875);
        --text-base: 1rem;
        --text-base--line-height: 1.5;
        --text-lg: 1.125rem;
        --text-lg--line-height: calc(1.75/1.125);
        --text-xl: 1.25rem;
        --text-xl--line-height: calc(1.75/1.25);
        --text-2xl: 1.5rem;
        --text-2xl--line-height: calc(2/1.5);
        --text-3xl: 1.875rem;
        --text-3xl--line-height: 1.2;
        --text-4xl: 2.25rem;
        --text-4xl--line-height: calc(2.5/2.25);
        --text-6xl: 3.75rem;
        --text-6xl--line-height: 1;
        --text-8xl: 6rem;
        --text-8xl--line-height: 1;
        --font-weight-light: 300;
        --font-weight-normal: 400;
        --font-weight-medium: 500;
        --font-weight-semibold: 600;
        --font-weight-bold: 700;
        --radius-lg: .5rem;
        --radius-xl: .75rem;
        --radius-3xl: 1.5rem;
        --ease-in: cubic-bezier(.4,0,1,1);
        --ease-out: cubic-bezier(0,0,.2,1);
        --ease-in-out: cubic-bezier(.4,0,.2,1);
        --animate-ping: ping 1s cubic-bezier(0,0,.2,1)infinite;
        --blur-md: 12px;
        --default-transition-duration: .15s;
        --default-transition-timing-function: cubic-bezier(.4,0,.2,1);
        --default-font-family: var(--font-sans);
        --default-mono-font-family: var(--font-mono);
        --color-primary: #fafafb;
        --color-text: #d2f4ff;
        --color-secondary: #8ccce2;
        --color-border: #60b9d8;
        --color-error: #fb2c36
    }
}

@layer base {
    *, :after, :before, ::backdrop {
        box-sizing: border-box;
        border: 0 solid;
        margin: 0;
        padding: 0
    }

    ::file-selector-button {
        box-sizing: border-box;
        border: 0 solid;
        margin: 0;
        padding: 0
    }

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

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

    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;
        -webkit-text-decoration: inherit;
        text-decoration: inherit
    }

    b, strong {
        font-weight: bolder
    }

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

    small {
        font-size: 80%
    }

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

    sub {
        bottom: -.25em
    }

    sup {
        top: -.5em
    }

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

    :-moz-focusring {
        outline: auto
    }

    progress {
        vertical-align: baseline
    }

    summary {
        display: list-item
    }

    ol, ul, menu {
        list-style: none
    }

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

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

    button, input, select, optgroup, textarea {
        font: inherit;
        font-feature-settings: inherit;
        font-variation-settings: inherit;
        letter-spacing: inherit;
        color: inherit;
        opacity: 1;
        background-color: #0000;
        border-radius: 0
    }

    ::file-selector-button {
        font: inherit;
        font-feature-settings: inherit;
        font-variation-settings: inherit;
        letter-spacing: inherit;
        color: inherit;
        opacity: 1;
        background-color: #0000;
        border-radius: 0
    }

    :where(select:is([multiple],[size])) optgroup {
        font-weight: bolder
    }

        :where(select:is([multiple],[size])) optgroup option {
            padding-inline-start: 20px
        }

    ::file-selector-button {
        margin-inline-end: 4px
    }

    ::placeholder {
        opacity: 1
    }

    @supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px) {
        ::placeholder {
            color: currentColor
        }

        @supports (color:color-mix(in lab,red,red)) {
            ::placeholder {
                color: color-mix(in oklab,currentcolor 50%,transparent)
            }
        }
    }

    textarea {
        resize: vertical
    }

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

    ::-webkit-date-and-time-value {
        min-height: 1lh;
        text-align: inherit
    }

    ::-webkit-datetime-edit {
        display: inline-flex
    }

    ::-webkit-datetime-edit-fields-wrapper {
        padding: 0
    }

    ::-webkit-datetime-edit {
        padding-block: 0
    }

    ::-webkit-datetime-edit-year-field {
        padding-block: 0
    }

    ::-webkit-datetime-edit-month-field {
        padding-block: 0
    }

    ::-webkit-datetime-edit-day-field {
        padding-block: 0
    }

    ::-webkit-datetime-edit-hour-field {
        padding-block: 0
    }

    ::-webkit-datetime-edit-minute-field {
        padding-block: 0
    }

    ::-webkit-datetime-edit-second-field {
        padding-block: 0
    }

    ::-webkit-datetime-edit-millisecond-field {
        padding-block: 0
    }

    ::-webkit-datetime-edit-meridiem-field {
        padding-block: 0
    }

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

    button, input:where([type=button],[type=reset],[type=submit]) {
        -webkit-appearance: button;
        -moz-appearance: button;
        appearance: button
    }

    ::file-selector-button {
        -webkit-appearance: button;
        -moz-appearance: button;
        appearance: button
    }

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

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

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

    html {
        scroll-behavior: smooth
    }

    body {
        background-image: linear-gradient(#21516b,#000 25%,#183545,#000,#21516b 73%,#000 82%,#000);
        min-height: 100vh;
        font-family: Aptos,sans-serif;
        overflow-x: hidden
    }

    section {
        margin-bottom: 70px
    }

        section:last-of-type {
            margin-bottom: calc(var(--spacing)*0)
        }

    @media (min-width:64rem) {
        section {
            margin-bottom: 100px
        }
    }

    img {
        -webkit-user-select: none;
        user-select: none
    }

    a, input, textarea, select, button {
        --tw-outline-style: none;
        outline-style: none
    }

    button {
        cursor: pointer
    }

        button:disabled {
            cursor: not-allowed;
            opacity: .5
        }

        button:not(:disabled):active {
            --tw-scale-x: 95%;
            --tw-scale-y: 95%;
            --tw-scale-z: 95%;
            scale: var(--tw-scale-x)var(--tw-scale-y)
        }
}

@layer components {
    .container {
        padding-inline: calc(var(--spacing)*3);
        margin-inline: auto
    }

    @media (min-width:48rem) {
        .container {
            padding-inline: calc(var(--spacing)*5)
        }
    }

    @media (min-width:64rem) {
        .container {
            padding-inline: calc(var(--spacing)*10)
        }
    }

    .active-gradient {
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: var(--color-border);
        color: var(--color-white);
        --tw-backdrop-blur: blur(var(--blur-md));
        -webkit-backdrop-filter: var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);
        backdrop-filter: var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);
        background-image: linear-gradient(90deg,#21516b,#5db3d1)
    }

    .normal-gradient {
        border-style: var(--tw-border-style);
        color: #d2f4ffcc;
        --tw-backdrop-blur: blur(var(--blur-md));
        -webkit-backdrop-filter: var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);
        backdrop-filter: var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);
        background-image: linear-gradient(90deg,#21516b33,#5db3d133);
        border-width: 1px;
        border-color: #60b9d84d
    }

    @supports (color:color-mix(in lab,red,red)) {
        .normal-gradient {
            color: color-mix(in oklab,var(--color-text)80%,transparent)
        }
    }

    .normal-btn {
        align-items: center;
        gap: calc(var(--spacing)*3);
        height: 45px;
        padding-inline: calc(var(--spacing)*3);
        color: var(--color-white);
        background-image: linear-gradient(90deg,#21516b33,#5db3d133);
        border-radius: 3.40282e38px;
        display: flex
    }

    @media (min-width:64rem) {
        .normal-btn {
            padding-inline: calc(var(--spacing)*7)
        }
    }

    .icon {
        border-style: var(--tw-border-style);
        width: 70px;
        height: 70px;
        padding: calc(var(--spacing)*1);
        --tw-shadow: inset 0px 4px 10px 0px var(--tw-shadow-color,#60b9d826);
        box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
        background-clip: padding-box;
        border-width: 1px;
        border-color: #60b9d880;
        border-radius: 3.40282e38px;
        justify-content: center;
        align-items: center;
        display: flex;
        overflow: hidden
    }

    @supports (color:color-mix(in lab,red,red)) {
        .icon {
            border-color: color-mix(in oklab,var(--color-border)50%,transparent)
        }
    }

    @media (min-width:64rem) {
        .icon {
            width: 80px;
            height: 80px
        }
    }

    .gradient-text {
        color: #0000;
        background-image: linear-gradient(90deg,#8ccce2,#fafafb);
        -webkit-background-clip: text;
        background-clip: text
    }

    .gradient-box {
        border-radius: var(--radius-3xl);
        border-style: var(--tw-border-style);
        padding: calc(var(--spacing)*3);
        --tw-shadow: inset 0px 4px 25px 0px var(--tw-shadow-color,#60b9d833);
        box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
        background-image: linear-gradient(#21516b0d,#5db3d100);
        border-width: 1px;
        border-color: #60b9d84d
    }

    @media (min-width:64rem) {
        .gradient-box {
            padding: calc(var(--spacing)*7);
            border-radius: 40px
        }
    }

    .second-title {
        padding-inline: calc(var(--spacing)*2);
        text-align: center;
        --tw-leading: 37px;
        --tw-font-weight: var(--font-weight-semibold);
        font-family: Gallient;
        font-size: 28px;
        line-height: 37px;
        font-weight: var(--font-weight-semibold);
        --tw-tracking: 2px;
        letter-spacing: 2px;
        margin-top: 10px;
        margin-bottom: 40px
    }

    @media (min-width:64rem) {
        .second-title {
            padding-top: calc(var(--spacing)*1.5);
            font-size: var(--text-3xl);
            line-height: var(--tw-leading,var(--text-3xl--line-height));
            --tw-leading: 55px;
            margin-bottom: 75px;
            line-height: 55px
        }
    }

    @media (min-width:80rem) {
        .second-title {
            font-size: 54px
        }
    }

    .scrollbar-hide::-webkit-scrollbar {
        display: none
    }

    .scrollbar-hide {
        -ms-overflow-style: none;
        scrollbar-width: none
    }
}

@layer utilities {
    .pointer-events-none {
        pointer-events: none
    }

    .absolute {
        position: absolute
    }

    .fixed {
        position: fixed
    }

    .relative {
        position: relative
    }

    .inset-0 {
        inset: calc(var(--spacing)*0)
    }

    .-start-2 {
        inset-inline-start: calc(var(--spacing)*-2)
    }

    .start-0 {
        inset-inline-start: calc(var(--spacing)*0)
    }

    .start-1\/2 {
        inset-inline-start: 50%
    }

    .start-14 {
        inset-inline-start: calc(var(--spacing)*14)
    }

    .end-0 {
        inset-inline-end: calc(var(--spacing)*0)
    }

    .end-14 {
        inset-inline-end: calc(var(--spacing)*14)
    }

    .end-\[10px\] {
        inset-inline-end: 10px
    }

    .end-\[15px\] {
        inset-inline-end: 15px
    }

    .-top-20 {
        top: calc(var(--spacing)*-20)
    }

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

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

    .top-0 {
        top: calc(var(--spacing)*0)
    }

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

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

    .top-full {
        top: 100%
    }

    .right-2 {
        right: calc(var(--spacing)*2)
    }

    .-bottom-5 {
        bottom: calc(var(--spacing)*-5)
    }

    .-bottom-70 {
        bottom: calc(var(--spacing)*-70)
    }

    .bottom-0 {
        bottom: calc(var(--spacing)*0)
    }

    .bottom-3 {
        bottom: calc(var(--spacing)*3)
    }

    .bottom-20 {
        bottom: calc(var(--spacing)*20)
    }

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

    .bottom-\[130\%\] {
        bottom: 130%
    }

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

    .z-0 {
        z-index: 0
    }

    .z-10 {
        z-index: 10
    }

    .z-20 {
        z-index: 20
    }

    .z-40 {
        z-index: 40
    }

    .z-50 {
        z-index: 50
    }

    .order-1 {
        order: 1
    }

    .order-2 {
        order: 2
    }

    .order-3 {
        order: 3
    }

    .order-4 {
        order: 4
    }

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

    .container {
        width: 100%
    }

    @media (min-width:40rem) {
        .container {
            max-width: 40rem
        }
    }

    @media (min-width:48rem) {
        .container {
            max-width: 48rem
        }
    }

    @media (min-width:64rem) {
        .container {
            max-width: 64rem
        }
    }

    @media (min-width:80rem) {
        .container {
            max-width: 80rem
        }
    }

    @media (min-width:96rem) {
        .container {
            max-width: 96rem
        }
    }

    .\!m-0 {
        margin: calc(var(--spacing)*0) !important
    }

    .\!mx-0 {
        margin-inline: calc(var(--spacing)*0) !important
    }

    .mx-auto {
        margin-inline: auto
    }

    .my-5 {
        margin-block: calc(var(--spacing)*5)
    }

    .my-\[50px\] {
        margin-block: 50px
    }

    .ms-auto {
        margin-inline-start: auto
    }

    .mt-1 {
        margin-top: calc(var(--spacing)*1)
    }

    .\!mb-0 {
        margin-bottom: calc(var(--spacing)*0) !important
    }

    .\!mb-1 {
        margin-bottom: calc(var(--spacing)*1) !important
    }

    .\!mb-\[35px\] {
        margin-bottom: 35px !important
    }

    .\!mb-\[40px\] {
        margin-bottom: 40px !important
    }

    .\!mb-\[45px\] {
        margin-bottom: 45px !important
    }

    .mb-0 {
        margin-bottom: calc(var(--spacing)*0)
    }

    .mb-1 {
        margin-bottom: calc(var(--spacing)*1)
    }

    .mb-3 {
        margin-bottom: calc(var(--spacing)*3)
    }

    .mb-5 {
        margin-bottom: calc(var(--spacing)*5)
    }

    .mb-7 {
        margin-bottom: calc(var(--spacing)*7)
    }

    .mb-10 {
        margin-bottom: calc(var(--spacing)*10)
    }

    .mb-\[15px\] {
        margin-bottom: 15px
    }

    .mb-\[25px\] {
        margin-bottom: 25px
    }

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

    .block {
        display: block
    }

    .flex {
        display: flex
    }

    .grid {
        display: grid
    }

    .hidden {
        display: none
    }

    .aspect-square {
        aspect-ratio: 1
    }

    .size-5 {
        width: calc(var(--spacing)*5);
        height: calc(var(--spacing)*5)
    }

    .size-6 {
        width: calc(var(--spacing)*6);
        height: calc(var(--spacing)*6)
    }

    .size-10 {
        width: calc(var(--spacing)*10);
        height: calc(var(--spacing)*10)
    }

    .size-\[25px\] {
        width: 25px;
        height: 25px
    }

    .size-\[30px\] {
        width: 30px;
        height: 30px
    }

    .size-\[40px\] {
        width: 40px;
        height: 40px
    }

    .size-\[45px\] {
        width: 45px;
        height: 45px
    }

    .size-\[50px\] {
        width: 50px;
        height: 50px
    }

    .size-\[60px\] {
        width: 60px;
        height: 60px
    }

    .size-\[75px\] {
        width: 75px;
        height: 75px
    }

    .size-\[190px\] {
        width: 190px;
        height: 190px
    }

    .size-\[210px\] {
        width: 210px;
        height: 210px
    }

    .size-\[350px\] {
        width: 350px;
        height: 350px
    }

    .size-full {
        width: 100%;
        height: 100%
    }

    .\!h-0 {
        height: calc(var(--spacing)*0) !important
    }

    .h-0 {
        height: calc(var(--spacing)*0)
    }

    .h-3 {
        height: calc(var(--spacing)*3)
    }

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

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

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

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

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

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

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

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

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

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

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

    .h-\[calc\(100\%\+72px\)\] {
        height: calc(100% + 72px)
    }

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

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

    .h-full {
        height: 100%
    }

    .h-screen {
        height: 100vh
    }

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

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

    .min-h-\[100px\] {
        min-height: 100px
    }

    .min-h-\[150px\] {
        min-height: 150px
    }

    .min-h-\[250px\] {
        min-height: 250px
    }

    .min-h-fit {
        min-height: fit-content
    }

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

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

    .w-0 {
        width: calc(var(--spacing)*0)
    }

    .w-4 {
        width: calc(var(--spacing)*4)
    }

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

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

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

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

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

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

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

    .w-fit {
        width: fit-content
    }

    .w-full {
        width: 100%
    }

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

    .max-w-xs {
        max-width: var(--container-xs)
    }

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

    .min-w-fit {
        min-width: fit-content
    }

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

    .shrink-0 {
        flex-shrink: 0
    }

    .flex-grow {
        flex-grow: 1
    }

    .grow-0 {
        flex-grow: 0
    }

    .basis-auto {
        flex-basis: auto
    }

    .basis-full {
        flex-basis: 100%
    }

    .-translate-x-1\/2 {
        --tw-translate-x: -50%;
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .-translate-y-5 {
        --tw-translate-y: calc(var(--spacing)*-5);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .-rotate-45, .-rotate-\[45deg\] {
        rotate: -45deg
    }

    .rotate-\[45deg\] {
        rotate: 45deg
    }

    .transform {
        transform: var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)
    }

    .animate-ping {
        animation: var(--animate-ping)
    }

    .cursor-auto {
        cursor: auto
    }

    .cursor-wait {
        cursor: wait
    }

    .resize {
        resize: both
    }

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

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

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

    .flex-col {
        flex-direction: column
    }

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

    .flex-wrap {
        flex-wrap: wrap
    }

    .items-center {
        align-items: center
    }

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

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

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

    .justify-center {
        justify-content: center
    }

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

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

    .gap-0\.5 {
        gap: calc(var(--spacing)*.5)
    }

    .gap-1 {
        gap: calc(var(--spacing)*1)
    }

    .gap-1\.5 {
        gap: calc(var(--spacing)*1.5)
    }

    .gap-2 {
        gap: calc(var(--spacing)*2)
    }

    .gap-3 {
        gap: calc(var(--spacing)*3)
    }

    .gap-5 {
        gap: calc(var(--spacing)*5)
    }

    .gap-7 {
        gap: calc(var(--spacing)*7)
    }

    .gap-9 {
        gap: calc(var(--spacing)*9)
    }

    .gap-10 {
        gap: calc(var(--spacing)*10)
    }

    .gap-14 {
        gap: calc(var(--spacing)*14)
    }

    .gap-\[1px\] {
        gap: 1px
    }

    .gap-\[25px\] {
        gap: 25px
    }

    .gap-\[30px\] {
        gap: 30px
    }

    .gap-\[33px\] {
        gap: 33px
    }

    :where(.space-y-1>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))
    }

    :where(.space-y-2>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))
    }

    :where(.space-y-3>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))
    }

    :where(.space-y-5>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing)*5)*var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing)*5)*calc(1 - var(--tw-space-y-reverse)))
    }

    .gap-x-7 {
        column-gap: calc(var(--spacing)*7)
    }

    :where(.space-x-2>:not(:last-child)) {
        --tw-space-x-reverse: 0;
        margin-inline-start: calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse));
        margin-inline-end: calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse)))
    }

    .gap-y-10 {
        row-gap: calc(var(--spacing)*10)
    }

    .gap-y-\[40px\] {
        row-gap: 40px
    }

    .overflow-auto {
        overflow: auto
    }

    .overflow-hidden {
        overflow: hidden
    }

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

    .rounded-3xl {
        border-radius: var(--radius-3xl)
    }

    .rounded-\[10px\] {
        border-radius: 10px
    }

    .rounded-\[15px\] {
        border-radius: 15px
    }

    .rounded-\[20px\] {
        border-radius: 20px
    }

    .rounded-\[30px\] {
        border-radius: 30px
    }

    .rounded-full {
        border-radius: 3.40282e38px
    }

    .rounded-lg {
        border-radius: var(--radius-lg)
    }

    .rounded-xl {
        border-radius: var(--radius-xl)
    }

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

    .border {
        border-style: var(--tw-border-style);
        border-width: 1px
    }

    .border-\[0\.5px\] {
        border-style: var(--tw-border-style);
        border-width: .5px
    }

    .border-t-\[12px\] {
        border-top-style: var(--tw-border-style);
        border-top-width: 12px
    }

    .border-r-\[10px\] {
        border-right-style: var(--tw-border-style);
        border-right-width: 10px
    }

    .border-l-\[10px\] {
        border-left-style: var(--tw-border-style);
        border-left-width: 10px
    }

    .border-\[\#5DB3D1\] {
        border-color: #5db3d1
    }

    .border-\[\#5DB3D14D\] {
        border-color: #5db3d14d
    }

    .border-\[\#60B9D84D\] {
        border-color: #60b9d84d
    }

    .border-\[\#60B9D833\] {
        border-color: #60b9d833
    }

    .border-error {
        border-color: var(--color-error)
    }

    .border-t-\[\#00000080\] {
        border-top-color: #00000080
    }

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

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

    .\!bg-white {
        background-color: var(--color-white) !important
    }

    .bg-\[\#5db3d133\] {
        background-color: #5db3d133
    }

    .bg-\[\#60B9D81A\] {
        background-color: #60b9d81a
    }

    .bg-\[\#00000080\] {
        background-color: #00000080
    }

    .bg-\[\#21516B\] {
        background-color: #21516b
    }

    .bg-\[\#C0DAE4\] {
        background-color: #c0dae4
    }

    .bg-\[\#FCFCFC\] {
        background-color: #fcfcfc
    }

    .bg-\[rgba\(0\,0\,0\,0\.1\)\] {
        background-color: #0000001a
    }

    .bg-\[rgba\(0\,0\,0\,0\.5\)\] {
        background-color: #00000080
    }

    .bg-\[rgba\(0\,0\,0\,0\.7\)\] {
        background-color: #000000b3
    }

    .bg-\[rgba\(0\,0\,0\,0\.9\)\] {
        background-color: #000000e6
    }

    .bg-border {
        background-color: var(--color-border)
    }

    .bg-white {
        background-color: var(--color-white)
    }

    .bg-gradient-to-b {
        --tw-gradient-position: to bottom in oklab;
        background-image: linear-gradient(var(--tw-gradient-stops))
    }

    .bg-\[linear-gradient\(0deg\,\#0A0A0A\,\#0A0A0A\)\] {
        background-image: linear-gradient(#0a0a0a,#0a0a0a)
    }

    .bg-\[linear-gradient\(0deg\,\#60B9D8\,\#60B9D8\)\] {
        background-image: linear-gradient(#60b9d8,#60b9d8)
    }

    .bg-\[linear-gradient\(90deg\,\#8CCCE2_0\%\,\#FAFAFB_100\%\)\] {
        background-image: linear-gradient(90deg,#8ccce2,#fafafb)
    }

    .bg-\[linear-gradient\(90deg\,rgba\(93\,179\,209\,0\.1\)_0\%\,rgba\(33\,81\,107\,0\.1\)_100\%\)\] {
        background-image: linear-gradient(90deg,#5db3d11a,#21516b1a)
    }

    .bg-\[linear-gradient\(90deg\,rgba\(93\,179\,209\,0\.2\)_0\%\,rgba\(33\,81\,107\,0\.2\)_100\%\)\] {
        background-image: linear-gradient(90deg,#5db3d133,#21516b33)
    }

    .bg-\[linear-gradient\(90deg\,rgba\(96\,185\,216\,0\.2\)_0\%\,rgba\(33\,81\,107\,0\.2\)_100\%\)\] {
        background-image: linear-gradient(90deg,#60b9d833,#21516b33)
    }

    .bg-\[linear-gradient\(90deg\,rgba\(140\,204\,226\,0\.5\)_0\%\,rgba\(250\,250\,251\,0\.5\)_100\%\)\] {
        background-image: linear-gradient(90deg,#8ccce280,#fafafb80)
    }

    .bg-\[linear-gradient\(180deg\,\#21516B_0\%\,\#0A0A0A_100\%\)\] {
        background-image: linear-gradient(#21516b,#0a0a0a)
    }

    .bg-\[linear-gradient\(270deg\,\#5DB3D1_0\%\,\#21516B_100\%\)\] {
        background-image: linear-gradient(270deg,#5db3d1,#21516b)
    }

    .bg-\[linear-gradient\(to_bottom\,\#21516B_0\%\,\#0A0A0A_40\%\,\#142A35_100\%\)\] {
        background-image: linear-gradient(#21516b,#0a0a0a 40%,#142a35)
    }

    .bg-\[linear-gradient\(to_bottom\,transparent\,\#0A0A0A\)\] {
        background-image: linear-gradient(#0000,#0a0a0a)
    }

    .bg-\[url\(\'\/tiger-downtown-ajman\/sections\/home\/bg\.jpg\'\)\] {
        background-image: url(/tiger-downtown-ajman/sections/home/bg.jpg)
    }

    .bg-\[url\(\'\/tiger-downtown-ajman\/sections\/phases\/bg\.jpg\'\)\] {
        background-image: url(/tiger-downtown-ajman/sections/phases/bg.jpg)
    }

    .bg-\[url\(\'\/tiger-downtown-ajman\/sections\/phases\/oracle-bg\.jpg\'\)\] {
        background-image: url(/tiger-downtown-ajman/sections/phases/oracle-bg.jpg)
    }

    .from-\[rgba\(0\,0\,0\,0\.75\)\] {
        --tw-gradient-from: #000000bf;
        --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

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

    .bg-cover {
        background-size: cover
    }

    .bg-clip-text {
        -webkit-background-clip: text;
        background-clip: text
    }

    .bg-bottom-right {
        background-position: 100% 100%
    }

    .bg-top {
        background-position: top
    }

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

    .object-contain {
        object-fit: contain
    }

    .object-cover {
        object-fit: cover
    }

    .\!p-0 {
        padding: calc(var(--spacing)*0) !important
    }

    .p-0 {
        padding: calc(var(--spacing)*0)
    }

    .p-0\.5 {
        padding: calc(var(--spacing)*.5)
    }

    .p-1 {
        padding: calc(var(--spacing)*1)
    }

    .p-3 {
        padding: calc(var(--spacing)*3)
    }

    .p-5 {
        padding: calc(var(--spacing)*5)
    }

    .\!px-4 {
        padding-inline: calc(var(--spacing)*4) !important
    }

    .px-2 {
        padding-inline: calc(var(--spacing)*2)
    }

    .px-3 {
        padding-inline: calc(var(--spacing)*3)
    }

    .px-4 {
        padding-inline: calc(var(--spacing)*4)
    }

    .px-5 {
        padding-inline: calc(var(--spacing)*5)
    }

    .px-7 {
        padding-inline: calc(var(--spacing)*7)
    }

    .px-8 {
        padding-inline: calc(var(--spacing)*8)
    }

    .py-1 {
        padding-block: calc(var(--spacing)*1)
    }

    .py-2 {
        padding-block: calc(var(--spacing)*2)
    }

    .py-2\.5 {
        padding-block: calc(var(--spacing)*2.5)
    }

    .py-3 {
        padding-block: calc(var(--spacing)*3)
    }

    .py-5 {
        padding-block: calc(var(--spacing)*5)
    }

    .py-7 {
        padding-block: calc(var(--spacing)*7)
    }

    .ps-3 {
        padding-inline-start: calc(var(--spacing)*3)
    }

    .ps-4 {
        padding-inline-start: calc(var(--spacing)*4)
    }

    .\!pe-0 {
        padding-inline-end: calc(var(--spacing)*0) !important
    }

    .\!pe-7 {
        padding-inline-end: calc(var(--spacing)*7) !important
    }

    .pe-2 {
        padding-inline-end: calc(var(--spacing)*2)
    }

    .\!pt-0 {
        padding-top: calc(var(--spacing)*0) !important
    }

    .pt-3 {
        padding-top: calc(var(--spacing)*3)
    }

    .pt-5 {
        padding-top: calc(var(--spacing)*5)
    }

    .pt-10 {
        padding-top: calc(var(--spacing)*10)
    }

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

    .pb-2\.5 {
        padding-bottom: calc(var(--spacing)*2.5)
    }

    .pb-3 {
        padding-bottom: calc(var(--spacing)*3)
    }

    .pb-7 {
        padding-bottom: calc(var(--spacing)*7)
    }

    .pb-20 {
        padding-bottom: calc(var(--spacing)*20)
    }

    .pb-\[48px\] {
        padding-bottom: 48px
    }

    .pb-\[70px\] {
        padding-bottom: 70px
    }

    .pb-\[100px\] {
        padding-bottom: 100px
    }

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

    .text-center {
        text-align: center
    }

    .text-start {
        text-align: start
    }

    .font-\[\'Amandine\'\] {
        font-family: Amandine
    }

    .font-\[\'Beau_Rivage\'\] {
        font-family: Beau Rivage
    }

    .font-\[\'Gallient\'\] {
        font-family: Gallient
    }

    .\!text-3xl {
        font-size: var(--text-3xl) !important;
        line-height: var(--tw-leading,var(--text-3xl--line-height)) !important
    }

    .text-2xl {
        font-size: var(--text-2xl);
        line-height: var(--tw-leading,var(--text-2xl--line-height))
    }

    .text-3xl {
        font-size: var(--text-3xl);
        line-height: var(--tw-leading,var(--text-3xl--line-height))
    }

    .text-4xl {
        font-size: var(--text-4xl);
        line-height: var(--tw-leading,var(--text-4xl--line-height))
    }

    .text-8xl {
        font-size: var(--text-8xl);
        line-height: var(--tw-leading,var(--text-8xl--line-height))
    }

    .text-base {
        font-size: var(--text-base);
        line-height: var(--tw-leading,var(--text-base--line-height))
    }

    .text-lg {
        font-size: var(--text-lg);
        line-height: var(--tw-leading,var(--text-lg--line-height))
    }

    .text-sm {
        font-size: var(--text-sm);
        line-height: var(--tw-leading,var(--text-sm--line-height))
    }

    .text-xl {
        font-size: var(--text-xl);
        line-height: var(--tw-leading,var(--text-xl--line-height))
    }

    .text-xs {
        font-size: var(--text-xs);
        line-height: var(--tw-leading,var(--text-xs--line-height))
    }

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

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

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

    .leading-\[35px\] {
        --tw-leading: 35px;
        line-height: 35px
    }

    .font-bold {
        --tw-font-weight: var(--font-weight-bold);
        font-weight: var(--font-weight-bold)
    }

    .font-light {
        --tw-font-weight: var(--font-weight-light);
        font-weight: var(--font-weight-light)
    }

    .font-medium {
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium)
    }

    .font-normal {
        --tw-font-weight: var(--font-weight-normal);
        font-weight: var(--font-weight-normal)
    }

    .font-semibold {
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold)
    }

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

    .whitespace-nowrap {
        white-space: nowrap
    }

    .\!text-\[\#21516B\] {
        color: #21516b !important
    }

    .text-\[\#21516B\] {
        color: #21516b
    }

    .text-\[\#FCFCFC\] {
        color: #fcfcfc
    }

    .text-border {
        color: var(--color-border)
    }

    .text-error {
        color: var(--color-error)
    }

    .text-primary {
        color: var(--color-primary)
    }

    .text-secondary {
        color: var(--color-secondary)
    }

    .text-text {
        color: var(--color-text)
    }

    .text-text\/50 {
        color: #d2f4ff80
    }

    @supports (color:color-mix(in lab,red,red)) {
        .text-text\/50 {
            color: color-mix(in oklab,var(--color-text)50%,transparent)
        }
    }

    .text-text\/80 {
        color: #d2f4ffcc
    }

    @supports (color:color-mix(in lab,red,red)) {
        .text-text\/80 {
            color: color-mix(in oklab,var(--color-text)80%,transparent)
        }
    }

    .text-transparent {
        color: #0000
    }

    .text-white {
        color: var(--color-white)
    }

    .capitalize {
        text-transform: capitalize
    }

    .opacity-0 {
        opacity: 0
    }

    .opacity-40 {
        opacity: .4
    }

    .opacity-50 {
        opacity: .5
    }

    .opacity-100 {
        opacity: 1
    }

    .shadow-\[inset_0px_4px_10px_0px_\#5DB3D180\] {
        --tw-shadow: inset 0px 4px 10px 0px var(--tw-shadow-color,#5db3d180);
        box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
    }

    .shadow-sm {
        --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);
        box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
    }

    .shadow-xs {
        --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color,#0000000d);
        box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
    }

    .blur-\[125px\] {
        --tw-blur: blur(125px);
        filter: var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)
    }

    .blur-\[500px\] {
        --tw-blur: blur(500px);
        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,)
    }

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

    .backdrop-blur-\[5px\] {
        --tw-backdrop-blur: blur(5px);
        -webkit-backdrop-filter: var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);
        backdrop-filter: var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)
    }

    .backdrop-blur-\[10px\] {
        --tw-backdrop-blur: blur(10px);
        -webkit-backdrop-filter: var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);
        backdrop-filter: var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)
    }

    .transition-\[height\,opacity\] {
        transition-property: height,opacity;
        transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
        transition-duration: var(--tw-duration,var(--default-transition-duration))
    }

    .transition-opacity {
        transition-property: opacity;
        transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
        transition-duration: var(--tw-duration,var(--default-transition-duration))
    }

    .duration-150 {
        --tw-duration: .15s;
        transition-duration: .15s
    }

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

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

    .duration-700 {
        --tw-duration: .7s;
        transition-duration: .7s
    }

    .ease-in {
        --tw-ease: var(--ease-in);
        transition-timing-function: var(--ease-in)
    }

    .ease-in-out {
        --tw-ease: var(--ease-in-out);
        transition-timing-function: var(--ease-in-out)
    }

    .ease-out {
        --tw-ease: var(--ease-out);
        transition-timing-function: var(--ease-out)
    }

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

    .\[clip-path\:polygon\(50\%_100\%\,0_0\,100\%_0\)\] {
        clip-path: polygon(50% 100%,0 0,100% 0)
    }

    .placeholder\:text-\[\#21516B\]::placeholder {
        color: #21516b
    }

    .placeholder\:text-error::placeholder {
        color: var(--color-error)
    }

    .placeholder\:text-text::placeholder {
        color: var(--color-text)
    }

    .after\:absolute:after {
        content: var(--tw-content);
        position: absolute
    }

    .after\:start-0:after {
        content: var(--tw-content);
        inset-inline-start: calc(var(--spacing)*0)
    }

    .after\:-bottom-\[20px\]:after {
        content: var(--tw-content);
        bottom: -20px
    }

    .after\:size-full:after {
        content: var(--tw-content);
        width: 100%;
        height: 100%
    }

    .after\:h-\[20px\]:after {
        content: var(--tw-content);
        height: 20px
    }

    .after\:bg-\[\#090d0e\]:after {
        content: var(--tw-content);
        background-color: #090d0e
    }

    .last-of-type\:mb-0:last-of-type {
        margin-bottom: calc(var(--spacing)*0)
    }

    @media (hover:hover) {
        .hover\:-translate-y-1:hover {
            --tw-translate-y: calc(var(--spacing)*-1);
            translate: var(--tw-translate-x)var(--tw-translate-y)
        }
    }

    .active\:\!scale-100:active {
        --tw-scale-x: 100% !important;
        --tw-scale-y: 100% !important;
        --tw-scale-z: 100% !important;
        scale: var(--tw-scale-x)var(--tw-scale-y) !important
    }

    .active\:scale-100:active {
        --tw-scale-x: 100%;
        --tw-scale-y: 100%;
        --tw-scale-z: 100%;
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }

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

    .disabled\:opacity-50:disabled {
        opacity: .5
    }

    @media (min-width:40rem) {
        .sm\:w-\[400px\] {
            width: 400px
        }

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

        .sm\:justify-evenly {
            justify-content: space-evenly
        }
    }

    @media (min-width:48rem) {
        .md\:col-span-6 {
            grid-column: span 6/span 6
        }

        .md\:flex {
            display: flex
        }

        .md\:hidden {
            display: none
        }

        .md\:inline {
            display: inline
        }

        .md\:w-full {
            width: 100%
        }

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

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

        .md\:justify-center {
            justify-content: center
        }

        .md\:border-e-2 {
            border-inline-end-style: var(--tw-border-style);
            border-inline-end-width: 2px
        }

        .md\:border-primary {
            border-color: var(--color-primary)
        }
    }

    @media (min-width:64rem) {
        .lg\:end-\[50px\] {
            inset-inline-end: 50px
        }

        .lg\:-top-\[165px\] {
            top: -165px
        }

        .lg\:top-\[57px\] {
            top: 57px
        }

        .lg\:right-7 {
            right: calc(var(--spacing)*7)
        }

        .lg\:bottom-12 {
            bottom: calc(var(--spacing)*12)
        }

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

        .lg\:mx-0 {
            margin-inline: calc(var(--spacing)*0)
        }

        .lg\:\!mb-\[70px\] {
            margin-bottom: 70px !important
        }

        .lg\:mb-0 {
            margin-bottom: calc(var(--spacing)*0)
        }

        .lg\:mb-3 {
            margin-bottom: calc(var(--spacing)*3)
        }

        .lg\:mb-5 {
            margin-bottom: calc(var(--spacing)*5)
        }

        .lg\:mb-7 {
            margin-bottom: calc(var(--spacing)*7)
        }

        .lg\:mb-16 {
            margin-bottom: calc(var(--spacing)*16)
        }

        .lg\:mb-20 {
            margin-bottom: calc(var(--spacing)*20)
        }

        .lg\:mb-\[70px\] {
            margin-bottom: 70px
        }

        .lg\:mb-\[75px\] {
            margin-bottom: 75px
        }

        .lg\:block {
            display: block
        }

        .lg\:flex {
            display: flex
        }

        .lg\:hidden {
            display: none
        }

        .lg\:inline {
            display: inline
        }

        .lg\:size-\[100px\] {
            width: 100px;
            height: 100px
        }

        .lg\:h-\[100px\] {
            height: 100px
        }

        .lg\:h-\[285px\] {
            height: 285px
        }

        .lg\:h-\[635px\] {
            height: 635px
        }

        .lg\:h-\[670px\] {
            height: 670px
        }

        .lg\:h-\[calc\(100\%\+165px\)\] {
            height: calc(100% + 165px)
        }

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

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

        .lg\:min-h-\[160px\] {
            min-height: 160px
        }

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

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

        .lg\:w-\[65\%\] {
            width: 65%
        }

        .lg\:w-\[75\%\] {
            width: 75%
        }

        .lg\:w-\[150px\] {
            width: 150px
        }

        .lg\:w-\[160px\] {
            width: 160px
        }

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

        .lg\:w-fit {
            width: fit-content
        }

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

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

        .lg\:flex-row {
            flex-direction: row
        }

        .lg\:items-center {
            align-items: center
        }

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

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

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

        .lg\:gap-2 {
            gap: calc(var(--spacing)*2)
        }

        .lg\:gap-3 {
            gap: calc(var(--spacing)*3)
        }

        .lg\:gap-5 {
            gap: calc(var(--spacing)*5)
        }

        .lg\:gap-7 {
            gap: calc(var(--spacing)*7)
        }

        .lg\:gap-10 {
            gap: calc(var(--spacing)*10)
        }

        .lg\:gap-24 {
            gap: calc(var(--spacing)*24)
        }

        :where(.lg\:space-y-3\.5>:not(:last-child)) {
            --tw-space-y-reverse: 0;
            margin-block-start: calc(calc(var(--spacing)*3.5)*var(--tw-space-y-reverse));
            margin-block-end: calc(calc(var(--spacing)*3.5)*calc(1 - var(--tw-space-y-reverse)))
        }

        :where(.lg\:space-y-7>:not(:last-child)) {
            --tw-space-y-reverse: 0;
            margin-block-start: calc(calc(var(--spacing)*7)*var(--tw-space-y-reverse));
            margin-block-end: calc(calc(var(--spacing)*7)*calc(1 - var(--tw-space-y-reverse)))
        }

        .lg\:rounded-\[30px\] {
            border-radius: 30px
        }

        .lg\:rounded-\[40px\] {
            border-radius: 40px
        }

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

        .lg\:object-none {
            object-fit: none
        }

        .lg\:p-5 {
            padding: calc(var(--spacing)*5)
        }

        .lg\:p-7 {
            padding: calc(var(--spacing)*7)
        }

        .lg\:p-10 {
            padding: calc(var(--spacing)*10)
        }

        .lg\:\!px-0 {
            padding-inline: calc(var(--spacing)*0) !important
        }

        .lg\:px-0 {
            padding-inline: calc(var(--spacing)*0)
        }

        .lg\:px-3 {
            padding-inline: calc(var(--spacing)*3)
        }

        .lg\:px-3\.5 {
            padding-inline: calc(var(--spacing)*3.5)
        }

        .lg\:px-7 {
            padding-inline: calc(var(--spacing)*7)
        }

        .lg\:px-\[50px\] {
            padding-inline: 50px
        }

        .lg\:py-0 {
            padding-block: calc(var(--spacing)*0)
        }

        .lg\:py-5 {
            padding-block: calc(var(--spacing)*5)
        }

        .lg\:py-16 {
            padding-block: calc(var(--spacing)*16)
        }

        .lg\:ps-7 {
            padding-inline-start: calc(var(--spacing)*7)
        }

        .lg\:ps-\[50px\] {
            padding-inline-start: 50px
        }

        .lg\:\!pe-11 {
            padding-inline-end: calc(var(--spacing)*11) !important
        }

        .lg\:pe-\[35px\] {
            padding-inline-end: 35px
        }

        .lg\:pt-16 {
            padding-top: calc(var(--spacing)*16)
        }

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

        .lg\:pb-5 {
            padding-bottom: calc(var(--spacing)*5)
        }

        .lg\:pb-7 {
            padding-bottom: calc(var(--spacing)*7)
        }

        .lg\:pb-34 {
            padding-bottom: calc(var(--spacing)*34)
        }

        .lg\:pb-\[16px\] {
            padding-bottom: 16px
        }

        .lg\:text-start {
            text-align: start
        }

        .lg\:text-4xl {
            font-size: var(--text-4xl);
            line-height: var(--tw-leading,var(--text-4xl--line-height))
        }

        .lg\:text-6xl {
            font-size: var(--text-6xl);
            line-height: var(--tw-leading,var(--text-6xl--line-height))
        }

        .lg\:text-base {
            font-size: var(--text-base);
            line-height: var(--tw-leading,var(--text-base--line-height))
        }

        .lg\:text-lg {
            font-size: var(--text-lg);
            line-height: var(--tw-leading,var(--text-lg--line-height))
        }

        .lg\:text-xl {
            font-size: var(--text-xl);
            line-height: var(--tw-leading,var(--text-xl--line-height))
        }

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

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

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

        .lg\:leading-\[40px\] {
            --tw-leading: 40px;
            line-height: 40px
        }
    }

    @media (min-width:80rem) {
        .xl\:top-\[250px\] {
            top: 250px
        }

        .xl\:order-1 {
            order: 1
        }

        .xl\:order-3 {
            order: 3
        }

        .xl\:order-4 {
            order: 4
        }

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

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

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

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

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

        .xl\:mx-auto {
            margin-inline: auto
        }

        .xl\:mb-7 {
            margin-bottom: calc(var(--spacing)*7)
        }

        .xl\:block {
            display: block
        }

        .xl\:hidden {
            display: none
        }

        .xl\:inline {
            display: inline
        }

        .xl\:h-\[45px\] {
            height: 45px
        }

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

        .xl\:w-\[36\.5\%\] {
            width: 36.5%
        }

        .xl\:w-\[40\%\] {
            width: 40%
        }

        .xl\:w-\[75\%\] {
            width: 75%
        }

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

        .xl\:w-fit {
            width: fit-content
        }

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

        .xl\:flex-row {
            flex-direction: row
        }

        .xl\:justify-center {
            justify-content: center
        }

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

        .xl\:gap-3\.5 {
            gap: calc(var(--spacing)*3.5)
        }

        .xl\:gap-5 {
            gap: calc(var(--spacing)*5)
        }

        .xl\:gap-7 {
            gap: calc(var(--spacing)*7)
        }

        .xl\:gap-10 {
            gap: calc(var(--spacing)*10)
        }

        .xl\:gap-20 {
            gap: calc(var(--spacing)*20)
        }

        .xl\:gap-36 {
            gap: calc(var(--spacing)*36)
        }

        :where(.xl\:space-y-2>:not(:last-child)) {
            --tw-space-y-reverse: 0;
            margin-block-start: calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));
            margin-block-end: calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))
        }

        :where(.xl\:space-y-3\.5>:not(:last-child)) {
            --tw-space-y-reverse: 0;
            margin-block-start: calc(calc(var(--spacing)*3.5)*var(--tw-space-y-reverse));
            margin-block-end: calc(calc(var(--spacing)*3.5)*calc(1 - var(--tw-space-y-reverse)))
        }

        :where(.xl\:space-y-7>:not(:last-child)) {
            --tw-space-y-reverse: 0;
            margin-block-start: calc(calc(var(--spacing)*7)*var(--tw-space-y-reverse));
            margin-block-end: calc(calc(var(--spacing)*7)*calc(1 - var(--tw-space-y-reverse)))
        }

        .xl\:p-0 {
            padding: calc(var(--spacing)*0)
        }

        .xl\:p-5 {
            padding: calc(var(--spacing)*5)
        }

        .xl\:p-7 {
            padding: calc(var(--spacing)*7)
        }

        .xl\:px-0 {
            padding-inline: calc(var(--spacing)*0)
        }

        .xl\:px-7 {
            padding-inline: calc(var(--spacing)*7)
        }

        .xl\:ps-\[77px\] {
            padding-inline-start: 77px
        }

        .xl\:pt-12 {
            padding-top: calc(var(--spacing)*12)
        }

        .xl\:pb-16 {
            padding-bottom: calc(var(--spacing)*16)
        }

        .xl\:pb-24 {
            padding-bottom: calc(var(--spacing)*24)
        }

        .xl\:text-2xl {
            font-size: var(--text-2xl);
            line-height: var(--tw-leading,var(--text-2xl--line-height))
        }

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

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

        .xl\:leading-\[45px\] {
            --tw-leading: 45px;
            line-height: 45px
        }
    }

    @media (prefers-color-scheme:dark) {
        .dark\:text-white {
            color: var(--color-white)
        }
    }
}

@property --tw-translate-x {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-translate-y {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-translate-z {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-rotate-x {
    syntax: "*";
    inherits: false
}

@property --tw-rotate-y {
    syntax: "*";
    inherits: false
}

@property --tw-rotate-z {
    syntax: "*";
    inherits: false
}

@property --tw-skew-x {
    syntax: "*";
    inherits: false
}

@property --tw-skew-y {
    syntax: "*";
    inherits: false
}

@property --tw-space-y-reverse {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-space-x-reverse {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-border-style {
    syntax: "*";
    inherits: false;
    initial-value: solid
}

@property --tw-gradient-position {
    syntax: "*";
    inherits: false
}

@property --tw-gradient-from {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000
}

@property --tw-gradient-via {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000
}

@property --tw-gradient-to {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000
}

@property --tw-gradient-stops {
    syntax: "*";
    inherits: false
}

@property --tw-gradient-via-stops {
    syntax: "*";
    inherits: false
}

@property --tw-gradient-from-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 0%
}

@property --tw-gradient-via-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 50%
}

@property --tw-gradient-to-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 100%
}

@property --tw-leading {
    syntax: "*";
    inherits: false
}

@property --tw-font-weight {
    syntax: "*";
    inherits: false
}

@property --tw-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-shadow-color {
    syntax: "*";
    inherits: false
}

@property --tw-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%
}

@property --tw-inset-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-inset-shadow-color {
    syntax: "*";
    inherits: false
}

@property --tw-inset-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%
}

@property --tw-ring-color {
    syntax: "*";
    inherits: false
}

@property --tw-ring-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-inset-ring-color {
    syntax: "*";
    inherits: false
}

@property --tw-inset-ring-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-ring-inset {
    syntax: "*";
    inherits: false
}

@property --tw-ring-offset-width {
    syntax: "<length>";
    inherits: false;
    initial-value: 0
}

@property --tw-ring-offset-color {
    syntax: "*";
    inherits: false;
    initial-value: #fff
}

@property --tw-ring-offset-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-blur {
    syntax: "*";
    inherits: false
}

@property --tw-brightness {
    syntax: "*";
    inherits: false
}

@property --tw-contrast {
    syntax: "*";
    inherits: false
}

@property --tw-grayscale {
    syntax: "*";
    inherits: false
}

@property --tw-hue-rotate {
    syntax: "*";
    inherits: false
}

@property --tw-invert {
    syntax: "*";
    inherits: false
}

@property --tw-opacity {
    syntax: "*";
    inherits: false
}

@property --tw-saturate {
    syntax: "*";
    inherits: false
}

@property --tw-sepia {
    syntax: "*";
    inherits: false
}

@property --tw-drop-shadow {
    syntax: "*";
    inherits: false
}

@property --tw-drop-shadow-color {
    syntax: "*";
    inherits: false
}

@property --tw-drop-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%
}

@property --tw-drop-shadow-size {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-blur {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-brightness {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-contrast {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-grayscale {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-hue-rotate {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-invert {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-opacity {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-saturate {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-sepia {
    syntax: "*";
    inherits: false
}

@property --tw-duration {
    syntax: "*";
    inherits: false
}

@property --tw-ease {
    syntax: "*";
    inherits: false
}

@property --tw-content {
    syntax: "*";
    inherits: false;
    initial-value: ""
}

@property --tw-scale-x {
    syntax: "*";
    inherits: false;
    initial-value: 1
}

@property --tw-scale-y {
    syntax: "*";
    inherits: false;
    initial-value: 1
}

@property --tw-scale-z {
    syntax: "*";
    inherits: false;
    initial-value: 1
}

@property --tw-tracking {
    syntax: "*";
    inherits: false
}

@keyframes ping {
    75%,to {
        opacity: 0;
        transform: scale(2)
    }
}

:root {
    --toastify-color-light: #fff;
    --toastify-color-dark: #121212;
    --toastify-color-info: #3498db;
    --toastify-color-success: #07bc0c;
    --toastify-color-warning: #f1c40f;
    --toastify-color-error: #e74c3c;
    --toastify-color-transparent: #ffffffb3;
    --toastify-icon-color-info: var(--toastify-color-info);
    --toastify-icon-color-success: var(--toastify-color-success);
    --toastify-icon-color-warning: var(--toastify-color-warning);
    --toastify-icon-color-error: var(--toastify-color-error);
    --toastify-toast-width: 320px;
    --toastify-toast-background: #fff;
    --toastify-toast-min-height: 64px;
    --toastify-toast-max-height: 800px;
    --toastify-font-family: sans-serif;
    --toastify-z-index: 9999;
    --toastify-text-color-light: #757575;
    --toastify-text-color-dark: #fff;
    --toastify-text-color-info: #fff;
    --toastify-text-color-success: #fff;
    --toastify-text-color-warning: #fff;
    --toastify-text-color-error: #fff;
    --toastify-spinner-color: #616161;
    --toastify-spinner-color-empty-area: #e0e0e0;
    --toastify-color-progress-light: linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);
    --toastify-color-progress-dark: #bb86fc;
    --toastify-color-progress-info: var(--toastify-color-info);
    --toastify-color-progress-success: var(--toastify-color-success);
    --toastify-color-progress-warning: var(--toastify-color-warning);
    --toastify-color-progress-error: var(--toastify-color-error);
    --toastify-color-progress-colored: #ddd
}

.Toastify__toast-container {
    box-sizing: border-box;
    color: #fff;
    padding: 4px;
    position: fixed;
    transform: translate3d(0,0,var(--toastify-z-index) px);
    width: var(--toastify-toast-width);
    z-index: var(--toastify-z-index)
}

.Toastify__toast-container--top-left {
    left: 1em;
    top: 1em
}

.Toastify__toast-container--top-center {
    left: 50%;
    top: 1em;
    transform: translate(-50%)
}

.Toastify__toast-container--top-right {
    right: 1em;
    top: 1em
}

.Toastify__toast-container--bottom-left {
    bottom: 1em;
    left: 1em
}

.Toastify__toast-container--bottom-center {
    bottom: 1em;
    left: 50%;
    transform: translate(-50%)
}

.Toastify__toast-container--bottom-right {
    bottom: 1em;
    right: 1em
}

@media only screen and (max-width:480px) {
    .Toastify__toast-container {
        left: 0;
        margin: 0;
        padding: 0;
        width: 100vw
    }

    .Toastify__toast-container--top-center, .Toastify__toast-container--top-left, .Toastify__toast-container--top-right {
        top: 0;
        transform: translate(0)
    }

    .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-right {
        bottom: 0;
        transform: translate(0)
    }

    .Toastify__toast-container--rtl {
        left: auto;
        right: 0
    }
}

.Toastify__toast {
    border-radius: 4px;
    box-shadow: 0 1px 10px #0000001a,0 2px 15px #0000000d;
    box-sizing: border-box;
    cursor: pointer;
    direction: ltr;
    display: flex;
    font-family: var(--toastify-font-family);
    justify-content: space-between;
    margin-bottom: 1rem;
    max-height: var(--toastify-toast-max-height);
    min-height: var(--toastify-toast-min-height);
    overflow: hidden;
    padding: 8px;
    position: relative;
    z-index: 0
}

.Toastify__toast--rtl {
    direction: rtl
}

.Toastify__toast-body {
    align-items: center;
    display: flex;
    flex: 1 1 auto;
    margin: auto 0;
    padding: 6px;
    white-space: pre-wrap
}

    .Toastify__toast-body > div:last-child {
        flex: 1
    }

.Toastify__toast-icon {
    display: flex;
    flex-shrink: 0;
    margin-inline-end: 10px;
    width: 20px
}

.Toastify--animate {
    animation-duration: .7s;
    animation-fill-mode: both
}

.Toastify--animate-icon {
    animation-duration: .3s;
    animation-fill-mode: both
}

@media only screen and (max-width:480px) {
    .Toastify__toast {
        border-radius: 0;
        margin-bottom: 0
    }
}

.Toastify__toast-theme--dark {
    background: var(--toastify-color-dark);
    color: var(--toastify-text-color-dark)
}

.Toastify__toast-theme--colored.Toastify__toast--default, .Toastify__toast-theme--light {
    background: var(--toastify-color-light);
    color: var(--toastify-text-color-light)
}

.Toastify__toast-theme--colored.Toastify__toast--info {
    background: var(--toastify-color-info);
    color: var(--toastify-text-color-info)
}

.Toastify__toast-theme--colored.Toastify__toast--success {
    background: var(--toastify-color-success);
    color: var(--toastify-text-color-success)
}

.Toastify__toast-theme--colored.Toastify__toast--warning {
    background: var(--toastify-color-warning);
    color: var(--toastify-text-color-warning)
}

.Toastify__toast-theme--colored.Toastify__toast--error {
    background: var(--toastify-color-error);
    color: var(--toastify-text-color-error)
}

.Toastify__progress-bar-theme--light {
    background: var(--toastify-color-progress-light)
}

.Toastify__progress-bar-theme--dark {
    background: var(--toastify-color-progress-dark)
}

.Toastify__progress-bar--info {
    background: var(--toastify-color-progress-info)
}

.Toastify__progress-bar--success {
    background: var(--toastify-color-progress-success)
}

.Toastify__progress-bar--warning {
    background: var(--toastify-color-progress-warning)
}

.Toastify__progress-bar--error {
    background: var(--toastify-color-progress-error)
}

.Toastify__progress-bar-theme--colored.Toastify__progress-bar--default {
    background: var(--toastify-color-progress-colored)
}

.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--info, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--success, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning {
    background: var(--toastify-color-transparent)
}

.Toastify__close-button {
    align-self: flex-start;
    background: #0000;
    border: none;
    color: #fff;
    cursor: pointer;
    opacity: .7;
    outline: none;
    padding: 0;
    transition: .3s ease
}

.Toastify__close-button--light {
    color: #000;
    opacity: .3
}

.Toastify__close-button > svg {
    fill: currentcolor;
    height: 16px;
    width: 14px
}

.Toastify__close-button:focus, .Toastify__close-button:hover {
    opacity: 1
}

@keyframes Toastify__trackProgress {
    0% {
        transform: scaleX(1)
    }

    to {
        transform: scaleX(0)
    }
}

.Toastify__progress-bar {
    bottom: 0;
    height: 5px;
    left: 0;
    opacity: .7;
    position: absolute;
    transform-origin: left;
    width: 100%;
    z-index: var(--toastify-z-index)
}

.Toastify__progress-bar--animated {
    animation: Toastify__trackProgress linear 1 forwards
}

.Toastify__progress-bar--controlled {
    transition: transform .2s
}

.Toastify__progress-bar--rtl {
    left: auto;
    right: 0;
    transform-origin: right
}

.Toastify__spinner {
    animation: Toastify__spin .65s linear infinite;
    border: 2px solid;
    border-color: var(--toastify-spinner-color-empty-area);
    border-radius: 100%;
    border-right-color: var(--toastify-spinner-color);
    box-sizing: border-box;
    height: 20px;
    width: 20px
}

@keyframes Toastify__bounceInRight {
    0%,60%,75%,90%,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(3000px,0,0)
    }

    60% {
        opacity: 1;
        transform: translate3d(-25px,0,0)
    }

    75% {
        transform: translate3d(10px,0,0)
    }

    90% {
        transform: translate3d(-5px,0,0)
    }

    to {
        transform: none
    }
}

@keyframes Toastify__bounceOutRight {
    20% {
        opacity: 1;
        transform: translate3d(-20px,0,0)
    }

    to {
        opacity: 0;
        transform: translate3d(2000px,0,0)
    }
}

@keyframes Toastify__bounceInLeft {
    0%,60%,75%,90%,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(-3000px,0,0)
    }

    60% {
        opacity: 1;
        transform: translate3d(25px,0,0)
    }

    75% {
        transform: translate3d(-10px,0,0)
    }

    90% {
        transform: translate3d(5px,0,0)
    }

    to {
        transform: none
    }
}

@keyframes Toastify__bounceOutLeft {
    20% {
        opacity: 1;
        transform: translate3d(20px,0,0)
    }

    to {
        opacity: 0;
        transform: translate3d(-2000px,0,0)
    }
}

@keyframes Toastify__bounceInUp {
    0%,60%,75%,90%,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0,3000px,0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0,-20px,0)
    }

    75% {
        transform: translate3d(0,10px,0)
    }

    90% {
        transform: translate3d(0,-5px,0)
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes Toastify__bounceOutUp {
    20% {
        transform: translate3d(0,-10px,0)
    }

    40%,45% {
        opacity: 1;
        transform: translate3d(0,20px,0)
    }

    to {
        opacity: 0;
        transform: translate3d(0,-2000px,0)
    }
}

@keyframes Toastify__bounceInDown {
    0%,60%,75%,90%,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0,-3000px,0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0,25px,0)
    }

    75% {
        transform: translate3d(0,-10px,0)
    }

    90% {
        transform: translate3d(0,5px,0)
    }

    to {
        transform: none
    }
}

@keyframes Toastify__bounceOutDown {
    20% {
        transform: translate3d(0,10px,0)
    }

    40%,45% {
        opacity: 1;
        transform: translate3d(0,-20px,0)
    }

    to {
        opacity: 0;
        transform: translate3d(0,2000px,0)
    }
}

.Toastify__bounce-enter--bottom-left, .Toastify__bounce-enter--top-left {
    animation-name: Toastify__bounceInLeft
}

.Toastify__bounce-enter--bottom-right, .Toastify__bounce-enter--top-right {
    animation-name: Toastify__bounceInRight
}

.Toastify__bounce-enter--top-center {
    animation-name: Toastify__bounceInDown
}

.Toastify__bounce-enter--bottom-center {
    animation-name: Toastify__bounceInUp
}

.Toastify__bounce-exit--bottom-left, .Toastify__bounce-exit--top-left {
    animation-name: Toastify__bounceOutLeft
}

.Toastify__bounce-exit--bottom-right, .Toastify__bounce-exit--top-right {
    animation-name: Toastify__bounceOutRight
}

.Toastify__bounce-exit--top-center {
    animation-name: Toastify__bounceOutUp
}

.Toastify__bounce-exit--bottom-center {
    animation-name: Toastify__bounceOutDown
}

@keyframes Toastify__none {
    0%,60%,75%,90%,to {
        animation-duration: 0;
        animation-timing-function: none
    }

    0% {
        opacity: 1;
        transform: translateZ(0)
    }

    to {
        transform: translateZ(0)
    }
}

.Toastify__none-enter--bottom-center, .Toastify__none-enter--bottom-left, .Toastify__none-enter--bottom-right, .Toastify__none-enter--top-center, .Toastify__none-enter--top-left, .Toastify__none-enter--top-right {
    animation-name: Toastify__none
}

@keyframes Toastify__zoomIn {
    0% {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

@keyframes Toastify__zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }

    to {
        opacity: 0
    }
}

.Toastify__zoom-enter {
    animation-name: Toastify__zoomIn
}

.Toastify__zoom-exit {
    animation-name: Toastify__zoomOut
}

@keyframes Toastify__flipIn {
    0% {
        animation-timing-function: ease-in;
        opacity: 0;
        transform: perspective(400px) rotateX(90deg)
    }

    40% {
        animation-timing-function: ease-in;
        transform: perspective(400px) rotateX(-20deg)
    }

    60% {
        opacity: 1;
        transform: perspective(400px) rotateX(10deg)
    }

    80% {
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        transform: perspective(400px)
    }
}

@keyframes Toastify__flipOut {
    0% {
        transform: perspective(400px)
    }

    30% {
        opacity: 1;
        transform: perspective(400px) rotateX(-20deg)
    }

    to {
        opacity: 0;
        transform: perspective(400px) rotateX(90deg)
    }
}

.Toastify__flip-enter {
    animation-name: Toastify__flipIn
}

.Toastify__flip-exit {
    animation-name: Toastify__flipOut
}

@keyframes Toastify__slideInRight {
    0% {
        transform: translate3d(110%,0,0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes Toastify__slideInLeft {
    0% {
        transform: translate3d(-110%,0,0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes Toastify__slideInUp {
    0% {
        transform: translate3d(0,110%,0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes Toastify__slideInDown {
    0% {
        transform: translate3d(0,-110%,0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes Toastify__slideOutRight {
    0% {
        transform: translateZ(0)
    }

    to {
        transform: translate3d(110%,0,0);
        visibility: hidden
    }
}

@keyframes Toastify__slideOutLeft {
    0% {
        transform: translateZ(0)
    }

    to {
        transform: translate3d(-110%,0,0);
        visibility: hidden
    }
}

@keyframes Toastify__slideOutDown {
    0% {
        transform: translateZ(0)
    }

    to {
        transform: translate3d(0,500px,0);
        visibility: hidden
    }
}

@keyframes Toastify__slideOutUp {
    0% {
        transform: translateZ(0)
    }

    to {
        transform: translate3d(0,-500px,0);
        visibility: hidden
    }
}

.Toastify__slide-enter--bottom-left, .Toastify__slide-enter--top-left {
    animation-name: Toastify__slideInLeft
}

.Toastify__slide-enter--bottom-right, .Toastify__slide-enter--top-right {
    animation-name: Toastify__slideInRight
}

.Toastify__slide-enter--top-center {
    animation-name: Toastify__slideInDown
}

.Toastify__slide-enter--bottom-center {
    animation-name: Toastify__slideInUp
}

.Toastify__slide-exit--bottom-left, .Toastify__slide-exit--top-left {
    animation-name: Toastify__slideOutLeft
}

.Toastify__slide-exit--bottom-right, .Toastify__slide-exit--top-right {
    animation-name: Toastify__slideOutRight
}

.Toastify__slide-exit--top-center {
    animation-name: Toastify__slideOutUp
}

.Toastify__slide-exit--bottom-center {
    animation-name: Toastify__slideOutDown
}

@keyframes Toastify__spin {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

#tooltip-container {
    position: fixed;
    width: 0;
    height: 0
}

.tooltip {
    width: 100vw;
    box-shadow: 0 0 #1e1e1e80;
    border-radius: .4rem;
    border: 1px solid #000;
    max-width: 10rem;
    background-color: #000;
    padding: .5rem .4rem;
    width: -moz-max-content !important;
    width: max-content !important
}

    .tooltip .tooltip-container {
        position: relative;
        height: 100%
    }

        .tooltip .tooltip-container .title {
            color: #fff;
            font-size: .9rem;
            line-height: .8rem
        }

        .tooltip .tooltip-container .description {
            color: #fff;
            font-size: .8rem
        }

        .tooltip .tooltip-container:after {
            content: "";
            position: absolute;
            top: 100%;
            left: 50%;
            margin-left: -8px;
            margin-top: 8px;
            width: 0;
            height: 0;
            border-top: solid 8px #000;
            border-left: solid 8px transparent;
            border-right: solid 8px transparent
        }

    .tooltip[data-placement=bottom] .tooltip-container:after {
        top: auto;
        bottom: 100%;
        transform: rotate(180deg) translateY(9px)
    }

    .tooltip[data-placement=right] .tooltip-container:after {
        top: 50%;
        left: 0;
        bottom: 100%;
        transform: rotate(90deg) translate(-10px,9px)
    }

    .tooltip[data-placement=left] .tooltip-container:after {
        top: auto;
        left: auto;
        right: -9px;
        bottom: 100%;
        transform: rotate(-90deg) translate(-10px,9px)
    }

    .tooltip[data-type=light] {
        border: 1px solid #fff;
        background-color: #fff
    }

        .tooltip[data-type=light] .tooltip-container .title, .tooltip[data-type=light] .tooltip-container .description {
            color: #000
        }

        .tooltip[data-type=light] .tooltip-container:after {
            border-color: #fff
        }

    .tooltip[data-size=medium] {
        max-width: 15rem;
        padding: .7rem .6rem
    }

        .tooltip[data-size=medium] .tooltip-container .title {
            font-size: 1rem;
            line-height: .9rem
        }

        .tooltip[data-size=medium] .tooltip-container .description {
            color: #fff;
            font-size: .8rem
        }

        .tooltip[data-size=medium] .tooltip-container:after {
            margin-top: 12px
        }

    .tooltip[data-size=large] {
        max-width: 15rem;
        padding: .7rem .6rem
    }

        .tooltip[data-size=large] .tooltip-container .title {
            font-size: 1.2rem;
            line-height: 1rem
        }

        .tooltip[data-size=large] .tooltip-container .description {
            color: #fff;
            font-size: 1rem
        }

        .tooltip[data-size=large] .tooltip-container:after {
            margin-top: 12px
        }