@layer base {
  :root {
    --64ddf24790c80: rgba(0, 0, 0, 0);
--64ddf2479c98c: rgba(255, 255, 255, 1);
--64ddf2479ed1e: rgba(0, 0, 0, 1);
--64ddf247a12ee: rgba(23, 23, 23, 1);
--64ddf247a3129: rgba(64, 64, 64, 1);
--64ddf247a5091: rgba(115, 115, 115, 1);
--64ddf247a6e9a: rgba(212, 212, 212, 1);
--64ddf247a8d4c: rgba(245, 245, 245, 1);
--64ddf247ab5ac: rgba(239, 68, 68, 1);
--64ddf247ad3f1: rgba(249, 115, 22, 1);
--64ddf247af1dc: rgba(250, 204, 21, 1);
--64ddf247b0ec3: rgba(132, 204, 22, 1);
--64ddf247b2bc5: rgba(34, 197, 94, 1);
--64ddf247b498b: rgba(16, 185, 129, 1);
--64ddf247b6778: rgba(20, 184, 166, 1);
--64ddf247b854a: rgba(6, 182, 212, 1);
--64ddf247ba148: rgba(14, 165, 233, 1);
--64ddf247be6de: rgba(59, 130, 246, 1);
--64ddf247c0524: rgba(99, 102, 241, 1);
--64ddf247c33ad: rgba(139, 92, 246, 1);
--64ddf247cf9ae: rgba(168, 85, 247, 1);
--64ddf247d1716: rgba(217, 70, 239, 1);
--64ddf247d3450: rgba(236, 72, 153, 1);
--64ddf247902c2: rgba(41, 51, 38, 1);
--64ddf247905bf: rgba(201, 205, 205, 1);
--64ddf24790831: rgba(16, 20, 20, 1);
  }
}/*! tailwindcss v2.2.0 | MIT License | https://tailwindcss.com *//*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 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; } /** * Render the `main` element consistently in IE. */ main { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, 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; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* 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 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 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. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-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. */ [type="search"]::-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 Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; }/** * 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; } /** * Work around a Firefox/IE bug where the transparent `button` background * results in a loss of the default `button` focus styles. */ button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; } 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 <details> 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::placeholder, textarea::placeholder { opacity: 1; color: #9ca3af; } button, [role="button"] { cursor: pointer; } 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; } *, ::before, ::after { --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-transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); --tw-border-opacity: 1; border-color: rgba(229, 231, 235, var(--tw-border-opacity)); --tw-shadow: 0 0 #0000; --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/); --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(59, 130, 246, 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-blur: var(--tw-empty,/*!*/ /*!*/); --tw-brightness: var(--tw-empty,/*!*/ /*!*/); --tw-contrast: var(--tw-empty,/*!*/ /*!*/); --tw-grayscale: var(--tw-empty,/*!*/ /*!*/); --tw-hue-rotate: var(--tw-empty,/*!*/ /*!*/); --tw-invert: var(--tw-empty,/*!*/ /*!*/); --tw-saturate: var(--tw-empty,/*!*/ /*!*/); --tw-sepia: var(--tw-empty,/*!*/ /*!*/); --tw-drop-shadow: var(--tw-empty,/*!*/ /*!*/); --tw-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); --tw-backdrop-blur: var(--tw-empty,/*!*/ /*!*/); --tw-backdrop-brightness: var(--tw-empty,/*!*/ /*!*/); --tw-backdrop-contrast: var(--tw-empty,/*!*/ /*!*/); --tw-backdrop-grayscale: var(--tw-empty,/*!*/ /*!*/); --tw-backdrop-hue-rotate: var(--tw-empty,/*!*/ /*!*/); --tw-backdrop-invert: var(--tw-empty,/*!*/ /*!*/); --tw-backdrop-opacity: var(--tw-empty,/*!*/ /*!*/); --tw-backdrop-saturate: var(--tw-empty,/*!*/ /*!*/); --tw-backdrop-sepia: var(--tw-empty,/*!*/ /*!*/); --tw-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } .container { width: 100%; }   .visible { visibility: visible; } .static { position: static; } .fixed { position: fixed; } .absolute { position: absolute; } .relative { position: relative; } .sticky { position: sticky; } .top-0 { top: 0px; } .right-0 { right: 0px; } .bottom-0 { bottom: 0px; } .left-0 { left: 0px; } .top-\[0px\] { top: 0px; } .right-\[0px\] { right: 0px; } .bottom-\[0px\] { bottom: 0px; } .left-\[0px\] { left: 0px; } .top-\[24px\] { top: 24px; } .top-\[0\] { top: 0; } .left-\[0\] { left: 0; } .z-40 { z-index: 40; } .z-10 { z-index: 10; } .z-20 { z-index: 20; } .col-span-2 { grid-column: span 2 / span 2; } .m-0 { margin: 0px; } .mt-0 { margin-top: 0px; } .mr-auto { margin-right: auto; } .mb-0 { margin-bottom: 0px; } .ml-auto { margin-left: auto; } .ml-0 { margin-left: 0px; } .mr-0 { margin-right: 0px; } .mt-20 { margin-top: 5rem; } .mb-20 { margin-bottom: 5rem; } .mr-2 { margin-right: 0.5rem; } .mb-12 { margin-bottom: 3rem; } .mb-4 { margin-bottom: 1rem; } .mt-2 { margin-top: 0.5rem; } .mt-56 { margin-top: 14rem; } .-mt-56 { margin-top: -14rem; } .mb-6 { margin-bottom: 1.5rem; } .mt-16 { margin-top: 4rem; } .-mt-20 { margin-top: -5rem; } .mb-10 { margin-bottom: 2.5rem; } .mb-2 { margin-bottom: 0.5rem; } .ml-2 { margin-left: 0.5rem; } .mb-16 { margin-bottom: 4rem; } .-ml-px { margin-left: -1px; } .mt-4 { margin-top: 1rem; } .mr-3 { margin-right: 0.75rem; } .mb-\[12px\] { margin-bottom: 12px; } .mt-\[40px\] { margin-top: 40px; } .mt-\[0px\] { margin-top: 0px; } .mr-\[0px\] { margin-right: 0px; } .mb-\[24px\] { margin-bottom: 24px; } .ml-\[0px\] { margin-left: 0px; } .mr-3\.5 { margin-right: 0.875rem; } .mt-\[0\] { margin-top: 0; } .mb-\[16px\] { margin-bottom: 16px; } .mr-\[auto\] { margin-right: auto; } .ml-\[auto\] { margin-left: auto; } .mt-\[24px\] { margin-top: 24px; } .mb-\[8px\] { margin-bottom: 8px; } .block { display: block; } .inline-block { display: inline-block; } .inline { display: inline; } .flex { display: flex; } .table { display: table; } .grid { display: grid; } .contents { display: contents; } .hidden { display: none; } .h-auto { height: auto; } .h-\[40px\] { height: 40px; } .h-\[600px\] { height: 600px; } .h-\[200px\] { height: 200px; } .h-\[3px\] { height: 3px; } .h-\[auto\] { height: auto; } .h-\[52px\] { height: 52px; } .h-\[500px\] { height: 500px; } .h-\[1px\] { height: 1px; } .h-\[100\%\] { height: 100%; } .min-h-full { min-height: 100%; } .min-h-\[100\%\] { min-height: 100%; } .min-h-\[auto\] { min-height: auto; } .w-full { width: 100%; } .w-\[24px\] { width: 24px; } .w-\[16px\] { width: 16px; } .w-\[3px\] { width: 3px; } .w-\[75\%\] { width: 75%; } .w-\[50\%\] { width: 50%; } .w-\[100\%\] { width: 100%; } .w-\[auto\] { width: auto; } .w-\[14px\] { width: 14px; } .w-\[60\%\] { width: 60%; } .max-w-7xl { max-width: 80rem; } .max-w-\[80rem\] { max-width: 80rem; } .max-w-\[90rem\] { max-width: 90rem; } .flex-1 { flex: 1 1 0%; } .border-collapse { border-collapse: collapse; } .cursor-pointer { cursor: pointer; } .resize { resize: both; } .list-inside { list-style-position: inside; } .list-disc { list-style-type: disc; } .list-decimal { list-style-type: decimal; } .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .grid-cols-\[repeat\(3\2c minmax\(0\2c 1fr\)\)\] { grid-template-columns: repeat(3, minmax(0, 1fr)); } .grid-cols-\[repeat\(2\2c minmax\(0\2c 1fr\)\)\] { grid-template-columns: repeat(2, minmax(0, 1fr)); } .flex-row { flex-direction: row; } .flex-col { flex-direction: column; } .flex-wrap { flex-wrap: wrap; } .items-start { align-items: flex-start; } .items-end { align-items: flex-end; } .items-center { align-items: center; } .items-baseline { align-items: baseline; } .items-stretch { align-items: stretch; } .justify-start { justify-content: flex-start; } .justify-end { justify-content: flex-end; } .justify-center { justify-content: center; } .justify-between { justify-content: space-between; } .gap-32 { gap: 8rem; } .gap-5 { gap: 1.25rem; } .gap-20 { gap: 5rem; } .gap-6 { gap: 1.5rem; } .gap-2 { gap: 0.5rem; } .gap-12 { gap: 3rem; } .gap-0 { gap: 0px; } .gap-\[8px\] { gap: 8px; } .gap-y-12 { row-gap: 3rem; } .gap-x-8 { column-gap: 2rem; } .space-x-10 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(2.5rem * var(--tw-space-x-reverse)); margin-left: calc(2.5rem * calc(1 - var(--tw-space-x-reverse))); } .space-x-0 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(0px * var(--tw-space-x-reverse)); margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse))); } .space-y-10 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(2.5rem * var(--tw-space-y-reverse)); } .space-x-8 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(2rem * var(--tw-space-x-reverse)); margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse))); } .space-y-8 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(2rem * var(--tw-space-y-reverse)); } .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-y-4 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1rem * var(--tw-space-y-reverse)); } .space-y-16 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(4rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(4rem * var(--tw-space-y-reverse)); } .space-x-1 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(0.25rem * var(--tw-space-x-reverse)); margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse))); } .space-y-0 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0px * var(--tw-space-y-reverse)); } .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)); } .space-y-1 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.25rem * var(--tw-space-y-reverse)); } .space-y-6 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1.5rem * var(--tw-space-y-reverse)); } .space-x-6 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(1.5rem * var(--tw-space-x-reverse)); margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse))); } .space-x-\[4px\] > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(4px * var(--tw-space-x-reverse)); margin-left: calc(4px * calc(1 - var(--tw-space-x-reverse))); } .space-y-\[2px\] > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(2px * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(2px * var(--tw-space-y-reverse)); } .space-x-1\.5 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(0.375rem * var(--tw-space-x-reverse)); margin-left: calc(0.375rem * calc(1 - var(--tw-space-x-reverse))); } .divide-y > :not([hidden]) ~ :not([hidden]) { --tw-divide-y-reverse: 0; border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(1px * var(--tw-divide-y-reverse)); } .divide-x-0 > :not([hidden]) ~ :not([hidden]) { --tw-divide-x-reverse: 0; border-right-width: calc(0px * var(--tw-divide-x-reverse)); border-left-width: calc(0px * calc(1 - var(--tw-divide-x-reverse))); } .divide-solid > :not([hidden]) ~ :not([hidden]) { border-style: solid; } .divide-none > :not([hidden]) ~ :not([hidden]) { border-style: none; } .divide-\[\#e4e4e7\] > :not([hidden]) ~ :not([hidden]) { --tw-divide-opacity: 1; border-color: rgba(228, 228, 231, var(--tw-divide-opacity)); } .divide-\[\#C9CDCD\] > :not([hidden]) ~ :not([hidden]) { --tw-divide-opacity: 1; border-color: rgba(201, 205, 205, var(--tw-divide-opacity)); } .divide-opacity-100 > :not([hidden]) ~ :not([hidden]) { --tw-divide-opacity: 1; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .whitespace-nowrap { white-space: nowrap; } .whitespace-pre { white-space: pre; } .break-normal { overflow-wrap: normal; word-break: normal; } .rounded-md { border-radius: 0.375rem; } .rounded-\[6px\] { border-radius: 6px; } .rounded-\[0px\] { border-radius: 0px; } .border { border-width: 1px; } .border-\[1px\] { border-width: 1px; } .border-\[0px\] { border-width: 0px; } .border-t-\[1px\] { border-top-width: 1px; } .border-r-\[0px\] { border-right-width: 0px; } .border-l-\[0px\] { border-left-width: 0px; } .border-t-\[0px\] { border-top-width: 0px; } .border-b-\[0px\] { border-bottom-width: 0px; } .border-l-\[2px\] { border-left-width: 2px; } .border-r-\[1px\] { border-right-width: 1px; } .border-l-\[4px\] { border-left-width: 4px; } .border-b-\[1px\] { border-bottom-width: 1px; } .border-solid { border-style: solid; } .border-none { border-style: none; } .border-transparent { border-color: transparent; } .border-white { --tw-border-opacity: 1; border-color: rgba(255, 255, 255, var(--tw-border-opacity)); } .border-gray-600 { --tw-border-opacity: 1; border-color: rgba(75, 85, 99, var(--tw-border-opacity)); } .border-\[\#101414\] { --tw-border-opacity: 1; border-color: rgba(16, 20, 20, var(--tw-border-opacity)); } .border-\[\#C9CDCD\] { --tw-border-opacity: 1; border-color: rgba(201, 205, 205, var(--tw-border-opacity)); } .border-\[\#e4e4e7\] { --tw-border-opacity: 1; border-color: rgba(228, 228, 231, var(--tw-border-opacity)); } .border-opacity-100 { --tw-border-opacity: 1; } .border-opacity-10 { --tw-border-opacity: .1; } .border-opacity-25 { --tw-border-opacity: 0.25; } .bg-white { --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); } .bg-\[\#101414\] { --tw-bg-opacity: 1; background-color: rgba(16, 20, 20, var(--tw-bg-opacity)); } .bg-\[\#C9CDCD\] { --tw-bg-opacity: 1; background-color: rgba(201, 205, 205, var(--tw-bg-opacity)); } .bg-\[\#293326\] { --tw-bg-opacity: 1; background-color: rgba(41, 51, 38, var(--tw-bg-opacity)); } .bg-\[\#fca5a5\] { --tw-bg-opacity: 1; background-color: rgba(252, 165, 165, var(--tw-bg-opacity)); } .bg-\[\#86efac\] { --tw-bg-opacity: 1; background-color: rgba(134, 239, 172, var(--tw-bg-opacity)); } .bg-\[\#f4f4f5\] { --tw-bg-opacity: 1; background-color: rgba(244, 244, 245, var(--tw-bg-opacity)); } .bg-opacity-100 { --tw-bg-opacity: 1; } .bg-opacity-50 { --tw-bg-opacity: .5; } .bg-opacity-25 { --tw-bg-opacity: 0.25; } .bg-opacity-\[25\%\] { --tw-bg-opacity: 25%; } .bg-cover { background-size: cover; } .bg-center { background-position: center; } .p-0 { padding: 0px; } .p-20 { padding: 5rem; } .p-12 { padding: 3rem; } .p-4 { padding: 1rem; } .p-10 { padding: 2.5rem; } .p-\[16px\] { padding: 16px; } .pt-12 { padding-top: 3rem; } .pr-0 { padding-right: 0px; } .pb-12 { padding-bottom: 3rem; } .pl-0 { padding-left: 0px; } .pt-0 { padding-top: 0px; } .pr-8 { padding-right: 2rem; } .pb-0 { padding-bottom: 0px; } .pl-8 { padding-left: 2rem; } .pt-2 { padding-top: 0.5rem; } .pb-2 { padding-bottom: 0.5rem; } .pt-4 { padding-top: 1rem; } .pb-4 { padding-bottom: 1rem; } .pt-20 { padding-top: 5rem; } .pb-20 { padding-bottom: 5rem; } .pr-6 { padding-right: 1.5rem; } .pl-6 { padding-left: 1.5rem; } .pt-10 { padding-top: 2.5rem; } .pt-3 { padding-top: 0.75rem; } .pr-5 { padding-right: 1.25rem; } .pb-3 { padding-bottom: 0.75rem; } .pl-5 { padding-left: 1.25rem; } .pt-8 { padding-top: 2rem; } .pr-10 { padding-right: 2.5rem; } .pb-8 { padding-bottom: 2rem; } .pl-10 { padding-left: 2.5rem; } .pt-1 { padding-top: 0.25rem; } .pb-1 { padding-bottom: 0.25rem; } .pb-6 { padding-bottom: 1.5rem; } .pt-6 { padding-top: 1.5rem; } .pr-3 { padding-right: 0.75rem; } .pl-3 { padding-left: 0.75rem; } .pr-1 { padding-right: 0.25rem; } .pl-1 { padding-left: 0.25rem; } .pt-3\.5 { padding-top: 0.875rem; } .pb-3\.5 { padding-bottom: 0.875rem; } .pr-3\.5 { padding-right: 0.875rem; } .pl-3\.5 { padding-left: 0.875rem; } .pt-\[8px\] { padding-top: 8px; } .pr-\[12px\] { padding-right: 12px; } .pb-\[8px\] { padding-bottom: 8px; } .pl-\[12px\] { padding-left: 12px; } .pt-\[56px\] { padding-top: 56px; } .pr-\[80px\] { padding-right: 80px; } .pl-\[80px\] { padding-left: 80px; } .pb-\[56px\] { padding-bottom: 56px; } .pt-\[12px\] { padding-top: 12px; } .pr-\[20px\] { padding-right: 20px; } .pb-\[12px\] { padding-bottom: 12px; } .pl-\[20px\] { padding-left: 20px; } .pl-\[16px\] { padding-left: 16px; } .pt-\[16px\] { padding-top: 16px; } .pb-\[16px\] { padding-bottom: 16px; } .pr-\[16px\] { padding-right: 16px; } .pt-\[32px\] { padding-top: 32px; } .pr-\[40px\] { padding-right: 40px; } .pb-\[32px\] { padding-bottom: 32px; } .pl-\[40px\] { padding-left: 40px; } .pr-1\.5 { padding-right: 0.375rem; } .pl-1\.5 { padding-left: 0.375rem; } .pt-\[48px\] { padding-top: 48px; } .pb-\[48px\] { padding-bottom: 48px; } .pr-\[48px\] { padding-right: 48px; } .pl-\[48px\] { padding-left: 48px; } .pb-\[56\.25\%\] { padding-bottom: 56.25%; } .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-sm { font-size: 0.875rem; } .text-base { font-size: 1rem; } .text-5xl { font-size: 3rem; } .text-4xl { font-size: 2.25rem; } .text-xs { font-size: 0.75rem; } .text-xl { font-size: 1.25rem; } .text-3xl { font-size: 1.875rem; } .text-2xl { font-size: 1.5rem; } .text-lg { font-size: 1.125rem; } .text-\[14px\] { font-size: 14px; } .text-\[18px\] { font-size: 18px; } .text-\[16px\] { font-size: 16px; } .text-\[12px\] { font-size: 12px; } .text-\[30px\] { font-size: 30px; } .text-\[36px\] { font-size: 36px; } .text-\[48px\] { font-size: 48px; } .text-\[24px\] { font-size: 24px; } .text-\[20px\] { font-size: 20px; } .font-normal { font-weight: 400; } .font-medium { font-weight: 500; } .font-semibold { font-weight: 600; } .font-light { font-weight: 300; } .font-bold { font-weight: 700; } .uppercase { text-transform: uppercase; } .normal-case { text-transform: none; } .italic { font-style: italic; } .leading-6 { line-height: 1.5rem; } .leading-relaxed { line-height: 1.625; } .leading-tight { line-height: 1.25; } .leading-\[1em\] { line-height: 1em; } .leading-\[1\.25em\] { line-height: 1.25em; } .tracking-wide { letter-spacing: 0.025em; } .text-white { --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)); } .text-red-500 { --tw-text-opacity: 1; color: rgba(239, 68, 68, var(--tw-text-opacity)); } .text-black { --tw-text-opacity: 1; color: rgba(0, 0, 0, var(--tw-text-opacity)); } .text-\[\#101414\] { --tw-text-opacity: 1; color: rgba(16, 20, 20, var(--tw-text-opacity)); } .text-\[\#858c82\] { --tw-text-opacity: 1; color: rgba(133, 140, 130, var(--tw-text-opacity)); } .text-\[\#991b1b\] { --tw-text-opacity: 1; color: rgba(153, 27, 27, var(--tw-text-opacity)); } .text-\[\#C9CDCD\] { --tw-text-opacity: 1; color: rgba(201, 205, 205, var(--tw-text-opacity)); } .text-\[\#a1a1aa\] { --tw-text-opacity: 1; color: rgba(161, 161, 170, var(--tw-text-opacity)); } .text-\[\#166534\] { --tw-text-opacity: 1; color: rgba(22, 101, 52, var(--tw-text-opacity)); } .text-\[\#2563eb\] { --tw-text-opacity: 1; color: rgba(37, 99, 235, var(--tw-text-opacity)); } .text-opacity-100 { --tw-text-opacity: 1; } .text-opacity-75 { --tw-text-opacity: 0.75; } .text-opacity-70 { --tw-text-opacity: .7; } .text-opacity-25 { --tw-text-opacity: 0.25; } .text-opacity-50 { --tw-text-opacity: .5; } .text-opacity-60 { --tw-text-opacity: .6; } .underline { text-decoration: underline; } .line-through { text-decoration: line-through; } .no-underline { text-decoration: none; } .placeholder-\[\#C9CDCD\]::placeholder { --tw-placeholder-opacity: 1; color: rgba(201, 205, 205, var(--tw-placeholder-opacity)); } .opacity-\[25\%\] { opacity: 25%; } .opacity-\[30\%\] { opacity: 30%; } .shadow-sm { --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .transition { transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .ease-in-out { transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .hover\:scale-105:hover { --tw-scale-x: 1.05; --tw-scale-y: 1.05; transform: var(--tw-transform); } .hover\:border-opacity-80:hover { --tw-border-opacity: .8; } .hover\:bg-\[\#101414\]:hover { --tw-bg-opacity: 1; background-color: rgba(16, 20, 20, var(--tw-bg-opacity)); } .hover\:bg-opacity-100:hover { --tw-bg-opacity: 1; } .hover\:bg-opacity-80:hover { --tw-bg-opacity: .8; } .hover\:font-normal:hover { font-weight: 400; } .hover\:text-\[\#101414\]:hover { --tw-text-opacity: 1; color: rgba(16, 20, 20, var(--tw-text-opacity)); } .hover\:text-white:hover { --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)); } .hover\:text-opacity-50:hover { --tw-text-opacity: .5; } .hover\:text-opacity-100:hover { --tw-text-opacity: 1; } .focus\:z-30:focus { z-index: 30; } .focus\:border-\[\#52525b\]:focus { --tw-border-opacity: 1; border-color: rgba(82, 82, 91, var(--tw-border-opacity)); } .focus\:border-opacity-50:focus { --tw-border-opacity: .5; } .focus\:outline-none:focus { outline: 2px solid transparent; outline-offset: 2px; } .disabled\:bg-\[\#e4e4e7\]:disabled { --tw-bg-opacity: 1; background-color: rgba(228, 228, 231, var(--tw-bg-opacity)); } .disabled\:text-\[\#a1a1aa\]:disabled { --tw-text-opacity: 1; color: rgba(161, 161, 170, var(--tw-text-opacity)); }     @media(min-width: 1536px) {  }  @media(min-width: 1536px) { .container { max-width: 1536px; } }  @media(min-width: 1536px) { .xl\:pr-10 { padding-right: 2.5rem; } .xl\:pl-10 { padding-left: 2.5rem; } }  @media(min-width: 1920px) {  }  @media(min-width: 1920px) { .container { max-width: 1920px; } }  @media(max-width: 1080px) {  }  @media(max-width: 1080px) { .lg\:col-span-3 { grid-column: span 3 / span 3; } .lg\:col-span-2 { grid-column: span 2 / span 2; } .lg\:h-\[300\] { height: 300; } .lg\:w-\[100\%\] { width: 100%; } .lg\:w-\[75\%\] { width: 75%; } .lg\:grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .lg\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .lg\:grid-cols-\[repeat\(2\2c minmax\(0\2c 1fr\)\)\] { grid-template-columns: repeat(2, minmax(0, 1fr)); } .lg\:border-b-\[1px\] { border-bottom-width: 1px; } .lg\:border-r-\[0px\] { border-right-width: 0px; } }  @media(max-width: 844px) {  }  @media(max-width: 844px) { .md\:col-span-3 { grid-column: span 3 / span 3; } .md\:col-span-1 { grid-column: span 1 / span 1; } .md\:mt-\[0px\] { margin-top: 0px; } .md\:mb-\[0px\] { margin-bottom: 0px; } .md\:mr-\[0px\] { margin-right: 0px; } .md\:ml-\[0px\] { margin-left: 0px; } .md\:mt-\[40px\] { margin-top: 40px; } .md\:mt-2 { margin-top: 0.5rem; } .md\:mr-0 { margin-right: 0px; } .md\:mb-0 { margin-bottom: 0px; } .md\:ml-0 { margin-left: 0px; } .md\:mr-\[auto\] { margin-right: auto; } .md\:ml-\[auto\] { margin-left: auto; } .md\:flex { display: flex; } .md\:hidden { display: none; } .md\:h-\[300\] { height: 300; } .md\:min-h-\[600px\] { min-height: 600px; } .md\:min-h-\[100\%\] { min-height: 100%; } .md\:w-\[100\%\] { width: 100%; } .md\:grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .md\:grid-cols-\[repeat\(2\2c minmax\(0\2c 1fr\)\)\] { grid-template-columns: repeat(2, minmax(0, 1fr)); } .md\:grid-cols-\[repeat\(1\2c minmax\(0\2c 1fr\)\)\] { grid-template-columns: repeat(1, minmax(0, 1fr)); } .md\:grid-cols-\[4\] { grid-template-columns: 4; } .md\:flex-col { flex-direction: column; } .md\:items-center { align-items: center; } .md\:justify-center { justify-content: center; } .md\:gap-10 { gap: 2.5rem; } .md\:gap-8 { gap: 2rem; } .md\:pr-6 { padding-right: 1.5rem; } .md\:pl-6 { padding-left: 1.5rem; } .md\:pr-3\.5 { padding-right: 0.875rem; } .md\:pl-3\.5 { padding-left: 0.875rem; } .md\:pr-3 { padding-right: 0.75rem; } .md\:pl-3 { padding-left: 0.75rem; } .md\:text-\[14px\] { font-size: 14px; } }  @media(max-width: 640px) {  }  @media(max-width: 640px) { .sm\:col-span-3 { grid-column: span 3 / span 3; } .sm\:col-span-1 { grid-column: span 1 / span 1; } .sm\:mt-2 { margin-top: 0.5rem; } .sm\:mr-0 { margin-right: 0px; } .sm\:mb-0 { margin-bottom: 0px; } .sm\:ml-0 { margin-left: 0px; } .sm\:mt-\[8px\] { margin-top: 8px; } .sm\:mr-\[8px\] { margin-right: 8px; } .sm\:mb-\[8px\] { margin-bottom: 8px; } .sm\:mt-\[80px\] { margin-top: 80px; } .sm\:mb-\[80px\] { margin-bottom: 80px; } .sm\:h-\[260px\] { height: 260px; } .sm\:min-h-\[260px\] { min-height: 260px; } .sm\:w-\[100\%\] { width: 100%; } .sm\:w-\[100\] { width: 100; } .sm\:min-w-\[100\%\] { min-width: 100%; } .sm\:grid-cols-\[repeat\(1\2c minmax\(0\2c 1fr\)\)\] { grid-template-columns: repeat(1, minmax(0, 1fr)); } .sm\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sm\:grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .sm\:flex-col { flex-direction: column; } .sm\:flex-wrap { flex-wrap: wrap; } .sm\:items-start { align-items: flex-start; } .sm\:justify-start { justify-content: flex-start; } .sm\:justify-center { justify-content: center; } .sm\:gap-0 { gap: 0px; } .sm\:border-r-\[0px\] { border-right-width: 0px; } .sm\:border-b-\[1px\] { border-bottom-width: 1px; } .sm\:border-b-\[0px\] { border-bottom-width: 0px; } .sm\:p-10 { padding: 2.5rem; } .sm\:pr-0 { padding-right: 0px; } .sm\:pl-0 { padding-left: 0px; } .sm\:pr-6 { padding-right: 1.5rem; } .sm\:pl-6 { padding-left: 1.5rem; } .sm\:pt-\[4px\] { padding-top: 4px; } .sm\:pr-\[6px\] { padding-right: 6px; } .sm\:pb-\[4px\] { padding-bottom: 4px; } .sm\:pl-\[6px\] { padding-left: 6px; } .sm\:pt-\[40px\] { padding-top: 40px; } .sm\:pb-\[40px\] { padding-bottom: 40px; } .sm\:pr-\[40px\] { padding-right: 40px; } .sm\:pl-\[40px\] { padding-left: 40px; } .sm\:pr-\[32px\] { padding-right: 32px; } .sm\:pl-\[32px\] { padding-left: 32px; } .sm\:pt-\[14px\] { padding-top: 14px; } .sm\:pb-\[14px\] { padding-bottom: 14px; } .sm\:pt-\[48px\] { padding-top: 48px; } .sm\:pb-\[48px\] { padding-bottom: 48px; } .sm\:pr-\[48px\] { padding-right: 48px; } .sm\:pl-\[48px\] { padding-left: 48px; } .sm\:pt-\[0px\] { padding-top: 0px; } .sm\:pr-\[0px\] { padding-right: 0px; } .sm\:pl-\[0px\] { padding-left: 0px; } .sm\:text-center { text-align: center; } .sm\:text-\[36px\] { font-size: 36px; } .sm\:text-\[24px\] { font-size: 24px; } .sm\:leading-tight { line-height: 1.25; } }