/** * Tailwind's Preflight Style Reset * https://tailwindcss.com/docs/preflight * * Why is this here? * 1. Tailwind doesn't publish their style reset (which is * derived from modern-normalize). * 2. TailwindCSS's version of this doesn't work with third-party * DOM elements that it can't extract. */ /*! tailwindcss v2.2.16 | MIT License | https://tailwindcss.com */ /*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */ /*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */ /* Document ======== */ /** Use a better box model (opinionated). */ *, ::before, ::after { box-sizing: border-box; } /** Use a more readable tab size (opinionated). */ html { -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; } /** 1. Correct the line height in all browsers. 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ======== */ /** Remove the margin in all browsers. */ body { margin: 0; } /** Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3) */ body { font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; } /* Grouping content ================ */ /** 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) */ hr { height: 0; /* 1 */ color: inherit; /* 2 */ } /* Text-level semantics ==================== */ /** Add the correct text decoration in Chrome, Edge, and Safari. */ abbr[title] { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } /** Add the correct font weight in Edge and Safari. */ b, strong { font-weight: bolder; } /** 1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3) 2. Correct the odd 'em' font sizing in all browsers. */ code, kbd, samp, pre { font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** Add the correct font size in all browsers. */ small { font-size: 80%; } /** Prevent 'sub' and 'sup' elements from affecting the line height in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Tabular data ============ */ /** 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) */ table { text-indent: 0; /* 1 */ border-color: inherit; /* 2 */ } /* Forms ===== */ /** 1. Change the font styles in all browsers. 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** Remove the inheritance of text transform in Edge and Firefox. 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** Correct the inability to style clickable types in iOS and Safari. */ button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; } /** Remove the inner border and padding in Firefox. */ ::-moz-focus-inner { border-style: none; padding: 0; } /** Restore the focus styles unset by the previous rule. */ :-moz-focusring { outline: 1px dotted ButtonText; } /** Remove the additional ':invalid' styles in Firefox. See: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737 */ :-moz-ui-invalid { box-shadow: none; } /** Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers. */ legend { padding: 0; } /** 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 */ } /* Interactive =========== */ /* Add the correct display in Chrome and Safari. */ summary { display: list-item; } /* Document ======== */ /** Use a better box model (opinionated). */ *, ::before, ::after { box-sizing: border-box; } /** Use a more readable tab size (opinionated). */ html { -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; } /** 1. Correct the line height in all browsers. 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ======== */ /** Remove the margin in all browsers. */ body { margin: 0; } /** Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3) */ body { font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; } /* Grouping content ================ */ /** 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) */ hr { height: 0; /* 1 */ color: inherit; /* 2 */ } /* Text-level semantics ==================== */ /** Add the correct text decoration in Chrome, Edge, and Safari. */ abbr[title] { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } /** Add the correct font weight in Edge and Safari. */ b, strong { font-weight: bolder; } /** 1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3) 2. Correct the odd 'em' font sizing in all browsers. */ code, kbd, samp, pre { font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** Add the correct font size in all browsers. */ small { font-size: 80%; } /** Prevent 'sub' and 'sup' elements from affecting the line height in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Tabular data ============ */ /** 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) */ table { text-indent: 0; /* 1 */ border-color: inherit; /* 2 */ } /* Forms ===== */ /** 1. Change the font styles in all browsers. 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** Remove the inheritance of text transform in Edge and Firefox. 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** Correct the inability to style clickable types in iOS and Safari. */ button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; } /** Remove the inner border and padding in Firefox. */ ::-moz-focus-inner { border-style: none; padding: 0; } /** Restore the focus styles unset by the previous rule. */ :-moz-focusring { outline: 1px dotted ButtonText; } /** Remove the additional ':invalid' styles in Firefox. See: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737 */ :-moz-ui-invalid { box-shadow: none; } /** Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers. */ legend { padding: 0; } /** 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 */ } /* Interactive =========== */ /* Add the correct display in Chrome and Safari. */ summary { display: list-item; } /** * Manually forked from SUIT CSS Base: https://github.com/suitcss/base * A thin layer on top of normalize.css that provides a starting point more * suitable for web applications. */ /** * Removes the default spacing and border for appropriate elements. */ blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre { margin: 0; } button { background-color: transparent; background-image: none; } fieldset { margin: 0; padding: 0; } ol, ul { list-style: none; margin: 0; padding: 0; } /** * Tailwind custom reset styles */ /** * 1. Use the user's configured `sans` font-family (with Tailwind's default * sans-serif font stack as a fallback) as a sane default. * 2. Use Tailwind's default "normal" line-height so the user isn't forced * to override it to ensure consistency even when using the default theme. */ html { font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 1 */ line-height: 1.5; /* 2 */ } /** * Inherit font-family and line-height from `html` so users can set them as * a class directly on the `html` element. */ body { font-family: inherit; line-height: inherit; } /** * 1. Prevent padding and border from affecting element width. * * We used to set this in the html element and inherit from * the parent element for everything else. This caused issues * in shadow-dom-enhanced elements like
where the content * is wrapped by a div with box-sizing set to `content-box`. * * https://github.com/mozdevs/cssremedy/issues/4 * * * 2. Allow adding a border to an element by just adding a border-width. * * By default, the way the browser specifies that an element should have no * border is by setting it's border-style to `none` in the user-agent * stylesheet. * * In order to easily add borders to elements by just setting the `border-width` * property, we change the default border-style for all elements to `solid`, and * use border-width to hide them instead. This way our `border` utilities only * need to set the `border-width` property instead of the entire `border` * shorthand, making our border utilities much more straightforward to compose. * * https://github.com/tailwindcss/tailwindcss/pull/116 */ *, ::before, ::after { box-sizing: border-box; /* 1 */ border-width: 0; /* 2 */ border-style: solid; /* 2 */ border-color: currentColor; /* 2 */ } /* * Ensure horizontal rules are visible by default */ hr { border-top-width: 1px; } /** * Undo the `border-style: none` reset that Normalize applies to images so that * our `border-{width}` utilities have the expected effect. * * The Normalize reset is unnecessary for us since we default the border-width * to 0 on all elements. * * https://github.com/tailwindcss/tailwindcss/issues/362 */ img { border-style: solid; } textarea { resize: vertical; } input::-moz-placeholder, textarea::-moz-placeholder { opacity: 1; color: #9ca3af; } input::placeholder, textarea::placeholder { opacity: 1; color: #9ca3af; } button, [role=button] { cursor: pointer; } /** * Override legacy focus reset from Normalize with modern Firefox focus styles. * * This is actually an improvement over the new defaults in Firefox in our testing, * as it triggers the better focus styles even for links, which still use a dotted * outline in Firefox by default. */ :-moz-focusring { outline: auto; } table { border-collapse: collapse; } 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; } /** * Reset form element properties that are easy to forget to * style explicitly so you don't inadvertently introduce * styles that deviate from your design system. These styles * supplement a partial reset that is already applied by * normalize.css. */ button, input, optgroup, select, textarea { padding: 0; line-height: inherit; color: inherit; } /** * Use the configured 'mono' font family for elements that * are expected to be rendered with a monospace font, falling * back to the system monospace stack if there is no configured * 'mono' font family. */ pre, code, kbd, samp { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } /** * 1. Make replaced elements `display: block` by default as that's * the behavior you want almost all of the time. Inspired by * CSS Remedy, with `svg` added as well. * * https://github.com/mozdevs/cssremedy/issues/14 * * 2. Add `vertical-align: middle` to align replaced elements more * sensibly by default when overriding `display` by adding a * utility like `inline`. * * This can trigger a poorly considered linting error in some * tools but is included by design. * * https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210 */ 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; } /** * Ensure the default browser behavior of the `hidden` attribute. */ [hidden] { display: none; } *, ::before, ::after { --tw-border-opacity: 1; border-color: rgba(229, 231, 235, var(--tw-border-opacity)); } /* * Global Resets * ------------------------- */ [multiple], [type=date], [type=datetime-local], [type=email], [type=month], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=time], [type=url], [type=week], select, textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #fff; border-color: #6b7280; border-width: 1px; border-radius: 0; padding-top: 0.35rem; padding-bottom: 0.35rem; padding-left: 0.5rem; padding-right: 0.5rem; font-size: 1rem; line-height: 1.25rem; } [multiple]:focus, [type=date]:focus, [type=datetime-local]:focus, [type=email]:focus, [type=month]:focus, [type=number]:focus, [type=password]:focus, [type=search]:focus, [type=tel]:focus, [type=text]:focus, [type=time]:focus, [type=url]:focus, [type=week]:focus, select:focus, textarea:focus { outline: 2px solid transparent; outline-offset: 2px; --tw-ring-inset: var(--tw-empty, ); /*!*/ /*!*/ --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: #2563eb; --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); border-color: #2563eb; } input::-moz-placeholder, textarea::-moz-placeholder { color: #6b7280; opacity: 1; } input::-moz-placeholder, textarea::-moz-placeholder { color: #6b7280; opacity: 1; } input::placeholder, textarea::placeholder { color: #6b7280; opacity: 1; } ::-webkit-datetime-edit-fields-wrapper { padding: 0; } ::-webkit-date-and-time-value { min-height: 1.5em; } select { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e"); background-position: right 0.5rem center; background-repeat: no-repeat; background-size: 1.5em 1.5em; padding-right: 2.5rem; -webkit-print-color-adjust: exact; color-adjust: exact; } [multiple] { background-image: initial; background-position: initial; background-repeat: unset; background-size: initial; padding-right: 0.75rem; -webkit-print-color-adjust: unset; color-adjust: unset; } [type=checkbox], [type=radio] { -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 0; -webkit-print-color-adjust: exact; color-adjust: exact; display: inline-block; vertical-align: middle; background-origin: border-box; -webkit-user-select: none; -moz-user-select: none; user-select: none; flex-shrink: 0; height: 1rem; width: 1rem; color: #2563eb; background-color: #fff; border-color: #6b7280; border-width: 1px; } [type=checkbox] { border-radius: 0; } [type=radio] { border-radius: 100%; } [type=checkbox]:focus, [type=radio]:focus { outline: 2px solid transparent; outline-offset: 2px; --tw-ring-inset: var(--tw-empty); --tw-ring-offset-width: 2px; --tw-ring-offset-color: #fff; --tw-ring-color: #2563eb; --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); } [type=checkbox]:checked, [type=radio]:checked { border-color: transparent; background-color: currentColor; background-size: 100% 100%; background-position: center; background-repeat: no-repeat; } [type=checkbox]:checked { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e"); } [type=radio]:checked { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e"); } [type=checkbox]:checked:focus, [type=checkbox]:checked:hover, [type=radio]:checked:focus, [type=radio]:checked:hover { border-color: transparent; background-color: currentColor; } [type=checkbox]:indeterminate { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e"); border-color: transparent; background-color: currentColor; background-size: 100% 100%; background-position: center; background-repeat: no-repeat; } [type=checkbox]:indeterminate:focus, [type=checkbox]:indeterminate:hover { border-color: transparent; background-color: currentColor; } [type=file] { background: unset; border-color: inherit; border-width: 0; border-radius: 0; padding: 0; font-size: unset; line-height: inherit; } [type=file]:focus { outline: 1px auto -webkit-focus-ring-color; } input[type=search].dark { background: #222; color: #fff; } input[type=search].light { background: #fff; color: #222; } input[type=search].suffix::-webkit-search-cancel-button { padding-right: 3.25em; } input[type=search]::-webkit-search-cancel-button { -webkit-appearance: none; margin: 1em; height: 1em; width: 1em; border-radius: 50em; background: url(https://pro.fontawesome.com/releases/v5.10.0/svgs/solid/times-circle.svg) no-repeat 50% 50%; background-size: contain; opacity: 0; pointer-events: none; } input[type=search]:focus::-webkit-search-cancel-button { opacity: 0.3; pointer-events: all; } input[type=search].dark::-webkit-search-cancel-button { filter: invert(1); } /* Define the "system" font family */ @font-face { font-family: system; font-style: normal; font-weight: 300; src: local(".SFNSText-Light"), local(".HelveticaNeueDeskInterface-Light"), local(".LucidaGrandeUI"), local("Ubuntu Light"), local("Segoe UI Light"), local("Roboto-Light"), local("DroidSans"), local("Tahoma"); } @supports (font-variation-settings: normal) { @font-face { font-family: "Fira Code"; src: url("../fonts/FiraCode-VF.woff2") format("woff2 supports variations"), url("../fonts/FiraCode-VF.woff2") format("woff2-variations"); font-weight: 100 1000; font-stretch: 25% 151%; } } html, body { --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important; font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif; } /** * Utilities * ------------------------- */ .hide-scrollbar { scrollbar-width: 0; } .hide-scrollbar::-webkit-scrollbar { width: 0; height: 0; } .force-dark { color-scheme: dark; } .force-light { color-scheme: light; } /** * Common theming * ------------------------- */ ::-moz-selection { background-color: rgb(208 210 224 / var(--tw-bg-opacity)); --tw-bg-opacity: 0.3; } ::selection { background-color: rgb(208 210 224 / var(--tw-bg-opacity)); --tw-bg-opacity: 0.3; } /** * Global Resets * ------------------------- */ [multiple], [type=date], [type=datetime-local], [type=email], [type=month], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=time], [type=url], [type=week], select, textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #fff; border-color: #6b7280; border-width: 1px; border-radius: 0; padding-top: 0.35rem; padding-bottom: 0.35rem; padding-left: 0.5rem; padding-right: 0.5rem; font-size: 1rem; line-height: 1.25rem; } [multiple]:focus, [type=date]:focus, [type=datetime-local]:focus, [type=email]:focus, [type=month]:focus, [type=number]:focus, [type=password]:focus, [type=search]:focus, [type=tel]:focus, [type=text]:focus, [type=time]:focus, [type=url]:focus, [type=week]:focus, select:focus, textarea:focus { outline: 2px solid transparent; outline-offset: 2px; --tw-ring-inset: var(--tw-empty, ); /*!*/ /*!*/ --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: #2563eb; --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); border-color: #2563eb; } input::-moz-placeholder, textarea::-moz-placeholder { color: #6b7280; opacity: 1; } input::-moz-placeholder, textarea::-moz-placeholder { color: #6b7280; opacity: 1; } input::placeholder, textarea::placeholder { color: #6b7280; opacity: 1; } ::-webkit-datetime-edit-fields-wrapper { padding: 0; } ::-webkit-date-and-time-value { min-height: 1.5em; } select { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e"); background-position: right 0.5rem center; background-repeat: no-repeat; background-size: 1.5em 1.5em; padding-right: 2.5rem; -webkit-print-color-adjust: exact; color-adjust: exact; } [multiple] { background-image: initial; background-position: initial; background-repeat: unset; background-size: initial; padding-right: 0.75rem; -webkit-print-color-adjust: unset; color-adjust: unset; } [type=checkbox], [type=radio] { -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 0; -webkit-print-color-adjust: exact; color-adjust: exact; display: inline-block; vertical-align: middle; background-origin: border-box; -webkit-user-select: none; -moz-user-select: none; user-select: none; flex-shrink: 0; height: 1rem; width: 1rem; color: #2563eb; background-color: #fff; border-color: #6b7280; border-width: 1px; } [type=checkbox] { border-radius: 0; } [type=radio] { border-radius: 100%; } [type=checkbox]:focus, [type=radio]:focus { outline: 2px solid transparent; outline-offset: 2px; --tw-ring-inset: var(--tw-empty); --tw-ring-offset-width: 2px; --tw-ring-offset-color: #fff; --tw-ring-color: #2563eb; --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); } [type=checkbox]:checked, [type=radio]:checked { border-color: transparent; background-color: currentColor; background-size: 100% 100%; background-position: center; background-repeat: no-repeat; } [type=checkbox]:checked { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e"); } [type=radio]:checked { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e"); } [type=checkbox]:checked:focus, [type=checkbox]:checked:hover, [type=radio]:checked:focus, [type=radio]:checked:hover { border-color: transparent; background-color: currentColor; } [type=checkbox]:indeterminate { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e"); border-color: transparent; background-color: currentColor; background-size: 100% 100%; background-position: center; background-repeat: no-repeat; } [type=checkbox]:indeterminate:focus, [type=checkbox]:indeterminate:hover { border-color: transparent; background-color: currentColor; } [type=file] { background: unset; border-color: inherit; border-width: 0; border-radius: 0; padding: 0; font-size: unset; line-height: inherit; } [type=file]:focus { outline: 1px auto -webkit-focus-ring-color; } input[type=search].dark { background: #222; color: #fff; } input[type=search].light { background: #fff; color: #222; } input[type=search].suffix::-webkit-search-cancel-button { padding-right: 3.25em; } input[type=search]::-webkit-search-cancel-button { -webkit-appearance: none; margin: 1em; height: 1em; width: 1em; border-radius: 50em; background: url(https://pro.fontawesome.com/releases/v5.10.0/svgs/solid/times-circle.svg) no-repeat 50% 50%; background-size: contain; opacity: 0; pointer-events: none; } input[type=search]:focus::-webkit-search-cancel-button { opacity: 0.3; pointer-events: all; } input[type=search].dark::-webkit-search-cancel-button { filter: invert(1); }/* ! tailwindcss v3.3.2 | 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: #D0D2E0; /* 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. */ html { line-height: 1.5; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ /* 3 */ tab-size: 4; /* 3 */ font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", 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 */ } /* 1. Remove the margin in all browsers. 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element. */ body { margin: 0; /* 1 */ line-height: inherit; /* 2 */ } /* 1. Add the correct height in Firefox. 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655) 3. Ensure horizontal rules are visible by default. */ hr { height: 0; /* 1 */ color: inherit; /* 2 */ border-top-width: 1px; /* 3 */ } /* Add the correct text decoration in Chrome, Edge, and Safari. */ abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } /* Remove the default font size and weight for headings. */ h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } /* Reset links to optimize for opt-in styling instead of opt-out. */ a { color: inherit; text-decoration: inherit; } /* Add the correct font weight in Edge and Safari. */ b, strong { font-weight: bolder; } /* 1. Use the user's configured `mono` font family by default. 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp, pre { font-family: "Fira Code", monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Add the correct font size in all browsers. */ small { font-size: 80%; } /* Prevent `sub` and `sup` elements from affecting the line height in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297) 2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016) 3. Remove gaps between table borders by default. */ table { text-indent: 0; /* 1 */ border-color: inherit; /* 2 */ border-collapse: collapse; /* 3 */ } /* 1. Change the font styles in all browsers. 2. Remove the margin in Firefox and Safari. 3. Remove default padding in all browsers. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ font-weight: inherit; /* 1 */ line-height: inherit; /* 1 */ color: inherit; /* 1 */ margin: 0; /* 2 */ padding: 0; /* 3 */ } /* Remove the inheritance of text transform in Edge and Firefox. */ button, select { text-transform: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Remove default button styles. */ button, [type='button'], [type='reset'], [type='submit'] { -webkit-appearance: button; /* 1 */ background-color: transparent; /* 2 */ background-image: none; /* 2 */ } /* Use the modern Firefox focus style for all focusable elements. */ :-moz-focusring { outline: auto; } /* Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737) */ :-moz-ui-invalid { box-shadow: none; } /* Add the correct vertical alignment in Chrome and Firefox. */ progress { vertical-align: baseline; } /* Correct the cursor style of increment and decrement buttons in Safari. */ ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } /* 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */ [type='search'] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /* Remove the inner padding in Chrome and Safari on macOS. */ ::-webkit-search-decoration { -webkit-appearance: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Add the correct display in Chrome and Safari. */ summary { display: list-item; } /* Removes the default spacing and border for appropriate elements. */ blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre { margin: 0; } fieldset { margin: 0; padding: 0; } legend { padding: 0; } ol, ul, menu { list-style: none; margin: 0; padding: 0; } /* Prevent resizing textareas horizontally by default. */ textarea { resize: vertical; } /* 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300) 2. Set the default placeholder color to the user's configured gray 400 color. */ input::placeholder, textarea::placeholder { opacity: 1; /* 1 */ color: #AFB3C7; /* 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(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: ; } .container { width: 100%; } @media (min-width: 640px) { .container { max-width: 640px; } } @media (min-width: 768px) { .container { max-width: 768px; } } @media (min-width: 1024px) { .container { max-width: 1024px; } } @media (min-width: 1280px) { .container { max-width: 1280px; } } @media (min-width: 1536px) { .container { max-width: 1536px; } } .card { background: white; border-width: 1px; border-style: solid; border-color: #E1E3ED; border-radius: 4px; cursor: pointer; display: block; width: 100%; outline: none; transition: all 150ms ease-in-out; } .card:hover,.card:focus { border-width: 1px; border-color: #9AA2FC; box-shadow: 0 0 0 2px #DADDFE; transition: all 150ms ease-in-out; outline: 2px solid transparent; } .card:hover:disabled, .card:focus:disabled { box-shadow: none; border-color: transparent; } .default-ring { border-width: 1px; border-color: #9AA2FC; box-shadow: 0 0 0 2px #DADDFE; transition: all 150ms ease-in-out; outline: 2px solid transparent; } .default-ring:disabled { box-shadow: none; border-color: transparent; } .hocus-default { outline: none; transition: all 150ms ease-in-out; } .hocus-default:hover,.hocus-default:focus { border-width: 1px; border-color: #9AA2FC; box-shadow: 0 0 0 2px #DADDFE; transition: all 150ms ease-in-out; outline: 2px solid transparent; } .hocus-default:hover:disabled, .hocus-default:focus:disabled { box-shadow: none; border-color: transparent; } .focus-within-default { outline: none; transition: all 150ms ease-in-out; } .focus-within-default:focus-within { border-width: 1px; border-color: #9AA2FC; box-shadow: 0 0 0 2px #DADDFE; transition: all 150ms ease-in-out; outline: 2px solid transparent; } .focus-within-default:focus-within:disabled { box-shadow: none; border-color: transparent; } .hocus-link-default:focus { outline: transparent; text-decoration: underline; } .hocus-link-default:hover { text-decoration: underline; } .hocus-error { outline: none; transition: all 150ms ease-in-out; } .hocus-error:hover,.hocus-error:focus { border-width: 1px; border-color: #F59AA9; box-shadow: 0 0 0 2px #FAD9DF; transition: all 150ms ease-in-out; outline: 2px solid transparent; } .hocus-error:hover:disabled, .hocus-error:focus:disabled { box-shadow: none; border-color: transparent; } .hocus-secondary { outline: none; transition: all 150ms ease-in-out; } .hocus-secondary:hover,.hocus-secondary:focus { border-width: 1px; border-color: #69D3A7; box-shadow: 0 0 0 2px #C2F1DE; transition: all 150ms ease-in-out; outline: 2px solid transparent; } .hocus-secondary:hover:disabled, .hocus-secondary:focus:disabled { box-shadow: none; border-color: transparent; } .icon-light-gray-100 > *[fill].icon-light { fill: #E1E3ED; } .icon-light-gray-100 > *[stroke].icon-light { stroke: #E1E3ED; } .icon-light-gray-100 > *[stroke][fill].icon-light-fill { fill: #E1E3ED; } .icon-light-gray-100 > *[stroke][fill].icon-light-stroke { stroke: #E1E3ED; } .icon-light-gray-200 > *[fill].icon-light { fill: #D0D2E0; } .icon-light-gray-200 > *[stroke].icon-light { stroke: #D0D2E0; } .icon-light-gray-200 > *[stroke][fill].icon-light-fill { fill: #D0D2E0; } .icon-light-gray-200 > *[stroke][fill].icon-light-stroke { stroke: #D0D2E0; } .icon-light-gray-300 > *[fill].icon-light { fill: #BFC2D4; } .icon-light-gray-300 > *[stroke].icon-light { stroke: #BFC2D4; } .icon-light-gray-300 > *[stroke][fill].icon-light-fill { fill: #BFC2D4; } .icon-light-gray-300 > *[stroke][fill].icon-light-stroke { stroke: #BFC2D4; } .icon-light-gray-400 > *[fill].icon-light { fill: #AFB3C7; } .icon-light-gray-400 > *[stroke].icon-light { stroke: #AFB3C7; } .icon-light-gray-400 > *[stroke][fill].icon-light-fill { fill: #AFB3C7; } .icon-light-gray-400 > *[stroke][fill].icon-light-stroke { stroke: #AFB3C7; } .icon-light-gray-50 > *[fill].icon-light { fill: #F3F4FA; } .icon-light-gray-50 > *[stroke].icon-light { stroke: #F3F4FA; } .icon-light-gray-50 > *[stroke][fill].icon-light-fill { fill: #F3F4FA; } .icon-light-gray-50 > *[stroke][fill].icon-light-stroke { stroke: #F3F4FA; } .icon-light-indigo-100 > *[fill].icon-light { fill: #DADDFE; } .icon-light-indigo-100 > *[stroke].icon-light { stroke: #DADDFE; } .icon-light-indigo-100 > *[stroke][fill].icon-light-fill { fill: #DADDFE; } .icon-light-indigo-100 > *[stroke][fill].icon-light-stroke { stroke: #DADDFE; } .icon-light-indigo-200 > *[fill].icon-light { fill: #C5C9FD; } .icon-light-indigo-200 > *[stroke].icon-light { stroke: #C5C9FD; } .icon-light-indigo-200 > *[stroke][fill].icon-light-fill { fill: #C5C9FD; } .icon-light-indigo-200 > *[stroke][fill].icon-light-stroke { stroke: #C5C9FD; } .icon-light-indigo-50 > *[fill].icon-light { fill: #F0F1FF; } .icon-light-indigo-50 > *[stroke].icon-light { stroke: #F0F1FF; } .icon-light-indigo-50 > *[stroke][fill].icon-light-fill { fill: #F0F1FF; } .icon-light-indigo-50 > *[stroke][fill].icon-light-stroke { stroke: #F0F1FF; } .icon-light-jade-100 > *[fill].icon-light { fill: #C2F1DE; } .icon-light-jade-100 > *[stroke].icon-light { stroke: #C2F1DE; } .icon-light-jade-100 > *[stroke][fill].icon-light-fill { fill: #C2F1DE; } .icon-light-jade-100 > *[stroke][fill].icon-light-stroke { stroke: #C2F1DE; } .icon-light-jade-200 > *[fill].icon-light { fill: #A3E7CB; } .icon-light-jade-200 > *[stroke].icon-light { stroke: #A3E7CB; } .icon-light-jade-200 > *[stroke][fill].icon-light-fill { fill: #A3E7CB; } .icon-light-jade-200 > *[stroke][fill].icon-light-stroke { stroke: #A3E7CB; } .icon-light-jade-400 > *[fill].icon-light { fill: #1FA971; } .icon-light-jade-400 > *[stroke].icon-light { stroke: #1FA971; } .icon-light-jade-400 > *[stroke][fill].icon-light-fill { fill: #1FA971; } .icon-light-jade-400 > *[stroke][fill].icon-light-stroke { stroke: #1FA971; } .icon-light-jade-500 > *[fill].icon-light { fill: #00814D; } .icon-light-jade-500 > *[stroke].icon-light { stroke: #00814D; } .icon-light-jade-500 > *[stroke][fill].icon-light-fill { fill: #00814D; } .icon-light-jade-500 > *[stroke][fill].icon-light-stroke { stroke: #00814D; } .icon-light-red-500 > *[fill].icon-light { fill: #C62B49; } .icon-light-red-500 > *[stroke].icon-light { stroke: #C62B49; } .icon-light-red-500 > *[stroke][fill].icon-light-fill { fill: #C62B49; } .icon-light-red-500 > *[stroke][fill].icon-light-stroke { stroke: #C62B49; } .icon-light-secondary > *[fill].icon-light { fill: #F0F1FF; } .icon-light-secondary > *[stroke].icon-light { stroke: #F0F1FF; } .icon-light-secondary > *[stroke][fill].icon-light-fill { fill: #F0F1FF; } .icon-light-secondary > *[stroke][fill].icon-light-stroke { stroke: #F0F1FF; } .icon-light-warning-500 > *[fill].icon-light { fill: #BD5800; } .icon-light-warning-500 > *[stroke].icon-light { stroke: #BD5800; } .icon-light-warning-500 > *[stroke][fill].icon-light-fill { fill: #BD5800; } .icon-light-warning-500 > *[stroke][fill].icon-light-stroke { stroke: #BD5800; } .icon-light-white > *[fill].icon-light { fill: #fff; } .icon-light-white > *[stroke].icon-light { stroke: #fff; } .icon-light-white > *[stroke][fill].icon-light-fill { fill: #fff; } .icon-light-white > *[stroke][fill].icon-light-stroke { stroke: #fff; } .icon-dark-current > *[fill].icon-dark { fill: currentColor; } .icon-dark-current > *[stroke].icon-dark { stroke: currentColor; } .icon-dark-current > *[stroke][fill].icon-dark-fill { fill: currentColor; } .icon-dark-current > *[stroke][fill].icon-dark-stroke { stroke: currentColor; } .icon-dark-error-500 > *[fill].icon-dark { fill: #C62B49; } .icon-dark-error-500 > *[stroke].icon-dark { stroke: #C62B49; } .icon-dark-error-500 > *[stroke][fill].icon-dark-fill { fill: #C62B49; } .icon-dark-error-500 > *[stroke][fill].icon-dark-stroke { stroke: #C62B49; } .icon-dark-gray-100 > *[fill].icon-dark { fill: #E1E3ED; } .icon-dark-gray-100 > *[stroke].icon-dark { stroke: #E1E3ED; } .icon-dark-gray-100 > *[stroke][fill].icon-dark-fill { fill: #E1E3ED; } .icon-dark-gray-100 > *[stroke][fill].icon-dark-stroke { stroke: #E1E3ED; } .icon-dark-gray-200 > *[fill].icon-dark { fill: #D0D2E0; } .icon-dark-gray-200 > *[stroke].icon-dark { stroke: #D0D2E0; } .icon-dark-gray-200 > *[stroke][fill].icon-dark-fill { fill: #D0D2E0; } .icon-dark-gray-200 > *[stroke][fill].icon-dark-stroke { stroke: #D0D2E0; } .icon-dark-gray-300 > *[fill].icon-dark { fill: #BFC2D4; } .icon-dark-gray-300 > *[stroke].icon-dark { stroke: #BFC2D4; } .icon-dark-gray-300 > *[stroke][fill].icon-dark-fill { fill: #BFC2D4; } .icon-dark-gray-300 > *[stroke][fill].icon-dark-stroke { stroke: #BFC2D4; } .icon-dark-gray-400 > *[fill].icon-dark { fill: #AFB3C7; } .icon-dark-gray-400 > *[stroke].icon-dark { stroke: #AFB3C7; } .icon-dark-gray-400 > *[stroke][fill].icon-dark-fill { fill: #AFB3C7; } .icon-dark-gray-400 > *[stroke][fill].icon-dark-stroke { stroke: #AFB3C7; } .icon-dark-gray-50 > *[fill].icon-dark { fill: #F3F4FA; } .icon-dark-gray-50 > *[stroke].icon-dark { stroke: #F3F4FA; } .icon-dark-gray-50 > *[stroke][fill].icon-dark-fill { fill: #F3F4FA; } .icon-dark-gray-50 > *[stroke][fill].icon-dark-stroke { stroke: #F3F4FA; } .icon-dark-gray-500 > *[fill].icon-dark { fill: #9095AD; } .icon-dark-gray-500 > *[stroke].icon-dark { stroke: #9095AD; } .icon-dark-gray-500 > *[stroke][fill].icon-dark-fill { fill: #9095AD; } .icon-dark-gray-500 > *[stroke][fill].icon-dark-stroke { stroke: #9095AD; } .icon-dark-gray-600 > *[fill].icon-dark { fill: #747994; } .icon-dark-gray-600 > *[stroke].icon-dark { stroke: #747994; } .icon-dark-gray-600 > *[stroke][fill].icon-dark-fill { fill: #747994; } .icon-dark-gray-600 > *[stroke][fill].icon-dark-stroke { stroke: #747994; } .icon-dark-gray-700 > *[fill].icon-dark { fill: #5A5F7A; } .icon-dark-gray-700 > *[stroke].icon-dark { stroke: #5A5F7A; } .icon-dark-gray-700 > *[stroke][fill].icon-dark-fill { fill: #5A5F7A; } .icon-dark-gray-700 > *[stroke][fill].icon-dark-stroke { stroke: #5A5F7A; } .icon-dark-indigo-300 > *[fill].icon-dark { fill: #9AA2FC; } .icon-dark-indigo-300 > *[stroke].icon-dark { stroke: #9AA2FC; } .icon-dark-indigo-300 > *[stroke][fill].icon-dark-fill { fill: #9AA2FC; } .icon-dark-indigo-300 > *[stroke][fill].icon-dark-stroke { stroke: #9AA2FC; } .icon-dark-indigo-400 > *[fill].icon-dark { fill: #6470F3; } .icon-dark-indigo-400 > *[stroke].icon-dark { stroke: #6470F3; } .icon-dark-indigo-400 > *[stroke][fill].icon-dark-fill { fill: #6470F3; } .icon-dark-indigo-400 > *[stroke][fill].icon-dark-stroke { stroke: #6470F3; } .icon-dark-indigo-500 > *[fill].icon-dark { fill: #4956E3; } .icon-dark-indigo-500 > *[stroke].icon-dark { stroke: #4956E3; } .icon-dark-indigo-500 > *[stroke][fill].icon-dark-fill { fill: #4956E3; } .icon-dark-indigo-500 > *[stroke][fill].icon-dark-stroke { stroke: #4956E3; } .icon-dark-indigo-600 > *[fill].icon-dark { fill: #3A46CC; } .icon-dark-indigo-600 > *[stroke].icon-dark { stroke: #3A46CC; } .icon-dark-indigo-600 > *[stroke][fill].icon-dark-fill { fill: #3A46CC; } .icon-dark-indigo-600 > *[stroke][fill].icon-dark-stroke { stroke: #3A46CC; } .icon-dark-info-500 > *[fill].icon-dark { fill: #4956E3; } .icon-dark-info-500 > *[stroke].icon-dark { stroke: #4956E3; } .icon-dark-info-500 > *[stroke][fill].icon-dark-fill { fill: #4956E3; } .icon-dark-info-500 > *[stroke][fill].icon-dark-stroke { stroke: #4956E3; } .icon-dark-jade-100 > *[fill].icon-dark { fill: #C2F1DE; } .icon-dark-jade-100 > *[stroke].icon-dark { stroke: #C2F1DE; } .icon-dark-jade-100 > *[stroke][fill].icon-dark-fill { fill: #C2F1DE; } .icon-dark-jade-100 > *[stroke][fill].icon-dark-stroke { stroke: #C2F1DE; } .icon-dark-jade-400 > *[fill].icon-dark { fill: #1FA971; } .icon-dark-jade-400 > *[stroke].icon-dark { stroke: #1FA971; } .icon-dark-jade-400 > *[stroke][fill].icon-dark-fill { fill: #1FA971; } .icon-dark-jade-400 > *[stroke][fill].icon-dark-stroke { stroke: #1FA971; } .icon-dark-jade-500 > *[fill].icon-dark { fill: #00814D; } .icon-dark-jade-500 > *[stroke].icon-dark { stroke: #00814D; } .icon-dark-jade-500 > *[stroke][fill].icon-dark-fill { fill: #00814D; } .icon-dark-jade-500 > *[stroke][fill].icon-dark-stroke { stroke: #00814D; } .icon-dark-orange-400 > *[fill].icon-dark { fill: #DB7903; } .icon-dark-orange-400 > *[stroke].icon-dark { stroke: #DB7903; } .icon-dark-orange-400 > *[stroke][fill].icon-dark-fill { fill: #DB7903; } .icon-dark-orange-400 > *[stroke][fill].icon-dark-stroke { stroke: #DB7903; } .icon-dark-red-400 > *[fill].icon-dark { fill: #E45770; } .icon-dark-red-400 > *[stroke].icon-dark { stroke: #E45770; } .icon-dark-red-400 > *[stroke][fill].icon-dark-fill { fill: #E45770; } .icon-dark-red-400 > *[stroke][fill].icon-dark-stroke { stroke: #E45770; } .icon-dark-red-500 > *[fill].icon-dark { fill: #C62B49; } .icon-dark-red-500 > *[stroke].icon-dark { stroke: #C62B49; } .icon-dark-red-500 > *[stroke][fill].icon-dark-fill { fill: #C62B49; } .icon-dark-red-500 > *[stroke][fill].icon-dark-stroke { stroke: #C62B49; } .icon-dark-secondary > *[fill].icon-dark { fill: #F0F1FF; } .icon-dark-secondary > *[stroke].icon-dark { stroke: #F0F1FF; } .icon-dark-secondary > *[stroke][fill].icon-dark-fill { fill: #F0F1FF; } .icon-dark-secondary > *[stroke][fill].icon-dark-stroke { stroke: #F0F1FF; } .icon-dark-success-500 > *[fill].icon-dark { fill: #00814D; } .icon-dark-success-500 > *[stroke].icon-dark { stroke: #00814D; } .icon-dark-success-500 > *[stroke][fill].icon-dark-fill { fill: #00814D; } .icon-dark-success-500 > *[stroke][fill].icon-dark-stroke { stroke: #00814D; } .icon-dark-warning-500 > *[fill].icon-dark { fill: #BD5800; } .icon-dark-warning-500 > *[stroke].icon-dark { stroke: #BD5800; } .icon-dark-warning-500 > *[stroke][fill].icon-dark-fill { fill: #BD5800; } .icon-dark-warning-500 > *[stroke][fill].icon-dark-stroke { stroke: #BD5800; } .icon-dark-white > *[fill].icon-dark { fill: #fff; } .icon-dark-white > *[stroke].icon-dark { stroke: #fff; } .icon-dark-white > *[stroke][fill].icon-dark-fill { fill: #fff; } .icon-dark-white > *[stroke][fill].icon-dark-stroke { stroke: #fff; } .icon-light-secondary-gray-300 > *[fill].icon-light-secondary { fill: #BFC2D4; } .icon-light-secondary-gray-300 > *[stroke].icon-light-secondary { stroke: #BFC2D4; } .icon-light-secondary-gray-300 > *[stroke][fill].icon-light-secondary-fill { fill: #BFC2D4; } .icon-light-secondary-gray-300 > *[stroke][fill].icon-light-secondary-stroke { stroke: #BFC2D4; } .icon-light-secondary-jade-200 > *[fill].icon-light-secondary { fill: #A3E7CB; } .icon-light-secondary-jade-200 > *[stroke].icon-light-secondary { stroke: #A3E7CB; } .icon-light-secondary-jade-200 > *[stroke][fill].icon-light-secondary-fill { fill: #A3E7CB; } .icon-light-secondary-jade-200 > *[stroke][fill].icon-light-secondary-stroke { stroke: #A3E7CB; } .icon-dark-secondary-gray-600 > *[fill].icon-dark-secondary { fill: #747994; } .icon-dark-secondary-gray-600 > *[stroke].icon-dark-secondary { stroke: #747994; } .icon-dark-secondary-gray-600 > *[stroke][fill].icon-dark-secondary-fill { fill: #747994; } .icon-dark-secondary-gray-600 > *[stroke][fill].icon-dark-secondary-stroke { stroke: #747994; } .icon-dark-secondary-jade-400 > *[fill].icon-dark-secondary { fill: #1FA971; } .icon-dark-secondary-jade-400 > *[stroke].icon-dark-secondary { stroke: #1FA971; } .icon-dark-secondary-jade-400 > *[stroke][fill].icon-dark-secondary-fill { fill: #1FA971; } .icon-dark-secondary-jade-400 > *[stroke][fill].icon-dark-secondary-stroke { stroke: #1FA971; } .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; } .pointer-events-none { pointer-events: none; } .visible { visibility: visible; } .collapse { visibility: collapse; } .static { position: static; } .fixed { position: fixed; } .absolute { position: absolute; } .relative { position: relative; } .sticky { position: sticky; } .inset-0 { inset: 0px; } .inset-y-0 { top: 0px; bottom: 0px; } .-bottom-\[104px\] { bottom: -104px; } .-top-\[16px\] { top: -16px; } .-top-\[2px\] { top: -2px; } .bottom-0 { bottom: 0px; } .bottom-\[-2\.5px\] { bottom: -2.5px; } .bottom-\[-6\.5px\] { bottom: -6.5px; } .bottom-\[4px\] { bottom: 4px; } .bottom-\[5px\] { bottom: 5px; } .bottom-\[8px\] { bottom: 8px; } .left-0 { left: 0px; } .left-\[-11px\] { left: -11px; } .left-\[42px\] { left: 42px; } .right-0 { right: 0px; } .right-\[-8px\] { right: -8px; } .right-\[18px\] { right: 18px; } .right-\[20px\] { right: 20px; } .right-\[5px\] { right: 5px; } .right-\[8px\] { right: 8px; } .top-0 { top: 0px; } .top-\[15px\] { top: 15px; } .top-\[36px\] { top: 36px; } .top-\[4px\] { top: 4px; } .top-\[7vh\] { top: 7vh; } .top-\[8px\] { top: 8px; } .top-\[9px\] { top: 9px; } .-z-10 { z-index: -10; } .z-1 { z-index: 1; } .z-10 { z-index: 10; } .z-20 { z-index: 20; } .z-30 { z-index: 30; } .z-40 { z-index: 40; } .z-50 { z-index: 50; } .col-start-1 { grid-column-start: 1; } .col-end-3 { grid-column-end: 3; } .row-\[1\] { grid-row: 1; } .float-right { float: right; } .m-0 { margin: 0px; } .m-10 { margin: 2.5rem; } .m-\[-1px\] { margin: -1px; } .m-\[100px\] { margin: 100px; } .m-\[12px\] { margin: 12px; } .m-\[16px\] { margin: 16px; } .m-\[24px\] { margin: 24px; } .m-\[2px\] { margin: 2px; } .m-\[32px\] { margin: 32px; } .m-\[4px\] { margin: 4px; } .m-\[8px\] { margin: 8px; } .m-auto { margin: auto; } .mx-1 { margin-left: 0.25rem; margin-right: 0.25rem; } .mx-\[16px\] { margin-left: 16px; margin-right: 16px; } .mx-\[2px\] { margin-left: 2px; margin-right: 2px; } .mx-\[4px\] { margin-left: 4px; margin-right: 4px; } .mx-\[8px\] { margin-left: 8px; margin-right: 8px; } .mx-auto { margin-left: auto; margin-right: auto; } .my-3 { margin-top: 0.75rem; margin-bottom: 0.75rem; } .my-4 { margin-top: 1rem; margin-bottom: 1rem; } .my-\[10px\] { margin-top: 10px; margin-bottom: 10px; } .my-\[120px\] { margin-top: 120px; margin-bottom: 120px; } .my-\[12px\] { margin-top: 12px; margin-bottom: 12px; } .my-\[24px\] { margin-top: 24px; margin-bottom: 24px; } .my-\[32px\] { margin-top: 32px; margin-bottom: 32px; } .my-\[8px\] { margin-top: 8px; margin-bottom: 8px; } .mb-0 { margin-bottom: 0px; } .mb-14 { margin-bottom: 3.5rem; } .mb-2 { margin-bottom: 0.5rem; } .mb-3 { margin-bottom: 0.75rem; } .mb-4 { margin-bottom: 1rem; } .mb-5 { margin-bottom: 1.25rem; } .mb-6 { margin-bottom: 1.5rem; } .mb-\[-12px\] { margin-bottom: -12px; } .mb-\[-4px\] { margin-bottom: -4px; } .mb-\[0\.1em\] { margin-bottom: 0.1em; } .mb-\[10px\] { margin-bottom: 10px; } .mb-\[12px\] { margin-bottom: 12px; } .mb-\[16px\] { margin-bottom: 16px; } .mb-\[20px\] { margin-bottom: 20px; } .mb-\[24px\] { margin-bottom: 24px; } .mb-\[28px\] { margin-bottom: 28px; } .mb-\[32px\] { margin-bottom: 32px; } .mb-\[4px\] { margin-bottom: 4px; } .mb-\[8px\] { margin-bottom: 8px; } .ml-0 { margin-left: 0px; } .ml-1 { margin-left: 0.25rem; } .ml-2 { margin-left: 0.5rem; } .ml-\[-1px\] { margin-left: -1px; } .ml-\[12px\] { margin-left: 12px; } .ml-\[15px\] { margin-left: 15px; } .ml-\[16px\] { margin-left: 16px; } .ml-\[1px\] { margin-left: 1px; } .ml-\[24px\] { margin-left: 24px; } .ml-\[2px\] { margin-left: 2px; } .ml-\[36px\] { margin-left: 36px; } .ml-\[4px\] { margin-left: 4px; } .ml-\[6px\] { margin-left: 6px; } .ml-\[8px\] { margin-left: 8px; } .ml-auto { margin-left: auto; } .mr-1 { margin-right: 0.25rem; } .mr-\[-1px\] { margin-right: -1px; } .mr-\[10px\] { margin-right: 10px; } .mr-\[16px\] { margin-right: 16px; } .mr-\[18px\] { margin-right: 18px; } .mr-\[20px\] { margin-right: 20px; } .mr-\[4px\] { margin-right: 4px; } .mr-\[8px\] { margin-right: 8px; } .mt-1 { margin-top: 0.25rem; } .mt-2 { margin-top: 0.5rem; } .mt-\[-32px\] { margin-top: -32px; } .mt-\[100px\] { margin-top: 100px; } .mt-\[12px\] { margin-top: 12px; } .mt-\[16px\] { margin-top: 16px; } .mt-\[20px\] { margin-top: 20px; } .mt-\[24px\] { margin-top: 24px; } .mt-\[80px\] { margin-top: 80px; } .mt-\[8px\] { margin-top: 8px; } .mt-px { margin-top: 1px; } .box-border { box-sizing: border-box; } .block { display: block; } .inline-block { display: inline-block; } .inline { display: inline; } .flex { display: flex; } .inline-flex { display: inline-flex; } .table { display: table; } .grid { display: grid; } .contents { display: contents; } .hidden { display: none; } .h-10 { height: 2.5rem; } .h-20 { height: 5rem; } .h-4 { height: 1rem; } .h-40 { height: 10rem; } .h-5 { height: 1.25rem; } .h-6 { height: 1.5rem; } .h-\[10px\] { height: 10px; } .h-\[12px\] { height: 12px; } .h-\[16px\] { height: 16px; } .h-\[20px\] { height: 20px; } .h-\[240px\] { height: 240px; } .h-\[24px\] { height: 24px; } .h-\[28px\] { height: 28px; } .h-\[32px\] { height: 32px; } .h-\[38px\] { height: 38px; } .h-\[40px\] { height: 40px; } .h-\[48px\] { height: 48px; } .h-\[4px\] { height: 4px; } .h-\[50px\] { height: 50px; } .h-\[64px\] { height: 64px; } .h-\[6px\] { height: 6px; } .h-\[700px\] { height: 700px; } .h-\[72px\] { height: 72px; } .h-\[80px\] { height: 80px; } .h-\[8px\] { height: 8px; } .h-\[900px\] { height: 900px; } .h-auto { height: auto; } .h-full { height: 100%; } .h-screen { height: 100vh; } .max-h-60 { max-height: 15rem; } .max-h-\[40px\] { max-height: 40px; } .max-h-\[50vh\] { max-height: 50vh; } .max-h-\[60px\] { max-height: 60px; } .max-h-\[72vh\] { max-height: 72vh; } .min-h-\[144px\] { min-height: 144px; } .min-h-\[56px\] { min-height: 56px; } .min-h-\[700px\] { min-height: 700px; } .min-h-\[8px\] { min-height: 8px; } .min-h-screen { min-height: 100vh; } .\!w-\[210px\] { width: 210px !important; } .\!w-full { width: 100% !important; } .w-4 { width: 1rem; } .w-\[100px\] { width: 100px; } .w-\[10px\] { width: 10px; } .w-\[12px\] { width: 12px; } .w-\[150px\] { width: 150px; } .w-\[160px\] { width: 160px; } .w-\[16px\] { width: 16px; } .w-\[20px\] { width: 20px; } .w-\[24px\] { width: 24px; } .w-\[26px\] { width: 26px; } .w-\[28px\] { width: 28px; } .w-\[300px\] { width: 300px; } .w-\[32px\] { width: 32px; } .w-\[336px\] { width: 336px; } .w-\[400px\] { width: 400px; } .w-\[40px\] { width: 40px; } .w-\[484px\] { width: 484px; } .w-\[486px\] { width: 486px; } .w-\[48px\] { width: 48px; } .w-\[50\%\] { width: 50%; } .w-\[50px\] { width: 50px; } .w-\[592px\] { width: 592px; } .w-\[640px\] { width: 640px; } .w-\[64px\] { width: 64px; } .w-\[672px\] { width: 672px; } .w-\[680px\] { width: 680px; } .w-\[6px\] { width: 6px; } .w-\[716px\] { width: 716px; } .w-\[73px\] { width: 73px; } .w-\[80px\] { width: 80px; } .w-\[8px\] { width: 8px; } .w-auto { width: auto; } .w-full { width: 100%; } .min-w-0 { min-width: 0px; } .min-w-\[100px\] { min-width: 100px; } .min-w-\[164px\] { min-width: 164px; } .min-w-\[16px\] { min-width: 16px; } .min-w-\[200px\] { min-width: 200px; } .min-w-\[220px\] { min-width: 220px; } .min-w-\[240px\] { min-width: 240px; } .min-w-\[248px\] { min-width: 248px; } .min-w-\[26px\] { min-width: 26px; } .min-w-\[278px\] { min-width: 278px; } .min-w-\[280px\] { min-width: 280px; } .min-w-\[40px\] { min-width: 40px; } .min-w-\[476px\] { min-width: 476px; } .min-w-\[480px\] { min-width: 480px; } .min-w-\[8px\] { min-width: 8px; } .min-w-full { min-width: 100%; } .min-w-max { min-width: max-content; } .max-w-\[16px\] { max-width: 16px; } .max-w-\[200px\] { max-width: 200px; } .max-w-\[43\.75rem\] { max-width: 43.75rem; } .max-w-\[55rem\] { max-width: 55rem; } .max-w-\[600px\] { max-width: 600px; } .max-w-\[640px\] { max-width: 640px; } .max-w-\[650px\] { max-width: 650px; } .max-w-\[80vw\] { max-width: 80vw; } .max-w-\[848px\] { max-width: 848px; } .max-w-\[900px\] { max-width: 900px; } .max-w-lg { max-width: 32rem; } .flex-1 { flex: 1 1 0%; } .flex-none { flex: none; } .flex-shrink { flex-shrink: 1; } .shrink { flex-shrink: 1; } .shrink-0 { flex-shrink: 0; } .grow { flex-grow: 1; } .border-collapse { border-collapse: collapse; } .origin-bottom { transform-origin: bottom; } .origin-left { transform-origin: left; } .origin-right { transform-origin: right; } .origin-top { transform-origin: top; } .translate-x-\[12px\] { --tw-translate-x: 12px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-x-\[14px\] { --tw-translate-x: 14px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-x-\[24px\] { --tw-translate-x: 24px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-x-\[6px\] { --tw-translate-x: 6px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-y-0 { --tw-translate-y: 0px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-y-1 { --tw-translate-y: 0.25rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-y-\[-1px\] { --tw-translate-y: -1px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .rotate-0 { --tw-rotate: 0deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .rotate-180 { --tw-rotate: 180deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .rotate-45 { --tw-rotate: 45deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .rotate-90 { --tw-rotate: 90deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .scale-0 { --tw-scale-x: 0; --tw-scale-y: 0; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .scale-100 { --tw-scale-x: 1; --tw-scale-y: 1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .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); } } .animate-spin { animation: spin 1s linear infinite; } .cursor-default { cursor: default; } .cursor-not-allowed { cursor: not-allowed; } .cursor-pointer { cursor: pointer; } .cursor-text { cursor: text; } .select-none { -webkit-user-select: none; user-select: none; } .resize-x { resize: horizontal; } .resize { resize: both; } .list-decimal { list-style-type: decimal; } .list-disc { list-style-type: disc; } .grid-flow-col { grid-auto-flow: column; } .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid-rows-\[48px\2c 1fr\] { grid-template-rows: 48px 1fr; } .flex-row { flex-direction: row; } .flex-col { flex-direction: column; } .flex-wrap { flex-wrap: wrap; } .place-content-center { place-content: center; } .items-end { align-items: flex-end; } .items-center { align-items: center; } .justify-center { justify-content: center; } .justify-between { justify-content: space-between; } .gap-2 { gap: 0.5rem; } .gap-3 { gap: 0.75rem; } .gap-4 { gap: 1rem; } .gap-6 { gap: 1.5rem; } .gap-\[12px\] { gap: 12px; } .gap-\[160px\] { gap: 160px; } .gap-\[16px\] { gap: 16px; } .gap-\[1px\] { gap: 1px; } .gap-\[1rem\] { gap: 1rem; } .gap-\[24px\] { gap: 24px; } .gap-\[4px\] { gap: 4px; } .gap-\[8px\] { gap: 8px; } .space-x-3 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(0.75rem * var(--tw-space-x-reverse)); margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse))); } .space-x-4 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(1rem * var(--tw-space-x-reverse)); margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))); } .space-y-2 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)); } .justify-self-start { justify-self: start; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-scroll { overflow: scroll; } .overflow-y-auto { overflow-y: auto; } .truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .whitespace-nowrap { white-space: nowrap; } .break-all { word-break: break-all; } .rounded { border-radius: 4px; } .rounded-\[10px\] { border-radius: 10px; } .rounded-\[4px\] { border-radius: 4px; } .rounded-\[50px\] { border-radius: 50px; } .rounded-full { border-radius: 9999px; } .rounded-md { border-radius: 4px; } .rounded-b { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .rounded-b-none { border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } .rounded-t { border-top-left-radius: 4px; border-top-right-radius: 4px; } .rounded-t-none { border-top-left-radius: 0px; border-top-right-radius: 0px; } .border { border-width: 1px; } .border-0 { border-width: 0px; } .border-\[1px\] { border-width: 1px; } .border-\[4px\] { border-width: 4px; } .border-b { border-bottom-width: 1px; } .border-b-\[1px\] { border-bottom-width: 1px; } .border-l { border-left-width: 1px; } .border-l-\[1px\] { border-left-width: 1px; } .border-r { border-right-width: 1px; } .border-r-\[10px\] { border-right-width: 10px; } .border-t { border-top-width: 1px; } .border-t-\[1px\] { border-top-width: 1px; } .border-solid { border-style: solid; } .border-dashed { border-style: dashed; } .border-none { border-style: none; } .border-\[rgba\(0\2c 0\2c 0\2c 0\.05\)\] { border-color: rgba(0,0,0,0.05); } .border-current { border-color: currentColor; } .border-error-300 { --tw-border-opacity: 1; border-color: rgb(245 154 169 / var(--tw-border-opacity)); } .border-gray-100 { --tw-border-opacity: 1; border-color: rgb(225 227 237 / var(--tw-border-opacity)); } .border-gray-1000 { --tw-border-opacity: 1; border-color: rgb(27 30 46 / var(--tw-border-opacity)); } .border-gray-200 { --tw-border-opacity: 1; border-color: rgb(208 210 224 / var(--tw-border-opacity)); } .border-gray-400 { --tw-border-opacity: 1; border-color: rgb(175 179 199 / var(--tw-border-opacity)); } .border-gray-50 { --tw-border-opacity: 1; border-color: rgb(243 244 250 / var(--tw-border-opacity)); } .border-gray-500 { --tw-border-opacity: 1; border-color: rgb(144 149 173 / var(--tw-border-opacity)); } .border-gray-800 { --tw-border-opacity: 1; border-color: rgb(67 72 97 / var(--tw-border-opacity)); } .border-gray-900 { --tw-border-opacity: 1; border-color: rgb(46 50 71 / var(--tw-border-opacity)); } .border-indigo-50 { --tw-border-opacity: 1; border-color: rgb(240 241 255 / var(--tw-border-opacity)); } .border-indigo-500 { --tw-border-opacity: 1; border-color: rgb(73 86 227 / var(--tw-border-opacity)); } .border-jade-300 { --tw-border-opacity: 1; border-color: rgb(105 211 167 / var(--tw-border-opacity)); } .border-jade-400 { --tw-border-opacity: 1; border-color: rgb(31 169 113 / var(--tw-border-opacity)); } .border-jade-500 { --tw-border-opacity: 1; border-color: rgb(0 129 77 / var(--tw-border-opacity)); } .border-jade-600 { --tw-border-opacity: 1; border-color: rgb(0 95 57 / var(--tw-border-opacity)); } .border-purple-500 { --tw-border-opacity: 1; border-color: rgb(127 67 201 / var(--tw-border-opacity)); } .border-red-100 { --tw-border-opacity: 1; border-color: rgb(250 217 223 / var(--tw-border-opacity)); } .border-red-200 { --tw-border-opacity: 1; border-color: rgb(248 196 205 / var(--tw-border-opacity)); } .border-red-500 { --tw-border-opacity: 1; border-color: rgb(198 43 73 / var(--tw-border-opacity)); } .border-teal-500 { --tw-border-opacity: 1; border-color: rgb(0 119 128 / var(--tw-border-opacity)); } .border-transparent { border-color: transparent; } .border-warning-300 { --tw-border-opacity: 1; border-color: rgb(237 187 74 / var(--tw-border-opacity)); } .border-white\/20 { border-color: rgb(255 255 255 / 0.2); } .border-b-gray-100 { --tw-border-opacity: 1; border-bottom-color: rgb(225 227 237 / var(--tw-border-opacity)); } .border-b-gray-50 { --tw-border-opacity: 1; border-bottom-color: rgb(243 244 250 / var(--tw-border-opacity)); } .border-b-gray-800 { --tw-border-opacity: 1; border-bottom-color: rgb(67 72 97 / var(--tw-border-opacity)); } .border-b-red-100 { --tw-border-opacity: 1; border-bottom-color: rgb(250 217 223 / var(--tw-border-opacity)); } .border-l-gray-600 { --tw-border-opacity: 1; border-left-color: rgb(116 121 148 / var(--tw-border-opacity)); } .border-l-jade-500 { --tw-border-opacity: 1; border-left-color: rgb(0 129 77 / var(--tw-border-opacity)); } .border-r-gray-100 { --tw-border-opacity: 1; border-right-color: rgb(225 227 237 / var(--tw-border-opacity)); } .border-r-transparent { border-right-color: transparent; } .border-t-gray-100 { --tw-border-opacity: 1; border-top-color: rgb(225 227 237 / var(--tw-border-opacity)); } .border-t-gray-50 { --tw-border-opacity: 1; border-top-color: rgb(243 244 250 / var(--tw-border-opacity)); } .border-opacity-50 { --tw-border-opacity: 0.5; } .bg-error-100 { --tw-bg-opacity: 1; background-color: rgb(250 217 223 / var(--tw-bg-opacity)); } .bg-error-200 { --tw-bg-opacity: 1; background-color: rgb(248 196 205 / var(--tw-bg-opacity)); } .bg-error-50 { --tw-bg-opacity: 1; background-color: rgb(251 239 241 / var(--tw-bg-opacity)); } .bg-gray-100 { --tw-bg-opacity: 1; background-color: rgb(225 227 237 / var(--tw-bg-opacity)); } .bg-gray-1000 { --tw-bg-opacity: 1; background-color: rgb(27 30 46 / var(--tw-bg-opacity)); } .bg-gray-200 { --tw-bg-opacity: 1; background-color: rgb(208 210 224 / var(--tw-bg-opacity)); } .bg-gray-300 { --tw-bg-opacity: 1; background-color: rgb(191 194 212 / var(--tw-bg-opacity)); } .bg-gray-50 { --tw-bg-opacity: 1; background-color: rgb(243 244 250 / var(--tw-bg-opacity)); } .bg-gray-50\/50 { background-color: rgb(243 244 250 / 0.5); } .bg-gray-500 { --tw-bg-opacity: 1; background-color: rgb(144 149 173 / var(--tw-bg-opacity)); } .bg-gray-700 { --tw-bg-opacity: 1; background-color: rgb(90 95 122 / var(--tw-bg-opacity)); } .bg-gray-800 { --tw-bg-opacity: 1; background-color: rgb(67 72 97 / var(--tw-bg-opacity)); } .bg-gray-900 { --tw-bg-opacity: 1; background-color: rgb(46 50 71 / var(--tw-bg-opacity)); } .bg-green-500 { --tw-bg-opacity: 1; background-color: rgb(91 113 0 / var(--tw-bg-opacity)); } .bg-indigo-100 { --tw-bg-opacity: 1; background-color: rgb(218 221 254 / var(--tw-bg-opacity)); } .bg-indigo-300\/20 { background-color: rgb(154 162 252 / 0.2); } .bg-indigo-50 { --tw-bg-opacity: 1; background-color: rgb(240 241 255 / var(--tw-bg-opacity)); } .bg-indigo-500 { --tw-bg-opacity: 1; background-color: rgb(73 86 227 / var(--tw-bg-opacity)); } .bg-info-100 { --tw-bg-opacity: 1; background-color: rgb(218 221 254 / var(--tw-bg-opacity)); } .bg-info-50 { --tw-bg-opacity: 1; background-color: rgb(240 241 255 / var(--tw-bg-opacity)); } .bg-jade-100 { --tw-bg-opacity: 1; background-color: rgb(194 241 222 / var(--tw-bg-opacity)); } .bg-jade-200 { --tw-bg-opacity: 1; background-color: rgb(163 231 203 / var(--tw-bg-opacity)); } .bg-jade-300 { --tw-bg-opacity: 1; background-color: rgb(105 211 167 / var(--tw-bg-opacity)); } .bg-jade-400 { --tw-bg-opacity: 1; background-color: rgb(31 169 113 / var(--tw-bg-opacity)); } .bg-jade-50 { --tw-bg-opacity: 1; background-color: rgb(228 251 242 / var(--tw-bg-opacity)); } .bg-jade-500 { --tw-bg-opacity: 1; background-color: rgb(0 129 77 / var(--tw-bg-opacity)); } .bg-jade-600 { --tw-bg-opacity: 1; background-color: rgb(0 95 57 / var(--tw-bg-opacity)); } .bg-orange-100 { --tw-bg-opacity: 1; background-color: rgb(243 236 179 / var(--tw-bg-opacity)); } .bg-orange-50 { --tw-bg-opacity: 1; background-color: rgb(245 244 215 / var(--tw-bg-opacity)); } .bg-pink-100 { --tw-bg-opacity: 1; background-color: rgb(252 231 243 / var(--tw-bg-opacity)); } .bg-pink-200 { --tw-bg-opacity: 1; background-color: rgb(251 207 232 / var(--tw-bg-opacity)); } .bg-pink-50 { --tw-bg-opacity: 1; background-color: rgb(253 242 248 / var(--tw-bg-opacity)); } .bg-purple-100 { --tw-bg-opacity: 1; background-color: rgb(233 221 250 / var(--tw-bg-opacity)); } .bg-purple-500 { --tw-bg-opacity: 1; background-color: rgb(127 67 201 / var(--tw-bg-opacity)); } .bg-red-100 { --tw-bg-opacity: 1; background-color: rgb(250 217 223 / var(--tw-bg-opacity)); } .bg-red-200 { --tw-bg-opacity: 1; background-color: rgb(248 196 205 / var(--tw-bg-opacity)); } .bg-red-300 { --tw-bg-opacity: 1; background-color: rgb(245 154 169 / var(--tw-bg-opacity)); } .bg-red-50 { --tw-bg-opacity: 1; background-color: rgb(251 239 241 / var(--tw-bg-opacity)); } .bg-red-500 { --tw-bg-opacity: 1; background-color: rgb(198 43 73 / var(--tw-bg-opacity)); } .bg-success-100 { --tw-bg-opacity: 1; background-color: rgb(194 241 222 / var(--tw-bg-opacity)); } .bg-success-50 { --tw-bg-opacity: 1; background-color: rgb(228 251 242 / var(--tw-bg-opacity)); } .bg-teal-100 { --tw-bg-opacity: 1; background-color: rgb(183 231 240 / var(--tw-bg-opacity)); } .bg-teal-50 { --tw-bg-opacity: 1; background-color: rgb(224 246 250 / var(--tw-bg-opacity)); } .bg-teal-500 { --tw-bg-opacity: 1; background-color: rgb(0 119 128 / var(--tw-bg-opacity)); } .bg-warning-100 { --tw-bg-opacity: 1; background-color: rgb(243 236 179 / var(--tw-bg-opacity)); } .bg-warning-200 { --tw-bg-opacity: 1; background-color: rgb(241 224 143 / var(--tw-bg-opacity)); } .bg-warning-50 { --tw-bg-opacity: 1; background-color: rgb(245 244 215 / var(--tw-bg-opacity)); } .bg-white { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } .bg-cover { background-size: cover; } .bg-no-repeat { background-repeat: no-repeat; } .p-0 { padding: 0px; } .p-12 { padding: 3rem; } .p-2 { padding: 0.5rem; } .p-3 { padding: 0.75rem; } .p-4 { padding: 1rem; } .p-5 { padding: 1.25rem; } .p-6 { padding: 1.5rem; } .p-\[16px\] { padding: 16px; } .p-\[24px\] { padding: 24px; } .p-\[2px\] { padding: 2px; } .p-\[40px\] { padding: 40px; } .p-\[4px\] { padding: 4px; } .p-\[58px\] { padding: 58px; } .p-\[5px\] { padding: 5px; } .p-\[8px\] { padding: 8px; } .px-1 { padding-left: 0.25rem; padding-right: 0.25rem; } .px-2 { padding-left: 0.5rem; padding-right: 0.5rem; } .px-3 { padding-left: 0.75rem; padding-right: 0.75rem; } .px-4 { padding-left: 1rem; padding-right: 1rem; } .px-6 { padding-left: 1.5rem; padding-right: 1.5rem; } .px-\[0px\] { padding-left: 0px; padding-right: 0px; } .px-\[12px\] { padding-left: 12px; padding-right: 12px; } .px-\[16px\] { padding-left: 16px; padding-right: 16px; } .px-\[17px\] { padding-left: 17px; padding-right: 17px; } .px-\[20px\] { padding-left: 20px; padding-right: 20px; } .px-\[24px\] { padding-left: 24px; padding-right: 24px; } .px-\[32px\] { padding-left: 32px; padding-right: 32px; } .px-\[3px\] { padding-left: 3px; padding-right: 3px; } .px-\[40px\] { padding-left: 40px; padding-right: 40px; } .px-\[4px\] { padding-left: 4px; padding-right: 4px; } .px-\[6px\] { padding-left: 6px; padding-right: 6px; } .px-\[8px\] { padding-left: 8px; padding-right: 8px; } .py-0 { padding-top: 0px; padding-bottom: 0px; } .py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; } .py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; } .py-7 { padding-top: 1.75rem; padding-bottom: 1.75rem; } .py-8 { padding-top: 2rem; padding-bottom: 2rem; } .py-\[11px\] { padding-top: 11px; padding-bottom: 11px; } .py-\[12px\] { padding-top: 12px; padding-bottom: 12px; } .py-\[14px\] { padding-top: 14px; padding-bottom: 14px; } .py-\[15px\] { padding-top: 15px; padding-bottom: 15px; } .py-\[16px\] { padding-top: 16px; padding-bottom: 16px; } .py-\[2px\] { padding-top: 2px; padding-bottom: 2px; } .py-\[40px\] { padding-top: 40px; padding-bottom: 40px; } .py-\[4px\] { padding-top: 4px; padding-bottom: 4px; } .py-\[6px\] { padding-top: 6px; padding-bottom: 6px; } .py-\[8px\] { padding-top: 8px; padding-bottom: 8px; } .py-\[9px\] { padding-top: 9px; padding-bottom: 9px; } .pb-0 { padding-bottom: 0px; } .pb-2 { padding-bottom: 0.5rem; } .pb-4 { padding-bottom: 1rem; } .pb-\[12px\] { padding-bottom: 12px; } .pb-\[13px\] { padding-bottom: 13px; } .pb-\[16px\] { padding-bottom: 16px; } .pb-\[24px\] { padding-bottom: 24px; } .pb-\[32px\] { padding-bottom: 32px; } .pb-\[36px\] { padding-bottom: 36px; } .pb-\[4px\] { padding-bottom: 4px; } .pb-\[7px\] { padding-bottom: 7px; } .pb-\[8px\] { padding-bottom: 8px; } .pb-\[90px\] { padding-bottom: 90px; } .pl-2 { padding-left: 0.5rem; } .pl-4 { padding-left: 1rem; } .pl-6 { padding-left: 1.5rem; } .pl-8 { padding-left: 2rem; } .pl-\[10px\] { padding-left: 10px; } .pl-\[12px\] { padding-left: 12px; } .pl-\[16px\] { padding-left: 16px; } .pl-\[24px\] { padding-left: 24px; } .pl-\[32px\] { padding-left: 32px; } .pl-\[56px\] { padding-left: 56px; } .pl-\[8px\] { padding-left: 8px; } .pr-3 { padding-right: 0.75rem; } .pr-6 { padding-right: 1.5rem; } .pr-8 { padding-right: 2rem; } .pr-\[16px\] { padding-right: 16px; } .pr-\[24px\] { padding-right: 24px; } .pr-\[3\.25em\] { padding-right: 3.25em; } .pr-\[3px\] { padding-right: 3px; } .pr-\[4px\] { padding-right: 4px; } .pt-0 { padding-top: 0px; } .pt-2 { padding-top: 0.5rem; } .pt-6 { padding-top: 1.5rem; } .pt-\[12px\] { padding-top: 12px; } .pt-\[13px\] { padding-top: 13px; } .pt-\[14px\] { padding-top: 14px; } .pt-\[16px\] { padding-top: 16px; } .pt-\[20px\] { padding-top: 20px; } .pt-\[24px\] { padding-top: 24px; } .pt-\[36px\] { padding-top: 36px; } .pt-\[3px\] { padding-top: 3px; } .pt-\[64px\] { padding-top: 64px; } .pt-\[86px\] { padding-top: 86px; } .pt-\[9px\] { padding-top: 9px; } .text-left { text-align: left; } .text-center { text-align: center; } .text-right { text-align: right; } .align-top { vertical-align: top; } .align-middle { vertical-align: middle; } .font-sans { font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } .text-2xl { font-size: 1.5rem; line-height: 2rem; } .text-3xl { font-size: 1.875rem; line-height: 2.25rem; } .text-4xl { font-size: 2.25rem; line-height: 2.5rem; } .text-6xl { font-size: 3.75rem; line-height: 1; } .text-\[12px\] { font-size: 12px; } .text-\[14px\] { font-size: 14px; } .text-\[16px\] { font-size: 16px; } .text-\[18px\] { font-size: 18px; } .text-\[22px\] { font-size: 22px; } .text-\[32px\] { font-size: 32px; } .text-base { font-size: 1rem; line-height: 1.5rem; } .text-lg { font-size: 1.125rem; line-height: 1.75rem; } .text-sm { font-size: 0.875rem; line-height: 1.25rem; } .text-xl { font-size: 1.25rem; line-height: 1.75rem; } .text-xs { font-size: 0.75rem; line-height: 1rem; } .font-bold { font-weight: 700; } .font-light { font-weight: 300; } .font-medium { font-weight: 500; } .font-normal { font-weight: 400; } .font-semibold { font-weight: 600; } .lowercase { text-transform: lowercase; } .capitalize { text-transform: capitalize; } .italic { font-style: italic; } .leading-5 { line-height: 1.25rem; } .leading-7 { line-height: 1.75rem; } .leading-\[16px\] { line-height: 16px; } .leading-\[20px\] { line-height: 20px; } .leading-\[22px\] { line-height: 22px; } .leading-\[24px\] { line-height: 24px; } .leading-\[28px\] { line-height: 28px; } .leading-\[40px\] { line-height: 40px; } .leading-normal { line-height: 1.5; } .leading-snug { line-height: 1.375; } .leading-tight { line-height: 1.25; } .tracking-tight { letter-spacing: -0.025em; } .tracking-tighter { letter-spacing: -0.05em; } .\!text-white { --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } .text-amber-800 { --tw-text-opacity: 1; color: rgb(146 64 14 / var(--tw-text-opacity)); } .text-black { --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } .text-blue-500 { --tw-text-opacity: 1; color: rgb(59 130 246 / var(--tw-text-opacity)); } .text-body-gray { --tw-text-opacity: 1; color: rgb(116 121 148 / var(--tw-text-opacity)); } .text-body-gray-600 { --tw-text-opacity: 1; color: rgb(116 121 148 / var(--tw-text-opacity)); } .text-body-gray-700 { --tw-text-opacity: 1; color: rgb(90 95 122 / var(--tw-text-opacity)); } .text-body-gray-900 { --tw-text-opacity: 1; color: rgb(46 50 71 / var(--tw-text-opacity)); } .text-error-500 { --tw-text-opacity: 1; color: rgb(198 43 73 / var(--tw-text-opacity)); } .text-error-600 { --tw-text-opacity: 1; color: rgb(159 19 49 / var(--tw-text-opacity)); } .text-gray-100 { --tw-text-opacity: 1; color: rgb(225 227 237 / var(--tw-text-opacity)); } .text-gray-1000 { --tw-text-opacity: 1; color: rgb(27 30 46 / var(--tw-text-opacity)); } .text-gray-300 { --tw-text-opacity: 1; color: rgb(191 194 212 / var(--tw-text-opacity)); } .text-gray-400 { --tw-text-opacity: 1; color: rgb(175 179 199 / var(--tw-text-opacity)); } .text-gray-500 { --tw-text-opacity: 1; color: rgb(144 149 173 / var(--tw-text-opacity)); } .text-gray-600 { --tw-text-opacity: 1; color: rgb(116 121 148 / var(--tw-text-opacity)); } .text-gray-700 { --tw-text-opacity: 1; color: rgb(90 95 122 / var(--tw-text-opacity)); } .text-gray-800 { --tw-text-opacity: 1; color: rgb(67 72 97 / var(--tw-text-opacity)); } .text-gray-900 { --tw-text-opacity: 1; color: rgb(46 50 71 / var(--tw-text-opacity)); } .text-indigo-300 { --tw-text-opacity: 1; color: rgb(154 162 252 / var(--tw-text-opacity)); } .text-indigo-400 { --tw-text-opacity: 1; color: rgb(100 112 243 / var(--tw-text-opacity)); } .text-indigo-500 { --tw-text-opacity: 1; color: rgb(73 86 227 / var(--tw-text-opacity)); } .text-indigo-600 { --tw-text-opacity: 1; color: rgb(58 70 204 / var(--tw-text-opacity)); } .text-info-500 { --tw-text-opacity: 1; color: rgb(73 86 227 / var(--tw-text-opacity)); } .text-info-700 { --tw-text-opacity: 1; color: rgb(47 58 176 / var(--tw-text-opacity)); } .text-jade-1000 { --tw-text-opacity: 1; color: rgb(0 38 26 / var(--tw-text-opacity)); } .text-jade-400 { --tw-text-opacity: 1; color: rgb(31 169 113 / var(--tw-text-opacity)); } .text-jade-500 { --tw-text-opacity: 1; color: rgb(0 129 77 / var(--tw-text-opacity)); } .text-jade-600 { --tw-text-opacity: 1; color: rgb(0 95 57 / var(--tw-text-opacity)); } .text-jade-700 { --tw-text-opacity: 1; color: rgb(0 68 42 / var(--tw-text-opacity)); } .text-orange-500 { --tw-text-opacity: 1; color: rgb(189 88 0 / var(--tw-text-opacity)); } .text-pink-400 { --tw-text-opacity: 1; color: rgb(244 114 182 / var(--tw-text-opacity)); } .text-pink-500 { --tw-text-opacity: 1; color: rgb(236 72 153 / var(--tw-text-opacity)); } .text-pink-600 { --tw-text-opacity: 1; color: rgb(219 39 119 / var(--tw-text-opacity)); } .text-purple-500 { --tw-text-opacity: 1; color: rgb(127 67 201 / var(--tw-text-opacity)); } .text-purple-600 { --tw-text-opacity: 1; color: rgb(99 42 166 / var(--tw-text-opacity)); } .text-red-500 { --tw-text-opacity: 1; color: rgb(198 43 73 / var(--tw-text-opacity)); } .text-red-600 { --tw-text-opacity: 1; color: rgb(159 19 49 / var(--tw-text-opacity)); } .text-red-700 { --tw-text-opacity: 1; color: rgb(122 7 35 / var(--tw-text-opacity)); } .text-success-500 { --tw-text-opacity: 1; color: rgb(0 129 77 / var(--tw-text-opacity)); } .text-success-600 { --tw-text-opacity: 1; color: rgb(0 95 57 / var(--tw-text-opacity)); } .text-teal-500 { --tw-text-opacity: 1; color: rgb(0 119 128 / var(--tw-text-opacity)); } .text-teal-600 { --tw-text-opacity: 1; color: rgb(0 89 93 / var(--tw-text-opacity)); } .text-warning-500 { --tw-text-opacity: 1; color: rgb(189 88 0 / var(--tw-text-opacity)); } .text-warning-600 { --tw-text-opacity: 1; color: rgb(150 63 0 / var(--tw-text-opacity)); } .text-white { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .text-opacity-40 { --tw-text-opacity: 0.4; } .underline { -webkit-text-decoration-line: underline; text-decoration-line: underline; } .line-through { -webkit-text-decoration-line: line-through; text-decoration-line: line-through; } .decoration-current { -webkit-text-decoration-color: currentColor; text-decoration-color: currentColor; } .decoration-purple-500 { -webkit-text-decoration-color: #7F43C9; text-decoration-color: #7F43C9; } .decoration-transparent { -webkit-text-decoration-color: transparent; text-decoration-color: transparent; } .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .placeholder-gray-400::placeholder { --tw-placeholder-opacity: 1; color: rgb(175 179 199 / var(--tw-placeholder-opacity)); } .opacity-0 { opacity: 0; } .opacity-100 { opacity: 1; } .opacity-50 { opacity: 0.5; } .opacity-90 { opacity: 0.9; } .mix-blend-overlay { mix-blend-mode: overlay; } .mix-blend-difference { mix-blend-mode: difference; } .shadow-dropdown { --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-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); } .outline-none { outline: 2px solid transparent; outline-offset: 2px; } .outline { outline-style: solid; } .outline-transparent { outline-color: transparent; } .ring { --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); } .ring-0 { --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(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .ring-1 { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .ring-2 { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .ring-4 { --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); } .ring-\[\#9095AD40\] { --tw-ring-color: #9095AD40; } .ring-black { --tw-ring-opacity: 1; --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity)); } .ring-error-100 { --tw-ring-opacity: 1; --tw-ring-color: rgb(250 217 223 / var(--tw-ring-opacity)); } .ring-gray-1000 { --tw-ring-opacity: 1; --tw-ring-color: rgb(27 30 46 / var(--tw-ring-opacity)); } .ring-gray-200 { --tw-ring-opacity: 1; --tw-ring-color: rgb(208 210 224 / var(--tw-ring-opacity)); } .ring-indigo-100 { --tw-ring-opacity: 1; --tw-ring-color: rgb(218 221 254 / var(--tw-ring-opacity)); } .ring-indigo-600 { --tw-ring-opacity: 1; --tw-ring-color: rgb(58 70 204 / var(--tw-ring-opacity)); } .ring-jade-100 { --tw-ring-opacity: 1; --tw-ring-color: rgb(194 241 222 / var(--tw-ring-opacity)); } .ring-purple-600 { --tw-ring-opacity: 1; --tw-ring-color: rgb(99 42 166 / var(--tw-ring-opacity)); } .ring-transparent { --tw-ring-color: transparent; } .ring-opacity-5 { --tw-ring-opacity: 0.05; } .brightness-200 { --tw-brightness: brightness(2); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .drop-shadow { --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06)); 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); } .grayscale { --tw-grayscale: grayscale(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); } .grayscale-0 { --tw-grayscale: grayscale(0); 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); } .hue-rotate-180 { --tw-hue-rotate: hue-rotate(180deg); 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); } .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); } .saturate-150 { --tw-saturate: saturate(1.5); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .filter { filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .transition { transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-all { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-colors { transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-opacity { transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-transform { transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .duration-100 { transition-duration: 100ms; } .duration-150 { transition-duration: 150ms; } .duration-200 { transition-duration: 200ms; } .duration-300 { transition-duration: 300ms; } .ease-in { transition-timing-function: cubic-bezier(0.4, 0, 1, 1); } .ease-in-out { transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .ease-out { transition-timing-function: cubic-bezier(0, 0, 0.2, 1); } .group:focus .group-hocus\:icon-light-indigo-200 > *[fill].icon-light { fill: #C5C9FD; } .group:focus .group-hocus\:icon-light-indigo-200 > *[stroke].icon-light { stroke: #C5C9FD; } .group:focus .group-hocus\:icon-light-indigo-200 > *[stroke][fill].icon-light-fill { fill: #C5C9FD; } .group:focus .group-hocus\:icon-light-indigo-200 > *[stroke][fill].icon-light-stroke { stroke: #C5C9FD; } .group:focus .group-hocus\:icon-light-indigo-50 > *[fill].icon-light { fill: #F0F1FF; } .group:focus .group-hocus\:icon-light-indigo-50 > *[stroke].icon-light { stroke: #F0F1FF; } .group:focus .group-hocus\:icon-light-indigo-50 > *[stroke][fill].icon-light-fill { fill: #F0F1FF; } .group:focus .group-hocus\:icon-light-indigo-50 > *[stroke][fill].icon-light-stroke { stroke: #F0F1FF; } .group:focus .group-hocus\:icon-dark-gray-300 > *[fill].icon-dark { fill: #BFC2D4; } .group:focus .group-hocus\:icon-dark-gray-300 > *[stroke].icon-dark { stroke: #BFC2D4; } .group:focus .group-hocus\:icon-dark-gray-300 > *[stroke][fill].icon-dark-fill { fill: #BFC2D4; } .group:focus .group-hocus\:icon-dark-gray-300 > *[stroke][fill].icon-dark-stroke { stroke: #BFC2D4; } .group:focus .group-hocus\:icon-dark-indigo-400 > *[fill].icon-dark { fill: #6470F3; } .group:focus .group-hocus\:icon-dark-indigo-400 > *[stroke].icon-dark { stroke: #6470F3; } .group:focus .group-hocus\:icon-dark-indigo-400 > *[stroke][fill].icon-dark-fill { fill: #6470F3; } .group:focus .group-hocus\:icon-dark-indigo-400 > *[stroke][fill].icon-dark-stroke { stroke: #6470F3; } .group:focus .group-hocus\:icon-dark-indigo-500 > *[fill].icon-dark { fill: #4956E3; } .group:focus .group-hocus\:icon-dark-indigo-500 > *[stroke].icon-dark { stroke: #4956E3; } .group:focus .group-hocus\:icon-dark-indigo-500 > *[stroke][fill].icon-dark-fill { fill: #4956E3; } .group:focus .group-hocus\:icon-dark-indigo-500 > *[stroke][fill].icon-dark-stroke { stroke: #4956E3; } .group:focus .group-hocus\:icon-dark-indigo-600 > *[fill].icon-dark { fill: #3A46CC; } .group:focus .group-hocus\:icon-dark-indigo-600 > *[stroke].icon-dark { stroke: #3A46CC; } .group:focus .group-hocus\:icon-dark-indigo-600 > *[stroke][fill].icon-dark-fill { fill: #3A46CC; } .group:focus .group-hocus\:icon-dark-indigo-600 > *[stroke][fill].icon-dark-stroke { stroke: #3A46CC; } .group:hover .group-hocus\:icon-light-indigo-200 > *[fill].icon-light { fill: #C5C9FD; } .group:hover .group-hocus\:icon-light-indigo-200 > *[stroke].icon-light { stroke: #C5C9FD; } .group:hover .group-hocus\:icon-light-indigo-200 > *[stroke][fill].icon-light-fill { fill: #C5C9FD; } .group:hover .group-hocus\:icon-light-indigo-200 > *[stroke][fill].icon-light-stroke { stroke: #C5C9FD; } .group:hover .group-hocus\:icon-light-indigo-50 > *[fill].icon-light { fill: #F0F1FF; } .group:hover .group-hocus\:icon-light-indigo-50 > *[stroke].icon-light { stroke: #F0F1FF; } .group:hover .group-hocus\:icon-light-indigo-50 > *[stroke][fill].icon-light-fill { fill: #F0F1FF; } .group:hover .group-hocus\:icon-light-indigo-50 > *[stroke][fill].icon-light-stroke { stroke: #F0F1FF; } .group:hover .group-hocus\:icon-dark-gray-300 > *[fill].icon-dark { fill: #BFC2D4; } .group:hover .group-hocus\:icon-dark-gray-300 > *[stroke].icon-dark { stroke: #BFC2D4; } .group:hover .group-hocus\:icon-dark-gray-300 > *[stroke][fill].icon-dark-fill { fill: #BFC2D4; } .group:hover .group-hocus\:icon-dark-gray-300 > *[stroke][fill].icon-dark-stroke { stroke: #BFC2D4; } .group:hover .group-hocus\:icon-dark-indigo-400 > *[fill].icon-dark { fill: #6470F3; } .group:hover .group-hocus\:icon-dark-indigo-400 > *[stroke].icon-dark { stroke: #6470F3; } .group:hover .group-hocus\:icon-dark-indigo-400 > *[stroke][fill].icon-dark-fill { fill: #6470F3; } .group:hover .group-hocus\:icon-dark-indigo-400 > *[stroke][fill].icon-dark-stroke { stroke: #6470F3; } .group:hover .group-hocus\:icon-dark-indigo-500 > *[fill].icon-dark { fill: #4956E3; } .group:hover .group-hocus\:icon-dark-indigo-500 > *[stroke].icon-dark { stroke: #4956E3; } .group:hover .group-hocus\:icon-dark-indigo-500 > *[stroke][fill].icon-dark-fill { fill: #4956E3; } .group:hover .group-hocus\:icon-dark-indigo-500 > *[stroke][fill].icon-dark-stroke { stroke: #4956E3; } .group:hover .group-hocus\:icon-dark-indigo-600 > *[fill].icon-dark { fill: #3A46CC; } .group:hover .group-hocus\:icon-dark-indigo-600 > *[stroke].icon-dark { stroke: #3A46CC; } .group:hover .group-hocus\:icon-dark-indigo-600 > *[stroke][fill].icon-dark-fill { fill: #3A46CC; } .group:hover .group-hocus\:icon-dark-indigo-600 > *[stroke][fill].icon-dark-stroke { stroke: #3A46CC; } .before\:absolute::before { content: var(--tw-content); position: absolute; } .before\:bottom-\[-6\.5px\]::before { content: var(--tw-content); bottom: -6.5px; } .before\:left-0::before { content: var(--tw-content); left: 0px; } .before\:right-0::before { content: var(--tw-content); right: 0px; } .before\:h-\[4px\]::before { content: var(--tw-content); height: 4px; } .before\:rounded-full::before { content: var(--tw-content); border-radius: 9999px; } .before\:duration-300::before { content: var(--tw-content); transition-duration: 300ms; } .first\:mt-0:first-child { margin-top: 0px; } .last-of-type\:border-b-0:last-of-type { border-bottom-width: 0px; } .checked\:border-indigo-500:checked { --tw-border-opacity: 1; border-color: rgb(73 86 227 / var(--tw-border-opacity)); } .checked\:border-jade-300:checked { --tw-border-opacity: 1; border-color: rgb(105 211 167 / var(--tw-border-opacity)); } .checked\:border-red-300:checked { --tw-border-opacity: 1; border-color: rgb(245 154 169 / var(--tw-border-opacity)); } .checked\:bg-indigo-400:checked { --tw-bg-opacity: 1; background-color: rgb(100 112 243 / var(--tw-bg-opacity)); } .checked\:bg-indigo-500:checked { --tw-bg-opacity: 1; background-color: rgb(73 86 227 / var(--tw-bg-opacity)); } .checked\:bg-jade-600:checked { --tw-bg-opacity: 1; background-color: rgb(0 95 57 / var(--tw-bg-opacity)); } .checked\:bg-red-600:checked { --tw-bg-opacity: 1; background-color: rgb(159 19 49 / var(--tw-bg-opacity)); } .checked\:bg-transparent:checked { background-color: transparent; } .checked\:text-indigo-400:checked { --tw-text-opacity: 1; color: rgb(100 112 243 / var(--tw-text-opacity)); } .checked\:text-jade-600:checked { --tw-text-opacity: 1; color: rgb(0 95 57 / var(--tw-text-opacity)); } .checked\:text-red-600:checked { --tw-text-opacity: 1; color: rgb(159 19 49 / var(--tw-text-opacity)); } .focus-within\:bg-indigo-50:focus-within { --tw-bg-opacity: 1; background-color: rgb(240 241 255 / var(--tw-bg-opacity)); } .hover\:border-gray-200:hover { --tw-border-opacity: 1; border-color: rgb(208 210 224 / var(--tw-border-opacity)); } .hover\:border-indigo-200:hover { --tw-border-opacity: 1; border-color: rgb(197 201 253 / var(--tw-border-opacity)); } .hover\:border-indigo-300:hover { --tw-border-opacity: 1; border-color: rgb(154 162 252 / var(--tw-border-opacity)); } .hover\:bg-gray-50:hover { --tw-bg-opacity: 1; background-color: rgb(243 244 250 / var(--tw-bg-opacity)); } .hover\:bg-gray-900:hover { --tw-bg-opacity: 1; background-color: rgb(46 50 71 / var(--tw-bg-opacity)); } .hover\:bg-indigo-50:hover { --tw-bg-opacity: 1; background-color: rgb(240 241 255 / var(--tw-bg-opacity)); } .hover\:underline:hover { -webkit-text-decoration-line: underline; text-decoration-line: underline; } .hover\:no-underline:hover { -webkit-text-decoration-line: none; text-decoration-line: none; } .hover\:shadow-ring-hover:hover { --tw-shadow: 0 0 0 2px rgba(0, 0, 0, 0.2); --tw-shadow-colored: 0 0 0 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); } .hover\:ring-2:hover { --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); } .hover\:ring-indigo-100:hover { --tw-ring-opacity: 1; --tw-ring-color: rgb(218 221 254 / var(--tw-ring-opacity)); } .hover\:before\:bg-gray-200:hover::before { content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(208 210 224 / var(--tw-bg-opacity)); } .focus\:border:focus { border-width: 1px; } .focus\:border-gray-900:focus { --tw-border-opacity: 1; border-color: rgb(46 50 71 / var(--tw-border-opacity)); } .focus\:border-indigo-600:focus { --tw-border-opacity: 1; border-color: rgb(58 70 204 / var(--tw-border-opacity)); } .focus\:border-jade-400:focus { --tw-border-opacity: 1; border-color: rgb(31 169 113 / var(--tw-border-opacity)); } .focus\:border-jade-600:focus { --tw-border-opacity: 1; border-color: rgb(0 95 57 / var(--tw-border-opacity)); } .focus\:border-purple-600:focus { --tw-border-opacity: 1; border-color: rgb(99 42 166 / var(--tw-border-opacity)); } .focus\:border-red-600:focus { --tw-border-opacity: 1; border-color: rgb(159 19 49 / var(--tw-border-opacity)); } .focus\:border-teal-600:focus { --tw-border-opacity: 1; border-color: rgb(0 89 93 / var(--tw-border-opacity)); } .focus\:bg-gray-900:focus { --tw-bg-opacity: 1; background-color: rgb(46 50 71 / var(--tw-bg-opacity)); } .focus\:bg-indigo-600:focus { --tw-bg-opacity: 1; background-color: rgb(58 70 204 / var(--tw-bg-opacity)); } .focus\:bg-jade-600:focus { --tw-bg-opacity: 1; background-color: rgb(0 95 57 / var(--tw-bg-opacity)); } .focus\:bg-purple-600:focus { --tw-bg-opacity: 1; background-color: rgb(99 42 166 / var(--tw-bg-opacity)); } .focus\:bg-red-600:focus { --tw-bg-opacity: 1; background-color: rgb(159 19 49 / var(--tw-bg-opacity)); } .focus\:bg-teal-600:focus { --tw-bg-opacity: 1; background-color: rgb(0 89 93 / var(--tw-bg-opacity)); } .focus\:text-gray-300:focus { --tw-text-opacity: 1; color: rgb(191 194 212 / var(--tw-text-opacity)); } .focus\:shadow-ring-focus:focus { --tw-shadow: 0 0 0 3px rgba(0, 0, 0, 0.2); --tw-shadow-colored: 0 0 0 3px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .focus\:outline-none:focus { outline: 2px solid transparent; outline-offset: 2px; } .focus\:outline-indigo-500:focus { outline-color: #4956E3; } .focus\:outline-transparent:focus { outline-color: transparent; } .focus\:ring-0: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(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .focus\:ring-gray-1000:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(27 30 46 / var(--tw-ring-opacity)); } .focus\:ring-gray-200:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(208 210 224 / var(--tw-ring-opacity)); } .focus\:ring-indigo-600:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(58 70 204 / var(--tw-ring-opacity)); } .focus\:ring-purple-600:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(99 42 166 / var(--tw-ring-opacity)); } .focus\:ring-transparent:focus { --tw-ring-color: transparent; } .focus-visible\:underline:focus-visible { -webkit-text-decoration-line: underline; text-decoration-line: underline; } .focus-visible\:outline-none:focus-visible { outline: 2px solid transparent; outline-offset: 2px; } .focus-visible\:ring-1:focus-visible { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .focus-visible\:ring-gray-100:focus-visible { --tw-ring-opacity: 1; --tw-ring-color: rgb(225 227 237 / var(--tw-ring-opacity)); } .focus-visible\:ring-offset-0:focus-visible { --tw-ring-offset-width: 0px; } .active\:shadow-ring-focus:active { --tw-shadow: 0 0 0 3px rgba(0, 0, 0, 0.2); --tw-shadow-colored: 0 0 0 3px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .disabled\:cursor-default:disabled { cursor: default; } .disabled\:cursor-not-allowed:disabled { cursor: not-allowed; } .disabled\:border-gray-100:disabled { --tw-border-opacity: 1; border-color: rgb(225 227 237 / var(--tw-border-opacity)); } .disabled\:border-white\/20:disabled { border-color: rgb(255 255 255 / 0.2); } .disabled\:bg-gray-100:disabled { --tw-bg-opacity: 1; background-color: rgb(225 227 237 / var(--tw-bg-opacity)); } .disabled\:text-gray-400:disabled { --tw-text-opacity: 1; color: rgb(175 179 199 / var(--tw-text-opacity)); } .disabled\:text-gray-500:disabled { --tw-text-opacity: 1; color: rgb(144 149 173 / var(--tw-text-opacity)); } .disabled\:text-white\/50:disabled { color: rgb(255 255 255 / 0.5); } .disabled\:no-underline:disabled { -webkit-text-decoration-line: none; text-decoration-line: none; } .disabled\:outline-0:disabled { outline-width: 0px; } .disabled\:ring-0:disabled { --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(0px + 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); } .disabled\:hover\:border-white\/20:hover:disabled { border-color: rgb(255 255 255 / 0.2); } .hover\:disabled\:bg-gray-100:disabled:hover { --tw-bg-opacity: 1; background-color: rgb(225 227 237 / var(--tw-bg-opacity)); } .group:focus-within .group-focus-within\:mix-blend-luminosity { mix-blend-mode: luminosity; } .group:hover .group-hover\:text-indigo-700 { --tw-text-opacity: 1; color: rgb(47 58 176 / var(--tw-text-opacity)); } .group:hover .group-hover\:opacity-0 { opacity: 0; } .group:hover .group-hover\:opacity-100 { opacity: 1; } .group:hover .group-hover\:mix-blend-luminosity { mix-blend-mode: luminosity; } .group:focus .group-focus\:opacity-100 { opacity: 1; } .hocus\:border-error-300:focus { --tw-border-opacity: 1; border-color: rgb(245 154 169 / var(--tw-border-opacity)); } .hocus\:border-gray-100:focus { --tw-border-opacity: 1; border-color: rgb(225 227 237 / var(--tw-border-opacity)); } .hocus\:border-gray-200:focus { --tw-border-opacity: 1; border-color: rgb(208 210 224 / var(--tw-border-opacity)); } .hocus\:border-gray-300:focus { --tw-border-opacity: 1; border-color: rgb(191 194 212 / var(--tw-border-opacity)); } .hocus\:border-indigo-200:focus { --tw-border-opacity: 1; border-color: rgb(197 201 253 / var(--tw-border-opacity)); } .hocus\:border-info-300:focus { --tw-border-opacity: 1; border-color: rgb(154 162 252 / var(--tw-border-opacity)); } .hocus\:border-jade-300:focus { --tw-border-opacity: 1; border-color: rgb(105 211 167 / var(--tw-border-opacity)); } .hocus\:border-success-300:focus { --tw-border-opacity: 1; border-color: rgb(105 211 167 / var(--tw-border-opacity)); } .hocus\:border-warning-300:focus { --tw-border-opacity: 1; border-color: rgb(237 187 74 / var(--tw-border-opacity)); } .hocus\:border-white\/60:focus { border-color: rgb(255 255 255 / 0.6); } .hocus\:text-gray-500:focus { --tw-text-opacity: 1; color: rgb(144 149 173 / var(--tw-text-opacity)); } .hocus\:text-indigo-500:focus { --tw-text-opacity: 1; color: rgb(73 86 227 / var(--tw-text-opacity)); } .hocus\:underline:focus { -webkit-text-decoration-line: underline; text-decoration-line: underline; } .hocus\:shadow-gray-100:focus { --tw-shadow-color: #E1E3ED; --tw-shadow: var(--tw-shadow-colored); } .hocus\:shadow-gray-50:focus { --tw-shadow-color: #F3F4FA; --tw-shadow: var(--tw-shadow-colored); } .hocus\:shadow-indigo-100:focus { --tw-shadow-color: #DADDFE; --tw-shadow: var(--tw-shadow-colored); } .hocus\:shadow-indigo-300\/\[\.35\]:focus { --tw-shadow-color: rgb(154 162 252 / .35); --tw-shadow: var(--tw-shadow-colored); } .hocus\:shadow-indigo-50:focus { --tw-shadow-color: #F0F1FF; --tw-shadow: var(--tw-shadow-colored); } .hocus\:shadow-jade-100:focus { --tw-shadow-color: #C2F1DE; --tw-shadow: var(--tw-shadow-colored); } .hocus\:shadow-jade-50:focus { --tw-shadow-color: #E4FBF2; --tw-shadow: var(--tw-shadow-colored); } .hocus\:shadow-purple-100:focus { --tw-shadow-color: #E9DDFA; --tw-shadow: var(--tw-shadow-colored); } .hocus\:shadow-red-100:focus { --tw-shadow-color: #FAD9DF; --tw-shadow: var(--tw-shadow-colored); } .hocus\:shadow-teal-100:focus { --tw-shadow-color: #B7E7F0; --tw-shadow: var(--tw-shadow-colored); } .hocus\:shadow-transparent:focus { --tw-shadow-color: transparent; --tw-shadow: var(--tw-shadow-colored); } .hocus\:shadow-white\/20:focus { --tw-shadow-color: rgb(255 255 255 / 0.2); --tw-shadow: var(--tw-shadow-colored); } .hocus\:outline-0:focus { outline-width: 0px; } .hocus\: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); } .hocus\:ring-current:focus { --tw-ring-color: currentColor; } .hocus\:ring-error-200:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(248 196 205 / var(--tw-ring-opacity)); } .hocus\:ring-gray-100:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(225 227 237 / var(--tw-ring-opacity)); } .hocus\:ring-gray-200:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(208 210 224 / var(--tw-ring-opacity)); } .hocus\:ring-info-200:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(197 201 253 / var(--tw-ring-opacity)); } .hocus\:ring-success-200:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(163 231 203 / var(--tw-ring-opacity)); } .hocus\:ring-warning-200:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(241 224 143 / var(--tw-ring-opacity)); } .before\:hocus\:cursor-not-allowed:focus::before { content: var(--tw-content); cursor: not-allowed; } .before\:hocus\:cursor-pointer:focus::before { content: var(--tw-content); cursor: pointer; } .checked\:hocus\:border-indigo-500:focus:checked { --tw-border-opacity: 1; border-color: rgb(73 86 227 / var(--tw-border-opacity)); } .checked\:hocus\:bg-transparent:focus:checked { background-color: transparent; } .disabled\:hocus\:shadow-none:focus:disabled { --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .hocus\:border-error-300:hover { --tw-border-opacity: 1; border-color: rgb(245 154 169 / var(--tw-border-opacity)); } .hocus\:border-gray-100:hover { --tw-border-opacity: 1; border-color: rgb(225 227 237 / var(--tw-border-opacity)); } .hocus\:border-gray-200:hover { --tw-border-opacity: 1; border-color: rgb(208 210 224 / var(--tw-border-opacity)); } .hocus\:border-gray-300:hover { --tw-border-opacity: 1; border-color: rgb(191 194 212 / var(--tw-border-opacity)); } .hocus\:border-indigo-200:hover { --tw-border-opacity: 1; border-color: rgb(197 201 253 / var(--tw-border-opacity)); } .hocus\:border-info-300:hover { --tw-border-opacity: 1; border-color: rgb(154 162 252 / var(--tw-border-opacity)); } .hocus\:border-jade-300:hover { --tw-border-opacity: 1; border-color: rgb(105 211 167 / var(--tw-border-opacity)); } .hocus\:border-success-300:hover { --tw-border-opacity: 1; border-color: rgb(105 211 167 / var(--tw-border-opacity)); } .hocus\:border-warning-300:hover { --tw-border-opacity: 1; border-color: rgb(237 187 74 / var(--tw-border-opacity)); } .hocus\:border-white\/60:hover { border-color: rgb(255 255 255 / 0.6); } .hocus\:text-gray-500:hover { --tw-text-opacity: 1; color: rgb(144 149 173 / var(--tw-text-opacity)); } .hocus\:text-indigo-500:hover { --tw-text-opacity: 1; color: rgb(73 86 227 / var(--tw-text-opacity)); } .hocus\:underline:hover { -webkit-text-decoration-line: underline; text-decoration-line: underline; } .hocus\:shadow-gray-100:hover { --tw-shadow-color: #E1E3ED; --tw-shadow: var(--tw-shadow-colored); } .hocus\:shadow-gray-50:hover { --tw-shadow-color: #F3F4FA; --tw-shadow: var(--tw-shadow-colored); } .hocus\:shadow-indigo-100:hover { --tw-shadow-color: #DADDFE; --tw-shadow: var(--tw-shadow-colored); } .hocus\:shadow-indigo-300\/\[\.35\]:hover { --tw-shadow-color: rgb(154 162 252 / .35); --tw-shadow: var(--tw-shadow-colored); } .hocus\:shadow-indigo-50:hover { --tw-shadow-color: #F0F1FF; --tw-shadow: var(--tw-shadow-colored); } .hocus\:shadow-jade-100:hover { --tw-shadow-color: #C2F1DE; --tw-shadow: var(--tw-shadow-colored); } .hocus\:shadow-jade-50:hover { --tw-shadow-color: #E4FBF2; --tw-shadow: var(--tw-shadow-colored); } .hocus\:shadow-purple-100:hover { --tw-shadow-color: #E9DDFA; --tw-shadow: var(--tw-shadow-colored); } .hocus\:shadow-red-100:hover { --tw-shadow-color: #FAD9DF; --tw-shadow: var(--tw-shadow-colored); } .hocus\:shadow-teal-100:hover { --tw-shadow-color: #B7E7F0; --tw-shadow: var(--tw-shadow-colored); } .hocus\:shadow-transparent:hover { --tw-shadow-color: transparent; --tw-shadow: var(--tw-shadow-colored); } .hocus\:shadow-white\/20:hover { --tw-shadow-color: rgb(255 255 255 / 0.2); --tw-shadow: var(--tw-shadow-colored); } .hocus\:outline-0:hover { outline-width: 0px; } .hocus\:ring-1:hover { --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); } .hocus\:ring-current:hover { --tw-ring-color: currentColor; } .hocus\:ring-error-200:hover { --tw-ring-opacity: 1; --tw-ring-color: rgb(248 196 205 / var(--tw-ring-opacity)); } .hocus\:ring-gray-100:hover { --tw-ring-opacity: 1; --tw-ring-color: rgb(225 227 237 / var(--tw-ring-opacity)); } .hocus\:ring-gray-200:hover { --tw-ring-opacity: 1; --tw-ring-color: rgb(208 210 224 / var(--tw-ring-opacity)); } .hocus\:ring-info-200:hover { --tw-ring-opacity: 1; --tw-ring-color: rgb(197 201 253 / var(--tw-ring-opacity)); } .hocus\:ring-success-200:hover { --tw-ring-opacity: 1; --tw-ring-color: rgb(163 231 203 / var(--tw-ring-opacity)); } .hocus\:ring-warning-200:hover { --tw-ring-opacity: 1; --tw-ring-color: rgb(241 224 143 / var(--tw-ring-opacity)); } .before\:hocus\:cursor-not-allowed:hover::before { content: var(--tw-content); cursor: not-allowed; } .before\:hocus\:cursor-pointer:hover::before { content: var(--tw-content); cursor: pointer; } .checked\:hocus\:border-indigo-500:hover:checked { --tw-border-opacity: 1; border-color: rgb(73 86 227 / var(--tw-border-opacity)); } .checked\:hocus\:bg-transparent:hover:checked { background-color: transparent; } .disabled\:hocus\:shadow-none:hover:disabled { --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .group:focus .group-hocus\:translate-x-\[-2px\] { --tw-translate-x: -2px; 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)); } .group:focus .group-hocus\:translate-x-\[2px\] { --tw-translate-x: 2px; 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)); } .group:focus .group-hocus\:text-indigo-500 { --tw-text-opacity: 1; color: rgb(73 86 227 / var(--tw-text-opacity)); } .group:focus .group-hocus\:text-indigo-600 { --tw-text-opacity: 1; color: rgb(58 70 204 / var(--tw-text-opacity)); } .group:focus .group-hocus\:underline { -webkit-text-decoration-line: underline; text-decoration-line: underline; } .group:focus .group-hocus\:grayscale-0 { --tw-grayscale: grayscale(0); 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); } .group:hover .group-hocus\:translate-x-\[-2px\] { --tw-translate-x: -2px; 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)); } .group:hover .group-hocus\:translate-x-\[2px\] { --tw-translate-x: 2px; 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)); } .group:hover .group-hocus\:text-indigo-500 { --tw-text-opacity: 1; color: rgb(73 86 227 / var(--tw-text-opacity)); } .group:hover .group-hocus\:text-indigo-600 { --tw-text-opacity: 1; color: rgb(58 70 204 / var(--tw-text-opacity)); } .group:hover .group-hocus\:underline { -webkit-text-decoration-line: underline; text-decoration-line: underline; } .group:hover .group-hocus\:grayscale-0 { --tw-grayscale: grayscale(0); 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); } .children\:relative > * { position: relative; } .children\:mb-\[16px\] > * { margin-bottom: 16px; } .children\:truncate > * { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .children\:hyphens-manual > * { -webkit-hyphens: manual; hyphens: manual; } .children\:leading-\[24px\] > * { line-height: 24px; } .children\:transition-all > * { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .children\:duration-300 > * { transition-duration: 300ms; } @media (prefers-color-scheme: dark) { .dark\:text-gray-400 { --tw-text-opacity: 1; color: rgb(175 179 199 / var(--tw-text-opacity)); } .dark\:text-white { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } } @media (min-width: 640px) { .sm\:inset-0 { inset: 0px; } .sm\:mx-\[5\%\] { margin-left: 5%; margin-right: 5%; } .sm\:grid { display: grid; } .sm\:h-auto { height: auto; } .sm\:w-auto { width: auto; } .sm\:text-sm { font-size: 0.875rem; line-height: 1.25rem; } } @media (min-width: 768px) { .md\:mb-0 { margin-bottom: 0px; } .md\:grid { display: grid; } .md\:w-full { width: 100%; } .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .md\:flex-row { flex-direction: row; } .md\:gap-\[24px\] { gap: 24px; } } .ribbon[data-v-b9303bc9] { /* https://css-tricks.com/the-shapes-of-css/#aa-trapezoid-shape */ transform: rotate(45deg); border-bottom: 25px solid #C2F1DE; /* Primary/Jade/100 */ border-left: 25px solid transparent; border-right: 25px solid transparent; height: 10px; width: 100px; top: 14px !important; right: -24px !important; } .warning-markdown ul { margin-left: 16px; margin-bottom: 16px } [data-v-71ed09a1]::-webkit-search-cancel-button{ display: none; } .shiki-wrapper[data-v-52636ce2] .shiki { min-width: -moz-max-content; min-width: max-content; border-right-width: 10px; border-right-color: transparent; } .shiki-wrapper.wrap[data-v-52636ce2] .line { white-space: pre-wrap; } .shiki-wrapper.line-numbers[data-v-52636ce2] .shiki { padding-top: 8px; padding-bottom: 8px; } .shiki-wrapper.line-numbers[data-v-52636ce2] .shiki code { counter-reset: step; counter-increment: step calc(var(--74c38bf0) - 1); } .shiki-wrapper.line-numbers[data-v-52636ce2] .shiki code .line::before, .shiki-wrapper.line-numbers[data-v-52636ce2] .shiki code .line:first-child::before { position: sticky; margin-right: 16px; display: inline-block; min-width: 40px; --tw-bg-opacity: 1; background-color: rgb(243 244 250 / var(--tw-bg-opacity)); padding-left: 8px; padding-right: 8px; text-align: right; --tw-text-opacity: 1; color: rgb(144 149 173 / var(--tw-text-opacity)); left: 0px !important; content: counter(step); counter-increment: step; } .shiki-wrapper.line-numbers[data-v-52636ce2] .shiki code :not(.line:only-child):first-child:before { box-shadow: 0 -1.1em #F3F4FA !important; } .shiki-wrapper.line-numbers[data-v-52636ce2] .shiki code :not(.line:only-child):last-child::before { box-shadow: 0 1.1em #F3F4FA !important; } .shiki-wrapper.line-numbers[data-v-52636ce2] .shiki code .line:only-child::before { box-shadow: -1.1em 0 0 1.1em #F3F4FA !important; }.resize-observer[data-v-b329ee4c]{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;border:none;background-color:transparent;pointer-events:none;display:block;overflow:hidden;opacity:0}.resize-observer[data-v-b329ee4c] object{display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}.v-popper__popper{z-index:10000;top:0;left:0;outline:none}.v-popper__popper.v-popper__popper--hidden{visibility:hidden;opacity:0;transition:opacity .15s,visibility .15s;pointer-events:none}.v-popper__popper.v-popper__popper--shown{visibility:visible;opacity:1;transition:opacity .15s}.v-popper__popper.v-popper__popper--skip-transition,.v-popper__popper.v-popper__popper--skip-transition>.v-popper__wrapper{transition:none!important}.v-popper__backdrop{position:absolute;top:0;left:0;width:100%;height:100%;display:none}.v-popper__inner{position:relative;box-sizing:border-box;overflow-y:auto}.v-popper__inner>div{position:relative;z-index:1;max-width:inherit;max-height:inherit}.v-popper__arrow-container{position:absolute;width:10px;height:10px}.v-popper__popper--arrow-overflow .v-popper__arrow-container,.v-popper__popper--no-positioning .v-popper__arrow-container{display:none}.v-popper__arrow-inner,.v-popper__arrow-outer{border-style:solid;position:absolute;top:0;left:0;width:0;height:0}.v-popper__arrow-inner{visibility:hidden;border-width:7px}.v-popper__arrow-outer{border-width:6px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{left:-2px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{left:-1px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer{border-bottom-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-container{top:0}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{border-top-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-top-color:transparent!important}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{top:-4px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{top:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{top:-1px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{border-left-width:0;border-left-color:transparent!important;border-top-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{left:-4px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{left:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-container{right:-10px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer{border-right-width:0;border-top-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner{left:-2px}.v-popper--theme-dropdown .v-popper__inner{background:#fff;color:#000;border-radius:6px;border:1px solid #ddd;box-shadow:0 6px 30px #0000001a}.v-popper--theme-dropdown .v-popper__arrow-inner{visibility:visible;border-color:#fff}.v-popper--theme-dropdown .v-popper__arrow-outer{border-color:#ddd}.v-popper--theme-tooltip .v-popper__inner{background:rgba(0,0,0,.8);color:#fff;border-radius:6px;padding:7px 12px 6px}.v-popper--theme-tooltip .v-popper__arrow-outer{border-color:#000c}.no-arrow .v-popper__arrow-container{display:none}.cypress-v-tooltip-dark .v-popper__inner{border-width:0px;--tw-bg-opacity:1;background-color:rgb(46 50 71 / var(--tw-bg-opacity));padding-top:0.5rem;padding-bottom:0.5rem;padding-left:1rem;padding-right:1rem;--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}.cypress-v-tooltip-dark .v-popper__arrow-outer { border-color: #2e3247; }.cypress-v-tooltip-dark .v-popper__arrow-inner { visibility: hidden; }.cypress-v-tooltip-dark[data-popper-placement=top] .v-popper__wrapper { transform: scaleY(0); transform-origin:bottom; transition-property:transform; transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1); transition-duration:150ms; }.cypress-v-tooltip-dark[data-popper-placement=top].v-popper__popper.v-popper__popper--show-to .v-popper__wrapper { transform: scaleY(1); }.cypress-v-tooltip-dark[data-popper-placement=right] .v-popper__wrapper { transform: scaleX(0); transform-origin:left; transition-property:transform; transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1); transition-duration:150ms; }.cypress-v-tooltip-dark[data-popper-placement=right].v-popper__popper.v-popper__popper--show-to .v-popper__wrapper { transform: scaleX(1); }.cypress-v-tooltip-dark[data-popper-placement=bottom] .v-popper__wrapper { transform: scaleY(0); transform-origin:top; transition-property:transform; transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1); transition-duration:150ms; }.cypress-v-tooltip-dark[data-popper-placement=bottom].v-popper__popper.v-popper__popper--show-to .v-popper__wrapper { transform: scaleY(1); }.cypress-v-tooltip-dark[data-popper-placement=left] .v-popper__wrapper { transform: scaleX(0); transform-origin:right; transition-property:transform; transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1); transition-duration:150ms; }.cypress-v-tooltip-dark[data-popper-placement=left].v-popper__popper.v-popper__popper--show-to .v-popper__wrapper { transform: scaleX(1); }.cypress-v-tooltip-light .v-popper__inner{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(0 0 0 / var(--tw-text-opacity)); border-color: transparent; border-radius: 4px !important; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15); padding: 0}.cypress-v-tooltip-light .v-popper__arrow-outer { border-color: white; }.cypress-v-tooltip-light[data-popper-placement=top] .v-popper__arrow-outer { filter: drop-shadow(0 1px 1px #e1e3ed); }.cypress-v-tooltip-light[data-popper-placement=bottom] .v-popper__arrow-outer { filter: drop-shadow(0 -1px 1px #e1e3ed); }.cypress-v-tooltip-light[data-popper-placement=left] .v-popper__arrow-outer { filter: drop-shadow(1px 0px 1px #e1e3ed); }.cypress-v-tooltip-light[data-popper-placement=right] .v-popper__arrow-outer { filter: drop-shadow(-1px 0px 1px #e1e3ed); } .spinner circle[data-v-16f1736f] { stroke-dasharray: 30 115; stroke-dashoffset: 145; animation: dash-16f1736f linear 1s infinite; stroke: #69D3A7; } .spinner > path[data-v-16f1736f], .spinner > rect[data-v-16f1736f] { fill: #1B1E2E; } @keyframes dash-16f1736f { 20% { stroke-dasharray: 45 100; } 67% { stroke-dasharray: 10 135; stroke-dashoffset: 50; } to { stroke-dashoffset: 0; stroke-dasharray: 30 115; } } .radio[data-v-8872dbd3]::before { content: ""; margin: 4px; display: block; height: 6px; width: 6px; --tw-scale-x: 0; --tw-scale-y: 0; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); border-radius: 9999px; --tw-bg-opacity: 1; background-color: rgb(73 86 227 / var(--tw-bg-opacity)); transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .radio[data-v-8872dbd3]:checked::before { --tw-scale-x: 1; --tw-scale-y: 1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }.before\:block[data-v-cb1af325] { content: ""; }.lp-wrapper[data-v-a726ed92] { background-image: url("./Background-ca8140a8.svg"); } .bottom-bar-box-shadow[data-v-a726ed92] { box-shadow: 0 -7px 11px -10px rgba(0, 0, 0, 0.26); }.opacity-gradient[data-v-18d56591] { background: linear-gradient(to right, rgba(255, 255, 255, 0.3) 0%, rgb(243, 244, 250) 25%, rgb(243, 244, 250) 100%); }.Vue-Toastification__container { z-index: 9999; position: fixed; padding: 4px; width: 600px; box-sizing: border-box; display: flex; min-height: 100%; color: #fff; flex-direction: column; pointer-events: none; } @media only screen and (min-width : 600px) { .Vue-Toastification__container.top-left, .Vue-Toastification__container.top-right, .Vue-Toastification__container.top-center { top: 1em; } .Vue-Toastification__container.bottom-left, .Vue-Toastification__container.bottom-right, .Vue-Toastification__container.bottom-center { bottom: 1em; flex-direction: column-reverse; } .Vue-Toastification__container.top-left, .Vue-Toastification__container.bottom-left { left: 1em; } .Vue-Toastification__container.top-left .Vue-Toastification__toast, .Vue-Toastification__container.bottom-left .Vue-Toastification__toast { margin-right: auto; } .Vue-Toastification__container.top-left .Vue-Toastification__toast--rtl, .Vue-Toastification__container.bottom-left .Vue-Toastification__toast--rtl { margin-right: unset; margin-left: auto; } .Vue-Toastification__container.top-right, .Vue-Toastification__container.bottom-right { right: 1em; } .Vue-Toastification__container.top-right .Vue-Toastification__toast, .Vue-Toastification__container.bottom-right .Vue-Toastification__toast { margin-left: auto; } .Vue-Toastification__container.top-right .Vue-Toastification__toast--rtl, .Vue-Toastification__container.bottom-right .Vue-Toastification__toast--rtl { margin-left: unset; margin-right: auto; } .Vue-Toastification__container.top-center, .Vue-Toastification__container.bottom-center { left: 50%; margin-left: -300px; } .Vue-Toastification__container.top-center .Vue-Toastification__toast, .Vue-Toastification__container.bottom-center .Vue-Toastification__toast { margin-left: auto; margin-right: auto; } } @media only screen and (max-width : 600px) { .Vue-Toastification__container { width: 100vw; padding: 0; left: 0; margin: 0; } .Vue-Toastification__container .Vue-Toastification__toast { width: 100%; } .Vue-Toastification__container.top-left, .Vue-Toastification__container.top-right, .Vue-Toastification__container.top-center { top: 0; } .Vue-Toastification__container.bottom-left, .Vue-Toastification__container.bottom-right, .Vue-Toastification__container.bottom-center { bottom: 0; flex-direction: column-reverse; } } .Vue-Toastification__toast { display: inline-flex; position: relative; max-height: 800px; min-height: 64px; box-sizing: border-box; margin-bottom: 1rem; padding: 22px 24px; border-radius: 8px; box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.05); justify-content: space-between; font-family: "Lato", Helvetica, "Roboto", Arial, sans-serif; max-width: 600px; min-width: 326px; pointer-events: auto; overflow: hidden; transform: translateZ(0); direction: ltr; } .Vue-Toastification__toast--rtl { direction: rtl; } .Vue-Toastification__toast--default { background-color: #1976d2; color: #fff; } .Vue-Toastification__toast--info { background-color: #2196f3; color: #fff; } .Vue-Toastification__toast--success { background-color: #4caf50; color: #fff; } .Vue-Toastification__toast--error { background-color: #ff5252; color: #fff; } .Vue-Toastification__toast--warning { background-color: #ffc107; color: #fff; } @media only screen and (max-width : 600px) { .Vue-Toastification__toast { border-radius: 0px; margin-bottom: 0.5rem; } } .Vue-Toastification__toast-body { flex: 1; line-height: 24px; font-size: 16px; word-break: break-word; white-space: pre-wrap; } .Vue-Toastification__toast-component-body { flex: 1; } .Vue-Toastification__toast.disable-transition { animation: none !important; } .Vue-Toastification__close-button { font-weight: bold; font-size: 24px; line-height: 24px; background: transparent; outline: none; border: none; padding: 0; padding-left: 10px; cursor: pointer; transition: 0.3s ease; align-items: center; color: #fff; opacity: 0.3; transition: visibility 0s, opacity 0.2s linear; } .Vue-Toastification__close-button:hover, .Vue-Toastification__close-button:focus { opacity: 1; } .Vue-Toastification__toast:not(:hover) .Vue-Toastification__close-button.show-on-hover { opacity: 0; } .Vue-Toastification__toast--rtl .Vue-Toastification__close-button { padding-left: unset; padding-right: 10px; } @keyframes scale-x-frames { 0% { transform: scaleX(1); } 100% { transform: scaleX(0); } } .Vue-Toastification__progress-bar { position: absolute; bottom: 0; left: 0; width: 100%; height: 5px; z-index: 10000; background-color: rgba(255, 255, 255, 0.7); transform-origin: left; animation: scale-x-frames linear 1 forwards; } .Vue-Toastification__toast--rtl .Vue-Toastification__progress-bar { right: 0; left: unset; transform-origin: right; } .Vue-Toastification__icon { margin: auto 18px auto 0px; background: transparent; outline: none; border: none; padding: 0; transition: 0.3s ease; align-items: center; width: 20px; height: 100%; } .Vue-Toastification__toast--rtl .Vue-Toastification__icon { margin: auto 0px auto 18px; } @keyframes bounceInRight { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; transform: translate3d(-25px, 0, 0); } 75% { transform: translate3d(10px, 0, 0); } 90% { transform: translate3d(-5px, 0, 0); } to { transform: none; } } @keyframes bounceOutRight { 40% { opacity: 1; transform: translate3d(-20px, 0, 0); } to { opacity: 0; transform: translate3d(1000px, 0, 0); } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; transform: translate3d(25px, 0, 0); } 75% { transform: translate3d(-10px, 0, 0); } 90% { transform: translate3d(5px, 0, 0); } to { transform: none; } } @keyframes bounceOutLeft { 20% { opacity: 1; transform: translate3d(20px, 0, 0); } to { opacity: 0; transform: translate3d(-2000px, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; transform: translate3d(0, -20px, 0); } 75% { transform: translate3d(0, 10px, 0); } 90% { transform: translate3d(0, -5px, 0); } to { transform: translate3d(0, 0, 0); } } @keyframes bounceOutUp { 20% { transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; transform: translate3d(0, 20px, 0); } to { opacity: 0; transform: translate3d(0, -2000px, 0); } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; transform: translate3d(0, 25px, 0); } 75% { transform: translate3d(0, -10px, 0); } 90% { transform: translate3d(0, 5px, 0); } to { transform: none; } } @keyframes bounceOutDown { 20% { transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; transform: translate3d(0, -20px, 0); } to { opacity: 0; transform: translate3d(0, 2000px, 0); } 20% { transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; transform: translate3d(0, -20px, 0); } to { opacity: 0; transform: translate3d(0, 2000px, 0); } } .Vue-Toastification__bounce-enter-active.top-left, .Vue-Toastification__bounce-enter-active.bottom-left { animation-name: bounceInLeft; } .Vue-Toastification__bounce-enter-active.top-right, .Vue-Toastification__bounce-enter-active.bottom-right { animation-name: bounceInRight; } .Vue-Toastification__bounce-enter-active.top-center { animation-name: bounceInDown; } .Vue-Toastification__bounce-enter-active.bottom-center { animation-name: bounceInUp; } .Vue-Toastification__bounce-leave-active:not(.disable-transition).top-left, .Vue-Toastification__bounce-leave-active:not(.disable-transition).bottom-left { animation-name: bounceOutLeft; } .Vue-Toastification__bounce-leave-active:not(.disable-transition).top-right, .Vue-Toastification__bounce-leave-active:not(.disable-transition).bottom-right { animation-name: bounceOutRight; } .Vue-Toastification__bounce-leave-active:not(.disable-transition).top-center { animation-name: bounceOutUp; } .Vue-Toastification__bounce-leave-active:not(.disable-transition).bottom-center { animation-name: bounceOutDown; } .Vue-Toastification__bounce-leave-active, .Vue-Toastification__bounce-enter-active { animation-duration: 750ms; animation-fill-mode: both; } .Vue-Toastification__bounce-move { transition-timing-function: ease-in-out; transition-property: all; transition-duration: 400ms; } /* ---------------------------------------------- * Modified version from Animista * Animista is Licensed under FreeBSD License. * See http://animista.net/license for more info. * w: http://animista.net, t: @cssanimista * ---------------------------------------------- */ @keyframes fadeOutTop { 0% { transform: translateY(0); opacity: 1; } 100% { transform: translateY(-50px); opacity: 0; } } @keyframes fadeOutLeft { 0% { transform: translateX(0); opacity: 1; } 100% { transform: translateX(-50px); opacity: 0; } } @keyframes fadeOutBottom { 0% { transform: translateY(0); opacity: 1; } 100% { transform: translateY(50px); opacity: 0; } } @keyframes fadeOutRight { 0% { transform: translateX(0); opacity: 1; } 100% { transform: translateX(50px); opacity: 0; } } @keyframes fadeInLeft { 0% { transform: translateX(-50px); opacity: 0; } 100% { transform: translateX(0); opacity: 1; } } @keyframes fadeInRight { 0% { transform: translateX(50px); opacity: 0; } 100% { transform: translateX(0); opacity: 1; } } @keyframes fadeInTop { 0% { transform: translateY(-50px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } @keyframes fadeInBottom { 0% { transform: translateY(50px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } .Vue-Toastification__fade-enter-active.top-left, .Vue-Toastification__fade-enter-active.bottom-left { animation-name: fadeInLeft; } .Vue-Toastification__fade-enter-active.top-right, .Vue-Toastification__fade-enter-active.bottom-right { animation-name: fadeInRight; } .Vue-Toastification__fade-enter-active.top-center { animation-name: fadeInTop; } .Vue-Toastification__fade-enter-active.bottom-center { animation-name: fadeInBottom; } .Vue-Toastification__fade-leave-active:not(.disable-transition).top-left, .Vue-Toastification__fade-leave-active:not(.disable-transition).bottom-left { animation-name: fadeOutLeft; } .Vue-Toastification__fade-leave-active:not(.disable-transition).top-right, .Vue-Toastification__fade-leave-active:not(.disable-transition).bottom-right { animation-name: fadeOutRight; } .Vue-Toastification__fade-leave-active:not(.disable-transition).top-center { animation-name: fadeOutTop; } .Vue-Toastification__fade-leave-active:not(.disable-transition).bottom-center { animation-name: fadeOutBottom; } .Vue-Toastification__fade-leave-active, .Vue-Toastification__fade-enter-active { animation-duration: 750ms; animation-fill-mode: both; } .Vue-Toastification__fade-move { transition-timing-function: ease-in-out; transition-property: all; transition-duration: 400ms; } /* ---------------------------------------------- * Modified version from Animista * Animista is Licensed under FreeBSD License. * See http://animista.net/license for more info. * w: http://animista.net, t: @cssanimista * ---------------------------------------------- */ @keyframes slideInBlurredLeft { 0% { transform: translateX(-1000px) scaleX(2.5) scaleY(0.2); transform-origin: 100% 50%; filter: blur(40px); opacity: 0; } 100% { transform: translateX(0) scaleY(1) scaleX(1); transform-origin: 50% 50%; filter: blur(0); opacity: 1; } } @keyframes slideInBlurredTop { 0% { transform: translateY(-1000px) scaleY(2.5) scaleX(0.2); transform-origin: 50% 0%; filter: blur(240px); opacity: 0; } 100% { transform: translateY(0) scaleY(1) scaleX(1); transform-origin: 50% 50%; filter: blur(0); opacity: 1; } } @keyframes slideInBlurredRight { 0% { transform: translateX(1000px) scaleX(2.5) scaleY(0.2); transform-origin: 0% 50%; filter: blur(40px); opacity: 0; } 100% { transform: translateX(0) scaleY(1) scaleX(1); transform-origin: 50% 50%; filter: blur(0); opacity: 1; } } @keyframes slideInBlurredBottom { 0% { transform: translateY(1000px) scaleY(2.5) scaleX(0.2); transform-origin: 50% 100%; filter: blur(240px); opacity: 0; } 100% { transform: translateY(0) scaleY(1) scaleX(1); transform-origin: 50% 50%; filter: blur(0); opacity: 1; } } @keyframes slideOutBlurredTop { 0% { transform: translateY(0) scaleY(1) scaleX(1); transform-origin: 50% 0%; filter: blur(0); opacity: 1; } 100% { transform: translateY(-1000px) scaleY(2) scaleX(0.2); transform-origin: 50% 0%; filter: blur(240px); opacity: 0; } } @keyframes slideOutBlurredBottom { 0% { transform: translateY(0) scaleY(1) scaleX(1); transform-origin: 50% 50%; filter: blur(0); opacity: 1; } 100% { transform: translateY(1000px) scaleY(2) scaleX(0.2); transform-origin: 50% 100%; filter: blur(240px); opacity: 0; } } @keyframes slideOutBlurredLeft { 0% { transform: translateX(0) scaleY(1) scaleX(1); transform-origin: 50% 50%; filter: blur(0); opacity: 1; } 100% { transform: translateX(-1000px) scaleX(2) scaleY(0.2); transform-origin: 100% 50%; filter: blur(40px); opacity: 0; } } @keyframes slideOutBlurredRight { 0% { transform: translateX(0) scaleY(1) scaleX(1); transform-origin: 50% 50%; filter: blur(0); opacity: 1; } 100% { transform: translateX(1000px) scaleX(2) scaleY(0.2); transform-origin: 0% 50%; filter: blur(40px); opacity: 0; } } .Vue-Toastification__slideBlurred-enter-active.top-left, .Vue-Toastification__slideBlurred-enter-active.bottom-left { animation-name: slideInBlurredLeft; } .Vue-Toastification__slideBlurred-enter-active.top-right, .Vue-Toastification__slideBlurred-enter-active.bottom-right { animation-name: slideInBlurredRight; } .Vue-Toastification__slideBlurred-enter-active.top-center { animation-name: slideInBlurredTop; } .Vue-Toastification__slideBlurred-enter-active.bottom-center { animation-name: slideInBlurredBottom; } .Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).top-left, .Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).bottom-left { animation-name: slideOutBlurredLeft; } .Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).top-right, .Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).bottom-right { animation-name: slideOutBlurredRight; } .Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).top-center { animation-name: slideOutBlurredTop; } .Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).bottom-center { animation-name: slideOutBlurredBottom; } .Vue-Toastification__slideBlurred-leave-active, .Vue-Toastification__slideBlurred-enter-active { animation-duration: 750ms; animation-fill-mode: both; } .Vue-Toastification__slideBlurred-move { transition-timing-function: ease-in-out; transition-property: all; transition-duration: 400ms; }