.waiter-app-active .pointer-events-none {
    pointer-events: none
}
.waiter-app-active .fixed {
    position: fixed
}
.waiter-app-active .absolute {
    position: absolute
}
.waiter-app-active .relative {
    position: relative
}
.waiter-app-active .sticky {
    position: sticky
}
.waiter-app-active .inset-x-2 {
    left: 0.5rem;
    right: 0.5rem
}
.waiter-app-active .bottom-0 {
    bottom: 0px
}
.waiter-app-active .bottom-\[calc\(0\.5rem\+env\(safe-area-inset-bottom\)\)\] {
    bottom: calc(0.5rem + env(safe-area-inset-bottom))
}
.waiter-app-active .left-0 {
    left: 0px
}
.waiter-app-active .left-3 {
    left: 0.75rem
}
.waiter-app-active .right-0 {
    right: 0px
}
.waiter-app-active .top-0 {
    top: 0px
}
.waiter-app-active .top-1\/2 {
    top: 50%
}
.waiter-app-active .z-10 {
    z-index: 10
}
.waiter-app-active .z-40 {
    z-index: 40
}
.waiter-app-active .-mx-5 {
    margin-left: -1.25rem;
    margin-right: -1.25rem
}
.waiter-app-active .mx-auto {
    margin-left: auto;
    margin-right: auto
}
.waiter-app-active .-mb-5 {
    margin-bottom: -1.25rem
}
.waiter-app-active .mb-2 {
    margin-bottom: 0.5rem
}
.waiter-app-active .mb-3 {
    margin-bottom: 0.75rem
}
.waiter-app-active .mr-1\.5 {
    margin-right: 0.375rem
}
.waiter-app-active .mr-2 {
    margin-right: 0.5rem
}
.waiter-app-active .mt-0\.5 {
    margin-top: 0.125rem
}
.waiter-app-active .mt-1 {
    margin-top: 0.25rem
}
.waiter-app-active .mt-1\.5 {
    margin-top: 0.375rem
}
.waiter-app-active .mt-2 {
    margin-top: 0.5rem
}
.waiter-app-active .mt-2\.5 {
    margin-top: 0.625rem
}
.waiter-app-active .mt-3 {
    margin-top: 0.75rem
}
.waiter-app-active .mt-4 {
    margin-top: 1rem
}
.waiter-app-active .line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}
.waiter-app-active .block {
    display: block
}
.waiter-app-active .flex {
    display: flex
}
.waiter-app-active .inline-flex {
    display: inline-flex
}
.waiter-app-active .\!table {
    display: table !important
}
.waiter-app-active .table {
    display: table
}
.waiter-app-active .grid {
    display: grid
}
.waiter-app-active .hidden {
    display: none
}
.waiter-app-active .aspect-square {
    aspect-ratio: 1 / 1
}
.waiter-app-active .h-0 {
    height: 0px
}
.waiter-app-active .h-10 {
    height: 2.5rem
}
.waiter-app-active .h-11 {
    height: 2.75rem
}
.waiter-app-active .h-12 {
    height: 3rem
}
.waiter-app-active .h-14 {
    height: 3.5rem
}
.waiter-app-active .h-3 {
    height: 0.75rem
}
.waiter-app-active .h-3\.5 {
    height: 0.875rem
}
.waiter-app-active .h-4 {
    height: 1rem
}
.waiter-app-active .h-7 {
    height: 1.75rem
}
.waiter-app-active .h-8 {
    height: 2rem
}
.waiter-app-active .h-9 {
    height: 2.25rem
}
.waiter-app-active .h-\[100dvh\] {
    height: 100dvh
}
.waiter-app-active .h-\[360px\] {
    height: 360px
}
.waiter-app-active .h-auto {
    height: auto
}
.waiter-app-active .h-full {
    height: 100%
}
.waiter-app-active .max-h-\[100dvh\] {
    max-height: 100dvh
}
.waiter-app-active .max-h-\[85dvh\] {
    max-height: 85dvh
}
.waiter-app-active .max-h-\[calc\(100dvh-1rem\)\] {
    max-height: calc(100dvh - 1rem)
}
.waiter-app-active .min-h-0 {
    min-height: 0px
}
.waiter-app-active .min-h-11 {
    min-height: 2.75rem
}
.waiter-app-active .min-h-9 {
    min-height: 2.25rem
}
.waiter-app-active .min-h-\[50px\] {
    min-height: 50px
}
.waiter-app-active .min-h-\[96px\] {
    min-height: 96px
}
.waiter-app-active .min-h-screen {
    min-height: 100vh
}
.waiter-app-active .w-10 {
    width: 2.5rem
}
.waiter-app-active .w-14 {
    width: 3.5rem
}
.waiter-app-active .w-3 {
    width: 0.75rem
}
.waiter-app-active .w-3\.5 {
    width: 0.875rem
}
.waiter-app-active .w-4 {
    width: 1rem
}
.waiter-app-active .w-7 {
    width: 1.75rem
}
.waiter-app-active .w-8 {
    width: 2rem
}
.waiter-app-active .w-9 {
    width: 2.25rem
}
.waiter-app-active .w-\[100dvw\] {
    width: 100dvw
}
.waiter-app-active .w-full {
    width: 100%
}
.waiter-app-active .min-w-0 {
    min-width: 0px
}
.waiter-app-active .min-w-\[190px\] {
    min-width: 190px
}
.waiter-app-active .max-w-7xl {
    max-width: 80rem
}
.waiter-app-active .max-w-\[100dvw\] {
    max-width: 100dvw
}
.waiter-app-active .max-w-\[430px\] {
    max-width: 430px
}
.waiter-app-active .max-w-full {
    max-width: 100%
}
.waiter-app-active .max-w-none {
    max-width: none
}
.waiter-app-active .flex-1 {
    flex: 1 1 0%
}
.waiter-app-active .flex-none {
    flex: none
}
.waiter-app-active .shrink-0 {
    flex-shrink: 0
}
.waiter-app-active .-translate-y-1\/2 {
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.waiter-app-active .translate-x-0 {
    --tw-translate-x: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.waiter-app-active .translate-y-0 {
    --tw-translate-y: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
@keyframes spin {
    to {
        transform: rotate(360deg)
    }
}
.waiter-app-active .animate-spin {
    animation: spin 1s linear infinite
}
.waiter-app-active .cursor-pointer {
    cursor: pointer
}
.waiter-app-active .touch-pan-y {
    --tw-pan-y: pan-y;
    touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom)
}
.waiter-app-active .scroll-mt-4 {
    scroll-margin-top: 1rem
}
.waiter-app-active .list-none {
    list-style-type: none
}
.waiter-app-active .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr))
}
.waiter-app-active .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr))
}
.waiter-app-active .grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr))
}
.waiter-app-active .grid-cols-\[0\.85fr\2c 1\.15fr\] {
    grid-template-columns: 0.85fr 1.15fr
}
.waiter-app-active .grid-cols-\[1fr\2c 0\.9fr\] {
    grid-template-columns: 1fr 0.9fr
}
.waiter-app-active .grid-rows-\[minmax\(0\2c 1fr\)\] {
    grid-template-rows: minmax(0,1fr)
}
.waiter-app-active .grid-rows-none {
    grid-template-rows: none
}
.waiter-app-active .flex-col {
    flex-direction: column
}
.waiter-app-active .flex-wrap {
    flex-wrap: wrap
}
.waiter-app-active .items-start {
    align-items: flex-start
}
.waiter-app-active .items-end {
    align-items: flex-end
}
.waiter-app-active .items-center {
    align-items: center
}
.waiter-app-active .justify-start {
    justify-content: flex-start
}
.waiter-app-active .justify-center {
    justify-content: center
}
.waiter-app-active .justify-between {
    justify-content: space-between
}
.waiter-app-active .gap-0 {
    gap: 0px
}
.waiter-app-active .gap-0\.5 {
    gap: 0.125rem
}
.waiter-app-active .gap-1 {
    gap: 0.25rem
}
.waiter-app-active .gap-1\.5 {
    gap: 0.375rem
}
.waiter-app-active .gap-2 {
    gap: 0.5rem
}
.waiter-app-active .gap-2\.5 {
    gap: 0.625rem
}
.waiter-app-active .gap-3 {
    gap: 0.75rem
}
.waiter-app-active .gap-4 {
    gap: 1rem
}
.waiter-app-active :is(.space-y-1 > :not([hidden]) ~ :not([hidden])) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.25rem * var(--tw-space-y-reverse))
}
.waiter-app-active :is(.space-y-1\.5 > :not([hidden]) ~ :not([hidden])) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.375rem * var(--tw-space-y-reverse))
}
.waiter-app-active :is(.space-y-2 > :not([hidden]) ~ :not([hidden])) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.5rem * var(--tw-space-y-reverse))
}
.waiter-app-active :is(.space-y-2\.5 > :not([hidden]) ~ :not([hidden])) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.625rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.625rem * var(--tw-space-y-reverse))
}
.waiter-app-active :is(.space-y-3 > :not([hidden]) ~ :not([hidden])) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.75rem * var(--tw-space-y-reverse))
}
.waiter-app-active :is(.space-y-4 > :not([hidden]) ~ :not([hidden])) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1rem * var(--tw-space-y-reverse))
}
.waiter-app-active .overflow-hidden {
    overflow: hidden
}
.waiter-app-active .overflow-x-auto {
    overflow-x: auto
}
.waiter-app-active .overflow-y-auto {
    overflow-y: auto
}
.waiter-app-active .overflow-x-hidden {
    overflow-x: hidden
}
.waiter-app-active .overflow-y-hidden {
    overflow-y: hidden
}
.waiter-app-active .overflow-y-scroll {
    overflow-y: scroll
}
.waiter-app-active .overscroll-contain {
    overscroll-behavior: contain
}
.waiter-app-active .overscroll-y-contain {
    overscroll-behavior-y: contain
}
.waiter-app-active .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
.waiter-app-active .whitespace-nowrap {
    white-space: nowrap
}
.waiter-app-active .break-words {
    overflow-wrap: break-word
}
.waiter-app-active .rounded-2xl {
    border-radius: 1rem
}
.waiter-app-active .rounded-3xl {
    border-radius: 1.5rem
}
.waiter-app-active .rounded-\[14px\] {
    border-radius: 14px
}
.waiter-app-active .rounded-\[16px\] {
    border-radius: 16px
}
.waiter-app-active .rounded-\[18px\] {
    border-radius: 18px
}
.waiter-app-active .rounded-\[20px\] {
    border-radius: 20px
}
.waiter-app-active .rounded-\[22px\] {
    border-radius: 22px
}
.waiter-app-active .rounded-\[24px\] {
    border-radius: 24px
}
.waiter-app-active .rounded-\[28px\] {
    border-radius: 28px
}
.waiter-app-active .rounded-full {
    border-radius: 9999px
}
.waiter-app-active .rounded-lg {
    border-radius: 0.5rem
}
.waiter-app-active .rounded-none {
    border-radius: 0px
}
.waiter-app-active .rounded-xl {
    border-radius: 0.75rem
}
.waiter-app-active .border {
    border-width: 1px
}
.waiter-app-active .border-0 {
    border-width: 0px
}
.waiter-app-active .border-4 {
    border-width: 4px
}
.waiter-app-active .border-b {
    border-bottom-width: 1px
}
.waiter-app-active .border-t {
    border-top-width: 1px
}
.waiter-app-active .border-dashed {
    border-style: dashed
}
.waiter-app-active .border-\[\#063E2D\] {
    --tw-border-opacity: 1;
    border-color: rgb(6 62 45 / var(--tw-border-opacity, 1))
}
.waiter-app-active .border-\[\#082F23\] {
    --tw-border-opacity: 1;
    border-color: rgb(8 47 35 / var(--tw-border-opacity, 1))
}
.waiter-app-active .border-\[\#0B6B4F\] {
    --tw-border-opacity: 1;
    border-color: rgb(11 107 79 / var(--tw-border-opacity, 1))
}
.waiter-app-active .border-\[\#7C3AED\] {
    --tw-border-opacity: 1;
    border-color: rgb(124 58 237 / var(--tw-border-opacity, 1))
}
.waiter-app-active .border-\[\#93CE46\] {
    --tw-border-opacity: 1;
    border-color: rgb(147 206 70 / var(--tw-border-opacity, 1))
}
.waiter-app-active .border-\[\#A4D65E\]\/15 {
    border-color: rgb(164 214 94 / 0.15)
}
.waiter-app-active .border-\[\#A4D65E\]\/20 {
    border-color: rgb(164 214 94 / 0.2)
}
.waiter-app-active .border-\[\#D7E2D3\] {
    --tw-border-opacity: 1;
    border-color: rgb(215 226 211 / var(--tw-border-opacity, 1))
}
.waiter-app-active .border-\[\#DCE6D8\] {
    --tw-border-opacity: 1;
    border-color: rgb(220 230 216 / var(--tw-border-opacity, 1))
}
.waiter-app-active .border-\[\#E4E9E0\] {
    --tw-border-opacity: 1;
    border-color: rgb(228 233 224 / var(--tw-border-opacity, 1))
}
.waiter-app-active .border-\[\#E7ECE4\] {
    --tw-border-opacity: 1;
    border-color: rgb(231 236 228 / var(--tw-border-opacity, 1))
}
.waiter-app-active .border-amber-200 {
    --tw-border-opacity: 1;
    border-color: rgb(253 230 138 / var(--tw-border-opacity, 1))
}
.waiter-app-active .border-amber-200\/40 {
    border-color: rgb(253 230 138 / 0.4)
}
.waiter-app-active .border-emerald-100 {
    --tw-border-opacity: 1;
    border-color: rgb(209 250 229 / var(--tw-border-opacity, 1))
}
.waiter-app-active .border-emerald-200 {
    --tw-border-opacity: 1;
    border-color: rgb(167 243 208 / var(--tw-border-opacity, 1))
}
.waiter-app-active .border-emerald-300 {
    --tw-border-opacity: 1;
    border-color: rgb(110 231 183 / var(--tw-border-opacity, 1))
}
.waiter-app-active .border-emerald-800 {
    --tw-border-opacity: 1;
    border-color: rgb(6 95 70 / var(--tw-border-opacity, 1))
}
.waiter-app-active .border-orange-200 {
    --tw-border-opacity: 1;
    border-color: rgb(254 215 170 / var(--tw-border-opacity, 1))
}
.waiter-app-active .border-orange-300 {
    --tw-border-opacity: 1;
    border-color: rgb(253 186 116 / var(--tw-border-opacity, 1))
}
.waiter-app-active .border-purple-200 {
    --tw-border-opacity: 1;
    border-color: rgb(233 213 255 / var(--tw-border-opacity, 1))
}
.waiter-app-active .border-red-300\/60 {
    border-color: rgb(252 165 165 / 0.6)
}
.waiter-app-active .border-sky-200 {
    --tw-border-opacity: 1;
    border-color: rgb(186 230 253 / var(--tw-border-opacity, 1))
}
.waiter-app-active .border-slate-100 {
    --tw-border-opacity: 1;
    border-color: rgb(241 245 249 / var(--tw-border-opacity, 1))
}
.waiter-app-active .border-violet-200 {
    --tw-border-opacity: 1;
    border-color: rgb(221 214 254 / var(--tw-border-opacity, 1))
}
.waiter-app-active .border-white {
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity, 1))
}
.waiter-app-active .border-white\/10 {
    border-color: rgb(255 255 255 / 0.1)
}
.waiter-app-active .border-white\/15 {
    border-color: rgb(255 255 255 / 0.15)
}
.waiter-app-active .border-yellow-200 {
    --tw-border-opacity: 1;
    border-color: rgb(254 240 138 / var(--tw-border-opacity, 1))
}
.waiter-app-active .border-t-\[\#FF6400\] {
    --tw-border-opacity: 1;
    border-top-color: rgb(255 100 0 / var(--tw-border-opacity, 1))
}
.waiter-app-active .bg-\[\#063E2D\] {
    --tw-bg-opacity: 1;
    background-color: rgb(6 62 45 / var(--tw-bg-opacity, 1))
}
.waiter-app-active .bg-\[\#07281e\] {
    --tw-bg-opacity: 1;
    background-color: rgb(7 40 30 / var(--tw-bg-opacity, 1))
}
.waiter-app-active .bg-\[\#082F23\] {
    --tw-bg-opacity: 1;
    background-color: rgb(8 47 35 / var(--tw-bg-opacity, 1))
}
.waiter-app-active .bg-\[\#0B6B4F\] {
    --tw-bg-opacity: 1;
    background-color: rgb(11 107 79 / var(--tw-bg-opacity, 1))
}
.waiter-app-active .bg-\[\#16834B\] {
    --tw-bg-opacity: 1;
    background-color: rgb(22 131 75 / var(--tw-bg-opacity, 1))
}
.waiter-app-active .bg-\[\#7C3AED\] {
    --tw-bg-opacity: 1;
    background-color: rgb(124 58 237 / var(--tw-bg-opacity, 1))
}
.waiter-app-active .bg-\[\#93CE46\] {
    --tw-bg-opacity: 1;
    background-color: rgb(147 206 70 / var(--tw-bg-opacity, 1))
}
.waiter-app-active .bg-\[\#A4D65E\] {
    --tw-bg-opacity: 1;
    background-color: rgb(164 214 94 / var(--tw-bg-opacity, 1))
}
.waiter-app-active .bg-\[\#CFE5D8\] {
    --tw-bg-opacity: 1;
    background-color: rgb(207 229 216 / var(--tw-bg-opacity, 1))
}
.waiter-app-active .bg-\[\#D8F3E4\] {
    --tw-bg-opacity: 1;
    background-color: rgb(216 243 228 / var(--tw-bg-opacity, 1))
}
.waiter-app-active .bg-\[\#DDEFE5\] {
    --tw-bg-opacity: 1;
    background-color: rgb(221 239 229 / var(--tw-bg-opacity, 1))
}
.waiter-app-active .bg-\[\#E3F1E8\] {
    --tw-bg-opacity: 1;
    background-color: rgb(227 241 232 / var(--tw-bg-opacity, 1))
}
.waiter-app-active .bg-\[\#E53935\] {
    --tw-bg-opacity: 1;
    background-color: rgb(229 57 53 / var(--tw-bg-opacity, 1))
}
.waiter-app-active .bg-\[\#E8F2EC\] {
    --tw-bg-opacity: 1;
    background-color: rgb(232 242 236 / var(--tw-bg-opacity, 1))
}
.waiter-app-active .bg-\[\#EDE4FF\] {
    --tw-bg-opacity: 1;
    background-color: rgb(237 228 255 / var(--tw-bg-opacity, 1))
}
.waiter-app-active .bg-\[\#EDF4E8\] {
    --tw-bg-opacity: 1;
    background-color: rgb(237 244 232 / var(--tw-bg-opacity, 1))
}
.waiter-app-active .bg-\[\#EEF4E9\] {
    --tw-bg-opacity: 1;
    background-color: rgb(238 244 233 / var(--tw-bg-opacity, 1))
}
.waiter-app-active .bg-\[\#F2BE49\] {
    --tw-bg-opacity: 1;
    background-color: rgb(242 190 73 / var(--tw-bg-opacity, 1))
}
.waiter-app-active .bg-\[\#F2F7F4\] {
    --tw-bg-opacity: 1;
    background-color: rgb(242 247 244 / var(--tw-bg-opacity, 1))
}
.waiter-app-active .bg-\[\#F4F8F2\] {
    --tw-bg-opacity: 1;
    background-color: rgb(244 248 242 / var(--tw-bg-opacity, 1))
}
.waiter-app-active .bg-\[\#F5FBED\] {
    --tw-bg-opacity: 1;
    background-color: rgb(245 251 237 / var(--tw-bg-opacity, 1))
}
.waiter-app-active .bg-\[\#F7FAF5\] {
    --tw-bg-opacity: 1;
    background-color: rgb(247 250 245 / var(--tw-bg-opacity, 1))
}
.waiter-app-active .bg-\[\#FBFCFA\] {
    --tw-bg-opacity: 1;
    background-color: rgb(251 252 250 / var(--tw-bg-opacity, 1))
}
.waiter-app-active .bg-\[\#FF6400\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 100 0 / var(--tw-bg-opacity, 1))
}
.waiter-app-active .bg-\[\#FF7A00\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 122 0 / var(--tw-bg-opacity, 1))
}
.waiter-app-active .bg-\[\#FFF1E6\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 241 230 / var(--tw-bg-opacity, 1))
}
.waiter-app-active .bg-\[\#FFFDF7\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 253 247 / var(--tw-bg-opacity, 1))
}
.waiter-app-active .bg-amber-100\/10 {
    background-color: rgb(254 243 199 / 0.1)
}
.waiter-app-active .bg-amber-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1))
}
.waiter-app-active .bg-blue-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1))
}
.waiter-app-active .bg-emerald-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(236 253 245 / var(--tw-bg-opacity, 1))
}
.waiter-app-active .bg-orange-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(255 237 213 / var(--tw-bg-opacity, 1))
}
.waiter-app-active .bg-orange-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(255 247 237 / var(--tw-bg-opacity, 1))
}
.waiter-app-active .bg-red-500\/90 {
    background-color: rgb(239 68 68 / 0.9)
}
.waiter-app-active .bg-sky-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(240 249 255 / var(--tw-bg-opacity, 1))
}
.waiter-app-active .bg-slate-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1))
}
.waiter-app-active .bg-violet-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(245 243 255 / var(--tw-bg-opacity, 1))
}
.waiter-app-active .bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))
}
.waiter-app-active .bg-white\/10 {
    background-color: rgb(255 255 255 / 0.1)
}
.waiter-app-active .bg-white\/\[0\.08\] {
    background-color: rgb(255 255 255 / 0.08)
}
.waiter-app-active .bg-yellow-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(254 252 232 / var(--tw-bg-opacity, 1))
}
.waiter-app-active .bg-\[radial-gradient\(circle_at_top\2c \#0B5138_0\%\2c \#083927_40\%\2c \#072C1F_100\%\)\] {
    background-image: radial-gradient(circle at top,#0B5138 0%,#083927 40%,#072C1F 100%)
}
.waiter-app-active .bg-\[radial-gradient\(circle_at_top\2c \#0B5138_0\%\2c \#083927_42\%\2c \#072C1F_100\%\)\] {
    background-image: radial-gradient(circle at top,#0B5138 0%,#083927 42%,#072C1F 100%)
}
.waiter-app-active .object-cover {
    object-fit: cover
}
.waiter-app-active .p-0 {
    padding: 0px
}
.waiter-app-active .p-1 {
    padding: 0.25rem
}
.waiter-app-active .p-2 {
    padding: 0.5rem
}
.waiter-app-active .p-2\.5 {
    padding: 0.625rem
}
.waiter-app-active .p-3 {
    padding: 0.75rem
}
.waiter-app-active .p-4 {
    padding: 1rem
}
.waiter-app-active .px-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem
}
.waiter-app-active .px-1\.5 {
    padding-left: 0.375rem;
    padding-right: 0.375rem
}
.waiter-app-active .px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem
}
.waiter-app-active .px-2\.5 {
    padding-left: 0.625rem;
    padding-right: 0.625rem
}
.waiter-app-active .px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem
}
.waiter-app-active .px-4 {
    padding-left: 1rem;
    padding-right: 1rem
}
.waiter-app-active .px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}
.waiter-app-active .py-0\.5 {
    padding-top: 0.125rem;
    padding-bottom: 0.125rem
}
.waiter-app-active .py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem
}
.waiter-app-active .py-1\.5 {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem
}
.waiter-app-active .py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem
}
.waiter-app-active .py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem
}
.waiter-app-active .py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem
}
.waiter-app-active .py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem
}
.waiter-app-active .pb-2 {
    padding-bottom: 0.5rem
}
.waiter-app-active .pb-24 {
    padding-bottom: 6rem
}
.waiter-app-active .pb-4 {
    padding-bottom: 1rem
}
.waiter-app-active .pb-5 {
    padding-bottom: 1.25rem
}
.waiter-app-active .pb-\[calc\(6\.5rem\+env\(safe-area-inset-bottom\)\)\] {
    padding-bottom: calc(6.5rem + env(safe-area-inset-bottom))
}
.waiter-app-active .pb-\[max\(0\.25rem\2c env\(safe-area-inset-bottom\)\)\] {
    padding-bottom: max(0.25rem,env(safe-area-inset-bottom))
}
.waiter-app-active .pb-\[max\(1rem\2c env\(safe-area-inset-bottom\)\)\] {
    padding-bottom: max(1rem,env(safe-area-inset-bottom))
}
.waiter-app-active .pl-10 {
    padding-left: 2.5rem
}
.waiter-app-active .pr-2 {
    padding-right: 0.5rem
}
.waiter-app-active .pr-3 {
    padding-right: 0.75rem
}
.waiter-app-active .pr-8 {
    padding-right: 2rem
}
.waiter-app-active .pt-5 {
    padding-top: 1.25rem
}
.waiter-app-active .text-left {
    text-align: left
}
.waiter-app-active .text-center {
    text-align: center
}
.waiter-app-active .text-right {
    text-align: right
}
.waiter-app-active .font-mono {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}
.waiter-app-active .text-2xl {
    font-size: 1.5rem;
    line-height: 2rem
}
.waiter-app-active .text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem
}
.waiter-app-active .text-\[1\.35rem\] {
    font-size: 1.35rem
}
.waiter-app-active .text-\[1\.55rem\] {
    font-size: 1.55rem
}
.waiter-app-active .text-\[10px\] {
    font-size: 10px
}
.waiter-app-active .text-\[11px\] {
    font-size: 11px
}
.waiter-app-active .text-\[12px\] {
    font-size: 12px
}
.waiter-app-active .text-\[13px\] {
    font-size: 13px
}
.waiter-app-active .text-\[15px\] {
    font-size: 15px
}
.waiter-app-active .text-\[8px\] {
    font-size: 8px
}
.waiter-app-active .text-\[9px\] {
    font-size: 9px
}
.waiter-app-active .text-base {
    font-size: 1rem;
    line-height: 1.5rem
}
.waiter-app-active .text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem
}
.waiter-app-active .text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem
}
.waiter-app-active .text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem
}
.waiter-app-active .text-xs {
    font-size: 0.75rem;
    line-height: 1rem
}
.waiter-app-active .font-black {
    font-weight: 900
}
.waiter-app-active .font-medium {
    font-weight: 500
}
.waiter-app-active .font-semibold {
    font-weight: 600
}
.waiter-app-active .uppercase {
    text-transform: uppercase
}
.waiter-app-active .leading-4 {
    line-height: 1rem
}
.waiter-app-active .leading-5 {
    line-height: 1.25rem
}
.waiter-app-active .leading-6 {
    line-height: 1.5rem
}
.waiter-app-active .leading-\[0\.875rem\] {
    line-height: 0.875rem
}
.waiter-app-active .leading-\[1\.125rem\] {
    line-height: 1.125rem
}
.waiter-app-active .leading-none {
    line-height: 1
}
.waiter-app-active .leading-tight {
    line-height: 1.25
}
.waiter-app-active .tracking-\[0\.04em\] {
    letter-spacing: 0.04em
}
.waiter-app-active .tracking-\[0\.08em\] {
    letter-spacing: 0.08em
}
.waiter-app-active .tracking-\[0\.12em\] {
    letter-spacing: 0.12em
}
.waiter-app-active .tracking-\[0\.14em\] {
    letter-spacing: 0.14em
}
.waiter-app-active .tracking-\[0\.16em\] {
    letter-spacing: 0.16em
}
.waiter-app-active .tracking-\[0\.18em\] {
    letter-spacing: 0.18em
}
.waiter-app-active .text-\[\#063E2D\] {
    --tw-text-opacity: 1;
    color: rgb(6 62 45 / var(--tw-text-opacity, 1))
}
.waiter-app-active .text-\[\#082F23\] {
    --tw-text-opacity: 1;
    color: rgb(8 47 35 / var(--tw-text-opacity, 1))
}
.waiter-app-active .text-\[\#083223\] {
    --tw-text-opacity: 1;
    color: rgb(8 50 35 / var(--tw-text-opacity, 1))
}
.waiter-app-active .text-\[\#0B4A36\] {
    --tw-text-opacity: 1;
    color: rgb(11 74 54 / var(--tw-text-opacity, 1))
}
.waiter-app-active .text-\[\#0B6B4B\] {
    --tw-text-opacity: 1;
    color: rgb(11 107 75 / var(--tw-text-opacity, 1))
}
.waiter-app-active .text-\[\#245B2B\] {
    --tw-text-opacity: 1;
    color: rgb(36 91 43 / var(--tw-text-opacity, 1))
}
.waiter-app-active .text-\[\#315A49\] {
    --tw-text-opacity: 1;
    color: rgb(49 90 73 / var(--tw-text-opacity, 1))
}
.waiter-app-active .text-\[\#4C2877\] {
    --tw-text-opacity: 1;
    color: rgb(76 40 119 / var(--tw-text-opacity, 1))
}
.waiter-app-active .text-\[\#A4D65E\] {
    --tw-text-opacity: 1;
    color: rgb(164 214 94 / var(--tw-text-opacity, 1))
}
.waiter-app-active .text-\[\#FF6400\] {
    --tw-text-opacity: 1;
    color: rgb(255 100 0 / var(--tw-text-opacity, 1))
}
.waiter-app-active .text-amber-700 {
    --tw-text-opacity: 1;
    color: rgb(180 83 9 / var(--tw-text-opacity, 1))
}
.waiter-app-active .text-current {
    color: currentColor
}
.waiter-app-active .text-emerald-100 {
    --tw-text-opacity: 1;
    color: rgb(209 250 229 / var(--tw-text-opacity, 1))
}
.waiter-app-active .text-emerald-700 {
    --tw-text-opacity: 1;
    color: rgb(4 120 87 / var(--tw-text-opacity, 1))
}
.waiter-app-active .text-emerald-800 {
    --tw-text-opacity: 1;
    color: rgb(6 95 70 / var(--tw-text-opacity, 1))
}
.waiter-app-active .text-orange-950 {
    --tw-text-opacity: 1;
    color: rgb(67 20 7 / var(--tw-text-opacity, 1))
}
.waiter-app-active .text-purple-900 {
    --tw-text-opacity: 1;
    color: rgb(88 28 135 / var(--tw-text-opacity, 1))
}
.waiter-app-active .text-red-700 {
    --tw-text-opacity: 1;
    color: rgb(185 28 28 / var(--tw-text-opacity, 1))
}
.waiter-app-active .text-slate-400 {
    --tw-text-opacity: 1;
    color: rgb(148 163 184 / var(--tw-text-opacity, 1))
}
.waiter-app-active .text-slate-500 {
    --tw-text-opacity: 1;
    color: rgb(100 116 139 / var(--tw-text-opacity, 1))
}
.waiter-app-active .text-slate-600 {
    --tw-text-opacity: 1;
    color: rgb(71 85 105 / var(--tw-text-opacity, 1))
}
.waiter-app-active .text-slate-700 {
    --tw-text-opacity: 1;
    color: rgb(51 65 85 / var(--tw-text-opacity, 1))
}
.waiter-app-active .text-slate-900 {
    --tw-text-opacity: 1;
    color: rgb(15 23 42 / var(--tw-text-opacity, 1))
}
.waiter-app-active .text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}
.waiter-app-active .text-white\/60 {
    color: rgb(255 255 255 / 0.6)
}
.waiter-app-active .text-white\/70 {
    color: rgb(255 255 255 / 0.7)
}
.waiter-app-active .text-white\/75 {
    color: rgb(255 255 255 / 0.75)
}
.waiter-app-active .text-white\/80 {
    color: rgb(255 255 255 / 0.8)
}
.waiter-app-active .opacity-80 {
    opacity: 0.8
}
.waiter-app-active .shadow-\[0_16px_34px_-24px_rgba\(0\2c 0\2c 0\2c 0\.8\)\] {
    --tw-shadow: 0 16px 34px -24px rgba(0,0,0,0.8);
    --tw-shadow-colored: 0 16px 34px -24px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.waiter-app-active .shadow-\[0_18px_40px_-28px_rgba\(0\2c 0\2c 0\2c 0\.55\)\] {
    --tw-shadow: 0 18px 40px -28px rgba(0,0,0,0.55);
    --tw-shadow-colored: 0 18px 40px -28px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.waiter-app-active .shadow-\[0_24px_60px_-34px_rgba\(0\2c 0\2c 0\2c 0\.75\)\] {
    --tw-shadow: 0 24px 60px -34px rgba(0,0,0,0.75);
    --tw-shadow-colored: 0 24px 60px -34px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.waiter-app-active .shadow-sm {
    --tw-shadow: 0 1px 2px 0 rgb(0 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)
}
.waiter-app-active .outline {
    outline-style: solid
}
.waiter-app-active .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)
}
.waiter-app-active .backdrop-blur-sm {
    --tw-backdrop-blur: blur(4px);
    -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)
}
.waiter-app-active .transition {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}
.waiter-app-active .\[-webkit-overflow-scrolling\:touch\] {
    -webkit-overflow-scrolling: touch
}
.waiter-app-active .hover\:bg-\[\#0B4A36\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(11 74 54 / var(--tw-bg-opacity, 1))
}
.waiter-app-active .hover\:bg-\[\#106336\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(16 99 54 / var(--tw-bg-opacity, 1))
}
.waiter-app-active .hover\:bg-\[\#6D28D9\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(109 40 217 / var(--tw-bg-opacity, 1))
}
.waiter-app-active .hover\:bg-\[\#D8F3E4\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(216 243 228 / var(--tw-bg-opacity, 1))
}
.waiter-app-active .hover\:bg-\[\#E25A00\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(226 90 0 / var(--tw-bg-opacity, 1))
}
.waiter-app-active .hover\:bg-\[\#FFF3EB\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(255 243 235 / var(--tw-bg-opacity, 1))
}
.waiter-app-active .hover\:bg-orange-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(254 215 170 / var(--tw-bg-opacity, 1))
}
.waiter-app-active .hover\:bg-white\/15:hover {
    background-color: rgb(255 255 255 / 0.15)
}
.waiter-app-active .hover\:text-\[\#E25A00\]:hover {
    --tw-text-opacity: 1;
    color: rgb(226 90 0 / var(--tw-text-opacity, 1))
}
.waiter-app-active .hover\:text-orange-950:hover {
    --tw-text-opacity: 1;
    color: rgb(67 20 7 / var(--tw-text-opacity, 1))
}
.waiter-app-active .hover\:text-white:hover {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}
.waiter-app-active .focus-visible\:outline:focus-visible {
    outline-style: solid
}
.waiter-app-active .focus-visible\:outline-2:focus-visible {
    outline-width: 2px
}
.waiter-app-active .focus-visible\:outline-purple-500:focus-visible {
    outline-color: #a855f7
}
.waiter-app-active .active\:scale-\[0\.98\]:active {
    --tw-scale-x: 0.98;
    --tw-scale-y: 0.98;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.waiter-app-active :is(.group[open] .group-open\:rotate-45) {
    --tw-rotate: 45deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
@media (min-width: 390px) {
    .waiter-app-active .min-\[390px\]\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }
}
@media (min-width: 446px) {
    .waiter-app-active .min-\[446px\]\:left-1\/2 {
        left: 50%
    }
    .waiter-app-active .min-\[446px\]\:right-auto {
        right: auto
    }
    .waiter-app-active .min-\[446px\]\:w-\[430px\] {
        width: 430px
    }
    .waiter-app-active .min-\[446px\]\:-translate-x-1\/2 {
        --tw-translate-x: -50%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }
}
@media (min-width: 640px) {
    .waiter-app-active .sm\:static {
        position: static
    }
    .waiter-app-active .sm\:left-\[50\%\] {
        left: 50%
    }
    .waiter-app-active .sm\:top-\[50\%\] {
        top: 50%
    }
    .waiter-app-active .sm\:mx-0 {
        margin-left: 0px;
        margin-right: 0px
    }
    .waiter-app-active .sm\:mb-0 {
        margin-bottom: 0px
    }
    .waiter-app-active .sm\:mt-3 {
        margin-top: 0.75rem
    }
    .waiter-app-active .sm\:inline {
        display: inline
    }
    .waiter-app-active .sm\:h-10 {
        height: 2.5rem
    }
    .waiter-app-active .sm\:h-12 {
        height: 3rem
    }
    .waiter-app-active .sm\:h-3\.5 {
        height: 0.875rem
    }
    .waiter-app-active .sm\:h-9 {
        height: 2.25rem
    }
    .waiter-app-active .sm\:h-\[520px\] {
        height: 520px
    }
    .waiter-app-active .sm\:h-\[92dvh\] {
        height: 92dvh
    }
    .waiter-app-active .sm\:h-auto {
        height: auto
    }
    .waiter-app-active .sm\:max-h-\[92dvh\] {
        max-height: 92dvh
    }
    .waiter-app-active .sm\:w-3\.5 {
        width: 0.875rem
    }
    .waiter-app-active .sm\:w-\[calc\(100\%-2rem\)\] {
        width: calc(100% - 2rem)
    }
    .waiter-app-active .sm\:w-\[calc\(100dvw-2rem\)\] {
        width: calc(100dvw - 2rem)
    }
    .waiter-app-active .sm\:w-auto {
        width: auto
    }
    .waiter-app-active .sm\:min-w-\[210px\] {
        min-width: 210px
    }
    .waiter-app-active .sm\:max-w-2xl {
        max-width: 42rem
    }
    .waiter-app-active .sm\:max-w-3xl {
        max-width: 48rem
    }
    .waiter-app-active .sm\:max-w-5xl {
        max-width: 64rem
    }
    .waiter-app-active .sm\:max-w-lg {
        max-width: 32rem
    }
    .waiter-app-active .sm\:max-w-md {
        max-width: 28rem
    }
    .waiter-app-active .sm\:translate-x-\[-50\%\] {
        --tw-translate-x: -50%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }
    .waiter-app-active .sm\:translate-y-\[-50\%\] {
        --tw-translate-y: -50%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }
    .waiter-app-active .sm\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
    .waiter-app-active .sm\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
    .waiter-app-active .sm\:grid-cols-5 {
        grid-template-columns: repeat(5, minmax(0, 1fr))
    }
    .waiter-app-active .sm\:grid-cols-\[1fr\2c 1fr\] {
        grid-template-columns: 1fr 1fr
    }
    .waiter-app-active .sm\:flex-row {
        flex-direction: row
    }
    .waiter-app-active .sm\:items-start {
        align-items: flex-start
    }
    .waiter-app-active .sm\:items-end {
        align-items: flex-end
    }
    .waiter-app-active .sm\:justify-between {
        justify-content: space-between
    }
    .waiter-app-active .sm\:gap-2 {
        gap: 0.5rem
    }
    .waiter-app-active .sm\:gap-3 {
        gap: 0.75rem
    }
    .waiter-app-active .sm\:rounded-\[24px\] {
        border-radius: 24px
    }
    .waiter-app-active .sm\:rounded-\[28px\] {
        border-radius: 28px
    }
    .waiter-app-active .sm\:border-0 {
        border-width: 0px
    }
    .waiter-app-active .sm\:bg-transparent {
        background-color: transparent
    }
    .waiter-app-active .sm\:p-0 {
        padding: 0px
    }
    .waiter-app-active .sm\:p-3 {
        padding: 0.75rem
    }
    .waiter-app-active .sm\:p-4 {
        padding: 1rem
    }
    .waiter-app-active .sm\:px-2 {
        padding-left: 0.5rem;
        padding-right: 0.5rem
    }
    .waiter-app-active .sm\:px-3 {
        padding-left: 0.75rem;
        padding-right: 0.75rem
    }
    .waiter-app-active .sm\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }
    .waiter-app-active .sm\:py-1 {
        padding-top: 0.25rem;
        padding-bottom: 0.25rem
    }
    .waiter-app-active .sm\:py-6 {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }
    .waiter-app-active .sm\:text-2xl {
        font-size: 1.5rem;
        line-height: 2rem
    }
    .waiter-app-active .sm\:text-3xl {
        font-size: 1.875rem;
        line-height: 2.25rem
    }
    .waiter-app-active .sm\:text-5xl {
        font-size: 3rem;
        line-height: 1
    }
    .waiter-app-active .sm\:text-\[1\.95rem\] {
        font-size: 1.95rem
    }
    .waiter-app-active .sm\:text-\[9px\] {
        font-size: 9px
    }
    .waiter-app-active .sm\:text-base {
        font-size: 1rem;
        line-height: 1.5rem
    }
    .waiter-app-active .sm\:text-lg {
        font-size: 1.125rem;
        line-height: 1.75rem
    }
    .waiter-app-active .sm\:text-sm {
        font-size: 0.875rem;
        line-height: 1.25rem
    }
    .waiter-app-active .sm\:text-xl {
        font-size: 1.25rem;
        line-height: 1.75rem
    }
    .waiter-app-active .sm\:text-xs {
        font-size: 0.75rem;
        line-height: 1rem
    }
    .waiter-app-active .sm\:leading-5 {
        line-height: 1.25rem
    }
}
@media (min-width: 768px) {
    .waiter-app-active .md\:hidden {
        display: none
    }
}
@media (min-width: 1024px) {
    .waiter-app-active .lg\:mt-0 {
        margin-top: 0px
    }
    .waiter-app-active .lg\:flex {
        display: flex
    }
    .waiter-app-active .lg\:hidden {
        display: none
    }
    .waiter-app-active .lg\:max-w-6xl {
        max-width: 72rem
    }
    .waiter-app-active .lg\:grid-cols-6 {
        grid-template-columns: repeat(6, minmax(0, 1fr))
    }
    .waiter-app-active .lg\:grid-cols-\[0\.95fr\2c 1\.05fr\] {
        grid-template-columns: 0.95fr 1.05fr
    }
    .waiter-app-active .lg\:grid-cols-\[0\.9fr\2c 1\.1fr\] {
        grid-template-columns: 0.9fr 1.1fr
    }
    .waiter-app-active .lg\:items-center {
        align-items: center
    }
    .waiter-app-active .lg\:justify-center {
        justify-content: center
    }
    .waiter-app-active .lg\:border-b-0 {
        border-bottom-width: 0px
    }
    .waiter-app-active .lg\:border-r {
        border-right-width: 1px
    }
    .waiter-app-active .lg\:p-5 {
        padding: 1.25rem
    }
    .waiter-app-active .lg\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }
}
@media (min-width: 1280px) {
    .waiter-app-active .xl\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}
.waiter-app-active .\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker {
    display: none
}
.waiter-app-active :is(.\[\&\>button\]\:text-white>button) {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}
.waiter-app-active :is(.\[\&_svg\]\:h-4 svg) {
    height: 1rem
}
.waiter-app-active :is(.\[\&_svg\]\:w-4 svg) {
    width: 1rem
}