skorotkiewicz/rDrama
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix

Browse source
This commit is contained in:
kek7198 2021-12-18 23:07:33 -06:00
parent 9cfb14b70d
commit 3f393e0e5d
1 changed files with 289 additions and 267 deletions
Download patch file Download diff file Expand all files Collapse all files

308
files/static/dist/main.css vendored
View file

@ -2163,6 +2163,28 @@ video {
scrollbar-width: none; /* Firefox */ scrollbar-width: none; /* Firefox */
} }
.theme-mocha {
--color-100: 246,246,244;
--color-200: 235,233,229;
--color-300: 219,218,209;
--color-400: 155,175,161;
--color-500: 175,171,155;
--color-600: 99,96,77;
--color-700: 82,76,55;
--color-800: 55,52,31;
--color-900: 40,37,17;
--color-primary: 2,132,199;
--color-100: 241,245,249;
--color-200: 226,232,240;
--color-300: 203,213,225;
--color-400: 148,163,184;
--color-500: 100,116,139;
--color-600: 71,85,105;
--color-700: 51,65,85;
--color-800: 30,41,59;
--color-900: 15,23,42;
}
.theme-dramblr { .theme-dramblr {
--color-primary: 2,132,199; --color-primary: 2,132,199;
--color-100: 241,245,249; --color-100: 241,245,249;
@ -2244,14 +2266,14 @@ video {
/* ----------------------- VARIABLES --------------------- */ /* ----------------------- VARIABLES --------------------- */
/*:root { /*:root {
--color-primary: 220, 38, 38; --color-primary: 220, 38, 38;
}*/ }*/
/* ---------------- RESPONSIVE UTILITIES ----------------- */ /* ---------------- RESPONSIVE UTILITIES ----------------- */
/* -------------------- BASE STYLING -------------------- */ /* -------------------- BASE STYLING -------------------- */
/* ----------------------- INPUTS ----------------------- */ /* ----------------------- INPUTS ----------------------- */
.form-input { .form-input {
display: block; display: block;
width: 100%; width: 100%;
-webkit-appearance: none; -webkit-appearance: none;
@ -2269,11 +2291,11 @@ video {
--tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
} }
.form-input:hover { .form-input:hover {
--tw-border-opacity: 1; --tw-border-opacity: 1;
border-color: rgba(var(--color-400), var(--tw-border-opacity)); border-color: rgba(var(--color-400), var(--tw-border-opacity));
} }
.form-input:focus { .form-input:focus {
--tw-border-opacity: 1; --tw-border-opacity: 1;
border-color: rgba(125, 211, 252, var(--tw-border-opacity)); border-color: rgba(125, 211, 252, var(--tw-border-opacity));
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
@ -2283,7 +2305,7 @@ video {
--tw-ring-color: rgba(186, 230, 253, var(--tw-ring-opacity)); --tw-ring-color: rgba(186, 230, 253, var(--tw-ring-opacity));
--tw-ring-opacity: 0.5; --tw-ring-opacity: 0.5;
} }
@media (min-width: 640px) { @media (min-width: 640px) {
.form-input { .form-input {
font-size: 1rem; font-size: 1rem;
@ -2291,8 +2313,8 @@ video {
} }
} }
/* ---------------------- BUTTONS ----------------------- */ /* ---------------------- BUTTONS ----------------------- */
.btn { .btn {
display: inline-block; display: inline-block;
border-radius: 0.375rem; border-radius: 0.375rem;
border-width: 1px; border-width: 1px;
@ -2307,18 +2329,18 @@ video {
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
} }
.btn:focus { .btn:focus {
outline: 2px solid transparent; outline: 2px solid transparent;
outline-offset: 2px; outline-offset: 2px;
} }
.btn:active { .btn:active {
--tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
} }
.btn:disabled { .btn:disabled {
opacity: 0.5; opacity: 0.5;
} }
.btn-primary { .btn-primary {
border-color: rgba(0, 0, 0, 0.1); border-color: rgba(0, 0, 0, 0.1);
--tw-bg-opacity: 1; --tw-bg-opacity: 1;
background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
@ -2329,16 +2351,16 @@ video {
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgba(var(--color-100), var(--tw-text-opacity)); color: rgba(var(--color-100), var(--tw-text-opacity));
} }
.btn-primary:hover { .btn-primary:hover {
--tw-gradient-from: rgba(var(--color-primary), 0.9); --tw-gradient-from: rgba(var(--color-primary), 0.9);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
--tw-gradient-to: rgb(var(--color-primary)); --tw-gradient-to: rgb(var(--color-primary));
} }
.btn-primary:focus { .btn-primary:focus {
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgba(var(--color-200), var(--tw-text-opacity)); color: rgba(var(--color-200), var(--tw-text-opacity));
} }
.btn-red { .btn-red {
--tw-border-opacity: 1; --tw-border-opacity: 1;
border-color: rgba(127, 29, 29, var(--tw-border-opacity)); border-color: rgba(127, 29, 29, var(--tw-border-opacity));
background-image: linear-gradient(to top, var(--tw-gradient-stops)); background-image: linear-gradient(to top, var(--tw-gradient-stops));
@ -2348,16 +2370,16 @@ video {
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgba(var(--color-100), var(--tw-text-opacity)); color: rgba(var(--color-100), var(--tw-text-opacity));
} }
.btn-red:hover { .btn-red:hover {
--tw-gradient-from: #dc2626; --tw-gradient-from: #dc2626;
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 38, 38, 0)); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 38, 38, 0));
--tw-gradient-to: #b91c1c; --tw-gradient-to: #b91c1c;
} }
.btn-red:focus { .btn-red:focus {
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgba(255, 255, 255, var(--tw-text-opacity)); color: rgba(255, 255, 255, var(--tw-text-opacity));
} }
.btn-green { .btn-green {
--tw-border-opacity: 1; --tw-border-opacity: 1;
border-color: rgba(20, 83, 45, var(--tw-border-opacity)); border-color: rgba(20, 83, 45, var(--tw-border-opacity));
background-image: linear-gradient(to top, var(--tw-gradient-stops)); background-image: linear-gradient(to top, var(--tw-gradient-stops));
@ -2367,16 +2389,16 @@ video {
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgba(var(--color-100), var(--tw-text-opacity)); color: rgba(var(--color-100), var(--tw-text-opacity));
} }
.btn-green:hover { .btn-green:hover {
--tw-gradient-from: #16a34a; --tw-gradient-from: #16a34a;
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(22, 163, 74, 0)); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(22, 163, 74, 0));
--tw-gradient-to: #15803d; --tw-gradient-to: #15803d;
} }
.btn-green:focus { .btn-green:focus {
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgba(var(--color-200), var(--tw-text-opacity)); color: rgba(var(--color-200), var(--tw-text-opacity));
} }
.btn-blue { .btn-blue {
--tw-border-opacity: 1; --tw-border-opacity: 1;
border-color: rgba(12, 74, 110, var(--tw-border-opacity)); border-color: rgba(12, 74, 110, var(--tw-border-opacity));
background-image: linear-gradient(to top, var(--tw-gradient-stops)); background-image: linear-gradient(to top, var(--tw-gradient-stops));
@ -2386,16 +2408,16 @@ video {
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgba(var(--color-100), var(--tw-text-opacity)); color: rgba(var(--color-100), var(--tw-text-opacity));
} }
.btn-blue:hover { .btn-blue:hover {
--tw-gradient-from: #0284c7; --tw-gradient-from: #0284c7;
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(2, 132, 199, 0)); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(2, 132, 199, 0));
--tw-gradient-to: #0369a1; --tw-gradient-to: #0369a1;
} }
.btn-blue:focus { .btn-blue:focus {
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgba(var(--color-200), var(--tw-text-opacity)); color: rgba(var(--color-200), var(--tw-text-opacity));
} }
.btn-gray { .btn-gray {
--tw-border-opacity: 1; --tw-border-opacity: 1;
border-color: rgba(var(--color-300), var(--tw-border-opacity)); border-color: rgba(var(--color-300), var(--tw-border-opacity));
background-image: linear-gradient(to top, var(--tw-gradient-stops)); background-image: linear-gradient(to top, var(--tw-gradient-stops));
@ -2405,18 +2427,18 @@ video {
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgba(var(--color-700), var(--tw-text-opacity)); color: rgba(var(--color-700), var(--tw-text-opacity));
} }
.btn-gray:hover { .btn-gray:hover {
--tw-gradient-from: rgb(var(--color-100)); --tw-gradient-from: rgb(var(--color-100));
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(var(--color-100), 0)); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(var(--color-100), 0));
--tw-gradient-to: rgb(var(--color-200)); --tw-gradient-to: rgb(var(--color-200));
} }
.btn-gray:focus { .btn-gray:focus {
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgba(var(--color-900), var(--tw-text-opacity)); color: rgba(var(--color-900), var(--tw-text-opacity));
} }
/* ----------------------- BADGES ----------------------- */ /* ----------------------- BADGES ----------------------- */
.badge { .badge {
border-radius: 0.25rem; border-radius: 0.25rem;
background-image: linear-gradient(to top, var(--tw-gradient-stops)); background-image: linear-gradient(to top, var(--tw-gradient-stops));
padding-left: 0.25rem; padding-left: 0.25rem;
@ -2429,538 +2451,538 @@ video {
line-height: 1.5; line-height: 1.5;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1); text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
} }
.badge-pink { .badge-pink {
--tw-gradient-from: #db2777; --tw-gradient-from: #db2777;
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 39, 119, 0)); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 39, 119, 0));
--tw-gradient-to: #ec4899; --tw-gradient-to: #ec4899;
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgba(255, 255, 255, var(--tw-text-opacity)); color: rgba(255, 255, 255, var(--tw-text-opacity));
} }
.badge-purple { .badge-purple {
--tw-gradient-from: #9333ea; --tw-gradient-from: #9333ea;
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 51, 234, 0)); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 51, 234, 0));
--tw-gradient-to: #a855f7; --tw-gradient-to: #a855f7;
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgba(255, 255, 255, var(--tw-text-opacity)); color: rgba(255, 255, 255, var(--tw-text-opacity));
} }
.badge-red { .badge-red {
--tw-gradient-from: #dc2626; --tw-gradient-from: #dc2626;
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 38, 38, 0)); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 38, 38, 0));
--tw-gradient-to: #ef4444; --tw-gradient-to: #ef4444;
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgba(255, 255, 255, var(--tw-text-opacity)); color: rgba(255, 255, 255, var(--tw-text-opacity));
} }
.badge-yellow { .badge-yellow {
--tw-gradient-from: #d97706; --tw-gradient-from: #d97706;
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0)); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0));
--tw-gradient-to: #f59e0b; --tw-gradient-to: #f59e0b;
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgba(120, 53, 15, var(--tw-text-opacity)); color: rgba(120, 53, 15, var(--tw-text-opacity));
} }
.badge-blue { .badge-blue {
--tw-gradient-from: #0284c7; --tw-gradient-from: #0284c7;
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(2, 132, 199, 0)); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(2, 132, 199, 0));
--tw-gradient-to: #0ea5e9; --tw-gradient-to: #0ea5e9;
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgba(255, 255, 255, var(--tw-text-opacity)); color: rgba(255, 255, 255, var(--tw-text-opacity));
} }
.badge-green { .badge-green {
--tw-gradient-from: #16a34a; --tw-gradient-from: #16a34a;
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(22, 163, 74, 0)); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(22, 163, 74, 0));
--tw-gradient-to: #22c55e; --tw-gradient-to: #22c55e;
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgba(255, 255, 255, var(--tw-text-opacity)); color: rgba(255, 255, 255, var(--tw-text-opacity));
} }
.badge-primary { .badge-primary {
--tw-bg-opacity: 1; --tw-bg-opacity: 1;
background-color: rgba(var(--color-primary), var(--tw-bg-opacity)); background-color: rgba(var(--color-primary), var(--tw-bg-opacity));
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgba(255, 255, 255, var(--tw-text-opacity)); color: rgba(255, 255, 255, var(--tw-text-opacity));
} }
/* ---------------------- TOOLTIPS ---------------------- */ /* ---------------------- TOOLTIPS ---------------------- */
.tooltip-inner { .tooltip-inner {
background-color: @apply text-black; background-color: @apply text-black;
color: @apply text-white; color: @apply text-white;
} }
/* ----------------------- EMOJI ------------------------ */ /* ----------------------- EMOJI ------------------------ */
img.emoji { img.emoji {
width: 30px; width: 30px;
height: 30px; height: 30px;
display: inline-block; display: inline-block;
-o-object-fit: contain; -o-object-fit: contain;
object-fit: contain} object-fit: contain}
img.emoji-md { img.emoji-md {
width: 60px; width: 60px;
height: 60px; height: 60px;
display: inline-block; display: inline-block;
-o-object-fit: contain; -o-object-fit: contain;
object-fit: contain} object-fit: contain}
img.emoji-lg { img.emoji-lg {
max-width: 100%; max-width: 100%;
display: inline-block; display: inline-block;
-o-object-fit: contain; -o-object-fit: contain;
object-fit: contain} object-fit: contain}
.odd\:bg-gray-200:nth-child(odd) { .odd\:bg-gray-200:nth-child(odd) {
--tw-bg-opacity: 1; --tw-bg-opacity: 1;
background-color: rgba(var(--color-200), var(--tw-bg-opacity)); background-color: rgba(var(--color-200), var(--tw-bg-opacity));
} }
.visited\:text-gray-700:visited { .visited\:text-gray-700:visited {
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgba(var(--color-700), var(--tw-text-opacity)); color: rgba(var(--color-700), var(--tw-text-opacity));
} }
.hover\:scale-\[1\.15\]:hover { .hover\:scale-\[1\.15\]:hover {
--tw-scale-x: 1.15; --tw-scale-x: 1.15;
--tw-scale-y: 1.15; --tw-scale-y: 1.15;
transform: var(--tw-transform); transform: var(--tw-transform);
} }
.hover\:border-gray-400:hover { .hover\:border-gray-400:hover {
--tw-border-opacity: 1; --tw-border-opacity: 1;
border-color: rgba(var(--color-400), var(--tw-border-opacity)); border-color: rgba(var(--color-400), var(--tw-border-opacity));
} }
.hover\:border-gray-500:hover { .hover\:border-gray-500:hover {
--tw-border-opacity: 1; --tw-border-opacity: 1;
border-color: rgba(var(--color-500), var(--tw-border-opacity)); border-color: rgba(var(--color-500), var(--tw-border-opacity));
} }
.hover\:bg-gray-300:hover { .hover\:bg-gray-300:hover {
--tw-bg-opacity: 1; --tw-bg-opacity: 1;
background-color: rgba(var(--color-300), var(--tw-bg-opacity)); background-color: rgba(var(--color-300), var(--tw-bg-opacity));
} }
.hover\:bg-gray-700:hover { .hover\:bg-gray-700:hover {
--tw-bg-opacity: 1; --tw-bg-opacity: 1;
background-color: rgba(var(--color-700), var(--tw-bg-opacity)); background-color: rgba(var(--color-700), var(--tw-bg-opacity));
} }
.hover\:bg-black\/30:hover { .hover\:bg-black\/30:hover {
background-color: rgba(0, 0, 0, 0.3); background-color: rgba(0, 0, 0, 0.3);
} }
.hover\:bg-gray-400:hover { .hover\:bg-gray-400:hover {
--tw-bg-opacity: 1; --tw-bg-opacity: 1;
background-color: rgba(var(--color-400), var(--tw-bg-opacity)); background-color: rgba(var(--color-400), var(--tw-bg-opacity));
} }
.hover\:bg-gradient-to-t:hover { .hover\:bg-gradient-to-t:hover {
background-image: linear-gradient(to top, var(--tw-gradient-stops)); background-image: linear-gradient(to top, var(--tw-gradient-stops));
} }
.hover\:from-gray-100:hover { .hover\:from-gray-100:hover {
--tw-gradient-from: rgb(var(--color-100)); --tw-gradient-from: rgb(var(--color-100));
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(var(--color-100), 0)); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(var(--color-100), 0));
} }
.hover\:from-red-600:hover { .hover\:from-red-600:hover {
--tw-gradient-from: #dc2626; --tw-gradient-from: #dc2626;
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 38, 38, 0)); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 38, 38, 0));
} }
.hover\:from-green-600:hover { .hover\:from-green-600:hover {
--tw-gradient-from: #16a34a; --tw-gradient-from: #16a34a;
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(22, 163, 74, 0)); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(22, 163, 74, 0));
} }
.hover\:from-yellow-500:hover { .hover\:from-yellow-500:hover {
--tw-gradient-from: #f59e0b; --tw-gradient-from: #f59e0b;
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0)); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0));
} }
.hover\:from-red-800:hover { .hover\:from-red-800:hover {
--tw-gradient-from: #991b1b; --tw-gradient-from: #991b1b;
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(153, 27, 27, 0)); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(153, 27, 27, 0));
} }
.hover\:from-red-700:hover { .hover\:from-red-700:hover {
--tw-gradient-from: #b91c1c; --tw-gradient-from: #b91c1c;
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(185, 28, 28, 0)); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(185, 28, 28, 0));
} }
.hover\:from-yellow-600:hover { .hover\:from-yellow-600:hover {
--tw-gradient-from: #d97706; --tw-gradient-from: #d97706;
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0)); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0));
} }
.hover\:from-green-800:hover { .hover\:from-green-800:hover {
--tw-gradient-from: #166534; --tw-gradient-from: #166534;
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(22, 101, 52, 0)); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(22, 101, 52, 0));
} }
.hover\:to-gray-200:hover { .hover\:to-gray-200:hover {
--tw-gradient-to: rgb(var(--color-200)); --tw-gradient-to: rgb(var(--color-200));
} }
.hover\:to-red-700:hover { .hover\:to-red-700:hover {
--tw-gradient-to: #b91c1c; --tw-gradient-to: #b91c1c;
} }
.hover\:to-green-700:hover { .hover\:to-green-700:hover {
--tw-gradient-to: #15803d; --tw-gradient-to: #15803d;
} }
.hover\:to-yellow-600:hover { .hover\:to-yellow-600:hover {
--tw-gradient-to: #d97706; --tw-gradient-to: #d97706;
} }
.hover\:to-red-800:hover { .hover\:to-red-800:hover {
--tw-gradient-to: #991b1b; --tw-gradient-to: #991b1b;
} }
.hover\:to-yellow-500:hover { .hover\:to-yellow-500:hover {
--tw-gradient-to: #f59e0b; --tw-gradient-to: #f59e0b;
} }
.hover\:text-red-600:hover { .hover\:text-red-600:hover {
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgba(220, 38, 38, var(--tw-text-opacity)); color: rgba(220, 38, 38, var(--tw-text-opacity));
} }
.hover\:text-gray-900:hover { .hover\:text-gray-900:hover {
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgba(var(--color-900), var(--tw-text-opacity)); color: rgba(var(--color-900), var(--tw-text-opacity));
} }
.hover\:text-gray-700:hover { .hover\:text-gray-700:hover {
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgba(var(--color-700), var(--tw-text-opacity)); color: rgba(var(--color-700), var(--tw-text-opacity));
} }
.hover\:text-gray-400:hover { .hover\:text-gray-400:hover {
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgba(var(--color-400), var(--tw-text-opacity)); color: rgba(var(--color-400), var(--tw-text-opacity));
} }
.hover\:text-gray-300:hover { .hover\:text-gray-300:hover {
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgba(var(--color-300), var(--tw-text-opacity)); color: rgba(var(--color-300), var(--tw-text-opacity));
} }
.hover\:text-gray-200:hover { .hover\:text-gray-200:hover {
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgba(var(--color-200), var(--tw-text-opacity)); color: rgba(var(--color-200), var(--tw-text-opacity));
} }
.hover\:text-white:hover { .hover\:text-white:hover {
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgba(255, 255, 255, var(--tw-text-opacity)); color: rgba(255, 255, 255, var(--tw-text-opacity));
} }
.hover\:text-primary:hover { .hover\:text-primary:hover {
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgba(var(--color-primary), var(--tw-text-opacity)); color: rgba(var(--color-primary), var(--tw-text-opacity));
} }
.hover\:text-green-700:hover { .hover\:text-green-700:hover {
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgba(21, 128, 61, var(--tw-text-opacity)); color: rgba(21, 128, 61, var(--tw-text-opacity));
} }
.hover\:text-gray-500:hover { .hover\:text-gray-500:hover {
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgba(var(--color-500), var(--tw-text-opacity)); color: rgba(var(--color-500), var(--tw-text-opacity));
} }
.hover\:text-gray-600:hover { .hover\:text-gray-600:hover {
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgba(var(--color-600), var(--tw-text-opacity)); color: rgba(var(--color-600), var(--tw-text-opacity));
} }
.hover\:text-blue-600:hover { .hover\:text-blue-600:hover {
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgba(2, 132, 199, var(--tw-text-opacity)); color: rgba(2, 132, 199, var(--tw-text-opacity));
} }
.hover\:text-red-700:hover { .hover\:text-red-700:hover {
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgba(185, 28, 28, var(--tw-text-opacity)); color: rgba(185, 28, 28, var(--tw-text-opacity));
} }
.hover\:text-yellow-900:hover { .hover\:text-yellow-900:hover {
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgba(120, 53, 15, var(--tw-text-opacity)); color: rgba(120, 53, 15, var(--tw-text-opacity));
} }
.hover\:text-gray-800:hover { .hover\:text-gray-800:hover {
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgba(var(--color-800), var(--tw-text-opacity)); color: rgba(var(--color-800), var(--tw-text-opacity));
} }
.hover\:text-red-500:hover { .hover\:text-red-500:hover {
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgba(239, 68, 68, var(--tw-text-opacity)); color: rgba(239, 68, 68, var(--tw-text-opacity));
} }
.hover\:underline:hover { .hover\:underline:hover {
text-decoration: underline; text-decoration: underline;
} }
.hover\:opacity-100:hover { .hover\:opacity-100:hover {
opacity: 1; opacity: 1;
} }
.hover\:shadow-inner:hover { .hover\:shadow-inner:hover {
--tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
} }
.focus\:border-blue-300:focus { .focus\:border-blue-300:focus {
--tw-border-opacity: 1; --tw-border-opacity: 1;
border-color: rgba(125, 211, 252, var(--tw-border-opacity)); border-color: rgba(125, 211, 252, var(--tw-border-opacity));
} }
.focus\:bg-white:focus { .focus\:bg-white:focus {
--tw-bg-opacity: 1; --tw-bg-opacity: 1;
background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
} }
.focus\:bg-gradient-to-t:focus { .focus\:bg-gradient-to-t:focus {
background-image: linear-gradient(to top, var(--tw-gradient-stops)); background-image: linear-gradient(to top, var(--tw-gradient-stops));
} }
.focus\:from-gray-700:focus { .focus\:from-gray-700:focus {
--tw-gradient-from: rgb(var(--color-700)); --tw-gradient-from: rgb(var(--color-700));
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(var(--color-700), 0)); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(var(--color-700), 0));
} }
.focus\:from-red-800:focus { .focus\:from-red-800:focus {
--tw-gradient-from: #991b1b; --tw-gradient-from: #991b1b;
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(153, 27, 27, 0)); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(153, 27, 27, 0));
} }
.focus\:from-yellow-600:focus { .focus\:from-yellow-600:focus {
--tw-gradient-from: #d97706; --tw-gradient-from: #d97706;
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0)); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0));
} }
.focus\:from-gray-100:focus { .focus\:from-gray-100:focus {
--tw-gradient-from: rgb(var(--color-100)); --tw-gradient-from: rgb(var(--color-100));
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(var(--color-100), 0)); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(var(--color-100), 0));
} }
.focus\:from-green-800:focus { .focus\:from-green-800:focus {
--tw-gradient-from: #166534; --tw-gradient-from: #166534;
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(22, 101, 52, 0)); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(22, 101, 52, 0));
} }
.focus\:to-gray-800:focus { .focus\:to-gray-800:focus {
--tw-gradient-to: rgb(var(--color-800)); --tw-gradient-to: rgb(var(--color-800));
} }
.focus\:to-red-700:focus { .focus\:to-red-700:focus {
--tw-gradient-to: #b91c1c; --tw-gradient-to: #b91c1c;
} }
.focus\:to-yellow-500:focus { .focus\:to-yellow-500:focus {
--tw-gradient-to: #f59e0b; --tw-gradient-to: #f59e0b;
} }
.focus\:to-gray-200:focus { .focus\:to-gray-200:focus {
--tw-gradient-to: rgb(var(--color-200)); --tw-gradient-to: rgb(var(--color-200));
} }
.focus\:to-green-700:focus { .focus\:to-green-700:focus {
--tw-gradient-to: #15803d; --tw-gradient-to: #15803d;
} }
.focus\:font-bold:focus { .focus\:font-bold:focus {
font-weight: 700; font-weight: 700;
} }
.focus\:text-black:focus { .focus\:text-black:focus {
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgba(0, 0, 0, var(--tw-text-opacity)); color: rgba(0, 0, 0, var(--tw-text-opacity));
} }
.focus\:text-gray-900:focus { .focus\:text-gray-900:focus {
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgba(var(--color-900), var(--tw-text-opacity)); color: rgba(var(--color-900), var(--tw-text-opacity));
} }
.focus\:text-gray-500:focus { .focus\:text-gray-500:focus {
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgba(var(--color-500), var(--tw-text-opacity)); color: rgba(var(--color-500), var(--tw-text-opacity));
} }
.focus\:text-gray-400:focus { .focus\:text-gray-400:focus {
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgba(var(--color-400), var(--tw-text-opacity)); color: rgba(var(--color-400), var(--tw-text-opacity));
} }
.focus\:text-yellow-500:focus { .focus\:text-yellow-500:focus {
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgba(245, 158, 11, var(--tw-text-opacity)); color: rgba(245, 158, 11, var(--tw-text-opacity));
} }
.focus\:text-gray-300:focus { .focus\:text-gray-300:focus {
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgba(var(--color-300), var(--tw-text-opacity)); color: rgba(var(--color-300), var(--tw-text-opacity));
} }
.focus\:text-gray-200:focus { .focus\:text-gray-200:focus {
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgba(var(--color-200), var(--tw-text-opacity)); color: rgba(var(--color-200), var(--tw-text-opacity));
} }
.focus\:shadow-inner:focus { .focus\:shadow-inner:focus {
--tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
} }
.focus\:outline-none:focus { .focus\:outline-none:focus {
outline: 2px solid transparent; outline: 2px solid transparent;
outline-offset: 2px; outline-offset: 2px;
} }
.focus\:ring-2:focus { .focus\:ring-2:focus {
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
} }
.focus\:ring:focus { .focus\:ring:focus {
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
} }
.focus\:ring-inset:focus { .focus\:ring-inset:focus {
--tw-ring-inset: inset; --tw-ring-inset: inset;
} }
.focus\:ring-white:focus { .focus\:ring-white:focus {
--tw-ring-opacity: 1; --tw-ring-opacity: 1;
--tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity)); --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
} }
.focus\:ring-blue-200:focus { .focus\:ring-blue-200:focus {
--tw-ring-opacity: 1; --tw-ring-opacity: 1;
--tw-ring-color: rgba(186, 230, 253, var(--tw-ring-opacity)); --tw-ring-color: rgba(186, 230, 253, var(--tw-ring-opacity));
} }
.focus\:ring-opacity-50:focus { .focus\:ring-opacity-50:focus {
--tw-ring-opacity: 0.5; --tw-ring-opacity: 0.5;
} }
.focus\:ring-offset-2:focus { .focus\:ring-offset-2:focus {
--tw-ring-offset-width: 2px; --tw-ring-offset-width: 2px;
} }
.focus\:ring-offset-gray-800:focus { .focus\:ring-offset-gray-800:focus {
--tw-ring-offset-color: rgb(var(--color-800)); --tw-ring-offset-color: rgb(var(--color-800));
} }
.focus\:text-shadow:focus { .focus\:text-shadow:focus {
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.12) text-shadow: 0 1px 0 rgba(0, 0, 0, 0.12)
} }
.active\:text-gray-800:active { .active\:text-gray-800:active {
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgba(var(--color-800), var(--tw-text-opacity)); color: rgba(var(--color-800), var(--tw-text-opacity));
} }
.active\:shadow-inner:active { .active\:shadow-inner:active {
--tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
} }
.active\:outline-none:active { .active\:outline-none:active {
outline: 2px solid transparent; outline: 2px solid transparent;
outline-offset: 2px; outline-offset: 2px;
} }
.peer:checked ~ .peer-checked\:bg-gray-400 { .peer:checked ~ .peer-checked\:bg-gray-400 {
--tw-bg-opacity: 1; --tw-bg-opacity: 1;
background-color: rgba(var(--color-400), var(--tw-bg-opacity)); background-color: rgba(var(--color-400), var(--tw-bg-opacity));
} }
.peer:checked ~ .peer-checked\:shadow-inner { .peer:checked ~ .peer-checked\:shadow-inner {
--tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
} }
.dark .dark\:border-b { .dark .dark\:border-b {
border-bottom-width: 1px; border-bottom-width: 1px;
} }
.dark .dark\:border-gray-700 { .dark .dark\:border-gray-700 {
--tw-border-opacity: 1; --tw-border-opacity: 1;
border-color: rgba(var(--color-700), var(--tw-border-opacity)); border-color: rgba(var(--color-700), var(--tw-border-opacity));
} }
.dark .dark\:border-gray-900 { .dark .dark\:border-gray-900 {
--tw-border-opacity: 1; --tw-border-opacity: 1;
border-color: rgba(var(--color-900), var(--tw-border-opacity)); border-color: rgba(var(--color-900), var(--tw-border-opacity));
} }
.dark .dark\:border-gray-600 { .dark .dark\:border-gray-600 {
--tw-border-opacity: 1; --tw-border-opacity: 1;
border-color: rgba(var(--color-600), var(--tw-border-opacity)); border-color: rgba(var(--color-600), var(--tw-border-opacity));
} }
.dark .dark\:bg-gray-900 { .dark .dark\:bg-gray-900 {
--tw-bg-opacity: 1; --tw-bg-opacity: 1;
background-color: rgba(var(--color-900), var(--tw-bg-opacity)); background-color: rgba(var(--color-900), var(--tw-bg-opacity));
} }
.dark .dark\:bg-gray-700 { .dark .dark\:bg-gray-700 {
--tw-bg-opacity: 1; --tw-bg-opacity: 1;
background-color: rgba(var(--color-700), var(--tw-bg-opacity)); background-color: rgba(var(--color-700), var(--tw-bg-opacity));
} }
.dark .dark\:bg-gray-800 { .dark .dark\:bg-gray-800 {
--tw-bg-opacity: 1; --tw-bg-opacity: 1;
background-color: rgba(var(--color-800), var(--tw-bg-opacity)); background-color: rgba(var(--color-800), var(--tw-bg-opacity));
} }
.dark .dark\:bg-none { .dark .dark\:bg-none {
background-image: none; background-image: none;
} }
.dark .dark\:text-gray-100 { .dark .dark\:text-gray-100 {
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgba(var(--color-100), var(--tw-text-opacity)); color: rgba(var(--color-100), var(--tw-text-opacity));
} }
.dark .dark\:text-gray-200 { .dark .dark\:text-gray-200 {
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgba(var(--color-200), var(--tw-text-opacity)); color: rgba(var(--color-200), var(--tw-text-opacity));
} }
.dark .dark\:text-gray-400 { .dark .dark\:text-gray-400 {
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgba(var(--color-400), var(--tw-text-opacity)); color: rgba(var(--color-400), var(--tw-text-opacity));
} }
.dark .dark\:text-gray-500 { .dark .dark\:text-gray-500 {
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgba(var(--color-500), var(--tw-text-opacity)); color: rgba(var(--color-500), var(--tw-text-opacity));
} }
.dark .dark\:text-gray-300 { .dark .dark\:text-gray-300 {
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgba(var(--color-300), var(--tw-text-opacity)); color: rgba(var(--color-300), var(--tw-text-opacity));
} }
.dark .dark\:visited\:text-gray-400:visited { .dark .dark\:visited\:text-gray-400:visited {
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgba(var(--color-400), var(--tw-text-opacity)); color: rgba(var(--color-400), var(--tw-text-opacity));
} }
.dark .dark\:hover\:text-gray-400:hover { .dark .dark\:hover\:text-gray-400:hover {
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgba(var(--color-400), var(--tw-text-opacity)); color: rgba(var(--color-400), var(--tw-text-opacity));
} }
@media (min-width: 640px) { @media (min-width: 640px) {
.sm\:static { .sm\:static {
position: static; position: static;
@ -3039,7 +3061,7 @@ img.emoji-lg {
} }
} }
@media (min-width: 768px) { @media (min-width: 768px) {
.md\:col-span-1 { .md\:col-span-1 {
grid-column: span 1 / span 1; grid-column: span 1 / span 1;
@ -3275,7 +3297,7 @@ img.emoji-lg {
} }
} }
@media (min-width: 1024px) { @media (min-width: 1024px) {
.lg\:block { .lg\:block {
display: block; display: block;
@ -3311,7 +3333,7 @@ img.emoji-lg {
} }
} }
@media (min-width: 1280px) { @media (min-width: 1280px) {
.xl\:col-span-9 { .xl\:col-span-9 {
grid-column: span 9 / span 9; grid-column: span 9 / span 9;