:root {
    --rose-50: #fff1f2;
    --rose-100: #ffe4e6;
    --rose-200: #fecdd3;
    --rose-300: #fda4af;
    --rose-400: #fb7185;
    --rose-500: #f43f5e;
    --rose-600: #e11d48;
    --rose-700: #be123c;
    --rose-800: #9f1239;
    --rose-900: #881337;
    --pink-50: #fdf2f8;
    --pink-100: #fce7f3;
    --pink-200: #fbcfe8;
    --pink-300: #f9a8d4;
    --pink-400: #f472b6;
    --pink-500: #ec4899;
    --pink-600: #db2777;
    --pink-700: #be185d;
    --pink-800: #9d174d;
    --pink-900: #831843;
    --fuchsia-50: #fdf4ff;
    --fuchsia-100: #fae8ff;
    --fuchsia-200: #f5d0fe;
    --fuchsia-300: #f0abfc;
    --fuchsia-400: #e879f9;
    --fuchsia-500: #d946ef;
    --fuchsia-600: #c026d3;
    --fuchsia-700: #a21caf;
    --fuchsia-800: #86198f;
    --fuchsia-900: #701a75;
    --purple-50: #faf5ff;
    --purple-100: #f3e8ff;
    --purple-200: #e9d5ff;
    --purple-300: #d8b4fe;
    --purple-400: #c084fc;
    --purple-500: #a855f7;
    --purple-600: #9333ea;
    --purple-700: #7e22ce;
    --purple-800: #6b21a8;
    --purple-900: #581c87;
    --violet-50: #f5f3ff;
    --violet-100: #ede9fe;
    --violet-200: #ddd6fe;
    --violet-300: #c4b5fd;
    --violet-400: #a78bfa;
    --violet-500: #8b5cf6;
    --violet-600: #7c3aed;
    --violet-700: #6d28d9;
    --violet-800: #5b21b6;
    --violet-900: #4c1d95;
    --indigo-50: #eef2ff;
    --indigo-100: #e0e7ff;
    --indigo-200: #c7d2fe;
    --indigo-300: #a5b4fc;
    --indigo-400: #818cf8;
    --indigo-500: #6366f1;
    --indigo-600: #4f46e5;
    --indigo-700: #4338ca;
    --indigo-800: #3730a3;
    --indigo-900: #312e81;
    --blue-50: #eff6ff;
    --blue-100: #dbeafe;
    --blue-200: #bfdbfe;
    --blue-300: #93c5fd;
    --blue-400: #60a5fa;
    --blue-500: #3b82f6;
    --blue-600: #2563eb;
    --blue-700: #1d4ed8;
    --blue-800: #1e40af;
    --blue-900: #1e3a8a;
    --lightBlue-50: #f0f9ff;
    --lightBlue-100: #e0f2fe;
    --lightBlue-200: #bae6fd;
    --lightBlue-300: #7dd3fc;
    --lightBlue-400: #38bdf8;
    --lightBlue-500: #0ea5e9;
    --lightBlue-600: #0284c7;
    --lightBlue-700: #0369a1;
    --lightBlue-800: #075985;
    --lightBlue-900: #0c4a6e;
    --cyan-50: #ecfeff;
    --cyan-100: #cffafe;
    --cyan-200: #a5f3fc;
    --cyan-300: #67e8f9;
    --cyan-400: #22d3ee;
    --cyan-500: #06b6d4;
    --cyan-600: #0891b2;
    --cyan-700: #0e7490;
    --cyan-800: #155e75;
    --cyan-900: #164e63;
    --teal-50: #f0fdfa;
    --teal-100: #ccfbf1;
    --teal-200: #99f6e4;
    --teal-300: #5eead4;
    --teal-400: #2dd4bf;
    --teal-500: #14b8a6;
    --teal-600: #0d9488;
    --teal-700: #0f766e;
    --teal-800: #115e59;
    --teal-900: #134e4a;
    --emerald-50: #ecfdf5;
    --emerald-100: #d1fae5;
    --emerald-200: #a7f3d0;
    --emerald-300: #6ee7b7;
    --emerald-400: #34d399;
    --emerald-500: #10b981;
    --emerald-600: #059669;
    --emerald-700: #047857;
    --emerald-800: #065f46;
    --emerald-900: #064e3b;
    --green-50: #f0fdf4;
    --green-100: #dcfce7;
    --green-200: #bbf7d0;
    --green-300: #86efac;
    --green-400: #4ade80;
    --green-500: #22c55e;
    --green-600: #16a34a;
    --green-700: #15803d;
    --green-800: #166534;
    --green-900: #14532d;
    --lime-50: #f7fee7;
    --lime-100: #ecfccb;
    --lime-200: #d9f99d;
    --lime-300: #bef264;
    --lime-400: #a3e635;
    --lime-500: #84cc16;
    --lime-600: #65a30d;
    --lime-700: #4d7c0f;
    --lime-800: #3f6212;
    --lime-900: #365314;
    --yellow-50: #fefce8;
    --yellow-100: #fef9c3;
    --yellow-200: #fef08a;
    --yellow-300: #fde047;
    --yellow-400: #facc15;
    --yellow-500: #eab308;
    --yellow-600: #ca8a04;
    --yellow-700: #a16207;
    --yellow-800: #854d0e;
    --yellow-900: #713f12;
    --amber-50: #fffbeb;
    --amber-100: #fef3c7;
    --amber-200: #fde68a;
    --amber-300: #fcd34d;
    --amber-400: #fbbf24;
    --amber-500: #f59e0b;
    --amber-600: #d97706;
    --amber-700: #b45309;
    --amber-800: #92400e;
    --amber-900: #78350f;
    --orange-50: #fff7ed;
    --orange-100: #ffedd5;
    --orange-200: #fed7aa;
    --orange-300: #fdba74;
    --orange-400: #fb923c;
    --orange-500: #f97316;
    --orange-600: #ea580c;
    --orange-700: #c2410c;
    --orange-800: #9a3412;
    --orange-900: #7c2d12;
    --red-50: #fef2f2;
    --red-100: #fee2e2;
    --red-200: #fecaca;
    --red-300: #fca5a5;
    --red-400: #f87171;
    --red-500: #ef4444;
    --red-600: #dc2626;
    --red-700: #b91c1c;
    --red-800: #991b1b;
    --red-900: #7f1d1d;
    --warmGray-50: #fafaf9;
    --warmGray-100: #f5f5f4;
    --warmGray-200: #e7e5e4;
    --warmGray-300: #d6d3d1;
    --warmGray-400: #a8a29e;
    --warmGray-500: #78716c;
    --warmGray-600: #57534e;
    --warmGray-700: #44403c;
    --warmGray-800: #292524;
    --warmGray-900: #1c1917;
    --trueGray-50: #fafafa;
    --trueGray-100: #f5f5f5;
    --trueGray-200: #e5e5e5;
    --trueGray-300: #d4d4d4;
    --trueGray-400: #a3a3a3;
    --trueGray-500: #737373;
    --trueGray-600: #525252;
    --trueGray-700: #404040;
    --trueGray-800: #262626;
    --trueGray-900: #171717;
    --gray-50: #fafafa;
    --gray-100: #f4f4f5;
    --gray-200: #e4e4e7;
    --gray-300: #d4d4d8;
    --gray-400: #a1a1aa;
    --gray-500: #71717a;
    --gray-600: #52525b;
    --gray-700: #3f3f46;
    --gray-800: #27272a;
    --gray-900: #18181b;
    --coolGray-50: #f9fafb;
    --coolGray-100: #f3f4f6;
    --coolGray-200: #e5e7eb;
    --coolGray-300: #d1d5db;
    --coolGray-400: #9ca3af;
    --coolGray-500: #6b7280;
    --coolGray-600: #4b5563;
    --coolGray-700: #374151;
    --coolGray-800: #1f2937;
    --coolGray-900: #111827;
    --blueGray-50: #f8fafc;
    --blueGray-100: #f1f5f9;
    --blueGray-200: #e2e8f0;
    --blueGray-300: #cbd5e1;
    --blueGray-400: #94a3b8;
    --blueGray-500: #64748b;
    --blueGray-600: #475569;
    --blueGray-700: #334155;
    --blueGray-800: #1e293b;
    --blueGray-900: #0f172a;
    --black: #000000;
    --white: #ffffff;
}

/* hungry-loader */
/* https://dev.to/afif/i-made-100-more-css-loaders-for-your-next-project-4ioa */

.hungry-1 {
    width: 35px;
    height: 80px;
    position: relative;
}
.hungry-1:after {
    content: "";
    position: absolute;
    inset:0;
    padding: 3px 5px;
    border-top: 1px solid #bbb6aa;
    border-bottom: 4px solid #bbb6aa;
    background: 
        linear-gradient(#612329 0 0) bottom no-repeat content-box, 
        #e4e0d7;
    mix-blend-mode: darken;
    animation: hu1 1.5s infinite linear;
}
.hungry-1:before {
    content: "";
    position: absolute;
    inset:-18px calc(50% - 2px) 8px;
    background:#eb6b3e;     
    transform-origin: bottom;
    transform: rotate(8deg);
}

@keyframes hu1 {
 0%     {background-size: 100% 100%}
 100% {background-size: 100% 5%}
}

.hungry-2 {
    width: 35px;
    height: 80px;
    position: relative;
}
.hungry-2:after {
    content: "";
    position: absolute;
    inset:0 0 20px;
    border-radius:15px 15px 10px 10px;
    padding:1px;
    background:repeating-linear-gradient(-45deg,#91d2e2 0 8px,#1296a7 0 12px) content-box;
    --c:radial-gradient(farthest-side,#000 94%,#0000);
    -webkit-mask:
        linear-gradient(#0000 0 0),
        var(--c) -10px -10px,
        var(--c)    15px -14px,
        var(--c)     9px -6px,
        var(--c) -12px    9px,
        var(--c)    14px    9px,
        var(--c)    23px 27px,
        var(--c)    -8px 35px,
        var(--c)     50% 50%,
        linear-gradient(#000 0 0);
    mask:
        linear-gradient(#000 0 0),
        var(--c) -10px -10px,
        var(--c)    15px -14px,
        var(--c)     9px -6px,
        var(--c) -12px    9px,
        var(--c)    14px    9px,
        var(--c)    23px 27px,
        var(--c)    -8px 35px,
        var(--c)     50% 50%,
        linear-gradient(#0000 0 0);
    -webkit-mask-composite:destination-out;
    mask-composite:exclude,add,add,add,add,add,add,add,add;
    -webkit-mask-repeat:no-repeat;
    animation: hu2 3s infinite ;
}

.hungry-2:before {
    content: "";
    position: absolute;
    inset:50% calc(50% - 4px) 0;
    background:#e0a267;
    border-radius:50px;
}

@keyframes hu2 {
 0%     {-webkit-mask-size: auto,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0}
 10%    {-webkit-mask-size: auto,25px 25px,0 0,0 0,0 0,0 0,0 0,0 0,0 0}
 20%    {-webkit-mask-size: auto,25px 25px,25px 25px,0 0,0 0,0 0,0 0,0 0,0 0}
 30%    {-webkit-mask-size: auto,25px 25px,25px 25px,30px 30px,0 0,0 0,0 0,0 0,0 0}
 40%    {-webkit-mask-size: auto,25px 25px,25px 25px,30px 30px,30px 30px,0 0,0 0,0 0,0 0}
 50%    {-webkit-mask-size: auto,25px 25px,25px 25px,30px 30px,30px 30px,25px 25px,0 0,0 0,0 0}
 60%    {-webkit-mask-size: auto,25px 25px,25px 25px,30px 30px,30px 30px,25px 25px,25px 25px,0 0,0 0}
 70%    {-webkit-mask-size: auto,25px 25px,25px 25px,30px 30px,30px 30px,25px 25px,25px 25px,25px 25px,0 0}
 80%,
 100% {-webkit-mask-size: auto,25px 25px,25px 25px,30px 30px,30px 30px,25px 25px,25px 25px,25px 25px,200% 200%}
}

.hungry-3 {
    width: 35px;
    height: 80px;
    position: relative;
}
.hungry-3:after {
    content: "";
    position: absolute;
    inset:0 0 20px;
    border-radius:50px 50px 10px 10px;
    padding:1px;
    background:linear-gradient(#ff4d80 33%,#ffa104 0 66%, #01ddc7 0) content-box;
    --c:radial-gradient(farthest-side,#000 94%,#0000);
    -webkit-mask:
        linear-gradient(#0000 0 0),
        var(--c) -10px -10px,
        var(--c)    15px -14px,
        var(--c)     9px -6px,
        var(--c) -12px    9px,
        var(--c)    14px    9px,
        var(--c)    23px 27px,
        var(--c)    -8px 35px,
        var(--c)     50% 50%,
        linear-gradient(#000 0 0);
    mask:
        linear-gradient(#000 0 0),
        var(--c) -10px -10px,
        var(--c)    15px -14px,
        var(--c)     9px -6px,
        var(--c) -12px    9px,
        var(--c)    14px    9px,
        var(--c)    23px 27px,
        var(--c)    -8px 35px,
        var(--c)     50% 50%,
        linear-gradient(#0000 0 0);
    -webkit-mask-composite:destination-out;
    mask-composite:exclude,add,add,add,add,add,add,add,add;
    -webkit-mask-repeat:no-repeat;
    animation: hu3 3s infinite ;
}

.hungry-3:before {
    content: "";
    position: absolute;
    inset:50% calc(50% - 4px) 0;
    background:#e0a267;
    border-radius:50px;
}

@keyframes hu3 {
 0%     {-webkit-mask-size: auto,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0}
 10%    {-webkit-mask-size: auto,25px 25px,0 0,0 0,0 0,0 0,0 0,0 0,0 0}
 20%    {-webkit-mask-size: auto,25px 25px,25px 25px,0 0,0 0,0 0,0 0,0 0,0 0}
 30%    {-webkit-mask-size: auto,25px 25px,25px 25px,30px 30px,0 0,0 0,0 0,0 0,0 0}
 40%    {-webkit-mask-size: auto,25px 25px,25px 25px,30px 30px,30px 30px,0 0,0 0,0 0,0 0}
 50%    {-webkit-mask-size: auto,25px 25px,25px 25px,30px 30px,30px 30px,25px 25px,0 0,0 0,0 0}
 60%    {-webkit-mask-size: auto,25px 25px,25px 25px,30px 30px,30px 30px,25px 25px,25px 25px,0 0,0 0}
 70%    {-webkit-mask-size: auto,25px 25px,25px 25px,30px 30px,30px 30px,25px 25px,25px 25px,25px 25px,0 0}
 80%,
 100% {-webkit-mask-size: auto,25px 25px,25px 25px,30px 30px,30px 30px,25px 25px,25px 25px,25px 25px,200% 200%}
}




.hungry-4 {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    border: 8px solid #d1914b;
    --c:radial-gradient(farthest-side, #d64123 94%,#0000);
    --b:radial-gradient(farthest-side, #000 94%,#0000);
    background:
        var(--c) 11px 15px,
        var(--b) 6px 15px,        
        var(--c) 35px 23px,
        var(--b) 29px 15px,        
        var(--c) 11px 46px,
        var(--b) 11px 34px,        
        var(--c) 36px 0px,
        var(--b) 50px 31px,
        var(--c) 47px 43px,
        var(--b) 31px 48px,        
        #f6d353; 
    background-size: 15px 15px,6px 6px;
    background-repeat: no-repeat;
    animation: hu4 3s infinite;
}
@keyframes hu4 {
    0%         {-webkit-mask:conic-gradient(#0000 0         ,#000 0)}
    16.67% {-webkit-mask:conic-gradient(#0000 60deg ,#000 0)}
    33.33% {-webkit-mask:conic-gradient(#0000 120deg,#000 0)}
    50%        {-webkit-mask:conic-gradient(#0000 180deg,#000 0)}
    66.67% {-webkit-mask:conic-gradient(#0000 240deg,#000 0)}
    83.33% {-webkit-mask:conic-gradient(#0000 300deg,#000 0)}
    100%     {-webkit-mask:conic-gradient(#0000 360deg,#000 0)}
}

.hungry-5 {
    width: 80px;
    height: 75px;
    --c:radial-gradient(farthest-side, #f7b261 85%,#b97850,#0000);
    --b:radial-gradient(farthest-side, #734b46 94%,#0000);
    --s:8px 8px,8px 8px,8px 8px,40px 40px;
    --e:0 0, 0 0,0 0, 0 0;
    background:
        var(--b) 55% 47%,
        var(--b) 60% 66%,
        var(--b) 37% 43%,
        var(--c) 50% 50%,


        var(--b) 15px 4px,
        var(--b) 4px    14px,
        var(--b) 27px 18px,
        var(--c) 0        0,

        var(--b) calc(100% - 15px)    4px,
        var(--b) calc(100% - 4px)    14px,
        var(--b) calc(100% - 27px) 18px,
        var(--c) 100% 0/40px 40px,


        var(--b) 24px 47px,
        var(--b) 50%    43px,
        var(--b) 60%    58px,
        var(--c) 50%    100%;
    background-repeat: no-repeat;
    animation: hu5 3s infinite;
}

@keyframes hu5 {
    0%        ,20% {background-size: var(--s),var(--s),var(--s),var(--s)}
    20.01%,40% {background-size: var(--e),var(--s),var(--s),var(--s)}
    40.01%,60% {background-size: var(--e),var(--e),var(--s),var(--s)}
    60.01%,80% {background-size: var(--e),var(--e),var(--e),var(--s)}
    80.01%,100%{background-size: var(--e),var(--e),var(--e),var(--e)}
}


.hungry-6 {
    width: 35px;
    height: 80px;
    position: relative;
}
.hungry-6:before {
    content: "";
    position: absolute;
    inset:0 0 20px;
    padding:1px;
    background:
        conic-gradient(from -90deg at calc(100% - 3px) 3px,#7e3c26 135deg,#341612 0 270deg,#0000 0),
        conic-gradient(from     0deg at 3px calc(100% - 3px),#0000 90deg,#341612 0 225deg,#7e3c26 0),
        #54281f;
    background-size:17px 17px;
    background-clip: content-box;
    --c:linear-gradient(#000 0 0);
    -webkit-mask:
            var(--c) 0        0, 
            var(--c) 17px 0, 
            var(--c) 0        17px, 
            var(--c) 17px 17px, 
            var(--c) 0        34px, 
            var(--c) 17px 34px,
            linear-gradient(#000 0 0);
    -webkit-mask-composite:xor;
    mask-composite:exclude;
    -webkit-mask-repeat:no-repeat;
    animation: hu6 3s infinite ;
}

.hungry-6:after {
    content: "";
    position: absolute;
    inset:60% 0 0;
    background:#B21B01;
    border-top:5px solid #c9c7c5; 
}

@keyframes hu6 {
 0%,14%    {-webkit-mask-size: 0 0,0 0,0 0,0 0,0 0,0 0,auto}
 15%,29% {-webkit-mask-size: 17px 17px,0 0,0 0,0 0,0 0,0 0,auto}
 30%,44% {-webkit-mask-size: 17px 17px,17px 17px,0 0,0 0,0 0,0 0,auto}
 45%,59% {-webkit-mask-size: 17px 17px,17px 17px,17px 17px,0 0,0 0,0 0,auto}
 60%,74% {-webkit-mask-size: 17px 17px,17px 17px,17px 17px,17px 17px,0 0,0 0,auto}
 75%,89% {-webkit-mask-size: 17px 17px,17px 17px,17px 17px,17px 17px,17px 17px,0 0,auto}
 90%,
 100%        {-webkit-mask-size: 17px 17px,17px 17px,17px 17px,17px 17px,17px 17px,17px 17px,auto}
}


.hungry-7 {
    height: 35px;
    width: 80px;
    margin-left: 0px;
    background:
        radial-gradient(farthest-side,#ffd1d1 94%,#0000 ) 4px 22px/5px 5px,
        radial-gradient(farthest-side,#ffd1d1 94%,#0000 ) 12px 18px/5px 5px,        
        radial-gradient(farthest-side,#ffd1d1 94%,#0000 ) 3px 6px/8px 8px,        
        radial-gradient(farthest-side,#eb8594 90%,#0000 94%) left/20px 100%,        
        #bd3342;
    background-repeat: no-repeat;
    border-radius: 0 50px 50px 0;
    border-top-left-radius: 30px 40px;
    border-bottom-left-radius: 30px 40px;
    animation: hu7 3s infinite steps(10);
    position: relative;
}
@keyframes hu7 {
    100% {width: 20px;margin-left:60px;}
}

.hungry-7::before {
    content: " ";
    position: absolute;
    inset:calc(50% - 8px) -10px calc(50% - 8px) auto;
    width:15px;
    background:#bd3342;
    clip-path: polygon(0 50%,100% 0,70% 50%,100% 100%);
}

.hungry-8 {
    width: 80px;
    height: 40px;
    border-radius: 0 0 100px 100px;
    border:5px solid #538a2d;
    border-top:0;
    background:
        radial-gradient(farthest-side at top,#0000 calc(100% - 5px),#e7ef9d calc(100% - 4px)), 
        radial-gradient(2px 3px,#5c4037 89%,#0000) 0 0/17px 12px,
        #ff1643;
    --c:radial-gradient(farthest-side,#000 94%,#0000);
    -webkit-mask:
        linear-gradient(#0000 0 0),
        var(--c) 12px -8px,
        var(--c) 29px -8px,
        var(--c) 45px -6px,
        var(--c) 22px -2px,
        var(--c) 34px    6px, 
        var(--c) 21px    6px,
        linear-gradient(#000 0 0);
    mask:
        linear-gradient(#000 0 0),
        var(--c) 12px -8px,
        var(--c) 29px -8px,
        var(--c) 45px -6px,
        var(--c) 22px -2px,
        var(--c) 34px    6px, 
        var(--c) 21px    6px,
        linear-gradient(#0000 0 0);
    -webkit-mask-composite:destination-out;
    mask-composite:exclude,add,add,add,add,add,add;
    -webkit-mask-repeat:no-repeat;
    animation: hu8 3s infinite ;
}
@keyframes hu8 {
 0%     {-webkit-mask-size: auto,0 0,0 0,0 0,0 0,0 0,0 0}
 15%    {-webkit-mask-size: auto,20px 20px,0 0,0 0,0 0,0 0,0 0}
 30%    {-webkit-mask-size: auto,20px 20px,20px 20px,0 0,0 0,0 0,0 0}
 45%    {-webkit-mask-size: auto,20px 20px,20px 20px,20px 20px,0 0,0 0,0 0}
 60%    {-webkit-mask-size: auto,20px 20px,20px 20px,20px 20px,20px 20px,0 0,0 0}
 75%    {-webkit-mask-size: auto,20px 20px,20px 20px,20px 20px,20px 20px,20px 20px,0 0}
 90%,
 100% {-webkit-mask-size: auto,20px 20px,20px 20px,20px 20px,20px 20px,20px 20px,20px 20px}
}

/* hungry-loader END */


/*# sourceMappingURL=styles-5d475dff889ae24fc2b8.css.map*/