diff --git a/src/ui/static/css/dashboard.css b/src/ui/static/css/dashboard.css index 788a6534a..e223b3df3 100644 --- a/src/ui/static/css/dashboard.css +++ b/src/ui/static/css/dashboard.css @@ -1,3542 +1 @@ -/* -! tailwindcss v3.1.8 | 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) -*/ - -*, -::before, -::after { - box-sizing: border-box; - /* 1 */ - border-width: 0; - /* 2 */ - border-style: solid; - /* 2 */ - border-color: #e9ecef; - /* 2 */ -} - -::before, -::after { - --tw-content: ''; -} - -/* -1. Use a consistent sensible line-height in all browsers. -2. Prevent adjustments of font size after orientation changes in iOS. -3. Use a more readable tab size. -4. Use the user's configured `sans` font-family by default. -*/ - -html { - line-height: 1.5; - /* 1 */ - -webkit-text-size-adjust: 100%; - /* 2 */ - -moz-tab-size: 4; - /* 3 */ - -o-tab-size: 4; - tab-size: 4; - /* 3 */ - font-family: Open Sans; - /* 4 */ -} - -/* -1. Remove the margin in all browsers. -2. Inherit line-height from `html` so users can set them as a class directly on the `html` element. -*/ - -body { - margin: 0; - /* 1 */ - line-height: inherit; - /* 2 */ -} - -/* -1. Add the correct height in Firefox. -2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655) -3. Ensure horizontal rules are visible by default. -*/ - -hr { - height: 0; - /* 1 */ - color: inherit; - /* 2 */ - border-top-width: 1px; - /* 3 */ -} - -/* -Add the correct text decoration in Chrome, Edge, and Safari. -*/ - -abbr:where([title]) { - -webkit-text-decoration: underline dotted; - text-decoration: underline dotted; -} - -/* -Remove the default font size and weight for headings. -*/ - -h1, -h2, -h3, -h4, -h5, -h6 { - font-size: inherit; - font-weight: inherit; -} - -/* -Reset links to optimize for opt-in styling instead of opt-out. -*/ - -a { - color: inherit; - text-decoration: inherit; -} - -/* -Add the correct font weight in Edge and Safari. -*/ - -b, -strong { - font-weight: bolder; -} - -/* -1. Use the user's configured `mono` font family by default. -2. Correct the odd `em` font sizing in all browsers. -*/ - -code, -kbd, -samp, -pre { - font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; - /* 1 */ - font-size: 1em; - /* 2 */ -} - -/* -Add the correct font size in all browsers. -*/ - -small { - font-size: 80%; -} - -/* -Prevent `sub` and `sup` elements from affecting the line height in all browsers. -*/ - -sub, -sup { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; -} - -sub { - bottom: -0.25em; -} - -sup { - top: -0.5em; -} - -/* -1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297) -2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016) -3. Remove gaps between table borders by default. -*/ - -table { - text-indent: 0; - /* 1 */ - border-color: inherit; - /* 2 */ - border-collapse: collapse; - /* 3 */ -} - -/* -1. Change the font styles in all browsers. -2. Remove the margin in Firefox and Safari. -3. Remove default padding in all browsers. -*/ - -button, -input, -optgroup, -select, -textarea { - font-family: inherit; - /* 1 */ - font-size: 100%; - /* 1 */ - font-weight: inherit; - /* 1 */ - line-height: inherit; - /* 1 */ - color: inherit; - /* 1 */ - margin: 0; - /* 2 */ - padding: 0; - /* 3 */ -} - -/* -Remove the inheritance of text transform in Edge and Firefox. -*/ - -button, -select { - text-transform: none; -} - -/* -1. Correct the inability to style clickable types in iOS and Safari. -2. Remove default button styles. -*/ - -button, -[type='button'], -[type='reset'], -[type='submit'] { - -webkit-appearance: button; - /* 1 */ - background-color: transparent; - /* 2 */ - background-image: none; - /* 2 */ -} - -/* -Use the modern Firefox focus style for all focusable elements. -*/ - -:-moz-focusring { - outline: auto; -} - -/* -Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737) -*/ - -:-moz-ui-invalid { - box-shadow: none; -} - -/* -Add the correct vertical alignment in Chrome and Firefox. -*/ - -progress { - vertical-align: baseline; -} - -/* -Correct the cursor style of increment and decrement buttons in Safari. -*/ - -::-webkit-inner-spin-button, -::-webkit-outer-spin-button { - height: auto; -} - -/* -1. Correct the odd appearance in Chrome and Safari. -2. Correct the outline style in Safari. -*/ - -[type='search'] { - -webkit-appearance: textfield; - /* 1 */ - outline-offset: -2px; - /* 2 */ -} - -/* -Remove the inner padding in Chrome and Safari on macOS. -*/ - -::-webkit-search-decoration { - -webkit-appearance: none; -} - -/* -1. Correct the inability to style clickable types in iOS and Safari. -2. Change font properties to `inherit` in Safari. -*/ - -::-webkit-file-upload-button { - -webkit-appearance: button; - /* 1 */ - font: inherit; - /* 2 */ -} - -/* -Add the correct display in Chrome and Safari. -*/ - -summary { - display: list-item; -} - -/* -Removes the default spacing and border for appropriate elements. -*/ - -blockquote, -dl, -dd, -h1, -h2, -h3, -h4, -h5, -h6, -hr, -figure, -p, -pre { - margin: 0; -} - -fieldset { - margin: 0; - padding: 0; -} - -legend { - padding: 0; -} - -ol, -ul, -menu { - list-style: none; - margin: 0; - padding: 0; -} - -/* -Prevent resizing textareas horizontally by default. -*/ - -textarea { - resize: vertical; -} - -/* -1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300) -2. Set the default placeholder color to the user's configured gray 400 color. -*/ - -input::-moz-placeholder, textarea::-moz-placeholder { - opacity: 1; - /* 1 */ - color: #ced4da; - /* 2 */ -} - -input::placeholder, -textarea::placeholder { - opacity: 1; - /* 1 */ - color: #ced4da; - /* 2 */ -} - -/* -Set the default cursor for buttons. -*/ - -button, -[role="button"] { - cursor: pointer; -} - -/* -Make sure disabled buttons don't get the pointer cursor. -*/ - -:disabled { - cursor: default; -} - -/* -1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14) -2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210) - This can trigger a poorly considered lint error in some tools but is included by design. -*/ - -img, -svg, -video, -canvas, -audio, -iframe, -embed, -object { - display: block; - /* 1 */ - vertical-align: middle; - /* 2 */ -} - -/* -Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14) -*/ - -img, -video { - max-width: 100%; - height: auto; -} - -*, ::before, ::after { - --tw-border-spacing-x: 0; - --tw-border-spacing-y: 0; - --tw-translate-x: 0; - --tw-translate-y: 0; - --tw-rotate: 0; - --tw-skew-x: 0; - --tw-skew-y: 0; - --tw-scale-x: 1; - --tw-scale-y: 1; - --tw-pan-x: ; - --tw-pan-y: ; - --tw-pinch-zoom: ; - --tw-scroll-snap-strictness: proximity; - --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(94 114 228 / 0.5); - --tw-ring-offset-shadow: 0 0 #0000; - --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: ; -} - -::-webkit-backdrop { - --tw-border-spacing-x: 0; - --tw-border-spacing-y: 0; - --tw-translate-x: 0; - --tw-translate-y: 0; - --tw-rotate: 0; - --tw-skew-x: 0; - --tw-skew-y: 0; - --tw-scale-x: 1; - --tw-scale-y: 1; - --tw-pan-x: ; - --tw-pan-y: ; - --tw-pinch-zoom: ; - --tw-scroll-snap-strictness: proximity; - --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(94 114 228 / 0.5); - --tw-ring-offset-shadow: 0 0 #0000; - --tw-ring-shadow: 0 0 #0000; - --tw-shadow: 0 0 #0000; - --tw-shadow-colored: 0 0 #0000; - --tw-blur: ; - --tw-brightness: ; - --tw-contrast: ; - --tw-grayscale: ; - --tw-hue-rotate: ; - --tw-invert: ; - --tw-saturate: ; - --tw-sepia: ; - --tw-drop-shadow: ; - --tw-backdrop-blur: ; - --tw-backdrop-brightness: ; - --tw-backdrop-contrast: ; - --tw-backdrop-grayscale: ; - --tw-backdrop-hue-rotate: ; - --tw-backdrop-invert: ; - --tw-backdrop-opacity: ; - --tw-backdrop-saturate: ; - --tw-backdrop-sepia: ; -} - -::backdrop { - --tw-border-spacing-x: 0; - --tw-border-spacing-y: 0; - --tw-translate-x: 0; - --tw-translate-y: 0; - --tw-rotate: 0; - --tw-skew-x: 0; - --tw-skew-y: 0; - --tw-scale-x: 1; - --tw-scale-y: 1; - --tw-pan-x: ; - --tw-pan-y: ; - --tw-pinch-zoom: ; - --tw-scroll-snap-strictness: proximity; - --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(94 114 228 / 0.5); - --tw-ring-offset-shadow: 0 0 #0000; - --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: ; -} - -.container { - width: 100%; - margin-right: auto; - margin-left: auto; - padding-right: 1.5rem; - padding-left: 1.5rem; -} - -.\!container { - width: 100% !important; - margin-right: auto !important; - margin-left: auto !important; - padding-right: 1.5rem !important; - padding-left: 1.5rem !important; -} - -@media (min-width: 576px) { - .container { - max-width: 576px; - } - - .\!container { - max-width: 576px !important; - } -} - -@media (min-width: 768px) { - .container { - max-width: 768px; - } - - .\!container { - max-width: 768px !important; - } -} - -@media (min-width: 992px) { - .container { - max-width: 992px; - } - - .\!container { - max-width: 992px !important; - } -} - -@media (min-width: 1200px) { - .container { - max-width: 1200px; - } - - .\!container { - max-width: 1200px !important; - } -} - -@media (min-width: 1320px) { - .container { - max-width: 1320px; - } - - .\!container { - max-width: 1320px !important; - } -} - -@media (min-width: 1920px) { - .container { - max-width: 1920px; - } - - .\!container { - max-width: 1920px !important; - } -} - -a { - letter-spacing: -0.025rem; -} - -hr { - margin: 1rem 0; - border: 0; - opacity: .25; -} - -img { - max-width: none; -} - -label { - display: inline-block; -} - -p { - line-height: 1.625; - font-weight: 400; - margin-bottom: 1rem; -} - -small { - font-size: .875em; -} - -svg { - display: inline; -} - -table { - border-collapse: inherit; -} - -h1, h2, h3, h4, h5, h6 { - margin-bottom: .5rem; - color: #344767; -} - -h1, h2, h3, h4 { - letter-spacing: -0.05rem; -} - -h1, h2, h3 { - font-weight: 700; -} - -h4, h5, h6 { - font-weight: 600; -} - -h1 { - font-size: 3rem; - line-height: 1.25; -} - -h2 { - font-size: 2.25rem; - line-height: 1.3; -} - -h3 { - font-size: 1.875rem; - line-height: 1.375; -} - -h4 { - font-size: 1.5rem; - line-height: 1.375; -} - -h5 { - font-size: 1.25rem; - line-height: 1.375; -} - -h6 { - font-size: 1rem; - line-height: 1.625; -} - -.pointer-events-none { - pointer-events: none; -} - -.visible { - visibility: visible; -} - -.invisible { - visibility: hidden; -} - -.static { - position: static; -} - -.fixed { - position: fixed; -} - -.absolute { - position: absolute; -} - -.relative { - position: relative; -} - -.inset-y-0 { - top: 0px; - bottom: 0px; -} - -.left-3 { - left: 0.75rem; -} - -.top-5 { - top: 1.25rem; -} - -.top-0 { - top: 0px; -} - -.-right-1 { - right: -0.25rem; -} - -.right-0 { - right: 0px; -} - -.left-0 { - left: 0px; -} - -.top-2 { - top: 0.5rem; -} - -.right-19 { - right: 4.75rem; -} - -.bottom-0 { - bottom: 0px; -} - -.-right-0 { - right: -0px; -} - -.left-auto { - left: auto; -} - -.top-4 { - top: 1rem; -} - -.right-4 { - right: 1rem; -} - -.right-8 { - right: 2rem; -} - -.right-7 { - right: 1.75rem; -} - -.top-1\.5 { - top: 0.375rem; -} - -.top-1 { - top: 0.25rem; -} - -.right-5 { - right: 1.25rem; -} - -.top-16 { - top: 4rem; -} - -.right-2 { - right: 0.5rem; -} - -.top-\[60px\] { - top: 60px; -} - -.z-100 { - z-index: 100; -} - -.z-\[10000\] { - z-index: 10000; -} - -.z-110 { - z-index: 110; -} - -.z-\[1001\] { - z-index: 1001; -} - -.z-990 { - z-index: 990; -} - -.z-sticky { - z-index: 1020; -} - -.z-20 { - z-index: 20; -} - -.-z-10 { - z-index: -10; -} - -.z-10 { - z-index: 10; -} - -.z-\[1000\] { - z-index: 1000; -} - -.z-50 { - z-index: 50; -} - -.z-\[20\] { - z-index: 20; -} - -.order-2 { - order: 2; -} - -.order-1 { - order: 1; -} - -.col-span-12 { - grid-column: span 12 / span 12; -} - -.col-span-1 { - grid-column: span 1 / span 1; -} - -.col-span-3 { - grid-column: span 3 / span 3; -} - -.col-span-2 { - grid-column: span 2 / span 2; -} - -.col-span-9 { - grid-column: span 9 / span 9; -} - -.float-right { - float: right; -} - -.float-left { - float: left; -} - -.m-0 { - margin: 0px; -} - -.m-2 { - margin: 0.5rem; -} - -.m-4 { - margin: 1rem; -} - -.my-2 { - margin-top: 0.5rem; - margin-bottom: 0.5rem; -} - -.mx-2 { - margin-left: 0.5rem; - margin-right: 0.5rem; -} - -.my-0 { - margin-top: 0px; - margin-bottom: 0px; -} - -.mx-auto { - margin-left: auto; - margin-right: auto; -} - -.my-3 { - margin-top: 0.75rem; - margin-bottom: 0.75rem; -} - -.mx-6 { - margin-left: 1.5rem; - margin-right: 1.5rem; -} - -.mx-0\.5 { - margin-left: 0.125rem; - margin-right: 0.125rem; -} - -.mx-0 { - margin-left: 0px; - margin-right: 0px; -} - -.mx-1 { - margin-left: 0.25rem; - margin-right: 0.25rem; -} - -.my-4 { - margin-top: 1rem; - margin-bottom: 1rem; -} - -.my-1 { - margin-top: 0.25rem; - margin-bottom: 0.25rem; -} - -.mx-4 { - margin-left: 1rem; - margin-right: 1rem; -} - -.mx-2\.5 { - margin-left: 0.625rem; - margin-right: 0.625rem; -} - -.mx-3 { - margin-left: 0.75rem; - margin-right: 0.75rem; -} - -.mb-2 { - margin-bottom: 0.5rem; -} - -.mr-2 { - margin-right: 0.5rem; -} - -.mb-3 { - margin-bottom: 0.75rem; -} - -.mb-0 { - margin-bottom: 0px; -} - -.ml-12 { - margin-left: 3rem; -} - -.mr-7 { - margin-right: 1.75rem; -} - -.ml-4 { - margin-left: 1rem; -} - -.mt-4 { - margin-top: 1rem; -} - -.mr-3 { - margin-right: 0.75rem; -} - -.mb-1 { - margin-bottom: 0.25rem; -} - -.mt-6 { - margin-top: 1.5rem; -} - -.mb-4 { - margin-bottom: 1rem; -} - -.mt-2 { - margin-top: 0.5rem; -} - -.mt-3 { - margin-top: 0.75rem; -} - -.ml-2 { - margin-left: 0.5rem; -} - -.mt-8 { - margin-top: 2rem; -} - -.mr-12 { - margin-right: 3rem; -} - -.ml-3 { - margin-left: 0.75rem; -} - -.mb-6 { - margin-bottom: 1.5rem; -} - -.ml-1 { - margin-left: 0.25rem; -} - -.ml-6 { - margin-left: 1.5rem; -} - -.mb-8 { - margin-bottom: 2rem; -} - -.mb-7 { - margin-bottom: 1.75rem; -} - -.mt-1 { - margin-top: 0.25rem; -} - -.mt-0 { - margin-top: 0px; -} - -.mt-0\.5 { - margin-top: 0.125rem; -} - -.ml-0 { - margin-left: 0px; -} - -.ml-auto { - margin-left: auto; -} - -.mr-6 { - margin-right: 1.5rem; -} - -.mt-10 { - margin-top: 2.5rem; -} - -.mr-1 { - margin-right: 0.25rem; -} - -.mr-4 { - margin-right: 1rem; -} - -.block { - display: block; -} - -.inline-block { - display: inline-block; -} - -.inline { - display: inline; -} - -.flex { - display: flex; -} - -.grid { - display: grid; -} - -.hidden { - display: none; -} - -.h-full { - height: 100%; -} - -.h-screen { - height: 100vh; -} - -.h-12 { - height: 3rem; -} - -.h-6 { - height: 1.5rem; -} - -.h-8 { - height: 2rem; -} - -.h-10 { - height: 2.5rem; -} - -.h-48 { - height: 12rem; -} - -.h-5 { - height: 1.25rem; -} - -.h-4 { - height: 1rem; -} - -.h-3 { - height: 0.75rem; -} - -.h-19 { - height: 4.75rem; -} - -.h-px { - height: 1px; -} - -.h-sidenav { - height: calc(100vh - 360px); -} - -.h-5\.5 { - height: 1.375rem; -} - -.h-\[90vh\] { - height: 90vh; -} - -.h-40 { - height: 10rem; -} - -.h-1\/3 { - height: 33.333333%; -} - -.max-h-screen { - max-height: 100vh; -} - -.max-h-135 { - max-height: 33.75rem; -} - -.max-h-100 { - max-height: 25rem; -} - -.max-h-30 { - max-height: 7.5rem; -} - -.max-h-80 { - max-height: 20rem; -} - -.max-h-90 { - max-height: 22.5rem; -} - -.min-h-\[91vh\] { - min-height: 91vh; -} - -.min-h-20 { - min-height: 5rem; -} - -.min-h-50-screen { - min-height: 50vh; -} - -.min-h-screen { - min-height: 100vh; -} - -.min-h-6 { - min-height: 1.5rem; -} - -.min-h-52 { - min-height: 13rem; -} - -.min-h-\[55vh\] { - min-height: 55vh; -} - -.min-h-12 { - min-height: 3rem; -} - -.min-h-\[400px\] { - min-height: 400px; -} - -.min-h-\[130px\] { - min-height: 130px; -} - -.min-h-\[75px\] { - min-height: 75px; -} - -.w-full { - width: 100%; -} - -.w-screen { - width: 100vw; -} - -.w-40 { - width: 10rem; -} - -.w-4 { - width: 1rem; -} - -.w-6 { - width: 1.5rem; -} - -.w-8 { - width: 2rem; -} - -.w-10 { - width: 2.5rem; -} - -.w-48 { - width: 12rem; -} - -.w-90 { - width: 22.5rem; -} - -.w-11\/12 { - width: 91.666667%; -} - -.w-5 { - width: 1.25rem; -} - -.w-12 { - width: 3rem; -} - -.w-3 { - width: 0.75rem; -} - -.w-28 { - width: 7rem; -} - -.w-auto { - width: auto; -} - -.w-5\.5 { - width: 1.375rem; -} - -.w-80 { - width: 20rem; -} - -.min-w-0 { - min-width: 0px; -} - -.min-w-\[900px\] { - min-width: 900px; -} - -.min-w-\[500px\] { - min-width: 500px; -} - -.min-w-\[150px\] { - min-width: 150px; -} - -.max-w-180 { - max-width: 45rem; -} - -.max-w-40 { - max-width: 10rem; -} - -.max-w-full { - max-width: 100%; -} - -.max-w-\[300px\] { - max-width: 300px; -} - -.max-w-\[400px\] { - max-width: 400px; -} - -.max-w-60 { - max-width: 15rem; -} - -.max-w-64 { - max-width: 16rem; -} - -.flex-auto { - flex: 1 1 auto; -} - -.grow { - flex-grow: 1; -} - -.basis-full { - flex-basis: 100%; -} - -.-translate-x-1 { - --tw-translate-x: -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-16 { - --tw-translate-y: 4rem; - 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\.4 { - --tw-translate-y: -0.1rem; - 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-x-2 { - --tw-translate-x: 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-90 { - --tw-translate-x: 22.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\.5 { - --tw-translate-x: 0.125rem; - 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\.5 { - --tw-translate-y: -0.125rem; - 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-y-1\.5 { - --tw-translate-y: -0.375rem; - 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-0\.5 { - --tw-translate-y: 0.125rem; - 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-x-1 { - --tw-translate-x: 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-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-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 { - --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-7 { - --tw-translate-y: -1.75rem; - 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-12 { - --tw-rotate: 12deg; - 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-12 { - --tw-rotate: -12deg; - 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)); -} - -.scale-90 { - --tw-scale-x: .9; - --tw-scale-y: .9; - 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-50 { - --tw-scale-x: .5; - --tw-scale-y: .5; - 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-105 { - --tw-scale-x: 1.05; - --tw-scale-y: 1.05; - 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 { - --tw-scale-x: 1.1; - --tw-scale-y: 1.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)); -} - -.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)); -} - -.cursor-pointer { - cursor: pointer; -} - -.select-none { - -webkit-user-select: none; - -moz-user-select: none; - user-select: none; -} - -.resize { - resize: both; -} - -.list-none { - list-style-type: none; -} - -.appearance-none { - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; -} - -.grid-cols-12 { - grid-template-columns: repeat(12, minmax(0, 1fr)); -} - -.grid-cols-1 { - grid-template-columns: repeat(1, minmax(0, 1fr)); -} - -.grid-cols-2 { - grid-template-columns: repeat(2, minmax(0, 1fr)); -} - -.flex-col { - flex-direction: column; -} - -.flex-wrap { - flex-wrap: wrap; -} - -.items-start { - align-items: flex-start; -} - -.items-end { - align-items: flex-end; -} - -.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; -} - -.justify-items-center { - justify-items: center; -} - -.gap-3 { - gap: 0.75rem; -} - -.gap-2 { - gap: 0.5rem; -} - -.gap-y-4 { - row-gap: 1rem; -} - -.gap-x-4 { - -moz-column-gap: 1rem; - column-gap: 1rem; -} - -.gap-y-2 { - row-gap: 0.5rem; -} - -.overflow-auto { - overflow: auto; -} - -.overflow-hidden { - overflow: hidden; -} - -.overflow-x-auto { - overflow-x: auto; -} - -.overflow-y-auto { - overflow-y: auto; -} - -.overflow-x-hidden { - overflow-x: hidden; -} - -.whitespace-nowrap { - white-space: nowrap; -} - -.break-words { - overflow-wrap: break-word; -} - -.rounded-lg { - border-radius: 0.5rem; -} - -.rounded-xl { - border-radius: 0.75rem; -} - -.rounded-2xl { - border-radius: 1rem; -} - -.rounded { - border-radius: 0.25rem; -} - -.rounded-none { - border-radius: 0px; -} - -.rounded-circle { - border-radius: 50%; -} - -.rounded-full { - border-radius: 9999px; -} - -.rounded-1\.4 { - border-radius: 0.35rem; -} - -.rounded-1 { - border-radius: 0.25rem; -} - -.rounded-10 { - border-radius: 2.5rem; -} - -.rounded-md { - border-radius: 0.375rem; -} - -.rounded-r-lg { - border-top-right-radius: 0.5rem; - border-bottom-right-radius: 0.5rem; -} - -.rounded-t { - border-top-left-radius: 0.25rem; - border-top-right-radius: 0.25rem; -} - -.rounded-t-2xl { - border-top-left-radius: 1rem; - border-top-right-radius: 1rem; -} - -.rounded-b-lg { - border-bottom-right-radius: 0.5rem; - border-bottom-left-radius: 0.5rem; -} - -.rounded-t-lg { - border-top-left-radius: 0.5rem; - border-top-right-radius: 0.5rem; -} - -.rounded-b { - border-bottom-right-radius: 0.25rem; - border-bottom-left-radius: 0.25rem; -} - -.border { - border-width: 1px; -} - -.border-0 { - border-width: 0px; -} - -.border-2 { - border-width: 2px; -} - -.border-t { - border-top-width: 1px; -} - -.border-b { - border-bottom-width: 1px; -} - -.border-l { - border-left-width: 1px; -} - -.border-r { - border-right-width: 1px; -} - -.border-b-0 { - border-bottom-width: 0px; -} - -.border-solid { - border-style: solid; -} - -.border-dashed { - border-style: dashed; -} - -.border-gray-300 { - --tw-border-opacity: 1; - border-color: rgb(210 214 218 / var(--tw-border-opacity)); -} - -.border-gray-400 { - --tw-border-opacity: 1; - border-color: rgb(206 212 218 / var(--tw-border-opacity)); -} - -.border-gray-200 { - --tw-border-opacity: 1; - border-color: rgb(233 236 239 / var(--tw-border-opacity)); -} - -.border-primary { - --tw-border-opacity: 1; - border-color: rgb(8 85 119 / var(--tw-border-opacity)); -} - -.bg-primary { - --tw-bg-opacity: 1; - background-color: rgb(8 85 119 / var(--tw-bg-opacity)); -} - -.bg-yellow-500 { - --tw-bg-opacity: 1; - background-color: rgb(251 177 64 / var(--tw-bg-opacity)); -} - -.bg-white { - --tw-bg-opacity: 1; - background-color: rgb(255 255 255 / var(--tw-bg-opacity)); -} - -.bg-transparent { - background-color: transparent; -} - -.bg-gray-100 { - --tw-bg-opacity: 1; - background-color: rgb(235 239 244 / var(--tw-bg-opacity)); -} - -.bg-gray-600\/50 { - background-color: rgb(108 117 125 / 0.5); -} - -.bg-red-500 { - --tw-bg-opacity: 1; - background-color: rgb(245 57 57 / var(--tw-bg-opacity)); -} - -.bg-sky-500 { - --tw-bg-opacity: 1; - background-color: rgb(14 165 233 / var(--tw-bg-opacity)); -} - -.bg-green-500 { - --tw-bg-opacity: 1; - background-color: rgb(34 197 94 / var(--tw-bg-opacity)); -} - -.bg-secondary { - --tw-bg-opacity: 1; - background-color: rgb(64 187 107 / var(--tw-bg-opacity)); -} - -.bg-orange-500 { - --tw-bg-opacity: 1; - background-color: rgb(251 99 64 / var(--tw-bg-opacity)); -} - -.bg-blue-500 { - --tw-bg-opacity: 1; - background-color: rgb(94 114 228 / var(--tw-bg-opacity)); -} - -.bg-gray-50 { - --tw-bg-opacity: 1; - background-color: rgb(248 249 250 / var(--tw-bg-opacity)); -} - -.bg-primary\/20 { - background-color: rgb(8 85 119 / 0.2); -} - -.bg-slate-800\/10 { - background-color: rgb(58 65 111 / 0.1); -} - -.bg-none { - background-image: none; -} - -.bg-gradient-to-tl { - background-image: linear-gradient(to top left, var(--tw-gradient-stops)); -} - -.bg-gradient-to-r { - background-image: linear-gradient(to right, var(--tw-gradient-stops)); -} - -.from-transparent { - --tw-gradient-from: transparent; - --tw-gradient-to: rgb(0 0 0 / 0); - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); -} - -.via-black\/40 { - --tw-gradient-to: rgb(0 0 0 / 0); - --tw-gradient-stops: var(--tw-gradient-from), rgb(0 0 0 / 0.4), var(--tw-gradient-to); -} - -.to-transparent { - --tw-gradient-to: transparent; -} - -.bg-150 { - background-size: 150%; -} - -.bg-contain { - background-size: contain; -} - -.bg-clip-border { - background-clip: border-box; -} - -.bg-clip-padding { - background-clip: padding-box; -} - -.bg-x-25 { - background-position: 25% 0; -} - -.bg-center { - background-position: center; -} - -.bg-left { - background-position: left; -} - -.bg-no-repeat { - background-repeat: no-repeat; -} - -.fill-primary { - fill: #085577; -} - -.fill-white { - fill: #fff; -} - -.fill-yellow-500 { - fill: #fbb140; -} - -.fill-gray-600 { - fill: #6c757d; -} - -.fill-gray-500 { - fill: #adb5bd; -} - -.fill-green-500 { - fill: #22c55e; -} - -.fill-red-500 { - fill: #f53939; -} - -.fill-sky-500 { - fill: #0ea5e9; -} - -.fill-amber-500 { - fill: #f59e0b; -} - -.fill-slate-800 { - fill: #3a416f; -} - -.fill-blue-500 { - fill: #5e72e4; -} - -.stroke-gray-100 { - stroke: #ebeff4; -} - -.stroke-green-700 { - stroke: #15803d; -} - -.stroke-orange-500 { - stroke: #fb6340; -} - -.stroke-sky-500 { - stroke: #0ea5e9; -} - -.stroke-red-500 { - stroke: #f53939; -} - -.stroke-blue-400 { - stroke: #60a5fa; -} - -.stroke-blue-500 { - stroke: #5e72e4; -} - -.stroke-yellow-500 { - stroke: #fbb140; -} - -.stroke-pink-600 { - stroke: #db2777; -} - -.stroke-gray-600 { - stroke: #6c757d; -} - -.stroke-emerald-600 { - stroke: #059669; -} - -.stroke-0 { - stroke-width: 0; -} - -.object-cover { - -o-object-fit: cover; - object-fit: cover; -} - -.p-4 { - padding: 1rem; -} - -.p-2 { - padding: 0.5rem; -} - -.p-3 { - padding: 0.75rem; -} - -.p-0 { - padding: 0px; -} - -.p-1 { - padding: 0.25rem; -} - -.px-2 { - padding-left: 0.5rem; - padding-right: 0.5rem; -} - -.px-6 { - padding-left: 1.5rem; - padding-right: 1.5rem; -} - -.py-2 { - padding-top: 0.5rem; - padding-bottom: 0.5rem; -} - -.px-4 { - padding-left: 1rem; - padding-right: 1rem; -} - -.py-3 { - padding-top: 0.75rem; - padding-bottom: 0.75rem; -} - -.px-1\.5 { - padding-left: 0.375rem; - padding-right: 0.375rem; -} - -.py-1 { - padding-top: 0.25rem; - padding-bottom: 0.25rem; -} - -.px-1 { - padding-left: 0.25rem; - padding-right: 0.25rem; -} - -.px-0\.5 { - padding-left: 0.125rem; - padding-right: 0.125rem; -} - -.px-0 { - padding-left: 0px; - padding-right: 0px; -} - -.py-4 { - padding-top: 1rem; - padding-bottom: 1rem; -} - -.px-3 { - padding-left: 0.75rem; - padding-right: 0.75rem; -} - -.py-2\.5 { - padding-top: 0.625rem; - padding-bottom: 0.625rem; -} - -.px-12 { - padding-left: 3rem; - padding-right: 3rem; -} - -.py-16 { - padding-top: 4rem; - padding-bottom: 4rem; -} - -.px-8 { - padding-left: 2rem; - padding-right: 2rem; -} - -.py-6 { - padding-top: 1.5rem; - padding-bottom: 1.5rem; -} - -.py-1\.5 { - padding-top: 0.375rem; - padding-bottom: 0.375rem; -} - -.pb-0 { - padding-bottom: 0px; -} - -.pt-20 { - padding-top: 5rem; -} - -.pt-1 { - padding-top: 0.25rem; -} - -.pt-4 { - padding-top: 1rem; -} - -.pl-0 { - padding-left: 0px; -} - -.pr-0 { - padding-right: 0px; -} - -.pl-2 { - padding-left: 0.5rem; -} - -.pb-2 { - padding-bottom: 0.5rem; -} - -.pl-6 { - padding-left: 1.5rem; -} - -.pr-8 { - padding-right: 2rem; -} - -.pl-3 { - padding-left: 0.75rem; -} - -.pl-4 { - padding-left: 1rem; -} - -.pb-8 { - padding-bottom: 2rem; -} - -.pr-2 { - padding-right: 0.5rem; -} - -.pt-3 { - padding-top: 0.75rem; -} - -.text-left { - text-align: left; -} - -.text-center { - text-align: center; -} - -.align-top { - vertical-align: top; -} - -.align-middle { - vertical-align: middle; -} - -.align-bottom { - vertical-align: bottom; -} - -.font-sans { - font-family: Open Sans; -} - -.text-base { - font-size: 1rem; - line-height: 1.5rem; -} - -.text-sm { - font-size: 0.875rem; - line-height: 1.5rem; -} - -.text-xs { - font-size: 0.75rem; - line-height: 1rem; -} - -.text-xl { - font-size: 1.25rem; - line-height: 1.75rem; -} - -.text-lg { - font-size: 1.125rem; - line-height: 1.75rem; -} - -.text-3xl { - font-size: 1.875rem; - line-height: 2.25rem; -} - -.font-normal { - font-weight: 400; -} - -.font-bold { - font-weight: 700; -} - -.font-semibold { - font-weight: 600; -} - -.uppercase { - text-transform: uppercase; -} - -.lowercase { - text-transform: lowercase; -} - -.capitalize { - text-transform: capitalize; -} - -.italic { - font-style: italic; -} - -.ordinal { - --tw-ordinal: ordinal; - font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); -} - -.leading-default { - line-height: 1.6; -} - -.leading-normal { - line-height: 1.5; -} - -.leading-5\.6 { - line-height: 1.4rem; -} - -.leading-5 { - line-height: 1.25rem; -} - -.leading-none { - line-height: 1; -} - -.leading-6 { - line-height: 1.5rem; -} - -.leading-tight { - line-height: 1.25; -} - -.leading-8 { - line-height: 2rem; -} - -.tracking-tight-rem { - letter-spacing: -0.025rem; -} - -.tracking-wide { - letter-spacing: 0.025em; -} - -.text-slate-500 { - --tw-text-opacity: 1; - color: rgb(103 116 142 / var(--tw-text-opacity)); -} - -.text-white { - --tw-text-opacity: 1; - color: rgb(255 255 255 / var(--tw-text-opacity)); -} - -.text-gray-700 { - --tw-text-opacity: 1; - color: rgb(73 80 87 / var(--tw-text-opacity)); -} - -.text-slate-700 { - --tw-text-opacity: 1; - color: rgb(52 71 103 / var(--tw-text-opacity)); -} - -.text-red-500 { - --tw-text-opacity: 1; - color: rgb(245 57 57 / var(--tw-text-opacity)); -} - -.text-yellow-500 { - --tw-text-opacity: 1; - color: rgb(251 177 64 / var(--tw-text-opacity)); -} - -.text-green-500 { - --tw-text-opacity: 1; - color: rgb(34 197 94 / var(--tw-text-opacity)); -} - -.text-emerald-500 { - --tw-text-opacity: 1; - color: rgb(45 206 137 / var(--tw-text-opacity)); -} - -.text-sky-600 { - --tw-text-opacity: 1; - color: rgb(62 161 236 / var(--tw-text-opacity)); -} - -.text-gray-300 { - --tw-text-opacity: 1; - color: rgb(210 214 218 / var(--tw-text-opacity)); -} - -.text-blue-500 { - --tw-text-opacity: 1; - color: rgb(94 114 228 / var(--tw-text-opacity)); -} - -.text-gray-600 { - --tw-text-opacity: 1; - color: rgb(108 117 125 / var(--tw-text-opacity)); -} - -.text-primary { - --tw-text-opacity: 1; - color: rgb(8 85 119 / var(--tw-text-opacity)); -} - -.antialiased { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -.opacity-50 { - opacity: 0.5; -} - -.opacity-100 { - opacity: 1; -} - -.opacity-0 { - opacity: 0; -} - -.opacity-60 { - opacity: 0.6; -} - -.shadow-xl { - --tw-shadow: 0 0 2rem 0 rgba(136,152,170,.15); - --tw-shadow-colored: 0 0 2rem 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); -} - -.shadow-xs { - --tw-shadow: 0 7px 14px rgba(50,50,93,.1),0 3px 6px rgba(0,0,0,.08); - --tw-shadow-colored: 0 7px 14px var(--tw-shadow-color), 0 3px 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-sm { - --tw-shadow: 0 .25rem .375rem -.0625rem hsla(0,0%,8%,.12),0 .125rem .25rem -.0625rem hsla(0,0%,8%,.07); - --tw-shadow-colored: 0 .25rem .375rem -.0625rem var(--tw-shadow-color), 0 .125rem .25rem -.0625rem 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-3xl { - --tw-shadow: 0 8px 26px -4px hsla(0,0%,8%,.15),0 8px 9px -5px hsla(0,0%,8%,.06); - --tw-shadow-colored: 0 8px 26px -4px var(--tw-shadow-color), 0 8px 9px -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-none { - --tw-shadow: 0 0 #0000; - --tw-shadow-colored: 0 0 #0000; - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} - -.shadow-md { - --tw-shadow: 0 4px 6px rgba(50,50,93,.1),0 1px 3px rgba(0,0,0,.08); - --tw-shadow-colored: 0 4px 6px var(--tw-shadow-color), 0 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 { - --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); -} - -.outline-none { - outline: 2px solid transparent; - outline-offset: 2px; -} - -.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); -} - -.brightness-90 { - --tw-brightness: brightness(.9); - 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); -} - -.transition { - transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -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-text-decoration-color, -webkit-backdrop-filter; - transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1); - transition-duration: 150ms; -} - -.transition-all { - transition-property: all; - transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1); - transition-duration: 150ms; -} - -.transition-transform { - transition-property: transform; - transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1); - transition-duration: 150ms; -} - -.duration-300 { - transition-duration: 300ms; -} - -.duration-200 { - transition-duration: 200ms; -} - -.duration-250 { - transition-duration: 250ms; -} - -.ease-in-out { - transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1); -} - -.ease-in { - transition-timing-function: cubic-bezier(0.42, 0, 1, 1); -} - -.flex-wrap-inherit { - flex-wrap: inherit; -} - -.first-letter\:absolute::first-letter { - position: absolute; -} - -.placeholder\:text-gray-500::-moz-placeholder { - --tw-text-opacity: 1; - color: rgb(173 181 189 / var(--tw-text-opacity)); -} - -.placeholder\:text-gray-500::placeholder { - --tw-text-opacity: 1; - color: rgb(173 181 189 / var(--tw-text-opacity)); -} - -.before\:float-left::before { - content: var(--tw-content); - float: left; -} - -.before\:pr-2::before { - content: var(--tw-content); - padding-right: 0.5rem; -} - -.before\:text-white::before { - content: var(--tw-content); - --tw-text-opacity: 1; - color: rgb(255 255 255 / var(--tw-text-opacity)); -} - -.before\:content-\[\'\/\'\]::before { - --tw-content: '/'; - content: var(--tw-content); -} - -.after\:absolute::after { - content: var(--tw-content); - position: absolute; -} - -.after\:top-px::after { - content: var(--tw-content); - top: 1px; -} - -.after\:float-right::after { - content: var(--tw-content); - float: right; -} - -.after\:h-4::after { - content: var(--tw-content); - height: 1rem; -} - -.after\:w-4::after { - content: var(--tw-content); - width: 1rem; -} - -.after\:translate-x-px::after { - content: var(--tw-content); - --tw-translate-x: 1px; - 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)); -} - -.after\:rounded-circle::after { - content: var(--tw-content); - border-radius: 50%; -} - -.after\:bg-white::after { - content: var(--tw-content); - --tw-bg-opacity: 1; - background-color: rgb(255 255 255 / var(--tw-bg-opacity)); -} - -.after\:pl-2::after { - content: var(--tw-content); - padding-left: 0.5rem; -} - -.after\:text-gray-600::after { - content: var(--tw-content); - --tw-text-opacity: 1; - color: rgb(108 117 125 / var(--tw-text-opacity)); -} - -.after\:shadow-2xl::after { - content: var(--tw-content); - --tw-shadow: 0 .3125rem .625rem 0 rgba(0,0,0,.12); - --tw-shadow-colored: 0 .3125rem .625rem 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); -} - -.after\:duration-300::after { - content: var(--tw-content); - transition-duration: 300ms; -} - -.after\:content-\[\'\/\'\]::after { - --tw-content: '/'; - content: var(--tw-content); -} - -.after\:content-\[\'\'\]::after { - --tw-content: ''; - content: var(--tw-content); -} - -.checked\:z-0:checked { - z-index: 0; -} - -.checked\:border-primary:checked { - --tw-border-opacity: 1; - border-color: rgb(8 85 119 / var(--tw-border-opacity)); -} - -.checked\:bg-primary:checked { - --tw-bg-opacity: 1; - background-color: rgb(8 85 119 / var(--tw-bg-opacity)); -} - -.checked\:bg-none:checked { - background-image: none; -} - -.checked\:bg-right:checked { - background-position: right; -} - -.checked\:after\:translate-x-5\.3:checked::after { - content: var(--tw-content); - --tw-translate-x: 1.3rem; - 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)); -} - -.checked\:after\:translate-x-5:checked::after { - content: var(--tw-content); - --tw-translate-x: 1.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)); -} - -.hover\:-translate-y-px:hover { - --tw-translate-y: -1px; - 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\:-translate-y-0\.4:hover { - --tw-translate-y: -0.1rem; - 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\:-translate-y-0:hover { - --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)); -} - -.hover\:-translate-y-2:hover { - --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)); -} - -.hover\:scale-102:hover { - --tw-scale-x: 1.02; - --tw-scale-y: 1.02; - 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\:rounded-lg:hover { - border-radius: 0.5rem; -} - -.hover\:bg-gray-100:hover { - --tw-bg-opacity: 1; - background-color: rgb(235 239 244 / var(--tw-bg-opacity)); -} - -.hover\:bg-gray-300:hover { - --tw-bg-opacity: 1; - background-color: rgb(210 214 218 / var(--tw-bg-opacity)); -} - -.hover\:bg-red-500\/80:hover { - background-color: rgb(245 57 57 / 0.8); -} - -.hover\:bg-sky-500\/80:hover { - background-color: rgb(14 165 233 / 0.8); -} - -.hover\:bg-green-500\/80:hover { - background-color: rgb(34 197 94 / 0.8); -} - -.hover\:bg-yellow-500\/80:hover { - background-color: rgb(251 177 64 / 0.8); -} - -.hover\:bg-primary\/80:hover { - background-color: rgb(8 85 119 / 0.8); -} - -.hover\:bg-primary\/30:hover { - background-color: rgb(8 85 119 / 0.3); -} - -.hover\:bg-primary\/5:hover { - background-color: rgb(8 85 119 / 0.05); -} - -.hover\:bg-blue-500\/80:hover { - background-color: rgb(94 114 228 / 0.8); -} - -.hover\:bg-gray-50:hover { - --tw-bg-opacity: 1; - background-color: rgb(248 249 250 / var(--tw-bg-opacity)); -} - -.hover\:opacity-80:hover { - opacity: 0.8; -} - -.hover\:shadow-md:hover { - --tw-shadow: 0 4px 6px rgba(50,50,93,.1),0 1px 3px rgba(0,0,0,.08); - --tw-shadow-colored: 0 4px 6px var(--tw-shadow-color), 0 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); -} - -.hover\:brightness-90:hover { - --tw-brightness: brightness(.9); - 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\:brightness-75:hover { - --tw-brightness: brightness(.75); - 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\:brightness-95:hover { - --tw-brightness: brightness(.95); - 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); -} - -.focus\:border-primary:focus { - --tw-border-opacity: 1; - border-color: rgb(8 85 119 / var(--tw-border-opacity)); -} - -.focus\:border-green-500:focus { - --tw-border-opacity: 1; - border-color: rgb(34 197 94 / var(--tw-border-opacity)); -} - -.focus\:border-gray-300\/0:focus { - border-color: rgb(210 214 218 / 0); -} - -.focus\:bg-red-500\/80:focus { - background-color: rgb(245 57 57 / 0.8); -} - -.focus\:bg-sky-500\/80:focus { - background-color: rgb(14 165 233 / 0.8); -} - -.focus\:bg-green-500\/80:focus { - background-color: rgb(34 197 94 / 0.8); -} - -.focus\:bg-yellow-500\/80:focus { - background-color: rgb(251 177 64 / 0.8); -} - -.focus\:bg-primary\/80:focus { - background-color: rgb(8 85 119 / 0.8); -} - -.focus\:ring-1: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(1px + 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); -} - -.focus\:valid\:border-green-500:valid:focus { - --tw-border-opacity: 1; - border-color: rgb(34 197 94 / var(--tw-border-opacity)); -} - -.focus\:valid\:ring-green-500:valid:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgb(34 197 94 / var(--tw-ring-opacity)); -} - -.focus\:invalid\:border-red-500:invalid:focus { - --tw-border-opacity: 1; - border-color: rgb(245 57 57 / var(--tw-border-opacity)); -} - -.focus\:invalid\:ring-red-500:invalid:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgb(245 57 57 / var(--tw-ring-opacity)); -} - -.focus\:file\:invalid\:border-red-500:invalid::-webkit-file-upload-button:focus { - --tw-border-opacity: 1; - border-color: rgb(245 57 57 / var(--tw-border-opacity)); -} - -.focus\:file\:invalid\:border-red-500:invalid::file-selector-button:focus { - --tw-border-opacity: 1; - border-color: rgb(245 57 57 / var(--tw-border-opacity)); -} - -.active\:opacity-85:active { - opacity: 0.85; -} - -.disabled\:pointer-events-none:disabled { - pointer-events: none; -} - -.disabled\:cursor-not-allowed:disabled { - cursor: not-allowed; -} - -.disabled\:cursor-none:disabled { - cursor: none; -} - -.disabled\:cursor-default:disabled { - cursor: default; -} - -.disabled\:border-gray-400:disabled { - --tw-border-opacity: 1; - border-color: rgb(206 212 218 / var(--tw-border-opacity)); -} - -.disabled\:bg-gray-400:disabled { - --tw-bg-opacity: 1; - background-color: rgb(206 212 218 / var(--tw-bg-opacity)); -} - -.disabled\:text-gray-700:disabled { - --tw-text-opacity: 1; - color: rgb(73 80 87 / var(--tw-text-opacity)); -} - -.disabled\:opacity-75:disabled { - opacity: 0.75; -} - -.disabled\:hover\:translate-y-0:hover:disabled { - --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)); -} - -.dark .dark\:inline { - display: inline; -} - -.dark .dark\:hidden { - display: none; -} - -.dark .dark\:border-slate-600 { - --tw-border-opacity: 1; - border-color: rgb(98 117 148 / var(--tw-border-opacity)); -} - -.dark .dark\:border-slate-800 { - --tw-border-opacity: 1; - border-color: rgb(58 65 111 / var(--tw-border-opacity)); -} - -.dark .dark\:border-gray-700 { - --tw-border-opacity: 1; - border-color: rgb(73 80 87 / var(--tw-border-opacity)); -} - -.dark .dark\:bg-slate-900 { - --tw-bg-opacity: 1; - background-color: rgb(5 17 57 / var(--tw-bg-opacity)); -} - -.dark .dark\:bg-slate-850 { - --tw-bg-opacity: 1; - background-color: rgb(17 28 68 / var(--tw-bg-opacity)); -} - -.dark .dark\:bg-slate-700 { - --tw-bg-opacity: 1; - background-color: rgb(52 71 103 / var(--tw-bg-opacity)); -} - -.dark .dark\:bg-green-500\/90 { - background-color: rgb(34 197 94 / 0.9); -} - -.dark .dark\:bg-primary { - --tw-bg-opacity: 1; - background-color: rgb(8 85 119 / var(--tw-bg-opacity)); -} - -.dark .dark\:bg-primary\/50 { - background-color: rgb(8 85 119 / 0.5); -} - -.dark .dark\:bg-slate-900\/30 { - background-color: rgb(5 17 57 / 0.3); -} - -.dark .dark\:bg-slate-700\/50 { - background-color: rgb(52 71 103 / 0.5); -} - -.dark .dark\:bg-gray-800 { - --tw-bg-opacity: 1; - background-color: rgb(37 47 64 / var(--tw-bg-opacity)); -} - -.dark .dark\:bg-gradient-to-r { - background-image: linear-gradient(to right, var(--tw-gradient-stops)); -} - -.dark .dark\:from-transparent { - --tw-gradient-from: transparent; - --tw-gradient-to: rgb(0 0 0 / 0); - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); -} - -.dark .dark\:via-white { - --tw-gradient-to: rgb(255 255 255 / 0); - --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to); -} - -.dark .dark\:to-transparent { - --tw-gradient-to: transparent; -} - -.dark .dark\:fill-gray-300 { - fill: #d2d6da; -} - -.dark .dark\:fill-gray-500 { - fill: #adb5bd; -} - -.dark .dark\:fill-gray-700 { - fill: #495057; -} - -.dark .dark\:stroke-gray-600 { - stroke: #6c757d; -} - -.dark .dark\:text-white { - --tw-text-opacity: 1; - color: rgb(255 255 255 / var(--tw-text-opacity)); -} - -.dark .dark\:text-gray-500 { - --tw-text-opacity: 1; - color: rgb(173 181 189 / var(--tw-text-opacity)); -} - -.dark .dark\:text-gray-300 { - --tw-text-opacity: 1; - color: rgb(210 214 218 / var(--tw-text-opacity)); -} - -.dark .dark\:text-gray-400 { - --tw-text-opacity: 1; - color: rgb(206 212 218 / var(--tw-text-opacity)); -} - -.dark .dark\:text-gray-200 { - --tw-text-opacity: 1; - color: rgb(233 236 239 / var(--tw-text-opacity)); -} - -.dark .dark\:text-red-500 { - --tw-text-opacity: 1; - color: rgb(245 57 57 / var(--tw-text-opacity)); -} - -.dark .dark\:opacity-50 { - opacity: 0.5; -} - -.dark .dark\:opacity-90 { - opacity: 0.9; -} - -.dark .dark\:opacity-80 { - opacity: 0.8; -} - -.dark .dark\:opacity-75 { - opacity: 0.75; -} - -.dark .dark\:opacity-60 { - opacity: 0.6; -} - -.dark .dark\:shadow-dark-xl { - --tw-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12); - --tw-shadow-colored: 0 2px 2px 0 var(--tw-shadow-color), 0 3px 1px -2px var(--tw-shadow-color), 0 1px 5px 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); -} - -.dark .dark\:shadow-none { - --tw-shadow: 0 0 #0000; - --tw-shadow-colored: 0 0 #0000; - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} - -.dark .dark\:brightness-110 { - --tw-brightness: brightness(1.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); -} - -.dark .dark\:brightness-125 { - --tw-brightness: brightness(1.25); - 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); -} - -.dark .dark\:brightness-150 { - --tw-brightness: brightness(1.5); - 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); -} - -.dark .dark\:brightness-90 { - --tw-brightness: brightness(.9); - 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); -} - -.dark .dark\:brightness-95 { - --tw-brightness: brightness(.95); - 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); -} - -.dark .dark\:checked\:border-primary:checked { - --tw-border-opacity: 1; - border-color: rgb(8 85 119 / var(--tw-border-opacity)); -} - -.dark .dark\:checked\:bg-primary:checked { - --tw-bg-opacity: 1; - background-color: rgb(8 85 119 / var(--tw-bg-opacity)); -} - -.dark .dark\:hover\:bg-slate-800:hover { - --tw-bg-opacity: 1; - background-color: rgb(58 65 111 / var(--tw-bg-opacity)); -} - -.dark .dark\:hover\:bg-primary\/60:hover { - background-color: rgb(8 85 119 / 0.6); -} - -.dark .dark\:hover\:bg-primary\/20:hover { - background-color: rgb(8 85 119 / 0.2); -} - -.dark .dark\:hover\:bg-slate-700\/50:hover { - background-color: rgb(52 71 103 / 0.5); -} - -.dark .dark\:hover\:brightness-100:hover { - --tw-brightness: brightness(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); -} - -.dark .dark\:hover\:brightness-105:hover { - --tw-brightness: brightness(1.05); - 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); -} - -.dark .dark\:hover\:brightness-90:hover { - --tw-brightness: brightness(.9); - 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); -} - -.dark .dark\:hover\:brightness-95:hover { - --tw-brightness: brightness(.95); - 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); -} - -.dark .dark\:disabled\:border-gray-800:disabled { - --tw-border-opacity: 1; - border-color: rgb(37 47 64 / var(--tw-border-opacity)); -} - -.dark .dark\:disabled\:bg-gray-800:disabled { - --tw-bg-opacity: 1; - background-color: rgb(37 47 64 / var(--tw-bg-opacity)); -} - -.dark .dark\:disabled\:text-gray-300:disabled { - --tw-text-opacity: 1; - color: rgb(210 214 218 / var(--tw-text-opacity)); -} - -@media (min-width: 576px) { - .sm\:top-3 { - top: 0.75rem; - } - - .sm\:right-24 { - right: 6rem; - } - - .sm\:right-6 { - right: 1.5rem; - } - - .sm\:right-40 { - right: 10rem; - } - - .sm\:col-span-6 { - grid-column: span 6 / span 6; - } - - .sm\:col-span-4 { - grid-column: span 4 / span 4; - } - - .sm\:col-start-5 { - grid-column-start: 5; - } - - .sm\:mx-6 { - margin-left: 1.5rem; - margin-right: 1.5rem; - } - - .sm\:mx-4 { - margin-left: 1rem; - margin-right: 1rem; - } - - .sm\:ml-1 { - margin-left: 0.25rem; - } - - .sm\:mr-16 { - margin-right: 4rem; - } - - .sm\:hidden { - display: none; - } - - .sm\:h-14 { - height: 3.5rem; - } - - .sm\:h-10 { - height: 2.5rem; - } - - .sm\:h-7 { - height: 1.75rem; - } - - .sm\:max-h-28 { - max-height: 7rem; - } - - .sm\:max-h-125 { - max-height: 31.25rem; - } - - .sm\:w-50 { - width: 12.5rem; - } - - .sm\:w-36 { - width: 9rem; - } - - .sm\:w-7 { - width: 1.75rem; - } - - .sm\: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)); - } - - .sm\:flex-row { - flex-direction: row; - } - - .sm\:items-center { - align-items: center; - } - - .sm\:justify-end { - justify-content: flex-end; - } - - .sm\:justify-items-start { - justify-items: start; - } - - .sm\:gap-4 { - gap: 1rem; - } - - .sm\:px-6 { - padding-left: 1.5rem; - padding-right: 1.5rem; - } - - .sm\:px-4 { - padding-left: 1rem; - padding-right: 1rem; - } - - .sm\:pt-6 { - padding-top: 1.5rem; - } - - .sm\:text-left { - text-align: left; - } -} - -@media (min-width: 768px) { - .md\:col-span-8 { - grid-column: span 8 / span 8; - } - - .md\:col-span-4 { - grid-column: span 4 / span 4; - } - - .md\:col-span-6 { - grid-column: span 6 / span 6; - } - - .md\:col-span-5 { - grid-column: span 5 / span 5; - } - - .md\:col-span-7 { - grid-column: span 7 / span 7; - } - - .md\:my-0 { - margin-top: 0px; - margin-bottom: 0px; - } - - .md\:mx-6 { - margin-left: 1.5rem; - margin-right: 1.5rem; - } - - .md\:my-3 { - margin-top: 0.75rem; - margin-bottom: 0.75rem; - } - - .md\:mb-8 { - margin-bottom: 2rem; - } - - .md\:mb-3 { - margin-bottom: 0.75rem; - } - - .md\:mr-3 { - margin-right: 0.75rem; - } - - .md\:mb-0 { - margin-bottom: 0px; - } - - .md\:block { - display: block; - } - - .md\:hidden { - display: none; - } - - .md\:h-16 { - height: 4rem; - } - - .md\:max-h-160 { - max-height: 40rem; - } - - .md\:min-h-75-screen { - min-height: 75vh; - } - - .md\:w-60 { - width: 15rem; - } - - .md\:w-1\/2 { - width: 50%; - } - - .md\:justify-end { - justify-content: flex-end; - } - - .md\:py-4 { - padding-top: 1rem; - padding-bottom: 1rem; - } - - .md\:px-6 { - padding-left: 1.5rem; - padding-right: 1.5rem; - } - - .md\:px-3 { - padding-left: 0.75rem; - padding-right: 0.75rem; - } - - .md\:py-2 { - padding-top: 0.5rem; - padding-bottom: 0.5rem; - } - - .md\:text-base { - font-size: 1rem; - line-height: 1.5rem; - } -} - -@media (min-width: 992px) { - .lg\:relative { - position: relative; - } - - .lg\:order-1 { - order: 1; - } - - .lg\:order-2 { - order: 2; - } - - .lg\:col-span-4 { - grid-column: span 4 / span 4; - } - - .lg\:col-span-6 { - grid-column: span 6 / span 6; - } - - .lg\:col-span-1 { - grid-column: span 1 / span 1; - } - - .lg\:col-span-8 { - grid-column: span 8 / span 8; - } - - .lg\:mx-0 { - margin-left: 0px; - margin-right: 0px; - } - - .lg\:mx-8 { - margin-left: 2rem; - margin-right: 2rem; - } - - .lg\:mt-0 { - margin-top: 0px; - } - - .lg\:block { - display: block; - } - - .lg\:flex { - display: flex; - } - - .lg\:hidden { - display: none; - } - - .lg\:h-24 { - height: 6rem; - } - - .lg\:h-9 { - height: 2.25rem; - } - - .lg\:w-80 { - width: 20rem; - } - - .lg\:w-9 { - width: 2.25rem; - } - - .lg\:flex-row { - flex-direction: row; - } - - .lg\:flex-nowrap { - flex-wrap: nowrap; - } - - .lg\:justify-start { - justify-content: flex-start; - } - - .lg\:justify-end { - justify-content: flex-end; - } - - .lg\:justify-between { - justify-content: space-between; - } - - .lg\:gap-6 { - gap: 1.5rem; - } - - .lg\:bg-gray-50 { - --tw-bg-opacity: 1; - background-color: rgb(248 249 250 / var(--tw-bg-opacity)); - } - - .lg\:text-left { - text-align: left; - } -} - -@media (min-width: 1200px) { - .xl\:right-24 { - right: 6rem; - } - - .xl\:left-0 { - left: 0px; - } - - .xl\:right-6 { - right: 1.5rem; - } - - .xl\:ml-68 { - margin-left: 17rem; - } - - .xl\:ml-6 { - margin-left: 1.5rem; - } - - .xl\:hidden { - display: none; - } - - .xl\: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)); - } - - .xl\:p-1\.5 { - padding: 0.375rem; - } - - .xl\:p-1 { - padding: 0.25rem; - } - - .xl\:pl-75 { - padding-left: 18.75rem; - } -} - -@media (min-width: 1320px) { - .\32xl\:col-span-4 { - grid-column: span 4 / span 4; - } - - .\32xl\:col-span-6 { - grid-column: span 6 / span 6; - } - - .\32xl\:mx-6 { - margin-left: 1.5rem; - margin-right: 1.5rem; - } - - .\32xl\:my-3 { - margin-top: 0.75rem; - margin-bottom: 0.75rem; - } -} - -@media (min-width: 1920px) { - .\33xl\:col-span-3 { - grid-column: span 3 / span 3; - } - - .\33xl\:col-span-4 { - grid-column: span 4 / span 4; - } -} - -.\[\&\>\*\]\:bg-primary>* { - --tw-bg-opacity: 1; - background-color: rgb(8 85 119 / var(--tw-bg-opacity)); -} +/*! tailwindcss v3.1.8 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e9ecef}:after,:before{--tw-content:""}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Open Sans}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#ced4da}input::placeholder,textarea::placeholder{opacity:1;color:#ced4da}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--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:rgba(94,114,228,.5);--tw-ring-offset-shadow:0 0 #0000;--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: }::-webkit-backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--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:rgba(94,114,228,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--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:rgba(94,114,228,.5);--tw-ring-offset-shadow:0 0 #0000;--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: }.container{width:100%;margin-right:auto;margin-left:auto;padding-right:1.5rem;padding-left:1.5rem}.\!container{width:100%!important;margin-right:auto!important;margin-left:auto!important;padding-right:1.5rem!important;padding-left:1.5rem!important}@media (min-width:576px){.container{max-width:576px}.\!container{max-width:576px!important}}@media (min-width:768px){.container{max-width:768px}.\!container{max-width:768px!important}}@media (min-width:992px){.container{max-width:992px}.\!container{max-width:992px!important}}@media (min-width:1200px){.container{max-width:1200px}.\!container{max-width:1200px!important}}@media (min-width:1320px){.container{max-width:1320px}.\!container{max-width:1320px!important}}@media (min-width:1920px){.container{max-width:1920px}.\!container{max-width:1920px!important}}a{letter-spacing:-.025rem}hr{margin:1rem 0;border:0;opacity:.25}img{max-width:none}label{display:inline-block}p{line-height:1.625;font-weight:400;margin-bottom:1rem}small{font-size:.875em}svg{display:inline}table{border-collapse:inherit}h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;color:#344767}h1,h2,h3,h4{letter-spacing:-.05rem}h1,h2,h3{font-weight:700}h4,h5,h6{font-weight:600}h1{font-size:3rem;line-height:1.25}h2{font-size:2.25rem;line-height:1.3}h3{font-size:1.875rem}h3,h4{line-height:1.375}h4{font-size:1.5rem}h5{font-size:1.25rem;line-height:1.375}h6{font-size:1rem;line-height:1.625}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.invisible{visibility:hidden}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-y-0{top:0;bottom:0}.left-3{left:.75rem}.top-5{top:1.25rem}.top-0{top:0}.-right-1{right:-.25rem}.right-0{right:0}.left-0{left:0}.top-2{top:.5rem}.right-19{right:4.75rem}.bottom-0{bottom:0}.-right-0{right:0}.left-auto{left:auto}.top-4{top:1rem}.right-4{right:1rem}.right-8{right:2rem}.right-7{right:1.75rem}.top-1\.5{top:.375rem}.top-1{top:.25rem}.right-5{right:1.25rem}.top-16{top:4rem}.right-2{right:.5rem}.top-\[60px\]{top:60px}.z-100{z-index:100}.z-\[10000\]{z-index:10000}.z-110{z-index:110}.z-\[1001\]{z-index:1001}.z-990{z-index:990}.z-sticky{z-index:1020}.z-20{z-index:20}.-z-10{z-index:-10}.z-10{z-index:10}.z-\[1000\]{z-index:1000}.z-50{z-index:50}.z-\[20\]{z-index:20}.order-2{order:2}.order-1{order:1}.col-span-12{grid-column:span 12/span 12}.col-span-1{grid-column:span 1/span 1}.col-span-3{grid-column:span 3/span 3}.col-span-2{grid-column:span 2/span 2}.col-span-9{grid-column:span 9/span 9}.float-right{float:right}.float-left{float:left}.m-0{margin:0}.m-2{margin:.5rem}.m-4{margin:1rem}.my-2{margin-top:.5rem;margin-bottom:.5rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.my-0{margin-top:0;margin-bottom:0}.mx-auto{margin-left:auto;margin-right:auto}.my-3{margin-top:.75rem;margin-bottom:.75rem}.mx-6{margin-left:1.5rem;margin-right:1.5rem}.mx-0\.5{margin-left:.125rem;margin-right:.125rem}.mx-0{margin-left:0;margin-right:0}.mx-1{margin-left:.25rem;margin-right:.25rem}.my-4{margin-top:1rem;margin-bottom:1rem}.my-1{margin-top:.25rem;margin-bottom:.25rem}.mx-4{margin-left:1rem;margin-right:1rem}.mx-2\.5{margin-left:.625rem;margin-right:.625rem}.mx-3{margin-left:.75rem;margin-right:.75rem}.mb-2{margin-bottom:.5rem}.mr-2{margin-right:.5rem}.mb-3{margin-bottom:.75rem}.mb-0{margin-bottom:0}.ml-12{margin-left:3rem}.mr-7{margin-right:1.75rem}.ml-4{margin-left:1rem}.mt-4{margin-top:1rem}.mr-3{margin-right:.75rem}.mb-1{margin-bottom:.25rem}.mt-6{margin-top:1.5rem}.mb-4{margin-bottom:1rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.ml-2{margin-left:.5rem}.mt-8{margin-top:2rem}.mr-12{margin-right:3rem}.ml-3{margin-left:.75rem}.mb-6{margin-bottom:1.5rem}.ml-1{margin-left:.25rem}.ml-6{margin-left:1.5rem}.mb-8{margin-bottom:2rem}.mb-7{margin-bottom:1.75rem}.mt-1{margin-top:.25rem}.mt-0{margin-top:0}.mt-0\.5{margin-top:.125rem}.ml-0{margin-left:0}.ml-auto{margin-left:auto}.mr-6{margin-right:1.5rem}.mt-10{margin-top:2.5rem}.mr-1{margin-right:.25rem}.mr-4{margin-right:1rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-full{height:100%}.h-screen{height:100vh}.h-12{height:3rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-10{height:2.5rem}.h-48{height:12rem}.h-5{height:1.25rem}.h-4{height:1rem}.h-3{height:.75rem}.h-19{height:4.75rem}.h-px{height:1px}.h-sidenav{height:calc(100vh - 360px)}.h-5\.5{height:1.375rem}.h-\[90vh\]{height:90vh}.h-40{height:10rem}.h-1\/3{height:33.333333%}.max-h-screen{max-height:100vh}.max-h-135{max-height:33.75rem}.max-h-100{max-height:25rem}.max-h-30{max-height:7.5rem}.max-h-80{max-height:20rem}.max-h-90{max-height:22.5rem}.min-h-\[91vh\]{min-height:91vh}.min-h-20{min-height:5rem}.min-h-50-screen{min-height:50vh}.min-h-screen{min-height:100vh}.min-h-6{min-height:1.5rem}.min-h-52{min-height:13rem}.min-h-\[55vh\]{min-height:55vh}.min-h-12{min-height:3rem}.min-h-\[400px\]{min-height:400px}.min-h-\[130px\]{min-height:130px}.min-h-\[75px\]{min-height:75px}.w-full{width:100%}.w-screen{width:100vw}.w-40{width:10rem}.w-4{width:1rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-10{width:2.5rem}.w-48{width:12rem}.w-90{width:22.5rem}.w-11\/12{width:91.666667%}.w-5{width:1.25rem}.w-12{width:3rem}.w-3{width:.75rem}.w-28{width:7rem}.w-auto{width:auto}.w-5\.5{width:1.375rem}.w-80{width:20rem}.min-w-0{min-width:0}.min-w-\[900px\]{min-width:900px}.min-w-\[500px\]{min-width:500px}.min-w-\[150px\]{min-width:150px}.max-w-180{max-width:45rem}.max-w-40{max-width:10rem}.max-w-full{max-width:100%}.max-w-\[300px\]{max-width:300px}.max-w-\[400px\]{max-width:400px}.max-w-60{max-width:15rem}.max-w-64{max-width:16rem}.flex-auto{flex:1 1 auto}.grow{flex-grow:1}.basis-full{flex-basis:100%}.-translate-x-1{--tw-translate-x:-0.25rem}.-translate-x-1,.translate-y-16{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-16{--tw-translate-y:4rem}.-translate-y-0\.4{--tw-translate-y:-0.1rem}.-translate-y-0,.-translate-y-0\.4{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}.translate-x-2{--tw-translate-x:0.5rem}.translate-x-2,.translate-x-90{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-90{--tw-translate-x:22.5rem}.translate-x-0\.5{--tw-translate-x:0.125rem}.-translate-y-0\.5,.translate-x-0\.5{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\.5{--tw-translate-y:-0.125rem}.translate-x-0{--tw-translate-x:0px}.-translate-y-1\.5,.translate-x-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))}.-translate-y-1\.5{--tw-translate-y:-0.375rem}.-translate-y-1{--tw-translate-y:-0.25rem}.-translate-y-1,.translate-y-0\.5{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\.5{--tw-translate-y:0.125rem}.translate-y-0{--tw-translate-y:0px}.translate-x-1,.translate-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))}.translate-x-1{--tw-translate-x:0.25rem}.translate-y-2{--tw-translate-y:0.5rem}.-translate-x-full,.translate-y-2{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%}.translate-y-1{--tw-translate-y:0.25rem}.-translate-y-7,.translate-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))}.-translate-y-7{--tw-translate-y:-1.75rem}.rotate-12{--tw-rotate:12deg}.-rotate-12,.rotate-12{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-12{--tw-rotate:-12deg}.rotate-180{--tw-rotate:180deg}.rotate-180,.scale-90{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}.scale-50{--tw-scale-x:.5;--tw-scale-y:.5}.scale-105,.scale-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))}.scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05}.scale-110{--tw-scale-x:1.1;--tw-scale-y:1.1}.scale-110,.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))}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize{resize:both}.list-none{list-style-type:none}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.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}.justify-items-center{justify-items:center}.gap-3{gap:.75rem}.gap-2{gap:.5rem}.gap-y-4{row-gap:1rem}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.gap-y-2{row-gap:.5rem}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.whitespace-nowrap{white-space:nowrap}.break-words{overflow-wrap:break-word}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.rounded{border-radius:.25rem}.rounded-none{border-radius:0}.rounded-circle{border-radius:50%}.rounded-full{border-radius:9999px}.rounded-1\.4{border-radius:.35rem}.rounded-1{border-radius:.25rem}.rounded-10{border-radius:2.5rem}.rounded-md{border-radius:.375rem}.rounded-r-lg{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.rounded-t{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.rounded-t-2xl{border-top-left-radius:1rem;border-top-right-radius:1rem}.rounded-b-lg{border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem}.rounded-t-lg{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.rounded-b{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.border{border-width:1px}.border-0{border-width:0}.border-2{border-width:2px}.border-t{border-top-width:1px}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-r{border-right-width:1px}.border-b-0{border-bottom-width:0}.border-solid{border-style:solid}.border-dashed{border-style:dashed}.border-gray-300{--tw-border-opacity:1;border-color:rgb(210 214 218/var(--tw-border-opacity))}.border-gray-400{--tw-border-opacity:1;border-color:rgb(206 212 218/var(--tw-border-opacity))}.border-gray-200{--tw-border-opacity:1;border-color:rgb(233 236 239/var(--tw-border-opacity))}.border-primary{--tw-border-opacity:1;border-color:rgb(8 85 119/var(--tw-border-opacity))}.bg-primary{--tw-bg-opacity:1;background-color:rgb(8 85 119/var(--tw-bg-opacity))}.bg-yellow-500{--tw-bg-opacity:1;background-color:rgb(251 177 64/var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-transparent{background-color:initial}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(235 239 244/var(--tw-bg-opacity))}.bg-gray-600\/50{background-color:hsla(208,7%,46%,.5)}.bg-red-500{--tw-bg-opacity:1;background-color:rgb(245 57 57/var(--tw-bg-opacity))}.bg-sky-500{--tw-bg-opacity:1;background-color:rgb(14 165 233/var(--tw-bg-opacity))}.bg-green-500{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity))}.bg-secondary{--tw-bg-opacity:1;background-color:rgb(64 187 107/var(--tw-bg-opacity))}.bg-orange-500{--tw-bg-opacity:1;background-color:rgb(251 99 64/var(--tw-bg-opacity))}.bg-blue-500{--tw-bg-opacity:1;background-color:rgb(94 114 228/var(--tw-bg-opacity))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(248 249 250/var(--tw-bg-opacity))}.bg-primary\/20{background-color:rgba(8,85,119,.2)}.bg-slate-800\/10{background-color:rgba(58,65,111,.1)}.bg-none{background-image:none}.bg-gradient-to-tl{background-image:linear-gradient(to top left,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-transparent{--tw-gradient-from:transparent;--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.via-black\/40{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-from),rgba(0,0,0,.4),var(--tw-gradient-to)}.to-transparent{--tw-gradient-to:transparent}.bg-150{background-size:150%}.bg-contain{background-size:contain}.bg-clip-border{background-clip:initial}.bg-clip-padding{background-clip:padding-box}.bg-x-25{background-position:25% 0}.bg-center{background-position:50%}.bg-left{background-position:0}.bg-no-repeat{background-repeat:no-repeat}.fill-primary{fill:#085577}.fill-white{fill:#fff}.fill-yellow-500{fill:#fbb140}.fill-gray-600{fill:#6c757d}.fill-gray-500{fill:#adb5bd}.fill-green-500{fill:#22c55e}.fill-red-500{fill:#f53939}.fill-sky-500{fill:#0ea5e9}.fill-amber-500{fill:#f59e0b}.fill-slate-800{fill:#3a416f}.fill-blue-500{fill:#5e72e4}.stroke-gray-100{stroke:#ebeff4}.stroke-green-700{stroke:#15803d}.stroke-orange-500{stroke:#fb6340}.stroke-sky-500{stroke:#0ea5e9}.stroke-red-500{stroke:#f53939}.stroke-blue-400{stroke:#60a5fa}.stroke-blue-500{stroke:#5e72e4}.stroke-yellow-500{stroke:#fbb140}.stroke-pink-600{stroke:#db2777}.stroke-gray-600{stroke:#6c757d}.stroke-emerald-600{stroke:#059669}.stroke-0{stroke-width:0}.object-cover{-o-object-fit:cover;object-fit:cover}.p-4{padding:1rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-0{padding:0}.p-1{padding:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-0\.5{padding-left:.125rem;padding-right:.125rem}.px-0{padding-left:0;padding-right:0}.py-4{padding-top:1rem;padding-bottom:1rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.px-12{padding-left:3rem;padding-right:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}.px-8{padding-left:2rem;padding-right:2rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.pb-0{padding-bottom:0}.pt-20{padding-top:5rem}.pt-1{padding-top:.25rem}.pt-4{padding-top:1rem}.pl-0{padding-left:0}.pr-0{padding-right:0}.pl-2{padding-left:.5rem}.pb-2{padding-bottom:.5rem}.pl-6{padding-left:1.5rem}.pr-8{padding-right:2rem}.pl-3{padding-left:.75rem}.pl-4{padding-left:1rem}.pb-8{padding-bottom:2rem}.pr-2{padding-right:.5rem}.pt-3{padding-top:.75rem}.text-left{text-align:left}.text-center{text-align:center}.align-top{vertical-align:top}.align-middle{vertical-align:middle}.align-bottom{vertical-align:bottom}.font-sans{font-family:Open Sans}.text-base{font-size:1rem;line-height:1.5rem}.text-sm{font-size:.875rem;line-height:1.5rem}.text-xs{font-size:.75rem;line-height:1rem}.text-xl{font-size:1.25rem}.text-lg,.text-xl{line-height:1.75rem}.text-lg{font-size:1.125rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.font-normal{font-weight:400}.font-bold{font-weight:700}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-default{line-height:1.6}.leading-normal{line-height:1.5}.leading-5\.6{line-height:1.4rem}.leading-5{line-height:1.25rem}.leading-none{line-height:1}.leading-6{line-height:1.5rem}.leading-tight{line-height:1.25}.leading-8{line-height:2rem}.tracking-tight-rem{letter-spacing:-.025rem}.tracking-wide{letter-spacing:.025em}.text-slate-500{--tw-text-opacity:1;color:rgb(103 116 142/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.text-gray-700{--tw-text-opacity:1;color:rgb(73 80 87/var(--tw-text-opacity))}.text-slate-700{--tw-text-opacity:1;color:rgb(52 71 103/var(--tw-text-opacity))}.text-red-500{--tw-text-opacity:1;color:rgb(245 57 57/var(--tw-text-opacity))}.text-yellow-500{--tw-text-opacity:1;color:rgb(251 177 64/var(--tw-text-opacity))}.text-green-500{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity))}.text-emerald-500{--tw-text-opacity:1;color:rgb(45 206 137/var(--tw-text-opacity))}.text-sky-600{--tw-text-opacity:1;color:rgb(62 161 236/var(--tw-text-opacity))}.text-gray-300{--tw-text-opacity:1;color:rgb(210 214 218/var(--tw-text-opacity))}.text-blue-500{--tw-text-opacity:1;color:rgb(94 114 228/var(--tw-text-opacity))}.text-gray-600{--tw-text-opacity:1;color:rgb(108 117 125/var(--tw-text-opacity))}.text-primary{--tw-text-opacity:1;color:rgb(8 85 119/var(--tw-text-opacity))}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-50{opacity:.5}.opacity-100{opacity:1}.opacity-0{opacity:0}.opacity-60{opacity:.6}.shadow-xl{--tw-shadow:0 0 2rem 0 rgba(136,152,170,.15);--tw-shadow-colored:0 0 2rem 0 var(--tw-shadow-color)}.shadow-xl,.shadow-xs{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-xs{--tw-shadow:0 7px 14px rgba(50,50,93,.1),0 3px 6px rgba(0,0,0,.08);--tw-shadow-colored:0 7px 14px var(--tw-shadow-color),0 3px 6px var(--tw-shadow-color)}.shadow-sm{--tw-shadow:0 .25rem .375rem -.0625rem hsla(0,0%,8%,.12),0 .125rem .25rem -.0625rem hsla(0,0%,8%,.07);--tw-shadow-colored:0 .25rem .375rem -.0625rem var(--tw-shadow-color),0 .125rem .25rem -.0625rem var(--tw-shadow-color)}.shadow-3xl,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-3xl{--tw-shadow:0 8px 26px -4px hsla(0,0%,8%,.15),0 8px 9px -5px hsla(0,0%,8%,.06);--tw-shadow-colored:0 8px 26px -4px var(--tw-shadow-color),0 8px 9px -5px var(--tw-shadow-color)}.shadow-none{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}.shadow-md,.shadow-none{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px rgba(50,50,93,.1),0 1px 3px rgba(0,0,0,.08);--tw-shadow-colored:0 4px 6px var(--tw-shadow-color),0 1px 3px var(--tw-shadow-color)}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(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)}.outline-none{outline:2px solid transparent;outline-offset:2px}.blur{--tw-blur:blur(8px)}.blur,.brightness-90{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)}.brightness-90{--tw-brightness:brightness(.9)}.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)}.transition{transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-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-text-decoration-color,-webkit-backdrop-filter;transition-timing-function:ease;transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:ease;transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:ease;transition-duration:.15s}.duration-300{transition-duration:.3s}.duration-200{transition-duration:.2s}.duration-250{transition-duration:.25s}.ease-in-out{transition-timing-function:ease-in-out}.ease-in{transition-timing-function:ease-in}.flex-wrap-inherit{flex-wrap:inherit}.first-letter\:absolute:first-letter{position:absolute}.placeholder\:text-gray-500::-moz-placeholder{--tw-text-opacity:1;color:rgb(173 181 189/var(--tw-text-opacity))}.placeholder\:text-gray-500::placeholder{--tw-text-opacity:1;color:rgb(173 181 189/var(--tw-text-opacity))}.before\:float-left:before{content:var(--tw-content);float:left}.before\:pr-2:before{content:var(--tw-content);padding-right:.5rem}.before\:text-white:before{content:var(--tw-content);--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.before\:content-\[\'\/\'\]:before{--tw-content:"/";content:var(--tw-content)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:top-px:after{content:var(--tw-content);top:1px}.after\:float-right:after{content:var(--tw-content);float:right}.after\:h-4:after{content:var(--tw-content);height:1rem}.after\:w-4:after{content:var(--tw-content);width:1rem}.after\:translate-x-px:after{content:var(--tw-content);--tw-translate-x:1px;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))}.after\:rounded-circle:after{content:var(--tw-content);border-radius:50%}.after\:bg-white:after{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.after\:pl-2:after{content:var(--tw-content);padding-left:.5rem}.after\:text-gray-600:after{content:var(--tw-content);--tw-text-opacity:1;color:rgb(108 117 125/var(--tw-text-opacity))}.after\:shadow-2xl:after{content:var(--tw-content);--tw-shadow:0 .3125rem .625rem 0 rgba(0,0,0,.12);--tw-shadow-colored:0 .3125rem .625rem 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)}.after\:duration-300:after{content:var(--tw-content);transition-duration:.3s}.after\:content-\[\'\/\'\]:after{--tw-content:"/";content:var(--tw-content)}.after\:content-\[\'\'\]:after{--tw-content:"";content:var(--tw-content)}.checked\:z-0:checked{z-index:0}.checked\:border-primary:checked{--tw-border-opacity:1;border-color:rgb(8 85 119/var(--tw-border-opacity))}.checked\:bg-primary:checked{--tw-bg-opacity:1;background-color:rgb(8 85 119/var(--tw-bg-opacity))}.checked\:bg-none:checked{background-image:none}.checked\:bg-right:checked{background-position:100%}.checked\:after\:translate-x-5\.3:checked:after{--tw-translate-x:1.3rem}.checked\:after\:translate-x-5:checked:after,.checked\:after\:translate-x-5\.3:checked:after{content:var(--tw-content);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))}.checked\:after\:translate-x-5:checked:after{--tw-translate-x:1.25rem}.hover\:-translate-y-px:hover{--tw-translate-y:-1px}.hover\:-translate-y-0\.4:hover,.hover\:-translate-y-px:hover{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\:-translate-y-0\.4:hover{--tw-translate-y:-0.1rem}.hover\:-translate-y-0:hover{--tw-translate-y:-0px}.hover\:-translate-y-0:hover,.hover\:-translate-y-2:hover{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\:-translate-y-2:hover{--tw-translate-y:-0.5rem}.hover\:scale-102:hover{--tw-scale-x:1.02;--tw-scale-y:1.02;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\:rounded-lg:hover{border-radius:.5rem}.hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(235 239 244/var(--tw-bg-opacity))}.hover\:bg-gray-300:hover{--tw-bg-opacity:1;background-color:rgb(210 214 218/var(--tw-bg-opacity))}.hover\:bg-red-500\/80:hover{background-color:rgba(245,57,57,.8)}.hover\:bg-sky-500\/80:hover{background-color:rgba(14,165,233,.8)}.hover\:bg-green-500\/80:hover{background-color:rgba(34,197,94,.8)}.hover\:bg-yellow-500\/80:hover{background-color:rgba(251,177,64,.8)}.hover\:bg-primary\/80:hover{background-color:rgba(8,85,119,.8)}.hover\:bg-primary\/30:hover{background-color:rgba(8,85,119,.3)}.hover\:bg-primary\/5:hover{background-color:rgba(8,85,119,.05)}.hover\:bg-blue-500\/80:hover{background-color:rgba(94,114,228,.8)}.hover\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(248 249 250/var(--tw-bg-opacity))}.hover\:opacity-80:hover{opacity:.8}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px rgba(50,50,93,.1),0 1px 3px rgba(0,0,0,.08);--tw-shadow-colored:0 4px 6px var(--tw-shadow-color),0 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)}.hover\:brightness-90:hover{--tw-brightness:brightness(.9)}.hover\:brightness-75:hover,.hover\:brightness-90:hover{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\:brightness-75:hover{--tw-brightness:brightness(.75)}.hover\:brightness-95:hover{--tw-brightness:brightness(.95);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)}.focus\:border-primary:focus{--tw-border-opacity:1;border-color:rgb(8 85 119/var(--tw-border-opacity))}.focus\:border-green-500:focus{--tw-border-opacity:1;border-color:rgb(34 197 94/var(--tw-border-opacity))}.focus\:border-gray-300\/0:focus{border-color:rgba(210,214,218,0)}.focus\:bg-red-500\/80:focus{background-color:rgba(245,57,57,.8)}.focus\:bg-sky-500\/80:focus{background-color:rgba(14,165,233,.8)}.focus\:bg-green-500\/80:focus{background-color:rgba(34,197,94,.8)}.focus\:bg-yellow-500\/80:focus{background-color:rgba(251,177,64,.8)}.focus\:bg-primary\/80:focus{background-color:rgba(8,85,119,.8)}.focus\:ring-1: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(1px + 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)}.focus\:valid\:border-green-500:valid:focus{--tw-border-opacity:1;border-color:rgb(34 197 94/var(--tw-border-opacity))}.focus\:valid\:ring-green-500:valid:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(34 197 94/var(--tw-ring-opacity))}.focus\:invalid\:border-red-500:invalid:focus{--tw-border-opacity:1;border-color:rgb(245 57 57/var(--tw-border-opacity))}.focus\:invalid\:ring-red-500:invalid:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(245 57 57/var(--tw-ring-opacity))}.focus\:file\:invalid\:border-red-500:invalid::-webkit-file-upload-button:focus{--tw-border-opacity:1;border-color:rgb(245 57 57/var(--tw-border-opacity))}.focus\:file\:invalid\:border-red-500:invalid::file-selector-button:focus{--tw-border-opacity:1;border-color:rgb(245 57 57/var(--tw-border-opacity))}.active\:opacity-85:active{opacity:.85}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-default:disabled{cursor:default}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:border-gray-400:disabled{--tw-border-opacity:1;border-color:rgb(206 212 218/var(--tw-border-opacity))}.disabled\:bg-gray-400:disabled{--tw-bg-opacity:1;background-color:rgb(206 212 218/var(--tw-bg-opacity))}.disabled\:text-gray-700:disabled{--tw-text-opacity:1;color:rgb(73 80 87/var(--tw-text-opacity))}.disabled\:opacity-75:disabled{opacity:.75}.disabled\:hover\:translate-y-0:hover:disabled{--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))}.dark .dark\:inline{display:inline}.dark .dark\:hidden{display:none}.dark .dark\:border-slate-600{--tw-border-opacity:1;border-color:rgb(98 117 148/var(--tw-border-opacity))}.dark .dark\:border-slate-800{--tw-border-opacity:1;border-color:rgb(58 65 111/var(--tw-border-opacity))}.dark .dark\:border-gray-700{--tw-border-opacity:1;border-color:rgb(73 80 87/var(--tw-border-opacity))}.dark .dark\:bg-slate-900{--tw-bg-opacity:1;background-color:rgb(5 17 57/var(--tw-bg-opacity))}.dark .dark\:bg-slate-850{--tw-bg-opacity:1;background-color:rgb(17 28 68/var(--tw-bg-opacity))}.dark .dark\:bg-slate-700{--tw-bg-opacity:1;background-color:rgb(52 71 103/var(--tw-bg-opacity))}.dark .dark\:bg-green-500\/90{background-color:rgba(34,197,94,.9)}.dark .dark\:bg-primary{--tw-bg-opacity:1;background-color:rgb(8 85 119/var(--tw-bg-opacity))}.dark .dark\:bg-primary\/50{background-color:rgba(8,85,119,.5)}.dark .dark\:bg-slate-900\/30{background-color:rgba(5,17,57,.3)}.dark .dark\:bg-slate-700\/50{background-color:rgba(52,71,103,.5)}.dark .dark\:bg-gray-800{--tw-bg-opacity:1;background-color:rgb(37 47 64/var(--tw-bg-opacity))}.dark .dark\:bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.dark .dark\:from-transparent{--tw-gradient-from:transparent;--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.dark .dark\:via-white{--tw-gradient-to:hsla(0,0%,100%,0);--tw-gradient-stops:var(--tw-gradient-from),#fff,var(--tw-gradient-to)}.dark .dark\:to-transparent{--tw-gradient-to:transparent}.dark .dark\:fill-gray-300{fill:#d2d6da}.dark .dark\:fill-gray-500{fill:#adb5bd}.dark .dark\:fill-gray-700{fill:#495057}.dark .dark\:stroke-gray-600{stroke:#6c757d}.dark .dark\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.dark .dark\:text-gray-500{--tw-text-opacity:1;color:rgb(173 181 189/var(--tw-text-opacity))}.dark .dark\:text-gray-300{--tw-text-opacity:1;color:rgb(210 214 218/var(--tw-text-opacity))}.dark .dark\:text-gray-400{--tw-text-opacity:1;color:rgb(206 212 218/var(--tw-text-opacity))}.dark .dark\:text-gray-200{--tw-text-opacity:1;color:rgb(233 236 239/var(--tw-text-opacity))}.dark .dark\:text-red-500{--tw-text-opacity:1;color:rgb(245 57 57/var(--tw-text-opacity))}.dark .dark\:opacity-50{opacity:.5}.dark .dark\:opacity-90{opacity:.9}.dark .dark\:opacity-80{opacity:.8}.dark .dark\:opacity-75{opacity:.75}.dark .dark\:opacity-60{opacity:.6}.dark .dark\:shadow-dark-xl{--tw-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);--tw-shadow-colored:0 2px 2px 0 var(--tw-shadow-color),0 3px 1px -2px var(--tw-shadow-color),0 1px 5px 0 var(--tw-shadow-color)}.dark .dark\:shadow-dark-xl,.dark .dark\:shadow-none{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.dark .dark\:shadow-none{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}.dark .dark\:brightness-110{--tw-brightness:brightness(1.1)}.dark .dark\:brightness-110,.dark .dark\:brightness-125{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)}.dark .dark\:brightness-125{--tw-brightness:brightness(1.25)}.dark .dark\:brightness-150{--tw-brightness:brightness(1.5)}.dark .dark\:brightness-150,.dark .dark\:brightness-90{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)}.dark .dark\:brightness-90{--tw-brightness:brightness(.9)}.dark .dark\:brightness-95{--tw-brightness:brightness(.95);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)}.dark .dark\:checked\:border-primary:checked{--tw-border-opacity:1;border-color:rgb(8 85 119/var(--tw-border-opacity))}.dark .dark\:checked\:bg-primary:checked{--tw-bg-opacity:1;background-color:rgb(8 85 119/var(--tw-bg-opacity))}.dark .dark\:hover\:bg-slate-800:hover{--tw-bg-opacity:1;background-color:rgb(58 65 111/var(--tw-bg-opacity))}.dark .dark\:hover\:bg-primary\/60:hover{background-color:rgba(8,85,119,.6)}.dark .dark\:hover\:bg-primary\/20:hover{background-color:rgba(8,85,119,.2)}.dark .dark\:hover\:bg-slate-700\/50:hover{background-color:rgba(52,71,103,.5)}.dark .dark\:hover\:brightness-100:hover{--tw-brightness:brightness(1)}.dark .dark\:hover\:brightness-100:hover,.dark .dark\:hover\:brightness-105:hover{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)}.dark .dark\:hover\:brightness-105:hover{--tw-brightness:brightness(1.05)}.dark .dark\:hover\:brightness-90:hover{--tw-brightness:brightness(.9)}.dark .dark\:hover\:brightness-90:hover,.dark .dark\:hover\:brightness-95:hover{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)}.dark .dark\:hover\:brightness-95:hover{--tw-brightness:brightness(.95)}.dark .dark\:disabled\:border-gray-800:disabled{--tw-border-opacity:1;border-color:rgb(37 47 64/var(--tw-border-opacity))}.dark .dark\:disabled\:bg-gray-800:disabled{--tw-bg-opacity:1;background-color:rgb(37 47 64/var(--tw-bg-opacity))}.dark .dark\:disabled\:text-gray-300:disabled{--tw-text-opacity:1;color:rgb(210 214 218/var(--tw-text-opacity))}@media (min-width:576px){.sm\:top-3{top:.75rem}.sm\:right-24{right:6rem}.sm\:right-6{right:1.5rem}.sm\:right-40{right:10rem}.sm\:col-span-6{grid-column:span 6/span 6}.sm\:col-span-4{grid-column:span 4/span 4}.sm\:col-start-5{grid-column-start:5}.sm\:mx-6{margin-left:1.5rem;margin-right:1.5rem}.sm\:mx-4{margin-left:1rem;margin-right:1rem}.sm\:ml-1{margin-left:.25rem}.sm\:mr-16{margin-right:4rem}.sm\:hidden{display:none}.sm\:h-14{height:3.5rem}.sm\:h-10{height:2.5rem}.sm\:h-7{height:1.75rem}.sm\:max-h-28{max-height:7rem}.sm\:max-h-125{max-height:31.25rem}.sm\:w-50{width:12.5rem}.sm\:w-36{width:9rem}.sm\:w-7{width:1.75rem}.sm\: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))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-end{justify-content:flex-end}.sm\:justify-items-start{justify-items:start}.sm\:gap-4{gap:1rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:px-4{padding-left:1rem;padding-right:1rem}.sm\:pt-6{padding-top:1.5rem}.sm\:text-left{text-align:left}}@media (min-width:768px){.md\:col-span-8{grid-column:span 8/span 8}.md\:col-span-4{grid-column:span 4/span 4}.md\:col-span-6{grid-column:span 6/span 6}.md\:col-span-5{grid-column:span 5/span 5}.md\:col-span-7{grid-column:span 7/span 7}.md\:my-0{margin-top:0;margin-bottom:0}.md\:mx-6{margin-left:1.5rem;margin-right:1.5rem}.md\:my-3{margin-top:.75rem;margin-bottom:.75rem}.md\:mb-8{margin-bottom:2rem}.md\:mb-3{margin-bottom:.75rem}.md\:mr-3{margin-right:.75rem}.md\:mb-0{margin-bottom:0}.md\:block{display:block}.md\:hidden{display:none}.md\:h-16{height:4rem}.md\:max-h-160{max-height:40rem}.md\:min-h-75-screen{min-height:75vh}.md\:w-60{width:15rem}.md\:w-1\/2{width:50%}.md\:justify-end{justify-content:flex-end}.md\:py-4{padding-top:1rem;padding-bottom:1rem}.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}.md\:px-3{padding-left:.75rem;padding-right:.75rem}.md\:py-2{padding-top:.5rem;padding-bottom:.5rem}.md\:text-base{font-size:1rem;line-height:1.5rem}}@media (min-width:992px){.lg\:relative{position:relative}.lg\:order-1{order:1}.lg\:order-2{order:2}.lg\:col-span-4{grid-column:span 4/span 4}.lg\:col-span-6{grid-column:span 6/span 6}.lg\:col-span-1{grid-column:span 1/span 1}.lg\:col-span-8{grid-column:span 8/span 8}.lg\:mx-0{margin-left:0;margin-right:0}.lg\:mx-8{margin-left:2rem;margin-right:2rem}.lg\:mt-0{margin-top:0}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:h-24{height:6rem}.lg\:h-9{height:2.25rem}.lg\:w-80{width:20rem}.lg\:w-9{width:2.25rem}.lg\:flex-row{flex-direction:row}.lg\:flex-nowrap{flex-wrap:nowrap}.lg\:justify-start{justify-content:flex-start}.lg\:justify-end{justify-content:flex-end}.lg\:justify-between{justify-content:space-between}.lg\:gap-6{gap:1.5rem}.lg\:bg-gray-50{--tw-bg-opacity:1;background-color:rgb(248 249 250/var(--tw-bg-opacity))}.lg\:text-left{text-align:left}}@media (min-width:1200px){.xl\:right-24{right:6rem}.xl\:left-0{left:0}.xl\:right-6{right:1.5rem}.xl\:ml-68{margin-left:17rem}.xl\:ml-6{margin-left:1.5rem}.xl\:hidden{display:none}.xl\: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))}.xl\:p-1\.5{padding:.375rem}.xl\:p-1{padding:.25rem}.xl\:pl-75{padding-left:18.75rem}}@media (min-width:1320px){.\32xl\:col-span-4{grid-column:span 4/span 4}.\32xl\:col-span-6{grid-column:span 6/span 6}.\32xl\:mx-6{margin-left:1.5rem;margin-right:1.5rem}.\32xl\:my-3{margin-top:.75rem;margin-bottom:.75rem}}@media (min-width:1920px){.\33xl\:col-span-3{grid-column:span 3/span 3}.\33xl\:col-span-4{grid-column:span 4/span 4}}.\[\&\>\*\]\:bg-primary>*{--tw-bg-opacity:1;background-color:rgb(8 85 119/var(--tw-bg-opacity))} \ No newline at end of file diff --git a/src/ui/static/js/plugins.js b/src/ui/static/js/plugins.js index 8bcc415a9..3cda52fac 100644 --- a/src/ui/static/js/plugins.js +++ b/src/ui/static/js/plugins.js @@ -372,7 +372,9 @@ class Upload { ${name} ${fileSize} - + + + `; diff --git a/src/ui/static/js/utils/file.manager.js b/src/ui/static/js/utils/file.manager.js index 47c5eec1b..c2e8e551f 100644 --- a/src/ui/static/js/utils/file.manager.js +++ b/src/ui/static/js/utils/file.manager.js @@ -181,6 +181,14 @@ class FolderDropdown { init() { let prevActionBtn = ""; //compare with curr to hide or not prev this.container.addEventListener("click", (e) => { + //remove when none click + try { + if ( + !e.target.closest("div").hasAttribute(`${this.prefix}-action-button`) + ) { + this.hideDropEls(); + } + } catch (err) {} //show dropdown actions for folders try { if ( diff --git a/src/ui/static/js/utils/form.js b/src/ui/static/js/utils/form.js index 36a5efa32..373e3c5f1 100644 --- a/src/ui/static/js/utils/form.js +++ b/src/ui/static/js/utils/form.js @@ -37,6 +37,23 @@ class Select { init() { window.addEventListener("click", (e) => { + //CASE NO BTN SELECT CLICKED + try { + if (!e.target.closest("button")) { + const selectEls = document.querySelectorAll( + "div[setting-select-dropdown]" + ); + selectEls.forEach((select) => { + select.classList.add("hidden"); + select.classList.remove("flex"); + }); + const btnEls = document.querySelectorAll("button[setting-select]"); + btnEls.forEach((btn) => { + const dropdownChevron = btn.querySelector(`svg[setting-select]`); + dropdownChevron.classList.remove("rotate-180"); + }); + } + } catch (err) {} //SELECT BTN LOGIC try { if ( diff --git a/src/ui/static/js/utils/settings.js b/src/ui/static/js/utils/settings.js index 115d822c8..eb4e890bf 100644 --- a/src/ui/static/js/utils/settings.js +++ b/src/ui/static/js/utils/settings.js @@ -82,12 +82,18 @@ class Tabs { //reset desktop style const tabsDesktop = container.querySelectorAll("button[tab-handler]"); tabsDesktop.forEach((tab) => { - tab.classList.remove("brightness-90", "z-10"); + tab.classList.remove("brightness-90", "z-[1001]"); + tab.classList.add("z-1000"); }); //reset mobile style const tabsMobile = container.querySelectorAll("button[tab-handler-mobile]"); tabsMobile.forEach((tab) => { - tab.classList.add("bg-white", "dark:bg-slate-700", "text-gray-700"); + tab.classList.add( + "bg-white", + "dark:bg-slate-700", + "text-gray-700", + "z-1000" + ); tab.classList.remove( "dark:bg-primary", "bg-primary", @@ -103,7 +109,7 @@ class Tabs { const tabDesktop = container.querySelector( `button[tab-handler='${tabAtt}']` ); - tabDesktop.classList.add("brightness-90", "z-10"); + tabDesktop.classList.add("brightness-90", "z-[1001]"); //mobile case const tabMobile = container.querySelector( @@ -158,10 +164,7 @@ class FormatValue { try { inp.setAttribute("value", inp.getAttribute("value").trim()); inp.value = inp.value.trim(); - - }catch(err) { - - } + } catch (err) {} }); } } diff --git a/src/ui/templates/loading.html b/src/ui/templates/loading.html index 94357ca15..c89e9ac02 100644 --- a/src/ui/templates/loading.html +++ b/src/ui/templates/loading.html @@ -24,7 +24,7 @@ {%if message %}

{{ message }}

diff --git a/src/ui/templates/settings_tabs.html b/src/ui/templates/settings_tabs.html index 3b76b3cbd..3d93229be 100644 --- a/src/ui/templates/settings_tabs.html +++ b/src/ui/templates/settings_tabs.html @@ -12,14 +12,14 @@