diff --git a/src/app/src/application.css b/src/app/src/application.css new file mode 100644 index 000000000..2772a6d60 --- /dev/null +++ b/src/app/src/application.css @@ -0,0 +1,3123 @@ +/* +! tailwindcss v3.4.10 | 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: #e5e7eb; /* 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. +5. Use the user's configured `sans` font-feature-settings by default. +6. Use the user's configured `sans` font-variation-settings by default. +7. Disable tap highlights on iOS +*/ + +html, +:host { + 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: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */ + font-feature-settings: normal; /* 5 */ + font-variation-settings: normal; /* 6 */ + -webkit-tap-highlight-color: transparent; /* 7 */ +} + +/* +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. Use the user's configured `mono` font-feature-settings by default. +3. Use the user's configured `mono` font-variation-settings by default. +4. 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-feature-settings: normal; /* 2 */ + font-variation-settings: normal; /* 3 */ + font-size: 1em; /* 4 */ +} + +/* +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-feature-settings: inherit; /* 1 */ + font-variation-settings: inherit; /* 1 */ + font-size: 100%; /* 1 */ + font-weight: inherit; /* 1 */ + line-height: inherit; /* 1 */ + letter-spacing: 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, +input:where([type='button']), +input:where([type='reset']), +input:where([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; +} + +/* +Reset default styling for dialogs. +*/ +dialog { + 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: #9ca3af; /* 2 */ +} + +input::placeholder, +textarea::placeholder { + opacity: 1; /* 1 */ + color: #9ca3af; /* 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; +} + +/* Make elements with the HTML hidden attribute stay hidden by default */ +[hidden] { + display: none; +} + +*, ::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-gradient-from-position: ; + --tw-gradient-via-position: ; + --tw-gradient-to-position: ; + --tw-ordinal: ; + --tw-slashed-zero: ; + --tw-numeric-figure: ; + --tw-numeric-spacing: ; + --tw-numeric-fraction: ; + --tw-ring-inset: ; + --tw-ring-offset-width: 0px; + --tw-ring-offset-color: #fff; + --tw-ring-color: rgb(52 109 202 / 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: ; + --tw-contain-size: ; + --tw-contain-layout: ; + --tw-contain-paint: ; + --tw-contain-style: ; +} + +::backdrop { + --tw-border-spacing-x: 0; + --tw-border-spacing-y: 0; + --tw-translate-x: 0; + --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-gradient-from-position: ; + --tw-gradient-via-position: ; + --tw-gradient-to-position: ; + --tw-ordinal: ; + --tw-slashed-zero: ; + --tw-numeric-figure: ; + --tw-numeric-spacing: ; + --tw-numeric-fraction: ; + --tw-ring-inset: ; + --tw-ring-offset-width: 0px; + --tw-ring-offset-color: #fff; + --tw-ring-color: rgb(52 109 202 / 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: ; + --tw-contain-size: ; + --tw-contain-layout: ; + --tw-contain-paint: ; + --tw-contain-style: ; +} +.\!container { + width: 100% !important; +} +.container { + width: 100%; +} +@media (min-width: 640px) { + + .\!container { + max-width: 640px !important; + } + + .container { + max-width: 640px; + } +} +@media (min-width: 768px) { + + .\!container { + max-width: 768px !important; + } + + .container { + max-width: 768px; + } +} +@media (min-width: 1024px) { + + .\!container { + max-width: 1024px !important; + } + + .container { + max-width: 1024px; + } +} +@media (min-width: 1280px) { + + .\!container { + max-width: 1280px !important; + } + + .container { + max-width: 1280px; + } +} +@media (min-width: 1536px) { + + .\!container { + max-width: 1536px !important; + } + + .container { + max-width: 1536px; + } +} +.sr-only { + position: absolute !important; + width: 1px !important; + height: 1px !important; + padding: 0 !important; + margin: -1px !important; + overflow: hidden !important; + clip: rect(0, 0, 0, 0) !important; + white-space: nowrap !important; + border-width: 0 !important; +} +.pointer-events-none { + pointer-events: none !important; +} +.pointer-events-auto { + pointer-events: auto !important; +} +.\!visible { + visibility: visible !important; +} +.visible { + visibility: visible !important; +} +.invisible { + visibility: hidden !important; +} +.collapse { + visibility: collapse !important; +} +.static { + position: static !important; +} +.fixed { + position: fixed !important; +} +.absolute { + position: absolute !important; +} +.\!relative { + position: relative !important; +} +.relative { + position: relative !important; +} +.sticky { + position: sticky !important; +} +.-inset-0\.5 { + inset: -0.125rem !important; +} +.inset-0 { + inset: 0px !important; +} +.inset-x-0 { + left: 0px !important; + right: 0px !important; +} +.inset-y-0 { + top: 0px !important; + bottom: 0px !important; +} +.-bottom-12 { + bottom: -3rem !important; +} +.-left-12 { + left: -3rem !important; +} +.-right-12 { + right: -3rem !important; +} +.-top-12 { + top: -3rem !important; +} +.-top-2 { + top: -0.5rem !important; +} +.bottom-0 { + bottom: 0px !important; +} +.left-0 { + left: 0px !important; +} +.left-1\/2 { + left: 50% !important; +} +.left-2 { + left: 0.5rem !important; +} +.left-\[50\%\] { + left: 50% !important; +} +.right-0 { + right: 0px !important; +} +.right-1 { + right: 0.25rem !important; +} +.right-1\/2 { + right: 50% !important; +} +.right-2 { + right: 0.5rem !important; +} +.right-3 { + right: 0.75rem !important; +} +.right-4 { + right: 1rem !important; +} +.right-\[-5px\] { + right: -5px !important; +} +.top-0 { + top: 0px !important; +} +.top-1 { + top: 0.25rem !important; +} +.top-1\/2 { + top: 50% !important; +} +.top-2 { + top: 0.5rem !important; +} +.top-4 { + top: 1rem !important; +} +.top-\[-10px\] { + top: -10px !important; +} +.top-\[-160px\] { + top: -160px !important; +} +.top-\[-35px\] { + top: -35px !important; +} +.top-\[-47px\] { + top: -47px !important; +} +.top-\[-60px\] { + top: -60px !important; +} +.top-\[1px\] { + top: 1px !important; +} +.top-\[50\%\] { + top: 50% !important; +} +.top-\[60\%\] { + top: 60% !important; +} +.top-full { + top: 100% !important; +} +.z-0 { + z-index: 0 !important; +} +.z-10 { + z-index: 10 !important; +} +.z-20 { + z-index: 20 !important; +} +.z-50 { + z-index: 50 !important; +} +.z-\[100\] { + z-index: 100 !important; +} +.z-\[1\] { + z-index: 1 !important; +} +.float-right { + float: right !important; +} +.float-left { + float: left !important; +} +.m-0 { + margin: 0px !important; +} +.m-auto { + margin: auto !important; +} +.-mx-1 { + margin-left: -0.25rem !important; + margin-right: -0.25rem !important; +} +.mx-4 { + margin-left: 1rem !important; + margin-right: 1rem !important; +} +.mx-auto { + margin-left: auto !important; + margin-right: auto !important; +} +.my-0 { + margin-top: 0px !important; + margin-bottom: 0px !important; +} +.my-1 { + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; +} +.my-2 { + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; +} +.-mb-1 { + margin-bottom: -0.25rem !important; +} +.-ml-4 { + margin-left: -1rem !important; +} +.-ml-\[calc\(128px-50px\)\] { + margin-left: calc(calc(128px - 50px) * -1) !important; +} +.-mt-4 { + margin-top: -1rem !important; +} +.-mt-6 { + margin-top: -1.5rem !important; +} +.mb-0 { + margin-bottom: 0px !important; +} +.mb-1 { + margin-bottom: 0.25rem !important; +} +.mb-2 { + margin-bottom: 0.5rem !important; +} +.mb-3 { + margin-bottom: 0.75rem !important; +} +.mb-4 { + margin-bottom: 1rem !important; +} +.mb-5 { + margin-bottom: 1.25rem !important; +} +.ml-1 { + margin-left: 0.25rem !important; +} +.ml-2 { + margin-left: 0.5rem !important; +} +.ml-4 { + margin-left: 1rem !important; +} +.ml-52 { + margin-left: 13rem !important; +} +.ml-auto { + margin-left: auto !important; +} +.mr-1 { + margin-right: 0.25rem !important; +} +.mr-2 { + margin-right: 0.5rem !important; +} +.mr-4 { + margin-right: 1rem !important; +} +.ms-3 { + margin-inline-start: 0.75rem !important; +} +.mt-0 { + margin-top: 0px !important; +} +.mt-1 { + margin-top: 0.25rem !important; +} +.mt-1\.5 { + margin-top: 0.375rem !important; +} +.mt-2 { + margin-top: 0.5rem !important; +} +.mt-24 { + margin-top: 6rem !important; +} +.mt-3 { + margin-top: 0.75rem !important; +} +.mt-4 { + margin-top: 1rem !important; +} +.mt-5 { + margin-top: 1.25rem !important; +} +.mt-8 { + margin-top: 2rem !important; +} +.mt-auto { + margin-top: auto !important; +} +.box-border { + box-sizing: border-box !important; +} +.block { + display: block !important; +} +.inline-block { + display: inline-block !important; +} +.inline { + display: inline !important; +} +.flex { + display: flex !important; +} +.inline-flex { + display: inline-flex !important; +} +.\!table { + display: table !important; +} +.table { + display: table !important; +} +.grid { + display: grid !important; +} +.hidden { + display: none !important; +} +.aspect-square { + aspect-ratio: 1 / 1 !important; +} +.h-1\.5 { + height: 0.375rem !important; +} +.h-10 { + height: 2.5rem !important; +} +.h-11 { + height: 2.75rem !important; +} +.h-12 { + height: 3rem !important; +} +.h-14 { + height: 3.5rem !important; +} +.h-16 { + height: 4rem !important; +} +.h-2 { + height: 0.5rem !important; +} +.h-2\.5 { + height: 0.625rem !important; +} +.h-3 { + height: 0.75rem !important; +} +.h-3\.5 { + height: 0.875rem !important; +} +.h-4 { + height: 1rem !important; +} +.h-5 { + height: 1.25rem !important; +} +.h-6 { + height: 1.5rem !important; +} +.h-7 { + height: 1.75rem !important; +} +.h-8 { + height: 2rem !important; +} +.h-9 { + height: 2.25rem !important; +} +.h-\[115px\] { + height: 115px !important; +} +.h-\[25\%\] { + height: 25% !important; +} +.h-\[25vh\] { + height: 25vh !important; +} +.h-\[35px\] { + height: 35px !important; +} +.h-\[450px\] { + height: 450px !important; +} +.h-\[45px\] { + height: 45px !important; +} +.h-\[50px\] { + height: 50px !important; +} +.h-\[70px\] { + height: 70px !important; +} +.h-\[75\%\] { + height: 75% !important; +} +.h-\[calc\(4vh\+3px\)\] { + height: calc(4vh + 3px) !important; +} +.h-\[max\(30px\2c 3vh\)\] { + height: max(30px,3vh) !important; +} +.h-\[var\(--radix-navigation-menu-viewport-height\)\] { + height: var(--radix-navigation-menu-viewport-height) !important; +} +.h-\[var\(--radix-select-trigger-height\)\] { + height: var(--radix-select-trigger-height) !important; +} +.h-auto { + height: auto !important; +} +.h-full { + height: 100% !important; +} +.h-px { + height: 1px !important; +} +.max-h-6 { + max-height: 1.5rem !important; +} +.max-h-96 { + max-height: 24rem !important; +} +.max-h-\[300px\] { + max-height: 300px !important; +} +.max-h-full { + max-height: 100% !important; +} +.max-h-screen { + max-height: 100vh !important; +} +.min-h-10 { + min-height: 2.5rem !important; +} +.min-h-20 { + min-height: 5rem !important; +} +.min-h-48 { + min-height: 12rem !important; +} +.min-h-96 { + min-height: 24rem !important; +} +.min-h-\[200px\] { + min-height: 200px !important; +} +.min-h-\[80px\] { + min-height: 80px !important; +} +.min-h-full { + min-height: 100% !important; +} +.w-1\/2 { + width: 50% !important; +} +.w-10 { + width: 2.5rem !important; +} +.w-11 { + width: 2.75rem !important; +} +.w-12 { + width: 3rem !important; +} +.w-16 { + width: 4rem !important; +} +.w-2 { + width: 0.5rem !important; +} +.w-2\.5 { + width: 0.625rem !important; +} +.w-20 { + width: 5rem !important; +} +.w-24 { + width: 6rem !important; +} +.w-3 { + width: 0.75rem !important; +} +.w-3\.5 { + width: 0.875rem !important; +} +.w-3\/4 { + width: 75% !important; +} +.w-32 { + width: 8rem !important; +} +.w-4 { + width: 1rem !important; +} +.w-40 { + width: 10rem !important; +} +.w-5 { + width: 1.25rem !important; +} +.w-6 { + width: 1.5rem !important; +} +.w-60 { + width: 15rem !important; +} +.w-64 { + width: 16rem !important; +} +.w-72 { + width: 18rem !important; +} +.w-8 { + width: 2rem !important; +} +.w-\[100px\] { + width: 100px !important; +} +.w-\[1200px\] { + width: 1200px !important; +} +.w-\[180px\] { + width: 180px !important; +} +.w-\[200px\] { + width: 200px !important; +} +.w-\[33\%\] { + width: 33% !important; +} +.w-\[40vw\] { + width: 40vw !important; +} +.w-\[45px\] { + width: 45px !important; +} +.w-\[50px\] { + width: 50px !important; +} +.w-\[600px\] { + width: 600px !important; +} +.w-\[700px\] { + width: 700px !important; +} +.w-\[7ch\] { + width: 7ch !important; +} +.w-\[8\.5rem\] { + width: 8.5rem !important; +} +.w-\[8ch\] { + width: 8ch !important; +} +.w-\[90\%\] { + width: 90% !important; +} +.w-\[968px\] { + width: 968px !important; +} +.w-\[9ch\] { + width: 9ch !important; +} +.w-auto { + width: auto !important; +} +.w-full { + width: 100% !important; +} +.w-max { + width: -moz-max-content !important; + width: max-content !important; +} +.min-w-0 { + min-width: 0px !important; +} +.min-w-12 { + min-width: 3rem !important; +} +.min-w-20 { + min-width: 5rem !important; +} +.min-w-4 { + min-width: 1rem !important; +} +.min-w-64 { + min-width: 16rem !important; +} +.min-w-7 { + min-width: 1.75rem !important; +} +.min-w-8 { + min-width: 2rem !important; +} +.min-w-80 { + min-width: 20rem !important; +} +.min-w-96 { + min-width: 24rem !important; +} +.min-w-\[180px\] { + min-width: 180px !important; +} +.min-w-\[250px\] { + min-width: 250px !important; +} +.min-w-\[8rem\] { + min-width: 8rem !important; +} +.min-w-\[var\(--radix-select-trigger-width\)\] { + min-width: var(--radix-select-trigger-width) !important; +} +.max-w-6 { + max-width: 1.5rem !important; +} +.max-w-64 { + max-width: 16rem !important; +} +.max-w-\[125px\] { + max-width: 125px !important; +} +.max-w-full { + max-width: 100% !important; +} +.max-w-lg { + max-width: 32rem !important; +} +.max-w-max { + max-width: -moz-max-content !important; + max-width: max-content !important; +} +.max-w-md { + max-width: 28rem !important; +} +.flex-1 { + flex: 1 1 0% !important; +} +.flex-shrink { + flex-shrink: 1 !important; +} +.flex-shrink-0 { + flex-shrink: 0 !important; +} +.shrink-0 { + flex-shrink: 0 !important; +} +.flex-grow { + flex-grow: 1 !important; +} +.grow { + flex-grow: 1 !important; +} +.grow-0 { + flex-grow: 0 !important; +} +.basis-full { + flex-basis: 100% !important; +} +.caption-bottom { + caption-side: bottom !important; +} +.border-collapse { + border-collapse: collapse !important; +} +.-translate-x-1\/2 { + --tw-translate-x: -50% !important; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; +} +.-translate-y-1\/2 { + --tw-translate-y: -50% !important; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; +} +.translate-x-\[-50\%\] { + --tw-translate-x: -50% !important; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; +} +.translate-y-\[-50\%\] { + --tw-translate-y: -50% !important; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; +} +.-rotate-90 { + --tw-rotate: -90deg !important; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; +} +.rotate-180 { + --tw-rotate: 180deg !important; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; +} +.rotate-45 { + --tw-rotate: 45deg !important; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; +} +.rotate-90 { + --tw-rotate: 90deg !important; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; +} +.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)) !important; +} +@keyframes bounce { + + 0%, 100% { + transform: translateY(-25%); + animation-timing-function: cubic-bezier(0.8,0,1,1); + } + + 50% { + transform: none; + animation-timing-function: cubic-bezier(0,0,0.2,1); + } +} +.animate-bounce { + animation: bounce 1s infinite !important; +} +@keyframes pulse { + + 50% { + opacity: .5; + } +} +.animate-pulse { + animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite !important; +} +@keyframes spin { + + to { + transform: rotate(360deg); + } +} +.animate-spin { + animation: spin 1s linear infinite !important; +} +.cursor-auto { + cursor: auto !important; +} +.cursor-default { + cursor: default !important; +} +.cursor-not-allowed { + cursor: not-allowed !important; +} +.cursor-pointer { + cursor: pointer !important; +} +.touch-none { + touch-action: none !important; +} +.select-none { + -webkit-user-select: none !important; + -moz-user-select: none !important; + user-select: none !important; +} +.resize { + resize: both !important; +} +.list-none { + list-style-type: none !important; +} +.appearance-none { + -webkit-appearance: none !important; + -moz-appearance: none !important; + appearance: none !important; +} +.grid-cols-1 { + grid-template-columns: repeat(1, minmax(0, 1fr)) !important; +} +.grid-cols-2 { + grid-template-columns: repeat(2, minmax(0, 1fr)) !important; +} +.grid-cols-3 { + grid-template-columns: repeat(3, minmax(0, 1fr)) !important; +} +.grid-cols-\[1\.5fr_1fr\] { + grid-template-columns: 1.5fr 1fr !important; +} +.grid-cols-\[1fr_2fr\] { + grid-template-columns: 1fr 2fr !important; +} +.grid-cols-\[1fr_3fr_1fr\] { + grid-template-columns: 1fr 3fr 1fr !important; +} +.grid-cols-\[2fr_2fr_2fr\] { + grid-template-columns: 2fr 2fr 2fr !important; +} +.grid-cols-\[4fr_1fr_5fr\] { + grid-template-columns: 4fr 1fr 5fr !important; +} +.grid-cols-\[50\%_50\%\] { + grid-template-columns: 50% 50% !important; +} +.grid-cols-\[5fr_3fr\] { + grid-template-columns: 5fr 3fr !important; +} +.grid-rows-2 { + grid-template-rows: repeat(2, minmax(0, 1fr)) !important; +} +.grid-rows-\[1fr_1fr_1fr\] { + grid-template-rows: 1fr 1fr 1fr !important; +} +.grid-rows-\[5fr_1fr\] { + grid-template-rows: 5fr 1fr !important; +} +.flex-row { + flex-direction: row !important; +} +.flex-row-reverse { + flex-direction: row-reverse !important; +} +.flex-col { + flex-direction: column !important; +} +.flex-col-reverse { + flex-direction: column-reverse !important; +} +.flex-wrap { + flex-wrap: wrap !important; +} +.content-center { + align-content: center !important; +} +.items-start { + align-items: flex-start !important; +} +.items-end { + align-items: flex-end !important; +} +.items-center { + align-items: center !important; +} +.items-stretch { + align-items: stretch !important; +} +.justify-start { + justify-content: flex-start !important; +} +.justify-end { + justify-content: flex-end !important; +} +.justify-center { + justify-content: center !important; +} +.justify-between { + justify-content: space-between !important; +} +.justify-around { + justify-content: space-around !important; +} +.gap-0 { + gap: 0px !important; +} +.gap-0\.5 { + gap: 0.125rem !important; +} +.gap-1 { + gap: 0.25rem !important; +} +.gap-1\.5 { + gap: 0.375rem !important; +} +.gap-2 { + gap: 0.5rem !important; +} +.gap-3 { + gap: 0.75rem !important; +} +.gap-4 { + gap: 1rem !important; +} +.gap-5 { + gap: 1.25rem !important; +} +.gap-\[1px\] { + gap: 1px !important; +} +.space-x-1 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0 !important; + margin-right: calc(0.25rem * var(--tw-space-x-reverse)) !important; + margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse))) !important; +} +.space-x-4 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0 !important; + margin-right: calc(1rem * var(--tw-space-x-reverse)) !important; + margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))) !important; +} +.space-y-1\.5 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0 !important; + margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse))) !important; + margin-bottom: calc(0.375rem * var(--tw-space-y-reverse)) !important; +} +.space-y-2 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0 !important; + margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))) !important; + margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)) !important; +} +.divide-y > :not([hidden]) ~ :not([hidden]) { + --tw-divide-y-reverse: 0 !important; + border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))) !important; + border-bottom-width: calc(1px * var(--tw-divide-y-reverse)) !important; +} +.divide-dotted > :not([hidden]) ~ :not([hidden]) { + border-style: dotted !important; +} +.divide-blue-300 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-opacity: 1 !important; + border-color: rgb(72 124 207 / var(--tw-divide-opacity)) !important; +} +.self-start { + align-self: flex-start !important; +} +.self-center { + align-self: center !important; +} +.self-stretch { + align-self: stretch !important; +} +.overflow-auto { + overflow: auto !important; +} +.overflow-hidden { + overflow: hidden !important; +} +.overflow-visible { + overflow: visible !important; +} +.overflow-x-auto { + overflow-x: auto !important; +} +.overflow-y-auto { + overflow-y: auto !important; +} +.overflow-x-hidden { + overflow-x: hidden !important; +} +.text-ellipsis { + text-overflow: ellipsis !important; +} +.whitespace-nowrap { + white-space: nowrap !important; +} +.text-nowrap { + text-wrap: nowrap !important; +} +.rounded { + border-radius: 0.25rem !important; +} +.rounded-3xl { + border-radius: 1.5rem !important; +} +.rounded-\[0\.2rem\] { + border-radius: 0.2rem !important; +} +.rounded-\[inherit\] { + border-radius: inherit !important; +} +.rounded-full { + border-radius: 9999px !important; +} +.rounded-lg { + border-radius: 0.5rem !important; +} +.rounded-md { + border-radius: 0.375rem !important; +} +.rounded-none { + border-radius: 0px !important; +} +.rounded-sm { + border-radius: 0.125rem !important; +} +.rounded-xl { + border-radius: 0.75rem !important; +} +.rounded-b { + border-bottom-right-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; +} +.rounded-e-3xl { + border-start-end-radius: 1.5rem !important; + border-end-end-radius: 1.5rem !important; +} +.rounded-e-none { + border-start-end-radius: 0px !important; + border-end-end-radius: 0px !important; +} +.rounded-s-3xl { + border-start-start-radius: 1.5rem !important; + border-end-start-radius: 1.5rem !important; +} +.rounded-s-none { + border-start-start-radius: 0px !important; + border-end-start-radius: 0px !important; +} +.rounded-t-\[10px\] { + border-top-left-radius: 10px !important; + border-top-right-radius: 10px !important; +} +.rounded-br { + border-bottom-right-radius: 0.25rem !important; +} +.rounded-tl-sm { + border-top-left-radius: 0.125rem !important; +} +.rounded-tr { + border-top-right-radius: 0.25rem !important; +} +.border { + border-width: 1px !important; +} +.border-0 { + border-width: 0px !important; +} +.border-2 { + border-width: 2px !important; +} +.border-\[1px\] { + border-width: 1px !important; +} +.border-b { + border-bottom-width: 1px !important; +} +.border-b-2 { + border-bottom-width: 2px !important; +} +.border-b-\[1px\] { + border-bottom-width: 1px !important; +} +.border-l { + border-left-width: 1px !important; +} +.border-r { + border-right-width: 1px !important; +} +.border-r-2 { + border-right-width: 2px !important; +} +.border-t { + border-top-width: 1px !important; +} +.border-t-4 { + border-top-width: 4px !important; +} +.border-solid { + border-style: solid !important; +} +.border-none { + border-style: none !important; +} +.border-blue-400 { + --tw-border-opacity: 1 !important; + border-color: rgb(72 124 207 / var(--tw-border-opacity)) !important; +} +.border-blue-500 { + --tw-border-opacity: 1 !important; + border-color: rgb(52 109 202 / var(--tw-border-opacity)) !important; +} +.border-blue-600 { + --tw-border-opacity: 1 !important; + border-color: rgb(47 98 182 / var(--tw-border-opacity)) !important; +} +.border-gray-200 { + --tw-border-opacity: 1 !important; + border-color: rgb(229 231 235 / var(--tw-border-opacity)) !important; +} +.border-gray-300 { + --tw-border-opacity: 1 !important; + border-color: rgb(209 213 219 / var(--tw-border-opacity)) !important; +} +.border-gray-400 { + --tw-border-opacity: 1 !important; + border-color: rgb(156 163 175 / var(--tw-border-opacity)) !important; +} +.border-gray-500 { + --tw-border-opacity: 1 !important; + border-color: rgb(107 114 128 / var(--tw-border-opacity)) !important; +} +.border-gray-600 { + --tw-border-opacity: 1 !important; + border-color: rgb(75 85 99 / var(--tw-border-opacity)) !important; +} +.border-purple-500 { + --tw-border-opacity: 1 !important; + border-color: rgb(168 85 247 / var(--tw-border-opacity)) !important; +} +.border-red-500 { + --tw-border-opacity: 1 !important; + border-color: rgb(220 38 38 / var(--tw-border-opacity)) !important; +} +.border-red-700 { + --tw-border-opacity: 1 !important; + border-color: rgb(176 30 30 / var(--tw-border-opacity)) !important; +} +.border-red-800 { + --tw-border-opacity: 1 !important; + border-color: rgb(154 27 27 / var(--tw-border-opacity)) !important; +} +.border-robin-500 { + --tw-border-opacity: 1 !important; + border-color: rgb(104 154 201 / var(--tw-border-opacity)) !important; +} +.border-slate-600 { + --tw-border-opacity: 1 !important; + border-color: rgb(71 85 105 / var(--tw-border-opacity)) !important; +} +.border-transparent { + border-color: transparent !important; +} +.border-white { + --tw-border-opacity: 1 !important; + border-color: rgb(255 255 255 / var(--tw-border-opacity)) !important; +} +.border-yellow-500 { + --tw-border-opacity: 1 !important; + border-color: rgb(234 179 8 / var(--tw-border-opacity)) !important; +} +.border-yellow-700 { + --tw-border-opacity: 1 !important; + border-color: rgb(161 98 7 / var(--tw-border-opacity)) !important; +} +.border-yellow-800 { + --tw-border-opacity: 1 !important; + border-color: rgb(133 77 14 / var(--tw-border-opacity)) !important; +} +.border-l-transparent { + border-left-color: transparent !important; +} +.border-t-transparent { + border-top-color: transparent !important; +} +.bg-black { + --tw-bg-opacity: 1 !important; + background-color: rgb(0 0 0 / var(--tw-bg-opacity)) !important; +} +.bg-black\/80 { + background-color: rgb(0 0 0 / 0.8) !important; +} +.bg-blue-400 { + --tw-bg-opacity: 1 !important; + background-color: rgb(72 124 207 / var(--tw-bg-opacity)) !important; +} +.bg-blue-500 { + --tw-bg-opacity: 1 !important; + background-color: rgb(52 109 202 / var(--tw-bg-opacity)) !important; +} +.bg-gray-100 { + --tw-bg-opacity: 1 !important; + background-color: rgb(243 244 246 / var(--tw-bg-opacity)) !important; +} +.bg-gray-200 { + --tw-bg-opacity: 1 !important; + background-color: rgb(229 231 235 / var(--tw-bg-opacity)) !important; +} +.bg-gray-300 { + --tw-bg-opacity: 1 !important; + background-color: rgb(209 213 219 / var(--tw-bg-opacity)) !important; +} +.bg-gray-400 { + --tw-bg-opacity: 1 !important; + background-color: rgb(156 163 175 / var(--tw-bg-opacity)) !important; +} +.bg-gray-50 { + --tw-bg-opacity: 1 !important; + background-color: rgb(249 250 251 / var(--tw-bg-opacity)) !important; +} +.bg-gray-500 { + --tw-bg-opacity: 1 !important; + background-color: rgb(107 114 128 / var(--tw-bg-opacity)) !important; +} +.bg-gray-800 { + --tw-bg-opacity: 1 !important; + background-color: rgb(31 41 55 / var(--tw-bg-opacity)) !important; +} +.bg-gray-900 { + --tw-bg-opacity: 1 !important; + background-color: rgb(17 24 39 / var(--tw-bg-opacity)) !important; +} +.bg-green-500 { + --tw-bg-opacity: 1 !important; + background-color: rgb(5 150 105 / var(--tw-bg-opacity)) !important; +} +.bg-green-600 { + --tw-bg-opacity: 1 !important; + background-color: rgb(5 135 95 / var(--tw-bg-opacity)) !important; +} +.bg-inherit { + background-color: inherit !important; +} +.bg-orange-400 { + --tw-bg-opacity: 1 !important; + background-color: rgb(194 121 36 / var(--tw-bg-opacity)) !important; +} +.bg-purple-400 { + --tw-bg-opacity: 1 !important; + background-color: rgb(192 132 252 / var(--tw-bg-opacity)) !important; +} +.bg-purple-500 { + --tw-bg-opacity: 1 !important; + background-color: rgb(168 85 247 / var(--tw-bg-opacity)) !important; +} +.bg-red-400 { + --tw-bg-opacity: 1 !important; + background-color: rgb(224 60 60 / var(--tw-bg-opacity)) !important; +} +.bg-red-500 { + --tw-bg-opacity: 1 !important; + background-color: rgb(220 38 38 / var(--tw-bg-opacity)) !important; +} +.bg-red-600 { + --tw-bg-opacity: 1 !important; + background-color: rgb(198 34 34 / var(--tw-bg-opacity)) !important; +} +.bg-robin-500 { + --tw-bg-opacity: 1 !important; + background-color: rgb(104 154 201 / var(--tw-bg-opacity)) !important; +} +.bg-robin-950 { + --tw-bg-opacity: 1 !important; + background-color: rgb(20 39 56 / var(--tw-bg-opacity)) !important; +} +.bg-transparent { + background-color: transparent !important; +} +.bg-white { + --tw-bg-opacity: 1 !important; + background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important; +} +.bg-yellow-100 { + --tw-bg-opacity: 1 !important; + background-color: rgb(254 249 195 / var(--tw-bg-opacity)) !important; +} +.bg-yellow-600 { + --tw-bg-opacity: 1 !important; + background-color: rgb(202 138 4 / var(--tw-bg-opacity)) !important; +} +.bg-opacity-30 { + --tw-bg-opacity: 0.3 !important; +} +.bg-opacity-60 { + --tw-bg-opacity: 0.6 !important; +} +.bg-opacity-90 { + --tw-bg-opacity: 0.9 !important; +} +.bg-\[repeating-linear-gradient\(-45deg\2c transparent\2c transparent_20px\2c lightgrey_20px\2c lightgrey_40px\)\] { + background-image: repeating-linear-gradient(-45deg,transparent,transparent 20px,lightgrey 20px,lightgrey 40px) !important; +} +.bg-gradient-to-r { + background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; +} +.from-blue-300 { + --tw-gradient-from: #487ccf var(--tw-gradient-from-position) !important; + --tw-gradient-to: rgb(72 124 207 / 0) var(--tw-gradient-to-position) !important; + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; +} +.to-blue-800 { + --tw-gradient-to: #244c8d var(--tw-gradient-to-position) !important; +} +.fill-current { + fill: currentColor !important; +} +.p-0 { + padding: 0px !important; +} +.p-1 { + padding: 0.25rem !important; +} +.p-2 { + padding: 0.5rem !important; +} +.p-3 { + padding: 0.75rem !important; +} +.p-4 { + padding: 1rem !important; +} +.p-6 { + padding: 1.5rem !important; +} +.p-\[1px\] { + padding: 1px !important; +} +.p-\[2px\] { + padding: 2px !important; +} +.px-1 { + padding-left: 0.25rem !important; + padding-right: 0.25rem !important; +} +.px-2 { + padding-left: 0.5rem !important; + padding-right: 0.5rem !important; +} +.px-2\.5 { + padding-left: 0.625rem !important; + padding-right: 0.625rem !important; +} +.px-3 { + padding-left: 0.75rem !important; + padding-right: 0.75rem !important; +} +.px-4 { + padding-left: 1rem !important; + padding-right: 1rem !important; +} +.px-5 { + padding-left: 1.25rem !important; + padding-right: 1.25rem !important; +} +.px-8 { + padding-left: 2rem !important; + padding-right: 2rem !important; +} +.py-0 { + padding-top: 0px !important; + padding-bottom: 0px !important; +} +.py-0\.5 { + padding-top: 0.125rem !important; + padding-bottom: 0.125rem !important; +} +.py-1 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; +} +.py-1\.5 { + padding-top: 0.375rem !important; + padding-bottom: 0.375rem !important; +} +.py-16 { + padding-top: 4rem !important; + padding-bottom: 4rem !important; +} +.py-2 { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; +} +.py-3 { + padding-top: 0.75rem !important; + padding-bottom: 0.75rem !important; +} +.py-4 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; +} +.py-6 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; +} +.pb-10 { + padding-bottom: 2.5rem !important; +} +.pb-4 { + padding-bottom: 1rem !important; +} +.pl-1 { + padding-left: 0.25rem !important; +} +.pl-2 { + padding-left: 0.5rem !important; +} +.pl-4 { + padding-left: 1rem !important; +} +.pl-8 { + padding-left: 2rem !important; +} +.pl-\[34px\] { + padding-left: 34px !important; +} +.pr-1 { + padding-right: 0.25rem !important; +} +.pr-2 { + padding-right: 0.5rem !important; +} +.pr-8 { + padding-right: 2rem !important; +} +.pt-0 { + padding-top: 0px !important; +} +.pt-4 { + padding-top: 1rem !important; +} +.text-left { + text-align: left !important; +} +.text-center { + text-align: center !important; +} +.text-right { + text-align: right !important; +} +.align-middle { + vertical-align: middle !important; +} +.align-bottom { + vertical-align: bottom !important; +} +.font-\[\$font-family-arial\] { + font-family: $font-family-arial !important; +} +.font-mono { + font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} +.text-2xl { + font-size: 1.5rem !important; + line-height: 2rem !important; +} +.text-3xl { + font-size: 1.875rem !important; + line-height: 2.25rem !important; +} +.text-4xl { + font-size: 2.25rem !important; + line-height: 2.5rem !important; +} +.text-5xl { + font-size: 3rem !important; + line-height: 1 !important; +} +.text-9xl { + font-size: 8rem !important; + line-height: 1 !important; +} +.text-base { + font-size: 1rem !important; + line-height: 1.5rem !important; +} +.text-lg { + font-size: 1.125rem !important; + line-height: 1.75rem !important; +} +.text-sm { + font-size: 0.875rem !important; + line-height: 1.25rem !important; +} +.text-xl { + font-size: 1.25rem !important; + line-height: 1.75rem !important; +} +.text-xs { + font-size: 0.75rem !important; + line-height: 1rem !important; +} +.font-bold { + font-weight: 700 !important; +} +.font-light { + font-weight: 300 !important; +} +.font-medium { + font-weight: 500 !important; +} +.font-normal { + font-weight: 400 !important; +} +.font-semibold { + font-weight: 600 !important; +} +.capitalize { + text-transform: capitalize !important; +} +.ordinal { + --tw-ordinal: ordinal !important; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction) !important; +} +.leading-none { + line-height: 1 !important; +} +.leading-snug { + line-height: 1.375 !important; +} +.leading-tight { + line-height: 1.25 !important; +} +.tracking-tight { + letter-spacing: -0.025em !important; +} +.tracking-widest { + letter-spacing: 0.1em !important; +} +.text-black { + --tw-text-opacity: 1 !important; + color: rgb(0 0 0 / var(--tw-text-opacity)) !important; +} +.text-blue-300 { + --tw-text-opacity: 1 !important; + color: rgb(72 124 207 / var(--tw-text-opacity)) !important; +} +.text-blue-500 { + --tw-text-opacity: 1 !important; + color: rgb(52 109 202 / var(--tw-text-opacity)) !important; +} +.text-blue-600 { + --tw-text-opacity: 1 !important; + color: rgb(47 98 182 / var(--tw-text-opacity)) !important; +} +.text-blue-700 { + --tw-text-opacity: 1 !important; + color: rgb(42 87 162 / var(--tw-text-opacity)) !important; +} +.text-current { + color: currentColor !important; +} +.text-gray-200 { + --tw-text-opacity: 1 !important; + color: rgb(229 231 235 / var(--tw-text-opacity)) !important; +} +.text-gray-400 { + --tw-text-opacity: 1 !important; + color: rgb(156 163 175 / var(--tw-text-opacity)) !important; +} +.text-gray-500 { + --tw-text-opacity: 1 !important; + color: rgb(107 114 128 / var(--tw-text-opacity)) !important; +} +.text-gray-600 { + --tw-text-opacity: 1 !important; + color: rgb(75 85 99 / var(--tw-text-opacity)) !important; +} +.text-gray-800 { + --tw-text-opacity: 1 !important; + color: rgb(31 41 55 / var(--tw-text-opacity)) !important; +} +.text-gray-900 { + --tw-text-opacity: 1 !important; + color: rgb(17 24 39 / var(--tw-text-opacity)) !important; +} +.text-green-700 { + --tw-text-opacity: 1 !important; + color: rgb(4 120 84 / var(--tw-text-opacity)) !important; +} +.text-red-600 { + --tw-text-opacity: 1 !important; + color: rgb(198 34 34 / var(--tw-text-opacity)) !important; +} +.text-robin-700 { + --tw-text-opacity: 1 !important; + color: rgb(60 116 169 / var(--tw-text-opacity)) !important; +} +.text-white { + --tw-text-opacity: 1 !important; + color: rgb(255 255 255 / var(--tw-text-opacity)) !important; +} +.text-yellow-500 { + --tw-text-opacity: 1 !important; + color: rgb(234 179 8 / var(--tw-text-opacity)) !important; +} +.text-yellow-600 { + --tw-text-opacity: 1 !important; + color: rgb(202 138 4 / var(--tw-text-opacity)) !important; +} +.text-yellow-700 { + --tw-text-opacity: 1 !important; + color: rgb(161 98 7 / var(--tw-text-opacity)) !important; +} +.text-yellow-900 { + --tw-text-opacity: 1 !important; + color: rgb(113 63 18 / var(--tw-text-opacity)) !important; +} +.underline { + text-decoration-line: underline !important; +} +.underline-offset-4 { + text-underline-offset: 4px !important; +} +.opacity-0 { + opacity: 0 !important; +} +.opacity-100 { + opacity: 1 !important; +} +.opacity-40 { + opacity: 0.4 !important; +} +.opacity-50 { + opacity: 0.5 !important; +} +.opacity-60 { + opacity: 0.6 !important; +} +.opacity-70 { + opacity: 0.7 !important; +} +.opacity-90 { + opacity: 0.9 !important; +} +.shadow { + --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1) !important; + --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color) !important; + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; +} +.shadow-\[rgba\(0\2c 0\2c 0\2c 0\.35\)_0px_5px_15px\] { + --tw-shadow: rgba(0,0,0,0.35) 0px 5px 15px !important; + --tw-shadow-colored: 0px 5px 15px var(--tw-shadow-color) !important; + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; +} +.shadow-inner { + --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05) !important; + --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color) !important; + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; +} +.shadow-lg { + --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1) !important; + --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color) !important; + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; +} +.shadow-md { + --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1) !important; + --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color) !important; + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; +} +.shadow-sm { + --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05) !important; + --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color) !important; + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; +} +.shadow-blue-200 { + --tw-shadow-color: #5d8ad5 !important; + --tw-shadow: var(--tw-shadow-colored) !important; +} +.shadow-gray-400 { + --tw-shadow-color: #9ca3af !important; + --tw-shadow: var(--tw-shadow-colored) !important; +} +.shadow-gray-500 { + --tw-shadow-color: #6b7280 !important; + --tw-shadow: var(--tw-shadow-colored) !important; +} +.outline-none { + outline: 2px solid transparent !important; + outline-offset: 2px !important; +} +.outline { + outline-style: solid !important; +} +.ring-0 { + --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important; + --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important; + box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important; +} +.ring-1 { + --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important; + --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important; + box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important; +} +.ring-gray-900\/5 { + --tw-ring-color: rgb(17 24 39 / 0.05) !important; +} +.blur { + --tw-blur: blur(8px) !important; + 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) !important; +} +.invert { + --tw-invert: invert(100%) !important; + 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) !important; +} +.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) !important; +} +.transition { + transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter !important; + transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter !important; + transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter !important; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important; + transition-duration: 150ms !important; +} +.transition-all { + transition-property: all !important; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important; + transition-duration: 150ms !important; +} +.transition-colors { + transition-property: color, background-color, border-color, text-decoration-color, fill, stroke !important; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important; + transition-duration: 150ms !important; +} +.transition-none { + transition-property: none !important; +} +.transition-opacity { + transition-property: opacity !important; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important; + transition-duration: 150ms !important; +} +.transition-transform { + transition-property: transform !important; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important; + transition-duration: 150ms !important; +} +.duration-1000 { + transition-duration: 1000ms !important; +} +.duration-150 { + transition-duration: 150ms !important; +} +.duration-200 { + transition-duration: 200ms !important; +} +.duration-300 { + transition-duration: 300ms !important; +} +.ease-in-out { + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important; +} +input[type="number"]::-webkit-inner-spin-button, + input[type="number"]::-webkit-outer-spin-button { + -webkit-appearance: none !important; + margin: 0 !important; + } +input[type="number"] { + -moz-appearance: textfield !important; + } +.\[animation\:grow_2s_infinite\] { + animation: grow 2s infinite !important; +} +.\!\[background-image\:_url\(\'texture\.png\'\)\] { + background-image: url('texture.png') !important; +} +.\[border-left\:25px_solid_transparent\] { + border-left: 25px solid transparent !important; +} +.\[border-right\:25px_solid_transparent\] { + border-right: 25px solid transparent !important; +} +.\[border-top\:50px_solid_black\] { + border-top: 50px solid black !important; +} +.\[box-shadow\:20px_20px_60px_\#bebebe_-20px_-20px_60px_\#ffffff\] { + box-shadow: 20px 20px 60px #bebebe -20px -20px 60px #ffffff !important; +} +.\[box-shadow\:_0\.4px_0\.4px_2px_2px_var\(--tw-shadow-color\)\] { + box-shadow: 0.4px 0.4px 2px 2px var(--tw-shadow-color) !important; +} +.\[box-shadow\:_1px_1px_3px_var\(--tw-shadow-color\)\] { + box-shadow: 1px 1px 3px var(--tw-shadow-color) !important; +} +.\[box-shadow\:_2px_2px_1px_var\(--tw-shadow-color\)\] { + box-shadow: 2px 2px 1px var(--tw-shadow-color) !important; +} +.\[box-shadow\:_2px_2px_5px_0px_var\(--tw-shadow-color\)\] { + box-shadow: 2px 2px 5px 0px var(--tw-shadow-color) !important; +} +.\[clip-path\:_polygon\(0\%_0\%\2c _100\%_0\%\2c _85\%_100\%\2c _15\%_100\%\)\] { + clip-path: polygon(0% 0%, 100% 0%, 85% 100%, 15% 100%) !important; +} +.\[pointer-events\:_all\] { + pointer-events: all !important; +} +.\[transform\:rotate\(0deg\)\] { + transform: rotate(0deg) !important; +} +.\[transform\:rotate\(180deg\)\] { + transform: rotate(180deg) !important; +} +.\[transform\:rotate\(270deg\)\] { + transform: rotate(270deg) !important; +} +.\[transform\:rotate\(90deg\)\] { + transform: rotate(90deg) !important; +} + +body, +html, +#app { + height: 100%; + * { + box-sizing: border-box; + } + * { + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; + } + input[type='number'] { + -webkit-appearance: none !important; + -moz-appearance: none !important; + appearance: none !important; + } + label { + font-size: 0.875rem; + line-height: 1.25rem; + } + input { + } +} + + +@property --border-angle { + inherits: false; + initial-value: 0deg; + syntax: ''; +} + + +.file\:border-0::file-selector-button { + border-width: 0px !important; +} + + +.file\:bg-transparent::file-selector-button { + background-color: transparent !important; +} + + +.file\:text-sm::file-selector-button { + font-size: 0.875rem !important; + line-height: 1.25rem !important; +} + + +.file\:font-medium::file-selector-button { + font-weight: 500 !important; +} + + +.after\:absolute::after { + content: var(--tw-content) !important; + position: absolute !important; +} + + +.after\:bottom-\[2px\]::after { + content: var(--tw-content) !important; + bottom: 2px !important; +} + + +.after\:left-\[2px\]::after { + content: var(--tw-content) !important; + left: 2px !important; +} + + +.after\:start-\[2px\]::after { + content: var(--tw-content) !important; + inset-inline-start: 2px !important; +} + + +.after\:top-\[2px\]::after { + content: var(--tw-content) !important; + top: 2px !important; +} + + +.after\:h-5::after { + content: var(--tw-content) !important; + height: 1.25rem !important; +} + + +.after\:w-5::after { + content: var(--tw-content) !important; + width: 1.25rem !important; +} + + +.after\:rounded-full::after { + content: var(--tw-content) !important; + border-radius: 9999px !important; +} + + +.after\:border::after { + content: var(--tw-content) !important; + border-width: 1px !important; +} + + +.after\:border-gray-300::after { + content: var(--tw-content) !important; + --tw-border-opacity: 1 !important; + border-color: rgb(209 213 219 / var(--tw-border-opacity)) !important; +} + + +.after\:bg-white::after { + content: var(--tw-content) !important; + --tw-bg-opacity: 1 !important; + background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important; +} + + +.after\:transition-all::after { + content: var(--tw-content) !important; + transition-property: all !important; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important; + transition-duration: 150ms !important; +} + + +.after\:content-\[\'\'\]::after { + --tw-content: '' !important; + content: var(--tw-content) !important; +} + + +.first\:pl-0:first-child { + padding-left: 0px !important; +} + + +.hover\:cursor-pointer:hover { + cursor: pointer !important; +} + + +.hover\:divide-solid:hover > :not([hidden]) ~ :not([hidden]) { + border-style: solid !important; +} + + +.hover\:bg-blue-100:hover { + --tw-bg-opacity: 1 !important; + background-color: rgb(113 153 218 / var(--tw-bg-opacity)) !important; +} + + +.hover\:bg-blue-400:hover { + --tw-bg-opacity: 1 !important; + background-color: rgb(72 124 207 / var(--tw-bg-opacity)) !important; +} + + +.hover\:bg-gray-100:hover { + --tw-bg-opacity: 1 !important; + background-color: rgb(243 244 246 / var(--tw-bg-opacity)) !important; +} + + +.hover\:bg-gray-200:hover { + --tw-bg-opacity: 1 !important; + background-color: rgb(229 231 235 / var(--tw-bg-opacity)) !important; +} + + +.hover\:bg-gray-300:hover { + --tw-bg-opacity: 1 !important; + background-color: rgb(209 213 219 / var(--tw-bg-opacity)) !important; +} + + +.hover\:bg-gray-50:hover { + --tw-bg-opacity: 1 !important; + background-color: rgb(249 250 251 / var(--tw-bg-opacity)) !important; +} + + +.hover\:bg-gray-900:hover { + --tw-bg-opacity: 1 !important; + background-color: rgb(17 24 39 / var(--tw-bg-opacity)) !important; +} + + +.hover\:fill-blue-400:hover { + fill: #487ccf !important; +} + + +.hover\:fill-blue-600:hover { + fill: #2f62b6 !important; +} + + +.hover\:text-gray-600:hover { + --tw-text-opacity: 1 !important; + color: rgb(75 85 99 / var(--tw-text-opacity)) !important; +} + + +.hover\:text-gray-800:hover { + --tw-text-opacity: 1 !important; + color: rgb(31 41 55 / var(--tw-text-opacity)) !important; +} + + +.hover\:text-gray-900:hover { + --tw-text-opacity: 1 !important; + color: rgb(17 24 39 / var(--tw-text-opacity)) !important; +} + + +.hover\:underline:hover { + text-decoration-line: underline !important; +} + + +.hover\:opacity-100:hover { + opacity: 1 !important; +} + + +.hover\:opacity-70:hover { + opacity: 0.7 !important; +} + + +.hover\:opacity-90:hover { + opacity: 0.9 !important; +} + + +.hover\:transition-all:hover { + transition-property: all !important; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important; + transition-duration: 150ms !important; +} + + +.focus\:border-none:focus { + border-style: none !important; +} + + +.focus\:bg-white:focus { + --tw-bg-opacity: 1 !important; + background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important; +} + + +.focus\:opacity-100:focus { + opacity: 1 !important; +} + + +.focus\:outline-none:focus { + outline: 2px solid transparent !important; + outline-offset: 2px !important; +} + + +.focus\:ring-2:focus { + --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important; + --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important; + box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important; +} + + +.focus\:ring-offset-2:focus { + --tw-ring-offset-width: 2px !important; +} + + +.focus-visible\:outline-none:focus-visible { + outline: 2px solid transparent !important; + outline-offset: 2px !important; +} + + +.focus-visible\:ring-2:focus-visible { + --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important; + --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important; + box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important; +} + + +.focus-visible\:ring-offset-2:focus-visible { + --tw-ring-offset-width: 2px !important; +} + + +.disabled\:pointer-events-none:disabled { + pointer-events: none !important; +} + + +.disabled\:cursor-not-allowed:disabled { + cursor: not-allowed !important; +} + + +.disabled\:border-gray-500:disabled { + --tw-border-opacity: 1 !important; + border-color: rgb(107 114 128 / var(--tw-border-opacity)) !important; +} + + +.disabled\:bg-gray-300:disabled { + --tw-bg-opacity: 1 !important; + background-color: rgb(209 213 219 / var(--tw-bg-opacity)) !important; +} + + +.disabled\:text-gray-500:disabled { + --tw-text-opacity: 1 !important; + color: rgb(107 114 128 / var(--tw-text-opacity)) !important; +} + + +.disabled\:text-yellow-300:disabled { + --tw-text-opacity: 1 !important; + color: rgb(253 224 71 / var(--tw-text-opacity)) !important; +} + + +.disabled\:opacity-50:disabled { + opacity: 0.5 !important; +} + + +.disabled\:hover\:bg-inherit:hover:disabled { + background-color: inherit !important; +} + + +.group:hover .group-hover\:visible { + visibility: visible !important; +} + + +.group:hover .group-hover\:opacity-100 { + opacity: 1 !important; +} + + +.group:hover .group-hover\:duration-200 { + transition-duration: 200ms !important; +} + + +.group.destructive .group-\[\.destructive\]\:text-red-300 { + --tw-text-opacity: 1 !important; + color: rgb(227 81 81 / var(--tw-text-opacity)) !important; +} + + +.group.destructive .group-\[\.destructive\]\:hover\:text-red-50:hover { + --tw-text-opacity: 1 !important; + color: rgb(238 147 147 / var(--tw-text-opacity)) !important; +} + + +.group.destructive .group-\[\.destructive\]\:focus\:ring-red-400:focus { + --tw-ring-opacity: 1 !important; + --tw-ring-color: rgb(224 60 60 / var(--tw-ring-opacity)) !important; +} + + +.group.destructive .group-\[\.destructive\]\:focus\:ring-offset-red-600:focus { + --tw-ring-offset-color: #c62222 !important; +} + + +.peer:checked ~ .peer-checked\:bg-blue-600 { + --tw-bg-opacity: 1 !important; + background-color: rgb(47 98 182 / var(--tw-bg-opacity)) !important; +} + + +.peer:checked ~ .peer-checked\:after\:translate-x-full::after { + content: var(--tw-content) !important; + --tw-translate-x: 100% !important; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; +} + + +.peer:checked ~ .peer-checked\:after\:translate-y-\[-100\%\]::after { + content: var(--tw-content) !important; + --tw-translate-y: -100% !important; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; +} + + +.peer:checked ~ .peer-checked\:after\:border-white::after { + content: var(--tw-content) !important; + --tw-border-opacity: 1 !important; + border-color: rgb(255 255 255 / var(--tw-border-opacity)) !important; +} + + +.peer:disabled ~ .peer-disabled\:cursor-not-allowed { + cursor: not-allowed !important; +} + + +.peer:disabled ~ .peer-disabled\:opacity-70 { + opacity: 0.7 !important; +} + + +.data-\[disabled\=true\]\:pointer-events-none[data-disabled="true"] { + pointer-events: none !important; +} + + +.data-\[disabled\]\:pointer-events-none[data-disabled] { + pointer-events: none !important; +} + + +.data-\[side\=bottom\]\:translate-y-1[data-side="bottom"] { + --tw-translate-y: 0.25rem !important; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; +} + + +.data-\[side\=left\]\:-translate-x-1[data-side="left"] { + --tw-translate-x: -0.25rem !important; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; +} + + +.data-\[side\=right\]\:translate-x-1[data-side="right"] { + --tw-translate-x: 0.25rem !important; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; +} + + +.data-\[side\=top\]\:-translate-y-1[data-side="top"] { + --tw-translate-y: -0.25rem !important; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; +} + + +.data-\[state\=checked\]\:translate-x-5[data-state="checked"] { + --tw-translate-x: 1.25rem !important; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; +} + + +.data-\[state\=unchecked\]\:translate-x-0[data-state="unchecked"] { + --tw-translate-x: 0px !important; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; +} + + +.data-\[swipe\=cancel\]\:translate-x-0[data-swipe="cancel"] { + --tw-translate-x: 0px !important; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; +} + + +.data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe="end"] { + --tw-translate-x: var(--radix-toast-swipe-end-x) !important; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; +} + + +.data-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe="move"] { + --tw-translate-x: var(--radix-toast-swipe-move-x) !important; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; +} + + +.data-\[state\=checked\]\:bg-blue-200[data-state="checked"] { + --tw-bg-opacity: 1 !important; + background-color: rgb(93 138 213 / var(--tw-bg-opacity)) !important; +} + + +.data-\[state\=unchecked\]\:bg-gray-50[data-state="unchecked"] { + --tw-bg-opacity: 1 !important; + background-color: rgb(249 250 251 / var(--tw-bg-opacity)) !important; +} + + +.data-\[disabled\=true\]\:opacity-50[data-disabled="true"] { + opacity: 0.5 !important; +} + + +.data-\[disabled\]\:opacity-50[data-disabled] { + opacity: 0.5 !important; +} + + +.data-\[state\=active\]\:shadow-sm[data-state="active"] { + --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05) !important; + --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color) !important; + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; +} + + +.data-\[swipe\=move\]\:transition-none[data-swipe="move"] { + transition-property: none !important; +} + + +.data-\[state\=closed\]\:duration-300[data-state="closed"] { + transition-duration: 300ms !important; +} + + +.data-\[state\=open\]\:duration-500[data-state="open"] { + transition-duration: 500ms !important; +} + + +.group[data-state="open"] .group-data-\[state\=open\]\:rotate-180 { + --tw-rotate: 180deg !important; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; +} + + +@media (min-width: 640px) { + + .sm\:bottom-0 { + bottom: 0px !important; + } + + .sm\:right-0 { + right: 0px !important; + } + + .sm\:top-auto { + top: auto !important; + } + + .sm\:m-auto { + margin: auto !important; + } + + .sm\:mb-4 { + margin-bottom: 1rem !important; + } + + .sm\:mt-0 { + margin-top: 0px !important; + } + + .sm\:mt-4 { + margin-top: 1rem !important; + } + + .sm\:min-w-\[20\%\] { + min-width: 20% !important; + } + + .sm\:max-w-\[80\%\] { + max-width: 80% !important; + } + + .sm\:max-w-\[800px\] { + max-width: 800px !important; + } + + .sm\:max-w-sm { + max-width: 24rem !important; + } + + .sm\:flex-row { + flex-direction: row !important; + } + + .sm\:flex-col { + flex-direction: column !important; + } + + .sm\:justify-end { + justify-content: flex-end !important; + } + + .sm\:space-x-2 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0 !important; + margin-right: calc(0.5rem * var(--tw-space-x-reverse)) !important; + margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse))) !important; + } + + .sm\:rounded-lg { + border-radius: 0.5rem !important; + } + + .sm\:text-left { + text-align: left !important; + } +} + + +@media (min-width: 768px) { + + .md\:absolute { + position: absolute !important; + } + + .md\:w-\[var\(--radix-navigation-menu-viewport-width\)\] { + width: var(--radix-navigation-menu-viewport-width) !important; + } + + .md\:w-auto { + width: auto !important; + } + + .md\:max-w-\[420px\] { + max-width: 420px !important; + } + + .md\:flex-nowrap { + flex-wrap: nowrap !important; + } +} + + +.peer:checked ~ .rtl\:peer-checked\:after\:-translate-x-full:where([dir="rtl"], [dir="rtl"] *)::after { + content: var(--tw-content) !important; + --tw-translate-x: -100% !important; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; +} + + +@media (prefers-color-scheme: dark) { + + .dark\:border-gray-600 { + --tw-border-opacity: 1 !important; + border-color: rgb(75 85 99 / var(--tw-border-opacity)) !important; + } + + .dark\:bg-gray-700 { + --tw-bg-opacity: 1 !important; + background-color: rgb(55 65 81 / var(--tw-bg-opacity)) !important; + } + + .dark\:text-gray-300 { + --tw-text-opacity: 1 !important; + color: rgb(209 213 219 / var(--tw-text-opacity)) !important; + } +} + + +.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]) { + padding-right: 0px !important; +} + + +.\[\&\>span\]\:line-clamp-1>span { + overflow: hidden !important; + display: -webkit-box !important; + -webkit-box-orient: vertical !important; + -webkit-line-clamp: 1 !important; +} + + +.\[\&\>svg\+div\]\:translate-y-\[-3px\]>svg+div { + --tw-translate-y: -3px !important; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; +} + + +.\[\&\>svg\]\:absolute>svg { + position: absolute !important; +} + + +.\[\&\>svg\]\:left-4>svg { + left: 1rem !important; +} + + +.\[\&\>svg\]\:top-4>svg { + top: 1rem !important; +} + + +.\[\&\>svg\~\*\]\:pl-7>svg~* { + padding-left: 1.75rem !important; +} + + +.\[\&\>tr\]\:last\:border-b-0:last-child>tr { + border-bottom-width: 0px !important; +} + + +.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg { + --tw-rotate: 180deg !important; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; +} + + +.\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading] { + padding-left: 0.5rem !important; + padding-right: 0.5rem !important; +} + + +.\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading] { + padding-top: 0.375rem !important; + padding-bottom: 0.375rem !important; +} + + +.\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading] { + font-size: 0.75rem !important; + line-height: 1rem !important; +} + + +.\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading] { + font-weight: 500 !important; +} + + +.\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden]) ~[cmdk-group] { + padding-top: 0px !important; +} + + +.\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group] { + padding-left: 0.5rem !important; + padding-right: 0.5rem !important; +} + + +.\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg { + height: 1.25rem !important; +} + + +.\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg { + width: 1.25rem !important; +} + + +.\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input] { + height: 3rem !important; +} + + +.\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item] { + padding-left: 0.5rem !important; + padding-right: 0.5rem !important; +} + + +.\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item] { + padding-top: 0.75rem !important; + padding-bottom: 0.75rem !important; +} + + +.\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg { + height: 1.25rem !important; +} + + +.\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg { + width: 1.25rem !important; +} + + +.\[\&_p\]\:leading-relaxed p { + line-height: 1.625 !important; +} + + +.\[\&_tr\:last-child\]\:border-0 tr:last-child { + border-width: 0px !important; +} + + +.\[\&_tr\]\:border-b tr { + border-bottom-width: 1px !important; +} diff --git a/src/app/src/features/DRO/assets/bl.svg b/src/app/src/features/DRO/assets/bl.svg new file mode 100644 index 000000000..7120e19a9 --- /dev/null +++ b/src/app/src/features/DRO/assets/bl.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/app/src/features/DRO/assets/br.svg b/src/app/src/features/DRO/assets/br.svg new file mode 100644 index 000000000..ac9d61ee9 --- /dev/null +++ b/src/app/src/features/DRO/assets/br.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/app/src/features/DRO/assets/fl.svg b/src/app/src/features/DRO/assets/fl.svg new file mode 100644 index 000000000..c05b58cf4 --- /dev/null +++ b/src/app/src/features/DRO/assets/fl.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/app/src/features/DRO/assets/fr.svg b/src/app/src/features/DRO/assets/fr.svg new file mode 100644 index 000000000..956ea6c9f --- /dev/null +++ b/src/app/src/features/DRO/assets/fr.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/app/src/features/DRO/component/AxisRow.tsx b/src/app/src/features/DRO/component/AxisRow.tsx index 23e9d6e2d..3a59035ea 100644 --- a/src/app/src/features/DRO/component/AxisRow.tsx +++ b/src/app/src/features/DRO/component/AxisRow.tsx @@ -1,31 +1,52 @@ -import {Axis, handleManualOffset} from 'app/features/DRO/utils/DRO.ts'; +import { + Axis, + handleManualOffset, + homeAxis, +} from 'app/features/DRO/utils/DRO.ts'; import { Button } from 'app/components/Button'; import { zeroWCS, gotoZero } from '../utils/DRO.ts'; import { WCSInput } from 'app/features/DRO/component/WCSInput.tsx'; interface AxisRowProps { axis: Axis; - mpos: number; - wpos: number; + mpos: string; + wpos: string; disabled: boolean; - key: string + key: string; + homingMode: boolean; } -export function AxisRow({ axis, mpos, wpos, disabled }: AxisRowProps) { +export function AxisRow({ + axis, + mpos, + wpos, + disabled, + homingMode, +}: AxisRowProps) { return (
- + {mpos} diff --git a/src/app/src/features/DRO/component/HomingSwitch.tsx b/src/app/src/features/DRO/component/HomingSwitch.tsx new file mode 100644 index 000000000..a01146bab --- /dev/null +++ b/src/app/src/features/DRO/component/HomingSwitch.tsx @@ -0,0 +1,28 @@ +import Switch from 'app/components/Switch'; +import Button from 'app/components/Button'; +import { homeMachine } from 'app/features/DRO/utils/DRO.ts'; + +interface HomingSwitchProps { + onChange: () => void; + homingValue: boolean; + disabled: boolean; +} + +export function HomingSwitch({ + onChange, + homingValue, + disabled, +}: HomingSwitchProps) { + return ( + <> + + + + ); +} diff --git a/src/app/src/features/DRO/component/RapidPositionButtons.tsx b/src/app/src/features/DRO/component/RapidPositionButtons.tsx new file mode 100644 index 000000000..16b9e9c93 --- /dev/null +++ b/src/app/src/features/DRO/component/RapidPositionButtons.tsx @@ -0,0 +1,68 @@ +import blVector from '../assets/bl.svg'; +import brVector from '../assets/br.svg'; +import frVector from '../assets/fr.svg'; +import flVector from '../assets/fl.svg'; +import controller from 'app/lib/controller.ts'; +import { useSelector } from 'react-redux'; +import { RootState } from 'app/store/redux'; +import { + BACK_LEFT, + BACK_RIGHT, + FRONT_LEFT, + FRONT_RIGHT, + getMovementGCode, +} from 'app/features/DRO/utils/RapidPosition'; +import get from 'lodash/get'; + +export function RapidPositionButtons() { + const homingFlag = useSelector( + (state: RootState) => state.controller.homingFlag, + ); + const homingDirection = useSelector((state: RootState) => { + return get(state, 'controller.settings.settings.$23', '0'); + }); + const pullOff = useSelector((state: RootState) => { + return get(state, 'controller.settings.settings.$27', 1); + }); + + function jogToCorner(corner: string) { + const gcode = getMovementGCode( + corner, + homingDirection, + homingFlag, + Number(pullOff), + ); + controller.command('gcode', gcode); + } + + return ( +
+
+ + + + +
+
+ ); +} diff --git a/src/app/src/features/DRO/component/WCSInput.tsx b/src/app/src/features/DRO/component/WCSInput.tsx index 527c4efed..c4dfaf0e8 100644 --- a/src/app/src/features/DRO/component/WCSInput.tsx +++ b/src/app/src/features/DRO/component/WCSInput.tsx @@ -2,14 +2,14 @@ import React, { useRef } from 'react'; import { Axis } from 'app/features/DRO/utils/DRO.ts'; export interface WCSInputProps { - value: number; + value: string; disabled?: boolean; movementHandler?: (t: string | number, s: Axis) => void; axis: Axis; } export function WCSInput({ - value = 0, + value = '0.00', disabled = false, movementHandler, axis, diff --git a/src/app/src/features/DRO/index.tsx b/src/app/src/features/DRO/index.tsx index 0ef839d1d..c667bd43d 100644 --- a/src/app/src/features/DRO/index.tsx +++ b/src/app/src/features/DRO/index.tsx @@ -24,8 +24,10 @@ import { } from 'app/constants'; import { mapValues } from 'lodash'; import { mapPositionToUnits } from 'app/lib/units.ts'; -import { useCallback } from 'react'; +import { useCallback, useState } from 'react'; import includes from 'lodash/includes'; +import { HomingSwitch } from 'app/features/DRO/component/HomingSwitch.tsx'; +import { RapidPositionButtons } from 'app/features/DRO/component/RapidPositionButtons.tsx'; interface DROProps { axes: AxesArray; @@ -49,7 +51,14 @@ function DRO({ isConnected, activeState, preferredUnits, + homingEnabled, }: DROProps): JSX.Element { + const [homingMode, setHomingMode] = useState(false); + + function toggleHoming() { + setHomingMode(!homingMode); + } + const canClick = useCallback((): boolean => { if (!isConnected) return false; if (workflowState === WORKFLOW_STATE_RUNNING) return false; @@ -69,46 +78,51 @@ function DRO({ return (
-
+
+ {homingEnabled && } {/*homingEnabled && ( } color="primary" /> // Leaving this commented out for the time being since parking is not implemented as a feature yet )*/}
- +
{axes.includes('A') && ( )}
@@ -120,6 +134,14 @@ function DRO({ > Zero + {homingEnabled && ( + + )} + diff --git a/src/app/src/features/DRO/utils/DRO.ts b/src/app/src/features/DRO/utils/DRO.ts index 5351e9137..d2b8c55f1 100644 --- a/src/app/src/features/DRO/utils/DRO.ts +++ b/src/app/src/features/DRO/utils/DRO.ts @@ -100,3 +100,11 @@ export function handleManualOffset(value: string | number, axis: Axis) { const command = `G10 P0 L20 ${axis.toUpperCase()}${offset}`; controller.command('gcode:safe', command, modal); } + +export function homeMachine() { + controller.command('gcode', '$H'); +} + +export function homeAxis(axis: string) { + controller.command('gcode', `$H${axis}`); +} diff --git a/src/app/src/features/DRO/utils/RapidPosition.ts b/src/app/src/features/DRO/utils/RapidPosition.ts new file mode 100644 index 000000000..ac8190c3d --- /dev/null +++ b/src/app/src/features/DRO/utils/RapidPosition.ts @@ -0,0 +1,166 @@ +import reduxStore from 'app/store/redux'; +import prefStore from 'app/store'; + +import get from 'lodash/get'; +import { Toaster, TOASTER_DANGER } from 'app/lib/toaster/ToasterLib'; + +export const FRONT_RIGHT = 'FR'; +export const FRONT_LEFT = 'FL'; +export const BACK_RIGHT = 'BR'; +export const BACK_LEFT = 'BL'; +export const OTHER = 'OT'; + +const OFFSET_DISTANCE = 1; +const PULLOFF_DISTANCE = 5; + +export const getHomingLocation = (value: string) => { + // convert settting to number and bitmask it with 7 (000111) in order to strip out A -> C axes and just leave XYZ + let setting = Number(value); + // eslint-disable-next-line no-bitwise + setting &= 7; + + if (setting === 0) { + return BACK_RIGHT; + } else if (setting === 1) { + return BACK_LEFT; + } else if (setting === 2) { + return FRONT_RIGHT; + } else if (setting === 3) { + return FRONT_LEFT; + } else { + return OTHER; + } +}; + +const getMachineMovementLimits = (): number[] => { + const store = reduxStore.getState(); + const settings = get(store, 'controller.settings.settings'); + const { $130: xMax, $131: yMax } = settings; + + // Limits are PULLOFF_DISTANCE away from reported limits + const xLimit = (Number(xMax) - PULLOFF_DISTANCE).toFixed(3); + const yLimit = (Number(yMax) - PULLOFF_DISTANCE).toFixed(3); + + return [Number(xLimit), Number(yLimit)]; +}; + +// Get a single bit from integer at position. It does not use 0 indexing so pretend that arrays start at 1 :) +export function isBitSetInNumber(value: string, bitPosition: number) { + const number = Number(value); + // eslint-disable-next-line no-bitwise + return (number & (1 << bitPosition)) !== 0; +} + +const getPositionMovements = ( + requestedPosition: string, + homingPosition: string, + homingFlag: boolean, + pullOff: number, +) => { + const [xLimit, yLimit] = getMachineMovementLimits(); + + pullOff = PULLOFF_DISTANCE; + // If homing flag not set, we treat all movements as negative space + if (!homingFlag) { + homingPosition = BACK_RIGHT; + } + + if (!xLimit || !yLimit) { + Toaster.pop({ + msg: "Unable to find machine limits - make sure they're set in preferences", + type: TOASTER_DANGER, + }); + return [null, null]; + } + + if (homingPosition === FRONT_RIGHT) { + if (requestedPosition === FRONT_RIGHT) { + return [pullOff * -1, pullOff]; + } else if (requestedPosition === FRONT_LEFT) { + return [xLimit * -1, pullOff]; + } else if (requestedPosition === BACK_LEFT) { + return [xLimit * -1, yLimit]; + } else { + // Back Right + return [pullOff * -1, yLimit]; + } + } else if (homingPosition === FRONT_LEFT) { + if (requestedPosition === FRONT_RIGHT) { + return [xLimit, pullOff]; + } else if (requestedPosition === FRONT_LEFT) { + return [pullOff, pullOff]; + } else if (requestedPosition === BACK_RIGHT) { + return [xLimit, yLimit]; + } else { + // Back Right + return [pullOff, yLimit]; + } + } else if (homingPosition === BACK_LEFT) { + if (requestedPosition === FRONT_RIGHT) { + return [xLimit, yLimit * -1]; + } else if (requestedPosition === FRONT_LEFT) { + return [pullOff, yLimit * -1]; + } else if (requestedPosition === BACK_LEFT) { + return [pullOff, pullOff * -1]; + } else { + // Back Right + return [xLimit, pullOff * -1]; + } + } else if (homingPosition === BACK_RIGHT) { + if (requestedPosition === FRONT_RIGHT) { + return [pullOff * -1, yLimit * -1]; + } else if (requestedPosition === FRONT_LEFT) { + return [xLimit * -1, yLimit * -1]; + } else if (requestedPosition === BACK_LEFT) { + return [xLimit * -1, pullOff * -1]; + } else { + // Back Right + return [pullOff * -1, pullOff * -1]; + } + } + + return [null, null]; +}; + +export const getMovementGCode = ( + requestedPosition: string, + homingPositionSetting: string, + homingFlag: boolean, + pullOff: number, +) => { + const gcode = []; + + gcode.push(`G53 G21 G0 Z-${OFFSET_DISTANCE}`); // Always move up to the limit of Z travel minus offset + const homingPosition = getHomingLocation(homingPositionSetting); + + // Change homing flag for grblHal specifically + const controllerType = prefStore.get( + 'widgets.connection.controller.type', + 'grbl', + ); + + if (controllerType === 'grblHAL') { + const store = reduxStore.getState(); + const settings = get(store, 'controller.settings.settings'); + const { $22: homingValue } = settings; + homingFlag = isBitSetInNumber(homingValue, 3); + } + + const [xMovement, yMovement] = getPositionMovements( + requestedPosition, + homingPosition, + homingFlag, + pullOff, + ); + + if (xMovement === null || yMovement === null) { + Toaster.pop({ + msg: 'Unable to calculate position movements based on inputs - check arguments passed', + type: TOASTER_DANGER, + }); + return []; + } + gcode.push(`G53 G21 G0 X${xMovement} Y${yMovement}`); + + return gcode; +}; diff --git a/src/app/src/features/Preferences/General/Connection.jsx b/src/app/src/features/Preferences/General/Connection.jsx index 47bcfe2f4..08082c25c 100644 --- a/src/app/src/features/Preferences/General/Connection.jsx +++ b/src/app/src/features/Preferences/General/Connection.jsx @@ -4,7 +4,7 @@ import Tooltip from 'app/components/Tooltip'; import ToggleSwitch from 'app/components/Switch'; import Fieldset from '../components/Fieldset'; import Baudrates from './Baudrates'; - +import cn from 'classnames'; import styles from '../index.module.styl'; import Input from '../components/Input'; diff --git a/src/app/src/features/Preferences/index.module.styl b/src/app/src/features/Preferences/index.module.styl index 00ae894d6..0d4c5c60c 100644 --- a/src/app/src/features/Preferences/index.module.styl +++ b/src/app/src/features/Preferences/index.module.styl @@ -704,7 +704,9 @@ } .ipInput { - width: 25%; + width: 30px !important; + min-width: 30px !important; + max-width: 30px !important; } .ipRangeLabel {