/* bricolage-grotesque-vietnamese-wght-normal */ @font-face { font-family: 'Bricolage Grotesque Variable'; font-style: normal; font-display: swap; font-weight: 200 800; src: url(./bricolage-grotesque-vietnamese-wght-normal.BUzh504Q.woff2) format('woff2-variations'); unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB; } /* bricolage-grotesque-latin-ext-wght-normal */ @font-face { font-family: 'Bricolage Grotesque Variable'; font-style: normal; font-display: swap; font-weight: 200 800; src: url(./bricolage-grotesque-latin-ext-wght-normal.CcLUaPy7.woff2) format('woff2-variations'); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; } /* bricolage-grotesque-latin-wght-normal */ @font-face { font-family: 'Bricolage Grotesque Variable'; font-style: normal; font-display: swap; font-weight: 200 800; src: url(./bricolage-grotesque-latin-wght-normal.DLoelf7F.woff2) format('woff2-variations'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }/* inter-cyrillic-ext-wght-normal */ @font-face { font-family: 'Inter Variable'; font-style: normal; font-display: swap; font-weight: 100 900; src: url(./inter-cyrillic-ext-wght-normal.BOeWTOD4.woff2) format('woff2-variations'); unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F; } /* inter-cyrillic-wght-normal */ @font-face { font-family: 'Inter Variable'; font-style: normal; font-display: swap; font-weight: 100 900; src: url(./inter-cyrillic-wght-normal.DqGufNeO.woff2) format('woff2-variations'); unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116; } /* inter-greek-ext-wght-normal */ @font-face { font-family: 'Inter Variable'; font-style: normal; font-display: swap; font-weight: 100 900; src: url(./inter-greek-ext-wght-normal.DlzME5K_.woff2) format('woff2-variations'); unicode-range: U+1F00-1FFF; } /* inter-greek-wght-normal */ @font-face { font-family: 'Inter Variable'; font-style: normal; font-display: swap; font-weight: 100 900; src: url(./inter-greek-wght-normal.CkhJZR-_.woff2) format('woff2-variations'); unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF; } /* inter-vietnamese-wght-normal */ @font-face { font-family: 'Inter Variable'; font-style: normal; font-display: swap; font-weight: 100 900; src: url(./inter-vietnamese-wght-normal.CBcvBZtf.woff2) format('woff2-variations'); unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB; } /* inter-latin-ext-wght-normal */ @font-face { font-family: 'Inter Variable'; font-style: normal; font-display: swap; font-weight: 100 900; src: url(./inter-latin-ext-wght-normal.DO1Apj_S.woff2) format('woff2-variations'); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; } /* inter-latin-wght-normal */ @font-face { font-family: 'Inter Variable'; font-style: normal; font-display: swap; font-weight: 100 900; src: url(./inter-latin-wght-normal.Dx4kXJAl.woff2) format('woff2-variations'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }/* jetbrains-mono-cyrillic-ext-wght-normal */ @font-face { font-family: 'JetBrains Mono Variable'; font-style: normal; font-display: swap; font-weight: 100 800; src: url(data:font/woff2;base64,d09GMgABAAAAAAfsABQAAAAAEAwAAAeCAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGhwbHhwoP0hWQVJbBmA/U1RBVIFiJyYAdC9qEQgKhGSEAAsgADCGCAE2AiQDOgQgBYlMB4EUDAcbLQ4onoexrSC/2ZyLAa8p8VHB8/x3Vue+V0hVJalMJg2nx/TCrQXxBeqLjQG7FyM1WEa/X1tEXN7cFz9EJEMmMUz3RihWSSKeQCbcIou0izz/C8v+fq3VfajEa9gDD11CImXS7qL/RJFVzC1qiB6KmKeD6TZdQ6IRGv78dL6uSVVCfgni5mzu7kcgQBgAEAQTQRCoL++STTYybkJxNfQxAAIAGu8OdEB9teW2jh4BpgDqFjAeSEByW3zFP0CBBgNMsMCGEDjgggdhiEAUAeIIED7ABTDUEnkIE9Q9ahFgKttcVhApo4ACB4qobHaccgDfEjFO6aaWUhjMLt2SyIvHKoDqoA4CSUwEIYQCEjhAO9R1G6keDeDZGjNo+AhxOjCEGTr1WeIF3kYBiLAOKvkJSMiKX0VdAyQt3SDJClCkxJCHkCzfqyVTriJZLcolS32JZHUekq2TYNkYtCtjYHMQXSxGjXDz2t/yLWXzDzxz+o3zFwDEaN23F+13pyMdQAEaSKAR9vcGq4A4MTSKCElGW+M7UcY7xqkggITb28ZJhlqc9q2twYKTt0NjixBgYvO9BIihEBLYuOFXQzfIQ7dXGUEEEgFDooBfAzqiQbpJrhiWSuKJCRFKYbHCyJKI2G5GiZbNAvgAu5pc3vwx4G+g3aDkhklABiSz0BICXrYghtYhx/cdJ+44rY2oZ0aMNRFz3VZjb6W33F3gzltqtOCV8tTHSpOeXuItfvr5lCdfzFpqtEitvqdcdGGFd28ZqqC0tPbeChGXgrIlnhSWu/eUso4uKWFLugyDzQJhflY4659+WjQ++6x72WUMv9G8mw6QJl7BVxX5fe/kpUsOvnZwee9uQ0cGXYd0o89XB2748sDSnt8d2VphdOTTgceDVvOds0v9P/s7HPq15aGun/6Vllb56f1dl0t1LejqrNkpdRZsG8TOnM5vkBG5oiVyVGnS8LHps5cfNWJs6qKPfaNSxiQNBUm3cKNWROr0GSur7Za31k1vieq7LH11VF+jXdRIasRKflc7jkobm1Z9te1IyZA0pDkhLR98+H37Zf1c/8at+dB7x+7GfVyTfJMPiYztsnl59Y5l4j+0n1RXlpHnF3Tq7HecmNF/CJodEMAikruxiyJaGLvHOdAfoA+oDvpjBm2b91cHGRZMU9n25xEU0A8fgEEAdKI3Q1iDtc034sug5YVMkE2jsE+BIkwSoQ3gxXMqz9tELp48bd0cFKOKS7xYjEuXBnZP5ia7DyiO/X/YI+PQSbt2uSdqAkWL9nQbV1XB94/+uPfdZz8dnXYFBYrcTl2SIR/ybxJNJPz/Gupb0JaZeens2ekC7EKr8t+Ls/P5VJPYJdHKyqfg2nqU6bhlidzcddQV/7MmecTzJ5VPcKXkNKSEogHjYFx6QZ7rQ+FSe8njaiNuOnXS8H2ScQ619c2mC3VTtauL0rRbXd/CkSOP37FY9Zkjz8+GibYUMOEWF+RdrFS8Ecv1SHOpPUPZGEIpjPvFyU5cXKjd6OXqorTqy9GwRd++HVufPGnVsW+aO3vggKZ18jR9sXaTC1PWTEsVUaK0FkNySbTQDqlm2PfDjZcu4aalnSLKjnOoYQ0nUlqqXcGpPu/4VgV/xU2pAqW4BW3qzhQ8/hFKhV2qE3+BKAtDqBXjfgnVdH4y0wg5tbVNRenNdTWOrenWLcupQdmsbq5b+18piTe/xRdp1xbILxNPJGInm2z6hoB21Lal0i+ePTtd7B45+3XhFJ329evskXm7qurUVREotqSluSo/L29d3qDhI4YOQqWhI4YNvBNfsMHeXKemXrxQfKeuPOGRVayA3JtkJKEgbPp+dXUDluddutRYLFoXGXWX6N3WFaGLbQtRSitVYNacTNSdy7AaG/HSaUEANcBoGXNdcZvZsOqQ1icBDv21/gzAoYPHH/WDW0qNR3QTYKEAEHig6o13NXbND06CQPlRtYjGNnSktRc09k1mAMDvAlDKfQjgy6fssInlfzmNAjKkDxoxHOBLdVRAIVt9j4qo+hA1w9T1aNBNTUOTTNUHLbqokE+UAfJXCIGw/IxCSL5GRUJeR40rL/UxTm4Q08H6MbCs70ObuNyIIXrINHQYInF06UUlevTjbQzTh5upiDMzMMogUtEnjPs/Y7jAHCJeB0GBHh04tC6FiB6ZFB1oArUSIoFoqhzCeAN6lHwm0T4C3VVPWvjpSMXReuWesMEcoqrmgtNBGd2noWeV0hNAz9rFeShNJxHGsPa3HXeKTk8b55hahySYHaYKKFFLpCfN8rsoaJn01CR04Gkc+5k7KVTCmClX8Q10HCrUEkVlSX+XO33oQR9609tJ516H497WSobWs5Up6TLaS10/dessIskgJSLiDlWvHVUywpkQ7hdPZqGyiEF0uVQerVcPamT1A3eKXdyI1vG9OoflrSXihZ1qqGE3nhmAgiIbRCQgPLEPtOM3UQwTLYaYYomNlpA44opnjV6jkD6id80OOrzf6BzmMD6eEa1zKyeYG1fzfEf16V6jw9XYOaar1/b2kP/IYX8oR2mcFvv2GtBV3JXgd437AQAA) format('woff2-variations'); unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F; } /* jetbrains-mono-cyrillic-wght-normal */ @font-face { font-family: 'JetBrains Mono Variable'; font-style: normal; font-display: swap; font-weight: 100 800; src: url(./jetbrains-mono-cyrillic-wght-normal.D73BlboJ.woff2) format('woff2-variations'); unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116; } /* jetbrains-mono-greek-wght-normal */ @font-face { font-family: 'JetBrains Mono Variable'; font-style: normal; font-display: swap; font-weight: 100 800; src: url(./jetbrains-mono-greek-wght-normal.Bw9x6K1M.woff2) format('woff2-variations'); unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF; } /* jetbrains-mono-vietnamese-wght-normal */ @font-face { font-family: 'JetBrains Mono Variable'; font-style: normal; font-display: swap; font-weight: 100 800; src: url(./jetbrains-mono-vietnamese-wght-normal.Bt-aOZkq.woff2) format('woff2-variations'); unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB; } /* jetbrains-mono-latin-ext-wght-normal */ @font-face { font-family: 'JetBrains Mono Variable'; font-style: normal; font-display: swap; font-weight: 100 800; src: url(./jetbrains-mono-latin-ext-wght-normal.DBQx-q_a.woff2) format('woff2-variations'); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; } /* jetbrains-mono-latin-wght-normal */ @font-face { font-family: 'JetBrains Mono Variable'; font-style: normal; font-display: swap; font-weight: 100 800; src: url(./jetbrains-mono-latin-wght-normal.B9CIFXIH.woff2) format('woff2-variations'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }*, ::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: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; } ::backdrop { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; }/* ! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com *//* 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4) 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116) */ *, ::before, ::after { box-sizing: border-box; /* 1 */ border-width: 0; /* 2 */ border-style: solid; /* 2 */ border-color: #e5e7eb; /* 2 */ } ::before, ::after { --tw-content: ''; } /* 1. Use a consistent sensible line-height in all browsers. 2. Prevent adjustments of font size after orientation changes in iOS. 3. Use a more readable tab size. 4. Use the user's configured `sans` font-family by default. 5. Use the user's configured `sans` font-feature-settings by default. 6. Use the user's configured `sans` font-variation-settings by default. 7. Disable tap highlights on iOS */ html, :host { line-height: 1.5; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -moz-tab-size: 4; /* 3 */ -o-tab-size: 4; tab-size: 4; /* 3 */ font-family: "Inter Variable", Inter, system-ui, sans-serif; /* 4 */ font-feature-settings: normal; /* 5 */ font-variation-settings: normal; /* 6 */ -webkit-tap-highlight-color: transparent; /* 7 */ } /* 1. Remove the margin in all browsers. 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element. */ body { margin: 0; /* 1 */ line-height: inherit; /* 2 */ } /* 1. Add the correct height in Firefox. 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655) 3. Ensure horizontal rules are visible by default. */ hr { height: 0; /* 1 */ color: inherit; /* 2 */ border-top-width: 1px; /* 3 */ } /* Add the correct text decoration in Chrome, Edge, and Safari. */ abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } /* Remove the default font size and weight for headings. */ h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } /* Reset links to optimize for opt-in styling instead of opt-out. */ a { color: inherit; text-decoration: inherit; } /* Add the correct font weight in Edge and Safari. */ b, strong { font-weight: bolder; } /* 1. Use the user's configured `mono` font-family by default. 2. Use the user's configured `mono` font-feature-settings by default. 3. Use the user's configured `mono` font-variation-settings by default. 4. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp, pre { font-family: "JetBrains Mono Variable", ui-monospace, monospace; /* 1 */ font-feature-settings: normal; /* 2 */ font-variation-settings: normal; /* 3 */ font-size: 1em; /* 4 */ } /* Add the correct font size in all browsers. */ small { font-size: 80%; } /* Prevent `sub` and `sup` elements from affecting the line height in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297) 2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016) 3. Remove gaps between table borders by default. */ table { text-indent: 0; /* 1 */ border-color: inherit; /* 2 */ border-collapse: collapse; /* 3 */ } /* 1. Change the font styles in all browsers. 2. Remove the margin in Firefox and Safari. 3. Remove default padding in all browsers. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-feature-settings: inherit; /* 1 */ font-variation-settings: inherit; /* 1 */ font-size: 100%; /* 1 */ font-weight: inherit; /* 1 */ line-height: inherit; /* 1 */ letter-spacing: inherit; /* 1 */ color: inherit; /* 1 */ margin: 0; /* 2 */ padding: 0; /* 3 */ } /* Remove the inheritance of text transform in Edge and Firefox. */ button, select { text-transform: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Remove default button styles. */ button, input:where([type='button']), input:where([type='reset']), input:where([type='submit']) { -webkit-appearance: button; /* 1 */ background-color: transparent; /* 2 */ background-image: none; /* 2 */ } /* Use the modern Firefox focus style for all focusable elements. */ :-moz-focusring { outline: auto; } /* Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737) */ :-moz-ui-invalid { box-shadow: none; } /* Add the correct vertical alignment in Chrome and Firefox. */ progress { vertical-align: baseline; } /* Correct the cursor style of increment and decrement buttons in Safari. */ ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } /* 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */ [type='search'] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /* Remove the inner padding in Chrome and Safari on macOS. */ ::-webkit-search-decoration { -webkit-appearance: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Add the correct display in Chrome and Safari. */ summary { display: list-item; } /* Removes the default spacing and border for appropriate elements. */ blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre { margin: 0; } fieldset { margin: 0; padding: 0; } legend { padding: 0; } ol, ul, menu { list-style: none; margin: 0; padding: 0; } /* Reset default styling for dialogs. */ dialog { padding: 0; } /* Prevent resizing textareas horizontally by default. */ textarea { resize: vertical; } /* 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300) 2. Set the default placeholder color to the user's configured gray 400 color. */ input::-moz-placeholder, textarea::-moz-placeholder { opacity: 1; /* 1 */ color: #9ca3af; /* 2 */ } input::placeholder, textarea::placeholder { opacity: 1; /* 1 */ color: #9ca3af; /* 2 */ } /* Set the default cursor for buttons. */ button, [role="button"] { cursor: pointer; } /* Make sure disabled buttons don't get the pointer cursor. */ :disabled { cursor: default; } /* 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14) 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210) This can trigger a poorly considered lint error in some tools but is included by design. */ img, svg, video, canvas, audio, iframe, embed, object { display: block; /* 1 */ vertical-align: middle; /* 2 */ } /* Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14) */ img, video { max-width: 100%; height: auto; } /* Make elements with the HTML hidden attribute stay hidden by default */ [hidden]:where(:not([hidden="until-found"])) { display: none; } html { -webkit-text-size-adjust: 100%; /* Le canevas du navigateur (zone révélée par l'overscroll / au-delà du `body`) hérite du fond de `html`. Sans fond explicite il retombe sur le canevas sombre du navigateur → bande noire à droite/au rebond. On ancre donc le crème ici aussi. */ --tw-bg-opacity: 1; background-color: rgb(var(--c-cream) / var(--tw-bg-opacity, 1)); /* Aucun défilement horizontal au niveau racine : impossible de « tirer » la page sur les côtés et d'exposer le canevas. `clip` (et non `hidden`) n'établit pas de conteneur de défilement → préserve `position: sticky` de la sidebar. */ overflow-x: clip; } body { --tw-bg-opacity: 1; background-color: rgb(var(--c-cream) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(var(--c-ink) / var(--tw-text-opacity, 1)); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: "Inter Variable", Inter, system-ui, sans-serif; font-feature-settings: 'cv05', 'ss01'; overflow-x: clip; } :focus-visible { outline: 2px solid rgb(var(--c-coral)); outline-offset: 2px; } .\!container { width: 100% !important; } .container { width: 100%; } @media (min-width: 640px) { .\!container { max-width: 640px !important; } .container { max-width: 640px; } } @media (min-width: 768px) { .\!container { max-width: 768px !important; } .container { max-width: 768px; } } @media (min-width: 1024px) { .\!container { max-width: 1024px !important; } .container { max-width: 1024px; } } @media (min-width: 1280px) { .\!container { max-width: 1280px !important; } .container { max-width: 1280px; } } @media (min-width: 1536px) { .\!container { max-width: 1536px !important; } .container { max-width: 1536px; } } .sr-only { position: absolute; 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; } .pointer-events-auto { pointer-events: auto; } .visible { visibility: visible; } .invisible { visibility: hidden; } .collapse { visibility: collapse; } .static { position: static; } .fixed { position: fixed; } .absolute { position: absolute; } .relative { position: relative; } .sticky { position: sticky; } .inset-0 { inset: 0px; } .inset-x-0 { left: 0px; right: 0px; } .inset-y-0 { top: 0px; bottom: 0px; } .-bottom-0\.5 { bottom: -0.125rem; } .-bottom-1 { bottom: -0.25rem; } .-right-0\.5 { right: -0.125rem; } .-right-1 { right: -0.25rem; } .-top-3 { top: -0.75rem; } .-top-8 { top: -2rem; } .-top-\[28px\] { top: -28px; } .-top-\[32px\] { top: -32px; } .bottom-0 { bottom: 0px; } .bottom-full { bottom: 100%; } .left-0 { left: 0px; } .left-0\.5 { left: 0.125rem; } .left-1\/2 { left: 50%; } .left-3 { left: 0.75rem; } .left-\[-9999px\] { left: -9999px; } .left-\[16\%\] { left: 16%; } .right-0 { right: 0px; } .right-0\.5 { right: 0.125rem; } .right-2 { right: 0.5rem; } .right-3 { right: 0.75rem; } .right-3\.5 { right: 0.875rem; } .right-7 { right: 1.75rem; } .right-8 { right: 2rem; } .top-0 { top: 0px; } .top-0\.5 { top: 0.125rem; } .top-1\/2 { top: 50%; } .top-2 { top: 0.5rem; } .top-20 { top: 5rem; } .top-3 { top: 0.75rem; } .top-8 { top: 2rem; } .top-\[-9999px\] { top: -9999px; } .top-\[57px\] { top: 57px; } .top-full { top: 100%; } .isolate { isolation: isolate; } .z-0 { z-index: 0; } .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; } .z-\[2\] { z-index: 2; } .z-\[51\] { z-index: 51; } .z-\[60\] { z-index: 60; } .z-\[70\] { z-index: 70; } .order-1 { order: 1; } .order-2 { order: 2; } .order-3 { order: 3; } .order-4 { order: 4; } .col-span-2 { grid-column: span 2 / span 2; } .m-0 { margin: 0px; } .-mx-10 { margin-left: -2.5rem; margin-right: -2.5rem; } .mx-0\.5 { margin-left: 0.125rem; margin-right: 0.125rem; } .mx-2 { margin-left: 0.5rem; margin-right: 0.5rem; } .mx-auto { margin-left: auto; margin-right: auto; } .my-1 { margin-top: 0.25rem; margin-bottom: 0.25rem; } .my-2\.5 { margin-top: 0.625rem; margin-bottom: 0.625rem; } .my-3 { margin-top: 0.75rem; margin-bottom: 0.75rem; } .my-3\.5 { margin-top: 0.875rem; margin-bottom: 0.875rem; } .my-4 { margin-top: 1rem; margin-bottom: 1rem; } .my-5 { margin-top: 1.25rem; margin-bottom: 1.25rem; } .my-6 { margin-top: 1.5rem; margin-bottom: 1.5rem; } .my-\[14px\] { margin-top: 14px; margin-bottom: 14px; } .-mb-10 { margin-bottom: -2.5rem; } .-mb-px { margin-bottom: -1px; } .-ml-2 { margin-left: -0.5rem; } .-mr-0\.5 { margin-right: -0.125rem; } .-mr-1 { margin-right: -0.25rem; } .-mt-0\.5 { margin-top: -0.125rem; } .-mt-2 { margin-top: -0.5rem; } .mb-0\.5 { margin-bottom: 0.125rem; } .mb-1 { margin-bottom: 0.25rem; } .mb-1\.5 { margin-bottom: 0.375rem; } .mb-2 { margin-bottom: 0.5rem; } .mb-2\.5 { margin-bottom: 0.625rem; } .mb-3 { margin-bottom: 0.75rem; } .mb-3\.5 { margin-bottom: 0.875rem; } .mb-4 { margin-bottom: 1rem; } .mb-5 { margin-bottom: 1.25rem; } .mb-6 { margin-bottom: 1.5rem; } .mb-7 { margin-bottom: 1.75rem; } .mb-8 { margin-bottom: 2rem; } .mb-\[18px\] { margin-bottom: 18px; } .mb-\[3px\] { margin-bottom: 3px; } .mb-\[7px\] { margin-bottom: 7px; } .ml-1 { margin-left: 0.25rem; } .ml-1\.5 { margin-left: 0.375rem; } .ml-2 { margin-left: 0.5rem; } .ml-3 { margin-left: 0.75rem; } .ml-6 { margin-left: 1.5rem; } .ml-auto { margin-left: auto; } .mr-0\.5 { margin-right: 0.125rem; } .mr-1 { margin-right: 0.25rem; } .mr-1\.5 { margin-right: 0.375rem; } .mr-auto { margin-right: auto; } .mt-0\.5 { margin-top: 0.125rem; } .mt-1 { margin-top: 0.25rem; } .mt-1\.5 { margin-top: 0.375rem; } .mt-10 { margin-top: 2.5rem; } .mt-12 { margin-top: 3rem; } .mt-14 { margin-top: 3.5rem; } .mt-16 { margin-top: 4rem; } .mt-2 { margin-top: 0.5rem; } .mt-2\.5 { margin-top: 0.625rem; } .mt-20 { margin-top: 5rem; } .mt-3 { margin-top: 0.75rem; } .mt-3\.5 { margin-top: 0.875rem; } .mt-4 { margin-top: 1rem; } .mt-5 { margin-top: 1.25rem; } .mt-6 { margin-top: 1.5rem; } .mt-7 { margin-top: 1.75rem; } .mt-8 { margin-top: 2rem; } .mt-9 { margin-top: 2.25rem; } .mt-\[1\.5px\] { margin-top: 1.5px; } .mt-\[18px\] { margin-top: 18px; } .mt-auto { margin-top: auto; } .mt-px { margin-top: 1px; } .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; } .aspect-\[16\/7\] { aspect-ratio: 16/7; } .aspect-square { aspect-ratio: 1 / 1; } .size-4 { width: 1rem; height: 1rem; } .\!h-3\.5 { height: 0.875rem !important; } .\!h-4 { height: 1rem !important; } .\!h-5 { height: 1.25rem !important; } .h-0 { height: 0px; } .h-1 { height: 0.25rem; } .h-1\.5 { height: 0.375rem; } .h-10 { height: 2.5rem; } .h-11 { height: 2.75rem; } .h-12 { height: 3rem; } .h-14 { height: 3.5rem; } .h-16 { height: 4rem; } .h-2 { height: 0.5rem; } .h-2\.5 { height: 0.625rem; } .h-24 { height: 6rem; } .h-3 { height: 0.75rem; } .h-3\.5 { height: 0.875rem; } .h-4 { height: 1rem; } .h-44 { height: 11rem; } .h-48 { height: 12rem; } .h-5 { height: 1.25rem; } .h-56 { height: 14rem; } .h-6 { height: 1.5rem; } .h-7 { height: 1.75rem; } .h-72 { height: 18rem; } .h-8 { height: 2rem; } .h-80 { height: 20rem; } .h-9 { height: 2.25rem; } .h-\[0\.9em\] { height: 0.9em; } .h-\[1\.05em\] { height: 1.05em; } .h-\[1\.1em\] { height: 1.1em; } .h-\[108px\] { height: 108px; } .h-\[11px\] { height: 11px; } .h-\[13px\] { height: 13px; } .h-\[14px\] { height: 14px; } .h-\[15px\] { height: 15px; } .h-\[17px\] { height: 17px; } .h-\[18px\] { height: 18px; } .h-\[22px\] { height: 22px; } .h-\[26px\] { height: 26px; } .h-\[2px\] { height: 2px; } .h-\[30px\] { height: 30px; } .h-\[34px\] { height: 34px; } .h-\[38px\] { height: 38px; } .h-\[42px\] { height: 42px; } .h-\[44px\] { height: 44px; } .h-\[56px\] { height: 56px; } .h-\[58px\] { height: 58px; } .h-\[5px\] { height: 5px; } .h-\[72px\] { height: 72px; } .h-\[74px\] { height: 74px; } .h-\[7px\] { height: 7px; } .h-\[9px\] { height: 9px; } .h-\[calc\(100vh-57px\)\] { height: calc(100vh - 57px); } .h-auto { height: auto; } .h-full { height: 100%; } .h-max { height: -moz-max-content; height: max-content; } .h-px { height: 1px; } .h-screen { height: 100vh; } .max-h-60 { max-height: 15rem; } .max-h-72 { max-height: 18rem; } .max-h-80 { max-height: 20rem; } .max-h-\[28rem\] { max-height: 28rem; } .max-h-\[42vh\] { max-height: 42vh; } .max-h-\[72vh\] { max-height: 72vh; } .max-h-\[80vh\] { max-height: 80vh; } .min-h-0 { min-height: 0px; } .min-h-32 { min-height: 8rem; } .min-h-\[180px\] { min-height: 180px; } .min-h-\[220px\] { min-height: 220px; } .min-h-\[240px\] { min-height: 240px; } .min-h-\[7rem\] { min-height: 7rem; } .min-h-screen { min-height: 100vh; } .\!w-\[1\.17rem\] { width: 1.17rem !important; } .\!w-\[1\.35rem\] { width: 1.35rem !important; } .\!w-\[1\.7rem\] { width: 1.7rem !important; } .w-0 { width: 0px; } .w-0\.5 { width: 0.125rem; } .w-1\.5 { width: 0.375rem; } .w-10 { width: 2.5rem; } .w-11 { width: 2.75rem; } .w-12 { width: 3rem; } .w-14 { width: 3.5rem; } .w-16 { width: 4rem; } .w-2 { width: 0.5rem; } .w-2\.5 { width: 0.625rem; } .w-20 { width: 5rem; } .w-24 { width: 6rem; } .w-28 { width: 7rem; } .w-3 { width: 0.75rem; } .w-3\.5 { width: 0.875rem; } .w-36 { width: 9rem; } .w-4 { width: 1rem; } .w-44 { width: 11rem; } .w-48 { width: 12rem; } .w-5 { width: 1.25rem; } .w-6 { width: 1.5rem; } .w-60 { width: 15rem; } .w-7 { width: 1.75rem; } .w-8 { width: 2rem; } .w-9 { width: 2.25rem; } .w-\[0\.9em\] { width: 0.9em; } .w-\[1\.05em\] { width: 1.05em; } .w-\[1\.17rem\] { width: 1.17rem; } .w-\[1\.1em\] { width: 1.1em; } .w-\[1\.35rem\] { width: 1.35rem; } .w-\[112\%\] { width: 112%; } .w-\[11px\] { width: 11px; } .w-\[13px\] { width: 13px; } .w-\[14px\] { width: 14px; } .w-\[150px\] { width: 150px; } .w-\[15px\] { width: 15px; } .w-\[17px\] { width: 17px; } .w-\[18px\] { width: 18px; } .w-\[190px\] { width: 190px; } .w-\[200\%\] { width: 200%; } .w-\[200px\] { width: 200px; } .w-\[210px\] { width: 210px; } .w-\[222px\] { width: 222px; } .w-\[22px\] { width: 22px; } .w-\[260px\] { width: 260px; } .w-\[26px\] { width: 26px; } .w-\[2px\] { width: 2px; } .w-\[30px\] { width: 30px; } .w-\[34px\] { width: 34px; } .w-\[38px\] { width: 38px; } .w-\[3px\] { width: 3px; } .w-\[42px\] { width: 42px; } .w-\[440px\] { width: 440px; } .w-\[52px\] { width: 52px; } .w-\[58px\] { width: 58px; } .w-\[5px\] { width: 5px; } .w-\[72px\] { width: 72px; } .w-\[74px\] { width: 74px; } .w-\[7px\] { width: 7px; } .w-\[82\%\] { width: 82%; } .w-\[92vw\] { width: 92vw; } .w-\[9px\] { width: 9px; } .w-auto { width: auto; } .w-full { width: 100%; } .w-px { width: 1px; } .min-w-0 { min-width: 0px; } .min-w-40 { min-width: 10rem; } .min-w-\[160px\] { min-width: 160px; } .min-w-\[170px\] { min-width: 170px; } .min-w-\[200px\] { min-width: 200px; } .min-w-\[220px\] { min-width: 220px; } .min-w-\[240px\] { min-width: 240px; } .min-w-\[88px\] { min-width: 88px; } .max-w-2xl { max-width: 42rem; } .max-w-3xl { max-width: 48rem; } .max-w-4xl { max-width: 56rem; } .max-w-6xl { max-width: 72rem; } .max-w-\[1160px\] { max-width: 1160px; } .max-w-\[1180px\] { max-width: 1180px; } .max-w-\[1400px\] { max-width: 1400px; } .max-w-\[18ch\] { max-width: 18ch; } .max-w-\[220px\] { max-width: 220px; } .max-w-\[230px\] { max-width: 230px; } .max-w-\[240px\] { max-width: 240px; } .max-w-\[280px\] { max-width: 280px; } .max-w-\[404px\] { max-width: 404px; } .max-w-\[420px\] { max-width: 420px; } .max-w-\[460px\] { max-width: 460px; } .max-w-\[640px\] { max-width: 640px; } .max-w-\[960px\] { max-width: 960px; } .max-w-full { max-width: 100%; } .max-w-lg { max-width: 32rem; } .max-w-md { max-width: 28rem; } .max-w-none { max-width: none; } .max-w-prose { max-width: 65ch; } .max-w-screen-2xl { max-width: 1536px; } .max-w-sm { max-width: 24rem; } .max-w-xs { max-width: 20rem; } .flex-1 { flex: 1 1 0%; } .flex-none { flex: none; } .shrink-0 { flex-shrink: 0; } .basis-48 { flex-basis: 12rem; } .border-collapse { border-collapse: collapse; } .origin-bottom { transform-origin: bottom; } .-translate-x-1\/2 { --tw-translate-x: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-translate-y-1\/2 { --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-x-0\.5 { --tw-translate-x: 0.125rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-x-1 { --tw-translate-x: 0.25rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-x-6 { --tw-translate-x: 1.5rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-x-\[22px\] { --tw-translate-x: 22px; 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-\[22px\] { --tw-translate-y: 22px; 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-6 { --tw-rotate: -6deg; 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-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)); } .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 ping { 75%, 100% { transform: scale(2); opacity: 0; } } .animate-ping { animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; } @keyframes pulse { 50% { opacity: .5; } } .animate-pulse { animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; } @keyframes spin { to { transform: rotate(360deg); } } .animate-spin { animation: spin 1s linear infinite; } @keyframes wave { 0%, 100% { transform: scaleY(0.4); } 50% { transform: scaleY(1); } } .animate-wave { animation: wave 1.1s ease-in-out infinite; } .cursor-default { cursor: default; } .cursor-grab { cursor: grab; } .cursor-grabbing { cursor: grabbing; } .cursor-move { cursor: move; } .cursor-pointer { cursor: pointer; } .cursor-zoom-in { cursor: zoom-in; } .touch-none { touch-action: none; } .select-none { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .resize { resize: both; } .scroll-mt-20 { scroll-margin-top: 5rem; } .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .grid-cols-\[130px_minmax\(0\2c 1fr\)_110px_88px_76px\] { grid-template-columns: 130px minmax(0,1fr) 110px 88px 76px; } .grid-cols-\[minmax\(0\2c 1\.7fr\)_minmax\(0\2c 1\.5fr\)_0\.9fr_1fr_32px\] { grid-template-columns: minmax(0,1.7fr) minmax(0,1.5fr) 0.9fr 1fr 32px; } .flex-col { flex-direction: column; } .flex-wrap { flex-wrap: wrap; } .place-items-center { place-items: center; } .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-end { justify-content: flex-end; } .justify-center { justify-content: center; } .justify-between { justify-content: space-between; } .gap-0\.5 { gap: 0.125rem; } .gap-1 { gap: 0.25rem; } .gap-1\.5 { gap: 0.375rem; } .gap-10 { gap: 2.5rem; } .gap-12 { gap: 3rem; } .gap-2 { gap: 0.5rem; } .gap-2\.5 { gap: 0.625rem; } .gap-3 { gap: 0.75rem; } .gap-3\.5 { gap: 0.875rem; } .gap-4 { gap: 1rem; } .gap-5 { gap: 1.25rem; } .gap-6 { gap: 1.5rem; } .gap-7 { gap: 1.75rem; } .gap-\[11px\] { gap: 11px; } .gap-\[18px\] { gap: 18px; } .gap-\[2\.5px\] { gap: 2.5px; } .gap-\[22px\] { gap: 22px; } .gap-\[2px\] { gap: 2px; } .gap-\[7px\] { gap: 7px; } .gap-\[9px\] { gap: 9px; } .gap-x-1\.5 { -moz-column-gap: 0.375rem; column-gap: 0.375rem; } .gap-x-10 { -moz-column-gap: 2.5rem; column-gap: 2.5rem; } .gap-x-2 { -moz-column-gap: 0.5rem; column-gap: 0.5rem; } .gap-x-3 { -moz-column-gap: 0.75rem; column-gap: 0.75rem; } .gap-x-3\.5 { -moz-column-gap: 0.875rem; column-gap: 0.875rem; } .gap-x-4 { -moz-column-gap: 1rem; column-gap: 1rem; } .gap-x-5 { -moz-column-gap: 1.25rem; column-gap: 1.25rem; } .gap-x-6 { -moz-column-gap: 1.5rem; column-gap: 1.5rem; } .gap-x-8 { -moz-column-gap: 2rem; column-gap: 2rem; } .gap-x-9 { -moz-column-gap: 2.25rem; column-gap: 2.25rem; } .gap-x-\[18px\] { -moz-column-gap: 18px; column-gap: 18px; } .gap-y-0\.5 { row-gap: 0.125rem; } .gap-y-1 { row-gap: 0.25rem; } .gap-y-1\.5 { row-gap: 0.375rem; } .gap-y-10 { row-gap: 2.5rem; } .gap-y-2 { row-gap: 0.5rem; } .gap-y-3 { row-gap: 0.75rem; } .gap-y-4 { row-gap: 1rem; } .gap-y-8 { row-gap: 2rem; } .space-y-0\.5 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.125rem * 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-1\.5 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.375rem * var(--tw-space-y-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-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-2\.5 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.625rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.625rem * var(--tw-space-y-reverse)); } .space-y-3 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.75rem * var(--tw-space-y-reverse)); } .space-y-3\.5 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.875rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.875rem * var(--tw-space-y-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-5 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1.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)); } .divide-x > :not([hidden]) ~ :not([hidden]) { --tw-divide-x-reverse: 0; border-right-width: calc(1px * var(--tw-divide-x-reverse)); border-left-width: calc(1px * calc(1 - var(--tw-divide-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-hair > :not([hidden]) ~ :not([hidden]) { --tw-divide-opacity: 1; border-color: rgb(var(--c-hair) / var(--tw-divide-opacity, 1)); } .self-center { align-self: center; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-visible { overflow: visible; } .overflow-x-auto { overflow-x: auto; } .overflow-y-auto { overflow-y: auto; } .overflow-x-clip { overflow-x: clip; } .truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .whitespace-nowrap { white-space: nowrap; } .whitespace-pre-wrap { white-space: pre-wrap; } .break-all { word-break: break-all; } .rounded { border-radius: 0.25rem; } .rounded-2xl { border-radius: 1rem; } .rounded-\[10px\] { border-radius: 10px; } .rounded-\[11px\] { border-radius: 11px; } .rounded-\[12px\] { border-radius: 12px; } .rounded-\[13px\] { border-radius: 13px; } .rounded-\[14px\] { border-radius: 14px; } .rounded-\[18px\] { border-radius: 18px; } .rounded-\[20px\] { border-radius: 20px; } .rounded-\[2px\] { border-radius: 2px; } .rounded-\[3px\] { border-radius: 3px; } .rounded-\[4px\] { border-radius: 4px; } .rounded-\[5px\] { border-radius: 5px; } .rounded-\[7px\] { border-radius: 7px; } .rounded-\[9px\] { border-radius: 9px; } .rounded-card { border-radius: 1.25rem; } .rounded-field { border-radius: 0.875rem; } .rounded-full { border-radius: 9999px; } .rounded-lg { border-radius: 0.5rem; } .rounded-md { border-radius: 0.375rem; } .rounded-sm { border-radius: 0.125rem; } .rounded-xl { border-radius: 0.75rem; } .rounded-t { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .rounded-t-card { border-top-left-radius: 1.25rem; border-top-right-radius: 1.25rem; } .border { border-width: 1px; } .border-0 { border-width: 0px; } .border-2 { border-width: 2px; } .border-\[1\.5px\] { border-width: 1.5px; } .border-y { border-top-width: 1px; border-bottom-width: 1px; } .border-b { border-bottom-width: 1px; } .border-b-2 { border-bottom-width: 2px; } .border-l { border-left-width: 1px; } .border-l-2 { border-left-width: 2px; } .border-l-4 { border-left-width: 4px; } .border-r { border-right-width: 1px; } .border-t { border-top-width: 1px; } .border-dashed { border-style: dashed; } .border-none { border-style: none; } .border-\[\#322C24\] { --tw-border-opacity: 1; border-color: rgb(50 44 36 / var(--tw-border-opacity, 1)); } .border-coral { --tw-border-opacity: 1; border-color: rgb(var(--c-coral) / var(--tw-border-opacity, 1)); } .border-coral-deep { --tw-border-opacity: 1; border-color: rgb(var(--c-coral-deep) / var(--tw-border-opacity, 1)); } .border-coral-deep\/30 { border-color: rgb(var(--c-coral-deep) / 0.3); } .border-coral-deep\/40 { border-color: rgb(var(--c-coral-deep) / 0.4); } .border-coral\/20 { border-color: rgb(var(--c-coral) / 0.2); } .border-coral\/25 { border-color: rgb(var(--c-coral) / 0.25); } .border-coral\/30 { border-color: rgb(var(--c-coral) / 0.3); } .border-coral\/35 { border-color: rgb(var(--c-coral) / 0.35); } .border-coral\/40 { border-color: rgb(var(--c-coral) / 0.4); } .border-cream\/10 { border-color: rgb(var(--c-cream) / 0.1); } .border-danger { --tw-border-opacity: 1; border-color: rgb(207 46 46 / var(--tw-border-opacity, 1)); } .border-emerald-600\/20 { border-color: rgb(5 150 105 / 0.2); } .border-gold\/40 { border-color: rgb(242 193 78 / 0.4); } .border-hair { --tw-border-opacity: 1; border-color: rgb(var(--c-hair) / var(--tw-border-opacity, 1)); } .border-hair\/60 { border-color: rgb(var(--c-hair) / 0.6); } .border-hair\/70 { border-color: rgb(var(--c-hair) / 0.7); } .border-ink { --tw-border-opacity: 1; border-color: rgb(var(--c-ink) / var(--tw-border-opacity, 1)); } .border-ink\/10 { border-color: rgb(var(--c-ink) / 0.1); } .border-line { --tw-border-opacity: 1; border-color: rgb(var(--c-line) / var(--tw-border-opacity, 1)); } .border-paper { --tw-border-opacity: 1; border-color: rgb(var(--c-paper) / var(--tw-border-opacity, 1)); } .border-success { --tw-border-opacity: 1; border-color: rgb(63 157 107 / var(--tw-border-opacity, 1)); } .border-success\/25 { border-color: rgb(63 157 107 / 0.25); } .border-success\/30 { border-color: rgb(63 157 107 / 0.3); } .border-success\/40 { border-color: rgb(63 157 107 / 0.4); } .border-transparent { border-color: transparent; } .border-white\/10 { border-color: rgb(255 255 255 / 0.1); } .border-white\/15 { border-color: rgb(255 255 255 / 0.15); } .border-t-coral { --tw-border-opacity: 1; border-top-color: rgb(var(--c-coral) / var(--tw-border-opacity, 1)); } .bg-\[\#1F1B16\] { --tw-bg-opacity: 1; background-color: rgb(31 27 22 / var(--tw-bg-opacity, 1)); } .bg-\[\#231f1b\] { --tw-bg-opacity: 1; background-color: rgb(35 31 27 / var(--tw-bg-opacity, 1)); } .bg-\[\#2A2520\] { --tw-bg-opacity: 1; background-color: rgb(42 37 32 / var(--tw-bg-opacity, 1)); } .bg-\[\#3F9E6E\] { --tw-bg-opacity: 1; background-color: rgb(63 158 110 / var(--tw-bg-opacity, 1)); } .bg-\[\#F3EDE1\] { --tw-bg-opacity: 1; background-color: rgb(243 237 225 / var(--tw-bg-opacity, 1)); } .bg-\[\#e8b84b\] { --tw-bg-opacity: 1; background-color: rgb(232 184 75 / var(--tw-bg-opacity, 1)); } .bg-\[rgb\(180_170_155\)\] { --tw-bg-opacity: 1; background-color: rgb(180 170 155 / var(--tw-bg-opacity, 1)); } .bg-amber-500\/10 { background-color: rgb(245 158 11 / 0.1); } .bg-black\/30 { background-color: rgb(0 0 0 / 0.3); } .bg-coral { --tw-bg-opacity: 1; background-color: rgb(var(--c-coral) / var(--tw-bg-opacity, 1)); } .bg-coral-deep { --tw-bg-opacity: 1; background-color: rgb(var(--c-coral-deep) / var(--tw-bg-opacity, 1)); } .bg-coral-deep\/5 { background-color: rgb(var(--c-coral-deep) / 0.05); } .bg-coral\/10 { background-color: rgb(var(--c-coral) / 0.1); } .bg-coral\/15 { background-color: rgb(var(--c-coral) / 0.15); } .bg-coral\/20 { background-color: rgb(var(--c-coral) / 0.2); } .bg-coral\/5 { background-color: rgb(var(--c-coral) / 0.05); } .bg-coral\/60 { background-color: rgb(var(--c-coral) / 0.6); } .bg-coral\/70 { background-color: rgb(var(--c-coral) / 0.7); } .bg-coral\/\[0\.04\] { background-color: rgb(var(--c-coral) / 0.04); } .bg-coral\/\[0\.06\] { background-color: rgb(var(--c-coral) / 0.06); } .bg-coral\/\[0\.07\] { background-color: rgb(var(--c-coral) / 0.07); } .bg-coral\/\[0\.08\] { background-color: rgb(var(--c-coral) / 0.08); } .bg-coral\/\[0\.09\] { background-color: rgb(var(--c-coral) / 0.09); } .bg-coral\/\[0\.10\] { background-color: rgb(var(--c-coral) / 0.10); } .bg-coral\/\[0\.12\] { background-color: rgb(var(--c-coral) / 0.12); } .bg-cream { --tw-bg-opacity: 1; background-color: rgb(var(--c-cream) / var(--tw-bg-opacity, 1)); } .bg-cream\/15 { background-color: rgb(var(--c-cream) / 0.15); } .bg-cream\/40 { background-color: rgb(var(--c-cream) / 0.4); } .bg-cream\/50 { background-color: rgb(var(--c-cream) / 0.5); } .bg-cream\/60 { background-color: rgb(var(--c-cream) / 0.6); } .bg-cream\/80 { background-color: rgb(var(--c-cream) / 0.8); } .bg-danger { --tw-bg-opacity: 1; background-color: rgb(207 46 46 / var(--tw-bg-opacity, 1)); } .bg-danger\/\[0\.10\] { background-color: rgb(207 46 46 / 0.10); } .bg-danger\/\[0\.12\] { background-color: rgb(207 46 46 / 0.12); } .bg-emerald-600\/10 { background-color: rgb(5 150 105 / 0.1); } .bg-emerald-600\/\[0\.08\] { background-color: rgb(5 150 105 / 0.08); } .bg-gold\/15 { background-color: rgb(242 193 78 / 0.15); } .bg-hair { --tw-bg-opacity: 1; background-color: rgb(var(--c-hair) / var(--tw-bg-opacity, 1)); } .bg-hair\/60 { background-color: rgb(var(--c-hair) / 0.6); } .bg-ink { --tw-bg-opacity: 1; background-color: rgb(var(--c-ink) / var(--tw-bg-opacity, 1)); } .bg-ink\/10 { background-color: rgb(var(--c-ink) / 0.1); } .bg-ink\/30 { background-color: rgb(var(--c-ink) / 0.3); } .bg-ink\/40 { background-color: rgb(var(--c-ink) / 0.4); } .bg-ink\/80 { background-color: rgb(var(--c-ink) / 0.8); } .bg-line { --tw-bg-opacity: 1; background-color: rgb(var(--c-line) / var(--tw-bg-opacity, 1)); } .bg-muted { --tw-bg-opacity: 1; background-color: rgb(var(--c-muted) / var(--tw-bg-opacity, 1)); } .bg-paper { --tw-bg-opacity: 1; background-color: rgb(var(--c-paper) / var(--tw-bg-opacity, 1)); } .bg-paper\/50 { background-color: rgb(var(--c-paper) / 0.5); } .bg-paper\/60 { background-color: rgb(var(--c-paper) / 0.6); } .bg-paper\/70 { background-color: rgb(var(--c-paper) / 0.7); } .bg-paper\/80 { background-color: rgb(var(--c-paper) / 0.8); } .bg-paper\/90 { background-color: rgb(var(--c-paper) / 0.9); } .bg-sand { --tw-bg-opacity: 1; background-color: rgb(var(--c-sand) / var(--tw-bg-opacity, 1)); } .bg-sand\/30 { background-color: rgb(var(--c-sand) / 0.3); } .bg-sand\/40 { background-color: rgb(var(--c-sand) / 0.4); } .bg-sand\/50 { background-color: rgb(var(--c-sand) / 0.5); } .bg-sand\/60 { background-color: rgb(var(--c-sand) / 0.6); } .bg-sand\/70 { background-color: rgb(var(--c-sand) / 0.7); } .bg-success { --tw-bg-opacity: 1; background-color: rgb(63 157 107 / var(--tw-bg-opacity, 1)); } .bg-success\/10 { background-color: rgb(63 157 107 / 0.1); } .bg-success\/15 { background-color: rgb(63 157 107 / 0.15); } .bg-success\/5 { background-color: rgb(63 157 107 / 0.05); } .bg-success\/60 { background-color: rgb(63 157 107 / 0.6); } .bg-success\/70 { background-color: rgb(63 157 107 / 0.7); } .bg-success\/\[0\.12\] { background-color: rgb(63 157 107 / 0.12); } .bg-success\/\[0\.14\] { background-color: rgb(63 157 107 / 0.14); } .bg-transparent { background-color: transparent; } .bg-white { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); } .bg-white\/\[0\.06\] { background-color: rgb(255 255 255 / 0.06); } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)); } .bg-gradient-to-br { background-image: linear-gradient(to bottom right, var(--tw-gradient-stops)); } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)); } .from-coral { --tw-gradient-from: rgb(var(--c-coral) / 1) var(--tw-gradient-from-position); --tw-gradient-to: rgb(var(--c-coral) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-coral\/20 { --tw-gradient-from: rgb(var(--c-coral) / 0.2) var(--tw-gradient-from-position); --tw-gradient-to: rgb(var(--c-coral) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-coral\/\[0\.06\] { --tw-gradient-from: rgb(var(--c-coral) / 0.06) var(--tw-gradient-from-position); --tw-gradient-to: rgb(var(--c-coral) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-coral\/\[0\.14\] { --tw-gradient-from: rgb(var(--c-coral) / 0.14) var(--tw-gradient-from-position); --tw-gradient-to: rgb(var(--c-coral) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-coral\/\[0\.22\] { --tw-gradient-from: rgb(var(--c-coral) / 0.22) var(--tw-gradient-from-position); --tw-gradient-to: rgb(var(--c-coral) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-cream\/60 { --tw-gradient-from: rgb(var(--c-cream) / 0.6) var(--tw-gradient-from-position); --tw-gradient-to: rgb(var(--c-cream) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-paper { --tw-gradient-from: rgb(var(--c-paper) / 1) var(--tw-gradient-from-position); --tw-gradient-to: rgb(var(--c-paper) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-sand\/50 { --tw-gradient-from: rgb(var(--c-sand) / 0.5) var(--tw-gradient-from-position); --tw-gradient-to: rgb(var(--c-sand) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-sand\/55 { --tw-gradient-from: rgb(var(--c-sand) / 0.55) var(--tw-gradient-from-position); --tw-gradient-to: rgb(var(--c-sand) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-success\/\[0\.06\] { --tw-gradient-from: rgb(63 157 107 / 0.06) var(--tw-gradient-from-position); --tw-gradient-to: rgb(63 157 107 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-success\/\[0\.08\] { --tw-gradient-from: rgb(63 157 107 / 0.08) var(--tw-gradient-from-position); --tw-gradient-to: rgb(63 157 107 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .to-coral-deep { --tw-gradient-to: rgb(var(--c-coral-deep) / 1) var(--tw-gradient-to-position); } .to-coral\/\[0\.04\] { --tw-gradient-to: rgb(var(--c-coral) / 0.04) var(--tw-gradient-to-position); } .to-coral\/\[0\.07\] { --tw-gradient-to: rgb(var(--c-coral) / 0.07) var(--tw-gradient-to-position); } .to-coral\/\[0\.08\] { --tw-gradient-to: rgb(var(--c-coral) / 0.08) var(--tw-gradient-to-position); } .to-paper { --tw-gradient-to: rgb(var(--c-paper) / 1) var(--tw-gradient-to-position); } .to-sand { --tw-gradient-to: rgb(var(--c-sand) / 1) var(--tw-gradient-to-position); } .to-transparent { --tw-gradient-to: transparent var(--tw-gradient-to-position); } .object-contain { -o-object-fit: contain; object-fit: contain; } .object-cover { -o-object-fit: cover; object-fit: cover; } .p-0\.5 { padding: 0.125rem; } .p-1 { padding: 0.25rem; } .p-1\.5 { padding: 0.375rem; } .p-10 { padding: 2.5rem; } .p-2 { padding: 0.5rem; } .p-2\.5 { padding: 0.625rem; } .p-3 { padding: 0.75rem; } .p-3\.5 { padding: 0.875rem; } .p-4 { padding: 1rem; } .p-5 { padding: 1.25rem; } .p-6 { padding: 1.5rem; } .p-8 { padding: 2rem; } .p-\[18px\] { padding: 18px; } .p-\[18px_20px_14px\] { padding: 18px 20px 14px; } .p-\[3px\] { padding: 3px; } .p-\[7px\] { padding: 7px; } .px-0\.5 { padding-left: 0.125rem; padding-right: 0.125rem; } .px-1 { padding-left: 0.25rem; padding-right: 0.25rem; } .px-1\.5 { padding-left: 0.375rem; padding-right: 0.375rem; } .px-14 { padding-left: 3.5rem; padding-right: 3.5rem; } .px-2 { padding-left: 0.5rem; padding-right: 0.5rem; } .px-2\.5 { padding-left: 0.625rem; padding-right: 0.625rem; } .px-3 { padding-left: 0.75rem; padding-right: 0.75rem; } .px-3\.5 { padding-left: 0.875rem; padding-right: 0.875rem; } .px-4 { padding-left: 1rem; padding-right: 1rem; } .px-5 { padding-left: 1.25rem; padding-right: 1.25rem; } .px-6 { padding-left: 1.5rem; padding-right: 1.5rem; } .px-7 { padding-left: 1.75rem; padding-right: 1.75rem; } .px-8 { padding-left: 2rem; padding-right: 2rem; } .px-\[11px\] { padding-left: 11px; padding-right: 11px; } .px-\[13px\] { padding-left: 13px; padding-right: 13px; } .px-\[15px\] { padding-left: 15px; padding-right: 15px; } .px-\[18px\] { padding-left: 18px; padding-right: 18px; } .py-0\.5 { padding-top: 0.125rem; padding-bottom: 0.125rem; } .py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; } .py-1\.5 { padding-top: 0.375rem; padding-bottom: 0.375rem; } .py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; } .py-12 { padding-top: 3rem; padding-bottom: 3rem; } .py-14 { padding-top: 3.5rem; padding-bottom: 3.5rem; } .py-16 { padding-top: 4rem; padding-bottom: 4rem; } .py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; } .py-2\.5 { padding-top: 0.625rem; padding-bottom: 0.625rem; } .py-20 { padding-top: 5rem; padding-bottom: 5rem; } .py-24 { padding-top: 6rem; padding-bottom: 6rem; } .py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; } .py-3\.5 { padding-top: 0.875rem; padding-bottom: 0.875rem; } .py-4 { padding-top: 1rem; padding-bottom: 1rem; } .py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; } .py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; } .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-\[13px\] { padding-top: 13px; padding-bottom: 13px; } .py-\[18px\] { padding-top: 18px; padding-bottom: 18px; } .py-\[2px\] { padding-top: 2px; padding-bottom: 2px; } .py-\[3px\] { padding-top: 3px; padding-bottom: 3px; } .py-\[7px\] { padding-top: 7px; padding-bottom: 7px; } .py-\[9px\] { padding-top: 9px; padding-bottom: 9px; } .pb-1 { padding-bottom: 0.25rem; } .pb-1\.5 { padding-bottom: 0.375rem; } .pb-16 { padding-bottom: 4rem; } .pb-2 { padding-bottom: 0.5rem; } .pb-2\.5 { padding-bottom: 0.625rem; } .pb-24 { padding-bottom: 6rem; } .pb-3 { padding-bottom: 0.75rem; } .pb-3\.5 { padding-bottom: 0.875rem; } .pb-32 { padding-bottom: 8rem; } .pb-4 { padding-bottom: 1rem; } .pb-5 { padding-bottom: 1.25rem; } .pb-7 { padding-bottom: 1.75rem; } .pb-\[18px\] { padding-bottom: 18px; } .pb-\[max\(1rem\2c env\(safe-area-inset-bottom\)\)\] { padding-bottom: max(1rem, env(safe-area-inset-bottom)); } .pl-2 { padding-left: 0.5rem; } .pl-3 { padding-left: 0.75rem; } .pl-6 { padding-left: 1.5rem; } .pl-9 { padding-left: 2.25rem; } .pl-\[150px\] { padding-left: 150px; } .pl-\[53px\] { padding-left: 53px; } .pr-0\.5 { padding-right: 0.125rem; } .pr-12 { padding-right: 3rem; } .pr-3 { padding-right: 0.75rem; } .pr-3\.5 { padding-right: 0.875rem; } .pr-9 { padding-right: 2.25rem; } .pt-0\.5 { padding-top: 0.125rem; } .pt-1 { padding-top: 0.25rem; } .pt-1\.5 { padding-top: 0.375rem; } .pt-2 { padding-top: 0.5rem; } .pt-24 { padding-top: 6rem; } .pt-3 { padding-top: 0.75rem; } .pt-3\.5 { padding-top: 0.875rem; } .pt-4 { padding-top: 1rem; } .pt-5 { padding-top: 1.25rem; } .pt-6 { padding-top: 1.5rem; } .pt-7 { padding-top: 1.75rem; } .pt-8 { padding-top: 2rem; } .pt-\[11px\] { padding-top: 11px; } .pt-\[18px\] { padding-top: 18px; } .text-left { text-align: left; } .text-center { text-align: center; } .text-right { text-align: right; } .align-top { vertical-align: top; } .align-text-bottom { vertical-align: text-bottom; } .align-\[-0\.08em\] { vertical-align: -0.08em; } .align-\[-0\.18em\] { vertical-align: -0.18em; } .font-display { font-family: "Bricolage Grotesque Variable", system-ui, sans-serif; } .font-mono { font-family: "JetBrains Mono Variable", ui-monospace, monospace; } .font-sans { font-family: "Inter Variable", Inter, system-ui, sans-serif; } .font-serif { font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; } .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-5xl { font-size: 3rem; line-height: 1; } .text-\[10\.5px\] { font-size: 10.5px; } .text-\[10px\] { font-size: 10px; } .text-\[11\.5px\] { font-size: 11.5px; } .text-\[11px\] { font-size: 11px; } .text-\[12\.5px\] { font-size: 12.5px; } .text-\[12px\] { font-size: 12px; } .text-\[13\.5px\] { font-size: 13.5px; } .text-\[13px\] { font-size: 13px; } .text-\[14\.5px\] { font-size: 14.5px; } .text-\[14px\] { font-size: 14px; } .text-\[15\.5px\] { font-size: 15.5px; } .text-\[15px\] { font-size: 15px; } .text-\[17px\] { font-size: 17px; } .text-\[18px\] { font-size: 18px; } .text-\[19px\] { font-size: 19px; } .text-\[20px\] { font-size: 20px; } .text-\[22px\] { font-size: 22px; } .text-\[24px\] { font-size: 24px; } .text-\[25px\] { font-size: 25px; } .text-\[26px\] { font-size: 26px; } .text-\[27px\] { font-size: 27px; } .text-\[28px\] { font-size: 28px; } .text-\[30px\] { font-size: 30px; } .text-\[32px\] { font-size: 32px; } .text-\[8px\] { font-size: 8px; } .text-\[9\.5px\] { font-size: 9.5px; } .text-\[9px\] { font-size: 9px; } .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-extrabold { font-weight: 800; } .font-medium { font-weight: 500; } .font-normal { font-weight: 400; } .font-semibold { font-weight: 600; } .uppercase { text-transform: uppercase; } .italic { font-style: italic; } .tabular-nums { --tw-numeric-spacing: tabular-nums; font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); } .leading-\[0\.92\] { line-height: 0.92; } .leading-\[0\.95\] { line-height: 0.95; } .leading-\[1\.02\] { line-height: 1.02; } .leading-\[1\.05\] { line-height: 1.05; } .leading-\[1\.06\] { line-height: 1.06; } .leading-\[1\.12\] { line-height: 1.12; } .leading-\[1\.1\] { line-height: 1.1; } .leading-\[1\.7\] { line-height: 1.7; } .leading-none { line-height: 1; } .leading-relaxed { line-height: 1.625; } .leading-snug { line-height: 1.375; } .leading-tight { line-height: 1.25; } .tracking-\[-0\.015em\] { letter-spacing: -0.015em; } .tracking-\[-0\.025em\] { letter-spacing: -0.025em; } .tracking-\[-0\.02em\] { letter-spacing: -0.02em; } .tracking-\[-0\.03em\] { letter-spacing: -0.03em; } .tracking-\[0\.05em\] { letter-spacing: 0.05em; } .tracking-\[0\.07em\] { letter-spacing: 0.07em; } .tracking-\[0\.08em\] { letter-spacing: 0.08em; } .tracking-\[0\.09em\] { letter-spacing: 0.09em; } .tracking-\[0\.12em\] { letter-spacing: 0.12em; } .tracking-\[0\.14em\] { letter-spacing: 0.14em; } .tracking-\[0\.16em\] { letter-spacing: 0.16em; } .tracking-\[0\.18em\] { letter-spacing: 0.18em; } .tracking-\[0\.1em\] { letter-spacing: 0.1em; } .tracking-\[0\.3em\] { letter-spacing: 0.3em; } .tracking-tight { letter-spacing: -0.025em; } .tracking-wide { letter-spacing: 0.025em; } .tracking-wider { letter-spacing: 0.05em; } .text-\[\#3F9E6E\] { --tw-text-opacity: 1; color: rgb(63 158 110 / var(--tw-text-opacity, 1)); } .text-\[\#A99E8D\] { --tw-text-opacity: 1; color: rgb(169 158 141 / var(--tw-text-opacity, 1)); } .text-\[\#F5EFE4\] { --tw-text-opacity: 1; color: rgb(245 239 228 / var(--tw-text-opacity, 1)); } .text-\[\#cfc6b6\] { --tw-text-opacity: 1; color: rgb(207 198 182 / var(--tw-text-opacity, 1)); } .text-\[\#e8e0d2\] { --tw-text-opacity: 1; color: rgb(232 224 210 / var(--tw-text-opacity, 1)); } .text-amber-700 { --tw-text-opacity: 1; color: rgb(180 83 9 / var(--tw-text-opacity, 1)); } .text-coral { --tw-text-opacity: 1; color: rgb(var(--c-coral) / var(--tw-text-opacity, 1)); } .text-coral-deep { --tw-text-opacity: 1; color: rgb(var(--c-coral-deep) / var(--tw-text-opacity, 1)); } .text-cream { --tw-text-opacity: 1; color: rgb(var(--c-cream) / var(--tw-text-opacity, 1)); } .text-cream\/35 { color: rgb(var(--c-cream) / 0.35); } .text-cream\/40 { color: rgb(var(--c-cream) / 0.4); } .text-cream\/70 { color: rgb(var(--c-cream) / 0.7); } .text-cream\/80 { color: rgb(var(--c-cream) / 0.8); } .text-danger { --tw-text-opacity: 1; color: rgb(207 46 46 / var(--tw-text-opacity, 1)); } .text-danger-deep { --tw-text-opacity: 1; color: rgb(156 32 32 / var(--tw-text-opacity, 1)); } .text-emerald-600 { --tw-text-opacity: 1; color: rgb(5 150 105 / var(--tw-text-opacity, 1)); } .text-emerald-700 { --tw-text-opacity: 1; color: rgb(4 120 87 / var(--tw-text-opacity, 1)); } .text-gold { --tw-text-opacity: 1; color: rgb(242 193 78 / var(--tw-text-opacity, 1)); } .text-gold-deep { --tw-text-opacity: 1; color: rgb(154 123 30 / var(--tw-text-opacity, 1)); } .text-hair { --tw-text-opacity: 1; color: rgb(var(--c-hair) / var(--tw-text-opacity, 1)); } .text-ink { --tw-text-opacity: 1; color: rgb(var(--c-ink) / var(--tw-text-opacity, 1)); } .text-ink\/50 { color: rgb(var(--c-ink) / 0.5); } .text-ink\/70 { color: rgb(var(--c-ink) / 0.7); } .text-ink\/80 { color: rgb(var(--c-ink) / 0.8); } .text-ink\/90 { color: rgb(var(--c-ink) / 0.9); } .text-line { --tw-text-opacity: 1; color: rgb(var(--c-line) / var(--tw-text-opacity, 1)); } .text-muted { --tw-text-opacity: 1; color: rgb(var(--c-muted) / var(--tw-text-opacity, 1)); } .text-muted\/70 { color: rgb(var(--c-muted) / 0.7); } .text-muted\/80 { color: rgb(var(--c-muted) / 0.8); } .text-orange-300 { --tw-text-opacity: 1; color: rgb(253 186 116 / var(--tw-text-opacity, 1)); } .text-paper { --tw-text-opacity: 1; color: rgb(var(--c-paper) / var(--tw-text-opacity, 1)); } .text-sky-300 { --tw-text-opacity: 1; color: rgb(125 211 252 / var(--tw-text-opacity, 1)); } .text-success { --tw-text-opacity: 1; color: rgb(63 157 107 / var(--tw-text-opacity, 1)); } .text-white { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .text-white\/70 { color: rgb(255 255 255 / 0.7); } .underline { text-decoration-line: underline; } .decoration-line { text-decoration-color: rgb(var(--c-line) / 1); } .underline-offset-4 { text-underline-offset: 4px; } .accent-coral { accent-color: rgb(var(--c-coral) / 1); } .opacity-0 { opacity: 0; } .opacity-20 { opacity: 0.2; } .opacity-40 { opacity: 0.4; } .opacity-50 { opacity: 0.5; } .opacity-55 { opacity: 0.55; } .opacity-60 { opacity: 0.6; } .opacity-70 { opacity: 0.7; } .opacity-80 { opacity: 0.8; } .opacity-90 { opacity: 0.9; } .opacity-95 { opacity: 0.95; } .opacity-\[0\.18\] { opacity: 0.18; } .shadow { --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-2xl { --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25); --tw-shadow-colored: 0 25px 50px -12px 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-\[-24px_0_60px_rgba\(26\2c 23\2c 20\2c 0\.18\)\] { --tw-shadow: -24px 0 60px rgba(26,23,20,0.18); --tw-shadow-colored: -24px 0 60px 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-\[0_0_0_1px_rgba\(0\2c 0\2c 0\2c 0\.05\)\] { --tw-shadow: 0 0 0 1px rgba(0,0,0,0.05); --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[0_0_0_3px_rgba\(229\2c 83\2c 58\2c 0\.05\)\] { --tw-shadow: 0 0 0 3px rgba(229,83,58,0.05); --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); } .shadow-\[0_10px_30px_rgba\(0\2c 0\2c 0\2c 0\.12\)\] { --tw-shadow: 0 10px 30px rgba(0,0,0,0.12); --tw-shadow-colored: 0 10px 30px 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-\[0_1px_2px_rgba\(26\2c 23\2c 20\2c 0\.05\)\] { --tw-shadow: 0 1px 2px rgba(26,23,20,0.05); --tw-shadow-colored: 0 1px 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); } .shadow-\[0_20px_50px_-18px_rgba\(26\2c 23\2c 20\2c \.5\)\] { --tw-shadow: 0 20px 50px -18px rgba(26,23,20,.5); --tw-shadow-colored: 0 20px 50px -18px 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-\[0_2px_0_rgba\(0\2c 0\2c 0\2c 0\.02\)\] { --tw-shadow: 0 2px 0 rgba(0,0,0,0.02); --tw-shadow-colored: 0 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[0_30px_60px_-24px_rgba\(0\2c 0\2c 0\2c 0\.4\)\] { --tw-shadow: 0 30px 60px -24px rgba(0,0,0,0.4); --tw-shadow-colored: 0 30px 60px -24px 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-\[0_36px_70px_-34px_rgba\(26\2c 23\2c 20\2c 0\.6\)\] { --tw-shadow: 0 36px 70px -34px rgba(26,23,20,0.6); --tw-shadow-colored: 0 36px 70px -34px 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-\[0_40px_80px_-32px_rgba\(26\2c 23\2c 20\2c 0\.35\)\] { --tw-shadow: 0 40px 80px -32px rgba(26,23,20,0.35); --tw-shadow-colored: 0 40px 80px -32px 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-\[0_4px_12px_-4px_rgba\(229\2c 83\2c 58\2c 0\.5\)\] { --tw-shadow: 0 4px 12px -4px rgba(229,83,58,0.5); --tw-shadow-colored: 0 4px 12px -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); } .shadow-\[inset_0_0_0_1\.5px_rgba\(229\2c 83\2c 58\2c 0\.4\)\] { --tw-shadow: inset 0 0 0 1.5px rgba(229,83,58,0.4); --tw-shadow-colored: inset 0 0 0 1.5px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[inset_0_0_0_1px_rgb\(var\(--c-hair\)\)\] { --tw-shadow: inset 0 0 0 1px rgb(var(--c-hair)); --tw-shadow-colored: inset 0 0 0 1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .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); } .shadow-sm { --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-xl { --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-coral\/10 { --tw-shadow-color: rgb(var(--c-coral) / 0.1); --tw-shadow: var(--tw-shadow-colored); } .shadow-coral\/30 { --tw-shadow-color: rgb(var(--c-coral) / 0.3); --tw-shadow: var(--tw-shadow-colored); } .shadow-hair { --tw-shadow-color: rgb(var(--c-hair) / 1); --tw-shadow: var(--tw-shadow-colored); } .outline-none { outline: 2px solid transparent; outline-offset: 2px; } .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-black\/5 { --tw-ring-color: rgb(0 0 0 / 0.05); } .ring-coral\/15 { --tw-ring-color: rgb(var(--c-coral) / 0.15); } .ring-cream\/80 { --tw-ring-color: rgb(var(--c-cream) / 0.8); } .ring-hair { --tw-ring-opacity: 1; --tw-ring-color: rgb(var(--c-hair) / var(--tw-ring-opacity, 1)); } .blur-\[1px\] { --tw-blur: blur(1px); 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); } .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); } .backdrop-blur { --tw-backdrop-blur: blur(8px); 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); } .backdrop-blur-\[2px\] { --tw-backdrop-blur: blur(2px); 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); } .backdrop-blur-md { --tw-backdrop-blur: blur(12px); 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); } .backdrop-blur-sm { --tw-backdrop-blur: blur(4px); 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); } .transition { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-\[height\] { transition-property: height; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-\[width\] { transition-property: width; 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, text-decoration-color, fill, stroke; 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-shadow { transition-property: box-shadow; 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-500 { transition-duration: 500ms; } .ease-in-out { transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .\[scrollbar-width\:none\] { scrollbar-width: none; } /* Canaux RGB des tokens neutres + corail (alimentent `rgb(var(--c-*) / α)` dans tailwind.config.ts) + tokens de data-viz. Les valeurs `:root` sont la DA « Tempo » claire, à l'identique de `src/lib/theme/palette.ts` — exprimées en canaux pour gérer l'alpha. `.dark` (posé sur ) bascule tout le site en sombre ; le choix est piloté par `src/lib/theme/theme.svelte.ts`. */ :root { color-scheme: light; --c-cream: 250 246 238; --c-paper: 255 253 249; --c-sand: 243 237 225; --c-ink: 26 23 20; --c-muted: 107 98 86; --c-hair: 239 231 216; --c-line: 227 217 201; --c-coral: 229 83 58; --c-coral-deep: 176 74 51; /* Data-viz (graphes, carte, globe) — lus en JS via chart-colors.ts. */ --c-ghost: 185 171 147; /* tiret période précédente */ --c-axis: 154 143 126; /* axes / graduations */ --c-land: 216 200 170; /* masses continentales (carte/globe) */ --c-globe-sphere: 231 236 230; /* sphère du globe */ --c-globe-grid: 207 214 203; /* graticule du globe */ } .dark { color-scheme: dark; --c-cream: 22 19 15; /* fond de page : brun très sombre, pas noir pur */ --c-paper: 31 27 22; /* surfaces / cartes */ --c-sand: 42 37 30; /* survol / fonds secondaires */ --c-ink: 245 239 228; /* texte principal : crème */ --c-muted: 169 158 141; /* texte secondaire */ --c-hair: 50 44 36; /* bordures fines */ --c-line: 61 54 43; /* séparateurs plus marqués */ --c-coral: 240 104 80; /* corail éclairci pour ressortir sur fond sombre */ --c-coral-deep: 240 138 114; /* ex-corail foncé → clair pour rester lisible */ --c-ghost: 110 101 88; /* tiret période précédente, lisible sur sombre */ --c-axis: 122 113 100; /* axes / graduations */ --c-land: 58 52 43; /* masses continentales : brun sombre neutre */ --c-globe-sphere: 28 26 23; /* sphère du globe : à peine plus clair que le fond */ --c-globe-grid: 58 54 48; /* graticule discret */ } /* Ancre sombre des pages d'auth : le panneau de marque (AuthShell) doit rester sombre à texte crème dans LES DEUX thèmes. Sans ça, `.dark` inverse ink↔cream et le panneau vire au crème pendant que le formulaire passe au noir (cf. revue login/register). On y refige donc les tokens neutres + corail à leurs valeurs claires, localement, pour zéro changement de balisage. */ .brand-anchor { --c-cream: 250 246 238; --c-paper: 255 253 249; --c-sand: 243 237 225; --c-ink: 26 23 20; --c-muted: 107 98 86; --c-hair: 239 231 216; --c-line: 227 217 201; --c-coral: 229 83 58; --c-coral-deep: 176 74 51; } /* DA « Tempo » : base claire chaleureuse, focus visibles, motion réductible. Les @font-face proviennent des paquets @fontsource importés dans +layout.svelte (aucun lien Google Fonts au runtime — privacy, cf. spec §8). */ /* Respect de prefers-reduced-motion : coupe oscillations, défilement, ping. */ @media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: 0.001ms !important; animation-iteration-count: 1 !important; transition-duration: 0.001ms !important; } } /* Mise en forme du contenu Markdown des pages /docs (mdsvex). */ .docs-prose { font-size: 15px; line-height: 1.75rem; --tw-text-opacity: 1; color: rgb(var(--c-ink) / var(--tw-text-opacity, 1)); /* Casse les longs tokens (code inline, URLs) pour éviter le débordement horizontal sur mobile. */ overflow-wrap: break-word; } .docs-prose h1 { margin-bottom: 0.5rem; font-family: "Bricolage Grotesque Variable", system-ui, sans-serif; font-size: 1.875rem; line-height: 2.25rem; font-weight: 700; letter-spacing: -0.025em; } .docs-prose h2 { margin-bottom: 0.75rem; margin-top: 2.5rem; scroll-margin-top: 5rem; font-family: "Bricolage Grotesque Variable", system-ui, sans-serif; font-size: 1.25rem; line-height: 1.75rem; font-weight: 600; } .docs-prose h3 { margin-bottom: 0.5rem; margin-top: 1.5rem; scroll-margin-top: 5rem; font-family: "Bricolage Grotesque Variable", system-ui, sans-serif; font-size: 1.125rem; line-height: 1.75rem; font-weight: 600; } .docs-prose p { margin-top: 1rem; margin-bottom: 1rem; --tw-text-opacity: 1; color: rgb(var(--c-muted) / var(--tw-text-opacity, 1)); } .docs-prose a { --tw-text-opacity: 1; color: rgb(var(--c-coral) / var(--tw-text-opacity, 1)); text-decoration-line: underline; text-underline-offset: 2px; } .docs-prose a:hover { --tw-text-opacity: 1; color: rgb(var(--c-coral-deep) / var(--tw-text-opacity, 1)); } .docs-prose ul { margin-top: 1rem; margin-bottom: 1rem; list-style-type: disc; } .docs-prose ul > :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)); } .docs-prose ul { padding-left: 1.5rem; --tw-text-opacity: 1; color: rgb(var(--c-muted) / var(--tw-text-opacity, 1)); } .docs-prose code:not(pre code) { border-radius: 0.25rem; --tw-bg-opacity: 1; background-color: rgb(var(--c-sand) / var(--tw-bg-opacity, 1)); padding-left: 0.375rem; padding-right: 0.375rem; padding-top: 0.125rem; padding-bottom: 0.125rem; font-family: "JetBrains Mono Variable", ui-monospace, monospace; font-size: 13px; --tw-text-opacity: 1; color: rgb(var(--c-coral-deep) / var(--tw-text-opacity, 1)); overflow-wrap: anywhere; } /* Blocs de code Shiki (fences mdsvex) : le `
` porte sa couleur de fond en
   style inline (thème). On ajoute ici l'arrondi, le padding et le scroll
   horizontal pour qu'une ligne longue défile au lieu de déborder de la page. */
.docs-prose pre {
  margin-top: 1rem;
  margin-bottom: 1rem;
  max-width: 100%;
  overflow-x: auto;
  border-radius: 1.25rem;
  padding: 1rem;
  font-size: 13px;
  line-height: 1.5rem;
}
.docs-prose pre code {
  font-family: "JetBrains Mono Variable", ui-monospace, monospace;
}
/* Bascule du double thème Shiki : en mode sombre, on remplace les couleurs
   claires par les variables `--shiki-dark-*` émises sur chaque token. */
.dark .docs-prose .shiki,
.dark .docs-prose .shiki span {
	color: var(--shiki-dark) !important;
	background-color: var(--shiki-dark-bg) !important;
}
/* Tables d'options : on laisse la table prendre la largeur de son contenu mais
   plafonnée à 100 % du conteneur, et on autorise le scroll horizontal si ça
   déborde (mobile) au lieu de cramer les colonnes. La colonne « rôle » (texte)
   conserve son retour à la ligne ; seul le code inline est protégé ci-dessous. */
.docs-prose table {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  border-collapse: collapse;
  font-size: 0.875rem;
  line-height: 1.25rem;
	display: block;
	width: -moz-fit-content;
	width: fit-content;
	max-width: 100%;
	overflow-x: auto;
}
.docs-prose th,
.docs-prose td {
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(var(--c-hair) / var(--tw-border-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  text-align: left;
  vertical-align: top;
}
.docs-prose th {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.025em;
  --tw-text-opacity: 1;
  color: rgb(var(--c-muted) / var(--tw-text-opacity, 1));
}
/* Aucun identifiant (nom d'option, type, token, attribut `data-*`) ne doit se
   couper en plein milieu : on annule le `break anywhere` global pour le code des
   cellules. Le texte courant de la colonne « rôle » continue d'envelopper. */
.docs-prose :is(td, th) code {
	white-space: nowrap;
	overflow-wrap: normal;
}
.placeholder\:text-muted::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(var(--c-muted) / var(--tw-text-opacity, 1));
}
.placeholder\:text-muted::placeholder {
  --tw-text-opacity: 1;
  color: rgb(var(--c-muted) / var(--tw-text-opacity, 1));
}
.placeholder\:text-muted\/60::-moz-placeholder {
  color: rgb(var(--c-muted) / 0.6);
}
.placeholder\:text-muted\/60::placeholder {
  color: rgb(var(--c-muted) / 0.6);
}
.before\:absolute::before {
  content: var(--tw-content);
  position: absolute;
}
.before\:-left-1::before {
  content: var(--tw-content);
  left: -0.25rem;
}
.before\:bottom-1\.5::before {
  content: var(--tw-content);
  bottom: 0.375rem;
}
.before\:top-1\.5::before {
  content: var(--tw-content);
  top: 0.375rem;
}
.before\:w-\[3px\]::before {
  content: var(--tw-content);
  width: 3px;
}
.before\:rounded-r::before {
  content: var(--tw-content);
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.before\:bg-coral::before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(var(--c-coral) / var(--tw-bg-opacity, 1));
}
.first\:ml-0:first-child {
  margin-left: 0px;
}
.first\:mt-0:first-child {
  margin-top: 0px;
}
.first\:border-l-0:first-child {
  border-left-width: 0px;
}
.first\:border-t-0:first-child {
  border-top-width: 0px;
}
.first\:pt-0:first-child {
  padding-top: 0px;
}
.last\:border-0:last-child {
  border-width: 0px;
}
.last\:border-b-0:last-child {
  border-bottom-width: 0px;
}
.last\:pb-0:last-child {
  padding-bottom: 0px;
}
.focus-within\:border-coral:focus-within {
  --tw-border-opacity: 1;
  border-color: rgb(var(--c-coral) / var(--tw-border-opacity, 1));
}
.hover\:-translate-y-0\.5:hover {
  --tw-translate-y: -0.125rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:border-coral:hover {
  --tw-border-opacity: 1;
  border-color: rgb(var(--c-coral) / var(--tw-border-opacity, 1));
}
.hover\:border-coral-deep:hover {
  --tw-border-opacity: 1;
  border-color: rgb(var(--c-coral-deep) / var(--tw-border-opacity, 1));
}
.hover\:border-coral\/40:hover {
  border-color: rgb(var(--c-coral) / 0.4);
}
.hover\:border-coral\/50:hover {
  border-color: rgb(var(--c-coral) / 0.5);
}
.hover\:border-hair:hover {
  --tw-border-opacity: 1;
  border-color: rgb(var(--c-hair) / var(--tw-border-opacity, 1));
}
.hover\:border-ink\/30:hover {
  border-color: rgb(var(--c-ink) / 0.3);
}
.hover\:border-line:hover {
  --tw-border-opacity: 1;
  border-color: rgb(var(--c-line) / var(--tw-border-opacity, 1));
}
.hover\:border-transparent:hover {
  border-color: transparent;
}
.hover\:border-white\/30:hover {
  border-color: rgb(255 255 255 / 0.3);
}
.hover\:bg-coral:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--c-coral) / var(--tw-bg-opacity, 1));
}
.hover\:bg-coral-deep:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--c-coral-deep) / var(--tw-bg-opacity, 1));
}
.hover\:bg-coral\/10:hover {
  background-color: rgb(var(--c-coral) / 0.1);
}
.hover\:bg-coral\/\[0\.06\]:hover {
  background-color: rgb(var(--c-coral) / 0.06);
}
.hover\:bg-coral\/\[0\.14\]:hover {
  background-color: rgb(var(--c-coral) / 0.14);
}
.hover\:bg-cream:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--c-cream) / var(--tw-bg-opacity, 1));
}
.hover\:bg-cream\/70:hover {
  background-color: rgb(var(--c-cream) / 0.7);
}
.hover\:bg-hair:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--c-hair) / var(--tw-bg-opacity, 1));
}
.hover\:bg-ink\/90:hover {
  background-color: rgb(var(--c-ink) / 0.9);
}
.hover\:bg-paper:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--c-paper) / var(--tw-bg-opacity, 1));
}
.hover\:bg-sand:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--c-sand) / var(--tw-bg-opacity, 1));
}
.hover\:bg-sand\/60:hover {
  background-color: rgb(var(--c-sand) / 0.6);
}
.hover\:text-coral:hover {
  --tw-text-opacity: 1;
  color: rgb(var(--c-coral) / var(--tw-text-opacity, 1));
}
.hover\:text-coral-deep:hover {
  --tw-text-opacity: 1;
  color: rgb(var(--c-coral-deep) / var(--tw-text-opacity, 1));
}
.hover\:text-ink:hover {
  --tw-text-opacity: 1;
  color: rgb(var(--c-ink) / var(--tw-text-opacity, 1));
}
.hover\:text-muted:hover {
  --tw-text-opacity: 1;
  color: rgb(var(--c-muted) / var(--tw-text-opacity, 1));
}
.hover\:text-white:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.hover\:underline:hover {
  text-decoration-line: underline;
}
.hover\:decoration-coral:hover {
  text-decoration-color: rgb(var(--c-coral) / 1);
}
.hover\:opacity-100:hover {
  opacity: 1;
}
.hover\:shadow-\[0_10px_28px_-12px_rgba\(229\2c 83\2c 58\2c 0\.35\)\]:hover {
  --tw-shadow: 0 10px 28px -12px rgba(229,83,58,0.35);
  --tw-shadow-colored: 0 10px 28px -12px 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\:shadow-\[0_14px_26px_-16px_rgba\(229\2c 83\2c 58\2c 0\.55\)\]:hover {
  --tw-shadow: 0 14px 26px -16px rgba(229,83,58,0.55);
  --tw-shadow-colored: 0 14px 26px -16px 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\:shadow-\[0_14px_30px_-22px_rgba\(0\2c 0\2c 0\2c 0\.4\)\]:hover {
  --tw-shadow: 0 14px 30px -22px rgba(0,0,0,0.4);
  --tw-shadow-colored: 0 14px 30px -22px 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\:shadow-\[0_8px_22px_-14px_rgba\(176\2c 74\2c 51\2c 0\.45\)\]:hover {
  --tw-shadow: 0 8px 22px -14px rgba(176,74,51,0.45);
  --tw-shadow-colored: 0 8px 22px -14px 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\:shadow-\[inset_0_0_0_1px_var\(--tw-shadow-color\)\]:hover {
  --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color);
  --tw-shadow-colored: inset 0 0 0 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.focus\:not-sr-only:focus {
  position: static;
  width: auto;
  height: auto;
  padding: 0;
  margin: 0;
  overflow: visible;
  clip: auto;
  white-space: normal;
}
.focus\:absolute:focus {
  position: absolute;
}
.focus\:left-4:focus {
  left: 1rem;
}
.focus\:top-4:focus {
  top: 1rem;
}
.focus\:z-50:focus {
  z-index: 50;
}
.focus\:rounded-lg:focus {
  border-radius: 0.5rem;
}
.focus\:border:focus {
  border-width: 1px;
}
.focus\:border-coral:focus {
  --tw-border-opacity: 1;
  border-color: rgb(var(--c-coral) / var(--tw-border-opacity, 1));
}
.focus\:border-hair:focus {
  --tw-border-opacity: 1;
  border-color: rgb(var(--c-hair) / var(--tw-border-opacity, 1));
}
.focus\:bg-paper:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--c-paper) / var(--tw-bg-opacity, 1));
}
.focus\:px-3:focus {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.focus\:py-2:focus {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.focus\:text-sm:focus {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.focus\:text-ink:focus {
  --tw-text-opacity: 1;
  color: rgb(var(--c-ink) / var(--tw-text-opacity, 1));
}
.focus\:outline-none:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.focus\:ring-2:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus\:ring-coral:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(var(--c-coral) / var(--tw-ring-opacity, 1));
}
.focus\:ring-coral\/20:focus {
  --tw-ring-color: rgb(var(--c-coral) / 0.2);
}
.active\:cursor-grabbing:active {
  cursor: grabbing;
}
.disabled\:cursor-not-allowed:disabled {
  cursor: not-allowed;
}
.disabled\:opacity-30:disabled {
  opacity: 0.3;
}
.disabled\:opacity-40:disabled {
  opacity: 0.4;
}
.disabled\:opacity-50:disabled {
  opacity: 0.5;
}
.disabled\:opacity-60:disabled {
  opacity: 0.6;
}
.group:hover .group-hover\:translate-x-0\.5 {
  --tw-translate-x: 0.125rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:border-coral {
  --tw-border-opacity: 1;
  border-color: rgb(var(--c-coral) / var(--tw-border-opacity, 1));
}
.group:hover .group-hover\:text-coral {
  --tw-text-opacity: 1;
  color: rgb(var(--c-coral) / var(--tw-text-opacity, 1));
}
.group:hover .group-hover\:text-coral-deep {
  --tw-text-opacity: 1;
  color: rgb(var(--c-coral-deep) / var(--tw-text-opacity, 1));
}
.group:hover .group-hover\:opacity-100 {
  opacity: 1;
}
@media (prefers-reduced-motion: no-preference) {

  @keyframes flow {

    from {
      transform: translateX(0);
    }

    to {
      transform: translateX(-50%);
    }
  }

  .motion-safe\:animate-flow {
    animation: flow 16s linear infinite;
  }

  @keyframes ping {

    75%, 100% {
      transform: scale(2);
      opacity: 0;
    }
  }

  .motion-safe\:animate-ping {
    animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
  }

  @keyframes slide-in-right {

    from {
      transform: translateX(100%);
    }

    to {
      transform: translateX(0);
    }
  }

  .motion-safe\:animate-slide-in-right {
    animation: slide-in-right 0.24s cubic-bezier(0.22, 1, 0.36, 1);
  }

  @keyframes wave {

    0%, 100% {
      transform: scaleY(0.4);
    }

    50% {
      transform: scaleY(1);
    }
  }

  .motion-safe\:animate-wave {
    animation: wave 1.1s ease-in-out infinite;
  }
}
@media (min-width: 375px) {

  .min-\[375px\]\:inline {
    display: inline;
  }
}
@media (min-width: 440px) {

  .min-\[440px\]\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .min-\[440px\]\:flex-row {
    flex-direction: row;
  }

  .min-\[440px\]\:items-center {
    align-items: center;
  }

  .min-\[440px\]\:justify-between {
    justify-content: space-between;
  }
}
@media (min-width: 640px) {

  .sm\:col-span-1 {
    grid-column: span 1 / span 1;
  }

  .sm\:col-span-2 {
    grid-column: span 2 / span 2;
  }

  .sm\:ml-0 {
    margin-left: 0px;
  }

  .sm\:ml-auto {
    margin-left: auto;
  }

  .sm\:mt-0 {
    margin-top: 0px;
  }

  .sm\:block {
    display: block;
  }

  .sm\:inline-block {
    display: inline-block;
  }

  .sm\:inline {
    display: inline;
  }

  .sm\:flex {
    display: flex;
  }

  .sm\:inline-flex {
    display: inline-flex;
  }

  .sm\:table-cell {
    display: table-cell;
  }

  .sm\:hidden {
    display: none;
  }

  .sm\:w-10 {
    width: 2.5rem;
  }

  .sm\:w-12 {
    width: 3rem;
  }

  .sm\:w-56 {
    width: 14rem;
  }

  .sm\:w-auto {
    width: auto;
  }

  .sm\:min-w-\[200px\] {
    min-width: 200px;
  }

  .sm\:max-w-\[300px\] {
    max-width: 300px;
  }

  .sm\:flex-1 {
    flex: 1 1 0%;
  }

  .sm\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .sm\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sm\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .sm\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .sm\:grid-cols-\[180px_minmax\(0\2c 1fr\)\] {
    grid-template-columns: 180px minmax(0,1fr);
  }

  .sm\:grid-cols-\[max-content_1fr\] {
    grid-template-columns: max-content 1fr;
  }

  .sm\:flex-row {
    flex-direction: row;
  }

  .sm\:items-end {
    align-items: flex-end;
  }

  .sm\:items-center {
    align-items: center;
  }

  .sm\:justify-start {
    justify-content: flex-start;
  }

  .sm\:justify-end {
    justify-content: flex-end;
  }

  .sm\:justify-between {
    justify-content: space-between;
  }

  .sm\:gap-2\.5 {
    gap: 0.625rem;
  }

  .sm\:gap-3 {
    gap: 0.75rem;
  }

  .sm\:gap-3\.5 {
    gap: 0.875rem;
  }

  .sm\:gap-4 {
    gap: 1rem;
  }

  .sm\:gap-5 {
    gap: 1.25rem;
  }

  .sm\:gap-6 {
    gap: 1.5rem;
  }

  .sm\:gap-x-6 {
    -moz-column-gap: 1.5rem;
         column-gap: 1.5rem;
  }

  .sm\:overflow-hidden {
    overflow: hidden;
  }

  .sm\:whitespace-pre {
    white-space: pre;
  }

  .sm\:break-normal {
    overflow-wrap: normal;
    word-break: normal;
  }

  .sm\:rounded-field {
    border-radius: 0.875rem;
  }

  .sm\:border {
    border-width: 1px;
  }

  .sm\:border-0 {
    border-width: 0px;
  }

  .sm\:border-hair {
    --tw-border-opacity: 1;
    border-color: rgb(var(--c-hair) / var(--tw-border-opacity, 1));
  }

  .sm\:bg-paper {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--c-paper) / var(--tw-bg-opacity, 1));
  }

  .sm\:bg-transparent {
    background-color: transparent;
  }

  .sm\:p-5 {
    padding: 1.25rem;
  }

  .sm\:p-6 {
    padding: 1.5rem;
  }

  .sm\:p-7 {
    padding: 1.75rem;
  }

  .sm\:p-8 {
    padding: 2rem;
  }

  .sm\:p-\[18px\] {
    padding: 18px;
  }

  .sm\:px-0\.5 {
    padding-left: 0.125rem;
    padding-right: 0.125rem;
  }

  .sm\:px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .sm\:px-12 {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .sm\:px-16 {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .sm\:px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  .sm\:px-3\.5 {
    padding-left: 0.875rem;
    padding-right: 0.875rem;
  }

  .sm\:px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .sm\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .sm\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .sm\:py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }

  .sm\:py-1\.5 {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
  }

  .sm\:py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .sm\:pt-0\.5 {
    padding-top: 0.125rem;
  }

  .sm\:pt-10 {
    padding-top: 2.5rem;
  }

  .sm\:text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .sm\:text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }

  .sm\:text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }

  .sm\:text-5xl {
    font-size: 3rem;
    line-height: 1;
  }

  .sm\:text-\[10px\] {
    font-size: 10px;
  }

  .sm\:text-\[11px\] {
    font-size: 11px;
  }

  .sm\:text-\[12\.5px\] {
    font-size: 12.5px;
  }

  .sm\:text-\[13px\] {
    font-size: 13px;
  }

  .sm\:text-\[14px\] {
    font-size: 14px;
  }

  .sm\:text-\[38px\] {
    font-size: 38px;
  }

  .sm\:text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }

  .sm\:focus\:border-0:focus {
    border-width: 0px;
  }
}
@media (min-width: 768px) {

  .md\:order-1 {
    order: 1;
  }

  .md\:order-2 {
    order: 2;
  }

  .md\:mx-0 {
    margin-left: 0px;
    margin-right: 0px;
  }

  .md\:block {
    display: block;
  }

  .md\:table-cell {
    display: table-cell;
  }

  .md\:hidden {
    display: none;
  }

  .md\:max-w-\[340px\] {
    max-width: 340px;
  }

  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .md\:grid-cols-\[1fr_1fr\] {
    grid-template-columns: 1fr 1fr;
  }

  .md\:grid-cols-\[250px_1fr\] {
    grid-template-columns: 250px 1fr;
  }

  .md\:justify-start {
    justify-content: flex-start;
  }

  .md\:justify-end {
    justify-content: flex-end;
  }

  .md\:gap-10 {
    gap: 2.5rem;
  }

  .md\:text-left {
    text-align: left;
  }
}
@media (min-width: 1024px) {

  .lg\:sticky {
    position: sticky;
  }

  .lg\:top-4 {
    top: 1rem;
  }

  .lg\:top-6 {
    top: 1.5rem;
  }

  .lg\:order-1 {
    order: 1;
  }

  .lg\:order-2 {
    order: 2;
  }

  .lg\:order-5 {
    order: 5;
  }

  .lg\:col-span-1 {
    grid-column: span 1 / span 1;
  }

  .lg\:col-span-12 {
    grid-column: span 12 / span 12;
  }

  .lg\:col-span-2 {
    grid-column: span 2 / span 2;
  }

  .lg\:col-span-4 {
    grid-column: span 4 / span 4;
  }

  .lg\:col-span-5 {
    grid-column: span 5 / span 5;
  }

  .lg\:col-span-6 {
    grid-column: span 6 / span 6;
  }

  .lg\:col-span-7 {
    grid-column: span 7 / span 7;
  }

  .lg\:col-span-8 {
    grid-column: span 8 / span 8;
  }

  .lg\:ml-0 {
    margin-left: 0px;
  }

  .lg\:block {
    display: block;
  }

  .lg\:flex {
    display: flex;
  }

  .lg\:grid {
    display: grid;
  }

  .lg\:hidden {
    display: none;
  }

  .lg\:min-h-\[calc\(100vh-69px\)\] {
    min-height: calc(100vh - 69px);
  }

  .lg\:w-64 {
    width: 16rem;
  }

  .lg\:w-auto {
    width: auto;
  }

  .lg\:max-w-2xl {
    max-width: 42rem;
  }

  .lg\:max-w-4xl {
    max-width: 56rem;
  }

  .lg\:max-w-\[720px\] {
    max-width: 720px;
  }

  .lg\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .lg\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .lg\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .lg\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .lg\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .lg\:grid-cols-\[1\.4fr_1fr\] {
    grid-template-columns: 1.4fr 1fr;
  }

  .lg\:grid-cols-\[1\.4fr_repeat\(4\2c 1fr\)\] {
    grid-template-columns: 1.4fr repeat(4,1fr);
  }

  .lg\:grid-cols-\[1fr_1\.15fr\] {
    grid-template-columns: 1fr 1.15fr;
  }

  .lg\:grid-cols-\[1fr_340px\] {
    grid-template-columns: 1fr 340px;
  }

  .lg\:grid-cols-\[212px_1fr\] {
    grid-template-columns: 212px 1fr;
  }

  .lg\:grid-cols-\[220px_minmax\(0\2c 720px\)_1fr\] {
    grid-template-columns: 220px minmax(0,720px) 1fr;
  }

  .lg\:grid-cols-\[250px_1fr_220px\] {
    grid-template-columns: 250px 1fr 220px;
  }

  .lg\:grid-cols-\[250px_1fr_250px\] {
    grid-template-columns: 250px 1fr 250px;
  }

  .lg\:grid-cols-\[300px_1fr_300px\] {
    grid-template-columns: 300px 1fr 300px;
  }

  .lg\:grid-cols-\[320px_1fr\] {
    grid-template-columns: 320px 1fr;
  }

  .lg\:grid-cols-\[minmax\(0\2c 1fr\)_290px\] {
    grid-template-columns: minmax(0,1fr) 290px;
  }

  .lg\:grid-cols-\[minmax\(0\2c 1fr\)_310px\] {
    grid-template-columns: minmax(0,1fr) 310px;
  }

  .lg\:items-start {
    align-items: flex-start;
  }

  .lg\:items-stretch {
    align-items: stretch;
  }

  .lg\:gap-16 {
    gap: 4rem;
  }

  .lg\:gap-4 {
    gap: 1rem;
  }

  .lg\:px-11 {
    padding-left: 2.75rem;
    padding-right: 2.75rem;
  }

  .lg\:px-12 {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .lg\:px-16 {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .lg\:px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .lg\:py-1\.5 {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
  }

  .lg\:pb-10 {
    padding-bottom: 2.5rem;
  }

  .lg\:pb-16 {
    padding-bottom: 4rem;
  }

  .lg\:text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}
@media (min-width: 1280px) {

  .xl\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .xl\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .xl\:px-24 {
    padding-left: 6rem;
    padding-right: 6rem;
  }
}
@media (prefers-color-scheme: dark) {

  .dark\:border {
    border-width: 1px;
  }

  .dark\:border-line {
    --tw-border-opacity: 1;
    border-color: rgb(var(--c-line) / var(--tw-border-opacity, 1));
  }

  .dark\:bg-sand {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--c-sand) / var(--tw-bg-opacity, 1));
  }

  .dark\:text-ink {
    --tw-text-opacity: 1;
    color: rgb(var(--c-ink) / var(--tw-text-opacity, 1));
  }

  .dark\:text-ink\/70 {
    color: rgb(var(--c-ink) / 0.7);
  }
}
.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar {
  display: none;
}
.\[\&\:not\(\:first-child\)\]\:border-hair:not(:first-child) {
  --tw-border-opacity: 1;
  border-color: rgb(var(--c-hair) / var(--tw-border-opacity, 1));
}
@media (min-width: 640px) {

  .sm\:\[\&\:not\(\:first-child\)\]\:border-l:not(:first-child) {
    border-left-width: 1px;
  }
}
.\[\&\:not\(\:nth-child\(2\)\)\]\:border-t:not(:nth-child(2)) {
  border-top-width: 1px;
}
.\[\&\:not\(\:nth-child\(2\)\)\]\:border-hair:not(:nth-child(2)) {
  --tw-border-opacity: 1;
  border-color: rgb(var(--c-hair) / var(--tw-border-opacity, 1));
}
.\[\&\>p\]\:m-0>p {
  margin: 0px;
}
.\[\&_pre\]\:m-0 pre {
  margin: 0px;
}
.\[\&_pre\]\:p-4 pre {
  padding: 1rem;
}