@rotki/ui-library 2.22.2 → 2.23.0

package/dist/style.css

@@ -426,9 +426,7 @@
 
 /*
 ! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
-*/
-
-/*
+*//*
 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
 */
@@ -745,7 +743,6 @@ menu {
 /*
 Reset default styling for dialogs.
 */
-
 dialog {
   padding: 0;
 }
@@ -786,7 +783,6 @@ button,
 /*
 Make sure disabled buttons don't get the pointer cursor.
 */
-
 :disabled {
   cursor: default;
 }
@@ -820,7 +816,6 @@ video {
 }
 
 /* Make elements with the HTML hidden attribute stay hidden by default */
-
 [hidden]:where(:not([hidden="until-found"])) {
   display: none;
 }
@@ -878,15 +873,12 @@ html[data-theme="dark"], html.dark {
   --rui-surface-secondary: var(--rui-dark-surface-secondary);
   --rui-surface-overlay: var(--rui-dark-surface-overlay);
 }
-
 .\!container {
   width: 100% !important;
 }
-
 .container {
   width: 100%;
 }
-
 @media (min-width: 640px) {
 
   .\!container {
@@ -897,7 +889,6 @@ html[data-theme="dark"], html.dark {
     max-width: 640px;
   }
 }
-
 @media (min-width: 768px) {
 
   .\!container {
@@ -908,7 +899,6 @@ html[data-theme="dark"], html.dark {
     max-width: 768px;
   }
 }
-
 @media (min-width: 1024px) {
 
   .\!container {
@@ -919,7 +909,6 @@ html[data-theme="dark"], html.dark {
     max-width: 1024px;
   }
 }
-
 @media (min-width: 1280px) {
 
   .\!container {
@@ -930,7 +919,6 @@ html[data-theme="dark"], html.dark {
     max-width: 1280px;
   }
 }
-
 @media (min-width: 1536px) {
 
   .\!container {
@@ -941,982 +929,747 @@ html[data-theme="dark"], html.dark {
     max-width: 1536px;
   }
 }
-
 .pointer-events-none {
   pointer-events: none;
 }
-
 .\!visible {
   visibility: visible !important;
 }
-
 .visible {
   visibility: visible;
 }
-
 .invisible {
   visibility: hidden;
 }
-
 .collapse {
   visibility: collapse;
 }
-
 .static {
   position: static;
 }
-
 .fixed {
   position: fixed;
 }
-
 .absolute {
   position: absolute;
 }
-
 .relative {
   position: relative;
 }
-
 .sticky {
   position: sticky;
 }
-
 .inset-0 {
   inset: 0px;
 }
-
 .inset-y-0 {
   top: 0px;
   bottom: 0px;
 }
-
 .-left-full {
   left: -100%;
 }
-
 .-top-px {
   top: -1px;
 }
-
 .bottom-0 {
   bottom: 0px;
 }
-
 .bottom-\[calc\(0\.5px-0\.3125rem\)\] {
   bottom: calc(0.5px - 0.3125rem);
 }
-
 .bottom-auto {
   bottom: auto;
 }
-
 .left-0 {
   left: 0px;
 }
-
 .left-0\.5 {
   left: 0.125rem;
 }
-
 .left-1\/2 {
   left: 50%;
 }
-
 .left-3 {
   left: 0.75rem;
 }
-
 .left-4 {
   left: 1rem;
 }
-
 .left-\[1\.3125rem\] {
   left: 1.3125rem;
 }
-
 .left-\[1\.375rem\] {
   left: 1.375rem;
 }
-
 .left-\[calc\(0\.5px-0\.3125rem\)\] {
   left: calc(0.5px - 0.3125rem);
 }
-
 .right-0 {
   right: 0px;
 }
-
 .right-1 {
   right: 0.25rem;
 }
-
 .right-2 {
   right: 0.5rem;
 }
-
 .right-3 {
   right: 0.75rem;
 }
-
 .right-8 {
   right: 2rem;
 }
-
 .right-\[calc\(0\.5px-0\.3125rem\)\] {
   right: calc(0.5px - 0.3125rem);
 }
-
 .top-0 {
   top: 0px;
 }
-
 .top-1\/2 {
   top: 50%;
 }
-
 .top-2 {
   top: 0.5rem;
 }
-
 .top-\[calc\(0\.5px-0\.3125rem\)\] {
   top: calc(0.5px - 0.3125rem);
 }
-
 .top-px {
   top: 1px;
 }
-
 .isolate {
   isolation: isolate;
 }
-
 .-z-10 {
   z-index: -10;
 }
-
 .z-10 {
   z-index: 10;
 }
-
 .z-50 {
   z-index: 50;
 }
-
 .z-\[10000\] {
   z-index: 10000;
 }
-
 .z-\[2\] {
   z-index: 2;
 }
-
 .z-\[7\] {
   z-index: 7;
 }
-
 .z-\[9999\] {
   z-index: 9999;
 }
-
 .m-0 {
   margin: 0px;
 }
-
 .m-\[-1px\] {
   margin: -1px;
 }
-
 .-mx-4 {
   margin-left: -1rem;
   margin-right: -1rem;
 }
-
 .-my-4 {
   margin-top: -1rem;
   margin-bottom: -1rem;
 }
-
 .mx-3 {
   margin-left: 0.75rem;
   margin-right: 0.75rem;
 }
-
 .mx-5 {
   margin-left: 1.25rem;
   margin-right: 1.25rem;
 }
-
 .mx-auto {
   margin-left: auto;
   margin-right: auto;
 }
-
 .my-0 {
   margin-top: 0px;
   margin-bottom: 0px;
 }
-
 .my-4 {
   margin-top: 1rem;
   margin-bottom: 1rem;
 }
-
 .\!ml-0 {
   margin-left: 0px !important;
 }
-
 .\!mr-0 {
   margin-right: 0px !important;
 }
-
 .\!mt-0 {
   margin-top: 0px !important;
 }
-
 .-mb-2 {
   margin-bottom: -0.5rem;
 }
-
 .-ml-\[0\.5625rem\] {
   margin-left: -0.5625rem;
 }
-
 .-mr-1 {
   margin-right: -0.25rem;
 }
-
 .-mt-1 {
   margin-top: -0.25rem;
 }
-
 .-mt-2 {
   margin-top: -0.5rem;
 }
-
 .-mt-7 {
   margin-top: -1.75rem;
 }
-
 .mb-0 {
   margin-bottom: 0px;
 }
-
 .mb-1 {
   margin-bottom: 0.25rem;
 }
-
 .mb-2 {
   margin-bottom: 0.5rem;
 }
-
 .mb-3 {
   margin-bottom: 0.75rem;
 }
-
 .ml-0 {
   margin-left: 0px;
 }
-
 .ml-0\.5 {
   margin-left: 0.125rem;
 }
-
 .ml-1 {
   margin-left: 0.25rem;
 }
-
 .ml-2 {
   margin-left: 0.5rem;
 }
-
 .ml-4 {
   margin-left: 1rem;
 }
-
 .ml-6 {
   margin-left: 1.5rem;
 }
-
 .ml-auto {
   margin-left: auto;
 }
-
 .mr-2 {
   margin-right: 0.5rem;
 }
-
 .mt-0\.5 {
   margin-top: 0.125rem;
 }
-
 .mt-1 {
   margin-top: 0.25rem;
 }
-
 .mt-4 {
   margin-top: 1rem;
 }
-
 .mt-6 {
   margin-top: 1.5rem;
 }
-
 .mt-\[0\.4375rem\] {
   margin-top: 0.4375rem;
 }
-
 .mt-\[0\.5625rem\] {
   margin-top: 0.5625rem;
 }
-
 .mt-\[0\.6875rem\] {
   margin-top: 0.6875rem;
 }
-
 .mt-auto {
   margin-top: auto;
 }
-
 .box-border {
   box-sizing: border-box;
 }
-
 .block {
   display: block;
 }
-
 .inline-block {
   display: inline-block;
 }
-
 .inline {
   display: inline;
 }
-
 .flex {
   display: flex;
 }
-
 .inline-flex {
   display: inline-flex;
 }
-
 .table {
   display: table;
 }
-
 .grid {
   display: grid;
 }
-
 .contents {
   display: contents;
 }
-
 .\!hidden {
   display: none !important;
 }
-
 .hidden {
   display: none;
 }
-
 .\!h-0 {
   height: 0px !important;
 }
-
 .\!h-auto {
   height: auto !important;
 }
-
 .\!h-full {
   height: 100% !important;
 }
-
 .h-0 {
   height: 0px;
 }
-
 .h-1 {
   height: 0.25rem;
 }
-
 .h-10 {
   height: 2.5rem;
 }
-
 .h-14 {
   height: 3.5rem;
 }
-
 .h-2 {
   height: 0.5rem;
 }
-
 .h-2\.5 {
   height: 0.625rem;
 }
-
 .h-24 {
   height: 6rem;
 }
-
 .h-3 {
   height: 0.75rem;
 }
-
 .h-3\.5 {
   height: 0.875rem;
 }
-
 .h-32 {
   height: 8rem;
 }
-
 .h-4 {
   height: 1rem;
 }
-
 .h-40 {
   height: 10rem;
 }
-
 .h-5 {
   height: 1.25rem;
 }
-
 .h-6 {
   height: 1.5rem;
 }
-
 .h-64 {
   height: 16rem;
 }
-
 .h-8 {
   height: 2rem;
 }
-
 .h-9 {
   height: 2.25rem;
 }
-
 .h-\[2\.25rem\] {
   height: 2.25rem;
 }
-
 .h-\[3rem\] {
   height: 3rem;
 }
-
 .h-\[calc\(100\%\+0\.5rem\)\] {
   height: calc(100% + 0.5rem);
 }
-
 .h-\[var\(--rui-icon-size\2c 1\.5rem\)\] {
   height: var(--rui-icon-size,1.5rem);
 }
-
 .h-auto {
   height: auto;
 }
-
 .h-fit {
   height: -moz-fit-content;
   height: fit-content;
 }
-
 .h-full {
   height: 100%;
 }
-
 .h-px {
   height: 1px;
 }
-
 .max-h-0 {
   max-height: 0px;
 }
-
 .max-h-60 {
   max-height: 15rem;
 }
-
 .max-h-\[65vh\] {
   max-height: 65vh;
 }
-
 .max-h-\[90vh\] {
   max-height: 90vh;
 }
-
 .max-h-\[var\(--rui-floating-max-height\2c 60vh\)\] {
   max-height: var(--rui-floating-max-height,60vh);
 }
-
 .max-h-full {
   max-height: 100%;
 }
-
 .\!min-h-8 {
   min-height: 2rem !important;
 }
-
 .\!min-h-\[3rem\] {
   min-height: 3rem !important;
 }
-
 .min-h-0 {
   min-height: 0px;
 }
-
 .min-h-1\.5 {
   min-height: 0.375rem;
 }
-
 .min-h-10 {
   min-height: 2.5rem;
 }
-
 .min-h-14 {
   min-height: 3.5rem;
 }
-
 .min-h-2 {
   min-height: 0.5rem;
 }
-
 .min-h-2\.5 {
   min-height: 0.625rem;
 }
-
 .min-h-4 {
   min-height: 1rem;
 }
-
 .min-h-5 {
   min-height: 1.25rem;
 }
-
 .min-h-56 {
   min-height: 14rem;
 }
-
 .min-h-6 {
   min-height: 1.5rem;
 }
-
 .min-h-8 {
   min-height: 2rem;
 }
-
 .min-h-\[1\.5rem\] {
   min-height: 1.5rem;
 }
-
 .min-h-\[3rem\] {
   min-height: 3rem;
 }
-
 .min-h-\[7\.5rem\] {
   min-height: 7.5rem;
 }
-
 .\!w-14 {
   width: 3.5rem !important;
 }
-
 .w-0 {
   width: 0px;
 }
-
 .w-10 {
   width: 2.5rem;
 }
-
 .w-14 {
   width: 3.5rem;
 }
-
 .w-16 {
   width: 4rem;
 }
-
 .w-2 {
   width: 0.5rem;
 }
-
 .w-2\.5 {
   width: 0.625rem;
 }
-
 .w-3 {
   width: 0.75rem;
 }
-
 .w-4 {
   width: 1rem;
 }
-
 .w-5 {
   width: 1.25rem;
 }
-
 .w-6 {
   width: 1.5rem;
 }
-
 .w-64 {
   width: 16rem;
 }
-
 .w-8 {
   width: 2rem;
 }
-
 .w-9 {
   width: 2.25rem;
 }
-
 .w-\[1\.5px\] {
   width: 1.5px;
 }
-
 .w-\[16rem\] {
   width: 16rem;
 }
-
 .w-\[18\.75rem\] {
   width: 18.75rem;
 }
-
 .w-\[2\.6875rem\] {
   width: 2.6875rem;
 }
-
 .w-\[200\%\] {
   width: 200%;
 }
-
 .w-\[20rem\] {
   width: 20rem;
 }
-
 .w-\[3\.625rem\] {
   width: 3.625rem;
 }
-
 .w-\[40rem\] {
   width: 40rem;
 }
-
 .w-\[var\(--rui-icon-size\2c 1\.5rem\)\] {
   width: var(--rui-icon-size,1.5rem);
 }
-
 .w-auto {
   width: auto;
 }
-
 .w-full {
   width: 100%;
 }
-
 .w-max {
   width: -moz-max-content;
   width: max-content;
 }
-
 .w-px {
   width: 1px;
 }
-
 .min-w-0 {
   min-width: 0px;
 }
-
 .min-w-1\.5 {
   min-width: 0.375rem;
 }
-
 .min-w-2 {
   min-width: 0.5rem;
 }
-
 .min-w-2\.5 {
   min-width: 0.625rem;
 }
-
 .min-w-4 {
   min-width: 1rem;
 }
-
 .min-w-40 {
   min-width: 10rem;
 }
-
 .min-w-5 {
   min-width: 1.25rem;
 }
-
 .min-w-6 {
   min-width: 1.5rem;
 }
-
 .min-w-8 {
   min-width: 2rem;
 }
-
 .min-w-\[12\.5rem\] {
   min-width: 12.5rem;
 }
-
 .min-w-\[140px\] {
   min-width: 140px;
 }
-
 .min-w-\[1rem\] {
   min-width: 1rem;
 }
-
 .min-w-\[2\.5rem\] {
   min-width: 2.5rem;
 }
-
 .min-w-\[4rem\] {
   min-width: 4rem;
 }
-
 .min-w-\[5\.625rem\] {
   min-width: 5.625rem;
 }
-
 .min-w-\[7\.5rem\] {
   min-width: 7.5rem;
 }
-
 .min-w-full {
   min-width: 100%;
 }
-
 .max-w-\[2\.25rem\] {
   max-width: 2.25rem;
 }
-
 .max-w-\[22\.5rem\] {
   max-width: 22.5rem;
 }
-
 .max-w-\[3\.625rem\] {
   max-width: 3.625rem;
 }
-
 .max-w-\[60\%\] {
   max-width: 60%;
 }
-
 .max-w-\[6rem\] {
   max-width: 6rem;
 }
-
 .max-w-\[80\%\] {
   max-width: 80%;
 }
-
 .max-w-\[90\%\] {
   max-width: 90%;
 }
-
 .max-w-\[calc\(100vw-2rem\)\] {
   max-width: calc(100vw - 2rem);
 }
-
 .max-w-fit {
   max-width: -moz-fit-content;
   max-width: fit-content;
 }
-
 .max-w-full {
   max-width: 100%;
 }
-
 .max-w-md {
   max-width: 28rem;
 }
-
 .max-w-none {
   max-width: none;
 }
-
 .flex-1 {
   flex: 1 1 0%;
 }
-
 .flex-\[1_1_0\] {
   flex: 1 1 0;
 }
-
 .shrink-0 {
   flex-shrink: 0;
 }
-
 .flex-grow {
   flex-grow: 1;
 }
-
 .grow {
   flex-grow: 1;
 }
-
 .table-fixed {
   table-layout: fixed;
 }
-
 .origin-center {
   transform-origin: center;
 }
-
 .origin-left {
   transform-origin: left;
 }
-
 .-translate-x-1\/2 {
   --tw-translate-x: -50%;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
-
 .-translate-x-8 {
   --tw-translate-x: -2rem;
   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-full {
   --tw-translate-x: -100%;
   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 {
   --tw-translate-y: -50%;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
-
 .-translate-y-2 {
   --tw-translate-y: -0.5rem;
   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\.5rem\] {
   --tw-translate-y: -0.5rem;
   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-0 {
   --tw-translate-x: 0px;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
-
 .translate-x-8 {
   --tw-translate-x: 2rem;
   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-full {
   --tw-translate-x: 100%;
   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 {
   --tw-translate-y: 0px;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
-
 .translate-y-1 {
   --tw-translate-y: 0.25rem;
   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-full {
   --tw-translate-y: 100%;
   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 {
   --tw-rotate: 0deg !important;
   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)) !important;
 }
-
 .\!rotate-180 {
   --tw-rotate: 180deg !important;
   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)) !important;
 }
-
 .-rotate-180 {
   --tw-rotate: -180deg;
   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 {
   --tw-rotate: -45deg;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
-
 .-rotate-90 {
   --tw-rotate: -90deg;
   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-\[135deg\] {
   --tw-rotate: -135deg;
   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 {
   --tw-rotate: 180deg;
   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 {
   --tw-rotate: 45deg;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
-
 .rotate-90 {
   --tw-rotate: 90deg;
   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-\[135deg\] {
   --tw-rotate: 135deg;
   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-0 {
   --tw-scale-x: 0;
   --tw-scale-y: 0;
   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 {
   --tw-scale-x: 1;
   --tw-scale-y: 1;
   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;
   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 {
   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-gpu {
   transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
-
 @keyframes buffer-pulse {
 
   0% {
@@ -1939,22 +1692,18 @@ html[data-theme="dark"], html.dark {
     left: -100%;
   }
 }
-
 .animate-buffer-pulse {
   animation: buffer-pulse 3s ease-in-out 3s infinite;
 }
-
 @keyframes spin {
 
   to {
     transform: rotate(360deg);
   }
 }
-
 .animate-circular-spin {
   animation: spin 1.4s linear infinite;
 }
-
 @keyframes collapse-stroke {
 
   0% {
@@ -1972,22 +1721,18 @@ html[data-theme="dark"], html.dark {
     stroke-dashoffset: -125px;
   }
 }
-
 .animate-collapse-stroke {
   animation: collapse-stroke 1.4s ease-in-out infinite;
 }
-
 @keyframes pulse {
 
   50% {
     opacity: .5;
   }
 }
-
 .animate-pulse {
   animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
 }
-
 @keyframes slide-rail {
 
   0% {
@@ -2005,2255 +1750,1766 @@ html[data-theme="dark"], html.dark {
     right: -90%;
   }
 }
-
 .animate-slide-rail {
   animation: slide-rail 1.6s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
 }
-
 .\!cursor-progress {
   cursor: progress !important;
 }
-
 .cursor-default {
   cursor: default;
 }
-
 .cursor-not-allowed {
   cursor: not-allowed;
 }
-
 .cursor-pointer {
   cursor: pointer;
 }
-
 .select-none {
   -webkit-user-select: none;
      -moz-user-select: none;
           user-select: none;
 }
-
+.select-all {
+  -webkit-user-select: all;
+     -moz-user-select: all;
+          user-select: all;
+}
 .resize-none {
   resize: none;
 }
-
 .resize-y {
   resize: vertical;
 }
-
 .resize {
   resize: both;
 }
-
 .appearance-none {
   -webkit-appearance: none;
      -moz-appearance: none;
           appearance: none;
 }
-
 .grid-cols-1 {
   grid-template-columns: repeat(1, minmax(0, 1fr));
 }
-
 .grid-cols-3 {
   grid-template-columns: repeat(3, minmax(0, 1fr));
 }
-
 .grid-cols-7 {
   grid-template-columns: repeat(7, minmax(0, 1fr));
 }
-
 .grid-cols-\[minmax\(9\.5rem\2c 13rem\)_1fr\] {
   grid-template-columns: minmax(9.5rem,13rem) 1fr;
 }
-
 .flex-col {
   flex-direction: column;
 }
-
 .flex-col-reverse {
   flex-direction: column-reverse;
 }
-
 .flex-wrap {
   flex-wrap: wrap;
 }
-
 .flex-nowrap {
   flex-wrap: nowrap;
 }
-
 .items-start {
   align-items: flex-start;
 }
-
 .items-center {
   align-items: center;
 }
-
 .justify-start {
   justify-content: flex-start;
 }
-
 .justify-end {
   justify-content: flex-end;
 }
-
 .justify-center {
   justify-content: center;
 }
-
 .\!justify-between {
   justify-content: space-between !important;
 }
-
 .justify-between {
   justify-content: space-between;
 }
-
 .gap-0\.5 {
   gap: 0.125rem;
 }
-
 .gap-1 {
   gap: 0.25rem;
 }
-
 .gap-2 {
   gap: 0.5rem;
 }
-
 .gap-3 {
   gap: 0.75rem;
 }
-
 .gap-4 {
   gap: 1rem;
 }
-
 .gap-5 {
   gap: 1.25rem;
 }
-
 .gap-6 {
   gap: 1.5rem;
 }
-
 .gap-x-1 {
   -moz-column-gap: 0.25rem;
        column-gap: 0.25rem;
 }
-
 .gap-x-2 {
   -moz-column-gap: 0.5rem;
        column-gap: 0.5rem;
 }
-
 .gap-x-3 {
   -moz-column-gap: 0.75rem;
        column-gap: 0.75rem;
 }
-
 .gap-x-4 {
   -moz-column-gap: 1rem;
        column-gap: 1rem;
 }
-
 .gap-y-0 {
   row-gap: 0px;
 }
-
 .space-x-0 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-x-reverse: 0;
   margin-right: calc(0px * var(--tw-space-x-reverse));
   margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));
 }
-
 .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-3 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-x-reverse: 0;
   margin-right: calc(0.75rem * var(--tw-space-x-reverse));
   margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
 }
-
 .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]) {
   --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]) {
   --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));
 }
-
 .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-x-0 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-x-reverse: 0;
   border-right-width: calc(0px * var(--tw-divide-x-reverse));
   border-left-width: calc(0px * calc(1 - var(--tw-divide-x-reverse)));
 }
-
 .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-0 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-y-reverse: 0;
   border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
   border-bottom-width: calc(0px * var(--tw-divide-y-reverse));
 }
-
 .divide-black\/\[0\.12\] > :not([hidden]) ~ :not([hidden]) {
   border-color: rgb(0 0 0 / 0.12);
 }
-
 .divide-black\/\[0\.23\] > :not([hidden]) ~ :not([hidden]) {
   border-color: rgb(0 0 0 / 0.23);
 }
-
 .divide-rui-error-darker > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
   border-color: rgba(var(--rui-error-darker), var(--tw-divide-opacity, 1));
 }
-
 .divide-rui-error\/\[0\.5\] > :not([hidden]) ~ :not([hidden]) {
   border-color: rgba(var(--rui-error-main), 0.5);
 }
-
 .divide-rui-grey-200 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
   border-color: rgba(var(--rui-grey-200), var(--tw-divide-opacity, 1));
 }
-
 .divide-rui-grey-400 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
   border-color: rgba(var(--rui-grey-400), var(--tw-divide-opacity, 1));
 }
-
 .divide-rui-info-darker > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
   border-color: rgba(var(--rui-info-darker), var(--tw-divide-opacity, 1));
 }
-
 .divide-rui-info\/\[0\.5\] > :not([hidden]) ~ :not([hidden]) {
   border-color: rgba(var(--rui-info-main), 0.5);
 }
-
 .divide-rui-primary-darker > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
   border-color: rgba(var(--rui-primary-darker), var(--tw-divide-opacity, 1));
 }
-
 .divide-rui-primary\/\[0\.5\] > :not([hidden]) ~ :not([hidden]) {
   border-color: rgba(var(--rui-primary-main), 0.5);
 }
-
 .divide-rui-secondary-darker > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
   border-color: rgba(var(--rui-secondary-darker), var(--tw-divide-opacity, 1));
 }
-
 .divide-rui-secondary\/\[0\.5\] > :not([hidden]) ~ :not([hidden]) {
   border-color: rgba(var(--rui-secondary-main), 0.5);
 }
-
 .divide-rui-success-darker > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
   border-color: rgba(var(--rui-success-darker), var(--tw-divide-opacity, 1));
 }
-
 .divide-rui-success\/\[0\.5\] > :not([hidden]) ~ :not([hidden]) {
   border-color: rgba(var(--rui-success-main), 0.5);
 }
-
 .divide-rui-warning-darker > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
   border-color: rgba(var(--rui-warning-darker), var(--tw-divide-opacity, 1));
 }
-
 .divide-rui-warning\/\[0\.5\] > :not([hidden]) ~ :not([hidden]) {
   border-color: rgba(var(--rui-warning-main), 0.5);
 }
-
 .self-start {
   align-self: flex-start;
 }
-
 .self-center {
   align-self: center;
 }
-
 .overflow-auto {
   overflow: auto;
 }
-
 .overflow-hidden {
   overflow: hidden;
 }
-
 .\!overflow-visible {
   overflow: visible !important;
 }
-
 .overflow-visible {
   overflow: visible;
 }
-
 .overflow-x-auto {
   overflow-x: auto;
 }
-
 .overflow-y-auto {
   overflow-y: auto;
 }
-
 .overflow-y-hidden {
   overflow-y: hidden;
 }
-
 .truncate {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-
 .whitespace-normal {
   white-space: normal;
 }
-
 .whitespace-nowrap {
   white-space: nowrap;
 }
-
 .text-nowrap {
   text-wrap: nowrap;
 }
-
 .\!rounded-none {
   border-radius: 0px !important;
 }
-
 .rounded {
   border-radius: 0.25rem;
 }
-
 .rounded-\[\.25rem\] {
   border-radius: .25rem;
 }
-
 .rounded-\[\.5rem\] {
   border-radius: .5rem;
 }
-
 .rounded-\[\.75rem\] {
   border-radius: .75rem;
 }
-
 .rounded-\[0_0\.125rem_0_0\] {
   border-radius: 0 0.125rem 0 0;
 }
-
 .rounded-\[1rem\] {
   border-radius: 1rem;
 }
-
 .rounded-full {
   border-radius: 9999px;
 }
-
 .rounded-lg {
   border-radius: 0.5rem;
 }
-
 .rounded-md {
   border-radius: 0.375rem;
 }
-
 .rounded-none {
   border-radius: 0px;
 }
-
 .rounded-sm {
   border-radius: 0.125rem;
 }
-
 .\!rounded-b-none {
   border-bottom-right-radius: 0px !important;
   border-bottom-left-radius: 0px !important;
 }
-
 .\!rounded-t {
   border-top-left-radius: 0.25rem !important;
   border-top-right-radius: 0.25rem !important;
 }
-
 .rounded-b-lg {
   border-bottom-right-radius: 0.5rem;
   border-bottom-left-radius: 0.5rem;
 }
-
 .rounded-b-none {
   border-bottom-right-radius: 0px;
   border-bottom-left-radius: 0px;
 }
-
 .rounded-t {
   border-top-left-radius: 0.25rem;
   border-top-right-radius: 0.25rem;
 }
-
 .rounded-t-\[\.25rem\] {
   border-top-left-radius: .25rem;
   border-top-right-radius: .25rem;
 }
-
 .rounded-t-\[\.5rem\] {
   border-top-left-radius: .5rem;
   border-top-right-radius: .5rem;
 }
-
 .rounded-t-\[1rem\] {
   border-top-left-radius: 1rem;
   border-top-right-radius: 1rem;
 }
-
 .rounded-t-lg {
   border-top-left-radius: 0.5rem;
   border-top-right-radius: 0.5rem;
 }
-
 .\!border-2 {
   border-width: 2px !important;
 }
-
 .border {
   border-width: 1px;
 }
-
 .border-0 {
   border-width: 0px;
 }
-
 .border-2 {
   border-width: 2px;
 }
-
 .border-\[0\.3125rem\] {
   border-width: 0.3125rem;
 }
-
 .\!border-y {
   border-top-width: 1px !important;
   border-bottom-width: 1px !important;
 }
-
 .border-x {
   border-left-width: 1px;
   border-right-width: 1px;
 }
-
 .border-y-\[0\.2rem\] {
   border-top-width: 0.2rem;
   border-bottom-width: 0.2rem;
 }
-
 .\!border-b {
   border-bottom-width: 1px !important;
 }
-
 .border-b {
   border-bottom-width: 1px;
 }
-
 .border-l {
   border-left-width: 1px;
 }
-
 .border-r {
   border-right-width: 1px;
 }
-
 .border-r-0 {
   border-right-width: 0px;
 }
-
 .border-t {
   border-top-width: 1px;
 }
-
 .\!border-solid {
   border-style: solid !important;
 }
-
 .border-dashed {
   border-style: dashed;
 }
-
 .\!border-dotted {
   border-style: dotted !important;
 }
-
 .border-none {
   border-style: none;
 }
-
 .\!border-black\/\[0\.23\] {
   border-color: rgb(0 0 0 / 0.23) !important;
 }
-
 .\!border-rui-error {
   --tw-border-opacity: 1 !important;
   border-color: rgba(var(--rui-error-main), var(--tw-border-opacity, 1)) !important;
 }
-
 .\!border-rui-info {
   --tw-border-opacity: 1 !important;
   border-color: rgba(var(--rui-info-main), var(--tw-border-opacity, 1)) !important;
 }
-
 .\!border-rui-primary {
   --tw-border-opacity: 1 !important;
   border-color: rgba(var(--rui-primary-main), var(--tw-border-opacity, 1)) !important;
 }
-
 .\!border-rui-secondary {
   --tw-border-opacity: 1 !important;
   border-color: rgba(var(--rui-secondary-main), var(--tw-border-opacity, 1)) !important;
 }
-
 .\!border-rui-success {
   --tw-border-opacity: 1 !important;
   border-color: rgba(var(--rui-success-main), var(--tw-border-opacity, 1)) !important;
 }
-
 .\!border-rui-warning {
   --tw-border-opacity: 1 !important;
   border-color: rgba(var(--rui-warning-main), var(--tw-border-opacity, 1)) !important;
 }
-
 .border-black {
   --tw-border-opacity: 1;
   border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
 }
-
 .border-black\/\[0\.12\] {
   border-color: rgb(0 0 0 / 0.12);
 }
-
 .border-black\/\[0\.23\] {
   border-color: rgb(0 0 0 / 0.23);
 }
-
 .border-black\/\[0\.26\] {
   border-color: rgb(0 0 0 / 0.26);
 }
-
 .border-black\/\[0\.42\] {
   border-color: rgb(0 0 0 / 0.42);
 }
-
 .border-current {
   border-color: currentColor;
 }
-
 .border-rui-error {
   --tw-border-opacity: 1;
   border-color: rgba(var(--rui-error-main), var(--tw-border-opacity, 1));
 }
-
 .border-rui-error\/20 {
   border-color: rgba(var(--rui-error-main), 0.2);
 }
-
 .border-rui-error\/50 {
   border-color: rgba(var(--rui-error-main), 0.5);
 }
-
 .border-rui-grey-200 {
   --tw-border-opacity: 1;
   border-color: rgba(var(--rui-grey-200), var(--tw-border-opacity, 1));
 }
-
 .border-rui-grey-300 {
   --tw-border-opacity: 1;
   border-color: rgba(var(--rui-grey-300), var(--tw-border-opacity, 1));
 }
-
 .border-rui-grey-400 {
   --tw-border-opacity: 1;
   border-color: rgba(var(--rui-grey-400), var(--tw-border-opacity, 1));
 }
-
 .border-rui-info {
   --tw-border-opacity: 1;
   border-color: rgba(var(--rui-info-main), var(--tw-border-opacity, 1));
 }
-
 .border-rui-info\/20 {
   border-color: rgba(var(--rui-info-main), 0.2);
 }
-
 .border-rui-info\/50 {
   border-color: rgba(var(--rui-info-main), 0.5);
 }
-
 .border-rui-primary {
   --tw-border-opacity: 1;
   border-color: rgba(var(--rui-primary-main), var(--tw-border-opacity, 1));
 }
-
 .border-rui-primary\/20 {
   border-color: rgba(var(--rui-primary-main), 0.2);
 }
-
 .border-rui-primary\/50 {
   border-color: rgba(var(--rui-primary-main), 0.5);
 }
-
 .border-rui-secondary {
   --tw-border-opacity: 1;
   border-color: rgba(var(--rui-secondary-main), var(--tw-border-opacity, 1));
 }
-
 .border-rui-secondary\/20 {
   border-color: rgba(var(--rui-secondary-main), 0.2);
 }
-
 .border-rui-secondary\/50 {
   border-color: rgba(var(--rui-secondary-main), 0.5);
 }
-
 .border-rui-success {
   --tw-border-opacity: 1;
   border-color: rgba(var(--rui-success-main), var(--tw-border-opacity, 1));
 }
-
 .border-rui-success\/20 {
   border-color: rgba(var(--rui-success-main), 0.2);
 }
-
 .border-rui-success\/50 {
   border-color: rgba(var(--rui-success-main), 0.5);
 }
-
 .border-rui-text-disabled {
   border-color: var(--rui-text-disabled);
 }
-
 .border-rui-warning {
   --tw-border-opacity: 1;
   border-color: rgba(var(--rui-warning-main), var(--tw-border-opacity, 1));
 }
-
 .border-rui-warning\/20 {
   border-color: rgba(var(--rui-warning-main), 0.2);
 }
-
 .border-rui-warning\/50 {
   border-color: rgba(var(--rui-warning-main), 0.5);
 }
-
 .border-transparent {
   border-color: transparent;
 }
-
 .border-white {
   --tw-border-opacity: 1;
   border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
 }
-
 .border-b-black\/\[0\.12\] {
   border-bottom-color: rgb(0 0 0 / 0.12);
 }
-
 .border-b-transparent {
   border-bottom-color: transparent;
 }
-
 .border-l-transparent {
   border-left-color: transparent;
 }
-
 .border-r-rui-grey-700\/90 {
   border-right-color: rgba(var(--rui-grey-700), 0.9);
 }
-
 .border-t-rui-grey-700\/90 {
   border-top-color: rgba(var(--rui-grey-700), 0.9);
 }
-
 .border-t-transparent {
   border-top-color: transparent;
 }
-
 .\!bg-black\/\[0\.06\] {
   background-color: rgb(0 0 0 / 0.06) !important;
 }
-
 .\!bg-rui-error {
   --tw-bg-opacity: 1 !important;
   background-color: rgba(var(--rui-error-main), var(--tw-bg-opacity, 1)) !important;
 }
-
 .\!bg-rui-error-lighter {
   --tw-bg-opacity: 1 !important;
   background-color: rgba(var(--rui-error-lighter), var(--tw-bg-opacity, 1)) !important;
 }
-
 .\!bg-rui-grey-100 {
   --tw-bg-opacity: 1 !important;
   background-color: rgba(var(--rui-grey-100), var(--tw-bg-opacity, 1)) !important;
 }
-
 .\!bg-rui-grey-200 {
   --tw-bg-opacity: 1 !important;
   background-color: rgba(var(--rui-grey-200), var(--tw-bg-opacity, 1)) !important;
 }
-
 .\!bg-rui-grey-300 {
   --tw-bg-opacity: 1 !important;
   background-color: rgba(var(--rui-grey-300), var(--tw-bg-opacity, 1)) !important;
 }
-
 .\!bg-rui-grey-400 {
   --tw-bg-opacity: 1 !important;
   background-color: rgba(var(--rui-grey-400), var(--tw-bg-opacity, 1)) !important;
 }
-
 .\!bg-rui-grey-500 {
   --tw-bg-opacity: 1 !important;
   background-color: rgba(var(--rui-grey-500), var(--tw-bg-opacity, 1)) !important;
 }
-
 .\!bg-rui-info {
   --tw-bg-opacity: 1 !important;
   background-color: rgba(var(--rui-info-main), var(--tw-bg-opacity, 1)) !important;
 }
-
 .\!bg-rui-info-lighter {
   --tw-bg-opacity: 1 !important;
   background-color: rgba(var(--rui-info-lighter), var(--tw-bg-opacity, 1)) !important;
 }
-
 .\!bg-rui-primary {
   --tw-bg-opacity: 1 !important;
   background-color: rgba(var(--rui-primary-main), var(--tw-bg-opacity, 1)) !important;
 }
-
 .\!bg-rui-primary-lighter {
   --tw-bg-opacity: 1 !important;
   background-color: rgba(var(--rui-primary-lighter), var(--tw-bg-opacity, 1)) !important;
 }
-
 .\!bg-rui-secondary {
   --tw-bg-opacity: 1 !important;
   background-color: rgba(var(--rui-secondary-main), var(--tw-bg-opacity, 1)) !important;
 }
-
 .\!bg-rui-secondary-lighter {
   --tw-bg-opacity: 1 !important;
   background-color: rgba(var(--rui-secondary-lighter), var(--tw-bg-opacity, 1)) !important;
 }
-
 .\!bg-rui-success {
   --tw-bg-opacity: 1 !important;
   background-color: rgba(var(--rui-success-main), var(--tw-bg-opacity, 1)) !important;
 }
-
 .\!bg-rui-success-lighter {
   --tw-bg-opacity: 1 !important;
   background-color: rgba(var(--rui-success-lighter), var(--tw-bg-opacity, 1)) !important;
 }
-
 .\!bg-rui-warning {
   --tw-bg-opacity: 1 !important;
   background-color: rgba(var(--rui-warning-main), var(--tw-bg-opacity, 1)) !important;
 }
-
 .\!bg-rui-warning-lighter {
   --tw-bg-opacity: 1 !important;
   background-color: rgba(var(--rui-warning-lighter), var(--tw-bg-opacity, 1)) !important;
 }
-
 .\!bg-white {
   --tw-bg-opacity: 1 !important;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;
 }
-
 .bg-\[\#363636\] {
   --tw-bg-opacity: 1;
   background-color: rgb(54 54 54 / var(--tw-bg-opacity, 1));
 }
-
 .bg-\[\#f9fafb\] {
   --tw-bg-opacity: 1;
   background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
 }
-
 .bg-black {
   --tw-bg-opacity: 1;
   background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
 }
-
 .bg-black\/10 {
   background-color: rgb(0 0 0 / 0.1);
 }
-
 .bg-black\/\[\.12\] {
   background-color: rgb(0 0 0 / .12);
 }
-
 .bg-black\/\[0\.02\] {
   background-color: rgb(0 0 0 / 0.02);
 }
-
 .bg-black\/\[0\.03\] {
   background-color: rgb(0 0 0 / 0.03);
 }
-
 .bg-black\/\[0\.06\] {
   background-color: rgb(0 0 0 / 0.06);
 }
-
 .bg-black\/\[0\.09\] {
   background-color: rgb(0 0 0 / 0.09);
 }
-
 .bg-black\/\[0\.26\] {
   background-color: rgb(0 0 0 / 0.26);
 }
-
 .bg-current {
   background-color: currentColor;
 }
-
 .bg-gray-300 {
   --tw-bg-opacity: 1;
   background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1));
 }
-
 .bg-gray-50 {
   --tw-bg-opacity: 1;
   background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
 }
-
 .bg-gray-500 {
   --tw-bg-opacity: 1;
   background-color: rgb(107 114 128 / var(--tw-bg-opacity, 1));
 }
-
 .bg-rui-error {
   --tw-bg-opacity: 1;
   background-color: rgba(var(--rui-error-main), var(--tw-bg-opacity, 1));
 }
-
 .bg-rui-error-darker {
   --tw-bg-opacity: 1;
   background-color: rgba(var(--rui-error-darker), var(--tw-bg-opacity, 1));
 }
-
 .bg-rui-error-lighter\/30 {
   background-color: rgba(var(--rui-error-lighter), 0.3);
 }
-
 .bg-rui-error\/20 {
   background-color: rgba(var(--rui-error-main), 0.2);
 }
-
 .bg-rui-error\/\[0\.08\] {
   background-color: rgba(var(--rui-error-main), 0.08);
 }
-
 .bg-rui-grey-100 {
   --tw-bg-opacity: 1;
   background-color: rgba(var(--rui-grey-100), var(--tw-bg-opacity, 1));
 }
-
 .bg-rui-grey-200 {
   --tw-bg-opacity: 1;
   background-color: rgba(var(--rui-grey-200), var(--tw-bg-opacity, 1));
 }
-
 .bg-rui-grey-400 {
   --tw-bg-opacity: 1;
   background-color: rgba(var(--rui-grey-400), var(--tw-bg-opacity, 1));
 }
-
 .bg-rui-grey-50 {
   --tw-bg-opacity: 1;
   background-color: rgba(var(--rui-grey-50), var(--tw-bg-opacity, 1));
 }
-
 .bg-rui-grey-500\/50 {
   background-color: rgba(var(--rui-grey-500), 0.5);
 }
-
 .bg-rui-grey-700\/90 {
   background-color: rgba(var(--rui-grey-700), 0.9);
 }
-
 .bg-rui-info {
   --tw-bg-opacity: 1;
   background-color: rgba(var(--rui-info-main), var(--tw-bg-opacity, 1));
 }
-
 .bg-rui-info-darker {
   --tw-bg-opacity: 1;
   background-color: rgba(var(--rui-info-darker), var(--tw-bg-opacity, 1));
 }
-
 .bg-rui-info-lighter\/30 {
   background-color: rgba(var(--rui-info-lighter), 0.3);
 }
-
 .bg-rui-info\/20 {
   background-color: rgba(var(--rui-info-main), 0.2);
 }
-
 .bg-rui-primary {
   --tw-bg-opacity: 1;
   background-color: rgba(var(--rui-primary-main), var(--tw-bg-opacity, 1));
 }
-
 .bg-rui-primary-darker {
   --tw-bg-opacity: 1;
   background-color: rgba(var(--rui-primary-darker), var(--tw-bg-opacity, 1));
 }
-
 .bg-rui-primary-lighter\/30 {
   background-color: rgba(var(--rui-primary-lighter), 0.3);
 }
-
 .bg-rui-primary\/20 {
   background-color: rgba(var(--rui-primary-main), 0.2);
 }
-
 .bg-rui-primary\/\[0\.08\] {
   background-color: rgba(var(--rui-primary-main), 0.08);
 }
-
 .bg-rui-primary\/\[0\.12\] {
   background-color: rgba(var(--rui-primary-main), 0.12);
 }
-
 .bg-rui-secondary {
   --tw-bg-opacity: 1;
   background-color: rgba(var(--rui-secondary-main), var(--tw-bg-opacity, 1));
 }
-
 .bg-rui-secondary-darker {
   --tw-bg-opacity: 1;
   background-color: rgba(var(--rui-secondary-darker), var(--tw-bg-opacity, 1));
 }
-
 .bg-rui-secondary-lighter\/30 {
   background-color: rgba(var(--rui-secondary-lighter), 0.3);
 }
-
 .bg-rui-secondary\/20 {
   background-color: rgba(var(--rui-secondary-main), 0.2);
 }
-
 .bg-rui-success {
   --tw-bg-opacity: 1;
   background-color: rgba(var(--rui-success-main), var(--tw-bg-opacity, 1));
 }
-
 .bg-rui-success-darker {
   --tw-bg-opacity: 1;
   background-color: rgba(var(--rui-success-darker), var(--tw-bg-opacity, 1));
 }
-
 .bg-rui-success-lighter\/30 {
   background-color: rgba(var(--rui-success-lighter), 0.3);
 }
-
 .bg-rui-success\/10 {
   background-color: rgba(var(--rui-success-main), 0.1);
 }
-
 .bg-rui-success\/20 {
   background-color: rgba(var(--rui-success-main), 0.2);
 }
-
 .bg-rui-success\/\[0\.08\] {
   background-color: rgba(var(--rui-success-main), 0.08);
 }
-
 .bg-rui-success\/\[0\.12\] {
   background-color: rgba(var(--rui-success-main), 0.12);
 }
-
 .bg-rui-warning {
   --tw-bg-opacity: 1;
   background-color: rgba(var(--rui-warning-main), var(--tw-bg-opacity, 1));
 }
-
 .bg-rui-warning-darker {
   --tw-bg-opacity: 1;
   background-color: rgba(var(--rui-warning-darker), var(--tw-bg-opacity, 1));
 }
-
 .bg-rui-warning-lighter\/30 {
   background-color: rgba(var(--rui-warning-lighter), 0.3);
 }
-
 .bg-rui-warning\/20 {
   background-color: rgba(var(--rui-warning-main), 0.2);
 }
-
 .bg-transparent {
   background-color: transparent;
 }
-
 .bg-white {
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
 }
-
 .bg-opacity-40 {
   --tw-bg-opacity: 0.4;
 }
-
 .bg-gradient-to-r {
   background-image: linear-gradient(to right, var(--tw-gradient-stops));
 }
-
 .bg-gradient-to-t {
   background-image: linear-gradient(to top, var(--tw-gradient-stops));
 }
-
 .bg-hue-spectrum {
   background-image: linear-gradient(to right, red 0%, yellow 16.66%, lime 33.33%, cyan 50%, blue 66.66%, magenta 83.33%, red 100%);
 }
-
 .from-black {
   --tw-gradient-from: #000 var(--tw-gradient-from-position);
   --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
 }
-
 .from-white {
   --tw-gradient-from: #fff var(--tw-gradient-from-position);
   --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
 }
-
 .to-transparent {
   --tw-gradient-to: transparent var(--tw-gradient-to-position);
 }
-
 .stroke-current {
   stroke: currentColor;
 }
-
 .object-cover {
   -o-object-fit: cover;
      object-fit: cover;
 }
-
 .\!p-2 {
   padding: 0.5rem !important;
 }
-
 .p-0 {
   padding: 0px;
 }
-
 .p-1 {
   padding: 0.25rem;
 }
-
 .p-1\.5 {
   padding: 0.375rem;
 }
-
 .p-2 {
   padding: 0.5rem;
 }
-
 .p-3 {
   padding: 0.75rem;
 }
-
 .p-4 {
   padding: 1rem;
 }
-
 .p-8 {
   padding: 2rem;
 }
-
 .p-\[0\.08rem\] {
   padding: 0.08rem;
 }
-
 .p-\[0\.13rem\] {
   padding: 0.13rem;
 }
-
 .p-\[0\.1875rem\] {
   padding: 0.1875rem;
 }
-
 .p-\[0\.5625rem\] {
   padding: 0.5625rem;
 }
-
 .\!px-4 {
   padding-left: 1rem !important;
   padding-right: 1rem !important;
 }
-
 .\!py-0 {
   padding-top: 0px !important;
   padding-bottom: 0px !important;
 }
-
 .\!py-2 {
   padding-top: 0.5rem !important;
   padding-bottom: 0.5rem !important;
 }
-
 .px-0 {
   padding-left: 0px;
   padding-right: 0px;
 }
-
 .px-1 {
   padding-left: 0.25rem;
   padding-right: 0.25rem;
 }
-
 .px-1\.5 {
   padding-left: 0.375rem;
   padding-right: 0.375rem;
 }
-
 .px-2 {
   padding-left: 0.5rem;
   padding-right: 0.5rem;
 }
-
 .px-2\.5 {
   padding-left: 0.625rem;
   padding-right: 0.625rem;
 }
-
 .px-3 {
   padding-left: 0.75rem;
   padding-right: 0.75rem;
 }
-
 .px-4 {
   padding-left: 1rem;
   padding-right: 1rem;
 }
-
 .px-6 {
   padding-left: 1.5rem;
   padding-right: 1.5rem;
 }
-
 .py-0 {
   padding-top: 0px;
   padding-bottom: 0px;
 }
-
 .py-0\.5 {
   padding-top: 0.125rem;
   padding-bottom: 0.125rem;
 }
-
 .py-1 {
   padding-top: 0.25rem;
   padding-bottom: 0.25rem;
 }
-
 .py-1\.5 {
   padding-top: 0.375rem;
   padding-bottom: 0.375rem;
 }
-
 .py-2 {
   padding-top: 0.5rem;
   padding-bottom: 0.5rem;
 }
-
 .py-2\.5 {
   padding-top: 0.625rem;
   padding-bottom: 0.625rem;
 }
-
 .py-3 {
   padding-top: 0.75rem;
   padding-bottom: 0.75rem;
 }
-
 .py-4 {
   padding-top: 1rem;
   padding-bottom: 1rem;
 }
-
 .py-6 {
   padding-top: 1.5rem;
   padding-bottom: 1.5rem;
 }
-
 .py-8 {
   padding-top: 2rem;
   padding-bottom: 2rem;
 }
-
 .py-\[0\.125rem\] {
   padding-top: 0.125rem;
   padding-bottom: 0.125rem;
 }
-
 .py-\[0\.19rem\] {
   padding-top: 0.19rem;
   padding-bottom: 0.19rem;
 }
-
 .py-\[0\.38rem\] {
   padding-top: 0.38rem;
   padding-bottom: 0.38rem;
 }
-
 .\!pt-0 {
   padding-top: 0px !important;
 }
-
 .\!pt-2 {
   padding-top: 0.5rem !important;
 }
-
 .pb-0 {
   padding-bottom: 0px;
 }
-
 .pb-1 {
   padding-bottom: 0.25rem;
 }
-
 .pb-2 {
   padding-bottom: 0.5rem;
 }
-
 .pb-3 {
   padding-bottom: 0.75rem;
 }
-
+.pb-4 {
+  padding-bottom: 1rem;
+}
 .pl-0 {
   padding-left: 0px;
 }
-
 .pl-2 {
   padding-left: 0.5rem;
 }
-
 .pl-3 {
   padding-left: 0.75rem;
 }
-
 .pl-4 {
   padding-left: 1rem;
 }
-
 .pl-8 {
   padding-left: 2rem;
 }
-
 .pr-0 {
   padding-right: 0px;
 }
-
 .pr-1 {
   padding-right: 0.25rem;
 }
-
 .pr-2 {
   padding-right: 0.5rem;
 }
-
 .pr-3 {
   padding-right: 0.75rem;
 }
-
 .pr-4 {
   padding-right: 1rem;
 }
-
 .pr-8 {
   padding-right: 2rem;
 }
-
 .pr-\[var\(--rui-scrollbar-gutter\2c 15px\)\] {
   padding-right: var(--rui-scrollbar-gutter,15px);
 }
-
 .ps-8 {
   padding-inline-start: 2rem;
 }
-
 .pt-0 {
   padding-top: 0px;
 }
-
 .pt-1 {
   padding-top: 0.25rem;
 }
-
 .pt-2 {
   padding-top: 0.5rem;
 }
-
 .pt-3 {
   padding-top: 0.75rem;
 }
-
 .pt-4 {
   padding-top: 1rem;
 }
-
 .pt-5 {
   padding-top: 1.25rem;
 }
-
 .text-left {
   text-align: left;
 }
-
 .text-center {
   text-align: center;
 }
-
 .text-right {
   text-align: right;
 }
-
 .align-middle {
   vertical-align: middle;
 }
-
 .\!text-lg {
   font-size: 1.125rem !important;
   line-height: 1.75rem !important;
 }
-
 .\!text-xs {
   font-size: 0.75rem !important;
   line-height: 1rem !important;
 }
-
 .text-2xl {
   font-size: 1.5rem;
   line-height: 2rem;
 }
-
 .text-4xl {
   font-size: 2.25rem;
   line-height: 2.5rem;
 }
-
 .text-5xl {
   font-size: 3rem;
   line-height: 1;
 }
-
 .text-6xl {
   font-size: 3.75rem;
   line-height: 1;
 }
-
 .text-8xl {
   font-size: 6rem;
   line-height: 1;
 }
-
 .text-\[\.75rem\] {
   font-size: .75rem;
 }
-
 .text-\[\.8125rem\] {
   font-size: .8125rem;
 }
-
 .text-\[0\.5rem\] {
   font-size: 0.5rem;
 }
-
 .text-\[0\.625rem\] {
   font-size: 0.625rem;
 }
-
 .text-\[0\.6875rem\] {
   font-size: 0.6875rem;
 }
-
 .text-\[0\.6rem\] {
   font-size: 0.6rem;
 }
-
 .text-\[0\.75rem\] {
   font-size: 0.75rem;
 }
-
 .text-\[0\.7rem\] {
   font-size: 0.7rem;
 }
-
 .text-\[0\.8125rem\] {
   font-size: 0.8125rem;
 }
-
 .text-\[0\.875rem\] {
   font-size: 0.875rem;
 }
-
 .text-\[1\.25rem\] {
   font-size: 1.25rem;
 }
-
 .text-\[1rem\] {
   font-size: 1rem;
 }
-
 .text-base {
   font-size: 1rem;
   line-height: 1.5rem;
 }
-
 .text-lg {
   font-size: 1.125rem;
   line-height: 1.75rem;
 }
-
 .text-sm {
   font-size: 0.875rem;
   line-height: 1.25rem;
 }
-
 .text-xl {
   font-size: 1.25rem;
   line-height: 1.75rem;
 }
-
 .text-xs {
   font-size: 0.75rem;
   line-height: 1rem;
 }
-
 .font-bold {
   font-weight: 700;
 }
-
 .font-light {
   font-weight: 300;
 }
-
 .font-medium {
   font-weight: 500;
 }
-
 .font-normal {
   font-weight: 400;
 }
-
 .font-semibold {
   font-weight: 600;
 }
-
 .uppercase {
   text-transform: uppercase;
 }
-
 .capitalize {
   text-transform: capitalize;
 }
-
 .tabular-nums {
   --tw-numeric-spacing: tabular-nums;
   font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
 }
-
 .\!leading-tight {
   line-height: 1.25 !important;
 }
-
 .leading-3 {
   line-height: .75rem;
 }
-
 .leading-4 {
   line-height: 1rem;
 }
-
 .leading-5 {
   line-height: 1.25rem;
 }
-
 .leading-6 {
   line-height: 1.5rem;
 }
-
 .leading-\[0\] {
   line-height: 0;
 }
-
 .leading-\[1\.125rem\] {
   line-height: 1.125rem;
 }
-
 .leading-\[1\.5\] {
   line-height: 1.5;
 }
-
 .leading-\[2\.25\] {
   line-height: 2.25;
 }
-
 .leading-\[2\.5\] {
   line-height: 2.5;
 }
-
 .leading-\[3\.2\] {
   line-height: 3.2;
 }
-
 .leading-\[3\.5\] {
   line-height: 3.5;
 }
-
 .leading-\[3\.75\] {
   line-height: 3.75;
 }
-
 .leading-\[3\] {
   line-height: 3;
 }
-
 .leading-none {
   line-height: 1;
 }
-
 .leading-tight {
   line-height: 1.25;
 }
-
 .tracking-wide {
   letter-spacing: 0.025em;
 }
-
 .\!text-rui-dark-text {
   color: var(--rui-dark-text-primary) !important;
 }
-
 .\!text-rui-error {
   --tw-text-opacity: 1 !important;
   color: rgba(var(--rui-error-main), var(--tw-text-opacity, 1)) !important;
 }
-
 .\!text-rui-success {
   --tw-text-opacity: 1 !important;
   color: rgba(var(--rui-success-main), var(--tw-text-opacity, 1)) !important;
 }
-
 .text-black\/\[\.54\] {
   color: rgb(0 0 0 / .54);
 }
-
 .text-black\/\[0\.54\] {
   color: rgb(0 0 0 / 0.54);
 }
-
 .text-current {
   color: currentColor;
 }
-
 .text-gray-400 {
   --tw-text-opacity: 1;
   color: rgb(156 163 175 / var(--tw-text-opacity, 1));
 }
-
 .text-gray-500 {
   --tw-text-opacity: 1;
   color: rgb(107 114 128 / var(--tw-text-opacity, 1));
 }
-
 .text-gray-700 {
   --tw-text-opacity: 1;
   color: rgb(55 65 81 / var(--tw-text-opacity, 1));
 }
-
 .text-gray-800 {
   --tw-text-opacity: 1;
   color: rgb(31 41 55 / var(--tw-text-opacity, 1));
 }
-
 .text-rui-dark-text {
   color: var(--rui-dark-text-primary);
 }
-
 .text-rui-error {
   --tw-text-opacity: 1;
   color: rgba(var(--rui-error-main), var(--tw-text-opacity, 1));
 }
-
 .text-rui-info {
   --tw-text-opacity: 1;
   color: rgba(var(--rui-info-main), var(--tw-text-opacity, 1));
 }
-
 .text-rui-light-text {
   color: var(--rui-light-text-primary);
 }
-
 .text-rui-primary {
   --tw-text-opacity: 1;
   color: rgba(var(--rui-primary-main), var(--tw-text-opacity, 1));
 }
-
 .text-rui-secondary {
   --tw-text-opacity: 1;
   color: rgba(var(--rui-secondary-main), var(--tw-text-opacity, 1));
 }
-
 .text-rui-success {
   --tw-text-opacity: 1;
   color: rgba(var(--rui-success-main), var(--tw-text-opacity, 1));
 }
-
 .text-rui-text {
   color: var(--rui-text-primary);
 }
-
 .text-rui-text-disabled {
   color: var(--rui-text-disabled);
 }
-
 .text-rui-text-secondary {
   color: var(--rui-text-secondary);
 }
-
 .text-rui-warning {
   --tw-text-opacity: 1;
   color: rgba(var(--rui-warning-main), var(--tw-text-opacity, 1));
 }
-
 .text-white {
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity, 1));
 }
-
 .underline {
   text-decoration-line: underline;
 }
-
 .\!opacity-100 {
   opacity: 1 !important;
 }
-
 .opacity-0 {
   opacity: 0;
 }
-
 .opacity-100 {
   opacity: 1;
 }
-
 .opacity-20 {
   opacity: 0.2;
 }
-
 .opacity-40 {
   opacity: 0.4;
 }
-
 .opacity-50 {
   opacity: 0.5;
 }
-
 .opacity-60 {
   opacity: 0.6;
 }
-
 .opacity-65 {
   opacity: 0.65;
 }
-
 .opacity-80 {
   opacity: 0.8;
 }
-
 .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);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
-
 .shadow-1 {
   --tw-shadow: 0px 2px 1px -1px var(--rui-shadow-primary), 0px 1px 1px var(--rui-shadow-secondary), 0px 1px 3px var(--rui-shadow-tertiary);
   --tw-shadow-colored: 0px 2px 1px -1px var(--tw-shadow-color), 0px 1px 1px var(--tw-shadow-color), 0px 1px 3px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
-
 .shadow-10 {
   --tw-shadow: 0px 6px 6px -3px var(--rui-shadow-primary), 0px 10px 14px 1px var(--rui-shadow-secondary), 0px 4px 18px 3px var(--rui-shadow-tertiary);
   --tw-shadow-colored: 0px 6px 6px -3px var(--tw-shadow-color), 0px 10px 14px 1px var(--tw-shadow-color), 0px 4px 18px 3px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
-
 .shadow-11 {
   --tw-shadow: 0px 6px 7px -4px var(--rui-shadow-primary), 0px 11px 15px 1px var(--rui-shadow-secondary), 0px 4px 20px 3px var(--rui-shadow-tertiary);
   --tw-shadow-colored: 0px 6px 7px -4px var(--tw-shadow-color), 0px 11px 15px 1px var(--tw-shadow-color), 0px 4px 20px 3px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
-
 .shadow-12 {
   --tw-shadow: 0px 7px 8px -4px var(--rui-shadow-primary), 0px 12px 17px 2px var(--rui-shadow-secondary), 0px 5px 22px 4px var(--rui-shadow-tertiary);
   --tw-shadow-colored: 0px 7px 8px -4px var(--tw-shadow-color), 0px 12px 17px 2px var(--tw-shadow-color), 0px 5px 22px 4px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
-
 .shadow-13 {
   --tw-shadow: 0px 7px 8px -4px var(--rui-shadow-primary), 0px 13px 19px 2px var(--rui-shadow-secondary), 0px 5px 24px 4px var(--rui-shadow-tertiary);
   --tw-shadow-colored: 0px 7px 8px -4px var(--tw-shadow-color), 0px 13px 19px 2px var(--tw-shadow-color), 0px 5px 24px 4px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
-
 .shadow-14 {
   --tw-shadow: 0px 7px 9px -4px var(--rui-shadow-primary), 0px 14px 21px 2px var(--rui-shadow-secondary), 0px 5px 26px 4px var(--rui-shadow-tertiary);
   --tw-shadow-colored: 0px 7px 9px -4px var(--tw-shadow-color), 0px 14px 21px 2px var(--tw-shadow-color), 0px 5px 26px 4px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
-
 .shadow-15 {
   --tw-shadow: 0px 8px 9px -5px var(--rui-shadow-primary), 0px 15px 22px 2px var(--rui-shadow-secondary), 0px 6px 28px 5px var(--rui-shadow-tertiary);
   --tw-shadow-colored: 0px 8px 9px -5px var(--tw-shadow-color), 0px 15px 22px 2px var(--tw-shadow-color), 0px 6px 28px 5px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
-
 .shadow-16 {
   --tw-shadow: 0px 8px 10px -5px var(--rui-shadow-primary), 0px 16px 24px 2px var(--rui-shadow-secondary), 0px 6px 30px 5px var(--rui-shadow-tertiary);
   --tw-shadow-colored: 0px 8px 10px -5px var(--tw-shadow-color), 0px 16px 24px 2px var(--tw-shadow-color), 0px 6px 30px 5px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
-
 .shadow-17 {
   --tw-shadow: 0px 8px 11px -5px var(--rui-shadow-primary), 0px 17px 26px 2px var(--rui-shadow-secondary), 0px 6px 32px 5px var(--rui-shadow-tertiary);
   --tw-shadow-colored: 0px 8px 11px -5px var(--tw-shadow-color), 0px 17px 26px 2px var(--tw-shadow-color), 0px 6px 32px 5px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
-
 .shadow-18 {
   --tw-shadow: 0px 9px 11px -5px var(--rui-shadow-primary), 0px 18px 28px 2px var(--rui-shadow-secondary), 0px 7px 34px 6px var(--rui-shadow-tertiary);
   --tw-shadow-colored: 0px 9px 11px -5px var(--tw-shadow-color), 0px 18px 28px 2px var(--tw-shadow-color), 0px 7px 34px 6px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
-
 .shadow-19 {
   --tw-shadow: 0px 9px 12px -6px var(--rui-shadow-primary), 0px 19px 29px 2px var(--rui-shadow-secondary), 0px 7px 36px 6px var(--rui-shadow-tertiary);
   --tw-shadow-colored: 0px 9px 12px -6px var(--tw-shadow-color), 0px 19px 29px 2px var(--tw-shadow-color), 0px 7px 36px 6px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
-
 .shadow-2 {
   --tw-shadow: 0px 3px 1px -2px var(--rui-shadow-primary), 0px 2px 2px var(--rui-shadow-secondary), 0px 1px 5px var(--rui-shadow-tertiary);
   --tw-shadow-colored: 0px 3px 1px -2px var(--tw-shadow-color), 0px 2px 2px var(--tw-shadow-color), 0px 1px 5px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
-
 .shadow-20 {
   --tw-shadow: 0px 10px 13px -6px var(--rui-shadow-primary), 0px 20px 31px 3px var(--rui-shadow-secondary), 0px 8px 38px 7px var(--rui-shadow-tertiary);
   --tw-shadow-colored: 0px 10px 13px -6px var(--tw-shadow-color), 0px 20px 31px 3px var(--tw-shadow-color), 0px 8px 38px 7px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
-
 .shadow-21 {
   --tw-shadow: 0px 10px 13px -6px var(--rui-shadow-primary), 0px 21px 33px 3px var(--rui-shadow-secondary), 0px 8px 40px 7px var(--rui-shadow-tertiary);
   --tw-shadow-colored: 0px 10px 13px -6px var(--tw-shadow-color), 0px 21px 33px 3px var(--tw-shadow-color), 0px 8px 40px 7px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
-
 .shadow-22 {
   --tw-shadow: 0px 10px 14px -6px var(--rui-shadow-primary), 0px 22px 35px 3px var(--rui-shadow-secondary), 0px 8px 42px 7px var(--rui-shadow-tertiary);
   --tw-shadow-colored: 0px 10px 14px -6px var(--tw-shadow-color), 0px 22px 35px 3px var(--tw-shadow-color), 0px 8px 42px 7px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
-
 .shadow-23 {
   --tw-shadow: 0px 11px 14px -7px var(--rui-shadow-primary), 0px 23px 36px 3px var(--rui-shadow-secondary), 0px 9px 44px 8px var(--rui-shadow-tertiary);
   --tw-shadow-colored: 0px 11px 14px -7px var(--tw-shadow-color), 0px 23px 36px 3px var(--tw-shadow-color), 0px 9px 44px 8px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
-
 .shadow-24 {
   --tw-shadow: 0px 11px 15px -7px var(--rui-shadow-primary), 0px 24px 38px 3px var(--rui-shadow-secondary), 0px 9px 46px 8px var(--rui-shadow-tertiary);
   --tw-shadow-colored: 0px 11px 15px -7px var(--tw-shadow-color), 0px 24px 38px 3px var(--tw-shadow-color), 0px 9px 46px 8px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
-
 .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);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
-
 .shadow-3 {
   --tw-shadow: 0px 3px 3px -2px var(--rui-shadow-primary), 0px 3px 4px var(--rui-shadow-secondary), 0px 1px 8px var(--rui-shadow-tertiary);
   --tw-shadow-colored: 0px 3px 3px -2px var(--tw-shadow-color), 0px 3px 4px var(--tw-shadow-color), 0px 1px 8px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
-
 .shadow-4 {
   --tw-shadow: 0px 2px 4px -1px var(--rui-shadow-primary), 0px 4px 5px var(--rui-shadow-secondary), 0px 1px 10px var(--rui-shadow-tertiary);
   --tw-shadow-colored: 0px 2px 4px -1px var(--tw-shadow-color), 0px 4px 5px var(--tw-shadow-color), 0px 1px 10px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
-
 .shadow-5 {
   --tw-shadow: 0px 3px 5px -1px var(--rui-shadow-primary), 0px 5px 8px var(--rui-shadow-secondary), 0px 1px 14px var(--rui-shadow-tertiary);
   --tw-shadow-colored: 0px 3px 5px -1px var(--tw-shadow-color), 0px 5px 8px var(--tw-shadow-color), 0px 1px 14px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
-
 .shadow-6 {
   --tw-shadow: 0px 3px 5px -1px var(--rui-shadow-primary), 0px 6px 10px var(--rui-shadow-secondary), 0px 1px 18px var(--rui-shadow-tertiary);
   --tw-shadow-colored: 0px 3px 5px -1px var(--tw-shadow-color), 0px 6px 10px var(--tw-shadow-color), 0px 1px 18px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
-
 .shadow-7 {
   --tw-shadow: 0px 4px 5px -2px var(--rui-shadow-primary), 0px 7px 10px 1px var(--rui-shadow-secondary), 0px 2px 16px 1px var(--rui-shadow-tertiary);
   --tw-shadow-colored: 0px 4px 5px -2px var(--tw-shadow-color), 0px 7px 10px 1px var(--tw-shadow-color), 0px 2px 16px 1px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
-
 .shadow-8 {
   --tw-shadow: 0px 5px 5px -3px var(--rui-shadow-primary), 0px 8px 10px 1px var(--rui-shadow-secondary), 0px 3px 14px 2px var(--rui-shadow-tertiary);
   --tw-shadow-colored: 0px 5px 5px -3px var(--tw-shadow-color), 0px 8px 10px 1px var(--tw-shadow-color), 0px 3px 14px 2px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
-
 .shadow-9 {
   --tw-shadow: 0px 5px 6px -3px var(--rui-shadow-primary), 0px 9px 12px 1px var(--rui-shadow-secondary), 0px 3px 16px 2px var(--rui-shadow-tertiary);
   --tw-shadow-colored: 0px 5px 6px -3px var(--tw-shadow-color), 0px 9px 12px 1px var(--tw-shadow-color), 0px 3px 16px 2px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
-
 .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);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
-
 .shadow-sm {
   --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
   --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
-
 .outline-none {
   outline: 2px solid transparent;
   outline-offset: 2px;
 }
-
 .outline {
   outline-style: solid;
 }
-
 .outline-0 {
   outline-width: 0px;
 }
-
 .outline-1 {
   outline-width: 1px;
 }
-
 .outline-offset-\[-1px\] {
   outline-offset: -1px;
 }
-
 .outline-black\/\[0\.23\] {
   outline-color: rgb(0 0 0 / 0.23);
 }
-
 .outline-rui-error\/\[0\.5\] {
   outline-color: rgba(var(--rui-error-main), 0.5);
 }
-
 .outline-rui-info\/\[0\.5\] {
   outline-color: rgba(var(--rui-info-main), 0.5);
 }
-
 .outline-rui-primary\/\[0\.5\] {
   outline-color: rgba(var(--rui-primary-main), 0.5);
 }
-
 .outline-rui-secondary\/\[0\.5\] {
   outline-color: rgba(var(--rui-secondary-main), 0.5);
 }
-
 .outline-rui-success\/\[0\.5\] {
   outline-color: rgba(var(--rui-success-main), 0.5);
 }
-
 .outline-rui-warning\/\[0\.5\] {
   outline-color: rgba(var(--rui-warning-main), 0.5);
 }
-
 .outline-transparent {
   outline-color: transparent;
 }
-
 .ring-2 {
   --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
 }
-
 .ring-rui-error\/40 {
   --tw-ring-color: rgba(var(--rui-error-main), 0.4);
 }
-
 .ring-rui-grey-400 {
   --tw-ring-opacity: 1;
   --tw-ring-color: rgba(var(--rui-grey-400), var(--tw-ring-opacity, 1));
 }
-
 .ring-rui-info\/40 {
   --tw-ring-color: rgba(var(--rui-info-main), 0.4);
 }
-
 .ring-rui-primary\/40 {
   --tw-ring-color: rgba(var(--rui-primary-main), 0.4);
 }
-
 .ring-rui-secondary\/40 {
   --tw-ring-color: rgba(var(--rui-secondary-main), 0.4);
 }
-
 .ring-rui-success\/40 {
   --tw-ring-color: rgba(var(--rui-success-main), 0.4);
 }
-
 .ring-rui-warning\/40 {
   --tw-ring-color: rgba(var(--rui-warning-main), 0.4);
 }
-
 .ring-white {
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1));
 }
-
 .blur {
   --tw-blur: blur(8px);
   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);
 }
-
 .drop-shadow-2xl {
   --tw-drop-shadow: drop-shadow(0 25px 25px rgb(0 0 0 / 0.15));
   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);
 }
-
 .drop-shadow-lg {
   --tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / 0.04)) drop-shadow(0 4px 3px rgb(0 0 0 / 0.1));
   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 {
   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);
 }
-
 .backdrop-blur {
   --tw-backdrop-blur: blur(8px);
   backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
 }
-
 .transition {
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
 }
-
 .transition-\[transform\2c width\] {
   transition-property: transform,width;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
 }
-
 .transition-all {
   transition-property: all;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
 }
-
 .transition-colors {
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
 }
-
 .transition-opacity {
   transition-property: opacity;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
 }
-
 .transition-transform {
   transition-property: transform;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
 }
-
 .delay-200 {
   transition-delay: 200ms;
 }
-
 .duration-100 {
   transition-duration: 100ms;
 }
-
 .duration-150 {
   transition-duration: 150ms;
 }
-
 .duration-200 {
   transition-duration: 200ms;
 }
-
 .duration-300 {
   transition-duration: 300ms;
 }
-
 .duration-75 {
   transition-duration: 75ms;
 }
-
 .ease-in {
   transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
 }
-
 .ease-in-out {
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
 }
-
 .ease-linear {
   transition-timing-function: linear;
 }
-
 .ease-out {
   transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
 }
-
 .border-default {
   border-color: rgb(var(--rui-grey-200));
 }
-
 .dark .border-default {
   border-color: rgb(var(--rui-grey-800));
 }
-
 .text-body-1 {
   font-size: 1rem;
   line-height: 1.5rem;
 }
-
 .text-body-2 {
   font-size: 0.875rem;
   line-height: 1.25rem;
 }
-
 .text-caption {
   font-size: 0.75rem;
   line-height: 1.25rem;
 }
-
 .text-h1 {
   font-size: 6rem;
   line-height: 1;
   font-weight: 300;
   line-height: 7rem;
 }
-
 .text-h2 {
   font-size: 3.75rem;
   line-height: 1;
   font-weight: 300;
   line-height: 4.5rem;
 }
-
 .text-h3 {
   font-size: 3rem;
   line-height: 1;
   line-height: 3.5rem;
 }
-
 .text-h4 {
   font-size: 2.25rem;
   font-weight: 600;
   line-height: 2.625rem;
 }
-
 .text-h5 {
   font-size: 1.5rem;
   line-height: 2rem;
 }
-
 .text-h6 {
   font-size: 1.25rem;
   font-weight: 500;
   line-height: 2rem;
 }
-
 .text-overline {
   font-size: 0.75rem;
   text-transform: uppercase;
   line-height: 2rem;
 }
-
 .text-subtitle-1 {
   font-size: 1rem;
   line-height: 1.75rem;
 }
-
 .text-subtitle-2 {
   font-size: 0.875rem;
   font-weight: 500;
   line-height: 1.25rem;
 }
-
 .bg-tint-\[\.9\] {
   animation: bg-tint 1s calc(.9 * -1s) linear forwards paused;
 }
-
 .text-shade-\[\.6\] {
   animation: text-shade 1s calc(.6 * -1s) linear forwards paused;
 }
-
-/* Chrome, Safari and Opera */
-
-.no-scrollbar::-webkit-scrollbar {
+  /* Chrome, Safari and Opera */
+  .no-scrollbar::-webkit-scrollbar {
     display: none;
   }
 
-.no-scrollbar {
+  .no-scrollbar {
     -ms-overflow-style: none; /* IE and Edge */
     scrollbar-width: none; /* Firefox */
   }
-
 .\!\[--rui-icon-size\:0\.75rem\] {
   --rui-icon-size: 0.75rem !important;
 }
-
 .\!\[--rui-icon-size\:0\.875rem\] {
   --rui-icon-size: 0.875rem !important;
 }
-
 .\[--rui-icon-size\:1\.125rem\] {
   --rui-icon-size: 1.125rem;
 }
-
 .\!\[--rui-icon-size\:1\.25rem\] {
   --rui-icon-size: 1.25rem !important;
 }
-
 .\!\[--rui-icon-size\:1\.375rem\] {
   --rui-icon-size: 1.375rem !important;
 }
-
 .\!\[--rui-icon-size\:1\.5rem\] {
   --rui-icon-size: 1.5rem !important;
 }
-
 .\!\[--rui-icon-size\:1\.75rem\] {
   --rui-icon-size: 1.75rem !important;
 }
-
 .\!\[--rui-icon-size\:1rem\] {
   --rui-icon-size: 1rem !important;
 }
-
 .\[--x-padding\:1rem\] {
   --x-padding: 1rem;
 }
-
 .\[clip-path\:inset\(0_0_0_0\)\] {
   clip-path: inset(0 0 0 0);
 }
-
 .\[clip-path\:none\] {
   clip-path: none;
 }
-
 .\[flex\:1_1_0\] {
   flex: 1 1 0;
 }
-
 .\[font\:inherit\] {
   font: inherit;
 }
-
 .\[max-width\:calc\(100\%-1rem\)\] {
   max-width: calc(100% - 1rem);
 }
-
 .\[max-width\:calc\(100\%-2\.5rem\)\] {
   max-width: calc(100% - 2.5rem);
 }
-
 .\[padding-left\:calc\(var\(--x-padding\2c 0px\)\+var\(--prepend-w\2c 0px\)\)\] {
   padding-left: calc(var(--x-padding,0px) + var(--prepend-w,0px));
 }
-
 .\[padding-left\:var\(--x-padding\2c 0px\)\] {
   padding-left: var(--x-padding,0px);
 }
-
 .\[padding-right\:calc\(var\(--x-padding\2c 0px\)\+var\(--append-w\2c 0px\)\)\] {
   padding-right: calc(var(--x-padding,0px) + var(--append-w,0px));
 }
-
 .\[padding-right\:calc\(var\(--x-padding\2c 1rem\)\+var\(--append-w\2c 0px\)\)\] {
   padding-right: calc(var(--x-padding,1rem) + var(--append-w,0px));
 }
-
 .\[padding-right\:var\(--x-padding\2c 0px\)\] {
   padding-right: var(--x-padding,0px);
 }
-
 .\[stroke-dasharray\:80px\2c 200px\] {
   stroke-dasharray: 80px,200px;
 }
-
 .\[stroke-linecap\:round\] {
   stroke-linecap: round;
 }
-
 .\[text-wrap\:initial\] {
   text-wrap: initial;
 }
-
 .\[transform-origin\:0_50\%\] {
   transform-origin: 0 50%;
 }