+
From 6414d2c5911644cf577792c2ca8e4871ec069008 Mon Sep 17 00:00:00 2001
From: Max Behzadi <69126271+MaxTheGeeek@users.noreply.github.com>
Date: Mon, 6 Nov 2023 13:13:56 +0100
Subject: [PATCH 008/183] CHANGE: sizes
---
launcher/public/output.css | 2389 ++++++++---------
.../components/UI/node-page/NodeScreen.vue | 33 +-
.../UI/staking-page/StakingScreen.vue | 8 +-
.../components/management/ClientCommands.vue | 2 +-
.../components/AttestationReward.vue | 6 +-
.../management/components/BlockReward.vue | 6 +-
.../management/components/CommitteeReward.vue | 6 +-
.../management/components/EpochSlot.vue | 23 +-
.../management/components/TotalBalance.vue | 14 +-
.../UI/staking-page/sections/ListSection.vue | 2 +-
.../sections/ManagementSection.vue | 2 +-
.../staking-page/sections/SidebarSection.vue | 6 +-
launcher/src/components/base/BaseLayout.vue | 2 +-
13 files changed, 1193 insertions(+), 1306 deletions(-)
diff --git a/launcher/public/output.css b/launcher/public/output.css
index 603f783dd..06b85acc5 100755
--- a/launcher/public/output.css
+++ b/launcher/public/output.css
@@ -13,7 +13,7 @@
::before,
::after {
-webkit-box-sizing: border-box;
- box-sizing: border-box;
+ box-sizing: border-box;
/* 1 */
border-width: 0;
/* 2 */
@@ -25,7 +25,7 @@
::before,
::after {
- --tw-content: "";
+ --tw-content: '';
}
/*
@@ -45,13 +45,12 @@ html {
-moz-tab-size: 4;
/* 3 */
-o-tab-size: 4;
- tab-size: 4;
+ tab-size: 4;
/* 3 */
- font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,
- "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+ font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
/* 4 */
-webkit-font-feature-settings: normal;
- font-feature-settings: normal;
+ font-feature-settings: normal;
/* 5 */
font-variation-settings: normal;
/* 6 */
@@ -90,7 +89,7 @@ Add the correct text decoration in Chrome, Edge, and Safari.
abbr:where([title]) {
-webkit-text-decoration: underline dotted;
- text-decoration: underline dotted;
+ text-decoration: underline dotted;
}
/*
@@ -197,7 +196,7 @@ textarea {
font-family: inherit;
/* 1 */
-webkit-font-feature-settings: inherit;
- font-feature-settings: inherit;
+ font-feature-settings: inherit;
/* 1 */
font-variation-settings: inherit;
/* 1 */
@@ -230,9 +229,9 @@ select {
*/
button,
-[type="button"],
-[type="reset"],
-[type="submit"] {
+[type='button'],
+[type='reset'],
+[type='submit'] {
-webkit-appearance: button;
/* 1 */
background-color: transparent;
@@ -279,7 +278,7 @@ Correct the cursor style of increment and decrement buttons in Safari.
2. Correct the outline style in Safari.
*/
-[type="search"] {
+[type='search'] {
-webkit-appearance: textfield;
/* 1 */
outline-offset: -2px;
@@ -372,32 +371,28 @@ textarea {
2. Set the default placeholder color to the user's configured gray 400 color.
*/
-input::-webkit-input-placeholder,
-textarea::-webkit-input-placeholder {
+input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
opacity: 1;
/* 1 */
color: #9ca3af;
/* 2 */
}
-input::-moz-placeholder,
-textarea::-moz-placeholder {
+input::-moz-placeholder, textarea::-moz-placeholder {
opacity: 1;
/* 1 */
color: #9ca3af;
/* 2 */
}
-input:-ms-input-placeholder,
-textarea:-ms-input-placeholder {
+input:-ms-input-placeholder, textarea:-ms-input-placeholder {
opacity: 1;
/* 1 */
color: #9ca3af;
/* 2 */
}
-input::-ms-input-placeholder,
-textarea::-ms-input-placeholder {
+input::-ms-input-placeholder, textarea::-ms-input-placeholder {
opacity: 1;
/* 1 */
color: #9ca3af;
@@ -465,14 +460,12 @@ video {
display: none;
}
-* {
+*{
scrollbar-color: initial;
scrollbar-width: initial;
}
-*,
-::before,
-::after {
+*, ::before, ::after{
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
@@ -482,19 +475,19 @@ video {
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
- --tw-pan-x: ;
- --tw-pan-y: ;
- --tw-pinch-zoom: ;
+ --tw-pan-x: ;
+ --tw-pan-y: ;
+ --tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
- --tw-gradient-from-position: ;
- --tw-gradient-via-position: ;
- --tw-gradient-to-position: ;
- --tw-ordinal: ;
- --tw-slashed-zero: ;
- --tw-numeric-figure: ;
- --tw-numeric-spacing: ;
- --tw-numeric-fraction: ;
- --tw-ring-inset: ;
+ --tw-gradient-from-position: ;
+ --tw-gradient-via-position: ;
+ --tw-gradient-to-position: ;
+ --tw-ordinal: ;
+ --tw-slashed-zero: ;
+ --tw-numeric-figure: ;
+ --tw-numeric-spacing: ;
+ --tw-numeric-fraction: ;
+ --tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(59 130 246 / 0.5);
@@ -502,27 +495,27 @@ video {
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
- --tw-blur: ;
- --tw-brightness: ;
- --tw-contrast: ;
- --tw-grayscale: ;
- --tw-hue-rotate: ;
- --tw-invert: ;
- --tw-saturate: ;
- --tw-sepia: ;
- --tw-drop-shadow: ;
- --tw-backdrop-blur: ;
- --tw-backdrop-brightness: ;
- --tw-backdrop-contrast: ;
- --tw-backdrop-grayscale: ;
- --tw-backdrop-hue-rotate: ;
- --tw-backdrop-invert: ;
- --tw-backdrop-opacity: ;
- --tw-backdrop-saturate: ;
- --tw-backdrop-sepia: ;
-}
-
-::-ms-backdrop {
+ --tw-blur: ;
+ --tw-brightness: ;
+ --tw-contrast: ;
+ --tw-grayscale: ;
+ --tw-hue-rotate: ;
+ --tw-invert: ;
+ --tw-saturate: ;
+ --tw-sepia: ;
+ --tw-drop-shadow: ;
+ --tw-backdrop-blur: ;
+ --tw-backdrop-brightness: ;
+ --tw-backdrop-contrast: ;
+ --tw-backdrop-grayscale: ;
+ --tw-backdrop-hue-rotate: ;
+ --tw-backdrop-invert: ;
+ --tw-backdrop-opacity: ;
+ --tw-backdrop-saturate: ;
+ --tw-backdrop-sepia: ;
+}
+
+::-ms-backdrop{
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
@@ -532,19 +525,19 @@ video {
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
- --tw-pan-x: ;
- --tw-pan-y: ;
- --tw-pinch-zoom: ;
+ --tw-pan-x: ;
+ --tw-pan-y: ;
+ --tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
- --tw-gradient-from-position: ;
- --tw-gradient-via-position: ;
- --tw-gradient-to-position: ;
- --tw-ordinal: ;
- --tw-slashed-zero: ;
- --tw-numeric-figure: ;
- --tw-numeric-spacing: ;
- --tw-numeric-fraction: ;
- --tw-ring-inset: ;
+ --tw-gradient-from-position: ;
+ --tw-gradient-via-position: ;
+ --tw-gradient-to-position: ;
+ --tw-ordinal: ;
+ --tw-slashed-zero: ;
+ --tw-numeric-figure: ;
+ --tw-numeric-spacing: ;
+ --tw-numeric-fraction: ;
+ --tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(59 130 246 / 0.5);
@@ -552,27 +545,27 @@ video {
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
- --tw-blur: ;
- --tw-brightness: ;
- --tw-contrast: ;
- --tw-grayscale: ;
- --tw-hue-rotate: ;
- --tw-invert: ;
- --tw-saturate: ;
- --tw-sepia: ;
- --tw-drop-shadow: ;
- --tw-backdrop-blur: ;
- --tw-backdrop-brightness: ;
- --tw-backdrop-contrast: ;
- --tw-backdrop-grayscale: ;
- --tw-backdrop-hue-rotate: ;
- --tw-backdrop-invert: ;
- --tw-backdrop-opacity: ;
- --tw-backdrop-saturate: ;
- --tw-backdrop-sepia: ;
-}
-
-::backdrop {
+ --tw-blur: ;
+ --tw-brightness: ;
+ --tw-contrast: ;
+ --tw-grayscale: ;
+ --tw-hue-rotate: ;
+ --tw-invert: ;
+ --tw-saturate: ;
+ --tw-sepia: ;
+ --tw-drop-shadow: ;
+ --tw-backdrop-blur: ;
+ --tw-backdrop-brightness: ;
+ --tw-backdrop-contrast: ;
+ --tw-backdrop-grayscale: ;
+ --tw-backdrop-hue-rotate: ;
+ --tw-backdrop-invert: ;
+ --tw-backdrop-opacity: ;
+ --tw-backdrop-saturate: ;
+ --tw-backdrop-sepia: ;
+}
+
+::backdrop{
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
@@ -582,19 +575,19 @@ video {
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
- --tw-pan-x: ;
- --tw-pan-y: ;
- --tw-pinch-zoom: ;
+ --tw-pan-x: ;
+ --tw-pan-y: ;
+ --tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
- --tw-gradient-from-position: ;
- --tw-gradient-via-position: ;
- --tw-gradient-to-position: ;
- --tw-ordinal: ;
- --tw-slashed-zero: ;
- --tw-numeric-figure: ;
- --tw-numeric-spacing: ;
- --tw-numeric-fraction: ;
- --tw-ring-inset: ;
+ --tw-gradient-from-position: ;
+ --tw-gradient-via-position: ;
+ --tw-gradient-to-position: ;
+ --tw-ordinal: ;
+ --tw-slashed-zero: ;
+ --tw-numeric-figure: ;
+ --tw-numeric-spacing: ;
+ --tw-numeric-fraction: ;
+ --tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(59 130 246 / 0.5);
@@ -602,24 +595,24 @@ video {
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
- --tw-blur: ;
- --tw-brightness: ;
- --tw-contrast: ;
- --tw-grayscale: ;
- --tw-hue-rotate: ;
- --tw-invert: ;
- --tw-saturate: ;
- --tw-sepia: ;
- --tw-drop-shadow: ;
- --tw-backdrop-blur: ;
- --tw-backdrop-brightness: ;
- --tw-backdrop-contrast: ;
- --tw-backdrop-grayscale: ;
- --tw-backdrop-hue-rotate: ;
- --tw-backdrop-invert: ;
- --tw-backdrop-opacity: ;
- --tw-backdrop-saturate: ;
- --tw-backdrop-sepia: ;
+ --tw-blur: ;
+ --tw-brightness: ;
+ --tw-contrast: ;
+ --tw-grayscale: ;
+ --tw-hue-rotate: ;
+ --tw-invert: ;
+ --tw-saturate: ;
+ --tw-sepia: ;
+ --tw-drop-shadow: ;
+ --tw-backdrop-blur: ;
+ --tw-backdrop-brightness: ;
+ --tw-backdrop-contrast: ;
+ --tw-backdrop-grayscale: ;
+ --tw-backdrop-hue-rotate: ;
+ --tw-backdrop-invert: ;
+ --tw-backdrop-opacity: ;
+ --tw-backdrop-saturate: ;
+ --tw-backdrop-sepia: ;
}
::-webkit-scrollbar {
@@ -639,41 +632,41 @@ video {
background-color: transparent;
}
-.container {
+.container{
width: 100%;
}
-@media (min-width: 640px) {
- .container {
+@media (min-width: 640px){
+ .container{
max-width: 640px;
}
}
-@media (min-width: 768px) {
- .container {
+@media (min-width: 768px){
+ .container{
max-width: 768px;
}
}
-@media (min-width: 1024px) {
- .container {
+@media (min-width: 1024px){
+ .container{
max-width: 1024px;
}
}
-@media (min-width: 1280px) {
- .container {
+@media (min-width: 1280px){
+ .container{
max-width: 1280px;
}
}
-@media (min-width: 1536px) {
- .container {
+@media (min-width: 1536px){
+ .container{
max-width: 1536px;
}
}
-.sr-only {
+.sr-only{
position: absolute;
width: 1px;
height: 1px;
@@ -685,3196 +678,3110 @@ video {
border-width: 0;
}
-.pointer-events-none {
+.pointer-events-none{
pointer-events: none;
}
-.visible {
+.visible{
visibility: visible;
}
-.invisible {
+.invisible{
visibility: hidden;
}
-.static {
+.static{
position: static;
}
-.fixed {
+.fixed{
position: fixed;
}
-.absolute {
+.absolute{
position: absolute;
}
-.relative {
+.relative{
position: relative;
}
-.inset-0 {
+.inset-0{
inset: 0px;
}
-.inset-4 {
- inset: 1rem;
-}
-
-.inset-x-0 {
+.inset-x-0{
left: 0px;
right: 0px;
}
-.inset-x-20 {
+.inset-x-20{
left: 5rem;
right: 5rem;
}
-.inset-y-0 {
+.inset-y-0{
top: 0px;
bottom: 0px;
}
-.-bottom-2 {
+.-bottom-2{
bottom: -0.5rem;
}
-.-bottom-3 {
+.-bottom-3{
bottom: -0.75rem;
}
-.-bottom-8 {
+.-bottom-8{
bottom: -2rem;
}
-.-left-\[1px\] {
+.-left-\[1px\]{
left: -1px;
}
-.-right-2 {
+.-right-2{
right: -0.5rem;
}
-.-right-24 {
+.-right-24{
right: -6rem;
}
-.-right-4 {
+.-right-4{
right: -1rem;
}
-.-right-5 {
+.-right-5{
right: -1.25rem;
}
-.-top-1 {
+.-top-1{
top: -0.25rem;
}
-.-top-2 {
+.-top-2{
top: -0.5rem;
}
-.bottom-1 {
+.bottom-1{
bottom: 0.25rem;
}
-.bottom-2 {
+.bottom-2{
bottom: 0.5rem;
}
-.bottom-4 {
+.bottom-20{
+ bottom: 5rem;
+}
+
+.bottom-4{
bottom: 1rem;
}
-.bottom-\[8px\] {
+.bottom-\[3rem\]{
+ bottom: 3rem;
+}
+
+.bottom-\[8px\]{
bottom: 8px;
}
-.end-1 {
+.end-1{
inset-inline-end: 0.25rem;
}
-.left-0 {
+.left-0{
left: 0px;
}
-.left-1 {
+.left-1{
left: 0.25rem;
}
-.left-\[17rem\] {
+.left-\[100px\]{
+ left: 100px;
+}
+
+.left-\[17rem\]{
left: 17rem;
}
-.left-\[40\%\] {
+.left-\[40\%\]{
left: 40%;
}
-.right-0 {
+.right-0{
right: 0px;
}
-.right-1 {
+.right-1{
right: 0.25rem;
}
-.right-10 {
+.right-10{
right: 2.5rem;
}
-.right-2 {
+.right-2{
right: 0.5rem;
}
-.right-3 {
+.right-3{
right: 0.75rem;
}
-.right-4 {
+.right-4{
right: 1rem;
}
-.right-5 {
+.right-5{
right: 1.25rem;
}
-.right-\[10\.5rem\] {
+.right-\[10\.5rem\]{
right: 10.5rem;
}
-.right-\[5px\] {
+.right-\[5px\]{
right: 5px;
}
-.right-\[8px\] {
+.right-\[8px\]{
right: 8px;
}
-.start-0 {
+.start-0{
inset-inline-start: 0px;
}
-.top-0 {
+.top-0{
top: 0px;
}
-.top-1 {
+.top-1{
top: 0.25rem;
}
-.top-10 {
+.top-10{
top: 2.5rem;
}
-.top-14 {
+.top-14{
top: 3.5rem;
}
-.top-2 {
+.top-2{
top: 0.5rem;
}
-.top-20 {
+.top-20{
top: 5rem;
}
-.top-\[-18px\] {
+.top-\[-18px\]{
top: -18px;
}
-.top-\[-2px\] {
+.top-\[-2px\]{
top: -2px;
}
-.left-4 {
- left: 1rem;
-}
-
-.left-3 {
- left: 0.75rem;
-}
-
-.left-2 {
- left: 0.5rem;
-}
-
-.left-5 {
- left: 1.25rem;
-}
-
-.left-10 {
- left: 2.5rem;
-}
-
-.left-14 {
- left: 3.5rem;
-}
-
-.left-20 {
- left: 5rem;
-}
-
-.left-28 {
- left: 7rem;
-}
-
-.left-\[100px\] {
- left: 100px;
-}
-
-.z-0 {
+.z-0{
z-index: 0;
}
-.z-10 {
+.z-10{
z-index: 10;
}
-.z-20 {
+.z-20{
z-index: 20;
}
-.z-30 {
+.z-30{
z-index: 30;
}
-.z-40 {
+.z-40{
z-index: 40;
}
-.z-50 {
+.z-50{
z-index: 50;
}
-.col-span-1 {
+.col-span-1{
grid-column: span 1 / span 1;
}
-.col-span-10 {
+.col-span-10{
grid-column: span 10 / span 10;
}
-.col-span-2 {
+.col-span-2{
grid-column: span 2 / span 2;
}
-.col-span-3 {
+.col-span-3{
grid-column: span 3 / span 3;
}
-.col-span-4 {
+.col-span-4{
grid-column: span 4 / span 4;
}
-.col-span-6 {
+.col-span-6{
grid-column: span 6 / span 6;
}
-.col-span-7 {
+.col-span-7{
grid-column: span 7 / span 7;
}
-.col-span-8 {
+.col-span-8{
grid-column: span 8 / span 8;
}
-.col-span-full {
+.col-span-full{
grid-column: 1 / -1;
}
-.col-start-1 {
+.col-start-1{
grid-column-start: 1;
}
-.col-start-10 {
+.col-start-10{
grid-column-start: 10;
}
-.col-start-11 {
+.col-start-11{
grid-column-start: 11;
}
-.col-start-12 {
+.col-start-12{
grid-column-start: 12;
}
-.col-start-17 {
+.col-start-17{
grid-column-start: 17;
}
-.col-start-2 {
+.col-start-2{
grid-column-start: 2;
}
-.col-start-21 {
+.col-start-20{
+ grid-column-start: 20;
+}
+
+.col-start-21{
grid-column-start: 21;
}
-.col-start-3 {
+.col-start-3{
grid-column-start: 3;
}
-.col-start-4 {
+.col-start-4{
grid-column-start: 4;
}
-.col-start-5 {
+.col-start-5{
grid-column-start: 5;
}
-.col-start-6 {
+.col-start-6{
grid-column-start: 6;
}
-.col-start-7 {
+.col-start-7{
grid-column-start: 7;
}
-.col-start-8 {
+.col-start-8{
grid-column-start: 8;
}
-.col-start-9 {
+.col-start-9{
grid-column-start: 9;
}
-.col-end-10 {
+.col-end-10{
grid-column-end: 10;
}
-.col-end-11 {
+.col-end-11{
grid-column-end: 11;
}
-.col-end-12 {
+.col-end-12{
grid-column-end: 12;
}
-.col-end-13 {
+.col-end-13{
grid-column-end: 13;
}
-.col-end-17 {
+.col-end-17{
grid-column-end: 17;
}
-.col-end-2 {
+.col-end-2{
grid-column-end: 2;
}
-.col-end-20 {
+.col-end-20{
grid-column-end: 20;
}
-.col-end-21 {
+.col-end-21{
grid-column-end: 21;
}
-.col-end-22 {
+.col-end-22{
grid-column-end: 22;
}
-.col-end-23 {
+.col-end-23{
grid-column-end: 23;
}
-.col-end-25 {
+.col-end-25{
grid-column-end: 25;
}
-.col-end-3 {
+.col-end-3{
grid-column-end: 3;
}
-.col-end-4 {
+.col-end-4{
grid-column-end: 4;
}
-.col-end-5 {
+.col-end-5{
grid-column-end: 5;
}
-.col-end-6 {
+.col-end-6{
grid-column-end: 6;
}
-.col-end-7 {
+.col-end-7{
grid-column-end: 7;
}
-.col-end-18 {
- grid-column-end: 18;
-}
-
-.col-end-8 {
+.col-end-8{
grid-column-end: 8;
}
-.row-span-1 {
+.row-span-1{
grid-row: span 1 / span 1;
}
-.row-span-2 {
+.row-span-2{
grid-row: span 2 / span 2;
}
-.row-span-4 {
+.row-span-3{
+ grid-row: span 3 / span 3;
+}
+
+.row-span-4{
grid-row: span 4 / span 4;
}
-.row-span-5 {
+.row-span-5{
grid-row: span 5 / span 5;
}
-.row-span-6 {
+.row-span-6{
grid-row: span 6 / span 6;
}
-.row-span-full {
+.row-span-full{
grid-row: 1 / -1;
}
-.row-start-1 {
+.row-start-1{
grid-row-start: 1;
}
-.row-start-11 {
+.row-start-11{
grid-row-start: 11;
}
-.row-start-12 {
+.row-start-12{
grid-row-start: 12;
}
-.row-start-2 {
+.row-start-2{
grid-row-start: 2;
}
-.row-start-3 {
+.row-start-3{
grid-row-start: 3;
}
-.row-start-4 {
+.row-start-4{
grid-row-start: 4;
}
-.row-start-5 {
+.row-start-5{
grid-row-start: 5;
}
-.row-start-6 {
+.row-start-6{
grid-row-start: 6;
}
-.row-start-7 {
+.row-start-7{
grid-row-start: 7;
}
-.row-start-9 {
+.row-start-9{
grid-row-start: 9;
}
-.row-end-11 {
+.row-end-11{
grid-row-end: 11;
}
-.row-end-12 {
+.row-end-12{
grid-row-end: 12;
}
-.row-end-13 {
+.row-end-13{
grid-row-end: 13;
}
-.row-end-2 {
+.row-end-2{
grid-row-end: 2;
}
-.row-end-3 {
+.row-end-3{
grid-row-end: 3;
}
-.row-end-4 {
+.row-end-4{
grid-row-end: 4;
}
-.row-end-5 {
+.row-end-5{
grid-row-end: 5;
}
-.row-end-7 {
+.row-end-7{
grid-row-end: 7;
}
-.row-end-9 {
+.row-end-9{
grid-row-end: 9;
}
-.-m-1 {
+.-m-1{
margin: -0.25rem;
}
-.m-0 {
+.m-0{
margin: 0px;
}
-.m-1 {
+.m-1{
margin: 0.25rem;
}
-.mx-1 {
+.mx-1{
margin-left: 0.25rem;
margin-right: 0.25rem;
}
-.mx-20 {
+.mx-20{
margin-left: 5rem;
margin-right: 5rem;
}
-.mx-4 {
+.mx-4{
margin-left: 1rem;
margin-right: 1rem;
}
-.mx-auto {
+.mx-auto{
margin-left: auto;
margin-right: auto;
}
-.my-auto {
+.my-auto{
margin-top: auto;
margin-bottom: auto;
}
-.mb-1 {
+.mb-1{
margin-bottom: 0.25rem;
}
-.mb-2 {
+.mb-2{
margin-bottom: 0.5rem;
}
-.ml-1 {
+.ml-1{
margin-left: 0.25rem;
}
-.ml-2 {
+.ml-2{
margin-left: 0.5rem;
}
-.ml-3 {
+.ml-3{
margin-left: 0.75rem;
}
-.ml-4 {
+.ml-4{
margin-left: 1rem;
}
-.ml-\[25px\] {
+.ml-\[25px\]{
margin-left: 25px;
}
-.ml-\[5px\] {
+.ml-\[5px\]{
margin-left: 5px;
}
-.mr-1 {
+.mr-1{
margin-right: 0.25rem;
}
-.mr-2 {
+.mr-2{
margin-right: 0.5rem;
}
-.mr-3 {
+.mr-3{
margin-right: 0.75rem;
}
-.mr-4 {
+.mr-4{
margin-right: 1rem;
}
-.mr-\[25px\] {
+.mr-\[25px\]{
margin-right: 25px;
}
-.mt-1 {
+.mt-1{
margin-top: 0.25rem;
}
-.mt-10 {
+.mt-10{
margin-top: 2.5rem;
}
-.mt-2 {
+.mt-2{
margin-top: 0.5rem;
}
-.mt-20 {
+.mt-20{
margin-top: 5rem;
}
-.mt-3 {
+.mt-3{
margin-top: 0.75rem;
}
-.mt-4 {
+.mt-4{
margin-top: 1rem;
}
-.mt-40 {
+.mt-40{
margin-top: 10rem;
}
-.mt-6 {
+.mt-6{
margin-top: 1.5rem;
}
-.mt-8 {
+.mt-8{
margin-top: 2rem;
}
-.box-border {
+.box-border{
-webkit-box-sizing: border-box;
- box-sizing: border-box;
+ box-sizing: border-box;
}
-.block {
+.block{
display: block;
}
-.inline-block {
+.inline-block{
display: inline-block;
}
-.inline {
+.inline{
display: inline;
}
-.flex {
+.flex{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
-.inline-flex {
+.inline-flex{
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
-.table {
+.table{
display: table;
}
-.table-row {
+.table-row{
display: table-row;
}
-.grid {
+.grid{
display: grid;
}
-.contents {
+.contents{
display: contents;
}
-.hidden {
+.hidden{
display: none;
}
-.h-1\/3 {
+.h-1\/3{
height: 33.333333%;
}
-.h-10 {
+.h-10{
height: 2.5rem;
}
-.h-12 {
+.h-12{
height: 3rem;
}
-.h-14 {
+.h-14{
height: 3.5rem;
}
-.h-16 {
+.h-16{
height: 4rem;
}
-.h-2 {
+.h-2{
height: 0.5rem;
}
-.h-2\/3 {
+.h-2\/3{
height: 66.666667%;
}
-.h-20 {
+.h-20{
height: 5rem;
}
-.h-3 {
+.h-3{
height: 0.75rem;
}
-.h-32 {
+.h-32{
height: 8rem;
}
-.h-4 {
+.h-4{
height: 1rem;
}
-.h-5 {
+.h-5{
height: 1.25rem;
}
-.h-6 {
+.h-6{
height: 1.5rem;
}
-.h-7 {
+.h-7{
height: 1.75rem;
}
-.h-8 {
+.h-8{
height: 2rem;
}
-.h-9 {
+.h-9{
height: 2.25rem;
}
-.h-\[110px\] {
+.h-\[110px\]{
height: 110px;
}
-.h-\[150px\] {
+.h-\[150px\]{
height: 150px;
}
-.h-\[15px\] {
+.h-\[15px\]{
height: 15px;
}
-.h-\[16px\] {
+.h-\[16px\]{
height: 16px;
}
-.h-\[170px\] {
+.h-\[170px\]{
height: 170px;
}
-.h-\[17px\] {
+.h-\[17px\]{
height: 17px;
}
-.h-\[200px\] {
+.h-\[200px\]{
height: 200px;
}
-.h-\[20px\] {
+.h-\[20px\]{
height: 20px;
}
-.h-\[210px\] {
+.h-\[210px\]{
height: 210px;
}
-.h-\[250px\] {
+.h-\[250px\]{
height: 250px;
}
-.h-\[25px\] {
+.h-\[25px\]{
height: 25px;
}
-.h-\[280px\] {
+.h-\[280px\]{
height: 280px;
}
-.h-\[28px\] {
+.h-\[28px\]{
height: 28px;
}
-.h-\[30px\] {
+.h-\[30px\]{
height: 30px;
}
-.h-\[34px\] {
+.h-\[34px\]{
height: 34px;
}
-.h-\[37px\] {
+.h-\[37px\]{
height: 37px;
}
-.h-\[40px\] {
+.h-\[40px\]{
height: 40px;
}
-.h-\[425px\] {
+.h-\[425px\]{
height: 425px;
}
-.h-\[430px\] {
+.h-\[430px\]{
height: 430px;
}
-.h-\[475px\] {
+.h-\[475px\]{
height: 475px;
}
-.h-\[50px\] {
+.h-\[50px\]{
height: 50px;
}
-.h-\[55px\] {
+.h-\[55px\]{
height: 55px;
}
-.h-\[60px\] {
+.h-\[60px\]{
height: 60px;
}
-.h-\[65px\] {
+.h-\[65px\]{
height: 65px;
}
-.h-\[70px\] {
+.h-\[70px\]{
height: 70px;
}
-.h-full {
+.h-full{
height: 100%;
}
-.h-screen {
+.h-screen{
height: 100vh;
}
-.h-\[320px\] {
- height: 320px;
-}
-
-.h-\[22px\] {
- height: 22px;
-}
-
-.max-h-60 {
+.max-h-60{
max-height: 15rem;
}
-.max-h-\[100px\] {
+.max-h-\[100px\]{
max-height: 100px;
}
-.max-h-\[110px\] {
+.max-h-\[110px\]{
max-height: 110px;
}
-.max-h-\[150px\] {
+.max-h-\[150px\]{
max-height: 150px;
}
-.max-h-\[170px\] {
+.max-h-\[165px\]{
+ max-height: 165px;
+}
+
+.max-h-\[170px\]{
max-height: 170px;
}
-.max-h-\[200px\] {
+.max-h-\[200px\]{
max-height: 200px;
}
-.max-h-\[320px\] {
+.max-h-\[320px\]{
max-height: 320px;
}
-.max-h-\[40px\] {
+.max-h-\[40px\]{
max-height: 40px;
}
-.max-h-\[428px\] {
+.max-h-\[428px\]{
max-height: 428px;
}
-.max-h-\[430px\] {
+.max-h-\[430px\]{
max-height: 430px;
}
-.max-h-\[70px\] {
+.max-h-\[488px\]{
+ max-height: 488px;
+}
+
+.max-h-\[70px\]{
max-height: 70px;
}
-.max-h-\[78px\] {
+.max-h-\[78px\]{
max-height: 78px;
}
-.max-h-full {
+.max-h-full{
max-height: 100%;
}
-.max-h-\[165px\] {
- max-height: 165px;
-}
-
-.min-h-\[18px\] {
+.min-h-\[18px\]{
min-height: 18px;
}
-.min-h-\[30px\] {
+.min-h-\[30px\]{
min-height: 30px;
}
-.min-h-\[37px\] {
+.min-h-\[37px\]{
min-height: 37px;
}
-.min-h-\[400px\] {
+.min-h-\[400px\]{
min-height: 400px;
}
-.min-h-\[40px\] {
+.min-h-\[40px\]{
min-height: 40px;
}
-.min-h-\[450px\] {
+.min-h-\[450px\]{
min-height: 450px;
}
-.w-1\/2 {
+.w-1\/2{
width: 50%;
}
-.w-1\/3 {
+.w-1\/3{
width: 33.333333%;
}
-.w-1\/4 {
+.w-1\/4{
width: 25%;
}
-.w-1\/6 {
+.w-1\/6{
width: 16.666667%;
}
-.w-10 {
+.w-10{
width: 2.5rem;
}
-.w-10\/12 {
+.w-10\/12{
width: 83.333333%;
}
-.w-11\/12 {
+.w-11\/12{
width: 91.666667%;
}
-.w-12 {
+.w-12{
width: 3rem;
}
-.w-14 {
+.w-14{
width: 3.5rem;
}
-.w-2 {
+.w-2{
width: 0.5rem;
}
-.w-2\/3 {
+.w-2\/3{
width: 66.666667%;
}
-.w-20 {
+.w-20{
width: 5rem;
}
-.w-24 {
+.w-24{
width: 6rem;
}
-.w-28 {
+.w-28{
width: 7rem;
}
-.w-3 {
+.w-3{
width: 0.75rem;
}
-.w-3\/5 {
+.w-3\/5{
width: 60%;
}
-.w-4 {
+.w-4{
width: 1rem;
}
-.w-4\/5 {
+.w-4\/5{
width: 80%;
}
-.w-4\/6 {
+.w-4\/6{
width: 66.666667%;
}
-.w-5 {
+.w-5{
width: 1.25rem;
}
-.w-5\/6 {
+.w-5\/6{
width: 83.333333%;
}
-.w-56 {
+.w-56{
width: 14rem;
}
-.w-6 {
+.w-6{
width: 1.5rem;
}
-.w-64 {
+.w-64{
width: 16rem;
}
-.w-7 {
+.w-7{
width: 1.75rem;
}
-.w-8 {
+.w-8{
width: 2rem;
}
-.w-9 {
+.w-9{
width: 2.25rem;
}
-.w-\[110px\] {
+.w-\[110px\]{
width: 110px;
}
-.w-\[120px\] {
+.w-\[120px\]{
width: 120px;
}
-.w-\[150px\] {
+.w-\[150px\]{
width: 150px;
}
-.w-\[155px\] {
+.w-\[155px\]{
width: 155px;
}
-.w-\[15px\] {
+.w-\[15px\]{
width: 15px;
}
-.w-\[160px\] {
+.w-\[160px\]{
width: 160px;
}
-.w-\[178px\] {
+.w-\[178px\]{
width: 178px;
}
-.w-\[17px\] {
+.w-\[17px\]{
width: 17px;
}
-.w-\[190px\] {
+.w-\[190px\]{
width: 190px;
}
-.w-\[200px\] {
+.w-\[200px\]{
width: 200px;
}
-.w-\[230px\] {
+.w-\[230px\]{
width: 230px;
}
-.w-\[25px\] {
+.w-\[25px\]{
width: 25px;
}
-.w-\[400px\] {
+.w-\[400px\]{
width: 400px;
}
-.w-\[49\%\] {
+.w-\[49\%\]{
width: 49%;
}
-.w-\[50px\] {
+.w-\[50px\]{
width: 50px;
}
-.w-\[55px\] {
+.w-\[55px\]{
width: 55px;
}
-.w-\[60\%\] {
+.w-\[60\%\]{
width: 60%;
}
-.w-\[70px\] {
+.w-\[70px\]{
width: 70px;
}
-.w-\[74px\] {
+.w-\[74px\]{
width: 74px;
}
-.w-\[8rem\] {
+.w-\[807px\]{
+ width: 807px;
+}
+
+.w-\[8rem\]{
width: 8rem;
}
-.w-fit {
+.w-fit{
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
-.w-full {
+.w-full{
width: 100%;
}
-.w-screen {
+.w-screen{
width: 100vw;
}
-.w-8\/12 {
- width: 66.666667%;
-}
-
-.w-\[800px\] {
- width: 800px;
-}
-
-.w-\[807px\] {
- width: 807px;
-}
-
-.w-3\/12 {
- width: 25%;
-}
-
-.w-9\/12 {
- width: 75%;
-}
-
-.min-w-\[100px\] {
+.min-w-\[100px\]{
min-width: 100px;
}
-.min-w-\[120px\] {
+.min-w-\[120px\]{
min-width: 120px;
}
-.min-w-\[50px\] {
+.min-w-\[50px\]{
min-width: 50px;
}
-.max-w-\[160px\] {
+.max-w-\[160px\]{
max-width: 160px;
}
-.max-w-\[180px\] {
+.max-w-\[180px\]{
max-width: 180px;
}
-.max-w-lg {
+.max-w-lg{
max-width: 32rem;
}
-.max-w-xs {
+.max-w-xs{
max-width: 20rem;
}
-.flex-auto {
+.flex-auto{
-webkit-box-flex: 1;
- -ms-flex: 1 1 auto;
- flex: 1 1 auto;
+ -ms-flex: 1 1 auto;
+ flex: 1 1 auto;
}
-.flex-shrink {
+.flex-shrink{
-ms-flex-negative: 1;
- flex-shrink: 1;
+ flex-shrink: 1;
}
-.flex-shrink-0 {
+.flex-shrink-0{
-ms-flex-negative: 0;
- flex-shrink: 0;
+ flex-shrink: 0;
}
-.flex-grow {
+.flex-grow{
-webkit-box-flex: 1;
- -ms-flex-positive: 1;
- flex-grow: 1;
+ -ms-flex-positive: 1;
+ flex-grow: 1;
}
-.origin-top-right {
+.origin-top-right{
-webkit-transform-origin: top right;
- transform-origin: top right;
-}
-
-.translate-y-0 {
- --tw-translate-y: 0px;
- -webkit-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));
- 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));
-}
-
-.translate-y-4 {
- --tw-translate-y: 1rem;
- -webkit-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));
- 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));
+ transform-origin: top right;
}
-.translate-y-8 {
- --tw-translate-y: 2rem;
- -webkit-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));
- 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));
+.-rotate-90{
+ --tw-rotate: -90deg;
+ -webkit-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));
+ 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));
}
-.rotate-180 {
+.rotate-180{
--tw-rotate: 180deg;
- -webkit-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));
- 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));
+ -webkit-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));
+ 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));
}
-.rotate-45 {
+.rotate-45{
--tw-rotate: 45deg;
- -webkit-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));
- 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));
+ -webkit-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));
+ 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));
}
-.-rotate-90 {
- --tw-rotate: -90deg;
- -webkit-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));
- 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));
-}
-
-.scale-100 {
+.scale-100{
--tw-scale-x: 1;
--tw-scale-y: 1;
- -webkit-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));
- 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));
+ -webkit-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));
+ 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));
}
-.scale-125 {
+.scale-125{
--tw-scale-x: 1.25;
--tw-scale-y: 1.25;
- -webkit-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));
- 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));
+ -webkit-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));
+ 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));
}
-.scale-90 {
- --tw-scale-x: 0.9;
- --tw-scale-y: 0.9;
- -webkit-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));
- 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));
+.scale-90{
+ --tw-scale-x: .9;
+ --tw-scale-y: .9;
+ -webkit-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));
+ 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));
}
-.scale-95 {
- --tw-scale-x: 0.95;
- --tw-scale-y: 0.95;
- -webkit-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));
- 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));
+.scale-95{
+ --tw-scale-x: .95;
+ --tw-scale-y: .95;
+ -webkit-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));
+ 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));
}
-.transform {
- -webkit-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));
- 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));
+.transform{
+ -webkit-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));
+ 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));
}
-@-webkit-keyframes pulse {
- 50% {
- opacity: 0.5;
+@-webkit-keyframes pulse{
+ 50%{
+ opacity: .5;
}
}
-@keyframes pulse {
- 50% {
- opacity: 0.5;
+@keyframes pulse{
+ 50%{
+ opacity: .5;
}
}
-.animate-pulse {
+.animate-pulse{
-webkit-animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
- animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+ animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
-@-webkit-keyframes spin {
- to {
+@-webkit-keyframes spin{
+ to{
-webkit-transform: rotate(360deg);
- transform: rotate(360deg);
+ transform: rotate(360deg);
}
}
-@keyframes spin {
- to {
+@keyframes spin{
+ to{
-webkit-transform: rotate(360deg);
- transform: rotate(360deg);
+ transform: rotate(360deg);
}
}
-.animate-spin {
+.animate-spin{
-webkit-animation: spin 1s linear infinite;
- animation: spin 1s linear infinite;
+ animation: spin 1s linear infinite;
}
-.cursor-default {
+.cursor-default{
cursor: default;
}
-.cursor-not-allowed {
+.cursor-not-allowed{
cursor: not-allowed;
}
-.cursor-pointer {
+.cursor-pointer{
cursor: pointer;
}
-.select-none {
+.select-none{
-webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
}
-.resize {
+.resize{
resize: both;
}
-.grid-flow-row {
+.grid-flow-row{
grid-auto-flow: row;
}
-.auto-rows-max {
+.auto-rows-max{
grid-auto-rows: -webkit-max-content;
grid-auto-rows: max-content;
}
-.grid-cols-1 {
+.grid-cols-1{
grid-template-columns: repeat(1, minmax(0, 1fr));
}
-.grid-cols-11 {
+.grid-cols-11{
grid-template-columns: repeat(11, minmax(0, 1fr));
}
-.grid-cols-12 {
+.grid-cols-12{
grid-template-columns: repeat(12, minmax(0, 1fr));
}
-.grid-cols-2 {
+.grid-cols-2{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
-.grid-cols-24 {
- grid-template-columns: repeat(24, minmax(0, 1fr));
+.grid-cols-24{
+ grid-template-columns: repeat(24 , minmax(0,1fr));
}
-.grid-cols-3 {
+.grid-cols-3{
grid-template-columns: repeat(3, minmax(0, 1fr));
}
-.grid-cols-5 {
+.grid-cols-4{
+ grid-template-columns: repeat(4, minmax(0, 1fr));
+}
+
+.grid-cols-5{
grid-template-columns: repeat(5, minmax(0, 1fr));
}
-.grid-cols-6 {
+.grid-cols-6{
grid-template-columns: repeat(6, minmax(0, 1fr));
}
-.grid-cols-9 {
- grid-template-columns: repeat(9, minmax(0, 1fr));
+.grid-cols-7{
+ grid-template-columns: repeat(7, minmax(0, 1fr));
}
-.grid-cols-4 {
- grid-template-columns: repeat(4, minmax(0, 1fr));
+.grid-cols-9{
+ grid-template-columns: repeat(9, minmax(0, 1fr));
}
-.grid-rows-1 {
+.grid-rows-1{
grid-template-rows: repeat(1, minmax(0, 1fr));
}
-.grid-rows-12 {
- grid-template-rows: repeat(12, minmax(0, 1fr));
+.grid-rows-12{
+ grid-template-rows: repeat(12 , minmax(0,1fr));
}
-.grid-rows-2 {
+.grid-rows-2{
grid-template-rows: repeat(2, minmax(0, 1fr));
}
-.grid-rows-3 {
+.grid-rows-3{
grid-template-rows: repeat(3, minmax(0, 1fr));
}
-.grid-rows-4 {
+.grid-rows-4{
grid-template-rows: repeat(4, minmax(0, 1fr));
}
-.grid-rows-5 {
+.grid-rows-5{
grid-template-rows: repeat(5, minmax(0, 1fr));
}
-.grid-rows-6 {
+.grid-rows-6{
grid-template-rows: repeat(6, minmax(0, 1fr));
}
-.grid-rows-7 {
- grid-template-rows: repeat(7, minmax(0, 1fr));
+.grid-rows-7{
+ grid-template-rows: repeat(7 , minmax(0,1fr));
}
-.flex-col {
+.flex-col{
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
}
-.flex-wrap {
+.flex-wrap{
-ms-flex-wrap: wrap;
- flex-wrap: wrap;
+ flex-wrap: wrap;
}
-.items-start {
+.items-start{
-webkit-box-align: start;
- -ms-flex-align: start;
- align-items: flex-start;
+ -ms-flex-align: start;
+ align-items: flex-start;
}
-.items-end {
+.items-end{
-webkit-box-align: end;
- -ms-flex-align: end;
- align-items: flex-end;
+ -ms-flex-align: end;
+ align-items: flex-end;
}
-.items-center {
+.items-center{
-webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
}
-.justify-start {
+.justify-start{
-webkit-box-pack: start;
- -ms-flex-pack: start;
- justify-content: flex-start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
}
-.justify-end {
+.justify-end{
-webkit-box-pack: end;
- -ms-flex-pack: end;
- justify-content: flex-end;
+ -ms-flex-pack: end;
+ justify-content: flex-end;
}
-.justify-center {
+.justify-center{
-webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
}
-.justify-between {
+.justify-between{
-webkit-box-pack: justify;
- -ms-flex-pack: justify;
- justify-content: space-between;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
}
-.justify-evenly {
+.justify-evenly{
-webkit-box-pack: space-evenly;
- -ms-flex-pack: space-evenly;
- justify-content: space-evenly;
+ -ms-flex-pack: space-evenly;
+ justify-content: space-evenly;
}
-.gap-1 {
+.gap-1{
gap: 0.25rem;
}
-.gap-2 {
+.gap-2{
gap: 0.5rem;
}
-.gap-3 {
+.gap-3{
gap: 0.75rem;
}
-.gap-4 {
+.gap-4{
gap: 1rem;
}
-.gap-5 {
+.gap-5{
gap: 1.25rem;
}
-.gap-y-1 {
+.gap-x-1{
+ -webkit-column-gap: 0.25rem;
+ -moz-column-gap: 0.25rem;
+ column-gap: 0.25rem;
+}
+
+.gap-y-1{
row-gap: 0.25rem;
}
-.gap-y-2 {
+.gap-y-2{
row-gap: 0.5rem;
}
-.gap-y-4 {
+.gap-y-4{
row-gap: 1rem;
}
-.gap-y-5 {
+.gap-y-5{
row-gap: 1.25rem;
}
-.space-x-1 > :not([hidden]) ~ :not([hidden]) {
+.space-x-1 > :not([hidden]) ~ :not([hidden]){
--tw-space-x-reverse: 0;
margin-right: calc(0.25rem * var(--tw-space-x-reverse));
margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
}
-.space-x-2 > :not([hidden]) ~ :not([hidden]) {
+.space-x-2 > :not([hidden]) ~ :not([hidden]){
--tw-space-x-reverse: 0;
margin-right: calc(0.5rem * var(--tw-space-x-reverse));
margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
-.space-x-4 > :not([hidden]) ~ :not([hidden]) {
+.space-x-4 > :not([hidden]) ~ :not([hidden]){
--tw-space-x-reverse: 0;
margin-right: calc(1rem * var(--tw-space-x-reverse));
margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}
-.space-y-1 > :not([hidden]) ~ :not([hidden]) {
+.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));
}
-.space-y-2 > :not([hidden]) ~ :not([hidden]) {
+.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));
}
-.space-y-4 > :not([hidden]) ~ :not([hidden]) {
+.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));
}
-.space-y-6 > :not([hidden]) ~ :not([hidden]) {
+.space-y-6 > :not([hidden]) ~ :not([hidden]){
--tw-space-y-reverse: 0;
margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}
-.divide-x > :not([hidden]) ~ :not([hidden]) {
+.divide-x > :not([hidden]) ~ :not([hidden]){
--tw-divide-x-reverse: 0;
border-right-width: calc(1px * var(--tw-divide-x-reverse));
border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
}
-.divide-y > :not([hidden]) ~ :not([hidden]) {
+.divide-y > :not([hidden]) ~ :not([hidden]){
--tw-divide-y-reverse: 0;
border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}
-.divide-gray-300 > :not([hidden]) ~ :not([hidden]) {
+.divide-gray-300 > :not([hidden]) ~ :not([hidden]){
--tw-divide-opacity: 1;
border-color: rgb(209 213 219 / var(--tw-divide-opacity));
}
-.divide-gray-500 > :not([hidden]) ~ :not([hidden]) {
+.divide-gray-500 > :not([hidden]) ~ :not([hidden]){
--tw-divide-opacity: 1;
border-color: rgb(107 114 128 / var(--tw-divide-opacity));
}
-.divide-gray-600 > :not([hidden]) ~ :not([hidden]) {
+.divide-gray-600 > :not([hidden]) ~ :not([hidden]){
--tw-divide-opacity: 1;
border-color: rgb(75 85 99 / var(--tw-divide-opacity));
}
-.divide-gray-700 > :not([hidden]) ~ :not([hidden]) {
+.divide-gray-700 > :not([hidden]) ~ :not([hidden]){
--tw-divide-opacity: 1;
border-color: rgb(55 65 81 / var(--tw-divide-opacity));
}
-.self-start {
+.self-start{
-ms-flex-item-align: start;
- align-self: flex-start;
+ align-self: flex-start;
}
-.self-end {
+.self-end{
-ms-flex-item-align: end;
- align-self: flex-end;
+ align-self: flex-end;
}
-.self-center {
+.self-center{
-ms-flex-item-align: center;
- align-self: center;
+ align-self: center;
}
-.justify-self-start {
+.justify-self-start{
justify-self: start;
}
-.justify-self-end {
+.justify-self-end{
justify-self: end;
}
-.justify-self-center {
+.justify-self-center{
justify-self: center;
}
-.overflow-auto {
+.overflow-auto{
overflow: auto;
}
-.overflow-hidden {
+.overflow-hidden{
overflow: hidden;
}
-.overflow-y-auto {
+.overflow-y-auto{
overflow-y: auto;
}
-.overflow-x-hidden {
+.overflow-x-hidden{
overflow-x: hidden;
}
-.overflow-y-hidden {
+.overflow-y-hidden{
overflow-y: hidden;
}
-.overflow-x-scroll {
+.overflow-x-scroll{
overflow-x: scroll;
}
-.overflow-y-scroll {
+.overflow-y-scroll{
overflow-y: scroll;
}
-.overscroll-y-auto {
+.overscroll-y-auto{
overscroll-behavior-y: auto;
}
-.truncate {
+.truncate{
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
-.whitespace-nowrap {
+.whitespace-nowrap{
white-space: nowrap;
}
-.whitespace-pre {
+.whitespace-pre{
white-space: pre;
}
-.break-words {
+.break-words{
overflow-wrap: break-word;
}
-.rounded {
+.rounded{
border-radius: 0.25rem;
}
-.rounded-\[35px\] {
+.rounded-\[35px\]{
border-radius: 35px;
}
-.rounded-\[55px\] {
+.rounded-\[55px\]{
border-radius: 55px;
}
-.rounded-full {
+.rounded-full{
border-radius: 9999px;
}
-.rounded-lg {
+.rounded-lg{
border-radius: 0.5rem;
}
-.rounded-md {
+.rounded-md{
border-radius: 0.375rem;
}
-.rounded-sm {
+.rounded-sm{
border-radius: 0.125rem;
}
-.rounded-xl {
+.rounded-xl{
border-radius: 0.75rem;
}
-.rounded-b-lg {
+.rounded-b-lg{
border-bottom-right-radius: 0.5rem;
border-bottom-left-radius: 0.5rem;
}
-.rounded-l-full {
+.rounded-l-full{
border-top-left-radius: 9999px;
border-bottom-left-radius: 9999px;
}
-.rounded-l-xl {
+.rounded-l-xl{
border-top-left-radius: 0.75rem;
border-bottom-left-radius: 0.75rem;
}
-.rounded-r-full {
+.rounded-r-full{
border-top-right-radius: 9999px;
border-bottom-right-radius: 9999px;
}
-.rounded-t-\[5px\] {
+.rounded-t-\[5px\]{
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
-.rounded-t-lg {
+.rounded-t-lg{
border-top-left-radius: 0.5rem;
border-top-right-radius: 0.5rem;
}
-.rounded-t-md {
+.rounded-t-md{
border-top-left-radius: 0.375rem;
border-top-right-radius: 0.375rem;
}
-.rounded-bl-\[37px\] {
+.rounded-bl-\[37px\]{
border-bottom-left-radius: 37px;
}
-.rounded-bl-lg {
+.rounded-bl-lg{
border-bottom-left-radius: 0.5rem;
}
-.rounded-br-\[37px\] {
+.rounded-br-\[37px\]{
border-bottom-right-radius: 37px;
}
-.rounded-tl-lg {
+.rounded-tl-lg{
border-top-left-radius: 0.5rem;
}
-.rounded-tr-\[37px\] {
+.rounded-tr-\[37px\]{
border-top-right-radius: 37px;
}
-.border {
+.border{
border-width: 1px;
}
-.border-0 {
+.border-0{
border-width: 0px;
}
-.border-2 {
+.border-2{
border-width: 2px;
}
-.border-4 {
+.border-4{
border-width: 4px;
}
-.border-y {
+.border-y{
border-top-width: 1px;
border-bottom-width: 1px;
}
-.border-b {
+.border-b{
border-bottom-width: 1px;
}
-.border-l {
+.border-b-2{
+ border-bottom-width: 2px;
+}
+
+.border-l{
border-left-width: 1px;
}
-.border-r {
+.border-r{
border-right-width: 1px;
}
-.border-r-2 {
+.border-r-2{
border-right-width: 2px;
}
-.border-t-2 {
+.border-t-2{
border-top-width: 2px;
}
-.border-b-2 {
- border-bottom-width: 2px;
-}
-
-.border-dashed {
+.border-dashed{
border-style: dashed;
}
-.border-none {
+.border-none{
border-style: none;
}
-.border-\[\#1c3634\] {
+.border-\[\#1c3634\]{
--tw-border-opacity: 1;
border-color: rgb(28 54 52 / var(--tw-border-opacity));
}
-.border-\[\#262626\] {
+.border-\[\#262626\]{
--tw-border-opacity: 1;
border-color: rgb(38 38 38 / var(--tw-border-opacity));
}
-.border-\[\#2c3136\] {
+.border-\[\#2c3136\]{
--tw-border-opacity: 1;
border-color: rgb(44 49 54 / var(--tw-border-opacity));
}
-.border-\[\#336666\] {
+.border-\[\#336666\]{
--tw-border-opacity: 1;
border-color: rgb(51 102 102 / var(--tw-border-opacity));
}
-.border-blue-100 {
+.border-blue-100{
--tw-border-opacity: 1;
border-color: rgb(219 234 254 / var(--tw-border-opacity));
}
-.border-blue-300 {
+.border-blue-300{
--tw-border-opacity: 1;
border-color: rgb(147 197 253 / var(--tw-border-opacity));
}
-.border-blue-400 {
+.border-blue-400{
--tw-border-opacity: 1;
border-color: rgb(96 165 250 / var(--tw-border-opacity));
}
-.border-blue-500 {
+.border-blue-500{
--tw-border-opacity: 1;
border-color: rgb(59 130 246 / var(--tw-border-opacity));
}
-.border-gray-200 {
+.border-gray-200{
--tw-border-opacity: 1;
border-color: rgb(229 231 235 / var(--tw-border-opacity));
}
-.border-gray-400 {
+.border-gray-400{
--tw-border-opacity: 1;
border-color: rgb(156 163 175 / var(--tw-border-opacity));
}
-.border-gray-500 {
+.border-gray-500{
--tw-border-opacity: 1;
border-color: rgb(107 114 128 / var(--tw-border-opacity));
}
-.border-gray-600 {
+.border-gray-600{
--tw-border-opacity: 1;
border-color: rgb(75 85 99 / var(--tw-border-opacity));
}
-.border-gray-700 {
+.border-gray-700{
--tw-border-opacity: 1;
border-color: rgb(55 65 81 / var(--tw-border-opacity));
}
-.border-gray-950 {
+.border-gray-950{
--tw-border-opacity: 1;
border-color: rgb(3 7 18 / var(--tw-border-opacity));
}
-.border-green-500 {
+.border-green-500{
--tw-border-opacity: 1;
border-color: rgb(34 197 94 / var(--tw-border-opacity));
}
-.border-orange-500 {
+.border-orange-500{
--tw-border-opacity: 1;
border-color: rgb(249 115 22 / var(--tw-border-opacity));
}
-.border-red-500 {
+.border-red-500{
--tw-border-opacity: 1;
border-color: rgb(239 68 68 / var(--tw-border-opacity));
}
-.border-red-600 {
+.border-red-600{
--tw-border-opacity: 1;
border-color: rgb(220 38 38 / var(--tw-border-opacity));
}
-.border-slate-500 {
+.border-slate-500{
--tw-border-opacity: 1;
border-color: rgb(100 116 139 / var(--tw-border-opacity));
}
-.border-teal-500 {
+.border-teal-500{
--tw-border-opacity: 1;
border-color: rgb(20 184 166 / var(--tw-border-opacity));
}
-.border-teal-600 {
+.border-teal-600{
--tw-border-opacity: 1;
border-color: rgb(13 148 136 / var(--tw-border-opacity));
}
-.border-teal-700 {
+.border-teal-700{
--tw-border-opacity: 1;
border-color: rgb(15 118 110 / var(--tw-border-opacity));
}
-.border-transparent {
+.border-transparent{
border-color: transparent;
}
-.border-white {
+.border-white{
--tw-border-opacity: 1;
border-color: rgb(255 255 255 / var(--tw-border-opacity));
}
-.border-l-gray-200 {
+.border-l-gray-200{
--tw-border-opacity: 1;
border-left-color: rgb(229 231 235 / var(--tw-border-opacity));
}
-.border-r-\[\#264744\] {
+.border-r-\[\#264744\]{
--tw-border-opacity: 1;
border-right-color: rgb(38 71 68 / var(--tw-border-opacity));
}
-.border-r-transparent {
+.border-r-transparent{
border-right-color: transparent;
}
-.bg-\[\#111315\] {
+.bg-\[\#111315\]{
--tw-bg-opacity: 1;
background-color: rgb(17 19 21 / var(--tw-bg-opacity));
}
-.bg-\[\#131617\] {
+.bg-\[\#131617\]{
--tw-bg-opacity: 1;
background-color: rgb(19 22 23 / var(--tw-bg-opacity));
}
-.bg-\[\#141516\] {
+.bg-\[\#141516\]{
--tw-bg-opacity: 1;
background-color: rgb(20 21 22 / var(--tw-bg-opacity));
}
-.bg-\[\#14171a\] {
+.bg-\[\#14171a\]{
--tw-bg-opacity: 1;
background-color: rgb(20 23 26 / var(--tw-bg-opacity));
}
-.bg-\[\#151618\] {
+.bg-\[\#151618\]{
--tw-bg-opacity: 1;
background-color: rgb(21 22 24 / var(--tw-bg-opacity));
}
-.bg-\[\#151a1e\] {
+.bg-\[\#151a1e\]{
--tw-bg-opacity: 1;
background-color: rgb(21 26 30 / var(--tw-bg-opacity));
}
-.bg-\[\#171a1b\] {
+.bg-\[\#171a1b\]{
--tw-bg-opacity: 1;
background-color: rgb(23 26 27 / var(--tw-bg-opacity));
}
-.bg-\[\#171a1c\] {
+.bg-\[\#171a1c\]{
--tw-bg-opacity: 1;
background-color: rgb(23 26 28 / var(--tw-bg-opacity));
}
-.bg-\[\#191b1e\] {
+.bg-\[\#191b1e\]{
--tw-bg-opacity: 1;
background-color: rgb(25 27 30 / var(--tw-bg-opacity));
}
-.bg-\[\#191c21\] {
+.bg-\[\#191c21\]{
--tw-bg-opacity: 1;
background-color: rgb(25 28 33 / var(--tw-bg-opacity));
}
-.bg-\[\#1E2429\] {
+.bg-\[\#1E2429\]{
--tw-bg-opacity: 1;
background-color: rgb(30 36 41 / var(--tw-bg-opacity));
}
-.bg-\[\#1a2e2c\] {
+.bg-\[\#1a2e2c\]{
--tw-bg-opacity: 1;
background-color: rgb(26 46 44 / var(--tw-bg-opacity));
}
-.bg-\[\#1b1c1c\] {
+.bg-\[\#1b1c1c\]{
--tw-bg-opacity: 1;
background-color: rgb(27 28 28 / var(--tw-bg-opacity));
}
-.bg-\[\#1c1d1d\] {
+.bg-\[\#1c1d1d\]{
--tw-bg-opacity: 1;
background-color: rgb(28 29 29 / var(--tw-bg-opacity));
}
-.bg-\[\#1c2021\] {
+.bg-\[\#1c2021\]{
--tw-bg-opacity: 1;
background-color: rgb(28 32 33 / var(--tw-bg-opacity));
}
-.bg-\[\#1d1f20\] {
+.bg-\[\#1d1f20\]{
--tw-bg-opacity: 1;
background-color: rgb(29 31 32 / var(--tw-bg-opacity));
}
-.bg-\[\#1f2123\] {
+.bg-\[\#1f2123\]{
--tw-bg-opacity: 1;
background-color: rgb(31 33 35 / var(--tw-bg-opacity));
}
-.bg-\[\#212629\] {
+.bg-\[\#212629\]{
--tw-bg-opacity: 1;
background-color: rgb(33 38 41 / var(--tw-bg-opacity));
}
-.bg-\[\#21272c\] {
+.bg-\[\#21272c\]{
--tw-bg-opacity: 1;
background-color: rgb(33 39 44 / var(--tw-bg-opacity));
}
-.bg-\[\#224141\] {
+.bg-\[\#224141\]{
--tw-bg-opacity: 1;
background-color: rgb(34 65 65 / var(--tw-bg-opacity));
}
-.bg-\[\#23272b\] {
+.bg-\[\#23272b\]{
--tw-bg-opacity: 1;
background-color: rgb(35 39 43 / var(--tw-bg-opacity));
}
-.bg-\[\#23272c\] {
+.bg-\[\#23272c\]{
--tw-bg-opacity: 1;
background-color: rgb(35 39 44 / var(--tw-bg-opacity));
}
-.bg-\[\#243d36\] {
+.bg-\[\#243d36\]{
--tw-bg-opacity: 1;
background-color: rgb(36 61 54 / var(--tw-bg-opacity));
}
-.bg-\[\#262626\] {
+.bg-\[\#262626\]{
--tw-bg-opacity: 1;
background-color: rgb(38 38 38 / var(--tw-bg-opacity));
}
-.bg-\[\#264744\] {
+.bg-\[\#264744\]{
--tw-bg-opacity: 1;
background-color: rgb(38 71 68 / var(--tw-bg-opacity));
}
-.bg-\[\#282a2c\] {
+.bg-\[\#282a2c\]{
--tw-bg-opacity: 1;
background-color: rgb(40 42 44 / var(--tw-bg-opacity));
}
-.bg-\[\#2c3136\] {
+.bg-\[\#2c3136\]{
--tw-bg-opacity: 1;
background-color: rgb(44 49 54 / var(--tw-bg-opacity));
}
-.bg-\[\#2d3438\] {
+.bg-\[\#2d3438\]{
--tw-bg-opacity: 1;
background-color: rgb(45 52 56 / var(--tw-bg-opacity));
}
-.bg-\[\#2e5151\] {
+.bg-\[\#2e5151\]{
--tw-bg-opacity: 1;
background-color: rgb(46 81 81 / var(--tw-bg-opacity));
}
-.bg-\[\#303232\] {
+.bg-\[\#303232\]{
--tw-bg-opacity: 1;
background-color: rgb(48 50 50 / var(--tw-bg-opacity));
}
-.bg-\[\#305c59\] {
+.bg-\[\#305c59\]{
--tw-bg-opacity: 1;
background-color: rgb(48 92 89 / var(--tw-bg-opacity));
}
-.bg-\[\#32363A\] {
+.bg-\[\#32363A\]{
--tw-bg-opacity: 1;
background-color: rgb(50 54 58 / var(--tw-bg-opacity));
}
-.bg-\[\#33393E\] {
+.bg-\[\#33393E\]{
--tw-bg-opacity: 1;
background-color: rgb(51 57 62 / var(--tw-bg-opacity));
}
-.bg-\[\#33393e\] {
+.bg-\[\#33393e\]{
--tw-bg-opacity: 1;
background-color: rgb(51 57 62 / var(--tw-bg-opacity));
}
-.bg-\[\#334d4d\] {
+.bg-\[\#334B3F\]{
+ --tw-bg-opacity: 1;
+ background-color: rgb(51 75 63 / var(--tw-bg-opacity));
+}
+
+.bg-\[\#334d4d\]{
--tw-bg-opacity: 1;
background-color: rgb(51 77 77 / var(--tw-bg-opacity));
}
-.bg-\[\#336666\] {
+.bg-\[\#336666\]{
--tw-bg-opacity: 1;
background-color: rgb(51 102 102 / var(--tw-bg-opacity));
}
-.bg-\[\#38504e\] {
+.bg-\[\#38504e\]{
--tw-bg-opacity: 1;
background-color: rgb(56 80 78 / var(--tw-bg-opacity));
}
-.bg-\[\#387272\] {
+.bg-\[\#387272\]{
--tw-bg-opacity: 1;
background-color: rgb(56 114 114 / var(--tw-bg-opacity));
}
-.bg-\[\#3d4244\] {
+.bg-\[\#3d4244\]{
--tw-bg-opacity: 1;
background-color: rgb(61 66 68 / var(--tw-bg-opacity));
}
-.bg-\[\#3d4449\] {
+.bg-\[\#3d4449\]{
--tw-bg-opacity: 1;
background-color: rgb(61 68 73 / var(--tw-bg-opacity));
}
-.bg-\[\#4d7575\] {
+.bg-\[\#4d7575\]{
--tw-bg-opacity: 1;
background-color: rgb(77 117 117 / var(--tw-bg-opacity));
}
-.bg-\[\#505f6d\] {
+.bg-\[\#505f6d\]{
--tw-bg-opacity: 1;
background-color: rgb(80 95 109 / var(--tw-bg-opacity));
}
-.bg-\[\#537263\] {
+.bg-\[\#537263\]{
--tw-bg-opacity: 1;
background-color: rgb(83 114 99 / var(--tw-bg-opacity));
}
-.bg-\[\#609879\] {
+.bg-\[\#609879\]{
--tw-bg-opacity: 1;
background-color: rgb(96 152 121 / var(--tw-bg-opacity));
}
-.bg-black {
+.bg-black{
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
-.bg-blue-400 {
+.bg-blue-400{
--tw-bg-opacity: 1;
background-color: rgb(96 165 250 / var(--tw-bg-opacity));
}
-.bg-blue-600 {
+.bg-blue-600{
--tw-bg-opacity: 1;
background-color: rgb(37 99 235 / var(--tw-bg-opacity));
}
-.bg-cyan-300 {
+.bg-cyan-300{
--tw-bg-opacity: 1;
background-color: rgb(103 232 249 / var(--tw-bg-opacity));
}
-.bg-gray-100 {
+.bg-gray-100{
--tw-bg-opacity: 1;
background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}
-.bg-gray-200 {
+.bg-gray-200{
--tw-bg-opacity: 1;
background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}
-.bg-gray-300 {
+.bg-gray-300{
--tw-bg-opacity: 1;
background-color: rgb(209 213 219 / var(--tw-bg-opacity));
}
-.bg-gray-400 {
+.bg-gray-400{
--tw-bg-opacity: 1;
background-color: rgb(156 163 175 / var(--tw-bg-opacity));
}
-.bg-gray-500 {
+.bg-gray-500{
--tw-bg-opacity: 1;
background-color: rgb(107 114 128 / var(--tw-bg-opacity));
}
-.bg-gray-600 {
+.bg-gray-600{
--tw-bg-opacity: 1;
background-color: rgb(75 85 99 / var(--tw-bg-opacity));
}
-.bg-gray-700 {
+.bg-gray-700{
--tw-bg-opacity: 1;
background-color: rgb(55 65 81 / var(--tw-bg-opacity));
}
-.bg-gray-800 {
+.bg-gray-800{
--tw-bg-opacity: 1;
background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}
-.bg-gray-900 {
+.bg-gray-900{
--tw-bg-opacity: 1;
background-color: rgb(17 24 39 / var(--tw-bg-opacity));
}
-.bg-green-500 {
+.bg-green-500{
--tw-bg-opacity: 1;
background-color: rgb(34 197 94 / var(--tw-bg-opacity));
}
-.bg-green-700 {
+.bg-green-700{
--tw-bg-opacity: 1;
background-color: rgb(21 128 61 / var(--tw-bg-opacity));
}
-.bg-green-800 {
+.bg-green-800{
--tw-bg-opacity: 1;
background-color: rgb(22 101 52 / var(--tw-bg-opacity));
}
-.bg-orange-500 {
+.bg-orange-500{
--tw-bg-opacity: 1;
background-color: rgb(249 115 22 / var(--tw-bg-opacity));
}
-.bg-red-500 {
+.bg-red-500{
--tw-bg-opacity: 1;
background-color: rgb(239 68 68 / var(--tw-bg-opacity));
}
-.bg-red-600 {
+.bg-red-600{
--tw-bg-opacity: 1;
background-color: rgb(220 38 38 / var(--tw-bg-opacity));
}
-.bg-red-700 {
+.bg-red-700{
--tw-bg-opacity: 1;
background-color: rgb(185 28 28 / var(--tw-bg-opacity));
}
-.bg-red-800 {
+.bg-red-800{
--tw-bg-opacity: 1;
background-color: rgb(153 27 27 / var(--tw-bg-opacity));
}
-.bg-slate-300 {
+.bg-slate-300{
--tw-bg-opacity: 1;
background-color: rgb(203 213 225 / var(--tw-bg-opacity));
}
-.bg-slate-500 {
+.bg-slate-500{
--tw-bg-opacity: 1;
background-color: rgb(100 116 139 / var(--tw-bg-opacity));
}
-.bg-teal-600 {
+.bg-teal-600{
--tw-bg-opacity: 1;
background-color: rgb(13 148 136 / var(--tw-bg-opacity));
}
-.bg-teal-700 {
+.bg-teal-700{
--tw-bg-opacity: 1;
background-color: rgb(15 118 110 / var(--tw-bg-opacity));
}
-.bg-teal-800 {
+.bg-teal-800{
--tw-bg-opacity: 1;
background-color: rgb(17 94 89 / var(--tw-bg-opacity));
}
-.bg-transparent {
+.bg-transparent{
background-color: transparent;
}
-.bg-white {
+.bg-white{
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
-.bg-\[\#334B3F\] {
- --tw-bg-opacity: 1;
- background-color: rgb(51 75 63 / var(--tw-bg-opacity));
-}
-
-.bg-zinc-600 {
+.bg-zinc-600{
--tw-bg-opacity: 1;
background-color: rgb(82 82 91 / var(--tw-bg-opacity));
}
-.bg-gradient-to-b {
+.bg-gradient-to-b{
background-image: -webkit-gradient(linear, left top, left bottom, from(var(--tw-gradient-stops)));
background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}
-.from-\[\#264744\] {
+.from-\[\#264744\]{
--tw-gradient-from: #264744 var(--tw-gradient-from-position);
--tw-gradient-to: rgb(38 71 68 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
-.from-10\% {
+.from-10\%{
--tw-gradient-from-position: 10%;
}
-.via-\[\#325d5a\] {
- --tw-gradient-to: rgb(50 93 90 / 0) var(--tw-gradient-to-position);
+.via-\[\#325d5a\]{
+ --tw-gradient-to: rgb(50 93 90 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), #325d5a var(--tw-gradient-via-position), var(--tw-gradient-to);
}
-.to-\[\#264744\] {
+.to-\[\#264744\]{
--tw-gradient-to: #264744 var(--tw-gradient-to-position);
}
-.to-95\% {
+.to-95\%{
--tw-gradient-to-position: 95%;
}
-.bg-contain {
+.bg-contain{
background-size: contain;
}
-.bg-cover {
+.bg-cover{
background-size: cover;
}
-.bg-fixed {
+.bg-fixed{
background-attachment: fixed;
}
-.bg-center {
+.bg-center{
background-position: center;
}
-.bg-no-repeat {
+.bg-no-repeat{
background-repeat: no-repeat;
}
-.fill-current {
+.fill-current{
fill: currentColor;
}
-.object-cover {
+.object-cover{
-o-object-fit: cover;
- object-fit: cover;
+ object-fit: cover;
}
-.p-0 {
+.p-0{
padding: 0px;
}
-.p-1 {
+.p-1{
padding: 0.25rem;
}
-.p-2 {
+.p-2{
padding: 0.5rem;
}
-.p-2\.5 {
+.p-2\.5{
padding: 0.625rem;
}
-.p-3 {
+.p-3{
padding: 0.75rem;
}
-.p-4 {
+.p-4{
padding: 1rem;
}
-.p-5 {
+.p-5{
padding: 1.25rem;
}
-.px-1 {
+.px-1{
padding-left: 0.25rem;
padding-right: 0.25rem;
}
-.px-2 {
+.px-2{
padding-left: 0.5rem;
padding-right: 0.5rem;
}
-.px-3 {
+.px-3{
padding-left: 0.75rem;
padding-right: 0.75rem;
}
-.px-4 {
+.px-4{
padding-left: 1rem;
padding-right: 1rem;
}
-.px-5 {
+.px-5{
padding-left: 1.25rem;
padding-right: 1.25rem;
}
-.px-6 {
+.px-6{
padding-left: 1.5rem;
padding-right: 1.5rem;
}
-.px-8 {
+.px-8{
padding-left: 2rem;
padding-right: 2rem;
}
-.py-1 {
+.py-1{
padding-top: 0.25rem;
padding-bottom: 0.25rem;
}
-.py-2 {
+.py-2{
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
-.py-3 {
+.py-3{
padding-top: 0.75rem;
padding-bottom: 0.75rem;
}
-.py-4 {
+.py-4{
padding-top: 1rem;
padding-bottom: 1rem;
}
-.pb-1 {
+.pb-1{
padding-bottom: 0.25rem;
}
-.pb-2 {
+.pb-2{
padding-bottom: 0.5rem;
}
-.pl-1 {
+.pl-1{
padding-left: 0.25rem;
}
-.pl-10 {
+.pl-10{
padding-left: 2.5rem;
}
-.pl-2 {
+.pl-2{
padding-left: 0.5rem;
}
-.pr-2 {
+.pr-2{
padding-right: 0.5rem;
}
-.pr-4 {
+.pr-4{
padding-right: 1rem;
}
-.pt-1 {
+.pt-1{
padding-top: 0.25rem;
}
-.pt-10 {
+.pt-10{
padding-top: 2.5rem;
}
-.pt-2 {
+.pt-2{
padding-top: 0.5rem;
}
-.pt-4 {
+.pt-4{
padding-top: 1rem;
}
-.pt-5 {
+.pt-5{
padding-top: 1.25rem;
}
-.pt-8 {
+.pt-8{
padding-top: 2rem;
}
-.text-left {
+.text-left{
text-align: left;
}
-.text-center {
+.text-center{
text-align: center;
}
-.font-mono {
+.font-mono{
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
-.text-2xl {
+.text-2xl{
font-size: 1.5rem;
line-height: 2rem;
}
-.text-\[10px\] {
+.text-\[10px\]{
font-size: 10px;
}
-.text-\[12px\] {
+.text-\[12px\]{
font-size: 12px;
}
-.text-\[18px\] {
+.text-\[18px\]{
font-size: 18px;
}
-.text-\[22px\] {
+.text-\[22px\]{
font-size: 22px;
}
-.text-\[24px\] {
+.text-\[24px\]{
font-size: 24px;
}
-.text-\[26px\] {
+.text-\[26px\]{
font-size: 26px;
}
-.text-\[8px\] {
+.text-\[8px\]{
font-size: 8px;
}
-.text-\[9px\] {
+.text-\[9px\]{
font-size: 9px;
}
-.text-lg {
+.text-lg{
font-size: 1.125rem;
line-height: 1.75rem;
}
-.text-sm {
+.text-sm{
font-size: 0.875rem;
line-height: 1.25rem;
}
-.text-xl {
+.text-xl{
font-size: 1.25rem;
line-height: 1.75rem;
}
-.text-xs {
+.text-xs{
font-size: 0.75rem;
line-height: 1rem;
}
-.font-bold {
+.text-\[11px\]{
+ font-size: 11px;
+}
+
+.font-bold{
font-weight: 700;
}
-.font-medium {
+.font-medium{
font-weight: 500;
}
-.font-normal {
+.font-normal{
font-weight: 400;
}
-.font-semibold {
+.font-semibold{
font-weight: 600;
}
-.uppercase {
+.uppercase{
text-transform: uppercase;
}
-.capitalize {
+.capitalize{
text-transform: capitalize;
}
-.tracking-wide {
+.tracking-wide{
letter-spacing: 0.025em;
}
-.tracking-wider {
+.tracking-wider{
letter-spacing: 0.05em;
}
-.text-\[\#14171a\] {
+.text-\[\#14171a\]{
--tw-text-opacity: 1;
color: rgb(20 23 26 / var(--tw-text-opacity));
}
-.text-\[\#4B878D\] {
+.text-\[\#4B878D\]{
--tw-text-opacity: 1;
color: rgb(75 135 141 / var(--tw-text-opacity));
}
-.text-amber-400 {
+.text-amber-300{
+ --tw-text-opacity: 1;
+ color: rgb(252 211 77 / var(--tw-text-opacity));
+}
+
+.text-amber-400{
--tw-text-opacity: 1;
color: rgb(251 191 36 / var(--tw-text-opacity));
}
-.text-amber-500 {
+.text-amber-500{
--tw-text-opacity: 1;
color: rgb(245 158 11 / var(--tw-text-opacity));
}
-.text-amber-600 {
+.text-amber-600{
--tw-text-opacity: 1;
color: rgb(217 119 6 / var(--tw-text-opacity));
}
-.text-blue-400 {
+.text-blue-400{
--tw-text-opacity: 1;
color: rgb(96 165 250 / var(--tw-text-opacity));
}
-.text-cyan-500 {
+.text-cyan-500{
--tw-text-opacity: 1;
color: rgb(6 182 212 / var(--tw-text-opacity));
}
-.text-cyan-600 {
+.text-cyan-600{
--tw-text-opacity: 1;
color: rgb(8 145 178 / var(--tw-text-opacity));
}
-.text-gray-100 {
+.text-gray-100{
--tw-text-opacity: 1;
color: rgb(243 244 246 / var(--tw-text-opacity));
}
-.text-gray-200 {
+.text-gray-200{
--tw-text-opacity: 1;
color: rgb(229 231 235 / var(--tw-text-opacity));
}
-.text-gray-300 {
+.text-gray-300{
--tw-text-opacity: 1;
color: rgb(209 213 219 / var(--tw-text-opacity));
}
-.text-gray-400 {
+.text-gray-400{
--tw-text-opacity: 1;
color: rgb(156 163 175 / var(--tw-text-opacity));
}
-.text-gray-500 {
+.text-gray-500{
--tw-text-opacity: 1;
color: rgb(107 114 128 / var(--tw-text-opacity));
}
-.text-gray-600 {
+.text-gray-600{
--tw-text-opacity: 1;
color: rgb(75 85 99 / var(--tw-text-opacity));
}
-.text-gray-700 {
+.text-gray-700{
--tw-text-opacity: 1;
color: rgb(55 65 81 / var(--tw-text-opacity));
}
-.text-gray-800 {
+.text-gray-800{
--tw-text-opacity: 1;
color: rgb(31 41 55 / var(--tw-text-opacity));
}
-.text-gray-900 {
+.text-gray-900{
--tw-text-opacity: 1;
color: rgb(17 24 39 / var(--tw-text-opacity));
}
-.text-green-400 {
+.text-green-400{
--tw-text-opacity: 1;
color: rgb(74 222 128 / var(--tw-text-opacity));
}
-.text-green-500 {
+.text-green-500{
--tw-text-opacity: 1;
color: rgb(34 197 94 / var(--tw-text-opacity));
}
-.text-green-700 {
+.text-green-600{
+ --tw-text-opacity: 1;
+ color: rgb(22 163 74 / var(--tw-text-opacity));
+}
+
+.text-green-700{
--tw-text-opacity: 1;
color: rgb(21 128 61 / var(--tw-text-opacity));
}
-.text-red-400 {
+.text-red-400{
--tw-text-opacity: 1;
color: rgb(248 113 113 / var(--tw-text-opacity));
}
-.text-red-500 {
+.text-red-500{
--tw-text-opacity: 1;
color: rgb(239 68 68 / var(--tw-text-opacity));
}
-.text-red-600 {
+.text-red-600{
--tw-text-opacity: 1;
color: rgb(220 38 38 / var(--tw-text-opacity));
}
-.text-red-700 {
+.text-red-700{
--tw-text-opacity: 1;
color: rgb(185 28 28 / var(--tw-text-opacity));
}
-.text-teal-500 {
+.text-teal-500{
--tw-text-opacity: 1;
color: rgb(20 184 166 / var(--tw-text-opacity));
}
-.text-teal-600 {
+.text-teal-600{
--tw-text-opacity: 1;
color: rgb(13 148 136 / var(--tw-text-opacity));
}
-.text-teal-700 {
+.text-teal-700{
--tw-text-opacity: 1;
color: rgb(15 118 110 / var(--tw-text-opacity));
}
-.text-white {
+.text-white{
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
-.text-yellow-400 {
+.text-yellow-400{
--tw-text-opacity: 1;
color: rgb(250 204 21 / var(--tw-text-opacity));
}
-.text-yellow-500 {
+.text-yellow-500{
--tw-text-opacity: 1;
color: rgb(234 179 8 / var(--tw-text-opacity));
}
-.text-amber-300 {
- --tw-text-opacity: 1;
- color: rgb(252 211 77 / var(--tw-text-opacity));
-}
-
-.text-green-600 {
- --tw-text-opacity: 1;
- color: rgb(22 163 74 / var(--tw-text-opacity));
-}
-
-.placeholder-gray-500::-webkit-input-placeholder {
+.placeholder-gray-500::-webkit-input-placeholder{
--tw-placeholder-opacity: 1;
color: rgb(107 114 128 / var(--tw-placeholder-opacity));
}
-.placeholder-gray-500::-moz-placeholder {
+.placeholder-gray-500::-moz-placeholder{
--tw-placeholder-opacity: 1;
color: rgb(107 114 128 / var(--tw-placeholder-opacity));
}
-.placeholder-gray-500:-ms-input-placeholder {
+.placeholder-gray-500:-ms-input-placeholder{
--tw-placeholder-opacity: 1;
color: rgb(107 114 128 / var(--tw-placeholder-opacity));
}
-.placeholder-gray-500::-ms-input-placeholder {
+.placeholder-gray-500::-ms-input-placeholder{
--tw-placeholder-opacity: 1;
color: rgb(107 114 128 / var(--tw-placeholder-opacity));
}
-.placeholder-gray-500::placeholder {
+.placeholder-gray-500::placeholder{
--tw-placeholder-opacity: 1;
color: rgb(107 114 128 / var(--tw-placeholder-opacity));
}
-.opacity-0 {
+.opacity-0{
opacity: 0;
}
-.opacity-100 {
+.opacity-100{
opacity: 1;
}
-.opacity-25 {
+.opacity-25{
opacity: 0.25;
}
-.opacity-30 {
+.opacity-30{
opacity: 0.3;
}
-.opacity-40 {
+.opacity-40{
opacity: 0.4;
}
-.opacity-50 {
+.opacity-50{
opacity: 0.5;
}
-.opacity-70 {
+.opacity-70{
opacity: 0.7;
}
-.opacity-80 {
+.opacity-80{
opacity: 0.8;
}
-.opacity-75 {
- opacity: 0.75;
-}
-
-.shadow {
+.shadow{
--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
-webkit-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);
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
-.shadow-lg {
+.shadow-lg{
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
-webkit-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);
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
-.shadow-md {
+.shadow-md{
--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
-webkit-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);
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
-.shadow-none {
+.shadow-none{
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
-webkit-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);
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
-.shadow-sm {
+.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);
-webkit-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);
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
-.shadow-xl {
+.shadow-xl{
--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
-webkit-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);
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
-.shadow-\[\#0e0f0f\] {
+.shadow-\[\#0e0f0f\]{
--tw-shadow-color: #0e0f0f;
--tw-shadow: var(--tw-shadow-colored);
}
-.shadow-\[\#101010\] {
+.shadow-\[\#101010\]{
--tw-shadow-color: #101010;
--tw-shadow: var(--tw-shadow-colored);
}
-.shadow-\[\#141516\] {
+.shadow-\[\#141516\]{
--tw-shadow-color: #141516;
--tw-shadow: var(--tw-shadow-colored);
}
-.shadow-\[\#161515\] {
+.shadow-\[\#161515\]{
--tw-shadow-color: #161515;
--tw-shadow: var(--tw-shadow-colored);
}
-.shadow-\[\#1b1b1b\] {
+.shadow-\[\#1b1b1b\]{
--tw-shadow-color: #1b1b1b;
--tw-shadow: var(--tw-shadow-colored);
}
-.shadow-\[\#1c2122\] {
+.shadow-\[\#1c2122\]{
--tw-shadow-color: #1c2122;
--tw-shadow: var(--tw-shadow-colored);
}
-.shadow-\[\#23272a\] {
+.shadow-\[\#23272a\]{
--tw-shadow-color: #23272a;
--tw-shadow: var(--tw-shadow-colored);
}
-.shadow-\[\#252525\] {
+.shadow-\[\#252525\]{
--tw-shadow-color: #252525;
--tw-shadow: var(--tw-shadow-colored);
}
-.shadow-\[\#303232\] {
+.shadow-\[\#303232\]{
--tw-shadow-color: #303232;
--tw-shadow: var(--tw-shadow-colored);
}
-.shadow-black {
+.shadow-black{
--tw-shadow-color: #000;
--tw-shadow: var(--tw-shadow-colored);
}
-.shadow-gray-600 {
+.shadow-gray-600{
--tw-shadow-color: #4b5563;
--tw-shadow: var(--tw-shadow-colored);
}
-.shadow-gray-800 {
+.shadow-gray-800{
--tw-shadow-color: #1f2937;
--tw-shadow: var(--tw-shadow-colored);
}
-.shadow-zinc-800 {
+.shadow-zinc-800{
--tw-shadow-color: #27272a;
--tw-shadow: var(--tw-shadow-colored);
}
-.outline-none {
+.outline-none{
outline: 2px solid transparent;
outline-offset: 2px;
}
-.outline {
+.outline{
outline-style: solid;
}
-.outline-0 {
+.outline-0{
outline-width: 0px;
}
-.ring-1 {
+.ring-1{
--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(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-webkit-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);
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
-.ring-black {
+.ring-black{
--tw-ring-opacity: 1;
--tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity));
}
-.ring-opacity-5 {
+.ring-opacity-5{
--tw-ring-opacity: 0.05;
}
-.blur {
+.blur{
--tw-blur: blur(8px);
- -webkit-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate)
- var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
- filter: 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);
+ -webkit-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
+ filter: 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);
}
-.grayscale {
+.grayscale{
--tw-grayscale: grayscale(100%);
- -webkit-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate)
- var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
- filter: 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);
+ -webkit-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
+ filter: 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);
}
-.invert {
+.invert{
--tw-invert: invert(100%);
- -webkit-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate)
- var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
- filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate)
- var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-
-.filter {
- -webkit-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate)
- var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
- filter: 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);
-}
-
-.transition {
- -webkit-transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity,
- -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity,
- -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow,
- transform, filter, backdrop-filter;
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow,
- transform, filter, backdrop-filter, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
+ -webkit-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
+ filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
+}
+
+.filter{
+ -webkit-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
+ filter: 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);
+}
+
+.transition{
+ -webkit-transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
-webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-webkit-transition-duration: 150ms;
- transition-duration: 150ms;
+ transition-duration: 150ms;
}
-.transition-all {
+.transition-all{
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-webkit-transition-duration: 150ms;
- transition-duration: 150ms;
+ transition-duration: 150ms;
}
-.transition-colors {
+.transition-colors{
-webkit-transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
-webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-webkit-transition-duration: 150ms;
- transition-duration: 150ms;
+ transition-duration: 150ms;
}
-.transition-transform {
+.transition-transform{
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-webkit-transition-duration: 150ms;
- transition-duration: 150ms;
+ transition-duration: 150ms;
}
-.delay-100 {
+.delay-100{
-webkit-transition-delay: 100ms;
- transition-delay: 100ms;
+ transition-delay: 100ms;
}
-.duration-100 {
+.duration-100{
-webkit-transition-duration: 100ms;
- transition-duration: 100ms;
+ transition-duration: 100ms;
}
-.duration-150 {
+.duration-150{
-webkit-transition-duration: 150ms;
- transition-duration: 150ms;
+ transition-duration: 150ms;
}
-.duration-200 {
+.duration-200{
-webkit-transition-duration: 200ms;
- transition-duration: 200ms;
+ transition-duration: 200ms;
}
-.duration-300 {
+.duration-300{
-webkit-transition-duration: 300ms;
- transition-duration: 300ms;
+ transition-duration: 300ms;
}
-.duration-500 {
+.duration-500{
-webkit-transition-duration: 500ms;
- transition-duration: 500ms;
+ transition-duration: 500ms;
}
-.ease-in {
+.ease-in{
-webkit-transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
- transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
+ transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
-.ease-in-out {
+.ease-in-out{
-webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
-.ease-out {
+.ease-out{
-webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
-.scrollbar {
+.scrollbar{
scrollbar-color: var(--scrollbar-thumb, initial) var(--scrollbar-track, initial);
}
-.scrollbar::-webkit-scrollbar-track {
+.scrollbar::-webkit-scrollbar-track{
background-color: var(--scrollbar-track);
border-radius: var(--scrollbar-track-radius);
}
-.scrollbar::-webkit-scrollbar-track:hover {
+.scrollbar::-webkit-scrollbar-track:hover{
background-color: var(--scrollbar-track-hover, var(--scrollbar-track));
}
-.scrollbar::-webkit-scrollbar-track:active {
+.scrollbar::-webkit-scrollbar-track:active{
background-color: var(--scrollbar-track-active, var(--scrollbar-track-hover, var(--scrollbar-track)));
}
-.scrollbar::-webkit-scrollbar-thumb {
+.scrollbar::-webkit-scrollbar-thumb{
background-color: var(--scrollbar-thumb);
border-radius: var(--scrollbar-thumb-radius);
}
-.scrollbar::-webkit-scrollbar-thumb:hover {
+.scrollbar::-webkit-scrollbar-thumb:hover{
background-color: var(--scrollbar-thumb-hover, var(--scrollbar-thumb));
}
-.scrollbar::-webkit-scrollbar-thumb:active {
+.scrollbar::-webkit-scrollbar-thumb:active{
background-color: var(--scrollbar-thumb-active, var(--scrollbar-thumb-hover, var(--scrollbar-thumb)));
}
-.scrollbar::-webkit-scrollbar-corner {
+.scrollbar::-webkit-scrollbar-corner{
background-color: var(--scrollbar-corner);
border-radius: var(--scrollbar-corner-radius);
}
-.scrollbar::-webkit-scrollbar-corner:hover {
+.scrollbar::-webkit-scrollbar-corner:hover{
background-color: var(--scrollbar-corner-hover, var(--scrollbar-corner));
}
-.scrollbar::-webkit-scrollbar-corner:active {
+.scrollbar::-webkit-scrollbar-corner:active{
background-color: var(--scrollbar-corner-active, var(--scrollbar-corner-hover, var(--scrollbar-corner)));
}
-.scrollbar {
+.scrollbar{
scrollbar-width: auto;
}
-.scrollbar::-webkit-scrollbar {
+.scrollbar::-webkit-scrollbar{
display: block;
width: var(--scrollbar-width, 16px);
height: var(--scrollbar-height, 16px);
}
-.scrollbar-track-transparent {
+.scrollbar-track-transparent{
--scrollbar-track: transparent !important;
}
-.scrollbar-thumb-teal-800 {
+.scrollbar-thumb-teal-800{
--scrollbar-thumb: #115e59 !important;
}
-.\[-webkit-tap-highlight-color\:_transparent\] {
+.\[-webkit-tap-highlight-color\:_transparent\]{
-webkit-tap-highlight-color: transparent;
}
@@ -3885,603 +3792,555 @@ html body {
margin: 0;
font-family: "Noto Sans", sans-serif;
-webkit-box-sizing: border-box;
- box-sizing: border-box;
+ box-sizing: border-box;
background-color: rgb(31, 31, 31);
}
-.placeholder\:text-gray-500::-webkit-input-placeholder {
+.placeholder\:text-gray-500::-webkit-input-placeholder{
--tw-text-opacity: 1;
color: rgb(107 114 128 / var(--tw-text-opacity));
}
-.placeholder\:text-gray-500::-moz-placeholder {
+.placeholder\:text-gray-500::-moz-placeholder{
--tw-text-opacity: 1;
color: rgb(107 114 128 / var(--tw-text-opacity));
}
-.placeholder\:text-gray-500:-ms-input-placeholder {
+.placeholder\:text-gray-500:-ms-input-placeholder{
--tw-text-opacity: 1;
color: rgb(107 114 128 / var(--tw-text-opacity));
}
-.placeholder\:text-gray-500::-ms-input-placeholder {
+.placeholder\:text-gray-500::-ms-input-placeholder{
--tw-text-opacity: 1;
color: rgb(107 114 128 / var(--tw-text-opacity));
}
-.placeholder\:text-gray-500::placeholder {
+.placeholder\:text-gray-500::placeholder{
--tw-text-opacity: 1;
color: rgb(107 114 128 / var(--tw-text-opacity));
}
-.after\:absolute::after {
+.after\:absolute::after{
content: var(--tw-content);
position: absolute;
}
-.after\:left-\[2px\]::after {
+.after\:left-\[2px\]::after{
content: var(--tw-content);
left: 2px;
}
-.after\:top-0::after {
+.after\:top-0::after{
content: var(--tw-content);
top: 0px;
}
-.after\:top-0\.5::after {
+.after\:top-0\.5::after{
content: var(--tw-content);
top: 0.125rem;
}
-.after\:h-4::after {
+.after\:h-4::after{
content: var(--tw-content);
height: 1rem;
}
-.after\:w-4::after {
+.after\:w-4::after{
content: var(--tw-content);
width: 1rem;
}
-.after\:rounded-full::after {
+.after\:rounded-full::after{
content: var(--tw-content);
border-radius: 9999px;
}
-.after\:border::after {
+.after\:border::after{
content: var(--tw-content);
border-width: 1px;
}
-.after\:border-gray-300::after {
+.after\:border-gray-300::after{
content: var(--tw-content);
--tw-border-opacity: 1;
border-color: rgb(209 213 219 / var(--tw-border-opacity));
}
-.after\:bg-white::after {
+.after\:bg-white::after{
content: var(--tw-content);
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
-.after\:transition-all::after {
+.after\:transition-all::after{
content: var(--tw-content);
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-webkit-transition-duration: 150ms;
- transition-duration: 150ms;
+ transition-duration: 150ms;
}
-.after\:content-\[\'\'\]::after {
- --tw-content: "";
+.after\:content-\[\'\'\]::after{
+ --tw-content: '';
content: var(--tw-content);
}
-.peer:checked ~ .peer-checked\:start-6 {
+.peer:checked ~ .peer-checked\:start-6{
inset-inline-start: 1.5rem;
}
-.peer:checked ~ .peer-checked\:border-green-600 {
+.peer:checked ~ .peer-checked\:border-green-600{
--tw-border-opacity: 1;
border-color: rgb(22 163 74 / var(--tw-border-opacity));
}
-.peer:checked ~ .peer-checked\:bg-green-500 {
+.peer:checked ~ .peer-checked\:bg-green-500{
--tw-bg-opacity: 1;
background-color: rgb(34 197 94 / var(--tw-bg-opacity));
}
-.peer:checked ~ .peer-checked\:bg-green-600 {
+.peer:checked ~ .peer-checked\:bg-green-600{
--tw-bg-opacity: 1;
background-color: rgb(22 163 74 / var(--tw-bg-opacity));
}
-.peer:checked ~ .peer-checked\:text-green-600 {
+.peer:checked ~ .peer-checked\:text-green-600{
--tw-text-opacity: 1;
color: rgb(22 163 74 / var(--tw-text-opacity));
}
-.peer:checked ~ .peer-checked\:shadow-inner {
+.peer:checked ~ .peer-checked\:shadow-inner{
--tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
--tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
-webkit-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);
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
-.peer:checked ~ .peer-checked\:shadow-gray-600 {
+.peer:checked ~ .peer-checked\:shadow-gray-600{
--tw-shadow-color: #4b5563;
--tw-shadow: var(--tw-shadow-colored);
}
-.peer:checked ~ .peer-checked\:after\:translate-x-7::after {
+.peer:checked ~ .peer-checked\:after\:translate-x-7::after{
content: var(--tw-content);
--tw-translate-x: 1.75rem;
- -webkit-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));
- 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));
+ -webkit-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));
+ 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));
}
-.peer:checked ~ .peer-checked\:after\:border-white::after {
+.peer:checked ~ .peer-checked\:after\:border-white::after{
content: var(--tw-content);
--tw-border-opacity: 1;
border-color: rgb(255 255 255 / var(--tw-border-opacity));
}
-.hover\:scale-105:hover {
+.hover\:scale-105:hover{
--tw-scale-x: 1.05;
--tw-scale-y: 1.05;
- -webkit-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));
- 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));
+ -webkit-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));
+ 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));
}
-.hover\:scale-110:hover {
+.hover\:scale-110:hover{
--tw-scale-x: 1.1;
--tw-scale-y: 1.1;
- -webkit-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));
- 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));
+ -webkit-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));
+ 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));
}
-.hover\:scale-125:hover {
+.hover\:scale-125:hover{
--tw-scale-x: 1.25;
--tw-scale-y: 1.25;
- -webkit-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));
- 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));
+ -webkit-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));
+ 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));
}
-.hover\:scale-90:hover {
- --tw-scale-x: 0.9;
- --tw-scale-y: 0.9;
- -webkit-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));
- 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));
+.hover\:scale-90:hover{
+ --tw-scale-x: .9;
+ --tw-scale-y: .9;
+ -webkit-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));
+ 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));
}
-.hover\:scale-95:hover {
- --tw-scale-x: 0.95;
- --tw-scale-y: 0.95;
- -webkit-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));
- 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));
+.hover\:scale-95:hover{
+ --tw-scale-x: .95;
+ --tw-scale-y: .95;
+ -webkit-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));
+ 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));
}
-.hover\:overflow-y-auto:hover {
+.hover\:overflow-y-auto:hover{
overflow-y: auto;
}
-.hover\:scroll-auto:hover {
+.hover\:scroll-auto:hover{
scroll-behavior: auto;
}
-.hover\:border:hover {
+.hover\:border:hover{
border-width: 1px;
}
-.hover\:border-blue-400:hover {
+.hover\:border-blue-400:hover{
--tw-border-opacity: 1;
border-color: rgb(96 165 250 / var(--tw-border-opacity));
}
-.hover\:border-gray-300:hover {
+.hover\:border-gray-300:hover{
--tw-border-opacity: 1;
border-color: rgb(209 213 219 / var(--tw-border-opacity));
}
-.hover\:border-gray-500:hover {
+.hover\:border-gray-500:hover{
--tw-border-opacity: 1;
border-color: rgb(107 114 128 / var(--tw-border-opacity));
}
-.hover\:border-gray-600:hover {
+.hover\:border-gray-600:hover{
--tw-border-opacity: 1;
border-color: rgb(75 85 99 / var(--tw-border-opacity));
}
-.hover\:border-slate-400:hover {
+.hover\:border-slate-400:hover{
--tw-border-opacity: 1;
border-color: rgb(148 163 184 / var(--tw-border-opacity));
}
-.hover\:border-teal-500:hover {
+.hover\:border-teal-500:hover{
--tw-border-opacity: 1;
border-color: rgb(20 184 166 / var(--tw-border-opacity));
}
-.hover\:border-teal-600:hover {
+.hover\:border-teal-600:hover{
--tw-border-opacity: 1;
border-color: rgb(13 148 136 / var(--tw-border-opacity));
}
-.hover\:bg-\[\#141517\]:hover {
+.hover\:bg-\[\#141517\]:hover{
--tw-bg-opacity: 1;
background-color: rgb(20 21 23 / var(--tw-bg-opacity));
}
-.hover\:bg-\[\#224141\]:hover {
+.hover\:bg-\[\#224141\]:hover{
--tw-bg-opacity: 1;
background-color: rgb(34 65 65 / var(--tw-bg-opacity));
}
-.hover\:bg-\[\#23272a\]:hover {
+.hover\:bg-\[\#23272a\]:hover{
--tw-bg-opacity: 1;
background-color: rgb(35 39 42 / var(--tw-bg-opacity));
}
-.hover\:bg-\[\#243535\]:hover {
+.hover\:bg-\[\#243535\]:hover{
--tw-bg-opacity: 1;
background-color: rgb(36 53 53 / var(--tw-bg-opacity));
}
-.hover\:bg-\[\#264744\]:hover {
+.hover\:bg-\[\#264744\]:hover{
--tw-bg-opacity: 1;
background-color: rgb(38 71 68 / var(--tw-bg-opacity));
}
-.hover\:bg-\[\#282a2d\]:hover {
+.hover\:bg-\[\#282a2d\]:hover{
--tw-bg-opacity: 1;
background-color: rgb(40 42 45 / var(--tw-bg-opacity));
}
-.hover\:bg-\[\#2b3034\]:hover {
+.hover\:bg-\[\#2b3034\]:hover{
--tw-bg-opacity: 1;
background-color: rgb(43 48 52 / var(--tw-bg-opacity));
}
-.hover\:bg-\[\#325e5a\]:hover {
+.hover\:bg-\[\#325e5a\]:hover{
--tw-bg-opacity: 1;
background-color: rgb(50 94 90 / var(--tw-bg-opacity));
}
-.hover\:bg-\[\#336666\]:hover {
+.hover\:bg-\[\#336666\]:hover{
--tw-bg-opacity: 1;
background-color: rgb(51 102 102 / var(--tw-bg-opacity));
}
-.hover\:bg-\[\#374045\]:hover {
+.hover\:bg-\[\#374045\]:hover{
--tw-bg-opacity: 1;
background-color: rgb(55 64 69 / var(--tw-bg-opacity));
}
-.hover\:bg-\[\#383c3f\]:hover {
+.hover\:bg-\[\#383c3f\]:hover{
--tw-bg-opacity: 1;
background-color: rgb(56 60 63 / var(--tw-bg-opacity));
}
-.hover\:bg-\[\#3c434a\]:hover {
+.hover\:bg-\[\#3c434a\]:hover{
--tw-bg-opacity: 1;
background-color: rgb(60 67 74 / var(--tw-bg-opacity));
}
-.hover\:bg-\[\#447a75\]:hover {
+.hover\:bg-\[\#447a75\]:hover{
--tw-bg-opacity: 1;
background-color: rgb(68 122 117 / var(--tw-bg-opacity));
}
-.hover\:bg-\[\#4c7960\]:hover {
+.hover\:bg-\[\#4c7960\]:hover{
--tw-bg-opacity: 1;
background-color: rgb(76 121 96 / var(--tw-bg-opacity));
}
-.hover\:bg-blue-400:hover {
+.hover\:bg-blue-400:hover{
--tw-bg-opacity: 1;
background-color: rgb(96 165 250 / var(--tw-bg-opacity));
}
-.hover\:bg-blue-500:hover {
+.hover\:bg-blue-500:hover{
--tw-bg-opacity: 1;
background-color: rgb(59 130 246 / var(--tw-bg-opacity));
}
-.hover\:bg-blue-600:hover {
+.hover\:bg-blue-600:hover{
--tw-bg-opacity: 1;
background-color: rgb(37 99 235 / var(--tw-bg-opacity));
}
-.hover\:bg-cyan-600:hover {
+.hover\:bg-cyan-600:hover{
--tw-bg-opacity: 1;
background-color: rgb(8 145 178 / var(--tw-bg-opacity));
}
-.hover\:bg-gray-100:hover {
+.hover\:bg-gray-100:hover{
--tw-bg-opacity: 1;
background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}
-.hover\:bg-gray-500:hover {
+.hover\:bg-gray-500:hover{
--tw-bg-opacity: 1;
background-color: rgb(107 114 128 / var(--tw-bg-opacity));
}
-.hover\:bg-gray-600:hover {
+.hover\:bg-gray-600:hover{
--tw-bg-opacity: 1;
background-color: rgb(75 85 99 / var(--tw-bg-opacity));
}
-.hover\:bg-gray-700:hover {
+.hover\:bg-gray-700:hover{
--tw-bg-opacity: 1;
background-color: rgb(55 65 81 / var(--tw-bg-opacity));
}
-.hover\:bg-green-500:hover {
+.hover\:bg-green-500:hover{
--tw-bg-opacity: 1;
background-color: rgb(34 197 94 / var(--tw-bg-opacity));
}
-.hover\:bg-green-600:hover {
+.hover\:bg-green-600:hover{
--tw-bg-opacity: 1;
background-color: rgb(22 163 74 / var(--tw-bg-opacity));
}
-.hover\:bg-red-600:hover {
+.hover\:bg-red-600:hover{
--tw-bg-opacity: 1;
background-color: rgb(220 38 38 / var(--tw-bg-opacity));
}
-.hover\:bg-red-700:hover {
+.hover\:bg-red-700:hover{
--tw-bg-opacity: 1;
background-color: rgb(185 28 28 / var(--tw-bg-opacity));
}
-.hover\:bg-slate-400:hover {
+.hover\:bg-slate-400:hover{
--tw-bg-opacity: 1;
background-color: rgb(148 163 184 / var(--tw-bg-opacity));
}
-.hover\:bg-teal-600:hover {
+.hover\:bg-teal-600:hover{
--tw-bg-opacity: 1;
background-color: rgb(13 148 136 / var(--tw-bg-opacity));
}
-.hover\:bg-teal-800:hover {
+.hover\:bg-teal-800:hover{
--tw-bg-opacity: 1;
background-color: rgb(17 94 89 / var(--tw-bg-opacity));
}
-.hover\:shadow-lg:hover {
+.hover\:shadow-lg:hover{
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
-webkit-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);
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
-.hover\:shadow-md:hover {
+.hover\:shadow-md:hover{
--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
-webkit-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);
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
-.hover\:shadow-xl:hover {
+.hover\:shadow-xl:hover{
--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
-webkit-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);
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
-.hover\:shadow-\[\#050505\]:hover {
+.hover\:shadow-\[\#050505\]:hover{
--tw-shadow-color: #050505;
--tw-shadow: var(--tw-shadow-colored);
}
-.hover\:shadow-\[\#1a1b1b\]:hover {
+.hover\:shadow-\[\#1a1b1b\]:hover{
--tw-shadow-color: #1a1b1b;
--tw-shadow: var(--tw-shadow-colored);
}
-.hover\:shadow-\[\#1e2a29\]:hover {
+.hover\:shadow-\[\#1e2a29\]:hover{
--tw-shadow-color: #1e2a29;
--tw-shadow: var(--tw-shadow-colored);
}
-.hover\:shadow-\[\#303232\]:hover {
+.hover\:shadow-\[\#303232\]:hover{
--tw-shadow-color: #303232;
--tw-shadow: var(--tw-shadow-colored);
}
-.hover\:shadow-gray-800:hover {
+.hover\:shadow-gray-800:hover{
--tw-shadow-color: #1f2937;
--tw-shadow: var(--tw-shadow-colored);
}
-.hover\:shadow-gray-900:hover {
+.hover\:shadow-gray-900:hover{
--tw-shadow-color: #111827;
--tw-shadow: var(--tw-shadow-colored);
}
-.hover\:shadow-gray-950:hover {
+.hover\:shadow-gray-950:hover{
--tw-shadow-color: #030712;
--tw-shadow: var(--tw-shadow-colored);
}
-.hover\:brightness-110:hover {
+.hover\:brightness-110:hover{
--tw-brightness: brightness(1.1);
- -webkit-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate)
- var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
- filter: 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);
+ -webkit-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
+ filter: 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);
}
-.hover\:scrollbar-thumb-teal-800 {
+.hover\:scrollbar-thumb-teal-800{
--scrollbar-thumb-hover: #115e59 !important;
}
-.focus\:border-blue-500:focus {
+.focus\:border-blue-500:focus{
--tw-border-opacity: 1;
border-color: rgb(59 130 246 / var(--tw-border-opacity));
}
-.focus\:border-teal-500:focus {
+.focus\:border-teal-500:focus{
--tw-border-opacity: 1;
border-color: rgb(20 184 166 / var(--tw-border-opacity));
}
-.focus\:outline-none:focus {
+.focus\:outline-none:focus{
outline: 2px solid transparent;
outline-offset: 2px;
}
-.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-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-webkit-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);
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
-.focus\:ring-blue-300:focus {
+.focus\:ring-blue-300:focus{
--tw-ring-opacity: 1;
--tw-ring-color: rgb(147 197 253 / var(--tw-ring-opacity));
}
-.focus\:ring-blue-500:focus {
+.focus\:ring-blue-500:focus{
--tw-ring-opacity: 1;
--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity));
}
-.focus\:ring-opacity-80:focus {
+.focus\:ring-opacity-80:focus{
--tw-ring-opacity: 0.8;
}
-.active\:scale-100:active {
+.active\:scale-100:active{
--tw-scale-x: 1;
--tw-scale-y: 1;
- -webkit-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));
- 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));
+ -webkit-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));
+ 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));
}
-.active\:scale-75:active {
- --tw-scale-x: 0.75;
- --tw-scale-y: 0.75;
- -webkit-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));
- 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));
+.active\:scale-75:active{
+ --tw-scale-x: .75;
+ --tw-scale-y: .75;
+ -webkit-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));
+ 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));
}
-.active\:scale-90:active {
- --tw-scale-x: 0.9;
- --tw-scale-y: 0.9;
- -webkit-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));
- 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));
+.active\:scale-90:active{
+ --tw-scale-x: .9;
+ --tw-scale-y: .9;
+ -webkit-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));
+ 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));
}
-.active\:scale-95:active {
- --tw-scale-x: 0.95;
- --tw-scale-y: 0.95;
- -webkit-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));
- 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));
+.active\:scale-95:active{
+ --tw-scale-x: .95;
+ --tw-scale-y: .95;
+ -webkit-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));
+ 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));
}
-.active\:shadow-none:active {
+.active\:shadow-none:active{
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
-webkit-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);
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
-@media (prefers-color-scheme: dark) {
- .dark\:text-gray-300 {
+@media (prefers-color-scheme: dark){
+ .dark\:text-gray-300{
--tw-text-opacity: 1;
color: rgb(209 213 219 / var(--tw-text-opacity));
}
- .dark\:text-gray-400 {
+ .dark\:text-gray-400{
--tw-text-opacity: 1;
color: rgb(156 163 175 / var(--tw-text-opacity));
}
- .dark\:hover\:bg-gray-700:hover {
+ .dark\:hover\:bg-gray-700:hover{
--tw-bg-opacity: 1;
background-color: rgb(55 65 81 / var(--tw-bg-opacity));
}
- .dark\:hover\:text-white:hover {
+ .dark\:hover\:text-white:hover{
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
}
-@media (min-width: 640px) {
- .sm\:translate-y-0 {
- --tw-translate-y: 0px;
- -webkit-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));
- 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));
- }
-
- .sm\:scale-100 {
- --tw-scale-x: 1;
- --tw-scale-y: 1;
- -webkit-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));
- 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));
- }
-
- .sm\:scale-95 {
- --tw-scale-x: 0.95;
- --tw-scale-y: 0.95;
- -webkit-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));
- 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));
- }
-
- .sm\:gap-x-5 {
+@media (min-width: 640px){
+ .sm\:gap-x-5{
-webkit-column-gap: 1.25rem;
- -moz-column-gap: 1.25rem;
- column-gap: 1.25rem;
+ -moz-column-gap: 1.25rem;
+ column-gap: 1.25rem;
}
}
-@media (min-width: 768px) {
- .md\:mb-0 {
+@media (min-width: 768px){
+ .md\:mb-0{
margin-bottom: 0px;
}
}
-.\[\&\:checked_\+_span_svg\[data-checked-icon\]\]\:block:checked + span svg[data-checked-icon] {
+.\[\&\:checked_\+_span_svg\[data-checked-icon\]\]\:block:checked + span svg[data-checked-icon]{
display: block;
}
-.\[\&\:checked_\+_span_svg\[data-unchecked-icon\]\]\:hidden:checked + span svg[data-unchecked-icon] {
+.\[\&\:checked_\+_span_svg\[data-unchecked-icon\]\]\:hidden:checked + span svg[data-unchecked-icon]{
display: none;
}
diff --git a/launcher/src/components/UI/node-page/NodeScreen.vue b/launcher/src/components/UI/node-page/NodeScreen.vue
index aad51aa1c..db2d5d164 100755
--- a/launcher/src/components/UI/node-page/NodeScreen.vue
+++ b/launcher/src/components/UI/node-page/NodeScreen.vue
@@ -7,17 +7,27 @@
-
+
-
+
+ Group Name
+ 
+ Reward
+ 
+ Reward
+ 
+ Reward
+ 
+