/* 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) */ *:where(.twp,.twp *):where(:not(.no-twp,.no-twp *)), ::before:where(.twp,.twp *):where(:not(.no-twp,.no-twp *)), ::after:where(.twp,.twp *):where(:not(.no-twp,.no-twp *)) { box-sizing: border-box; /* 1 */ border-width: 0; /* 2 */ border-style: solid; /* 2 */ border-color: #e5e7eb; /* 2 */ } ::before:where(.twp,.twp *):where(:not(.no-twp,.no-twp *)), ::after:where(.twp,.twp *):where(:not(.no-twp,.no-twp *)) { --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 */ .twp:where(:not(.no-twp,.no-twp *)) { 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. */ .twp:where(:not(.no-twp,.no-twp *)) { 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:where(.twp,.twp *):where(:not(.no-twp,.no-twp *)) { height: 0; /* 1 */ color: inherit; /* 2 */ border-top-width: 1px; /* 3 */ } /* Add the correct text decoration in Chrome, Edge, and Safari. */ abbr:where([title]):where(.twp,.twp *):where(:not(.no-twp,.no-twp *)) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } /* Remove the default font size and weight for headings. */ h1:where(.twp,.twp *):where(:not(.no-twp,.no-twp *)), h2:where(.twp,.twp *):where(:not(.no-twp,.no-twp *)), h3:where(.twp,.twp *):where(:not(.no-twp,.no-twp *)), h4:where(.twp,.twp *):where(:not(.no-twp,.no-twp *)), h5:where(.twp,.twp *):where(:not(.no-twp,.no-twp *)), h6:where(.twp,.twp *):where(:not(.no-twp,.no-twp *)) { font-size: inherit; font-weight: inherit; } /* Reset links to optimize for opt-in styling instead of opt-out. */ a:where(.twp,.twp *):where(:not(.no-twp,.no-twp *)) { color: inherit; text-decoration: inherit; } /* Add the correct font weight in Edge and Safari. */ b:where(.twp,.twp *):where(:not(.no-twp,.no-twp *)), strong:where(.twp,.twp *):where(:not(.no-twp,.no-twp *)) { 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:where(.twp,.twp *):where(:not(.no-twp,.no-twp *)), kbd:where(.twp,.twp *):where(:not(.no-twp,.no-twp *)), samp:where(.twp,.twp *):where(:not(.no-twp,.no-twp *)), pre:where(.twp,.twp *):where(:not(.no-twp,.no-twp *)) { 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:where(.twp,.twp *):where(:not(.no-twp,.no-twp *)) { font-size: 80%; } /* Prevent `sub` and `sup` elements from affecting the line height in all browsers. */ sub:where(.twp,.twp *):where(:not(.no-twp,.no-twp *)), sup:where(.twp,.twp *):where(:not(.no-twp,.no-twp *)) { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub:where(.twp,.twp *):where(:not(.no-twp,.no-twp *)) { bottom: -0.25em; } sup:where(.twp,.twp *):where(:not(.no-twp,.no-twp *)) { 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:where(.twp,.twp *):where(:not(.no-twp,.no-twp *)) { 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:where(.twp,.twp *):where(:not(.no-twp,.no-twp *)), input:where(.twp,.twp *):where(:not(.no-twp,.no-twp *)), optgroup:where(.twp,.twp *):where(:not(.no-twp,.no-twp *)), select:where(.twp,.twp *):where(:not(.no-twp,.no-twp *)), textarea:where(.twp,.twp *):where(:not(.no-twp,.no-twp *)) { 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 */ color: inherit; /* 1 */ margin: 0; /* 2 */ padding: 0; /* 3 */ } /* Remove the inheritance of text transform in Edge and Firefox. */ button:where(.twp,.twp *):where(:not(.no-twp,.no-twp *)), select:where(.twp,.twp *):where(:not(.no-twp,.no-twp *)) { text-transform: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Remove default button styles. */ button:where(.twp,.twp *):where(:not(.no-twp,.no-twp *)), [type='button']:where(.twp,.twp *):where(:not(.no-twp,.no-twp *)), [type='reset']:where(.twp,.twp *):where(:not(.no-twp,.no-twp *)), [type='submit']:where(.twp,.twp *):where(:not(.no-twp,.no-twp *)) { -webkit-appearance: button; /* 1 */ background-color: transparent; /* 2 */ background-image: none; /* 2 */ } /* Use the modern Firefox focus style for all focusable elements. */ :-moz-focusring:where(.twp,.twp *):where(:not(.no-twp,.no-twp *)) { 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:where(.twp,.twp *):where(:not(.no-twp,.no-twp *)) { box-shadow: none; } /* Add the correct vertical alignment in Chrome and Firefox. */ progress:where(.twp,.twp *):where(:not(.no-twp,.no-twp *)) { vertical-align: baseline; } /* Correct the cursor style of increment and decrement buttons in Safari. */ ::-webkit-inner-spin-button:where(.twp,.twp *):where(:not(.no-twp,.no-twp *)), ::-webkit-outer-spin-button:where(.twp,.twp *):where(:not(.no-twp,.no-twp *)) { height: auto; } /* 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */ [type='search']:where(.twp,.twp *):where(:not(.no-twp,.no-twp *)) { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /* Remove the inner padding in Chrome and Safari on macOS. */ ::-webkit-search-decoration:where(.twp,.twp *):where(:not(.no-twp,.no-twp *)) { -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:where(.twp,.twp *):where(:not(.no-twp,.no-twp *)) { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Add the correct display in Chrome and Safari. */ summary:where(.twp,.twp *):where(:not(.no-twp,.no-twp *)) { display: list-item; } /* Removes the default spacing and border for appropriate elements. */ blockquote:where(.twp,.twp *):where(:not(.no-twp,.no-twp *)), dl:where(.twp,.twp *):where(:not(.no-twp,.no-twp *)), dd:where(.twp,.twp *):where(:not(.no-twp,.no-twp *)), h1:where(.twp,.twp *):where(:not(.no-twp,.no-twp *)), h2:where(.twp,.twp *):where(:not(.no-twp,.no-twp *)), h3:where(.twp,.twp *):where(:not(.no-twp,.no-twp *)), h4:where(.twp,.twp *):where(:not(.no-twp,.no-twp *)), h5:where(.twp,.twp *):where(:not(.no-twp,.no-twp *)), h6:where(.twp,.twp *):where(:not(.no-twp,.no-twp *)), hr:where(.twp,.twp *):where(:not(.no-twp,.no-twp *)), figure:where(.twp,.twp *):where(:not(.no-twp,.no-twp *)), p:where(.twp,.twp *):where(:not(.no-twp,.no-twp *)), pre:where(.twp,.twp *):where(:not(.no-twp,.no-twp *)) { margin: 0; } fieldset:where(.twp,.twp *):where(:not(.no-twp,.no-twp *)) { margin: 0; padding: 0; } legend:where(.twp,.twp *):where(:not(.no-twp,.no-twp *)) { padding: 0; } ol:where(.twp,.twp *):where(:not(.no-twp,.no-twp *)), ul:where(.twp,.twp *):where(:not(.no-twp,.no-twp *)), menu:where(.twp,.twp *):where(:not(.no-twp,.no-twp *)) { list-style: none; margin: 0; padding: 0; } /* Reset default styling for dialogs. */ dialog:where(.twp,.twp *):where(:not(.no-twp,.no-twp *)) { padding: 0; } /* Prevent resizing textareas horizontally by default. */ textarea:where(.twp,.twp *):where(:not(.no-twp,.no-twp *)) { 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:where(.twp,.twp *):where(:not(.no-twp,.no-twp *)), textarea::-moz-placeholder:where(.twp,.twp *):where(:not(.no-twp,.no-twp *)) { opacity: 1; /* 1 */ color: #9ca3af; /* 2 */ } input::placeholder:where(.twp,.twp *):where(:not(.no-twp,.no-twp *)), textarea::placeholder:where(.twp,.twp *):where(:not(.no-twp,.no-twp *)) { opacity: 1; /* 1 */ color: #9ca3af; /* 2 */ } /* Set the default cursor for buttons. */ button:where(.twp,.twp *):where(:not(.no-twp,.no-twp *)), [role="button"]:where(.twp,.twp *):where(:not(.no-twp,.no-twp *)) { cursor: pointer; } /* Make sure disabled buttons don't get the pointer cursor. */ :disabled:where(.twp,.twp *):where(:not(.no-twp,.no-twp *)) { 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:where(.twp,.twp *):where(:not(.no-twp,.no-twp *)), svg:where(.twp,.twp *):where(:not(.no-twp,.no-twp *)), video:where(.twp,.twp *):where(:not(.no-twp,.no-twp *)), canvas:where(.twp,.twp *):where(:not(.no-twp,.no-twp *)), audio:where(.twp,.twp *):where(:not(.no-twp,.no-twp *)), iframe:where(.twp,.twp *):where(:not(.no-twp,.no-twp *)), embed:where(.twp,.twp *):where(:not(.no-twp,.no-twp *)), object:where(.twp,.twp *):where(:not(.no-twp,.no-twp *)) { 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:where(.twp,.twp *):where(:not(.no-twp,.no-twp *)), video:where(.twp,.twp *):where(:not(.no-twp,.no-twp *)) { max-width: 100%; height: auto; } /* Make elements with the HTML hidden attribute stay hidden by default */ [hidden]:where(.twp,.twp *):where(:not(.no-twp,.no-twp *)) { 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(59 130 246 / 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-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --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-app :is(.sr-only) { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; } #tw-app :is(.pointer-events-none) { pointer-events: none; } #tw-app :is(.visible) { visibility: visible; } #tw-app :is(.invisible) { visibility: hidden; } #tw-app :is(.collapse) { visibility: collapse; } #tw-app :is(.static) { position: static; } #tw-app :is(.fixed) { position: fixed; } #tw-app :is(.absolute) { position: absolute; } #tw-app :is(.relative) { position: relative; } #tw-app :is(.sticky) { position: sticky; } #tw-app :is(.inset-0) { inset: 0px; } #tw-app :is(.inset-y-0) { top: 0px; bottom: 0px; } #tw-app :is(.bottom-0) { bottom: 0px; } #tw-app :is(.bottom-full) { bottom: 100%; } #tw-app :is(.end-0) { inset-inline-end: 0px; } #tw-app :is(.right-\[4\%\]) { right: 4%; } #tw-app :is(.start-0) { inset-inline-start: 0px; } #tw-app :is(.top-0) { top: 0px; } #tw-app :is(.top-\[40\%\]) { top: 40%; } #tw-app :is(.top-full) { top: 100%; } #tw-app :is(.z-10) { z-index: 10; } #tw-app :is(.z-20) { z-index: 20; } #tw-app :is(.z-\[100000\]) { z-index: 100000; } #tw-app :is(.z-\[100\]) { z-index: 100; } #tw-app :is(.z-\[1\]) { z-index: 1; } #tw-app :is(.col-span-2) { grid-column: span 2 / span 2; } #tw-app :is(.-m-1) { margin: -0.25rem; } #tw-app :is(.-m-1\.5) { margin: -0.375rem; } #tw-app :is(.m-0) { margin: 0px; } #tw-app :is(.m-\[10px\]) { margin: 10px; } #tw-app :is(.m-\[20px\]) { margin: 20px; } #tw-app :is(.m-\[50px\]) { margin: 50px; } #tw-app :is(.m-auto) { margin: auto; } #tw-app :is(.mx-2) { margin-left: 0.5rem; margin-right: 0.5rem; } #tw-app :is(.mx-4) { margin-left: 1rem; margin-right: 1rem; } #tw-app :is(.mx-\[10px\]) { margin-left: 10px; margin-right: 10px; } #tw-app :is(.mx-\[20px\]) { margin-left: 20px; margin-right: 20px; } #tw-app :is(.mx-\[30px\]) { margin-left: 30px; margin-right: 30px; } #tw-app :is(.mx-\[40px\]) { margin-left: 40px; margin-right: 40px; } #tw-app :is(.mx-\[50px\]) { margin-left: 50px; margin-right: 50px; } #tw-app :is(.mx-auto) { margin-left: auto; margin-right: auto; } #tw-app :is(.my-0) { margin-top: 0px; margin-bottom: 0px; } #tw-app :is(.my-1) { margin-top: 0.25rem; margin-bottom: 0.25rem; } #tw-app :is(.my-2) { margin-top: 0.5rem; margin-bottom: 0.5rem; } #tw-app :is(.my-3) { margin-top: 0.75rem; margin-bottom: 0.75rem; } #tw-app :is(.my-4) { margin-top: 1rem; margin-bottom: 1rem; } #tw-app :is(.my-8) { margin-top: 2rem; margin-bottom: 2rem; } #tw-app :is(.my-\[10px\]) { margin-top: 10px; margin-bottom: 10px; } #tw-app :is(.my-\[15px\]) { margin-top: 15px; margin-bottom: 15px; } #tw-app :is(.my-\[30px\]) { margin-top: 30px; margin-bottom: 30px; } #tw-app :is(.my-\[50px\]) { margin-top: 50px; margin-bottom: 50px; } #tw-app :is(.my-\[5px\]) { margin-top: 5px; margin-bottom: 5px; } #tw-app :is(.\!mb-0) { margin-bottom: 0px !important; } #tw-app :is(.-ms-\[\.3125rem\]) { margin-inline-start: -.3125rem; } #tw-app :is(.-ms-px) { margin-inline-start: -1px; } #tw-app :is(.mb-0) { margin-bottom: 0px; } #tw-app :is(.mb-1) { margin-bottom: 0.25rem; } #tw-app :is(.mb-2) { margin-bottom: 0.5rem; } #tw-app :is(.mb-4) { margin-bottom: 1rem; } #tw-app :is(.mb-5) { margin-bottom: 1.25rem; } #tw-app :is(.me-2) { margin-inline-end: 0.5rem; } #tw-app :is(.me-3) { margin-inline-end: 0.75rem; } #tw-app :is(.ml-2) { margin-left: 0.5rem; } #tw-app :is(.ml-8) { margin-left: 2rem; } #tw-app :is(.ml-\[10px\]) { margin-left: 10px; } #tw-app :is(.ml-\[15px\]) { margin-left: 15px; } #tw-app :is(.ml-\[20px\]) { margin-left: 20px; } #tw-app :is(.mr-2) { margin-right: 0.5rem; } #tw-app :is(.mr-5) { margin-right: 1.25rem; } #tw-app :is(.ms-1) { margin-inline-start: 0.25rem; } #tw-app :is(.ms-auto) { margin-inline-start: auto; } #tw-app :is(.mt-0) { margin-top: 0px; } #tw-app :is(.mt-0\.5) { margin-top: 0.125rem; } #tw-app :is(.mt-10) { margin-top: 2.5rem; } #tw-app :is(.mt-2) { margin-top: 0.5rem; } #tw-app :is(.mt-3) { margin-top: 0.75rem; } #tw-app :is(.mt-4) { margin-top: 1rem; } #tw-app :is(.mt-6) { margin-top: 1.5rem; } #tw-app :is(.mt-\[20px\]) { margin-top: 20px; } #tw-app :is(.mt-\[55px\]) { margin-top: 55px; } #tw-app :is(.box-border) { box-sizing: border-box; } #tw-app :is(.box-content) { box-sizing: content-box; } #tw-app :is(.block) { display: block; } #tw-app :is(.inline-block) { display: inline-block; } #tw-app :is(.inline) { display: inline; } #tw-app :is(.flex) { display: flex; } #tw-app :is(.inline-flex) { display: inline-flex; } #tw-app :is(.table) { display: table; } #tw-app :is(.grid) { display: grid; } #tw-app :is(.contents) { display: contents; } #tw-app :is(.hidden) { display: none; } #tw-app :is(.size-3) { width: 0.75rem; height: 0.75rem; } #tw-app :is(.size-3\.5) { width: 0.875rem; height: 0.875rem; } #tw-app :is(.size-4) { width: 1rem; height: 1rem; } #tw-app :is(.size-5) { width: 1.25rem; height: 1.25rem; } #tw-app :is(.size-6) { width: 1.5rem; height: 1.5rem; } #tw-app :is(.size-\[46px\]) { width: 46px; height: 46px; } #tw-app :is(.\!h-px) { height: 1px !important; } #tw-app :is(.h-4) { height: 1rem; } #tw-app :is(.h-5) { height: 1.25rem; } #tw-app :is(.h-\[10px\]) { height: 10px; } #tw-app :is(.h-\[19px\]) { height: 19px; } #tw-app :is(.h-\[1px\]) { height: 1px; } #tw-app :is(.h-\[40px\]) { height: 40px; } #tw-app :is(.h-\[50px\]) { height: 50px; } #tw-app :is(.h-\[60px\]) { height: 60px; } #tw-app :is(.h-\[658px\]) { height: 658px; } #tw-app :is(.h-full) { height: 100%; } #tw-app :is(.max-h-40) { max-height: 10rem; } #tw-app :is(.max-h-96) { max-height: 24rem; } #tw-app :is(.max-h-\[70vh\]) { max-height: 70vh; } #tw-app :is(.min-h-screen) { min-height: 100vh; } #tw-app :is(.\!w-\[90\%\]) { width: 90% !important; } #tw-app :is(.w-1\/2) { width: 50%; } #tw-app :is(.w-1\/6) { width: 16.666667%; } #tw-app :is(.w-20) { width: 5rem; } #tw-app :is(.w-32) { width: 8rem; } #tw-app :is(.w-4) { width: 1rem; } #tw-app :is(.w-40) { width: 10rem; } #tw-app :is(.w-48) { width: 12rem; } #tw-app :is(.w-72) { width: 18rem; } #tw-app :is(.w-80) { width: 20rem; } #tw-app :is(.w-\[110px\]) { width: 110px; } #tw-app :is(.w-\[1px\]) { width: 1px; } #tw-app :is(.w-\[320px\]) { width: 320px; } #tw-app :is(.w-\[50px\]) { width: 50px; } #tw-app :is(.w-\[calc\(100\%-120px\)\]) { width: calc(100% - 120px); } #tw-app :is(.w-\[calc\(100\%-2rem\)\]) { width: calc(100% - 2rem); } #tw-app :is(.w-\[calc\(15\%\)\]) { width: calc(15%); } #tw-app :is(.w-full) { width: 100%; } #tw-app :is(.min-w-80) { min-width: 20rem; } #tw-app :is(.min-w-full) { min-width: 100%; } #tw-app :is(.max-w-56) { max-width: 14rem; } #tw-app :is(.max-w-96) { max-width: 24rem; } #tw-app :is(.max-w-\[1400px\]) { max-width: 1400px; } #tw-app :is(.max-w-\[496px\]) { max-width: 496px; } #tw-app :is(.max-w-md) { max-width: 28rem; } #tw-app :is(.max-w-prose) { max-width: 65ch; } #tw-app :is(.max-w-sm) { max-width: 24rem; } #tw-app :is(.max-w-xl) { max-width: 36rem; } #tw-app :is(.flex-1) { flex: 1 1 0%; } #tw-app :is(.flex-none) { flex: none; } #tw-app :is(.flex-shrink-0) { flex-shrink: 0; } #tw-app :is(.shrink-0) { flex-shrink: 0; } #tw-app :is(.flex-grow) { flex-grow: 1; } #tw-app :is(.grow) { flex-grow: 1; } #tw-app :is(.grow-\[4\]) { flex-grow: 4; } #tw-app :is(.basis-full) { flex-basis: 100%; } #tw-app :is(.table-fixed) { table-layout: fixed; } #tw-app :is(.border-collapse) { border-collapse: collapse; } #tw-app :is(.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)); } @keyframes spin { to { transform: rotate(360deg); } } #tw-app :is(.animate-spin) { animation: spin 1s linear infinite; } #tw-app :is(.cursor-pointer) { cursor: pointer; } #tw-app :is(.resize) { resize: both; } #tw-app :is(.list-outside) { list-style-position: outside; } #tw-app :is(.list-disc) { list-style-type: disc; } #tw-app :is(.grid-cols-3) { grid-template-columns: repeat(3, minmax(0, 1fr)); } #tw-app :is(.flex-row) { flex-direction: row; } #tw-app :is(.flex-col) { flex-direction: column; } #tw-app :is(.flex-col-reverse) { flex-direction: column-reverse; } #tw-app :is(.flex-wrap) { flex-wrap: wrap; } #tw-app :is(.flex-nowrap) { flex-wrap: nowrap; } #tw-app :is(.content-between) { align-content: space-between; } #tw-app :is(.items-end) { align-items: flex-end; } #tw-app :is(.items-center) { align-items: center; } #tw-app :is(.justify-start) { justify-content: flex-start; } #tw-app :is(.justify-end) { justify-content: flex-end; } #tw-app :is(.justify-center) { justify-content: center; } #tw-app :is(.justify-between) { justify-content: space-between; } #tw-app :is(.gap-3) { gap: 0.75rem; } #tw-app :is(.gap-4) { gap: 1rem; } #tw-app :is(.gap-8) { gap: 2rem; } #tw-app :is(.gap-x-1) { -moz-column-gap: 0.25rem; column-gap: 0.25rem; } #tw-app :is(.gap-x-1\.5) { -moz-column-gap: 0.375rem; column-gap: 0.375rem; } #tw-app :is(.gap-x-2) { -moz-column-gap: 0.5rem; column-gap: 0.5rem; } #tw-app :is(.gap-x-3) { -moz-column-gap: 0.75rem; column-gap: 0.75rem; } #tw-app :is(.gap-x-3\.5) { -moz-column-gap: 0.875rem; column-gap: 0.875rem; } #tw-app :is(.gap-x-4) { -moz-column-gap: 1rem; column-gap: 1rem; } #tw-app :is(.space-x-2 > :not([hidden]) ~ :not([hidden])) { --tw-space-x-reverse: 0; margin-right: calc(0.5rem * var(--tw-space-x-reverse)); margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse))); } #tw-app :is(.space-x-4 > :not([hidden]) ~ :not([hidden])) { --tw-space-x-reverse: 0; margin-right: calc(1rem * var(--tw-space-x-reverse)); margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))); } #tw-app :is(.space-y-1 > :not([hidden]) ~ :not([hidden])) { --tw-space-y-reverse: 0; margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.25rem * var(--tw-space-y-reverse)); } #tw-app :is(.space-y-3 > :not([hidden]) ~ :not([hidden])) { --tw-space-y-reverse: 0; margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.75rem * var(--tw-space-y-reverse)); } #tw-app :is(.space-y-4 > :not([hidden]) ~ :not([hidden])) { --tw-space-y-reverse: 0; margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1rem * var(--tw-space-y-reverse)); } #tw-app :is(.space-y-6 > :not([hidden]) ~ :not([hidden])) { --tw-space-y-reverse: 0; margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1.5rem * var(--tw-space-y-reverse)); } #tw-app :is(.space-y-8 > :not([hidden]) ~ :not([hidden])) { --tw-space-y-reverse: 0; margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(2rem * var(--tw-space-y-reverse)); } #tw-app :is(.divide-y > :not([hidden]) ~ :not([hidden])) { --tw-divide-y-reverse: 0; border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(1px * var(--tw-divide-y-reverse)); } #tw-app :is(.divide-gray-200 > :not([hidden]) ~ :not([hidden])) { --tw-divide-opacity: 1; border-color: rgb(229 231 235 / var(--tw-divide-opacity)); } #tw-app :is(.overflow-auto) { overflow: auto; } #tw-app :is(.overflow-hidden) { overflow: hidden; } #tw-app :is(.overflow-x-auto) { overflow-x: auto; } #tw-app :is(.overflow-y-auto) { overflow-y: auto; } #tw-app :is(.overflow-x-scroll) { overflow-x: scroll; } #tw-app :is(.truncate) { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #tw-app :is(.whitespace-nowrap) { white-space: nowrap; } #tw-app :is(.whitespace-pre-wrap) { white-space: pre-wrap; } #tw-app :is(.text-wrap) { text-wrap: wrap; } #tw-app :is(.text-nowrap) { text-wrap: nowrap; } #tw-app :is(.break-words) { overflow-wrap: break-word; } #tw-app :is(.rounded) { border-radius: 0.25rem; } #tw-app :is(.rounded-2xl) { border-radius: 1rem; } #tw-app :is(.rounded-\[4px\]) { border-radius: 4px; } #tw-app :is(.rounded-\[8px\]) { border-radius: 8px; } #tw-app :is(.rounded-full) { border-radius: 9999px; } #tw-app :is(.rounded-lg) { border-radius: 0.5rem; } #tw-app :is(.rounded-md) { border-radius: 0.375rem; } #tw-app :is(.rounded-xl) { border-radius: 0.75rem; } #tw-app :is(.rounded-b-xl) { border-bottom-right-radius: 0.75rem; border-bottom-left-radius: 0.75rem; } #tw-app :is(.rounded-e-lg) { border-start-end-radius: 0.5rem; border-end-end-radius: 0.5rem; } #tw-app :is(.rounded-s-lg) { border-start-start-radius: 0.5rem; border-end-start-radius: 0.5rem; } #tw-app :is(.rounded-t-lg) { border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; } #tw-app :is(.rounded-t-xl) { border-top-left-radius: 0.75rem; border-top-right-radius: 0.75rem; } #tw-app :is(.border) { border-width: 1px; } #tw-app :is(.border-0) { border-width: 0px; } #tw-app :is(.border-2) { border-width: 2px; } #tw-app :is(.border-\[1px\]) { border-width: 1px; } #tw-app :is(.border-\[3px\]) { border-width: 3px; } #tw-app :is(.\!border-t-0) { border-top-width: 0px !important; } #tw-app :is(.border-b) { border-bottom-width: 1px; } #tw-app :is(.border-b-2) { border-bottom-width: 2px; } #tw-app :is(.border-t) { border-top-width: 1px; } #tw-app :is(.border-t-\[1px\]) { border-top-width: 1px; } #tw-app :is(.border-solid) { border-style: solid; } #tw-app :is(.border-\[\#005a95\]) { --tw-border-opacity: 1; border-color: rgb(0 90 149 / var(--tw-border-opacity)); } #tw-app :is(.border-blue-700) { --tw-border-opacity: 1; border-color: rgb(29 78 216 / var(--tw-border-opacity)); } #tw-app :is(.border-current) { border-color: currentColor; } #tw-app :is(.border-darkBlue) { --tw-border-opacity: 1; border-color: rgb(0 30 79 / var(--tw-border-opacity)); } #tw-app :is(.border-darkLeaf) { --tw-border-opacity: 1; border-color: rgb(34 62 54 / var(--tw-border-opacity)); } #tw-app :is(.border-default-dark) { --tw-border-opacity: 1; border-color: rgb(30 41 59 / var(--tw-border-opacity)); } #tw-app :is(.border-gold) { --tw-border-opacity: 1; border-color: rgb(158 110 2 / var(--tw-border-opacity)); } #tw-app :is(.border-gray-200) { --tw-border-opacity: 1; border-color: rgb(229 231 235 / var(--tw-border-opacity)); } #tw-app :is(.border-gray-300) { --tw-border-opacity: 1; border-color: rgb(209 213 219 / var(--tw-border-opacity)); } #tw-app :is(.border-gray-400) { --tw-border-opacity: 1; border-color: rgb(156 163 175 / var(--tw-border-opacity)); } #tw-app :is(.border-gray-500) { --tw-border-opacity: 1; border-color: rgb(107 114 128 / var(--tw-border-opacity)); } #tw-app :is(.border-red-200) { --tw-border-opacity: 1; border-color: rgb(254 202 202 / var(--tw-border-opacity)); } #tw-app :is(.border-teal-200) { --tw-border-opacity: 1; border-color: rgb(153 246 228 / var(--tw-border-opacity)); } #tw-app :is(.border-transparent) { border-color: transparent; } #tw-app :is(.border-b-transparent) { border-bottom-color: transparent; } #tw-app :is(.border-t-transparent) { border-top-color: transparent; } #tw-app :is(.bg-\[\#001e4f\]) { --tw-bg-opacity: 1; background-color: rgb(0 30 79 / var(--tw-bg-opacity)); } #tw-app :is(.bg-blue-600) { --tw-bg-opacity: 1; background-color: rgb(37 99 235 / var(--tw-bg-opacity)); } #tw-app :is(.bg-blue-700) { --tw-bg-opacity: 1; background-color: rgb(29 78 216 / var(--tw-bg-opacity)); } #tw-app :is(.bg-cyan-500) { --tw-bg-opacity: 1; background-color: rgb(6 182 212 / var(--tw-bg-opacity)); } #tw-app :is(.bg-darkBlue) { --tw-bg-opacity: 1; background-color: rgb(0 30 79 / var(--tw-bg-opacity)); } #tw-app :is(.bg-darkCyan) { --tw-bg-opacity: 1; background-color: rgb(67 103 137 / var(--tw-bg-opacity)); } #tw-app :is(.bg-darkLeaf) { --tw-bg-opacity: 1; background-color: rgb(34 62 54 / var(--tw-bg-opacity)); } #tw-app :is(.bg-default-light) { --tw-bg-opacity: 1; background-color: rgb(241 245 249 / var(--tw-bg-opacity)); } #tw-app :is(.bg-error-light) { --tw-bg-opacity: 1; background-color: rgb(254 226 226 / var(--tw-bg-opacity)); } #tw-app :is(.bg-gold) { --tw-bg-opacity: 1; background-color: rgb(158 110 2 / var(--tw-bg-opacity)); } #tw-app :is(.bg-gray-50) { --tw-bg-opacity: 1; background-color: rgb(249 250 251 / var(--tw-bg-opacity)); } #tw-app :is(.bg-gray-900) { --tw-bg-opacity: 1; background-color: rgb(17 24 39 / var(--tw-bg-opacity)); } #tw-app :is(.bg-green-200) { --tw-bg-opacity: 1; background-color: rgb(187 247 208 / var(--tw-bg-opacity)); } #tw-app :is(.bg-info-light) { --tw-bg-opacity: 1; background-color: rgb(224 242 254 / var(--tw-bg-opacity)); } #tw-app :is(.bg-leaf) { --tw-bg-opacity: 1; background-color: rgb(177 180 121 / var(--tw-bg-opacity)); } #tw-app :is(.bg-orange-100) { --tw-bg-opacity: 1; background-color: rgb(255 237 213 / var(--tw-bg-opacity)); } #tw-app :is(.bg-orange-500) { --tw-bg-opacity: 1; background-color: rgb(249 115 22 / var(--tw-bg-opacity)); } #tw-app :is(.bg-red-300) { --tw-bg-opacity: 1; background-color: rgb(252 165 165 / var(--tw-bg-opacity)); } #tw-app :is(.bg-red-50) { --tw-bg-opacity: 1; background-color: rgb(254 242 242 / var(--tw-bg-opacity)); } #tw-app :is(.bg-red-500) { --tw-bg-opacity: 1; background-color: rgb(239 68 68 / var(--tw-bg-opacity)); } #tw-app :is(.bg-sky-600) { --tw-bg-opacity: 1; background-color: rgb(2 132 199 / var(--tw-bg-opacity)); } #tw-app :is(.bg-sky-700) { --tw-bg-opacity: 1; background-color: rgb(3 105 161 / var(--tw-bg-opacity)); } #tw-app :is(.bg-slate-100) { --tw-bg-opacity: 1; background-color: rgb(241 245 249 / var(--tw-bg-opacity)); } #tw-app :is(.bg-slate-300) { --tw-bg-opacity: 1; background-color: rgb(203 213 225 / var(--tw-bg-opacity)); } #tw-app :is(.bg-slate-900) { --tw-bg-opacity: 1; background-color: rgb(15 23 42 / var(--tw-bg-opacity)); } #tw-app :is(.bg-stone) { --tw-bg-opacity: 1; background-color: rgb(114 113 113 / var(--tw-bg-opacity)); } #tw-app :is(.bg-teal-100) { --tw-bg-opacity: 1; background-color: rgb(204 251 241 / var(--tw-bg-opacity)); } #tw-app :is(.bg-teal-500) { --tw-bg-opacity: 1; background-color: rgb(20 184 166 / var(--tw-bg-opacity)); } #tw-app :is(.bg-warning-light) { --tw-bg-opacity: 1; background-color: rgb(254 243 199 / var(--tw-bg-opacity)); } #tw-app :is(.bg-white) { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } #tw-app :is(.bg-yellow-500) { --tw-bg-opacity: 1; background-color: rgb(234 179 8 / var(--tw-bg-opacity)); } #tw-app :is(.bg-opacity-50) { --tw-bg-opacity: 0.5; } #tw-app :is(.p-1) { padding: 0.25rem; } #tw-app :is(.p-1\.5) { padding: 0.375rem; } #tw-app :is(.p-2) { padding: 0.5rem; } #tw-app :is(.p-2\.5) { padding: 0.625rem; } #tw-app :is(.p-4) { padding: 1rem; } #tw-app :is(.p-5) { padding: 1.25rem; } #tw-app :is(.p-6) { padding: 1.5rem; } #tw-app :is(.px-0) { padding-left: 0px; padding-right: 0px; } #tw-app :is(.px-1) { padding-left: 0.25rem; padding-right: 0.25rem; } #tw-app :is(.px-1\.5) { padding-left: 0.375rem; padding-right: 0.375rem; } #tw-app :is(.px-2) { padding-left: 0.5rem; padding-right: 0.5rem; } #tw-app :is(.px-3) { padding-left: 0.75rem; padding-right: 0.75rem; } #tw-app :is(.px-4) { padding-left: 1rem; padding-right: 1rem; } #tw-app :is(.px-6) { padding-left: 1.5rem; padding-right: 1.5rem; } #tw-app :is(.px-\[1\%\]) { padding-left: 1%; padding-right: 1%; } #tw-app :is(.py-0) { padding-top: 0px; padding-bottom: 0px; } #tw-app :is(.py-0\.5) { padding-top: 0.125rem; padding-bottom: 0.125rem; } #tw-app :is(.py-1) { padding-top: 0.25rem; padding-bottom: 0.25rem; } #tw-app :is(.py-2) { padding-top: 0.5rem; padding-bottom: 0.5rem; } #tw-app :is(.py-3) { padding-top: 0.75rem; padding-bottom: 0.75rem; } #tw-app :is(.py-4) { padding-top: 1rem; padding-bottom: 1rem; } #tw-app :is(.py-\[10px\]) { padding-top: 10px; padding-bottom: 10px; } #tw-app :is(.py-\[15px\]) { padding-top: 15px; padding-bottom: 15px; } #tw-app :is(.py-\[20px\]) { padding-top: 20px; padding-bottom: 20px; } #tw-app :is(.py-\[45px\]) { padding-top: 45px; padding-bottom: 45px; } #tw-app :is(.py-\[5px\]) { padding-top: 5px; padding-bottom: 5px; } #tw-app :is(.pb-0) { padding-bottom: 0px; } #tw-app :is(.pb-2) { padding-bottom: 0.5rem; } #tw-app :is(.pb-\[20\%\]) { padding-bottom: 20%; } #tw-app :is(.pb-\[2px\]) { padding-bottom: 2px; } #tw-app :is(.pb-\[35px\]) { padding-bottom: 35px; } #tw-app :is(.pb-\[5px\]) { padding-bottom: 5px; } #tw-app :is(.pe-9) { padding-inline-end: 2.25rem; } #tw-app :is(.pl-14) { padding-left: 3.5rem; } #tw-app :is(.pl-3) { padding-left: 0.75rem; } #tw-app :is(.pl-5) { padding-left: 1.25rem; } #tw-app :is(.pl-\[30px\]) { padding-left: 30px; } #tw-app :is(.pr-4) { padding-right: 1rem; } #tw-app :is(.ps-1) { padding-inline-start: 0.25rem; } #tw-app :is(.ps-2) { padding-inline-start: 0.5rem; } #tw-app :is(.ps-5) { padding-inline-start: 1.25rem; } #tw-app :is(.ps-8) { padding-inline-start: 2rem; } #tw-app :is(.pt-5) { padding-top: 1.25rem; } #tw-app :is(.pt-\[10\%\]) { padding-top: 10%; } #tw-app :is(.text-left) { text-align: left; } #tw-app :is(.text-center) { text-align: center; } #tw-app :is(.text-right) { text-align: right; } #tw-app :is(.text-justify) { text-align: justify; } #tw-app :is(.text-start) { text-align: start; } #tw-app :is(.text-end) { text-align: end; } #tw-app :is(.align-top) { vertical-align: top; } #tw-app :is(.align-middle) { vertical-align: middle; } #tw-app :is(.text-2xl) { font-size: 1.5rem; line-height: 2rem; } #tw-app :is(.text-3xl) { font-size: 1.875rem; line-height: 2.25rem; } #tw-app :is(.text-\[14px\]) { font-size: 14px; } #tw-app :is(.text-\[16px\]) { font-size: 16px; } #tw-app :is(.text-\[18px\]) { font-size: 18px; } #tw-app :is(.text-\[20px\]) { font-size: 20px; } #tw-app :is(.text-\[22px\]) { font-size: 22px; } #tw-app :is(.text-\[24px\]) { font-size: 24px; } #tw-app :is(.text-\[25px\]) { font-size: 25px; } #tw-app :is(.text-\[30px\]) { font-size: 30px; } #tw-app :is(.text-\[32px\]) { font-size: 32px; } #tw-app :is(.text-base) { font-size: 1rem; line-height: 1.5rem; } #tw-app :is(.text-lg) { font-size: 1.125rem; line-height: 1.75rem; } #tw-app :is(.text-sm) { font-size: 0.875rem; line-height: 1.25rem; } #tw-app :is(.text-xl) { font-size: 1.25rem; line-height: 1.75rem; } #tw-app :is(.text-xs) { font-size: 0.75rem; line-height: 1rem; } #tw-app :is(.font-black) { font-weight: 900; } #tw-app :is(.font-bold) { font-weight: 700; } #tw-app :is(.font-medium) { font-weight: 500; } #tw-app :is(.font-normal) { font-weight: 400; } #tw-app :is(.font-semibold) { font-weight: 600; } #tw-app :is(.uppercase) { text-transform: uppercase; } #tw-app :is(.lowercase) { text-transform: lowercase; } #tw-app :is(.capitalize) { text-transform: capitalize; } #tw-app :is(.leading-\[18px\]) { line-height: 18px; } #tw-app :is(.leading-\[20px\]) { line-height: 20px; } #tw-app :is(.leading-\[24\.1px\]) { line-height: 24.1px; } #tw-app :is(.leading-\[25px\]) { line-height: 25px; } #tw-app :is(.leading-\[30px\]) { line-height: 30px; } #tw-app :is(.leading-\[35px\]) { line-height: 35px; } #tw-app :is(.leading-normal) { line-height: 1.5; } #tw-app :is(.text-black) { --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } #tw-app :is(.text-blue-500) { --tw-text-opacity: 1; color: rgb(59 130 246 / var(--tw-text-opacity)); } #tw-app :is(.text-blue-600) { --tw-text-opacity: 1; color: rgb(37 99 235 / var(--tw-text-opacity)); } #tw-app :is(.text-blue-700) { --tw-text-opacity: 1; color: rgb(29 78 216 / var(--tw-text-opacity)); } #tw-app :is(.text-cyan-600) { --tw-text-opacity: 1; color: rgb(8 145 178 / var(--tw-text-opacity)); } #tw-app :is(.text-darkBlue) { --tw-text-opacity: 1; color: rgb(0 30 79 / var(--tw-text-opacity)); } #tw-app :is(.text-darkLeaf) { --tw-text-opacity: 1; color: rgb(34 62 54 / var(--tw-text-opacity)); } #tw-app :is(.text-default-dark) { --tw-text-opacity: 1; color: rgb(30 41 59 / var(--tw-text-opacity)); } #tw-app :is(.text-default-light) { --tw-text-opacity: 1; color: rgb(241 245 249 / var(--tw-text-opacity)); } #tw-app :is(.text-gold) { --tw-text-opacity: 1; color: rgb(158 110 2 / var(--tw-text-opacity)); } #tw-app :is(.text-gray-400) { --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity)); } #tw-app :is(.text-gray-500) { --tw-text-opacity: 1; color: rgb(107 114 128 / var(--tw-text-opacity)); } #tw-app :is(.text-gray-600) { --tw-text-opacity: 1; color: rgb(75 85 99 / var(--tw-text-opacity)); } #tw-app :is(.text-gray-700) { --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity)); } #tw-app :is(.text-gray-800) { --tw-text-opacity: 1; color: rgb(31 41 55 / var(--tw-text-opacity)); } #tw-app :is(.text-gray-900) { --tw-text-opacity: 1; color: rgb(17 24 39 / var(--tw-text-opacity)); } #tw-app :is(.text-orange-400) { --tw-text-opacity: 1; color: rgb(251 146 60 / var(--tw-text-opacity)); } #tw-app :is(.text-red-400) { --tw-text-opacity: 1; color: rgb(248 113 113 / var(--tw-text-opacity)); } #tw-app :is(.text-red-500) { --tw-text-opacity: 1; color: rgb(239 68 68 / var(--tw-text-opacity)); } #tw-app :is(.text-red-600) { --tw-text-opacity: 1; color: rgb(220 38 38 / var(--tw-text-opacity)); } #tw-app :is(.text-red-700) { --tw-text-opacity: 1; color: rgb(185 28 28 / var(--tw-text-opacity)); } #tw-app :is(.text-sky-600) { --tw-text-opacity: 1; color: rgb(2 132 199 / var(--tw-text-opacity)); } #tw-app :is(.text-teal-800) { --tw-text-opacity: 1; color: rgb(17 94 89 / var(--tw-text-opacity)); } #tw-app :is(.text-white) { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } #tw-app :is(.underline) { text-decoration-line: underline; } #tw-app :is(.no-underline) { text-decoration-line: none; } #tw-app :is(.decoration-dotted) { text-decoration-style: dotted; } #tw-app :is(.decoration-2) { text-decoration-thickness: 2px; } #tw-app :is(.opacity-0) { opacity: 0; } #tw-app :is(.opacity-50) { opacity: 0.5; } #tw-app :is(.opacity-90) { opacity: 0.9; } #tw-app :is(.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); } #tw-app :is(.shadow-lg) { --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } #tw-app :is(.shadow-md) { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } #tw-app :is(.shadow-sm) { --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } #tw-app :is(.outline) { outline-style: solid; } #tw-app :is(.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); } #tw-app :is(.invert) { --tw-invert: invert(100%); 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); } #tw-app :is(.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); } #tw-app :is(.transition) { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } #tw-app :is(.transition-\[opacity\2c margin\]) { transition-property: opacity,margin; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } #tw-app :is(.transition-all) { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } #tw-app :is(.transition-opacity) { transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } #tw-app :is(.duration-300) { transition-duration: 300ms; } #tw-app :is(.duration-\[0\.1ms\]) { transition-duration: 0.1ms; } #tw-app :is(.ease-in-out) { transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } #tw-app :is(.twp) { font-size: 16px; } #tw-app :is(.twp-hidden) { display: none; } #tw-app :is([x-cloak]) { display: none !important; } #tw-app :is(.collapse.in) { visibility: visible; } #tw-app :is(.neon-text) { color: #fefce8; text-shadow: 0 0 7px #fde047, 0 0 10px #fde047, 0 0 21px #fde047, 0 0 42px #fde047; } #tw-app :is(.neon-flicker) { color: #fefce8; animation: flicker 1.5s infinite alternate; } @keyframes flicker { 0%, 18%, 22%, 25%, 53%, 57%, 100% { text-shadow: 0 0 7px #fde047, 0 0 10px #fde047, 0 0 21px #fde047, 0 0 42px #fde047; } 20%, 24%, 55% { text-shadow: none; } } #tw-app :is(.neon-pulsate) { color: #fff; animation: pulsate 4.5s infinite alternate; } @keyframes pulsate { 0% { text-shadow: 0 0 4px #fff, 0 0 10px #fff, 0 0 18px #fff, 0 0 38px #f09, 0 0 73px #f09, 0 0 80px #f09, 0 0 94px #f09; } 10% { text-shadow: 0 0 4px #fff, 0 0 10px #fdba74, 0 0 18px #fdba74, 0 0 38px #fdba74, 0 0 73px #fdba74, 0 0 80px #fdba74, 0 0 94px #fdba74; } 20% { text-shadow: 0 0 4px #fff, 0 0 10px #fff, 0 0 18px #fcd34d, 0 0 38px #fcd34d, 0 0 73px #fcd34d, 0 0 80px #fcd34d, 0 0 94px #fcd34d; } 30% { text-shadow: 0 0 4px #fff, 0 0 10px #86efac, 0 0 18px #86efac, 0 0 38px #86efac, 0 0 73px #86efac, 0 0 80px #86efac, 0 0 94px #86efac; } 40% { text-shadow: 0 0 4px #fff, 0 0 10px #fff, 0 0 18px #5eead4, 0 0 38px #5eead4, 0 0 73px #5eead4, 0 0 80px #5eead4, 0 0 94px #5eead4; } 50% { text-shadow: 0 0 4px #fff, 0 0 10px #67e8f9, 0 0 18px #67e8f9, 0 0 38px #67e8f9, 0 0 73px #67e8f9, 0 0 80px #67e8f9, 0 0 94px #67e8f9; } 60% { text-shadow: 0 0 4px #fff, 0 0 11px #fff, 0 0 19px #5eead4, 0 0 40px #5eead4, 0 0 80px #5eead4, 0 0 90px #5eead4, 0 0 100px #5eead4; } 70% { text-shadow: 0 0 4px #fff, 0 0 11px #86efac, 0 0 19px #86efac, 0 0 40px #86efac, 0 0 80px #86efac, 0 0 90px #86efac, 0 0 100px #86efac; } 80% { text-shadow: 0 0 4px #fff, 0 0 11px #fff, 0 0 19px #fcd34d, 0 0 40px #fcd34d, 0 0 80px #fcd34d, 0 0 90px #fcd34d, 0 0 100px #fcd34d; } 90% { text-shadow: 0 0 4px #fff, 0 0 11px #fdba74, 0 0 19px #fdba74, 0 0 40px #fdba74, 0 0 80px #fdba74, 0 0 90px #fdba74, 0 0 100px #fdba74; } 100% { text-shadow: 0 0 4px #fff, 0 0 11px #fff, 0 0 19px #fff, 0 0 40px #f09, 0 0 80px #f09, 0 0 90px #f09, 0 0 100px #f09; } } #tw-app :is(.twd-notice) { --tw-bg-opacity: 1; background-color: rgb(224 242 254 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(7 89 133 / var(--tw-text-opacity)); } #tw-app :is(.twd-warning) { --tw-bg-opacity: 1; background-color: rgb(254 243 199 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(146 64 14 / var(--tw-text-opacity)); } #tw-app :is(.twd-alert) { --tw-bg-opacity: 1; background-color: rgb(254 226 226 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(153 27 27 / var(--tw-text-opacity)); } #tw-app :is(.twd-flash) { border-radius: 0.75rem; --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } #tw-app :is(.twd-tooltip) { border-radius: 0.25rem; font-weight: 500; --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } #tw-app :is(.twd-button) { cursor: pointer; border-radius: 0.5rem; border-width: 1px; border-color: transparent; font-weight: 600; } #tw-app :is(.twd-button):hover { opacity: 0.9; } #tw-app :is(.twd-button):focus { outline-color: rgb(147 197 253 / 0.5); --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } #tw-app :is(.twd-button):disabled { pointer-events: none; opacity: 0.5; } #tw-app :is(.twd-input) { border-radius: 0.5rem; --tw-border-opacity: 1; border-color: rgb(209 213 219 / var(--tw-border-opacity)); --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } #tw-app :is(.twd-input):focus { --tw-border-opacity: 1; border-color: rgb(147 197 253 / var(--tw-border-opacity)); --tw-ring-color: rgb(147 197 253 / 0.5); } #tw-app :is(.twd-input):disabled { pointer-events: none; opacity: 0.5; } #tw-app :is(.twd-input-collection) { border-radius: 0.25rem; --tw-border-opacity: 1; border-color: rgb(156 163 175 / var(--tw-border-opacity)); } #tw-app :is(.twd-input-collection):focus { --tw-border-opacity: 1; border-color: rgb(147 197 253 / var(--tw-border-opacity)); --tw-ring-color: rgb(147 197 253 / 0.5); } #tw-app :is(.twd-input-collection):disabled { pointer-events: none; opacity: 0.5; } /* ============= Temporary workaround area =============== */ /* FIXME: copy from app/assets/stylesheets/metis/bootstrap.scss*/ /* This is a temporary fix. The helper methods provided by the kaminari gem generate HTML with custom CSS classes */ /* that don't align with our current Tailwind setup. For now, we're moving the necessary CSS classes over, */ /* with plans to revise this in a future update. */ /* line 4, /Users/cyanglee/workspace/metis/vendor/bundle/gems/bootstrap-sass-3.3.6/assets/stylesheets/bootstrap/_pagination.scss */ #tw-app :is(.twd-pagination .pagination) { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px; } /* line 10, /Users/cyanglee/workspace/metis/vendor/bundle/gems/bootstrap-sass-3.3.6/assets/stylesheets/bootstrap/_pagination.scss */ #tw-app :is(.twd-pagination .pagination > li) { display: inline; } /* line 12, /Users/cyanglee/workspace/metis/vendor/bundle/gems/bootstrap-sass-3.3.6/assets/stylesheets/bootstrap/_pagination.scss */ #tw-app :is(.twd-pagination .pagination > li > a), #tw-app :is(.twd-pagination .pagination > li > span) { position: relative; float: left; padding: 6px 12px; line-height: 1.42857143; text-decoration: none; color: #337ab7; background-color: #fff; border: 1px solid #ddd; margin-left: -1px; } /* line 25, /Users/cyanglee/workspace/metis/vendor/bundle/gems/bootstrap-sass-3.3.6/assets/stylesheets/bootstrap/_pagination.scss */ #tw-app :is(.twd-pagination .pagination > li:first-child > a), #tw-app :is(.twd-pagination .pagination > li:first-child > span) { margin-left: 0; border-bottom-left-radius: 4px; border-top-left-radius: 4px; } /* line 32, /Users/cyanglee/workspace/metis/vendor/bundle/gems/bootstrap-sass-3.3.6/assets/stylesheets/bootstrap/_pagination.scss */ #tw-app :is(.twd-pagination .pagination > li:last-child > a), #tw-app :is(.twd-pagination .pagination > li:last-child > span) { border-bottom-right-radius: 4px; border-top-right-radius: 4px; } /* line 41, /Users/cyanglee/workspace/metis/vendor/bundle/gems/bootstrap-sass-3.3.6/assets/stylesheets/bootstrap/_pagination.scss */ #tw-app :is(.twd-pagination .pagination > li > a:hover), #tw-app :is(.twd-pagination .pagination > li > a:focus), #tw-app :is(.twd-pagination .pagination > li > span:hover), #tw-app :is(.twd-pagination .pagination > li > span:focus) { z-index: 2; color: #23527c; background-color: #eeeeee; border-color: #ddd; } /* line 52, /Users/cyanglee/workspace/metis/vendor/bundle/gems/bootstrap-sass-3.3.6/assets/stylesheets/bootstrap/_pagination.scss */ #tw-app :is(.twd-pagination .pagination > .active > a), #tw-app :is(.twd-pagination .pagination > .active > a:hover), #tw-app :is(.twd-pagination .pagination > .active > a:focus), #tw-app :is(.twd-pagination .pagination > .active > span), #tw-app :is(.twd-pagination .pagination > .active > span:hover), #tw-app :is(.twd-pagination .pagination > .active > span:focus) { z-index: 3; color: #fff; background-color: #337ab7; border-color: #337ab7; cursor: default; } /* line 64, /Users/cyanglee/workspace/metis/vendor/bundle/gems/bootstrap-sass-3.3.6/assets/stylesheets/bootstrap/_pagination.scss */ #tw-app :is(.twd-pagination .pagination > .disabled > span), #tw-app :is(.twd-pagination .pagination > .disabled > span:hover), #tw-app :is(.twd-pagination .pagination > .disabled > span:focus), #tw-app :is(.twd-pagination .pagination > .disabled > a), #tw-app :is(.twd-pagination .pagination > .disabled > a:hover), #tw-app :is(.twd-pagination .pagination > .disabled > a:focus) { color: #777777; background-color: #fff; border-color: #ddd; cursor: not-allowed; } #tw-app :is(.twd-pagination .pagination > .\!disabled > span), #tw-app :is(.twd-pagination .pagination > .\!disabled > span:hover), #tw-app :is(.twd-pagination .pagination > .\!disabled > span:focus), #tw-app :is(.twd-pagination .pagination > .\!disabled > a), #tw-app :is(.twd-pagination .pagination > .\!disabled > a:hover), #tw-app :is(.twd-pagination .pagination > .\!disabled > a:focus) { color: #777777 !important; background-color: #fff !important; border-color: #ddd !important; cursor: not-allowed !important; } #tw-app :is(.twd-pagination .pagination > .disabled > span), #tw-app :is(.twd-pagination .pagination > .disabled > span:hover), #tw-app :is(.twd-pagination .pagination > .disabled > span:focus), #tw-app :is(.twd-pagination .pagination > .disabled > a), #tw-app :is(.twd-pagination .pagination > .disabled > a:hover), #tw-app :is(.twd-pagination .pagination > .disabled > a:focus) { color: #777777; background-color: #fff; border-color: #ddd; cursor: not-allowed; } #tw-app :is(.twd-pagination .pagination > .\!disabled > span), #tw-app :is(.twd-pagination .pagination > .\!disabled > span:hover), #tw-app :is(.twd-pagination .pagination > .\!disabled > span:focus), #tw-app :is(.twd-pagination .pagination > .\!disabled > a), #tw-app :is(.twd-pagination .pagination > .\!disabled > a:hover), #tw-app :is(.twd-pagination .pagination > .\!disabled > a:focus) { color: #777777 !important; background-color: #fff !important; border-color: #ddd !important; cursor: not-allowed !important; } #tw-app :is(.twd-pagination .pagination > .disabled > span), #tw-app :is(.twd-pagination .pagination > .disabled > span:hover), #tw-app :is(.twd-pagination .pagination > .disabled > span:focus), #tw-app :is(.twd-pagination .pagination > .disabled > a), #tw-app :is(.twd-pagination .pagination > .disabled > a:hover), #tw-app :is(.twd-pagination .pagination > .disabled > a:focus) { color: #777777; background-color: #fff; border-color: #ddd; cursor: not-allowed; } #tw-app :is(.twd-pagination .pagination > .\!disabled > span), #tw-app :is(.twd-pagination .pagination > .\!disabled > span:hover), #tw-app :is(.twd-pagination .pagination > .\!disabled > span:focus), #tw-app :is(.twd-pagination .pagination > .\!disabled > a), #tw-app :is(.twd-pagination .pagination > .\!disabled > a:hover), #tw-app :is(.twd-pagination .pagination > .\!disabled > a:focus) { color: #777777 !important; background-color: #fff !important; border-color: #ddd !important; cursor: not-allowed !important; } #tw-app :is(.twd-pagination .pagination > .disabled > span), #tw-app :is(.twd-pagination .pagination > .disabled > span:hover), #tw-app :is(.twd-pagination .pagination > .disabled > span:focus), #tw-app :is(.twd-pagination .pagination > .disabled > a), #tw-app :is(.twd-pagination .pagination > .disabled > a:hover), #tw-app :is(.twd-pagination .pagination > .disabled > a:focus) { color: #777777; background-color: #fff; border-color: #ddd; cursor: not-allowed; } #tw-app :is(.twd-pagination .pagination > .\!disabled > span), #tw-app :is(.twd-pagination .pagination > .\!disabled > span:hover), #tw-app :is(.twd-pagination .pagination > .\!disabled > span:focus), #tw-app :is(.twd-pagination .pagination > .\!disabled > a), #tw-app :is(.twd-pagination .pagination > .\!disabled > a:hover), #tw-app :is(.twd-pagination .pagination > .\!disabled > a:focus) { color: #777777 !important; background-color: #fff !important; border-color: #ddd !important; cursor: not-allowed !important; } #tw-app :is(.twd-pagination .pagination > .disabled > span), #tw-app :is(.twd-pagination .pagination > .disabled > span:hover), #tw-app :is(.twd-pagination .pagination > .disabled > span:focus), #tw-app :is(.twd-pagination .pagination > .disabled > a), #tw-app :is(.twd-pagination .pagination > .disabled > a:hover), #tw-app :is(.twd-pagination .pagination > .disabled > a:focus) { color: #777777; background-color: #fff; border-color: #ddd; cursor: not-allowed; } #tw-app :is(.twd-pagination .pagination > .\!disabled > span), #tw-app :is(.twd-pagination .pagination > .\!disabled > span:hover), #tw-app :is(.twd-pagination .pagination > .\!disabled > span:focus), #tw-app :is(.twd-pagination .pagination > .\!disabled > a), #tw-app :is(.twd-pagination .pagination > .\!disabled > a:hover), #tw-app :is(.twd-pagination .pagination > .\!disabled > a:focus) { color: #777777 !important; background-color: #fff !important; border-color: #ddd !important; cursor: not-allowed !important; } #tw-app :is(.twd-pagination .pagination > .disabled > span), #tw-app :is(.twd-pagination .pagination > .disabled > span:hover), #tw-app :is(.twd-pagination .pagination > .disabled > span:focus), #tw-app :is(.twd-pagination .pagination > .disabled > a), #tw-app :is(.twd-pagination .pagination > .disabled > a:hover), #tw-app :is(.twd-pagination .pagination > .disabled > a:focus) { color: #777777; background-color: #fff; border-color: #ddd; cursor: not-allowed; } #tw-app :is(.twd-pagination .pagination > .\!disabled > span), #tw-app :is(.twd-pagination .pagination > .\!disabled > span:hover), #tw-app :is(.twd-pagination .pagination > .\!disabled > span:focus), #tw-app :is(.twd-pagination .pagination > .\!disabled > a), #tw-app :is(.twd-pagination .pagination > .\!disabled > a:hover), #tw-app :is(.twd-pagination .pagination > .\!disabled > a:focus) { color: #777777 !important; background-color: #fff !important; border-color: #ddd !important; cursor: not-allowed !important; } #tw-app :is(.twd-pagination .pagination > .disabled > span), #tw-app :is(.twd-pagination .pagination > .disabled > span:hover), #tw-app :is(.twd-pagination .pagination > .disabled > span:focus), #tw-app :is(.twd-pagination .pagination > .disabled > a), #tw-app :is(.twd-pagination .pagination > .disabled > a:hover), #tw-app :is(.twd-pagination .pagination > .disabled > a:focus) { color: #777777; background-color: #fff; border-color: #ddd; cursor: not-allowed; } /* line 5, /Users/cyanglee/workspace/metis/vendor/bundle/gems/bootstrap-sass-3.3.6/assets/stylesheets/bootstrap/mixins/_pagination.scss */ #tw-app :is(.twd-pagination .pagination-lg > li > a), #tw-app :is(.twd-pagination .pagination-lg > li > span) { padding: 10px 16px; font-size: 18px; line-height: 1.3333333; } /* line 12, /Users/cyanglee/workspace/metis/vendor/bundle/gems/bootstrap-sass-3.3.6/assets/stylesheets/bootstrap/mixins/_pagination.scss */ #tw-app :is(.twd-pagination .pagination-lg > li:first-child > a), #tw-app :is(.twd-pagination .pagination-lg > li:first-child > span) { border-bottom-left-radius: 6px; border-top-left-radius: 6px; } /* line 18, /Users/cyanglee/workspace/metis/vendor/bundle/gems/bootstrap-sass-3.3.6/assets/stylesheets/bootstrap/mixins/_pagination.scss */ #tw-app :is(.twd-pagination .pagination-lg > li:last-child > a), #tw-app :is(.twd-pagination .pagination-lg > li:last-child > span) { border-bottom-right-radius: 6px; border-top-right-radius: 6px; } /* line 5, /Users/cyanglee/workspace/metis/vendor/bundle/gems/bootstrap-sass-3.3.6/assets/stylesheets/bootstrap/mixins/_pagination.scss */ #tw-app :is(.twd-pagination .pagination-sm > li > a), #tw-app :is(.twd-pagination .pagination-sm > li > span) { padding: 5px 10px; font-size: 12px; line-height: 1.5; } /* line 12, /Users/cyanglee/workspace/metis/vendor/bundle/gems/bootstrap-sass-3.3.6/assets/stylesheets/bootstrap/mixins/_pagination.scss */ #tw-app :is(.twd-pagination .pagination-sm > li:first-child > a), #tw-app :is(.twd-pagination .pagination-sm > li:first-child > span) { border-bottom-left-radius: 3px; border-top-left-radius: 3px; } /* line 18, /Users/cyanglee/workspace/metis/vendor/bundle/gems/bootstrap-sass-3.3.6/assets/stylesheets/bootstrap/mixins/_pagination.scss */ #tw-app :is(.twd-pagination .pagination-sm > li:last-child > a), #tw-app :is(.twd-pagination .pagination-sm > li:last-child > span) { border-bottom-right-radius: 3px; border-top-right-radius: 3px; } /* FA */ #tw-app :is(.twd-fa a) { color: #337ab7; } #tw-app :is(.twd-fa i.fa.fa-caret-up)::after { content: ''; display: inline-block; width: 16px; height: 16px; background: url("data:image/svg+xml,") no-repeat center center; background-size: contain; } #tw-app :is(.twd-fa i.fa.fa-caret-down)::after { content: ''; display: inline-block; width: 16px; height: 16px; background: url("data:image/svg+xml,") no-repeat center center; background-size: contain; } .\[--adaptive\:none\] { --adaptive: none; } .\[--placement\:bottom\] { --placement: bottom; } .\[--strategy\:static\] { --strategy: static; } .\[a-zA-Z\:\\-\\\.\] { a-z-a--z: \-\.; } #tw-app :is(.file\:me-4)::file-selector-button { margin-inline-end: 1rem; } #tw-app :is(.file\:border-0)::file-selector-button { border-width: 0px; } #tw-app :is(.file\:bg-gray-50)::file-selector-button { --tw-bg-opacity: 1; background-color: rgb(249 250 251 / var(--tw-bg-opacity)); } #tw-app :is(.file\:px-3)::file-selector-button { padding-left: 0.75rem; padding-right: 0.75rem; } #tw-app :is(.file\:py-2)::file-selector-button { padding-top: 0.5rem; padding-bottom: 0.5rem; } #tw-app :is(.before\:mr-1)::before { content: var(--tw-content); margin-right: 0.25rem; } #tw-app :is(.before\:text-red-400)::before { content: var(--tw-content); --tw-text-opacity: 1; color: rgb(248 113 113 / var(--tw-text-opacity)); } #tw-app :is(.first\:ms-0:first-child) { margin-inline-start: 0px; } #tw-app :is(.first\:rounded-s-lg:first-child) { border-start-start-radius: 0.5rem; border-end-start-radius: 0.5rem; } #tw-app :is(.last\:rounded-e-lg:last-child) { border-start-end-radius: 0.5rem; border-end-end-radius: 0.5rem; } #tw-app :is(.odd\:bg-white:nth-child(odd)) { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } #tw-app :is(.even\:bg-gray-100:nth-child(even)) { --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity)); } #tw-app :is(.hover\:bg-blue-100:hover) { --tw-bg-opacity: 1; background-color: rgb(219 234 254 / var(--tw-bg-opacity)); } #tw-app :is(.hover\:bg-blue-700:hover) { --tw-bg-opacity: 1; background-color: rgb(29 78 216 / var(--tw-bg-opacity)); } #tw-app :is(.hover\:bg-blue-800:hover) { --tw-bg-opacity: 1; background-color: rgb(30 64 175 / var(--tw-bg-opacity)); } #tw-app :is(.hover\:bg-gray-100:hover) { --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity)); } #tw-app :is(.hover\:bg-gray-300:hover) { --tw-bg-opacity: 1; background-color: rgb(209 213 219 / var(--tw-bg-opacity)); } #tw-app :is(.hover\:bg-gray-50:hover) { --tw-bg-opacity: 1; background-color: rgb(249 250 251 / var(--tw-bg-opacity)); } #tw-app :is(.hover\:bg-orange-600:hover) { --tw-bg-opacity: 1; background-color: rgb(234 88 12 / var(--tw-bg-opacity)); } #tw-app :is(.hover\:bg-pink-100:hover) { --tw-bg-opacity: 1; background-color: rgb(252 231 243 / var(--tw-bg-opacity)); } #tw-app :is(.hover\:bg-sky-700:hover) { --tw-bg-opacity: 1; background-color: rgb(3 105 161 / var(--tw-bg-opacity)); } #tw-app :is(.hover\:bg-slate-200:hover) { --tw-bg-opacity: 1; background-color: rgb(226 232 240 / var(--tw-bg-opacity)); } #tw-app :is(.hover\:bg-yellow-50:hover) { --tw-bg-opacity: 1; background-color: rgb(254 252 232 / var(--tw-bg-opacity)); } #tw-app :is(.hover\:bg-yellow-600:hover) { --tw-bg-opacity: 1; background-color: rgb(202 138 4 / var(--tw-bg-opacity)); } #tw-app :is(.hover\:text-black:hover) { --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } #tw-app :is(.hover\:text-blue-500:hover) { --tw-text-opacity: 1; color: rgb(59 130 246 / var(--tw-text-opacity)); } #tw-app :is(.hover\:text-gray-500:hover) { --tw-text-opacity: 1; color: rgb(107 114 128 / var(--tw-text-opacity)); } #tw-app :is(.hover\:text-gray-700:hover) { --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity)); } #tw-app :is(.hover\:underline:hover) { text-decoration-line: underline; } #tw-app :is(.hover\:opacity-100:hover) { opacity: 1; } #tw-app :is(.hover\:opacity-90:hover) { opacity: 0.9; } #tw-app :is(.focus\:z-10:focus) { z-index: 10; } #tw-app :is(.focus\:border-blue-300:focus) { --tw-border-opacity: 1; border-color: rgb(147 197 253 / var(--tw-border-opacity)); } #tw-app :is(.focus\:border-blue-500:focus) { --tw-border-opacity: 1; border-color: rgb(59 130 246 / var(--tw-border-opacity)); } #tw-app :is(.focus\:bg-gray-100:focus) { --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity)); } #tw-app :is(.focus\:bg-gray-50:focus) { --tw-bg-opacity: 1; background-color: rgb(249 250 251 / var(--tw-bg-opacity)); } #tw-app :is(.focus\:bg-sky-700:focus) { --tw-bg-opacity: 1; background-color: rgb(3 105 161 / var(--tw-bg-opacity)); } #tw-app :is(.focus\:text-gray-500:focus) { --tw-text-opacity: 1; color: rgb(107 114 128 / var(--tw-text-opacity)); } #tw-app :is(.focus\:underline:focus) { text-decoration-line: underline; } #tw-app :is(.focus\:opacity-100:focus) { opacity: 1; } #tw-app :is(.focus\:outline-none:focus) { outline: 2px solid transparent; outline-offset: 2px; } #tw-app :is(.focus\:outline-blue-300\/50:focus) { outline-color: rgb(147 197 253 / 0.5); } #tw-app :is(.focus\:ring:focus) { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } #tw-app :is(.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); } #tw-app :is(.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); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } #tw-app :is(.focus\:ring-4: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(4px + 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); } #tw-app :is(.focus\:ring-blue-300:focus) { --tw-ring-opacity: 1; --tw-ring-color: rgb(147 197 253 / var(--tw-ring-opacity)); } #tw-app :is(.focus\:ring-blue-300\/50:focus) { --tw-ring-color: rgb(147 197 253 / 0.5); } #tw-app :is(.focus\:ring-blue-500:focus) { --tw-ring-opacity: 1; --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity)); } #tw-app :is(.disabled\:pointer-events-none:disabled) { pointer-events: none; } #tw-app :is(.disabled\:opacity-50:disabled) { opacity: 0.5; } #tw-app :is(.group.boolean .group-\[\.boolean\]\:order-last) { order: 9999; } #tw-app :is(.group.has-error .group-\[\.has-error\]\:block) { display: block; } #tw-app :is(.group.radio_buttons .group-\[\.radio\\_buttons\]\:rounded-full) { border-radius: 9999px; } #tw-app :is(.group.has-error .group-\[\.has-error\]\:border-red-300) { --tw-border-opacity: 1; border-color: rgb(252 165 165 / var(--tw-border-opacity)); } #tw-app :is(.group.disabled .group-\[\.disabled\]\:opacity-50) { opacity: 0.5; } #tw-app :is(.group.required .group-\[\.required\]\:before\:content-\[\'\*\'\])::before { --tw-content: '*'; content: var(--tw-content); } #tw-app :is(.group.has-error .group-\[\.has-error\]\:focus\:border-red-400:focus) { --tw-border-opacity: 1; border-color: rgb(248 113 113 / var(--tw-border-opacity)); } #tw-app :is(.group.has-error .group-\[\.has-error\]\:focus\:ring-red-400:focus) { --tw-ring-opacity: 1; --tw-ring-color: rgb(248 113 113 / var(--tw-ring-opacity)); } #tw-app :is(.peer:disabled ~ .peer-disabled\:pointer-events-none) { pointer-events: none; } #tw-app :is(.peer:disabled ~ .peer-disabled\:opacity-50) { opacity: 0.5; } #tw-app :is(.data-\[focus-status\=true\]\:bg-gray-400[data-focus-status=true]) { --tw-bg-opacity: 1; background-color: rgb(156 163 175 / var(--tw-bg-opacity)); } #tw-app :is(.data-\[focus-status\=true\]\:outline-none[data-focus-status=true]) { outline: 2px solid transparent; outline-offset: 2px; } #tw-app :is(.hs-dropdown.open > .hs-dropdown-open\: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)); } #tw-app :is(.hs-dropdown.open > .hs-dropdown-open\:opacity-100) { opacity: 1; } #tw-app :is(.hs-dropdown.open .hs-dropdown-toggle .hs-dropdown-open\: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)); } #tw-app :is(.hs-dropdown.open .hs-dropdown-toggle .hs-dropdown-open\:opacity-100) { opacity: 1; } #tw-app :is(.hs-dropdown.open > .hs-dropdown-menu > .hs-dropdown-open\: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)); } #tw-app :is(.hs-dropdown.open > .hs-dropdown-menu > .hs-dropdown-open\:opacity-100) { opacity: 1; } #tw-app :is(.hs-removing.hs-removing\:-translate-y-full) { --tw-translate-y: -100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } #tw-app :is(.hs-removing.hs-removing\:opacity-0) { opacity: 0; } #tw-app :is(.hs-tooltip.show .hs-tooltip-shown\:visible) { visibility: visible; } #tw-app :is(.hs-tooltip.show .hs-tooltip-shown\:opacity-100) { opacity: 1; } #tw-app :is(.hs-collapse.open .hs-collapse-open\:block) { display: block; } #tw-app :is(.hs-collapse.open .hs-collapse-open\:hidden) { display: none; } #tw-app :is(.hs-collapse.open.hs-collapse-open\:block) { display: block; } #tw-app :is(.hs-collapse.open.hs-collapse-open\:hidden) { display: none; } #tw-app :is(.hs-collapse-toggle.open .hs-collapse-open\:block) { display: block; } #tw-app :is(.hs-collapse-toggle.open .hs-collapse-open\:hidden) { display: none; } #tw-app :is(.hs-collapse-toggle.open.hs-collapse-open\:block) { display: block; } #tw-app :is(.hs-collapse-toggle.open.hs-collapse-open\:hidden) { display: none; } #tw-app :is(.selected .hs-combo-box-selected\:block) { display: block; } #tw-app :is(.selected.hs-combo-box-selected\:block) { display: block; } @media (min-width: 640px) { #tw-app :is(.sm\:text-center) { text-align: center; } } @media (min-width: 768px) { #tw-app :is(.md\:\!visible) { visibility: visible !important; } #tw-app :is(.md\:relative) { position: relative; } #tw-app :is(.md\:mx-\[90px\]) { margin-left: 90px; margin-right: 90px; } #tw-app :is(.md\:mt-0) { margin-top: 0px; } #tw-app :is(.md\:\!block) { display: block !important; } #tw-app :is(.md\:block) { display: block; } #tw-app :is(.md\:flex) { display: flex; } #tw-app :is(.md\:hidden) { display: none; } #tw-app :is(.md\:max-h-\[85vh\]) { max-height: 85vh; } #tw-app :is(.md\:w-1\/2) { width: 50%; } #tw-app :is(.md\:w-48) { width: 12rem; } #tw-app :is(.md\:w-60) { width: 15rem; } #tw-app :is(.md\:w-80) { width: 20rem; } #tw-app :is(.md\:w-96) { width: 24rem; } #tw-app :is(.md\:w-\[680px\]) { width: 680px; } #tw-app :is(.md\:grow) { flex-grow: 1; } #tw-app :is(.md\:basis-full) { flex-basis: 100%; } #tw-app :is(.md\:flex-row) { flex-direction: row; } #tw-app :is(.md\:items-center) { align-items: center; } #tw-app :is(.md\:justify-end) { justify-content: flex-end; } #tw-app :is(.md\:justify-between) { justify-content: space-between; } #tw-app :is(.md\:space-x-12 > :not([hidden]) ~ :not([hidden])) { --tw-space-x-reverse: 0; margin-right: calc(3rem * var(--tw-space-x-reverse)); margin-left: calc(3rem * calc(1 - var(--tw-space-x-reverse))); } #tw-app :is(.md\:space-y-0 > :not([hidden]) ~ :not([hidden])) { --tw-space-y-reverse: 0; margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0px * var(--tw-space-y-reverse)); } #tw-app :is(.md\:overflow-visible) { overflow: visible; } #tw-app :is(.md\:border) { border-width: 1px; } #tw-app :is(.md\:p-5) { padding: 1.25rem; } #tw-app :is(.md\:px-2) { padding-left: 0.5rem; padding-right: 0.5rem; } #tw-app :is(.md\:px-5) { padding-left: 1.25rem; padding-right: 1.25rem; } #tw-app :is(.md\:py-4) { padding-top: 1rem; padding-bottom: 1rem; } #tw-app :is(.md\:pl-2) { padding-left: 0.5rem; } #tw-app :is(.md\:pr-4) { padding-right: 1rem; } #tw-app :is(.md\:ps-7) { padding-inline-start: 1.75rem; } #tw-app :is(.md\:pt-0) { padding-top: 0px; } #tw-app :is(.md\:text-\[18px\]) { font-size: 18px; } #tw-app :is(.md\:text-\[24px\]) { font-size: 24px; } #tw-app :is(.md\:shadow-md) { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } #tw-app :is(.md\:duration-\[150ms\]) { transition-duration: 150ms; } .md\:\[--strategy\:absolute\] { --strategy: absolute; } .md\:\[--trigger\:hover\] { --trigger: hover; } } @media (min-width: 1024px) { #tw-app :is(.lg\:mx-\[10px\]) { margin-left: 10px; margin-right: 10px; } #tw-app :is(.lg\:mx-\[110px\]) { margin-left: 110px; margin-right: 110px; } #tw-app :is(.lg\:my-\[40px\]) { margin-top: 40px; margin-bottom: 40px; } #tw-app :is(.lg\:inline) { display: inline; } #tw-app :is(.lg\:hidden) { display: none; } #tw-app :is(.lg\:h-\[60px\]) { height: 60px; } #tw-app :is(.lg\:w-\[400px\]) { width: 400px; } #tw-app :is(.lg\:w-\[70px\]) { width: 70px; } #tw-app :is(.lg\:max-w-\[960px\]) { max-width: 960px; } #tw-app :is(.lg\:flex-row-reverse) { flex-direction: row-reverse; } #tw-app :is(.lg\:py-\[12px\]) { padding-top: 12px; padding-bottom: 12px; } #tw-app :is(.lg\:pb-\[2px\]) { padding-bottom: 2px; } #tw-app :is(.lg\:pb-\[5px\]) { padding-bottom: 5px; } #tw-app :is(.lg\:text-\[16px\]) { font-size: 16px; } #tw-app :is(.lg\:text-\[20px\]) { font-size: 20px; } #tw-app :is(.lg\:text-\[22px\]) { font-size: 22px; } #tw-app :is(.lg\:text-\[24px\]) { font-size: 24px; } #tw-app :is(.lg\:text-\[28px\]) { font-size: 28px; } #tw-app :is(.lg\:text-\[35px\]) { font-size: 35px; } #tw-app :is(.lg\:leading-\[24\.1px\]) { line-height: 24.1px; } #tw-app :is(.lg\:leading-\[40px\]) { line-height: 40px; } } @media (prefers-color-scheme: dark) { #tw-app :is(.dark\:divide-neutral-700 > :not([hidden]) ~ :not([hidden])) { --tw-divide-opacity: 1; border-color: rgb(64 64 64 / var(--tw-divide-opacity)); } #tw-app :is(.dark\:border-neutral-700) { --tw-border-opacity: 1; border-color: rgb(64 64 64 / var(--tw-border-opacity)); } #tw-app :is(.dark\:bg-blue-600) { --tw-bg-opacity: 1; background-color: rgb(37 99 235 / var(--tw-bg-opacity)); } #tw-app :is(.dark\:bg-neutral-900) { --tw-bg-opacity: 1; background-color: rgb(23 23 23 / var(--tw-bg-opacity)); } #tw-app :is(.dark\:bg-opacity-80) { --tw-bg-opacity: 0.8; } #tw-app :is(.dark\:text-blue-500) { --tw-text-opacity: 1; color: rgb(59 130 246 / var(--tw-text-opacity)); } #tw-app :is(.dark\:text-neutral-200) { --tw-text-opacity: 1; color: rgb(229 229 229 / var(--tw-text-opacity)); } #tw-app :is(.dark\:text-neutral-400) { --tw-text-opacity: 1; color: rgb(163 163 163 / var(--tw-text-opacity)); } #tw-app :is(.dark\:text-neutral-500) { --tw-text-opacity: 1; color: rgb(115 115 115 / var(--tw-text-opacity)); } #tw-app :is(.dark\:text-white) { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } #tw-app :is(.dark\:placeholder-neutral-500)::-moz-placeholder { --tw-placeholder-opacity: 1; color: rgb(115 115 115 / var(--tw-placeholder-opacity)); } #tw-app :is(.dark\:placeholder-neutral-500)::placeholder { --tw-placeholder-opacity: 1; color: rgb(115 115 115 / var(--tw-placeholder-opacity)); } #tw-app :is(.dark\:shadow-neutral-700\/70) { --tw-shadow-color: rgb(64 64 64 / 0.7); --tw-shadow: var(--tw-shadow-colored); } #tw-app :is(.dark\:hover\:bg-blue-700:hover) { --tw-bg-opacity: 1; background-color: rgb(29 78 216 / var(--tw-bg-opacity)); } #tw-app :is(.dark\:hover\:bg-neutral-800:hover) { --tw-bg-opacity: 1; background-color: rgb(38 38 38 / var(--tw-bg-opacity)); } #tw-app :is(.dark\:focus\:bg-neutral-800:focus) { --tw-bg-opacity: 1; background-color: rgb(38 38 38 / var(--tw-bg-opacity)); } #tw-app :is(.dark\:focus\:ring-blue-800:focus) { --tw-ring-opacity: 1; --tw-ring-color: rgb(30 64 175 / var(--tw-ring-opacity)); } #tw-app :is(.dark\:focus\:ring-neutral-600:focus) { --tw-ring-opacity: 1; --tw-ring-color: rgb(82 82 82 / var(--tw-ring-opacity)); } } /*# sourceMappingURL=bundle.css.map*/