@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";

.custom-toast-warning svg.Vue-Toastification__icon {
    color: #eab308
}

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


small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

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

:-moz-focusring {
    outline: auto
}

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

progress {
    vertical-align: baseline
}

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

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

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

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

summary {
    display: list-item
}

fieldset {
    margin: 0;
    padding: 0
}

legend {
    padding: 0
}

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

:disabled {
    cursor: default
}

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

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

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

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

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

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

.relative {
    position: relative
}

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

}

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

.flex {
    display: flex
}

.grid {
    display: grid
}

.h-6 {
    height: 1.5rem
}
.w-full {
    width: 100%
}


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


@keyframes spin {
    to {
        transform: rotate(360deg)
    }
}

.auto-rows-max {
    grid-auto-rows: max-content
}


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

.flex-col {
    flex-direction: column
}



.items-center {
    align-items: center
}

.gap-1 {
    gap: .25rem
}


.gap-3 {
    gap: .75rem
}

.gap-4 {
    gap: 1rem
}

.gap-5 {
    gap: 1.25rem
}


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

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


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

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

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

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

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

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

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

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

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

.divide-gray-100 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(243 244 246 / var(--tw-divide-opacity))
}

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

.divide-gray-900\/10 > :not([hidden]) ~ :not([hidden]) {
    border-color: #1118271a
}

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

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

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


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




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

.border {
    border-width: 1px
}



.border-dashed {
    border-style: dashed
}


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


.bg-emerald-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(206 255 232 / var(--tw-bg-opacity))
}


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


.p-3 {
    padding: .75rem
}

.p-4 {
    padding: 1rem
}


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

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

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

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.align-baseline {
    vertical-align: baseline
}

.font-sans {
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji"
}

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

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

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

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

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

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

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

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

.font-bold {
    font-weight: 700
}

.font-light {
    font-weight: 300
}

.font-medium {
    font-weight: 500
}

.font-normal {
    font-weight: 400
}

.font-semibold {
    font-weight: 600
}

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


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

.text-emerald-500 {
    --tw-text-opacity: 1;
    color: rgb(16 185 129 / var(--tw-text-opacity))
}


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


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

@media print {
    .print\:scroll-none::-webkit-scrollbar {
        display: none
    }

    .print\:scroll-none {
        -ms-overflow-style: none;
        scrollbar-width: none
    }
}

.zcreen {
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100)
}

@keyframes pulse {
    50% {
        opacity: .5
    }
}

.skeleton {
    animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
    border-radius: .5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity))
}

@keyframes flipInY {
    0% {
        transform: perspective(400px) rotateY(90deg);
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        transform: perspective(400px) rotateY(-20deg);
        animation-timing-function: ease-in
    }

    60% {
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }

    80% {
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        transform: perspective(400px)
    }
}

.flipInY {
    backface-visibility: visible !important;
    animation-name: flipInY;
    animation-duration: 3s;
    z-index: 10
}

@keyframes flipOutY {
    0% {
        transform: perspective(400px)
    }

    30% {
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1
    }

    to {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

.flipOutY {
    backface-visibility: visible !important;
    animation-name: flipOutY;
    animation-duration: 3s
}

@keyframes load-background {
    0% {
        width: 0
    }

    70%, 80% {
        width: 100%
    }
}

.animate-load-background:before {
    content: "";
    animation: load-background 4s linear infinite;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: -10;
    display: block;
    height: 100%;
    background-color: inherit;
    --tw-bg-opacity: 1
}

@keyframes right-tick {
    0% {
        transform: translate(0)
    }

    5% {
        transform: translate(3px)
    }

    10% {
        transform: translate(0)
    }

    to {
        transform: translate(0)
    }
}

@keyframes grow-tick {
    0% {
        transform: scale(1)
    }

    5% {
        transform: scale(1.3)
    }

    10% {
        transform: scale(1)
    }

    to {
        transform: scale(1)
    }
}

.dark-primary .bg-litepie-primary-500 {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

#litepie > div {
    margin-top: .625rem;
    padding-bottom: 4rem
}

@media (min-width: 640px) {
    #litepie > div {
        padding-bottom: 0
    }
}

#litepie > div > div:first-child {
    position: static;
    z-index: auto;
    overflow: visible;
    border-radius: .5rem
}

.litepie-datepicker > div > div {
    flex-wrap: nowrap
}

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

@media print {
    .print\:container {
        width: 100%
    }

    @media (min-width: 640px) {
        .print\:container {
            max-width: 640px
        }
    }

    @media (min-width: 768px) {
        .print\:container {
            max-width: 768px
        }
    }

    @media (min-width: 1024px) {
        .print\:container {
            max-width: 1024px
        }
    }

    @media (min-width: 1280px) {
        .print\:container {
            max-width: 1280px
        }
    }

    @media (min-width: 1536px) {
        .print\:container {
            max-width: 1536px
        }
    }
}

.group:hover .group-hover\:block {
    display: block
}

.group:hover .group-hover\:hidden {
    display: none
}

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

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

.group:hover .group-hover\:underline {
    text-decoration-line: underline
}

.group:hover .group-hover\:opacity-60 {
    opacity: .6
}

.group:hover .group-hover\:opacity-90 {
    opacity: .9
}

.group:hover .group-hover\:animate-right-tick {
    animation: right-tick 3s ease-out infinite
}

.group:hover .group-hover\:animate-grow-tick {
    animation: grow-tick 3s ease-out infinite
}

.dark-sidebar .dark-sidebar\:divide-white\/10 > :not([hidden]) ~ :not([hidden]) {
    border-color: #ffffff1a
}

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

.dark-sidebar .dark-sidebar\:border-white\/10 {
    border-color: #ffffff1a
}

.dark-sidebar .dark-sidebar\:bg-black\/10 {
    background-color: #0000001a
}

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

.dark-sidebar .dark-sidebar\:bg-white\/10 {
    background-color: #ffffff1a
}

.dark-sidebar .dark-sidebar\:bg-white\/20 {
    background-color: #fff3
}

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

.dark-sidebar .dark-sidebar\:text-gray-50 {
    --tw-text-opacity: 1;
    color: rgb(249 250 251 / var(--tw-text-opacity))
}

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

.dark-sidebar .dark-sidebar\:text-white\/50 {
    color: #ffffff80
}

.dark-sidebar .dark-sidebar\:text-white\/60 {
    color: #fff9
}

.dark-sidebar .dark-sidebar\:text-white\/80 {
    color: #fffc
}

.dark-sidebar .dark-sidebar\:text-white\/90 {
    color: #ffffffe6
}

:is(.dark .dark\:border-litepie-secondary-700) {
    --tw-border-opacity: 1;
    border-color: rgb(51 65 85 / var(--tw-border-opacity))
}

:is(.dark .dark\:border-litepie-secondary-700\/\[1\]) {
    border-color: #334155
}

:is(.dark .dark\:bg-litepie-secondary-700) {
    --tw-bg-opacity: 1;
    background-color: rgb(51 65 85 / var(--tw-bg-opacity))
}

:is(.dark .dark\:bg-litepie-secondary-800) {
    --tw-bg-opacity: 1;
    background-color: rgb(30 41 59 / var(--tw-bg-opacity))
}

:is(.dark .dark\:bg-opacity-50) {
    --tw-bg-opacity: .5
}

:is(.dark .dark\:text-litepie-secondary-100) {
    --tw-text-opacity: 1;
    color: rgb(241 245 249 / var(--tw-text-opacity))
}

:is(.dark .dark\:text-litepie-secondary-200) {
    --tw-text-opacity: 1;
    color: rgb(226 232 240 / var(--tw-text-opacity))
}

:is(.dark .dark\:text-litepie-secondary-300) {
    --tw-text-opacity: 1;
    color: rgb(203 213 225 / var(--tw-text-opacity))
}

:is(.dark .dark\:text-litepie-secondary-400) {
    --tw-text-opacity: 1;
    color: rgb(148 163 184 / var(--tw-text-opacity))
}

:is(.dark .dark\:text-opacity-70) {
    --tw-text-opacity: .7
}

:is(.dark .dark\:placeholder-litepie-secondary-500)::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(100 116 139 / var(--tw-placeholder-opacity))
}

:is(.dark .dark\:placeholder-litepie-secondary-500)::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(100 116 139 / var(--tw-placeholder-opacity))
}

:is(.dark .dark\:ring-offset-litepie-secondary-800) {
    --tw-ring-offset-color: #1e293b
}

:is(.dark .dark\:hover\:bg-litepie-secondary-700:hover) {
    --tw-bg-opacity: 1;
    background-color: rgb(51 65 85 / var(--tw-bg-opacity))
}

:is(.dark .dark\:hover\:text-litepie-secondary-100:hover) {
    --tw-text-opacity: 1;
    color: rgb(241 245 249 / var(--tw-text-opacity))
}

:is(.dark .dark\:hover\:text-litepie-secondary-300:hover) {
    --tw-text-opacity: 1;
    color: rgb(203 213 225 / var(--tw-text-opacity))
}

:is(.dark .dark\:focus\:border-litepie-primary-500:focus) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-primary) / var(--tw-border-opacity))
}

:is(.dark .dark\:focus\:bg-litepie-secondary-600:focus) {
    --tw-bg-opacity: 1;
    background-color: rgb(71 85 105 / var(--tw-bg-opacity))
}

:is(.dark .dark\:focus\:bg-litepie-secondary-700:focus) {
    --tw-bg-opacity: 1;
    background-color: rgb(51 65 85 / var(--tw-bg-opacity))
}

:is(.dark .dark\:focus\:bg-opacity-50:focus) {
    --tw-bg-opacity: .5
}

:is(.dark .dark\:focus\:text-litepie-secondary-100:focus) {
    --tw-text-opacity: 1;
    color: rgb(241 245 249 / var(--tw-text-opacity))
}

:is(.dark .dark\:focus\:ring-opacity-20:focus) {
    --tw-ring-opacity: .2
}

:is(.dark .dark\:focus\:ring-opacity-25:focus) {
    --tw-ring-opacity: .25
}

@media print {
    .print\:flex {
        display: flex
    }

    .print\:hidden {
        display: none
    }

    .print\:h-auto {
        height: auto
    }

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

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

    .print\:w-min {
        width: -moz-min-content;
        width: min-content
    }

    .print\:break-before-page {
        -moz-column-break-before: page;
        break-before: page
    }

    .print\:flex-col {
        flex-direction: column
    }

    .print\:gap-1 {
        gap: .25rem
    }

    .print\:gap-x-1 {
        -moz-column-gap: .25rem;
        column-gap: .25rem
    }

    .print\:divide-black > :not([hidden]) ~ :not([hidden]) {
        --tw-divide-opacity: 1;
        border-color: rgb(0 0 0 / var(--tw-divide-opacity))
    }

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

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

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

    .print\:opacity-100 {
        opacity: 1
    }

    .dark-sidebar .print\:dark-sidebar\:divide-black > :not([hidden]) ~ :not([hidden]) {
        --tw-divide-opacity: 1;
        border-color: rgb(0 0 0 / var(--tw-divide-opacity))
    }

    .dark-sidebar .print\:dark-sidebar\:border-black {
        --tw-border-opacity: 1;
        border-color: rgb(0 0 0 / var(--tw-border-opacity))
    }

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

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

@media (min-width: 640px) {
    .sm\:static {
        position: static
    }

    .sm\:relative {
        position: relative
    }

    .sm\:z-auto {
        z-index: auto
    }

    .sm\:order-none {
        order: 0
    }

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

    .sm\:mb-0 {
        margin-bottom: 0
    }

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

    .sm\:mb-1\.5 {
        margin-bottom: .375rem
    }

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

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

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

    .sm\:mt-0 {
        margin-top: 0
    }

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

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

    .sm\:mt-2\.5 {
        margin-top: .625rem
    }

    .sm\:inline-block {
        display: inline-block
    }

    .sm\:flex {
        display: flex
    }

    .sm\:hidden {
        display: none
    }

    .sm\:h-8 {
        height: 2rem
    }

    .sm\:h-screen {
        height: 100vh
    }

    .sm\:max-h-\[4\.5rem\] {
        max-height: 4.5rem
    }

    .sm\:w-1 {
        width: .25rem
    }

    .sm\:w-80 {
        width: 20rem
    }

    .sm\:w-\[368px\] {
        width: 368px
    }

    .sm\:w-auto {
        width: auto
    }

    .sm\:max-w-\[11rem\] {
        max-width: 11rem
    }

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

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

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

    .sm\:flex-nowrap {
        flex-wrap: nowrap
    }

    .sm\:gap-2 {
        gap: .5rem
    }

    .sm\:overflow-visible {
        overflow: visible
    }

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

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

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

    .sm\:border-t-0 {
        border-top-width: 0px
    }

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

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

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

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

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

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

    .sm\:align-middle {
        vertical-align: middle
    }

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

    .sm\:font-medium {
        font-weight: 500
    }

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

    .sm\:shadow-sm {
        --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);
        --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
    }
}

@media (min-width: 768px) {
    .md\:col-start-2 {
        grid-column-start: 2
    }

    .md\:w-80 {
        width: 20rem
    }

    .md\:auto-cols-\[1fr\] {
        grid-auto-columns: 1fr
    }

    .md\:grid-cols-\[minmax\(0\,_1fr\)_minmax\(0\,_36rem\)_minmax\(0\,_1fr\)\] {
        grid-template-columns: minmax(0, 1fr) minmax(0, 36rem) minmax(0, 1fr)
    }

    .md\:grid-rows-\[minmax\(0\,_2\.5rem\)_minmax\(0\,_1fr\)\] {
        grid-template-rows: minmax(0, 2.5rem) minmax(0, 1fr)
    }

    .md\:gap-x-20 {
        -moz-column-gap: 5rem;
        column-gap: 5rem
    }

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

@media (min-width: 1024px), print {
    .lg\:col-span-2 {
        grid-column: span 2 / span 2
    }

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

    .lg\:col-start-1 {
        grid-column-start: 1
    }

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

    .lg\:mb-0 {
        margin-bottom: 0
    }

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

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

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

    .lg\:block {
        display: block
    }

    .lg\:flex {
        display: flex
    }

    .lg\:grid {
        display: grid
    }

    .lg\:hidden {
        display: none
    }

    .lg\:h-10 {
        height: 2.5rem
    }

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

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

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

    .lg\:w-10 {
        width: 2.5rem
    }

    .lg\:w-96 {
        width: 24rem
    }

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

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

    .lg\:grid-cols-\[1fr_minmax\(0\,_36rem\)_minmax\(0\,_28rem\)_1fr\] {
        grid-template-columns: 1fr minmax(0, 36rem) minmax(0, 28rem) 1fr
    }

    .lg\:grid-cols-\[minmax\(0\,_1fr\)_minmax\(0\,_36rem\)\] {
        grid-template-columns: minmax(0, 1fr) minmax(0, 36rem)
    }

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

    .lg\:flex-nowrap {
        flex-wrap: nowrap
    }

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

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

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

    .lg\:gap-0 {
        gap: 0px
    }

    .lg\:gap-4 {
        gap: 1rem
    }

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

    .lg\:border-b-0 {
        border-bottom-width: 0px
    }

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

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

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

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

    .lg\:pt-0 {
        padding-top: 0
    }

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

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

@media print {
    @media (min-width: 1024px), print {
        .print\:lg\:h-auto {
            height: auto
        }
    }
}

@media (min-width: 1536px) {
    .\32xl\:text-sm {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

.vue-tel-input.disabled .selection, .vue-tel-input.disabled .dropdown, .vue-tel-input.disabled input {
    cursor: no-drop
}


.vti__selection .vti__country-code {
    color: #666
}


.vti__dropdown-item .vti__flag {
    display: inline-block;
    margin-right: 5px
}

.text-emerald-500{
    color: rgb(16 185 129 / var(--tw-text-opacity));
}