From 4e272cab2768537b55ed61530ebb0483f95c95fa Mon Sep 17 00:00:00 2001 From: mabasian <54101509+mabasian@users.noreply.github.com> Date: Thu, 5 Sep 2024 13:44:36 +0200 Subject: [PATCH] FIX: OS Updates and Alerts (#2037) * FIX: green notification icon * FIX: refresh updatable packages * UPDATE: ignore output.css * fix: fetch updated package stats after each update --- launcher/.prettierignore | 1 + .../node-alert-icons/green-notification.png | Bin launcher/public/output.css | 3018 ++++++++--------- .../node-page/components/alert/NodeAlert.vue | 2 +- .../components/server-update/UpdateServer.vue | 40 +- .../UI/the-control/ControlAlert.vue | 2 +- launcher/src/composables/version.js | 32 +- 7 files changed, 1502 insertions(+), 1593 deletions(-) rename "launcher/public/img/icon/node-alert-icons/NOTIFICATION-GR\303\234N.png" => launcher/public/img/icon/node-alert-icons/green-notification.png (100%) diff --git a/launcher/.prettierignore b/launcher/.prettierignore index 1f3746f38..14a7f3aac 100644 --- a/launcher/.prettierignore +++ b/launcher/.prettierignore @@ -7,3 +7,4 @@ **/dist_electron package-lock.json public/output.css + diff --git "a/launcher/public/img/icon/node-alert-icons/NOTIFICATION-GR\303\234N.png" b/launcher/public/img/icon/node-alert-icons/green-notification.png similarity index 100% rename from "launcher/public/img/icon/node-alert-icons/NOTIFICATION-GR\303\234N.png" rename to launcher/public/img/icon/node-alert-icons/green-notification.png diff --git a/launcher/public/output.css b/launcher/public/output.css index 9cd44e24d..6ad9d34d7 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: ''; } /* @@ -47,12 +47,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, 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 */ @@ -93,7 +93,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; } /* @@ -142,7 +142,7 @@ pre { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */ -webkit-font-feature-settings: normal; - font-feature-settings: normal; + font-feature-settings: normal; /* 2 */ font-variation-settings: normal; /* 3 */ @@ -207,7 +207,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 */ @@ -242,9 +242,9 @@ select { */ button, -input:where([type="button"]), -input:where([type="reset"]), -input:where([type="submit"]) { +input:where([type='button']), +input:where([type='reset']), +input:where([type='submit']) { -webkit-appearance: button; /* 1 */ background-color: transparent; @@ -291,7 +291,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; @@ -384,32 +384,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; @@ -477,14 +473,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; @@ -494,19 +488,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); @@ -514,31 +508,31 @@ 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-contain-size: ; - --tw-contain-layout: ; - --tw-contain-paint: ; - --tw-contain-style: ; -} - -::-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: ; + --tw-contain-size: ; + --tw-contain-layout: ; + --tw-contain-paint: ; + --tw-contain-style: ; +} + +::-ms-backdrop{ --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; @@ -548,19 +542,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); @@ -568,31 +562,31 @@ 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-contain-size: ; - --tw-contain-layout: ; - --tw-contain-paint: ; - --tw-contain-style: ; -} - -::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: ; + --tw-contain-size: ; + --tw-contain-layout: ; + --tw-contain-paint: ; + --tw-contain-style: ; +} + +::backdrop{ --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; @@ -602,19 +596,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); @@ -622,28 +616,28 @@ 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-contain-size: ; - --tw-contain-layout: ; - --tw-contain-paint: ; - --tw-contain-style: ; + --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-contain-size: ; + --tw-contain-layout: ; + --tw-contain-paint: ; + --tw-contain-style: ; } ::-webkit-scrollbar { @@ -663,41 +657,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; @@ -709,4625 +703,4585 @@ 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; } -.sticky { +.sticky{ position: sticky; } -.inset-0 { +.inset-0{ inset: 0px; } -.inset-x-0 { +.inset-x-0{ left: 0px; right: 0px; } -.inset-x-20 { +.inset-x-20{ left: 5rem; right: 5rem; } -.inset-x-6 { +.inset-x-6{ left: 1.5rem; right: 1.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-11 { +.-top-11{ top: -2.75rem; } -.-top-20 { +.-top-20{ top: -5rem; } -.-top-8 { +.-top-8{ top: -2rem; } -.-top-\[90px\] { +.-top-\[90px\]{ top: -90px; } -.bottom-0 { +.bottom-0{ bottom: 0px; } -.bottom-0\.5 { +.bottom-0\.5{ bottom: 0.125rem; } -.bottom-1 { +.bottom-1{ bottom: 0.25rem; } -.bottom-2 { +.bottom-2{ bottom: 0.5rem; } -.bottom-20 { +.bottom-20{ bottom: 5rem; } -.bottom-4 { +.bottom-4{ bottom: 1rem; } -.bottom-\[3rem\] { +.bottom-\[3rem\]{ bottom: 3rem; } -.bottom-\[8px\] { +.bottom-\[8px\]{ bottom: 8px; } -.end-0 { +.end-0{ inset-inline-end: 0px; } -.end-1 { +.end-1{ inset-inline-end: 0.25rem; } -.end-2 { +.end-2{ inset-inline-end: 0.5rem; } -.left-0 { +.left-0{ left: 0px; } -.left-1 { +.left-1{ left: 0.25rem; } -.left-1\/2 { +.left-1\/2{ left: 50%; } -.left-12 { +.left-12{ left: 3rem; } -.left-14 { +.left-14{ left: 3.5rem; } -.left-3 { +.left-3{ left: 0.75rem; } -.left-\[1\.3rem\] { +.left-\[1\.3rem\]{ left: 1.3rem; } -.left-\[17rem\] { +.left-\[17rem\]{ left: 17rem; } -.left-\[1px\] { +.left-\[1px\]{ left: 1px; } -.left-\[40\%\] { +.left-\[40\%\]{ left: 40%; } -.left-\[920px\] { +.left-\[920px\]{ left: 920px; } -.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-7 { +.right-7{ right: 1.75rem; } -.right-8 { +.right-8{ right: 2rem; } -.right-\[1px\] { +.right-\[1px\]{ right: 1px; } -.right-\[20px\] { +.right-\[20px\]{ right: 20px; } -.right-\[8px\] { +.right-\[8px\]{ right: 8px; } -.start-0 { +.start-0{ inset-inline-start: 0px; } -.top-0 { +.top-0{ top: 0px; } -.top-10 { +.top-10{ top: 2.5rem; } -.top-12 { +.top-12{ top: 3rem; } -.top-14 { +.top-14{ top: 3.5rem; } -.top-16 { +.top-16{ top: 4rem; } -.top-20 { +.top-20{ top: 5rem; } -.top-8 { +.top-8{ top: 2rem; } -.top-9 { +.top-9{ top: 2.25rem; } -.top-\[-18px\] { +.top-\[-18px\]{ top: -18px; } -.top-\[1px\] { +.top-\[1px\]{ top: 1px; } -.top-\[33\%\] { +.top-\[33\%\]{ top: 33%; } -.top-\[42\%\] { +.top-\[42\%\]{ top: 42%; } -.top-\[56px\] { +.top-\[56px\]{ top: 56px; } -.top-\[7rem\] { +.top-\[7rem\]{ top: 7rem; } -.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; } -.z-\[2\] { +.z-\[2\]{ z-index: 2; } -.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-13 { +.col-start-13{ grid-column-start: 13; } -.col-start-14 { +.col-start-14{ grid-column-start: 14; } -.col-start-17 { +.col-start-17{ grid-column-start: 17; } -.col-start-18 { +.col-start-18{ grid-column-start: 18; } -.col-start-19 { +.col-start-19{ grid-column-start: 19; } -.col-start-2 { +.col-start-2{ grid-column-start: 2; } -.col-start-20 { +.col-start-20{ grid-column-start: 20; } -.col-start-21 { +.col-start-21{ grid-column-start: 21; } -.col-start-22 { +.col-start-22{ grid-column-start: 22; } -.col-start-23 { +.col-start-23{ grid-column-start: 23; } -.col-start-24 { +.col-start-24{ grid-column-start: 24; } -.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-14 { +.col-end-14{ grid-column-end: 14; } -.col-end-15 { +.col-end-15{ grid-column-end: 15; } -.col-end-16 { +.col-end-16{ grid-column-end: 16; } -.col-end-17 { +.col-end-17{ grid-column-end: 17; } -.col-end-18 { +.col-end-18{ grid-column-end: 18; } -.col-end-19 { +.col-end-19{ grid-column-end: 19; } -.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-24 { +.col-end-24{ grid-column-end: 24; } -.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-8 { +.col-end-8{ grid-column-end: 8; } -.col-end-9 { +.col-end-9{ grid-column-end: 9; } -.row-span-1 { +.row-span-1{ grid-row: span 1 / span 1; } -.row-span-10 { +.row-span-10{ grid-row: span 10 / span 10; } -.row-span-2 { +.row-span-2{ grid-row: span 2 / span 2; } -.row-span-3 { +.row-span-3{ grid-row: span 3 / span 3; } -.row-span-4 { +.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-8 { +.row-span-8{ grid-row: span 8 / span 8; } -.row-span-full { +.row-span-full{ grid-row: 1 / -1; } -.row-start-1 { +.row-start-1{ grid-row-start: 1; } -.row-start-10 { +.row-start-10{ grid-row-start: 10; } -.row-start-11 { +.row-start-11{ grid-row-start: 11; } -.row-start-12 { +.row-start-12{ grid-row-start: 12; } -.row-start-13 { +.row-start-13{ grid-row-start: 13; } -.row-start-14 { +.row-start-14{ grid-row-start: 14; } -.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-8 { +.row-start-8{ grid-row-start: 8; } -.row-start-9 { +.row-start-9{ grid-row-start: 9; } -.row-end-10 { +.row-end-10{ grid-row-end: 10; } -.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-14 { +.row-end-14{ grid-row-end: 14; } -.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-6 { +.row-end-6{ grid-row-end: 6; } -.row-end-7 { +.row-end-7{ grid-row-end: 7; } -.row-end-8 { +.row-end-8{ grid-row-end: 8; } -.row-end-9 { +.row-end-9{ grid-row-end: 9; } -.float-right { +.float-right{ float: right; } -.-m-1 { +.-m-1{ margin: -0.25rem; } -.m-1 { +.m-1{ margin: 0.25rem; } -.m-auto { +.m-auto{ margin: auto; } -.mx-1 { +.mx-1{ margin-left: 0.25rem; margin-right: 0.25rem; } -.mx-2 { +.mx-2{ margin-left: 0.5rem; margin-right: 0.5rem; } -.mx-auto { +.mx-auto{ margin-left: auto; margin-right: auto; } -.my-auto { +.my-auto{ margin-top: auto; margin-bottom: auto; } -.-mb-6 { +.-mb-6{ margin-bottom: -1.5rem; } -.-ml-4 { +.-ml-4{ margin-left: -1rem; } -.mb-1 { +.mb-1{ margin-bottom: 0.25rem; } -.mb-2 { +.mb-2{ margin-bottom: 0.5rem; } -.mb-3 { +.mb-3{ margin-bottom: 0.75rem; } -.mb-\[1px\] { +.mb-\[1px\]{ margin-bottom: 1px; } -.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-5 { +.ml-5{ margin-left: 1.25rem; } -.ml-\[25px\] { +.ml-\[25px\]{ margin-left: 25px; } -.ml-\[5px\] { +.ml-\[5px\]{ margin-left: 5px; } -.mr-0 { +.mr-0{ margin-right: 0px; } -.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-5 { +.mr-5{ margin-right: 1.25rem; } -.mr-\[25px\] { +.mr-\[25px\]{ margin-right: 25px; } -.mt-1 { +.mt-1{ margin-top: 0.25rem; } -.mt-10 { +.mt-10{ margin-top: 2.5rem; } -.mt-12 { +.mt-12{ margin-top: 3rem; } -.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-5 { +.mt-5{ margin-top: 1.25rem; } -.mt-6 { +.mt-6{ margin-top: 1.5rem; } -.mt-8 { +.mt-8{ margin-top: 2rem; } -.mt-\[9\.5rem\] { +.mt-\[9\.5rem\]{ margin-top: 9.5rem; } -.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\/2 { +.h-1\/2{ height: 50%; } -.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-24 { +.h-24{ height: 6rem; } -.h-28 { +.h-28{ height: 7rem; } -.h-3 { +.h-3{ height: 0.75rem; } -.h-3\/4 { +.h-3\/4{ height: 75%; } -.h-32 { +.h-32{ height: 8rem; } -.h-4 { +.h-4{ height: 1rem; } -.h-4\/5 { +.h-4\/5{ height: 80%; } -.h-5 { +.h-5{ height: 1.25rem; } -.h-5\/6 { +.h-5\/6{ height: 83.333333%; } -.h-6 { +.h-6{ height: 1.5rem; } -.h-64 { +.h-64{ height: 16rem; } -.h-7 { +.h-7{ height: 1.75rem; } -.h-8 { +.h-8{ height: 2rem; } -.h-9 { +.h-9{ height: 2.25rem; } -.h-\[100px\] { +.h-\[100px\]{ height: 100px; } -.h-\[110px\] { +.h-\[110px\]{ height: 110px; } -.h-\[120px\] { +.h-\[120px\]{ height: 120px; } -.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-\[18px\] { +.h-\[18px\]{ height: 18px; } -.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-\[27px\] { +.h-\[27px\]{ height: 27px; } -.h-\[280px\] { +.h-\[280px\]{ height: 280px; } -.h-\[28px\] { +.h-\[28px\]{ height: 28px; } -.h-\[30px\] { +.h-\[30px\]{ height: 30px; } -.h-\[32px\] { +.h-\[32px\]{ height: 32px; } -.h-\[34px\] { +.h-\[34px\]{ height: 34px; } -.h-\[36px\] { +.h-\[36px\]{ height: 36px; } -.h-\[38px\] { +.h-\[38px\]{ height: 38px; } -.h-\[40px\] { +.h-\[40px\]{ height: 40px; } -.h-\[430px\] { +.h-\[430px\]{ height: 430px; } -.h-\[48px\] { +.h-\[48px\]{ height: 48px; } -.h-\[492px\] { +.h-\[492px\]{ height: 492px; } -.h-\[50px\] { +.h-\[50px\]{ height: 50px; } -.h-\[554px\] { +.h-\[554px\]{ height: 554px; } -.h-\[55px\] { +.h-\[55px\]{ height: 55px; } -.h-\[60px\] { +.h-\[60px\]{ height: 60px; } -.h-\[65px\] { +.h-\[65px\]{ height: 65px; } -.h-\[70\%\] { +.h-\[70\%\]{ height: 70%; } -.h-\[70px\] { +.h-\[70px\]{ height: 70px; } -.h-\[8\%\] { +.h-\[8\%\]{ height: 8%; } -.h-\[80px\] { +.h-\[80px\]{ height: 80px; } -.h-\[90px\] { +.h-\[90px\]{ height: 90px; } -.h-\[95\%\] { +.h-\[95\%\]{ height: 95%; } -.h-\[95\.5\%\] { +.h-\[95\.5\%\]{ height: 95.5%; } -.h-fit { +.h-fit{ height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; } -.h-full { +.h-full{ height: 100%; } -.h-screen { +.h-screen{ height: 100vh; } -.max-h-10 { +.max-h-10{ max-height: 2.5rem; } -.max-h-12 { +.max-h-12{ max-height: 3rem; } -.max-h-28 { +.max-h-28{ max-height: 7rem; } -.max-h-32 { +.max-h-32{ max-height: 8rem; } -.max-h-36 { +.max-h-36{ max-height: 9rem; } -.max-h-6 { +.max-h-6{ max-height: 1.5rem; } -.max-h-60 { +.max-h-60{ max-height: 15rem; } -.max-h-8 { +.max-h-8{ max-height: 2rem; } -.max-h-9 { +.max-h-9{ max-height: 2.25rem; } -.max-h-\[100px\] { +.max-h-\[100px\]{ max-height: 100px; } -.max-h-\[110px\] { +.max-h-\[110px\]{ max-height: 110px; } -.max-h-\[120px\] { +.max-h-\[120px\]{ max-height: 120px; } -.max-h-\[144px\] { +.max-h-\[144px\]{ max-height: 144px; } -.max-h-\[150px\] { +.max-h-\[150px\]{ max-height: 150px; } -.max-h-\[160px\] { +.max-h-\[160px\]{ max-height: 160px; } -.max-h-\[165px\] { +.max-h-\[165px\]{ max-height: 165px; } -.max-h-\[170px\] { +.max-h-\[170px\]{ max-height: 170px; } -.max-h-\[185px\] { +.max-h-\[185px\]{ max-height: 185px; } -.max-h-\[200px\] { +.max-h-\[200px\]{ max-height: 200px; } -.max-h-\[210px\] { +.max-h-\[210px\]{ max-height: 210px; } -.max-h-\[28px\] { +.max-h-\[28px\]{ max-height: 28px; } -.max-h-\[300px\] { +.max-h-\[300px\]{ max-height: 300px; } -.max-h-\[319px\] { +.max-h-\[319px\]{ max-height: 319px; } -.max-h-\[320px\] { +.max-h-\[320px\]{ max-height: 320px; } -.max-h-\[32px\] { +.max-h-\[32px\]{ max-height: 32px; } -.max-h-\[35px\] { +.max-h-\[35px\]{ max-height: 35px; } -.max-h-\[40px\] { +.max-h-\[40px\]{ max-height: 40px; } -.max-h-\[420px\] { +.max-h-\[420px\]{ max-height: 420px; } -.max-h-\[423px\] { +.max-h-\[423px\]{ max-height: 423px; } -.max-h-\[428px\] { +.max-h-\[428px\]{ max-height: 428px; } -.max-h-\[430px\] { +.max-h-\[430px\]{ max-height: 430px; } -.max-h-\[450px\] { +.max-h-\[450px\]{ max-height: 450px; } -.max-h-\[491px\] { +.max-h-\[491px\]{ max-height: 491px; } -.max-h-\[492px\] { +.max-h-\[492px\]{ max-height: 492px; } -.max-h-\[503px\] { +.max-h-\[503px\]{ max-height: 503px; } -.max-h-\[60px\] { +.max-h-\[60px\]{ max-height: 60px; } -.max-h-\[78px\] { +.max-h-\[78px\]{ max-height: 78px; } -.max-h-full { +.max-h-full{ max-height: 100%; } -.min-h-11 { +.min-h-11{ min-height: 2.75rem; } -.min-h-20 { +.min-h-20{ min-height: 5rem; } -.min-h-7 { +.min-h-7{ min-height: 1.75rem; } -.min-h-9 { +.min-h-9{ min-height: 2.25rem; } -.min-h-\[100px\] { +.min-h-\[100px\]{ min-height: 100px; } -.min-h-\[146px\] { +.min-h-\[146px\]{ min-height: 146px; } -.min-h-\[18px\] { +.min-h-\[18px\]{ min-height: 18px; } -.min-h-\[30px\] { +.min-h-\[30px\]{ min-height: 30px; } -.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; } -.min-h-\[55px\] { +.min-h-\[55px\]{ min-height: 55px; } -.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-16 { +.w-16{ width: 4rem; } -.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\/4 { +.w-3\/4{ width: 75%; } -.w-3\/5 { +.w-3\/5{ width: 60%; } -.w-32 { +.w-32{ width: 8rem; } -.w-36 { +.w-36{ width: 9rem; } -.w-4 { +.w-4{ width: 1rem; } -.w-4\/5 { +.w-4\/5{ width: 80%; } -.w-4\/6 { +.w-4\/6{ width: 66.666667%; } -.w-40 { +.w-40{ width: 10rem; } -.w-44 { +.w-44{ width: 11rem; } -.w-48 { +.w-48{ width: 12rem; } -.w-5 { +.w-5{ width: 1.25rem; } -.w-5\/6 { +.w-5\/6{ width: 83.333333%; } -.w-52 { +.w-52{ width: 13rem; } -.w-56 { +.w-56{ width: 14rem; } -.w-6 { +.w-6{ width: 1.5rem; } -.w-60 { +.w-60{ width: 15rem; } -.w-7 { +.w-7{ width: 1.75rem; } -.w-72 { +.w-72{ width: 18rem; } -.w-8 { +.w-8{ width: 2rem; } -.w-9 { +.w-9{ width: 2.25rem; } -.w-9\/12 { +.w-9\/12{ width: 75%; } -.w-\[100px\] { +.w-\[100px\]{ width: 100px; } -.w-\[110px\] { +.w-\[110px\]{ width: 110px; } -.w-\[120px\] { +.w-\[120px\]{ width: 120px; } -.w-\[130px\] { +.w-\[130px\]{ width: 130px; } -.w-\[150px\] { +.w-\[150px\]{ width: 150px; } -.w-\[153px\] { +.w-\[153px\]{ width: 153px; } -.w-\[154px\] { +.w-\[154px\]{ width: 154px; } -.w-\[155px\] { +.w-\[155px\]{ width: 155px; } -.w-\[15px\] { +.w-\[15px\]{ width: 15px; } -.w-\[178px\] { +.w-\[178px\]{ width: 178px; } -.w-\[180px\] { +.w-\[180px\]{ width: 180px; } -.w-\[190px\] { +.w-\[190px\]{ width: 190px; } -.w-\[200px\] { +.w-\[200px\]{ width: 200px; } -.w-\[27px\] { +.w-\[27px\]{ width: 27px; } -.w-\[30\%\] { +.w-\[30\%\]{ width: 30%; } -.w-\[32\%\] { +.w-\[32\%\]{ width: 32%; } -.w-\[32px\] { +.w-\[32px\]{ width: 32px; } -.w-\[38px\] { +.w-\[38px\]{ width: 38px; } -.w-\[390px\] { +.w-\[390px\]{ width: 390px; } -.w-\[400px\] { +.w-\[400px\]{ width: 400px; } -.w-\[48px\] { +.w-\[48px\]{ width: 48px; } -.w-\[49\%\] { +.w-\[49\%\]{ width: 49%; } -.w-\[50px\] { +.w-\[50px\]{ width: 50px; } -.w-\[53px\] { +.w-\[53px\]{ width: 53px; } -.w-\[55px\] { +.w-\[55px\]{ width: 55px; } -.w-\[68\%\] { +.w-\[68\%\]{ width: 68%; } -.w-\[70px\] { +.w-\[70px\]{ width: 70px; } -.w-\[74px\] { +.w-\[74px\]{ width: 74px; } -.w-\[80\%\] { +.w-\[80\%\]{ width: 80%; } -.w-\[8rem\] { +.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-max { +.w-max{ width: -webkit-max-content; width: -moz-max-content; width: max-content; } -.w-screen { +.w-screen{ width: 100vw; } -.min-w-\[100px\] { +.min-w-\[100px\]{ min-width: 100px; } -.min-w-\[120px\] { +.min-w-\[120px\]{ min-width: 120px; } -.min-w-\[170px\] { +.min-w-\[170px\]{ min-width: 170px; } -.max-w-10 { +.max-w-10{ max-width: 2.5rem; } -.max-w-\[180px\] { +.max-w-\[180px\]{ max-width: 180px; } -.max-w-full { +.max-w-full{ max-width: 100%; } -.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-none { +.flex-none{ -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + -ms-flex: none; + flex: none; } -.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; } -.origin-top-right { +.origin-top-right{ -webkit-transform-origin: top right; - transform-origin: top right; + transform-origin: top right; } -.-translate-x-1\/2 { +.-translate-x-1\/2{ --tw-translate-x: -50%; - -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)); } -.-translate-y-1\/2 { +.-translate-y-1\/2{ --tw-translate-y: -50%; - -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)); } -.translate-x-8 { +.translate-x-8{ --tw-translate-x: 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)); + -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-0 { +.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)); + -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 { +.-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)); + -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-0 { +.rotate-0{ --tw-rotate: 0deg; - -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-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)); } -.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-110 { +.scale-110{ --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)); } -.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)); } -.scale-y-0 { +.scale-y-0{ --tw-scale-y: 0; - -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-y-100 { +.scale-y-100{ --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)); } -.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; } -.snap-y { +.snap-y{ -ms-scroll-snap-type: y var(--tw-scroll-snap-strictness); - scroll-snap-type: y var(--tw-scroll-snap-strictness); + scroll-snap-type: y var(--tw-scroll-snap-strictness); } -.snap-mandatory { +.snap-mandatory{ --tw-scroll-snap-strictness: mandatory; } -.appearance-none { +.appearance-none{ -webkit-appearance: none; - -moz-appearance: none; - appearance: none; + -moz-appearance: none; + appearance: none; } -.grid-flow-row { +.grid-flow-row{ grid-auto-flow: row; } -.auto-rows-fr { +.auto-rows-fr{ grid-auto-rows: minmax(0, 1fr); } -.auto-rows-max { +.auto-rows-max{ grid-auto-rows: -webkit-max-content; grid-auto-rows: max-content; } -.auto-rows-min { +.auto-rows-min{ grid-auto-rows: -webkit-min-content; grid-auto-rows: min-content; } -.grid-cols-1 { +.grid-cols-1{ grid-template-columns: repeat(1, minmax(0, 1fr)); } -.grid-cols-10 { +.grid-cols-10{ grid-template-columns: repeat(10, 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-4 { +.grid-cols-4{ grid-template-columns: repeat(4, minmax(0, 1fr)); } -.grid-cols-5 { +.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-7 { +.grid-cols-7{ grid-template-columns: repeat(7, minmax(0, 1fr)); } -.grid-cols-8 { +.grid-cols-8{ grid-template-columns: repeat(8, minmax(0, 1fr)); } -.grid-cols-9 { +.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-10 { +.grid-rows-10{ grid-template-rows: repeat(10, minmax(0, 1fr)); } -.grid-rows-11 { +.grid-rows-11{ grid-template-rows: repeat(11, 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-13 { - grid-template-rows: repeat(13, minmax(0, 1fr)); +.grid-rows-13{ + grid-template-rows: repeat(13 , minmax(0,1fr)); } -.grid-rows-14 { - grid-template-rows: repeat(14, minmax(0, 1fr)); +.grid-rows-14{ + grid-template-rows: repeat(14 , minmax(0,1fr)); } -.grid-rows-15 { - grid-template-rows: repeat(15, minmax(0, 1fr)); +.grid-rows-15{ + grid-template-rows: repeat(15 , 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)); } -.grid-rows-8 { - grid-template-rows: repeat(8, minmax(0, 1fr)); +.grid-rows-8{ + grid-template-rows: repeat(8 , minmax(0,1fr)); } -.grid-rows-9 { +.grid-rows-9{ grid-template-rows: repeat(9, 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; } -.place-content-center { +.place-content-center{ place-content: center; } -.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-normal { +.justify-normal{ -webkit-box-pack: normal; - -ms-flex-pack: normal; - justify-content: normal; + -ms-flex-pack: normal; + justify-content: normal; } -.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-4 { +.gap-4{ gap: 1rem; } -.gap-5 { +.gap-5{ gap: 1.25rem; } -.gap-x-1 { +.gap-x-1{ -webkit-column-gap: 0.25rem; - -moz-column-gap: 0.25rem; - column-gap: 0.25rem; + -moz-column-gap: 0.25rem; + column-gap: 0.25rem; } -.gap-x-2 { +.gap-x-2{ -webkit-column-gap: 0.5rem; - -moz-column-gap: 0.5rem; - column-gap: 0.5rem; + -moz-column-gap: 0.5rem; + column-gap: 0.5rem; } -.gap-x-8 { +.gap-x-8{ -webkit-column-gap: 2rem; - -moz-column-gap: 2rem; - column-gap: 2rem; + -moz-column-gap: 2rem; + column-gap: 2rem; } -.gap-y-1 { +.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-x-6 > :not([hidden]) ~ :not([hidden]) { +.space-x-6 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(1.5rem * var(--tw-space-x-reverse)); margin-left: calc(1.5rem * 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-3 > :not([hidden]) ~ :not([hidden]) { +.space-y-3 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.75rem * var(--tw-space-y-reverse)); } -.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)); } -.space-y-8 > :not([hidden]) ~ :not([hidden]) { +.space-y-8 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(2rem * var(--tw-space-y-reverse)); } -.space-y-\[1px\] > :not([hidden]) ~ :not([hidden]) { +.space-y-\[1px\] > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(1px * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1px * var(--tw-space-y-reverse)); } -.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-y-2 > :not([hidden]) ~ :not([hidden]) { +.divide-y-2 > :not([hidden]) ~ :not([hidden]){ --tw-divide-y-reverse: 0; border-top-width: calc(2px * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(2px * var(--tw-divide-y-reverse)); } -.divide-y-\[1px\] > :not([hidden]) ~ :not([hidden]) { +.divide-y-\[1px\] > :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-400 > :not([hidden]) ~ :not([hidden]) { +.divide-gray-400 > :not([hidden]) ~ :not([hidden]){ --tw-divide-opacity: 1; border-color: rgb(156 163 175 / 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; } -.whitespace-pre-wrap { +.whitespace-pre-wrap{ white-space: pre-wrap; } -.text-wrap { +.text-wrap{ text-wrap: wrap; } -.text-nowrap { +.text-nowrap{ text-wrap: nowrap; } -.break-words { +.break-words{ overflow-wrap: break-word; } -.break-all { +.break-all{ word-break: break-all; } -.rounded { +.rounded{ border-radius: 0.25rem; } -.rounded-2xl { +.rounded-2xl{ border-radius: 1rem; } -.rounded-3xl { +.rounded-3xl{ border-radius: 1.5rem; } -.rounded-\[35px\] { +.rounded-\[35px\]{ border-radius: 35px; } -.rounded-\[4px\] { +.rounded-\[4px\]{ border-radius: 4px; } -.rounded-\[55px\] { +.rounded-\[55px\]{ border-radius: 55px; } -.rounded-\[5px\] { +.rounded-\[5px\]{ border-radius: 5px; } -.rounded-\[75px\] { +.rounded-\[75px\]{ border-radius: 75px; } -.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-b-md { +.rounded-b-md{ border-bottom-right-radius: 0.375rem; border-bottom-left-radius: 0.375rem; } -.rounded-b-sm { +.rounded-b-sm{ border-bottom-right-radius: 0.125rem; border-bottom-left-radius: 0.125rem; } -.rounded-l-md { +.rounded-l-md{ border-top-left-radius: 0.375rem; border-bottom-left-radius: 0.375rem; } -.rounded-l-none { +.rounded-l-none{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; } -.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-r-md { +.rounded-r-md{ border-top-right-radius: 0.375rem; border-bottom-right-radius: 0.375rem; } -.rounded-r-sm { +.rounded-r-sm{ border-top-right-radius: 0.125rem; border-bottom-right-radius: 0.125rem; } -.rounded-t-\[0\.28rem\] { +.rounded-t-\[0\.28rem\]{ border-top-left-radius: 0.28rem; border-top-right-radius: 0.28rem; } -.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-br-\[40px\] { +.rounded-br-\[40px\]{ border-bottom-right-radius: 40px; } -.rounded-tl-lg { +.rounded-tl-lg{ border-top-left-radius: 0.5rem; } -.rounded-tr-\[40px\] { +.rounded-tr-\[40px\]{ border-top-right-radius: 40px; } -.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-b-2 { +.border-b-2{ border-bottom-width: 2px; } -.border-l { +.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-r-4 { +.border-r-4{ border-right-width: 4px; } -.border-s-4 { +.border-s-4{ border-inline-start-width: 4px; } -.border-t { +.border-t{ border-top-width: 1px; } -.border-t-0 { +.border-t-0{ border-top-width: 0px; } -.border-t-2 { +.border-t-2{ border-top-width: 2px; } -.border-t-4 { +.border-t-4{ border-top-width: 4px; } -.border-dashed { +.border-dashed{ border-style: dashed; } -.border-none { +.border-none{ border-style: none; } -.border-\[\#171D22\] { +.border-\[\#171D22\]{ --tw-border-opacity: 1; border-color: rgb(23 29 34 / var(--tw-border-opacity)); } -.border-\[\#1c3634\] { +.border-\[\#1c3634\]{ --tw-border-opacity: 1; border-color: rgb(28 54 52 / var(--tw-border-opacity)); } -.border-\[\#2c3136\] { +.border-\[\#2c3136\]{ --tw-border-opacity: 1; border-color: rgb(44 49 54 / var(--tw-border-opacity)); } -.border-\[\#33393E\] { +.border-\[\#33393E\]{ --tw-border-opacity: 1; border-color: rgb(51 57 62 / var(--tw-border-opacity)); } -.border-\[\#336666\] { +.border-\[\#336666\]{ --tw-border-opacity: 1; border-color: rgb(51 102 102 / var(--tw-border-opacity)); } -.border-\[\#3e4347\] { +.border-\[\#3e4347\]{ --tw-border-opacity: 1; border-color: rgb(62 67 71 / var(--tw-border-opacity)); } -.border-\[\#4b8585\] { +.border-\[\#4b8585\]{ --tw-border-opacity: 1; border-color: rgb(75 133 133 / var(--tw-border-opacity)); } -.border-\[\#6c7e78\] { +.border-\[\#6c7e78\]{ --tw-border-opacity: 1; border-color: rgb(108 126 120 / 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-100 { +.border-gray-100{ --tw-border-opacity: 1; border-color: rgb(243 244 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-300 { +.border-gray-300{ --tw-border-opacity: 1; border-color: rgb(209 213 219 / 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-800 { +.border-gray-800{ --tw-border-opacity: 1; border-color: rgb(31 41 55 / 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-400 { +.border-red-400{ --tw-border-opacity: 1; border-color: rgb(248 113 113 / 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-red-800 { +.border-red-800{ --tw-border-opacity: 1; border-color: rgb(153 27 27 / 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-200 { +.border-teal-200{ --tw-border-opacity: 1; border-color: rgb(153 246 228 / var(--tw-border-opacity)); } -.border-teal-300 { +.border-teal-300{ --tw-border-opacity: 1; border-color: rgb(94 234 212 / 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-teal-800 { +.border-teal-800{ --tw-border-opacity: 1; border-color: rgb(17 94 89 / 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-b-transparent { +.border-b-transparent{ border-bottom-color: transparent; } -.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-\[\#88b79a\] { +.border-r-\[\#88b79a\]{ --tw-border-opacity: 1; border-right-color: rgb(136 183 154 / var(--tw-border-opacity)); } -.border-r-blue-600 { +.border-r-blue-600{ --tw-border-opacity: 1; border-right-color: rgb(37 99 235 / var(--tw-border-opacity)); } -.border-r-transparent { +.border-r-transparent{ border-right-color: transparent; } -.border-r-white { +.border-r-white{ --tw-border-opacity: 1; border-right-color: rgb(255 255 255 / var(--tw-border-opacity)); } -.border-t-\[\#88b79a\] { +.border-t-\[\#88b79a\]{ --tw-border-opacity: 1; border-top-color: rgb(136 183 154 / var(--tw-border-opacity)); } -.border-t-blue-600 { +.border-t-blue-600{ --tw-border-opacity: 1; border-top-color: rgb(37 99 235 / var(--tw-border-opacity)); } -.border-t-white { +.border-t-white{ --tw-border-opacity: 1; border-top-color: rgb(255 255 255 / var(--tw-border-opacity)); } -.bg-\[\#0F1217\] { +.bg-\[\#0F1217\]{ --tw-bg-opacity: 1; background-color: rgb(15 18 23 / var(--tw-bg-opacity)); } -.bg-\[\#0d0d0e\] { +.bg-\[\#0d0d0e\]{ --tw-bg-opacity: 1; background-color: rgb(13 13 14 / var(--tw-bg-opacity)); } -.bg-\[\#111213\] { +.bg-\[\#111213\]{ --tw-bg-opacity: 1; background-color: rgb(17 18 19 / var(--tw-bg-opacity)); } -.bg-\[\#111315\] { +.bg-\[\#111315\]{ --tw-bg-opacity: 1; background-color: rgb(17 19 21 / var(--tw-bg-opacity)); } -.bg-\[\#131313\] { +.bg-\[\#131313\]{ --tw-bg-opacity: 1; background-color: rgb(19 19 19 / 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-\[\#161717\] { +.bg-\[\#161717\]{ --tw-bg-opacity: 1; background-color: rgb(22 23 23 / var(--tw-bg-opacity)); } -.bg-\[\#171D22\] { +.bg-\[\#171D22\]{ --tw-bg-opacity: 1; background-color: rgb(23 29 34 / 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-\[\#17A2B8\] { +.bg-\[\#17A2B8\]{ --tw-bg-opacity: 1; background-color: rgb(23 162 184 / var(--tw-bg-opacity)); } -.bg-\[\#18191a\] { +.bg-\[\#18191a\]{ --tw-bg-opacity: 1; background-color: rgb(24 25 26 / 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-\[\#1BA5F8\] { +.bg-\[\#1BA5F8\]{ --tw-bg-opacity: 1; background-color: rgb(27 165 248 / 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-\[\#1b1b1d\] { +.bg-\[\#1b1b1d\]{ --tw-bg-opacity: 1; background-color: rgb(27 27 29 / var(--tw-bg-opacity)); } -.bg-\[\#1b1c1c\] { +.bg-\[\#1b1c1c\]{ --tw-bg-opacity: 1; background-color: rgb(27 28 28 / var(--tw-bg-opacity)); } -.bg-\[\#1b1d1f\] { +.bg-\[\#1b1d1f\]{ --tw-bg-opacity: 1; background-color: rgb(27 29 31 / var(--tw-bg-opacity)); } -.bg-\[\#1b3231\] { +.bg-\[\#1b3231\]{ --tw-bg-opacity: 1; background-color: rgb(27 50 49 / 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-\[\#1d1d1e\] { +.bg-\[\#1d1d1e\]{ --tw-bg-opacity: 1; background-color: rgb(29 29 30 / var(--tw-bg-opacity)); } -.bg-\[\#1d1e1f\] { +.bg-\[\#1d1e1f\]{ --tw-bg-opacity: 1; background-color: rgb(29 30 31 / var(--tw-bg-opacity)); } -.bg-\[\#1d1f20\] { +.bg-\[\#1d1f20\]{ --tw-bg-opacity: 1; background-color: rgb(29 31 32 / var(--tw-bg-opacity)); } -.bg-\[\#1d1f21\] { +.bg-\[\#1d1f21\]{ --tw-bg-opacity: 1; background-color: rgb(29 31 33 / var(--tw-bg-opacity)); } -.bg-\[\#1f2123\] { +.bg-\[\#1f2123\]{ --tw-bg-opacity: 1; background-color: rgb(31 33 35 / var(--tw-bg-opacity)); } -.bg-\[\#1f2226\] { +.bg-\[\#1f2226\]{ --tw-bg-opacity: 1; background-color: rgb(31 34 38 / var(--tw-bg-opacity)); } -.bg-\[\#202123\] { +.bg-\[\#202123\]{ --tw-bg-opacity: 1; background-color: rgb(32 33 35 / var(--tw-bg-opacity)); } -.bg-\[\#202225\] { +.bg-\[\#202225\]{ --tw-bg-opacity: 1; background-color: rgb(32 34 37 / var(--tw-bg-opacity)); } -.bg-\[\#202632\] { +.bg-\[\#202632\]{ --tw-bg-opacity: 1; background-color: rgb(32 38 50 / var(--tw-bg-opacity)); } -.bg-\[\#212225\] { +.bg-\[\#212225\]{ --tw-bg-opacity: 1; background-color: rgb(33 34 37 / 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-\[\#222526\] { +.bg-\[\#222526\]{ --tw-bg-opacity: 1; background-color: rgb(34 37 38 / var(--tw-bg-opacity)); } -.bg-\[\#224141\] { +.bg-\[\#224141\]{ --tw-bg-opacity: 1; background-color: rgb(34 65 65 / var(--tw-bg-opacity)); } -.bg-\[\#232428\] { +.bg-\[\#232428\]{ --tw-bg-opacity: 1; background-color: rgb(35 36 40 / var(--tw-bg-opacity)); } -.bg-\[\#232528\] { +.bg-\[\#232528\]{ --tw-bg-opacity: 1; background-color: rgb(35 37 40 / var(--tw-bg-opacity)); } -.bg-\[\#242529\] { +.bg-\[\#242529\]{ --tw-bg-opacity: 1; background-color: rgb(36 37 41 / var(--tw-bg-opacity)); } -.bg-\[\#242628\] { +.bg-\[\#242628\]{ --tw-bg-opacity: 1; background-color: rgb(36 38 40 / var(--tw-bg-opacity)); } -.bg-\[\#243535\] { +.bg-\[\#243535\]{ --tw-bg-opacity: 1; background-color: rgb(36 53 53 / var(--tw-bg-opacity)); } -.bg-\[\#243d36\] { +.bg-\[\#243d36\]{ --tw-bg-opacity: 1; background-color: rgb(36 61 54 / var(--tw-bg-opacity)); } -.bg-\[\#252525\] { +.bg-\[\#252525\]{ --tw-bg-opacity: 1; background-color: rgb(37 37 37 / 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-\[\#292e32\] { +.bg-\[\#292e32\]{ --tw-bg-opacity: 1; background-color: rgb(41 46 50 / var(--tw-bg-opacity)); } -.bg-\[\#2a2e30\] { +.bg-\[\#2a2e30\]{ --tw-bg-opacity: 1; background-color: rgb(42 46 48 / var(--tw-bg-opacity)); } -.bg-\[\#2c3136\] { +.bg-\[\#2c3136\]{ --tw-bg-opacity: 1; background-color: rgb(44 49 54 / var(--tw-bg-opacity)); } -.bg-\[\#2d3035\] { +.bg-\[\#2d3035\]{ --tw-bg-opacity: 1; background-color: rgb(45 48 53 / 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-\[\#2f373c\] { +.bg-\[\#2f373c\]{ --tw-bg-opacity: 1; background-color: rgb(47 55 60 / var(--tw-bg-opacity)); } -.bg-\[\#2f5a5a\] { +.bg-\[\#2f5a5a\]{ --tw-bg-opacity: 1; background-color: rgb(47 90 90 / var(--tw-bg-opacity)); } -.bg-\[\#303232\] { +.bg-\[\#303232\]{ --tw-bg-opacity: 1; background-color: rgb(48 50 50 / var(--tw-bg-opacity)); } -.bg-\[\#313539\] { +.bg-\[\#313539\]{ --tw-bg-opacity: 1; background-color: rgb(49 53 57 / var(--tw-bg-opacity)); } -.bg-\[\#32363A\] { +.bg-\[\#32363A\]{ --tw-bg-opacity: 1; background-color: rgb(50 54 58 / var(--tw-bg-opacity)); } -.bg-\[\#333539\] { +.bg-\[\#333539\]{ --tw-bg-opacity: 1; background-color: rgb(51 53 57 / 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-\[\#334B3F\] { +.bg-\[\#334B3F\]{ --tw-bg-opacity: 1; background-color: rgb(51 75 63 / var(--tw-bg-opacity)); } -.bg-\[\#334d4d\] { +.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-\[\#343434\] { +.bg-\[\#343434\]{ --tw-bg-opacity: 1; background-color: rgb(52 52 52 / var(--tw-bg-opacity)); } -.bg-\[\#387272\] { +.bg-\[\#387272\]{ --tw-bg-opacity: 1; background-color: rgb(56 114 114 / var(--tw-bg-opacity)); } -.bg-\[\#393939\] { +.bg-\[\#393939\]{ --tw-bg-opacity: 1; background-color: rgb(57 57 57 / 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-\[\#3e4347\] { +.bg-\[\#3e4347\]{ --tw-bg-opacity: 1; background-color: rgb(62 67 71 / var(--tw-bg-opacity)); } -.bg-\[\#495056\] { +.bg-\[\#495056\]{ --tw-bg-opacity: 1; background-color: rgb(73 80 86 / var(--tw-bg-opacity)); } -.bg-\[\#4D56CB\] { +.bg-\[\#4D56CB\]{ --tw-bg-opacity: 1; background-color: rgb(77 86 203 / var(--tw-bg-opacity)); } -.bg-\[\#4d7575\] { +.bg-\[\#4d7575\]{ --tw-bg-opacity: 1; background-color: rgb(77 117 117 / var(--tw-bg-opacity)); } -.bg-\[\#503C3C\] { +.bg-\[\#503C3C\]{ --tw-bg-opacity: 1; background-color: rgb(80 60 60 / 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-\[\#578f84\] { +.bg-\[\#578f84\]{ --tw-bg-opacity: 1; background-color: rgb(87 143 132 / var(--tw-bg-opacity)); } -.bg-\[\#609879\] { +.bg-\[\#609879\]{ --tw-bg-opacity: 1; background-color: rgb(96 152 121 / var(--tw-bg-opacity)); } -.bg-\[\#A0A0A0\] { +.bg-\[\#A0A0A0\]{ --tw-bg-opacity: 1; background-color: rgb(160 160 160 / var(--tw-bg-opacity)); } -.bg-\[\#D1BB9E\] { +.bg-\[\#D1BB9E\]{ --tw-bg-opacity: 1; background-color: rgb(209 187 158 / var(--tw-bg-opacity)); } -.bg-\[\#F7C566\] { +.bg-\[\#F7C566\]{ --tw-bg-opacity: 1; background-color: rgb(247 197 102 / var(--tw-bg-opacity)); } -.bg-\[\#a7aeb5\] { +.bg-\[\#a7aeb5\]{ --tw-bg-opacity: 1; background-color: rgb(167 174 181 / var(--tw-bg-opacity)); } -.bg-\[\#a846b8\] { +.bg-\[\#a846b8\]{ --tw-bg-opacity: 1; background-color: rgb(168 70 184 / var(--tw-bg-opacity)); } -.bg-\[\#caced1\] { +.bg-\[\#caced1\]{ --tw-bg-opacity: 1; background-color: rgb(202 206 209 / var(--tw-bg-opacity)); } -.bg-\[\#e8ebeb\] { +.bg-\[\#e8ebeb\]{ --tw-bg-opacity: 1; background-color: rgb(232 235 235 / var(--tw-bg-opacity)); } -.bg-\[\#eaecee\] { +.bg-\[\#eaecee\]{ --tw-bg-opacity: 1; background-color: rgb(234 236 238 / var(--tw-bg-opacity)); } -.bg-\[\#fb923c\] { +.bg-\[\#fb923c\]{ --tw-bg-opacity: 1; background-color: rgb(251 146 60 / var(--tw-bg-opacity)); } -.bg-amber-400 { +.bg-amber-400{ --tw-bg-opacity: 1; background-color: rgb(251 191 36 / var(--tw-bg-opacity)); } -.bg-black { +.bg-black{ --tw-bg-opacity: 1; background-color: rgb(0 0 0 / var(--tw-bg-opacity)); } -.bg-blue-300 { +.bg-blue-300{ --tw-bg-opacity: 1; background-color: rgb(147 197 253 / 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-500 { +.bg-blue-500{ --tw-bg-opacity: 1; background-color: rgb(59 130 246 / var(--tw-bg-opacity)); } -.bg-blue-900 { +.bg-blue-900{ --tw-bg-opacity: 1; background-color: rgb(30 58 138 / 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-50 { +.bg-gray-50{ --tw-bg-opacity: 1; background-color: rgb(249 250 251 / 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-400 { +.bg-green-400{ --tw-bg-opacity: 1; background-color: rgb(74 222 128 / 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-600 { +.bg-green-600{ --tw-bg-opacity: 1; background-color: rgb(22 163 74 / 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-lime-900 { +.bg-lime-900{ --tw-bg-opacity: 1; background-color: rgb(54 83 20 / 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-100 { +.bg-red-100{ --tw-bg-opacity: 1; background-color: rgb(254 226 226 / var(--tw-bg-opacity)); } -.bg-red-300 { +.bg-red-300{ --tw-bg-opacity: 1; background-color: rgb(252 165 165 / 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-200 { +.bg-slate-200{ --tw-bg-opacity: 1; background-color: rgb(226 232 240 / var(--tw-bg-opacity)); } -.bg-slate-400 { +.bg-slate-400{ --tw-bg-opacity: 1; background-color: rgb(148 163 184 / var(--tw-bg-opacity)); } -.bg-slate-600 { +.bg-slate-600{ --tw-bg-opacity: 1; background-color: rgb(71 85 105 / var(--tw-bg-opacity)); } -.bg-teal-500 { +.bg-teal-500{ --tw-bg-opacity: 1; background-color: rgb(20 184 166 / 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-violet-500 { +.bg-violet-500{ --tw-bg-opacity: 1; background-color: rgb(139 92 246 / var(--tw-bg-opacity)); } -.bg-violet-900 { +.bg-violet-900{ --tw-bg-opacity: 1; background-color: rgb(76 29 149 / var(--tw-bg-opacity)); } -.bg-white { +.bg-white{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } -.bg-yellow-400 { +.bg-yellow-400{ --tw-bg-opacity: 1; background-color: rgb(250 204 21 / var(--tw-bg-opacity)); } -.bg-zinc-700 { +.bg-zinc-700{ --tw-bg-opacity: 1; background-color: rgb(63 63 70 / var(--tw-bg-opacity)); } -.bg-opacity-80 { +.bg-opacity-80{ --tw-bg-opacity: 0.8; } -.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-1 { +.p-1{ padding: 0.25rem; } -.p-2 { +.p-2{ padding: 0.5rem; } -.p-3 { +.p-3{ padding: 0.75rem; } -.p-4 { +.p-4{ padding: 1rem; } -.p-5 { +.p-5{ padding: 1.25rem; } -.p-8 { +.p-8{ padding: 2rem; } -.p-\[1px\] { +.p-\[1px\]{ padding: 1px; } -.p-\[2px\] { +.p-\[2px\]{ padding: 2px; } -.p-\[3px\] { +.p-\[3px\]{ padding: 3px; } -.p-\[4px\] { +.p-\[4px\]{ padding: 4px; } -.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-20 { +.px-20{ padding-left: 5rem; padding-right: 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; } -.px-\[1px\] { +.px-\[1px\]{ padding-left: 1px; padding-right: 1px; } -.px-\[2px\] { +.px-\[2px\]{ padding-left: 2px; padding-right: 2px; } -.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-2\.5 { +.py-2\.5{ padding-top: 0.625rem; padding-bottom: 0.625rem; } -.py-3 { +.py-3{ padding-top: 0.75rem; padding-bottom: 0.75rem; } -.py-4 { +.py-4{ padding-top: 1rem; padding-bottom: 1rem; } -.py-\[2px\] { +.py-\[2px\]{ padding-top: 2px; padding-bottom: 2px; } -.py-\[3px\] { +.py-\[3px\]{ padding-top: 3px; padding-bottom: 3px; } -.pb-1 { +.pb-1{ padding-bottom: 0.25rem; } -.pb-2 { +.pb-2{ padding-bottom: 0.5rem; } -.pe-10 { +.pe-10{ -webkit-padding-end: 2.5rem; - padding-inline-end: 2.5rem; + padding-inline-end: 2.5rem; } -.pl-1 { +.pl-1{ padding-left: 0.25rem; } -.pl-2 { +.pl-2{ padding-left: 0.5rem; } -.pl-3 { +.pl-3{ padding-left: 0.75rem; } -.pl-4 { +.pl-4{ padding-left: 1rem; } -.pr-0 { +.pr-0{ padding-right: 0px; } -.pr-1 { +.pr-1{ padding-right: 0.25rem; } -.pr-2 { +.pr-2{ padding-right: 0.5rem; } -.pr-4 { +.pr-4{ padding-right: 1rem; } -.pt-0 { +.pt-0{ padding-top: 0px; } -.pt-0\.5 { +.pt-0\.5{ padding-top: 0.125rem; } -.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; } -.indent-0 { +.indent-0{ text-indent: 0px; } -.font-mono { +.font-mono{ font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } -.font-sans { +.font-sans{ font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } -.font-serif { +.font-serif{ font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; } -.text-2xl { +.text-2xl{ font-size: 1.5rem; line-height: 2rem; } -.text-2xs { +.text-2xs{ font-size: 10px; } -.text-3xl { +.text-3xl{ font-size: 1.875rem; line-height: 2.25rem; } -.text-\[10px\] { +.text-\[10px\]{ font-size: 10px; } -.text-\[11px\] { +.text-\[11px\]{ font-size: 11px; } -.text-\[12px\] { +.text-\[12px\]{ font-size: 12px; } -.text-\[18px\] { +.text-\[18px\]{ font-size: 18px; } -.text-\[20px\] { +.text-\[20px\]{ font-size: 20px; } -.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-base { +.text-base{ font-size: 1rem; line-height: 1.5rem; } -.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-sm\/none { +.text-sm\/none{ font-size: 0.875rem; line-height: 1; } -.text-xl { +.text-xl{ font-size: 1.25rem; line-height: 1.75rem; } -.text-xs { +.text-xs{ font-size: 0.75rem; line-height: 1rem; } -.font-\[400\] { +.font-\[400\]{ font-weight: 400; } -.font-\[500\] { +.font-\[500\]{ font-weight: 500; } -.font-bold { +.font-bold{ font-weight: 700; } -.font-light { +.font-light{ font-weight: 300; } -.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; } -.lowercase { +.lowercase{ text-transform: lowercase; } -.capitalize { +.capitalize{ text-transform: capitalize; } -.leading-5 { +.leading-5{ line-height: 1.25rem; } -.leading-6 { +.leading-6{ line-height: 1.5rem; } -.leading-8 { +.leading-8{ line-height: 2rem; } -.leading-tight { +.leading-tight{ line-height: 1.25; } -.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-\[\#336666\] { +.text-\[\#336666\]{ --tw-text-opacity: 1; color: rgb(51 102 102 / var(--tw-text-opacity)); } -.text-\[\#4B878D\] { +.text-\[\#4B878D\]{ --tw-text-opacity: 1; color: rgb(75 135 141 / var(--tw-text-opacity)); } -.text-\[\#dee3e3\] { +.text-\[\#dee3e3\]{ --tw-text-opacity: 1; color: rgb(222 227 227 / var(--tw-text-opacity)); } -.text-\[\#e6e4e4\] { +.text-\[\#e6e4e4\]{ --tw-text-opacity: 1; color: rgb(230 228 228 / var(--tw-text-opacity)); } -.text-\[greenyellow\] { +.text-\[greenyellow\]{ --tw-text-opacity: 1; color: rgb(173 255 47 / var(--tw-text-opacity)); } -.text-amber-200 { +.text-amber-200{ --tw-text-opacity: 1; color: rgb(253 230 138 / var(--tw-text-opacity)); } -.text-amber-300 { +.text-amber-300{ --tw-text-opacity: 1; color: rgb(252 211 77 / var(--tw-text-opacity)); } -.text-amber-400 { +.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-black { +.text-black{ --tw-text-opacity: 1; color: rgb(0 0 0 / 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-400 { +.text-cyan-400{ --tw-text-opacity: 1; color: rgb(34 211 238 / 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-50 { +.text-gray-50{ --tw-text-opacity: 1; color: rgb(249 250 251 / 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-600 { +.text-green-600{ --tw-text-opacity: 1; color: rgb(22 163 74 / var(--tw-text-opacity)); } -.text-green-700 { +.text-green-700{ --tw-text-opacity: 1; color: rgb(21 128 61 / var(--tw-text-opacity)); } -.text-orange-500 { +.text-orange-500{ --tw-text-opacity: 1; color: rgb(249 115 22 / 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-red-800 { +.text-red-800{ --tw-text-opacity: 1; color: rgb(153 27 27 / var(--tw-text-opacity)); } -.text-teal-400 { +.text-teal-400{ --tw-text-opacity: 1; color: rgb(45 212 191 / 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)); } -.placeholder-gray-400\/70::-webkit-input-placeholder { +.placeholder-gray-400\/70::-webkit-input-placeholder{ color: rgb(156 163 175 / 0.7); } -.placeholder-gray-400\/70::-moz-placeholder { +.placeholder-gray-400\/70::-moz-placeholder{ color: rgb(156 163 175 / 0.7); } -.placeholder-gray-400\/70:-ms-input-placeholder { +.placeholder-gray-400\/70:-ms-input-placeholder{ color: rgb(156 163 175 / 0.7); } -.placeholder-gray-400\/70::-ms-input-placeholder { +.placeholder-gray-400\/70::-ms-input-placeholder{ color: rgb(156 163 175 / 0.7); } -.placeholder-gray-400\/70::placeholder { +.placeholder-gray-400\/70::placeholder{ color: rgb(156 163 175 / 0.7); } -.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)); } -.placeholder-red-500::-webkit-input-placeholder { +.placeholder-red-500::-webkit-input-placeholder{ --tw-placeholder-opacity: 1; color: rgb(239 68 68 / var(--tw-placeholder-opacity)); } -.placeholder-red-500::-moz-placeholder { +.placeholder-red-500::-moz-placeholder{ --tw-placeholder-opacity: 1; color: rgb(239 68 68 / var(--tw-placeholder-opacity)); } -.placeholder-red-500:-ms-input-placeholder { +.placeholder-red-500:-ms-input-placeholder{ --tw-placeholder-opacity: 1; color: rgb(239 68 68 / var(--tw-placeholder-opacity)); } -.placeholder-red-500::-ms-input-placeholder { +.placeholder-red-500::-ms-input-placeholder{ --tw-placeholder-opacity: 1; color: rgb(239 68 68 / var(--tw-placeholder-opacity)); } -.placeholder-red-500::placeholder { +.placeholder-red-500::placeholder{ --tw-placeholder-opacity: 1; color: rgb(239 68 68 / 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-45 { +.opacity-45{ opacity: 0.45; } -.opacity-50 { +.opacity-50{ opacity: 0.5; } -.opacity-65 { +.opacity-65{ opacity: 0.65; } -.opacity-70 { +.opacity-70{ opacity: 0.7; } -.opacity-80 { +.opacity-80{ opacity: 0.8; } -.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-2xl { +.shadow-2xl{ --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25); --tw-shadow-colored: 0 25px 50px -12px 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-\[\#101010\] { +.shadow-\[\#101010\]{ --tw-shadow-color: #101010; --tw-shadow: var(--tw-shadow-colored); } -.shadow-\[\#111010\] { +.shadow-\[\#111010\]{ --tw-shadow-color: #111010; --tw-shadow: var(--tw-shadow-colored); } -.shadow-\[\#141414\] { +.shadow-\[\#141414\]{ --tw-shadow-color: #141414; --tw-shadow: var(--tw-shadow-colored); } -.shadow-\[\#141516\] { +.shadow-\[\#141516\]{ --tw-shadow-color: #141516; --tw-shadow: var(--tw-shadow-colored); } -.shadow-\[\#182020\] { +.shadow-\[\#182020\]{ --tw-shadow-color: #182020; --tw-shadow: var(--tw-shadow-colored); } -.shadow-\[\#191a1b\] { +.shadow-\[\#191a1b\]{ --tw-shadow-color: #191a1b; --tw-shadow: var(--tw-shadow-colored); } -.shadow-\[\#1c3634\] { +.shadow-\[\#1c3634\]{ --tw-shadow-color: #1c3634; --tw-shadow: var(--tw-shadow-colored); } -.shadow-\[\#1e2b2b\] { +.shadow-\[\#1e2b2b\]{ --tw-shadow-color: #1e2b2b; --tw-shadow: var(--tw-shadow-colored); } -.shadow-\[\#1f2021\] { +.shadow-\[\#1f2021\]{ --tw-shadow-color: #1f2021; --tw-shadow: var(--tw-shadow-colored); } -.shadow-\[\#23272a\] { +.shadow-\[\#23272a\]{ --tw-shadow-color: #23272a; --tw-shadow: var(--tw-shadow-colored); } -.shadow-\[\#242c29\] { +.shadow-\[\#242c29\]{ --tw-shadow-color: #242c29; --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-\[\#3a3a3b\] { +.shadow-\[\#3a3a3b\]{ --tw-shadow-color: #3a3a3b; --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; } -.outline-transparent { +.outline-transparent{ outline-color: transparent; } -.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; } -.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); + -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); +.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-none { +.filter-none{ -webkit-filter: none; - filter: none; -} - -.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; + filter: none; +} + +.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-1000 { +.duration-1000{ -webkit-transition-duration: 1000ms; - transition-duration: 1000ms; + transition-duration: 1000ms; } -.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::-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-color: var(--scrollbar-thumb, initial) var(--scrollbar-track, initial); } -.scrollbar::-webkit-scrollbar { +.scrollbar::-webkit-scrollbar{ display: block; width: var(--scrollbar-width, 16px); height: var(--scrollbar-height, 16px); } -.scrollbar-thin::-webkit-scrollbar-track { +.scrollbar-thin::-webkit-scrollbar-track{ background-color: var(--scrollbar-track); border-radius: var(--scrollbar-track-radius); } -.scrollbar-thin::-webkit-scrollbar-track:hover { +.scrollbar-thin::-webkit-scrollbar-track:hover{ background-color: var(--scrollbar-track-hover, var(--scrollbar-track)); } -.scrollbar-thin::-webkit-scrollbar-track:active { +.scrollbar-thin::-webkit-scrollbar-track:active{ background-color: var(--scrollbar-track-active, var(--scrollbar-track-hover, var(--scrollbar-track))); } -.scrollbar-thin::-webkit-scrollbar-thumb { +.scrollbar-thin::-webkit-scrollbar-thumb{ background-color: var(--scrollbar-thumb); border-radius: var(--scrollbar-thumb-radius); } -.scrollbar-thin::-webkit-scrollbar-thumb:hover { +.scrollbar-thin::-webkit-scrollbar-thumb:hover{ background-color: var(--scrollbar-thumb-hover, var(--scrollbar-thumb)); } -.scrollbar-thin::-webkit-scrollbar-thumb:active { +.scrollbar-thin::-webkit-scrollbar-thumb:active{ background-color: var(--scrollbar-thumb-active, var(--scrollbar-thumb-hover, var(--scrollbar-thumb))); } -.scrollbar-thin::-webkit-scrollbar-corner { +.scrollbar-thin::-webkit-scrollbar-corner{ background-color: var(--scrollbar-corner); border-radius: var(--scrollbar-corner-radius); } -.scrollbar-thin::-webkit-scrollbar-corner:hover { +.scrollbar-thin::-webkit-scrollbar-corner:hover{ background-color: var(--scrollbar-corner-hover, var(--scrollbar-corner)); } -.scrollbar-thin::-webkit-scrollbar-corner:active { +.scrollbar-thin::-webkit-scrollbar-corner:active{ background-color: var(--scrollbar-corner-active, var(--scrollbar-corner-hover, var(--scrollbar-corner))); } -.scrollbar-thin { +.scrollbar-thin{ scrollbar-width: thin; scrollbar-color: var(--scrollbar-thumb, initial) var(--scrollbar-track, initial); } -.scrollbar-thin::-webkit-scrollbar { +.scrollbar-thin::-webkit-scrollbar{ display: block; width: 8px; height: 8px; } -.scrollbar-track-gray-100 { +.scrollbar-track-gray-100{ --scrollbar-track: #f3f4f6 !important; } -.scrollbar-track-gray-800 { +.scrollbar-track-gray-800{ --scrollbar-track: #1f2937 !important; } -.scrollbar-track-transparent { +.scrollbar-track-transparent{ --scrollbar-track: transparent !important; } -.scrollbar-thumb-gray-300 { +.scrollbar-thumb-gray-300{ --scrollbar-thumb: #d1d5db !important; } -.scrollbar-thumb-gray-500 { +.scrollbar-thumb-gray-500{ --scrollbar-thumb: #6b7280 !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; } @@ -5338,775 +5292,755 @@ 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-400::-webkit-input-placeholder { +.placeholder\:text-gray-400::-webkit-input-placeholder{ --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity)); } -.placeholder\:text-gray-400::-moz-placeholder { +.placeholder\:text-gray-400::-moz-placeholder{ --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity)); } -.placeholder\:text-gray-400:-ms-input-placeholder { +.placeholder\:text-gray-400:-ms-input-placeholder{ --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity)); } -.placeholder\:text-gray-400::-ms-input-placeholder { +.placeholder\:text-gray-400::-ms-input-placeholder{ --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity)); } -.placeholder\:text-gray-400::placeholder { +.placeholder\:text-gray-400::placeholder{ --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity)); } -.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-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-\[\#3f4851\]:hover { +.hover\:border-\[\#3f4851\]:hover{ --tw-border-opacity: 1; border-color: rgb(63 72 81 / var(--tw-border-opacity)); } -.hover\:border-\[\#4d7575\]:hover { +.hover\:border-\[\#4d7575\]:hover{ --tw-border-opacity: 1; border-color: rgb(77 117 117 / var(--tw-border-opacity)); } -.hover\:border-amber-300:hover { +.hover\:border-amber-300:hover{ --tw-border-opacity: 1; border-color: rgb(252 211 77 / var(--tw-border-opacity)); } -.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-100:hover { +.hover\:border-gray-100:hover{ --tw-border-opacity: 1; border-color: rgb(243 244 246 / var(--tw-border-opacity)); } -.hover\:border-gray-200:hover { +.hover\:border-gray-200:hover{ --tw-border-opacity: 1; border-color: rgb(229 231 235 / 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-red-500:hover { +.hover\:border-red-500:hover{ --tw-border-opacity: 1; border-color: rgb(239 68 68 / var(--tw-border-opacity)); } -.hover\:border-teal-200:hover { +.hover\:border-teal-200:hover{ --tw-border-opacity: 1; border-color: rgb(153 246 228 / 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-\[\#212325\]:hover { +.hover\:bg-\[\#212325\]:hover{ --tw-bg-opacity: 1; background-color: rgb(33 35 37 / var(--tw-bg-opacity)); } -.hover\:bg-\[\#222425\]:hover { +.hover\:bg-\[\#222425\]:hover{ --tw-bg-opacity: 1; background-color: rgb(34 36 37 / 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-\[\#234545\]:hover { +.hover\:bg-\[\#234545\]:hover{ --tw-bg-opacity: 1; background-color: rgb(35 69 69 / 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-\[\#244343\]:hover { +.hover\:bg-\[\#244343\]:hover{ --tw-bg-opacity: 1; background-color: rgb(36 67 67 / var(--tw-bg-opacity)); } -.hover\:bg-\[\#264e4e\]:hover { +.hover\:bg-\[\#264e4e\]:hover{ --tw-bg-opacity: 1; background-color: rgb(38 78 78 / 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-\[\#4d7575\]:hover { +.hover\:bg-\[\#4d7575\]:hover{ --tw-bg-opacity: 1; background-color: rgb(77 117 117 / var(--tw-bg-opacity)); } -.hover\:bg-black:hover { +.hover\:bg-black:hover{ --tw-bg-opacity: 1; background-color: rgb(0 0 0 / var(--tw-bg-opacity)); } -.hover\:bg-blue-100:hover { +.hover\:bg-blue-100:hover{ --tw-bg-opacity: 1; background-color: rgb(219 234 254 / var(--tw-bg-opacity)); } -.hover\:bg-blue-300:hover { +.hover\:bg-blue-300:hover{ --tw-bg-opacity: 1; background-color: rgb(147 197 253 / 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-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-300:hover { +.hover\:bg-gray-300:hover{ --tw-bg-opacity: 1; background-color: rgb(209 213 219 / 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-600:hover { +.hover\:bg-green-600:hover{ --tw-bg-opacity: 1; background-color: rgb(22 163 74 / var(--tw-bg-opacity)); } -.hover\:bg-lime-900:hover { +.hover\:bg-lime-900:hover{ --tw-bg-opacity: 1; background-color: rgb(54 83 20 / var(--tw-bg-opacity)); } -.hover\:bg-red-500:hover { +.hover\:bg-red-500:hover{ --tw-bg-opacity: 1; background-color: rgb(239 68 68 / 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-red-800:hover { +.hover\:bg-red-800:hover{ --tw-bg-opacity: 1; background-color: rgb(153 27 27 / var(--tw-bg-opacity)); } -.hover\:bg-red-950:hover { +.hover\:bg-red-950:hover{ --tw-bg-opacity: 1; background-color: rgb(69 10 10 / var(--tw-bg-opacity)); } -.hover\:bg-slate-300:hover { +.hover\:bg-slate-300:hover{ --tw-bg-opacity: 1; background-color: rgb(203 213 225 / 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-700:hover { +.hover\:bg-teal-700:hover{ --tw-bg-opacity: 1; background-color: rgb(15 118 110 / 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\:bg-teal-900:hover { +.hover\:bg-teal-900:hover{ --tw-bg-opacity: 1; background-color: rgb(19 78 74 / var(--tw-bg-opacity)); } -.hover\:bg-teal-950:hover { +.hover\:bg-teal-950:hover{ --tw-bg-opacity: 1; background-color: rgb(4 47 46 / var(--tw-bg-opacity)); } -.hover\:bg-opacity-10:hover { +.hover\:bg-opacity-10:hover{ --tw-bg-opacity: 0.1; } -.hover\:text-black:hover { +.hover\:text-black:hover{ --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } -.hover\:text-gray-100:hover { +.hover\:text-gray-100:hover{ --tw-text-opacity: 1; color: rgb(243 244 246 / var(--tw-text-opacity)); } -.hover\:text-gray-200:hover { +.hover\:text-gray-200:hover{ --tw-text-opacity: 1; color: rgb(229 231 235 / var(--tw-text-opacity)); } -.hover\:text-gray-300:hover { +.hover\:text-gray-300:hover{ --tw-text-opacity: 1; color: rgb(209 213 219 / var(--tw-text-opacity)); } -.hover\:text-gray-700:hover { +.hover\:text-gray-700:hover{ --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity)); } -.hover\:text-teal-500:hover { +.hover\:text-teal-500:hover{ --tw-text-opacity: 1; color: rgb(20 184 166 / var(--tw-text-opacity)); } -.hover\:text-white:hover { +.hover\:text-white:hover{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } -.hover\:shadow-2xl:hover { +.hover\:shadow-2xl:hover{ --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25); --tw-shadow-colored: 0 25px 50px -12px 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-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-sm:hover { +.hover\:shadow-sm:hover{ --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); } -.hover\:shadow-\[\#050505\]:hover { +.hover\:shadow-\[\#050505\]:hover{ --tw-shadow-color: #050505; --tw-shadow: var(--tw-shadow-colored); } -.hover\:shadow-\[\#101214\]:hover { +.hover\:shadow-\[\#101214\]:hover{ --tw-shadow-color: #101214; --tw-shadow: var(--tw-shadow-colored); } -.hover\:shadow-\[\#191a1a\]:hover { +.hover\:shadow-\[\#191a1a\]:hover{ --tw-shadow-color: #191a1a; --tw-shadow: var(--tw-shadow-colored); } -.hover\:shadow-\[\#1b1c1c\]:hover { +.hover\:shadow-\[\#1b1c1c\]:hover{ --tw-shadow-color: #1b1c1c; --tw-shadow: var(--tw-shadow-colored); } -.hover\:shadow-\[\#1b1d20\]:hover { +.hover\:shadow-\[\#1b1d20\]:hover{ --tw-shadow-color: #1b1d20; --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-\[\#3a3a3b\]:hover { +.hover\:shadow-\[\#3a3a3b\]:hover{ --tw-shadow-color: #3a3a3b; --tw-shadow: var(--tw-shadow-colored); } -.hover\:shadow-black:hover { +.hover\:shadow-black:hover{ --tw-shadow-color: #000; --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-opacity-40:focus { +.focus\:ring-opacity-40:focus{ --tw-ring-opacity: 0.4; } -.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\:border-none:active { +.active\:border-none:active{ border-style: none; } -.active\:bg-\[\#1b1c1c\]:active { +.active\:bg-\[\#1b1c1c\]:active{ --tw-bg-opacity: 1; background-color: rgb(27 28 28 / var(--tw-bg-opacity)); } -.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); } -.active\:shadow-gray-800:active { +.active\:shadow-gray-800:active{ --tw-shadow-color: #1f2937; --tw-shadow: var(--tw-shadow-colored); } -@media (min-width: 640px) { - .sm\:text-sm { +@media (min-width: 640px){ + .sm\:text-sm{ font-size: 0.875rem; line-height: 1.25rem; } } -@media (min-width: 768px) { - .md\:mb-0 { +@media (min-width: 768px){ + .md\:mb-0{ margin-bottom: 0px; } } -.rtl\:left-0:where([dir="rtl"], [dir="rtl"] *) { +.rtl\:left-0:where([dir="rtl"], [dir="rtl"] *){ left: 0px; } -.rtl\:right-auto:where([dir="rtl"], [dir="rtl"] *) { +.rtl\:right-auto:where([dir="rtl"], [dir="rtl"] *){ right: auto; } -@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)); } } -.\[\&\: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/components/alert/NodeAlert.vue b/launcher/src/components/UI/node-page/components/alert/NodeAlert.vue index 6a92283da..5659111d8 100755 --- a/launcher/src/components/UI/node-page/components/alert/NodeAlert.vue +++ b/launcher/src/components/UI/node-page/components/alert/NodeAlert.vue @@ -10,7 +10,7 @@ }" @click="alertPicker('green')" > - green + green
{ } }; -const fetchUpgradablePackages = async () => { - searchingForUpdatablePackages.value = true; - - if (serverStore.numberOfUpdatablePackages === null || serverStore.upgradablePackages.value.length === 0) { - try { - await getUpgradablePackages(); - - serverStore.numberOfUpdatablePackages = serverStore.upgradablePackages.value.length; - } catch (error) { - console.error("Failed to fetch upgradable packages:", error); - } finally { - searchingForUpdatablePackages.value = false; - } - } else { - searchingForUpdatablePackages.value = false; - } -}; - const updateAll = async () => { serverStore.isUpdateProcessing = true; try { await ControlService.updateOS(); - - await fetchUpgradablePackages(); + await getUpgradablePackages(); updateStatus.message = "All packages updated successfully!"; updateStatus.color = "text-green-500"; @@ -193,21 +174,20 @@ const updateAll = async () => { const updatePackage = async (item) => { serverStore.isUpdateProcessing = true; - const pkgName = []; - serverStore.upgradablePackages.forEach((el) => { - if (el.packageName === item.packageName) { - pkgName.push(el.packageName); - } - }); + const pkgName = item.packageName; updateUIWithInProgressMessage(pkgName); + try { - const result = await ControlService.updatePackage(pkgName); - if (result) { - await getUpgradablePackages(); // Refresh the list - } + await ControlService.updatePackage([pkgName]); + await getUpgradablePackages(); + + updateStatus.message = `${pkgName} updated successfully.`; + updateStatus.color = "text-green-500"; } catch (error) { console.error(`Failed to update ${pkgName}:`, error); + updateStatus.message = `Error occurred while updating ${pkgName}.`; + updateStatus.color = "text-red-500"; } finally { serverStore.isUpdateProcessing = false; } diff --git a/launcher/src/components/UI/the-control/ControlAlert.vue b/launcher/src/components/UI/the-control/ControlAlert.vue index 2ef9b4aaf..a581ae4e0 100755 --- a/launcher/src/components/UI/the-control/ControlAlert.vue +++ b/launcher/src/components/UI/the-control/ControlAlert.vue @@ -10,7 +10,7 @@ }" @click="alertPicker('green')" > - green + green
{ - // Only fetch if the data hasn't been loaded before - if (serverStore.numberOfUpdatablePackages === null || serverStore.upgradablePackages.value.length === 0) { - try { - // Fetch the upgradable packages - const packages = await ControlService.getUpgradeablePackages(); - serverStore.upgradablePackages.value = packages || []; + try { + const packages = await ControlService.getUpgradeablePackages(); + serverStore.upgradablePackages.value = packages || []; - if (serverStore.upgradablePackages.value.length > 0) { - serverStore.numberOfUpdatablePackages = serverStore.upgradablePackages.value.length; - } else { - serverStore.numberOfUpdatablePackages = 0; - } - } catch (error) { - console.error("Failed to fetch upgradable packages:", error); - serverStore.upgradablePackages.value = []; + if (serverStore.upgradablePackages.value.length > 0) { + serverStore.numberOfUpdatablePackages = serverStore.upgradablePackages.value.length; + } else { + serverStore.numberOfUpdatablePackages = 0; } + } catch (error) { + console.error("Failed to fetch upgradable packages:", error); + serverStore.upgradablePackages.value = []; } }; @@ -39,9 +34,8 @@ export async function useUpdateCheck() { if (!nodeHeaderStore.updating) { nodeHeaderStore.searchingForUpdates = true; - let services = await useBackendServices(); //get configurations of all services in backend format + let services = await useBackendServices(); - // fetch all version information let versions = {}; try { versions.latest = await ControlService.checkUpdates(); @@ -77,7 +71,7 @@ export async function useUpdateCheck() { name: service.service.replace(/(Beacon|Validator|Service)/gm, ""), version: versions.latest[service.network][service.service][versions.latest[service.network][service.service].length - 1], }); - console.log("Service Update Available!"); + // console.log("Service Update Available!"); } } }); @@ -88,7 +82,7 @@ export async function useUpdateCheck() { if (versions.latest && versions.currentStereum) { if (versions.currentStereum != versions.latest.stereum[versions.latest.stereum.length - 1].commit) { nodeHeaderStore.isUpdateAvailable = true; - console.log("Stereum Update Available!"); + // console.log("Stereum Update Available!"); } const currentVersion = versions.latest.stereum.find((v) => v.commit === versions.currentStereum);