diff --git a/packages/stacks-classic/lib/__snapshots__/stacks.less.test.ts.snap b/packages/stacks-classic/lib/__snapshots__/stacks.less.test.ts.snap new file mode 100644 index 0000000000..17a2aad7b6 --- /dev/null +++ b/packages/stacks-classic/lib/__snapshots__/stacks.less.test.ts.snap @@ -0,0 +1,22452 @@ +// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html + +exports[`stacks complete bundle > should output all stacks styles 1`] = ` +"/* stylelint-disable */ +/* normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */ +/* Document + ========================================================================== */ +/** + * 1. Correct the line height in all browsers. + * 2. Prevent adjustments of font size after orientation changes in + * IE on Windows Phone and in iOS. + */ +html { + line-height: 1.15; + /* 1 */ + -ms-text-size-adjust: 100%; + /* 2 */ + -webkit-text-size-adjust: 100%; + /* 2 */ +} +/* Sections + ========================================================================== */ +/** + * Remove the margin in all browsers (opinionated). + */ +body { + margin: 0; +} +/** + * Add the correct display in IE 9-. + */ +article, +aside, +footer, +header, +nav, +section { + display: block; +} +/** + * Correct the font size and margin on \`h1\` elements within \`section\` and + * \`article\` contexts in Chrome, Firefox, and Safari. + */ +h1 { + margin: 0.67em 0; + font-size: 2em; +} +/* Grouping content + ========================================================================== */ +/** + * Add the correct display in IE 9-. + * 1. Add the correct display in IE. + */ +figcaption, +figure, +main { + /* 1 */ + display: block; +} +/** + * Add the correct margin in IE 8. + */ +figure { + margin: 1em calc(var(--su32) + var(--su8)); +} +/** + * 1. Add the correct box sizing in Firefox. + * 2. Show the overflow in Edge and IE. + */ +hr { + overflow: visible; + /* 2 */ + box-sizing: content-box; + /* 1 */ + height: 0; + /* 1 */ +} +/** + * 1. Correct the inheritance and scaling of font size in all browsers. + * 2. Correct the odd \`em\` font sizing in all browsers. + */ +pre { + font-family: monospace, monospace; + /* 1 */ + font-size: 1em; + /* 2 */ +} +/* Text-level semantics + ========================================================================== */ +/** + * 1. Remove the gray background on active links in IE 10. + * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. + */ +a { + background-color: transparent; + /* 1 */ + -webkit-text-decoration-skip: objects; + /* 2 */ +} +/** + * 1. Remove the bottom border in Chrome 57- and Firefox 39-. + * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. + */ +abbr[title] { + border-bottom: none; + /* 1 */ + text-decoration: underline; + /* 2 */ + -webkit-text-decoration: underline dotted; + text-decoration: underline dotted; + /* 2 */ +} +/** + * Prevent the duplicate application of \`bolder\` by the next rule in Safari 6. + */ +b, +strong { + font-weight: inherit; +} +/** + * Add the correct font weight in Chrome, Edge, and Safari. + */ +b, +strong { + font-weight: bolder; +} +/** + * 1. Correct the inheritance and scaling of font size in all browsers. + * 2. Correct the odd \`em\` font sizing in all browsers. + */ +code, +kbd, +samp { + font-family: monospace, monospace; + /* 1 */ + font-size: 1em; + /* 2 */ +} +/** + * Add the correct font style in Android 4.3-. + */ +dfn { + font-style: italic; +} +/** + * Add the correct background and color in IE 9-. + */ +mark { + background-color: #ff0; + color: #000; +} +/** + * 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 { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} +/* Embedded content + ========================================================================== */ +/** + * Add the correct display in IE 9-. + */ +audio, +video { + display: inline-block; +} +/** + * Add the correct display in iOS 4-7. + */ +audio:not([controls]) { + display: none; + height: 0; +} +/** + * Remove the border on images inside links in IE 10-. + */ +img { + border-style: none; +} +/** + * Hide the overflow in IE. + */ +svg:not(:root) { + overflow: hidden; +} +/* Forms + ========================================================================== */ +/** + * 1. Change the font styles in all browsers (opinionated). + * 2. Remove the margin in Firefox and Safari. + */ +button, +input, +optgroup, +select, +textarea { + margin: 0; + /* 2 */ + font-family: sans-serif; + /* 1 */ + font-size: 100%; + /* 1 */ + line-height: 1.15; + /* 1 */ +} +/** + * Show the overflow in IE. + * 1. Show the overflow in Edge. + */ +button, +input { + /* 1 */ + overflow: visible; +} +/** + * Remove the inheritance of text transform in Edge, Firefox, and IE. + * 1. Remove the inheritance of text transform in Firefox. + */ +button, +select { + /* 1 */ + text-transform: none; +} +/** + * 1. Prevent a WebKit bug where (2) destroys native \`audio\` and \`video\` + * controls in Android 4. + * 2. Correct the inability to style clickable types in iOS and Safari. + */ +button, +html [type="button"], +[type="reset"], +[type="submit"] { + -webkit-appearance: button; + /* 2 */ +} +/** + * Remove the inner border and padding in Firefox. + */ +button::-moz-focus-inner, +[type="button"]::-moz-focus-inner, +[type="reset"]::-moz-focus-inner, +[type="submit"]::-moz-focus-inner { + padding: 0; + border-style: none; +} +/** + * Restore the focus styles unset by the previous rule. + */ +button:-moz-focusring, +[type="button"]:-moz-focusring, +[type="reset"]:-moz-focusring, +[type="submit"]:-moz-focusring { + outline: var(--su1) dotted ButtonText; +} +/** + * Correct the padding in Firefox. + */ +fieldset { + padding: 0.35em 0.75em 0.625em; +} +/** + * 1. Correct the text wrapping in Edge and IE. + * 2. Correct the color inheritance from \`fieldset\` elements in IE. + * 3. Remove the padding so developers are not caught out when they zero out + * \`fieldset\` elements in all browsers. + */ +legend { + display: table; + /* 1 */ + box-sizing: border-box; + /* 1 */ + max-width: 100%; + /* 1 */ + padding: 0; + /* 3 */ + color: inherit; + /* 2 */ + white-space: normal; + /* 1 */ +} +/** + * 1. Add the correct display in IE 9-. + * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. + */ +progress { + display: inline-block; + /* 1 */ + vertical-align: baseline; + /* 2 */ +} +/** + * Remove the default vertical scrollbar in IE. + */ +textarea { + overflow: auto; +} +/** + * 1. Add the correct box sizing in IE 10-. + * 2. Remove the padding in IE 10-. + */ +[type="checkbox"], +[type="radio"] { + box-sizing: border-box; + /* 1 */ + padding: 0; + /* 2 */ +} +/** + * Correct the cursor style of increment and decrement buttons in Chrome. + */ +[type="number"]::-webkit-inner-spin-button, +[type="number"]::-webkit-outer-spin-button { + height: auto; +} +/** + * 1. Correct the odd appearance in Chrome and Safari. + * 2. Correct the outline style in Safari. + */ +[type="search"] { + -webkit-appearance: textfield; + /* 1 */ + outline-offset: var(--sun2); +} +/** + * Remove the inner padding and cancel buttons in Chrome and Safari on macOS. + */ +[type="search"]::-webkit-search-cancel-button, +[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} +/** + * 1. Correct the inability to style clickable types in iOS and Safari. + * 2. Change font properties to \`inherit\` in Safari. + */ +::-webkit-file-upload-button { + -webkit-appearance: button; + /* 1 */ + font: inherit; + /* 2 */ +} +/* Interactive + ========================================================================== */ +/* + * Add the correct display in IE 9-. + * 1. Add the correct display in Edge, IE, and Firefox. + */ +details, +menu { + display: block; +} +/* + * Add the correct display in all browsers. + */ +summary { + display: list-item; +} +/* Scripting + ========================================================================== */ +/** + * Add the correct display in IE 9-. + */ +canvas { + display: inline-block; +} +/** + * Add the correct display in IE. + */ +template { + display: none; +} +/* Hidden + ========================================================================== */ +/** + * Add the correct display in IE 10-. + */ +[hidden] { + display: none; +} + +fieldset { + border: 0; + min-width: 0; + padding: 0; +} + +.svg-icon, +.svg-spot { + vertical-align: bottom; +} + +.svg-icon:not(.native) *, +.svg-spot:not(.native) * { + fill: currentColor; +} + +.is-disabled, +.is-readonly, +.has-success, +.has-error, +.has-warning { + position: relative; +} + +@font-face { + font-family: "Segoe UI Adjusted"; + src: local(Segoe UI); + ascent-override: 95%; +} + +@font-face { + font-family: "Segoe UI Adjusted"; + src: local(Segoe UI Italic); + ascent-override: 95%; + font-style: italic; +} + +@font-face { + font-family: "Segoe UI Adjusted"; + src: local(Segoe UI Semibold); + ascent-override: 95%; + font-weight: 600; +} + +@font-face { + font-family: "Segoe UI Adjusted"; + src: local(Segoe UI Semibold Italic); + ascent-override: 95%; + font-style: italic; + font-weight: 600; +} + +@font-face { + font-family: "Segoe UI Adjusted"; + src: local(Segoe UI Bold); + ascent-override: 90%; + font-weight: 700; +} + +@font-face { + font-family: "Segoe UI Adjusted"; + src: local(Segoe UI Bold Italic); + ascent-override: 95%; + font-style: italic; + font-weight: 700; +} + +@font-face { + font-family: "Segoe UI Adjusted"; + src: local(Segoe UI Black); + ascent-override: 95%; + font-weight: 800; +} + +@font-face { + font-family: "Segoe UI Adjusted"; + src: local(Segoe UI Black Italic); + ascent-override: 95%; + font-style: italic; + font-weight: 800; +} + +html { + font-size: 100%; +} + +body { + --ff-sans: -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif; + --ff-serif: Georgia, Cambria, "Times New Roman", Times, serif; + --ff-mono: ui-monospace, "Cascadia Mono", "Segoe UI Mono", "Liberation Mono", Menlo, Monaco, Consolas, monospace; + --theme-body-font-family: var(--ff-sans); + --fs-fine: 0.75rem; + --fs-caption: 0.8125rem; + --fs-body1: 0.875rem; + --fs-body2: 1rem; + --fs-body3: 1.125rem; + --fs-subheading: 1.25rem; + --fs-title: 1.375rem; + --fs-headline1: 1.75rem; + --fs-headline2: 2.25rem; + --fs-display1: 2.875rem; + --fs-display2: 3.625rem; + --fs-display3: 4.5rem; + --fs-display4: 6.25rem; + --stacks-internals-lh-unit: 14; + --lh-xs: 1; + --lh-sm: calc((var(--stacks-internals-lh-unit) + 2) / var(--stacks-internals-lh-unit)); + --lh-md: calc((var(--stacks-internals-lh-unit) + 4) / var(--stacks-internals-lh-unit)); + --lh-lg: calc((var(--stacks-internals-lh-unit) + 8) / var(--stacks-internals-lh-unit)); + --lh-xl: calc((var(--stacks-internals-lh-unit) + 12) / var(--stacks-internals-lh-unit)); + --lh-xxl: 2; + --lh-base: var(--lh-md); + --lh-6: ((var(--stacks-internals-lh-unit) + 6) / var(--stacks-internals-lh-unit)); +} + +body { + --zi-hide: -1; + --zi-base: 0; + --zi-selected: 25; + --zi-active: 30; + --zi-dropdown: 1000; + --zi-popovers: 2000; + --zi-tooltips: 3000; + --zi-banners: 4000; + --zi-navigation: 5000; + --zi-navigation-fixed: 5050; + --zi-modals-background: 8050; + --zi-modals: 9000; + --br-md: calc(var(--su4) + var(--su6)); + --br-circle: 50%; + --br-pill: 1000px; + --br-sm: var(--br-md); + --br-lg: var(--br-md); + --te-smooth-slow: cubic-bezier(0.25, 0.46, 0.45, 0.94); + --te-smooth: cubic-bezier(0.165, 0.84, 0.44, 1); + --te-smooth-quick: cubic-bezier(0.19, 1, 0.22, 1); + --te-back-out: cubic-bezier(0.175, 0.885, 0.32, 1.275); + --te-back-in-out: cubic-bezier(0.68, -0.55, 0.265, 1.55); + --te-ease-in: cubic-bezier(0.47, 0, 0.745, 0.715); + --te-ease-in-out: cubic-bezier(0.445, 0.05, 0.55, 0.95); + --te-ease-out: cubic-bezier(0.39, 0.575, 0.565, 1); + --default-transition-duration: 0.1s; + --transition-time: var(--default-transition-duration); +} + +body { + --_o-disabled: 0.55; + --_o-disabled-static: 0.55; + --_black-static: #000000; + --_white-static: #ffffff; +} + +body:not(.theme-dark), +body.theme-highcontrast:not(.theme-dark), +body:not(.theme-highcontrast):not(.theme-dark), +body.theme-dark .theme-light__forced, +body.theme-highcontrast.theme-dark .theme-light__forced, +body:not(.theme-highcontrast).theme-dark .theme-light__forced, +body.theme-system .theme-light__forced, +body.theme-highcontrast.theme-system .theme-light__forced, +body:not(.theme-highcontrast).theme-system .theme-light__forced, +body.theme-dark, +body.theme-highcontrast.theme-dark, +body:not(.theme-highcontrast).theme-dark, +body:not(.theme-dark) .theme-dark__forced, +body.theme-highcontrast:not(.theme-dark) .theme-dark__forced, +body:not(.theme-highcontrast):not(.theme-dark) .theme-dark__forced { + --bg-error: var(--red-400); + --bg-danger: var(--red-400); + --bg-success: var(--green-400); + --bg-warning: var(--yellow-500); + --bc-error: var(--red-400); + --bc-danger: var(--red-400); + --bc-success: var(--green-400); + --bc-warning: var(--yellow-500); + --fc-light: var(--black-400); + --fc-medium: var(--black-500); + --fc-dark: var(--black-600); + --fc-error: var(--red-400); + --fc-danger: var(--red-400); + --fc-success: var(--green-400); + --fc-warning: var(--yellow-500); +} + +@media (prefers-color-scheme: dark) { + body.theme-system, + body.theme-highcontrast.theme-system, + body:not(.theme-highcontrast).theme-system { + --bg-error: var(--red-400); + --bg-danger: var(--red-400); + --bg-success: var(--green-400); + --bg-warning: var(--yellow-500); + --bc-error: var(--red-400); + --bc-danger: var(--red-400); + --bc-success: var(--green-400); + --bc-warning: var(--yellow-500); + --fc-light: var(--black-400); + --fc-medium: var(--black-500); + --fc-dark: var(--black-600); + --fc-error: var(--red-400); + --fc-danger: var(--red-400); + --fc-success: var(--green-400); + --fc-warning: var(--yellow-500); + } +} + +body:not(.theme-highcontrast):not(.theme-dark), +body:not(.theme-highcontrast).theme-dark .theme-light__forced, +body:not(.theme-highcontrast).theme-system .theme-light__forced, +body:not(.theme-highcontrast):not(.theme-dark).themed, +body:not(.theme-highcontrast).theme-dark .theme-light__forced.themed, +body:not(.theme-highcontrast).theme-system .theme-light__forced.themed, +body:not(.theme-highcontrast):not(.theme-dark) .themed, +body:not(.theme-highcontrast).theme-dark .theme-light__forced .themed, +body:not(.theme-highcontrast).theme-system .theme-light__forced .themed { + --white: #ffffff; + --black-050: #ffffff; + --black-100: #f7f6f5; + --black-150: #f0efed; + --black-200: #dee0e3; + --black-225: #d7d8db; + --black-250: #c9ccd1; + --black-300: #a7aab0; + --black-350: #84878c; + --black-400: #6b6d73; + --black-500: #46484d; + --black-600: #211d1e; + --black: #000000; + --orange-100: #fff7f2; + --orange-200: #ffd5bd; + --orange-300: #f59056; + --orange-400: #e86113; + --orange-500: #bf4904; + --orange-600: #702d06; + --blue-100: #f0f4ff; + --blue-200: #c8d4fa; + --blue-300: #88a2f7; + --blue-400: #5076f2; + --blue-500: #2445b3; + --blue-600: #0f2466; + --green-100: #f4faeb; + --green-200: #cce6a1; + --green-300: #9fbf67; + --green-400: #6c991f; + --green-500: #4d730b; + --green-600: #324d04; + --red-100: #fceded; + --red-200: #f5b9b8; + --red-300: #e67373; + --red-400: #bf3030; + --red-500: #8c0e0e; + --red-600: #590404; + --yellow-100: #fcf8e8; + --yellow-200: #f5e39d; + --yellow-300: #edc10e; + --yellow-400: #ab8900; + --yellow-500: #806600; + --yellow-600: #4d3d00; + --purple-100: #f0edfc; + --purple-200: #d0c6f7; + --purple-300: #a591f2; + --purple-400: #6e50e6; + --purple-500: #4526bf; + --purple-600: #200b73; + --pink-100: #fbedfc; + --pink-200: #ebb6f2; + --pink-300: #e685f2; + --pink-400: #d34ae8; + --pink-500: #a224b3; + --pink-600: #670b73; + --gold-100: hsl(46, 100%, 91%); + --gold-200: hsl(46, 100%, 74%); + --gold-300: hsl(45, 100%, 42%); + --gold-400: hsl(46, 92%, 26%); + --silver-100: hsl(0, 0%, 95%); + --silver-200: hsl(0, 0%, 84%); + --silver-300: hsl(210, 5%, 68%); + --silver-400: hsl(210, 2%, 40%); + --bronze-100: hsl(28, 40%, 92%); + --bronze-200: hsl(30, 47%, 83%); + --bronze-300: hsl(28, 43%, 65%); + --bronze-400: hsl(28, 43%, 39%); + --bc-lightest: var(--black-100); + --bc-lighter: var(--black-150); + --bc-light: var(--black-200); + --bc-medium: var(--black-225); + --bc-dark: var(--black-250); + --bc-darker: var(--black-300); + --bs-sm: 0 1px 2px hsla(0, 0%, 0%, 0.05), 0 1px 4px hsla(0, 0%, 0%, 0.05), 0 2px 8px hsla(0, 0%, 0%, 0.05); + --bs-md: 0 1px 3px hsla(0, 0%, 0%, 0.06), 0 2px 6px hsla(0, 0%, 0%, 0.06), 0 3px 8px hsla(0, 0%, 0%, 0.09); + --bs-lg: 0 1px 4px hsla(0, 0%, 0%, 0.09), 0 3px 8px hsla(0, 0%, 0%, 0.09), 0 4px 13px hsla(0, 0%, 0%, 0.13); + --bs-xl: 0 10px 24px hsla(0, 0%, 0%, 0.05), 0 20px 48px hsla(0, 0%, 0%, 0.05), 0 1px 4px hsla(0, 0%, 0%, 0.1); + --translucent-secondary: var(--theme-secondary-custom-translucent, rgba(115, 115, 115, 0.15)); + --translucent-success: hsla(140, 40%, 75%, 0.4); + --translucent-warning: hsla(47, 79%, 58%, 0.4); + --translucent-error: hsla(358, 62%, 47%, 0.15); + --translucent-muted: hsla(210, 8%, 15%, 0.1); + --focus-neutral: var(--white); + --focus-theme: var(--theme-secondary); + --focus-ring: var(--theme-secondary-custom-focus-ring, rgba(115, 115, 115, 0.15)); + --focus-ring-success: hsla(140, 40%, 75%, 0.4); + --focus-ring-warning: hsla(47, 79%, 58%, 0.4); + --focus-ring-error: hsla(358, 62%, 47%, 0.15); + --focus-ring-muted: hsla(210, 8%, 15%, 0.1); + --highlight-addition: var(--green-500); + --highlight-attribute: hsl(206, 98.5%, 29%); + --highlight-bg: hsl(0, 0%, 96.5%); + --highlight-color: var(--black-600); + --highlight-comment: var(--black-400); + --highlight-deletion: var(--red-500); + --highlight-keyword: hsl(206, 98.5%, 29%); + --highlight-literal: hsl(27, 99%, 36%); + --highlight-namespace: hsl(27, 99%, 36%); + --highlight-punctuation: var(--black-500); + --highlight-symbol: hsl(306, 43%, 35%); + --highlight-variable: hsl(80, 80.5%, 26.5%); + --scrollbar: hsla(0, 0%, 0%, 0.2); + --brand: #FF5E00; + --brand-black: #201C1D; + --brand-off-white: #F0EFEE; + --brand-blue-light: #C6D1E1; + --brand-blue: #5074EF; + --brand-blue-dark: #00165E; + --brand-brown-light: #998B7A; + --brand-green: #86AF25; + --brand-green-dark: #263603; + --brand-orange-medium: #6E1527; + --brand-orange-dark: #31070F; + --brand-pink: #F39FFF; + --brand-pink-dark: #4D1955; + --brand-purple: #9D9CFF; + --brand-purple-dark: #390A91; + --brand-yellow: #FFCC00; + --brand-yellow-dark: #423101; + --theme-primary: var(--theme-primary-custom, var(--orange-400)); + --theme-primary-100: var(--theme-primary-custom-100, var(--orange-100)); + --theme-primary-200: var(--theme-primary-custom-200, var(--orange-200)); + --theme-primary-300: var(--theme-primary-custom-300, var(--orange-300)); + --theme-primary-400: var(--theme-primary-custom-400, var(--orange-400)); + --theme-primary-500: var(--theme-primary-custom-500, var(--orange-500)); + --theme-primary-600: var(--theme-primary-custom-600, var(--orange-600)); + --theme-secondary: var(--theme-secondary-custom, var(--black)); + --theme-secondary-100: var(--theme-secondary-custom-100, var(--black-100)); + --theme-secondary-200: var(--theme-secondary-custom-200, var(--black-200)); + --theme-secondary-300: var(--theme-secondary-custom-300, var(--black-300)); + --theme-secondary-400: var(--theme-secondary-custom-400, var(--black-400)); + --theme-secondary-500: var(--theme-secondary-custom-500, var(--black-500)); + --theme-secondary-600: var(--theme-secondary-custom-600, var(--black-600)); + --theme-primary-custom-100: hsl(var(--theme-base-primary-color-h), var(--theme-base-primary-color-s), calc(var(--theme-base-primary-color-l) + ((100% - var(--theme-base-primary-color-l)) * .9))); + --theme-primary-custom-200: hsl(var(--theme-base-primary-color-h), var(--theme-base-primary-color-s), calc(var(--theme-base-primary-color-l) + ((100% - var(--theme-base-primary-color-l)) * .75))); + --theme-primary-custom-300: hsl(var(--theme-base-primary-color-h), var(--theme-base-primary-color-s), calc(var(--theme-base-primary-color-l) + ((100% - var(--theme-base-primary-color-l)) * .5))); + --theme-primary-custom-400: hsl(var(--theme-base-primary-color-h), var(--theme-base-primary-color-s), var(--theme-base-primary-color-l)); + --theme-primary-custom-500: hsl(var(--theme-base-primary-color-h), var(--theme-base-primary-color-s), calc(var(--theme-base-primary-color-l) + (var(--theme-base-primary-color-l) * -.3))); + --theme-primary-custom-600: hsl(var(--theme-base-primary-color-h), var(--theme-base-primary-color-s), calc(var(--theme-base-primary-color-l) + (var(--theme-base-primary-color-l) * -.6))); + --theme-primary-custom: var(--theme-primary-custom-400); + --theme-secondary-custom-100: hsl(var(--theme-base-secondary-color-h), var(--theme-base-secondary-color-s), calc(var(--theme-base-secondary-color-l) + ((100% - var(--theme-base-secondary-color-l)) * .9))); + --theme-secondary-custom-200: hsl(var(--theme-base-secondary-color-h), var(--theme-base-secondary-color-s), calc(var(--theme-base-secondary-color-l) + ((100% - var(--theme-base-secondary-color-l)) * .75))); + --theme-secondary-custom-300: hsl(var(--theme-base-secondary-color-h), var(--theme-base-secondary-color-s), calc(var(--theme-base-secondary-color-l) + ((100% - var(--theme-base-secondary-color-l)) * .5))); + --theme-secondary-custom-400: hsl(var(--theme-base-secondary-color-h), var(--theme-base-secondary-color-s), var(--theme-base-secondary-color-l)); + --theme-secondary-custom-500: hsl(var(--theme-base-secondary-color-h), var(--theme-base-secondary-color-s), calc(var(--theme-base-secondary-color-l) + (var(--theme-base-secondary-color-l) * -.3))); + --theme-secondary-custom-600: hsl(var(--theme-base-secondary-color-h), var(--theme-base-secondary-color-s), calc(var(--theme-base-secondary-color-l) + (var(--theme-base-secondary-color-l) * -.6))); + --theme-secondary-custom: var(--theme-secondary-custom-400); + --theme-secondary-custom-focus-ring: hsla(var(--theme-base-secondary-color-h), var(--theme-base-secondary-color-s), var(--theme-base-secondary-color-l), 0.15); + --theme-secondary-custom-translucent: hsla(var(--theme-base-secondary-color-h), var(--theme-base-secondary-color-s), var(--theme-base-secondary-color-l), 0.15); + color: var(--theme-body-font-color, var(--black-600)); +} + +body:not(.theme-highcontrast).theme-dark, +body:not(.theme-highcontrast):not(.theme-dark) .theme-dark__forced, +body:not(.theme-highcontrast).theme-dark.themed, +body:not(.theme-highcontrast):not(.theme-dark) .theme-dark__forced.themed, +body:not(.theme-highcontrast).theme-dark .themed, +body:not(.theme-highcontrast):not(.theme-dark) .theme-dark__forced .themed { + --white: #141414; + --black-050: #141414; + --black-100: #262626; + --black-150: #333333; + --black-200: #575757; + --black-225: #666666; + --black-250: #737373; + --black-300: #8c8c8c; + --black-350: #a6a6a6; + --black-400: #d9d3ce; + --black-500: #f2ede9; + --black-600: #ffffff; + --black: #ffffff; + --orange-100: #401f0d; + --orange-200: #733c1c; + --orange-300: #c78c69; + --orange-400: #e6ab8a; + --orange-500: #fcccb1; + --orange-600: #fadac8; + --blue-100: #22304d; + --blue-200: #4d6699; + --blue-300: #7b9de0; + --blue-400: #a6c3ff; + --blue-500: #ccddff; + --blue-600: #e6eeff; + --green-100: #28380b; + --green-200: #5c7334; + --green-300: #96b364; + --green-400: #c4e68a; + --green-500: #cce6a1; + --green-600: #ecffcc; + --red-100: #330f0f; + --red-200: #662e2e; + --red-300: #b35d5d; + --red-400: #faafaf; + --red-500: #fccaca; + --red-600: #ffe6e6; + --yellow-100: #332b0a; + --yellow-200: #594c16; + --yellow-300: #a6944b; + --yellow-400: #e6d17e; + --yellow-500: #e3d59f; + --yellow-600: #fffae6; + --purple-100: #22174d; + --purple-200: #3d2d80; + --purple-300: #7262b3; + --purple-400: #b6a6f7; + --purple-500: #d2c8fa; + --purple-600: #e8e3fc; + --pink-100: #2e0a33; + --pink-200: #5e2466; + --pink-300: #bf81c7; + --pink-400: #f3bbfa; + --pink-500: #f7cffc; + --pink-600: #fae3fc; + --gold-100: hsl(45, 29%, 24%); + --gold-200: hsl(45, 47%, 37%); + --gold-300: hsl(45, 92%, 62%); + --gold-400: hsl(46, 93%, 78%); + --silver-100: hsl(220, 2%, 26%); + --silver-200: hsl(220, 1%, 46%); + --silver-300: hsl(216, 4%, 69%); + --silver-400: hsl(214, 8%, 83%); + --bronze-100: hsl(28, 13%, 27%); + --bronze-200: hsl(28, 27%, 45%); + --bronze-300: hsl(28, 58%, 67%); + --bronze-400: hsl(28, 59%, 83%); + --bc-lightest: var(--black-100); + --bc-lighter: var(--black-150); + --bc-light: var(--black-200); + --bc-medium: var(--black-225); + --bc-dark: var(--black-250); + --bc-darker: var(--black-300); + --bs-sm: 0 1px 2px hsla(0, 0%, 0%, 0.1), 0 1px 4px hsla(0, 0%, 0%, 0.1), 0 2px 8px hsla(0, 0%, 0%, 0.1); + --bs-md: 0 1px 3px hsla(0, 0%, 0%, 0.11), 0 2px 6px hsla(0, 0%, 0%, 0.11), 0 3px 8px hsla(0, 0%, 0%, 0.14); + --bs-lg: 0 1px 4px hsla(0, 0%, 0%, 0.14), 0 3px 8px hsla(0, 0%, 0%, 0.14), 0 4px 13px hsla(0, 0%, 0%, 0.18); + --bs-xl: 0 10px 24px hsla(0, 0%, 0%, 0.1), 0 20px 48px hsla(0, 0%, 0%, 0.1), 0 1px 4px hsla(0, 0%, 0%, 0.15); + --translucent-secondary: var(--theme-dark-secondary-custom-translucent, rgba(217, 211, 206, 0.25)); + --translucent-success: hsla(140, 40%, 75%, 0.4); + --translucent-warning: hsla(47, 79%, 58%, 0.4); + --translucent-error: hsla(358, 62%, 47%, 0.15); + --translucent-muted: hsla(210, 8%, 15%, 0.1); + --focus-neutral: var(--white); + --focus-theme: var(--theme-secondary); + --focus-ring: var(--theme-dark-secondary-custom-focus-ring, rgba(217, 211, 206, 0.25)); + --focus-ring-success: hsla(140, 40%, 75%, 0.4); + --focus-ring-warning: hsla(47, 79%, 58%, 0.4); + --focus-ring-error: hsla(358, 62%, 47%, 0.15); + --focus-ring-muted: hsla(210, 8%, 15%, 0.1); + --highlight-addition: var(--green-500); + --highlight-attribute: var(--blue-400); + --highlight-bg: hsl(0, 2%, 11%); + --highlight-color: var(--black); + --highlight-comment: var(--black-400); + --highlight-deletion: var(--red-500); + --highlight-keyword: var(--blue-400); + --highlight-literal: hsl(27, 95%, 65%); + --highlight-namespace: hsl(27, 95%, 65%); + --highlight-punctuation: hsl(0, 0%, 80%); + --highlight-symbol: hsl(306, 50%, 75%); + --highlight-variable: hsl(65.5, 39%, 57.5%); + --scrollbar: hsla(0, 0%, 100%, 0.2); + --brand: #FF5E00; + --brand-black: #201C1D; + --brand-off-white: #F0EFEE; + --brand-blue-light: #C6D1E1; + --brand-blue: #5074EF; + --brand-blue-dark: #00165E; + --brand-brown-light: #998B7A; + --brand-green: #86AF25; + --brand-green-dark: #263603; + --brand-orange-medium: #6E1527; + --brand-orange-dark: #31070F; + --brand-pink: #F39FFF; + --brand-pink-dark: #4D1955; + --brand-purple: #9D9CFF; + --brand-purple-dark: #390A91; + --brand-yellow: #FFCC00; + --brand-yellow-dark: #423101; + --theme-primary: var(--theme-dark-primary-custom, var(--orange-400)); + --theme-primary-100: var(--theme-dark-primary-custom-100, var(--orange-100)); + --theme-primary-200: var(--theme-dark-primary-custom-200, var(--orange-200)); + --theme-primary-300: var(--theme-dark-primary-custom-300, var(--orange-300)); + --theme-primary-400: var(--theme-dark-primary-custom-400, var(--orange-400)); + --theme-primary-500: var(--theme-dark-primary-custom-500, var(--orange-500)); + --theme-primary-600: var(--theme-dark-primary-custom-600, var(--orange-600)); + --theme-secondary: var(--theme-dark-secondary-custom, var(--black)); + --theme-secondary-100: var(--theme-dark-secondary-custom-100, var(--black-100)); + --theme-secondary-200: var(--theme-dark-secondary-custom-200, var(--black-200)); + --theme-secondary-300: var(--theme-dark-secondary-custom-300, var(--black-300)); + --theme-secondary-400: var(--theme-dark-secondary-custom-400, var(--black-400)); + --theme-secondary-500: var(--theme-dark-secondary-custom-500, var(--black-500)); + --theme-secondary-600: var(--theme-dark-secondary-custom-600, var(--black-600)); + --theme-dark-primary-custom-100: hsl(var(--theme-dark-primary-color-h), calc(var(--theme-dark-primary-color-s) + (var(--theme-dark-primary-color-s) * -.6)), calc(var(--theme-dark-primary-color-l) + (var(--theme-dark-primary-color-l) * -.7))); + --theme-dark-primary-custom-200: hsl(var(--theme-dark-primary-color-h), calc(var(--theme-dark-primary-color-s) + (var(--theme-dark-primary-color-s) * -.4)), calc(var(--theme-dark-primary-color-l) + (var(--theme-dark-primary-color-l) * -.5))); + --theme-dark-primary-custom-300: hsl(var(--theme-dark-primary-color-h), calc(var(--theme-dark-primary-color-s) + (var(--theme-dark-primary-color-s) * -.3)), calc(var(--theme-dark-primary-color-l) + (var(--theme-dark-primary-color-l) * -.2))); + --theme-dark-primary-custom-400: hsl(var(--theme-dark-primary-color-h), var(--theme-dark-primary-color-s), var(--theme-dark-primary-color-l)); + --theme-dark-primary-custom-500: hsl(var(--theme-dark-primary-color-h), var(--theme-dark-primary-color-s), calc(var(--theme-dark-primary-color-l) + ((100% - var(--theme-dark-primary-color-l)) * .5))); + --theme-dark-primary-custom-600: hsl(var(--theme-dark-primary-color-h), var(--theme-dark-primary-color-s), calc(var(--theme-dark-primary-color-l) + ((100% - var(--theme-dark-primary-color-l)) * .8))); + --theme-dark-primary-custom: var(--theme-dark-primary-custom-400); + --theme-dark-secondary-custom-100: hsl(var(--theme-dark-secondary-color-h), calc(var(--theme-dark-secondary-color-s) + (var(--theme-dark-secondary-color-s) * -.6)), calc(var(--theme-dark-secondary-color-l) + (var(--theme-dark-secondary-color-l) * -.7))); + --theme-dark-secondary-custom-200: hsl(var(--theme-dark-secondary-color-h), calc(var(--theme-dark-secondary-color-s) + (var(--theme-dark-secondary-color-s) * -.4)), calc(var(--theme-dark-secondary-color-l) + (var(--theme-dark-secondary-color-l) * -.5))); + --theme-dark-secondary-custom-300: hsl(var(--theme-dark-secondary-color-h), calc(var(--theme-dark-secondary-color-s) + (var(--theme-dark-secondary-color-s) * -.3)), calc(var(--theme-dark-secondary-color-l) + (var(--theme-dark-secondary-color-l) * -.2))); + --theme-dark-secondary-custom-400: hsl(var(--theme-dark-secondary-color-h), var(--theme-dark-secondary-color-s), var(--theme-dark-secondary-color-l)); + --theme-dark-secondary-custom-500: hsl(var(--theme-dark-secondary-color-h), var(--theme-dark-secondary-color-s), calc(var(--theme-dark-secondary-color-l) + ((100% - var(--theme-dark-secondary-color-l)) * .5))); + --theme-dark-secondary-custom-600: hsl(var(--theme-dark-secondary-color-h), var(--theme-dark-secondary-color-s), calc(var(--theme-dark-secondary-color-l) + ((100% - var(--theme-dark-secondary-color-l)) * .8))); + --theme-dark-secondary-custom: var(--theme-dark-secondary-custom-400); + --theme-dark-secondary-custom-focus-ring: hsla(var(--theme-dark-secondary-color-h), var(--theme-dark-secondary-color-s), var(--theme-dark-secondary-color-l), 0.25); + --theme-dark-secondary-custom-translucent: hsla(var(--theme-dark-secondary-color-h), var(--theme-dark-secondary-color-s), var(--theme-dark-secondary-color-l), 0.25); + color: var(--theme-body-font-color, var(--black-600)); +} + +@media (prefers-color-scheme: dark) { + body:not(.theme-highcontrast).theme-system, + body:not(.theme-highcontrast).theme-system.themed, + body:not(.theme-highcontrast).theme-system .themed { + --white: #141414; + --black-050: #141414; + --black-100: #262626; + --black-150: #333333; + --black-200: #575757; + --black-225: #666666; + --black-250: #737373; + --black-300: #8c8c8c; + --black-350: #a6a6a6; + --black-400: #d9d3ce; + --black-500: #f2ede9; + --black-600: #ffffff; + --black: #ffffff; + --orange-100: #401f0d; + --orange-200: #733c1c; + --orange-300: #c78c69; + --orange-400: #e6ab8a; + --orange-500: #fcccb1; + --orange-600: #fadac8; + --blue-100: #22304d; + --blue-200: #4d6699; + --blue-300: #7b9de0; + --blue-400: #a6c3ff; + --blue-500: #ccddff; + --blue-600: #e6eeff; + --green-100: #28380b; + --green-200: #5c7334; + --green-300: #96b364; + --green-400: #c4e68a; + --green-500: #cce6a1; + --green-600: #ecffcc; + --red-100: #330f0f; + --red-200: #662e2e; + --red-300: #b35d5d; + --red-400: #faafaf; + --red-500: #fccaca; + --red-600: #ffe6e6; + --yellow-100: #332b0a; + --yellow-200: #594c16; + --yellow-300: #a6944b; + --yellow-400: #e6d17e; + --yellow-500: #e3d59f; + --yellow-600: #fffae6; + --purple-100: #22174d; + --purple-200: #3d2d80; + --purple-300: #7262b3; + --purple-400: #b6a6f7; + --purple-500: #d2c8fa; + --purple-600: #e8e3fc; + --pink-100: #2e0a33; + --pink-200: #5e2466; + --pink-300: #bf81c7; + --pink-400: #f3bbfa; + --pink-500: #f7cffc; + --pink-600: #fae3fc; + --gold-100: hsl(45, 29%, 24%); + --gold-200: hsl(45, 47%, 37%); + --gold-300: hsl(45, 92%, 62%); + --gold-400: hsl(46, 93%, 78%); + --silver-100: hsl(220, 2%, 26%); + --silver-200: hsl(220, 1%, 46%); + --silver-300: hsl(216, 4%, 69%); + --silver-400: hsl(214, 8%, 83%); + --bronze-100: hsl(28, 13%, 27%); + --bronze-200: hsl(28, 27%, 45%); + --bronze-300: hsl(28, 58%, 67%); + --bronze-400: hsl(28, 59%, 83%); + --bc-lightest: var(--black-100); + --bc-lighter: var(--black-150); + --bc-light: var(--black-200); + --bc-medium: var(--black-225); + --bc-dark: var(--black-250); + --bc-darker: var(--black-300); + --bs-sm: 0 1px 2px hsla(0, 0%, 0%, 0.1), 0 1px 4px hsla(0, 0%, 0%, 0.1), 0 2px 8px hsla(0, 0%, 0%, 0.1); + --bs-md: 0 1px 3px hsla(0, 0%, 0%, 0.11), 0 2px 6px hsla(0, 0%, 0%, 0.11), 0 3px 8px hsla(0, 0%, 0%, 0.14); + --bs-lg: 0 1px 4px hsla(0, 0%, 0%, 0.14), 0 3px 8px hsla(0, 0%, 0%, 0.14), 0 4px 13px hsla(0, 0%, 0%, 0.18); + --bs-xl: 0 10px 24px hsla(0, 0%, 0%, 0.1), 0 20px 48px hsla(0, 0%, 0%, 0.1), 0 1px 4px hsla(0, 0%, 0%, 0.15); + --translucent-secondary: var(--theme-dark-secondary-custom-translucent, rgba(217, 211, 206, 0.25)); + --translucent-success: hsla(140, 40%, 75%, 0.4); + --translucent-warning: hsla(47, 79%, 58%, 0.4); + --translucent-error: hsla(358, 62%, 47%, 0.15); + --translucent-muted: hsla(210, 8%, 15%, 0.1); + --focus-neutral: var(--white); + --focus-theme: var(--theme-secondary); + --focus-ring: var(--theme-dark-secondary-custom-focus-ring, rgba(217, 211, 206, 0.25)); + --focus-ring-success: hsla(140, 40%, 75%, 0.4); + --focus-ring-warning: hsla(47, 79%, 58%, 0.4); + --focus-ring-error: hsla(358, 62%, 47%, 0.15); + --focus-ring-muted: hsla(210, 8%, 15%, 0.1); + --highlight-addition: var(--green-500); + --highlight-attribute: var(--blue-400); + --highlight-bg: hsl(0, 2%, 11%); + --highlight-color: var(--black); + --highlight-comment: var(--black-400); + --highlight-deletion: var(--red-500); + --highlight-keyword: var(--blue-400); + --highlight-literal: hsl(27, 95%, 65%); + --highlight-namespace: hsl(27, 95%, 65%); + --highlight-punctuation: hsl(0, 0%, 80%); + --highlight-symbol: hsl(306, 50%, 75%); + --highlight-variable: hsl(65.5, 39%, 57.5%); + --scrollbar: hsla(0, 0%, 100%, 0.2); + --brand: #FF5E00; + --brand-black: #201C1D; + --brand-off-white: #F0EFEE; + --brand-blue-light: #C6D1E1; + --brand-blue: #5074EF; + --brand-blue-dark: #00165E; + --brand-brown-light: #998B7A; + --brand-green: #86AF25; + --brand-green-dark: #263603; + --brand-orange-medium: #6E1527; + --brand-orange-dark: #31070F; + --brand-pink: #F39FFF; + --brand-pink-dark: #4D1955; + --brand-purple: #9D9CFF; + --brand-purple-dark: #390A91; + --brand-yellow: #FFCC00; + --brand-yellow-dark: #423101; + --theme-primary: var(--theme-dark-primary-custom, var(--orange-400)); + --theme-primary-100: var(--theme-dark-primary-custom-100, var(--orange-100)); + --theme-primary-200: var(--theme-dark-primary-custom-200, var(--orange-200)); + --theme-primary-300: var(--theme-dark-primary-custom-300, var(--orange-300)); + --theme-primary-400: var(--theme-dark-primary-custom-400, var(--orange-400)); + --theme-primary-500: var(--theme-dark-primary-custom-500, var(--orange-500)); + --theme-primary-600: var(--theme-dark-primary-custom-600, var(--orange-600)); + --theme-secondary: var(--theme-dark-secondary-custom, var(--black)); + --theme-secondary-100: var(--theme-dark-secondary-custom-100, var(--black-100)); + --theme-secondary-200: var(--theme-dark-secondary-custom-200, var(--black-200)); + --theme-secondary-300: var(--theme-dark-secondary-custom-300, var(--black-300)); + --theme-secondary-400: var(--theme-dark-secondary-custom-400, var(--black-400)); + --theme-secondary-500: var(--theme-dark-secondary-custom-500, var(--black-500)); + --theme-secondary-600: var(--theme-dark-secondary-custom-600, var(--black-600)); + --theme-dark-primary-custom-100: hsl(var(--theme-dark-primary-color-h), calc(var(--theme-dark-primary-color-s) + (var(--theme-dark-primary-color-s) * -.6)), calc(var(--theme-dark-primary-color-l) + (var(--theme-dark-primary-color-l) * -.7))); + --theme-dark-primary-custom-200: hsl(var(--theme-dark-primary-color-h), calc(var(--theme-dark-primary-color-s) + (var(--theme-dark-primary-color-s) * -.4)), calc(var(--theme-dark-primary-color-l) + (var(--theme-dark-primary-color-l) * -.5))); + --theme-dark-primary-custom-300: hsl(var(--theme-dark-primary-color-h), calc(var(--theme-dark-primary-color-s) + (var(--theme-dark-primary-color-s) * -.3)), calc(var(--theme-dark-primary-color-l) + (var(--theme-dark-primary-color-l) * -.2))); + --theme-dark-primary-custom-400: hsl(var(--theme-dark-primary-color-h), var(--theme-dark-primary-color-s), var(--theme-dark-primary-color-l)); + --theme-dark-primary-custom-500: hsl(var(--theme-dark-primary-color-h), var(--theme-dark-primary-color-s), calc(var(--theme-dark-primary-color-l) + ((100% - var(--theme-dark-primary-color-l)) * .5))); + --theme-dark-primary-custom-600: hsl(var(--theme-dark-primary-color-h), var(--theme-dark-primary-color-s), calc(var(--theme-dark-primary-color-l) + ((100% - var(--theme-dark-primary-color-l)) * .8))); + --theme-dark-primary-custom: var(--theme-dark-primary-custom-400); + --theme-dark-secondary-custom-100: hsl(var(--theme-dark-secondary-color-h), calc(var(--theme-dark-secondary-color-s) + (var(--theme-dark-secondary-color-s) * -.6)), calc(var(--theme-dark-secondary-color-l) + (var(--theme-dark-secondary-color-l) * -.7))); + --theme-dark-secondary-custom-200: hsl(var(--theme-dark-secondary-color-h), calc(var(--theme-dark-secondary-color-s) + (var(--theme-dark-secondary-color-s) * -.4)), calc(var(--theme-dark-secondary-color-l) + (var(--theme-dark-secondary-color-l) * -.5))); + --theme-dark-secondary-custom-300: hsl(var(--theme-dark-secondary-color-h), calc(var(--theme-dark-secondary-color-s) + (var(--theme-dark-secondary-color-s) * -.3)), calc(var(--theme-dark-secondary-color-l) + (var(--theme-dark-secondary-color-l) * -.2))); + --theme-dark-secondary-custom-400: hsl(var(--theme-dark-secondary-color-h), var(--theme-dark-secondary-color-s), var(--theme-dark-secondary-color-l)); + --theme-dark-secondary-custom-500: hsl(var(--theme-dark-secondary-color-h), var(--theme-dark-secondary-color-s), calc(var(--theme-dark-secondary-color-l) + ((100% - var(--theme-dark-secondary-color-l)) * .5))); + --theme-dark-secondary-custom-600: hsl(var(--theme-dark-secondary-color-h), var(--theme-dark-secondary-color-s), calc(var(--theme-dark-secondary-color-l) + ((100% - var(--theme-dark-secondary-color-l)) * .8))); + --theme-dark-secondary-custom: var(--theme-dark-secondary-custom-400); + --theme-dark-secondary-custom-focus-ring: hsla(var(--theme-dark-secondary-color-h), var(--theme-dark-secondary-color-s), var(--theme-dark-secondary-color-l), 0.25); + --theme-dark-secondary-custom-translucent: hsla(var(--theme-dark-secondary-color-h), var(--theme-dark-secondary-color-s), var(--theme-dark-secondary-color-l), 0.25); + color: var(--theme-body-font-color, var(--black-600)); + } +} + +body.theme-highcontrast:not(.theme-dark), +body.theme-highcontrast.theme-dark .theme-light__forced, +body.theme-highcontrast.theme-system .theme-light__forced { + --white: #ffffff; + --black-050: #ffffff; + --black-100: #f7f6f5; + --black-150: #f0efed; + --black-200: #dee0e3; + --black-225: #d7d8db; + --black-250: #c9ccd1; + --black-300: #91939c; + --black-350: #54585c; + --black-400: #505355; + --black-500: #44464b; + --black-600: #211d1e; + --black: #000000; + --orange-100: #fff7f2; + --orange-200: #fff7f2; + --orange-300: #e86113; + --orange-400: #963903; + --orange-500: #6e2c05; + --orange-600: #6e2c05; + --blue-100: #f0f4ff; + --blue-200: #f0f4ff; + --blue-300: #5076f2; + --blue-400: #2445b3; + --blue-500: #0f2466; + --blue-600: #0f2466; + --green-100: #f4faeb; + --green-200: #f4faeb; + --green-300: #72a120; + --green-400: #406107; + --green-500: #324d04; + --green-600: #324d04; + --red-100: #fceded; + --red-200: #fceded; + --red-300: #bf3030; + --red-400: #8c0e0e; + --red-500: #590404; + --red-600: #590404; + --yellow-100: #fcf8e8; + --yellow-200: #fcf8e8; + --yellow-300: #ab8900; + --yellow-400: #6b5600; + --yellow-500: #4d3d00; + --yellow-600: #4d3d00; + --purple-100: #f0edfc; + --purple-200: #f0edfc; + --purple-300: #6e50e6; + --purple-400: #4526bf; + --purple-500: #200b73; + --purple-600: #200b73; + --pink-100: #fbedfc; + --pink-200: #fbedfc; + --pink-300: #d34ae8; + --pink-400: #8f209e; + --pink-500: #670b73; + --pink-600: #670b73; + --gold-100: hsl(46, 100%, 91%); + --gold-200: hsl(46, 100%, 91%); + --gold-300: hsl(45, 100%, 42%); + --gold-400: hsl(46, 92%, 26%); + --silver-100: hsl(0, 0%, 95%); + --silver-200: hsl(0, 0%, 95%); + --silver-300: hsl(210, 5%, 68%); + --silver-400: hsl(210, 2%, 40%); + --bronze-100: hsl(28, 40%, 92%); + --bronze-200: hsl(28, 40%, 92%); + --bronze-300: hsl(28, 43%, 65%); + --bronze-400: hsl(28, 43%, 39%); + --bc-lightest: var(--black-400); + --bc-lighter: var(--black-400); + --bc-light: var(--black-400); + --bc-medium: var(--black-400); + --bc-dark: var(--black-500); + --bc-darker: var(--black-600); + --bs-sm: none; + --bs-md: none; + --bs-lg: none; + --bs-xl: none; + --translucent-secondary: hsla(204, 6%, 35%, 0.9); + --translucent-success: hsla(140, 40%, 40%, 0.9); + --translucent-warning: hsla(47, 76%, 46%, 0.9); + --translucent-error: hsla(358, 62%, 47%, 0.9); + --translucent-muted: hsla(210, 8%, 55%, 0.95); + --focus-neutral: var(--white); + --focus-theme: var(--theme-secondary); + --focus-ring: rgba(115, 115, 115, 0.9); + --focus-ring-success: hsla(140, 40%, 40%, 0.9); + --focus-ring-warning: hsla(47, 76%, 46%, 0.9); + --focus-ring-error: hsla(358, 62%, 47%, 0.9); + --focus-ring-muted: hsla(210, 8%, 55%, 0.95); + --highlight-addition: var(--green-500); + --highlight-attribute: hsl(215, 100%, 35%); + --highlight-bg: hsl(0, 0%, 96.5%); + --highlight-color: var(--black-600); + --highlight-comment: var(--black-400); + --highlight-deletion: var(--red-400); + --highlight-keyword: hsl(215, 100%, 35%); + --highlight-literal: hsl(16, 94%, 31%); + --highlight-namespace: hsl(16, 94%, 31%); + --highlight-punctuation: var(--black-500); + --highlight-symbol: hsl(309, 45%, 31%); + --highlight-variable: hsl(88, 100%, 18%); + --scrollbar: var(--black); + --brand: #FF5E00; + --brand-black: #201C1D; + --brand-off-white: #F0EFEE; + --brand-blue-light: #C6D1E1; + --brand-blue: #5074EF; + --brand-blue-dark: #00165E; + --brand-brown-light: #998B7A; + --brand-green: #86AF25; + --brand-green-dark: #263603; + --brand-orange-medium: #6E1527; + --brand-orange-dark: #31070F; + --brand-pink: #F39FFF; + --brand-pink-dark: #4D1955; + --brand-purple: #9D9CFF; + --brand-purple-dark: #390A91; + --brand-yellow: #FFCC00; + --brand-yellow-dark: #423101; + --theme-primary: var(--orange-400); + --theme-primary-100: var(--orange-100); + --theme-primary-200: var(--orange-200); + --theme-primary-300: var(--orange-300); + --theme-primary-400: var(--orange-400); + --theme-primary-500: var(--orange-500); + --theme-primary-600: var(--orange-600); + --theme-secondary: var(--black); + --theme-secondary-100: var(--black-100); + --theme-secondary-200: var(--black-200); + --theme-secondary-300: var(--black-300); + --theme-secondary-400: var(--black-400); + --theme-secondary-500: var(--black-500); + --theme-secondary-600: var(--black-600); + --_o-disabled: 0.8; +} + +body.theme-highcontrast.theme-dark, +body.theme-highcontrast:not(.theme-dark) .theme-dark__forced { + --white: #000000; + --black-050: #141414; + --black-100: #262626; + --black-150: #333333; + --black-200: #575757; + --black-225: #666666; + --black-250: #737373; + --black-300: #8c8c8c; + --black-350: #a6a6a6; + --black-400: #d9d3ce; + --black-500: #f2ede9; + --black-600: #ffffff; + --black: #ffffff; + --orange-100: #401f0d; + --orange-200: #401f0d; + --orange-300: #dead90; + --orange-400: #fcccb1; + --orange-500: #fadac8; + --orange-600: #fadac8; + --blue-100: #22304d; + --blue-200: #22304d; + --blue-300: #a6c3ff; + --blue-400: #ccddff; + --blue-500: #e6eeff; + --blue-600: #e6eeff; + --green-100: #28380b; + --green-200: #28380b; + --green-300: #c4e68a; + --green-400: #cce6a1; + --green-500: #ecffcc; + --green-600: #ecffcc; + --red-100: #330f0f; + --red-200: #330f0f; + --red-300: #faafaf; + --red-400: #fccaca; + --red-500: #ffe6e6; + --red-600: #ffe6e6; + --yellow-100: #332b0a; + --yellow-200: #332b0a; + --yellow-300: #e6d17e; + --yellow-400: #e3d59f; + --yellow-500: #fffae6; + --yellow-600: #fffae6; + --purple-100: #22174d; + --purple-200: #22174d; + --purple-300: #b6a6f7; + --purple-400: #d2c8fa; + --purple-500: #e8e3fc; + --purple-600: #e8e3fc; + --pink-100: #2e0a33; + --pink-200: #2e0a33; + --pink-300: #f3bbfa; + --pink-400: #f7cffc; + --pink-500: #fae3fc; + --pink-600: #fae3fc; + --gold-100: hsl(45, 22%, 25%); + --gold-200: hsl(45, 22%, 25%); + --gold-300: hsl(45, 92%, 62%); + --gold-400: hsl(46, 93%, 78%); + --silver-100: hsl(220, 2%, 26%); + --silver-200: hsl(220, 2%, 26%); + --silver-300: hsl(220, 4%, 69%); + --silver-400: hsl(214, 8%, 83%); + --bronze-100: hsl(27, 13%, 27%); + --bronze-200: hsl(27, 13%, 27%); + --bronze-300: hsl(28, 58%, 67%); + --bronze-400: hsl(28, 59%, 83%); + --bc-lightest: var(--black-400); + --bc-lighter: var(--black-400); + --bc-light: var(--black-400); + --bc-medium: var(--black-400); + --bc-dark: var(--black-500); + --bc-darker: var(--black-600); + --bs-sm: none; + --bs-md: none; + --bs-lg: none; + --bs-xl: none; + --translucent-secondary: hsla(204, 6%, 35%, 0.9); + --translucent-success: hsla(140, 40%, 40%, 0.9); + --translucent-warning: hsla(47, 76%, 46%, 0.9); + --translucent-error: hsla(358, 62%, 47%, 0.9); + --translucent-muted: hsla(210, 8%, 55%, 0.95); + --focus-neutral: var(--white); + --focus-theme: var(--theme-secondary); + --focus-ring: rgba(115, 115, 115, 0.9); + --focus-ring-success: hsla(140, 40%, 40%, 0.9); + --focus-ring-warning: hsla(47, 76%, 46%, 0.9); + --focus-ring-error: hsla(358, 62%, 47%, 0.9); + --focus-ring-muted: hsla(210, 8%, 55%, 0.95); + --highlight-addition: var(--green-500); + --highlight-attribute: hsl(200, 57%, 85%); + --highlight-bg: hsl(0, 0%, 10%); + --highlight-color: hsl(0, 0%, 100%); + --highlight-comment: var(--black-400); + --highlight-deletion: var(--red-500); + --highlight-keyword: hsl(200, 57%, 85%); + --highlight-literal: hsl(36, 96%, 71%); + --highlight-namespace: hsl(36, 96%, 71%); + --highlight-punctuation: hsl(0, 0%, 99%); + --highlight-symbol: hsl(304, 39%, 85%); + --highlight-variable: hsl(62, 71%, 81%); + --scrollbar: var(--black); + --brand: #FF5E00; + --brand-black: #201C1D; + --brand-off-white: #F0EFEE; + --brand-blue-light: #C6D1E1; + --brand-blue: #5074EF; + --brand-blue-dark: #00165E; + --brand-brown-light: #998B7A; + --brand-green: #86AF25; + --brand-green-dark: #263603; + --brand-orange-medium: #6E1527; + --brand-orange-dark: #31070F; + --brand-pink: #F39FFF; + --brand-pink-dark: #4D1955; + --brand-purple: #9D9CFF; + --brand-purple-dark: #390A91; + --brand-yellow: #FFCC00; + --brand-yellow-dark: #423101; + --theme-primary: var(--orange-400); + --theme-primary-100: var(--orange-100); + --theme-primary-200: var(--orange-200); + --theme-primary-300: var(--orange-300); + --theme-primary-400: var(--orange-400); + --theme-primary-500: var(--orange-500); + --theme-primary-600: var(--orange-600); + --theme-secondary: var(--black); + --theme-secondary-100: var(--black-100); + --theme-secondary-200: var(--black-200); + --theme-secondary-300: var(--black-300); + --theme-secondary-400: var(--black-400); + --theme-secondary-500: var(--black-500); + --theme-secondary-600: var(--black-600); + --_o-disabled: 0.8; +} + +@media (prefers-color-scheme: dark) { + body.theme-highcontrast.theme-system { + --white: #000000; + --black-050: #141414; + --black-100: #262626; + --black-150: #333333; + --black-200: #575757; + --black-225: #666666; + --black-250: #737373; + --black-300: #8c8c8c; + --black-350: #a6a6a6; + --black-400: #d9d3ce; + --black-500: #f2ede9; + --black-600: #ffffff; + --black: #ffffff; + --orange-100: #401f0d; + --orange-200: #401f0d; + --orange-300: #dead90; + --orange-400: #fcccb1; + --orange-500: #fadac8; + --orange-600: #fadac8; + --blue-100: #22304d; + --blue-200: #22304d; + --blue-300: #a6c3ff; + --blue-400: #ccddff; + --blue-500: #e6eeff; + --blue-600: #e6eeff; + --green-100: #28380b; + --green-200: #28380b; + --green-300: #c4e68a; + --green-400: #cce6a1; + --green-500: #ecffcc; + --green-600: #ecffcc; + --red-100: #330f0f; + --red-200: #330f0f; + --red-300: #faafaf; + --red-400: #fccaca; + --red-500: #ffe6e6; + --red-600: #ffe6e6; + --yellow-100: #332b0a; + --yellow-200: #332b0a; + --yellow-300: #e6d17e; + --yellow-400: #e3d59f; + --yellow-500: #fffae6; + --yellow-600: #fffae6; + --purple-100: #22174d; + --purple-200: #22174d; + --purple-300: #b6a6f7; + --purple-400: #d2c8fa; + --purple-500: #e8e3fc; + --purple-600: #e8e3fc; + --pink-100: #2e0a33; + --pink-200: #2e0a33; + --pink-300: #f3bbfa; + --pink-400: #f7cffc; + --pink-500: #fae3fc; + --pink-600: #fae3fc; + --gold-100: hsl(45, 22%, 25%); + --gold-200: hsl(45, 22%, 25%); + --gold-300: hsl(45, 92%, 62%); + --gold-400: hsl(46, 93%, 78%); + --silver-100: hsl(220, 2%, 26%); + --silver-200: hsl(220, 2%, 26%); + --silver-300: hsl(220, 4%, 69%); + --silver-400: hsl(214, 8%, 83%); + --bronze-100: hsl(27, 13%, 27%); + --bronze-200: hsl(27, 13%, 27%); + --bronze-300: hsl(28, 58%, 67%); + --bronze-400: hsl(28, 59%, 83%); + --bc-lightest: var(--black-400); + --bc-lighter: var(--black-400); + --bc-light: var(--black-400); + --bc-medium: var(--black-400); + --bc-dark: var(--black-500); + --bc-darker: var(--black-600); + --bs-sm: none; + --bs-md: none; + --bs-lg: none; + --bs-xl: none; + --translucent-secondary: hsla(204, 6%, 35%, 0.9); + --translucent-success: hsla(140, 40%, 40%, 0.9); + --translucent-warning: hsla(47, 76%, 46%, 0.9); + --translucent-error: hsla(358, 62%, 47%, 0.9); + --translucent-muted: hsla(210, 8%, 55%, 0.95); + --focus-neutral: var(--white); + --focus-theme: var(--theme-secondary); + --focus-ring: rgba(115, 115, 115, 0.9); + --focus-ring-success: hsla(140, 40%, 40%, 0.9); + --focus-ring-warning: hsla(47, 76%, 46%, 0.9); + --focus-ring-error: hsla(358, 62%, 47%, 0.9); + --focus-ring-muted: hsla(210, 8%, 55%, 0.95); + --highlight-addition: var(--green-500); + --highlight-attribute: hsl(200, 57%, 85%); + --highlight-bg: hsl(0, 0%, 10%); + --highlight-color: hsl(0, 0%, 100%); + --highlight-comment: var(--black-400); + --highlight-deletion: var(--red-500); + --highlight-keyword: hsl(200, 57%, 85%); + --highlight-literal: hsl(36, 96%, 71%); + --highlight-namespace: hsl(36, 96%, 71%); + --highlight-punctuation: hsl(0, 0%, 99%); + --highlight-symbol: hsl(304, 39%, 85%); + --highlight-variable: hsl(62, 71%, 81%); + --scrollbar: var(--black); + --brand: #FF5E00; + --brand-black: #201C1D; + --brand-off-white: #F0EFEE; + --brand-blue-light: #C6D1E1; + --brand-blue: #5074EF; + --brand-blue-dark: #00165E; + --brand-brown-light: #998B7A; + --brand-green: #86AF25; + --brand-green-dark: #263603; + --brand-orange-medium: #6E1527; + --brand-orange-dark: #31070F; + --brand-pink: #F39FFF; + --brand-pink-dark: #4D1955; + --brand-purple: #9D9CFF; + --brand-purple-dark: #390A91; + --brand-yellow: #FFCC00; + --brand-yellow-dark: #423101; + --theme-primary: var(--orange-400); + --theme-primary-100: var(--orange-100); + --theme-primary-200: var(--orange-200); + --theme-primary-300: var(--orange-300); + --theme-primary-400: var(--orange-400); + --theme-primary-500: var(--orange-500); + --theme-primary-600: var(--orange-600); + --theme-secondary: var(--black); + --theme-secondary-100: var(--black-100); + --theme-secondary-200: var(--black-200); + --theme-secondary-300: var(--black-300); + --theme-secondary-400: var(--black-400); + --theme-secondary-500: var(--black-500); + --theme-secondary-600: var(--black-600); + --_o-disabled: 0.8; + } +} +/** + * Applies styles rules when dark mode is active. + * + * Usage example: + * .dark-mode({ background-color: var(--black-100); }); + */ +/** + * Applies styles rules when high contrast mode is active. + * + * Usage example: + * .highcontrast-mode({ background-color: var(--black-100); }); + */ +/** + * Applies styles rules when high contrast and dark mode is active. + * + * Usage example: + * .highcontrast-dark-mode({ background-color: var(--black-100); }); + */ +/** + * Applies focus styles for the given context. + * + * Usage example: + * .focus-styles(true, true); + * + * @inset: boolean - whether the focus style be placed inside the element. + * @border: boolean - whether the element's border color change to match the focus style. + */ +/** + * Generate base and responsive atomic sizing classes. + * + * Usage example: + * .generate-sizing('.m', margin, true); + * .generate-sizing('.ml', margin-left, true, percent); + * .generate-sizing('.mx'; margin-left, margin-right; true); + * .generate-sizing('.pr', padding-right); + * + * @param {string} prefix - What prefix to generate (e.g. \`.m\`, \`.pr\`, etc). + * @param {string|list} properties - What CSS properties to generate (e.g. \`margin\`, \`margin-right, margin-left\`, etc). + * @param {list} values - List of values to generate classes for. + * @param {string} [type='px'] - What set of values to generate. Options: \`px\` | \`percent\`. + * @param {boolean} [responsive=false] - Whether to generate responsive variants. + * @param {boolean} [negative=false] - Whether to generate negative value classes. + */ +/** + * Generate atomic sizing classes using predefined SU (spacing unit) values. + * + * Generates 12 utility classes (numbered 1-12) that map to specific SU values: + * 128, 256, 344, 448, 512, 640, 768, 848, 960, 1024, 1120, 1280. + * + * Usage example: + * .generate-su-sizing('.ws', width); + * .generate-su-sizing('.hs', height); + * .generate-su-sizing('.wmn', min-width); + * + * @param {string} prefix - Class prefix to generate (e.g. \`.ws\`, \`.hs\`, \`.wmn\`). + * @param {string} property - CSS property to set (e.g. \`width\`, \`height\`, \`min-width\`). + */ +body { + --su0: 0; + --su1: clamp(1px, 0.063rem, 0.063rem); + --su2: 0.125rem; + --su3: 0.1875rem; + --su4: 0.25rem; + --su6: 0.375rem; + --su8: 0.5rem; + --su12: 0.75rem; + --su16: 1rem; + --su24: 1.5rem; + --su32: 2rem; + --su48: 3rem; + --su64: 4rem; + --su96: 6rem; + --su128: 8rem; + --su256: 16rem; + --su344: 21.5rem; + --su448: 28rem; + --su512: 32rem; + --su640: 40rem; + --su768: 48rem; + --su848: 53rem; + --su960: 60rem; + --su1024: 64rem; + --su1120: 70rem; + --su1280: 80rem; + --su-max: var(--su1280); + --s-full: 79rem; + --s-step: calc(var(--s-full) / 12); + --sun1: calc(var(--su1) * -1); + --sun2: calc(var(--su2) * -1); + --sun3: calc(var(--su3) * -1); + --sun4: calc(var(--su4) * -1); + --sun6: calc(var(--su6) * -1); + --sun8: calc(var(--su8) * -1); + --sun12: calc(var(--su12) * -1); + --sun16: calc(var(--su16) * -1); + --sun24: calc(var(--su24) * -1); + --sun32: calc(var(--su32) * -1); + --sun48: calc(var(--su48) * -1); + --sun64: calc(var(--su64) * -1); + --sun96: calc(var(--su96) * -1); + --sun128: calc(var(--su128) * -1); +} +.bg-white, +.h\\:bg-white:hover, +.f\\:bg-white:focus, +.f\\:bg-white:focus-within { + background-color: var(--white) !important; +} +.bc-white, +.h\\:bc-white:hover, +.f\\:bc-white:focus, +.f\\:bc-white:focus-within { + border-color: var(--white) !important; +} +.fc-white, +.h\\:fc-white:hover, +.f\\:fc-white:focus, +.f\\:fc-white:focus-within { + color: var(--white) !important; +} +.bg-black-050, +.h\\:bg-black-050:hover, +.f\\:bg-black-050:focus, +.f\\:bg-black-050:focus-within { + background-color: var(--black-050) !important; +} +.bc-black-050, +.h\\:bc-black-050:hover, +.f\\:bc-black-050:focus, +.f\\:bc-black-050:focus-within { + border-color: var(--black-050) !important; +} +.fc-black-050, +.h\\:fc-black-050:hover, +.f\\:fc-black-050:focus, +.f\\:fc-black-050:focus-within { + color: var(--black-050) !important; +} +.bg-black-100, +.h\\:bg-black-100:hover, +.f\\:bg-black-100:focus, +.f\\:bg-black-100:focus-within { + background-color: var(--black-100) !important; +} +.bc-black-100, +.h\\:bc-black-100:hover, +.f\\:bc-black-100:focus, +.f\\:bc-black-100:focus-within { + border-color: var(--black-100) !important; +} +.fc-black-100, +.h\\:fc-black-100:hover, +.f\\:fc-black-100:focus, +.f\\:fc-black-100:focus-within { + color: var(--black-100) !important; +} +.bg-black-150, +.h\\:bg-black-150:hover, +.f\\:bg-black-150:focus, +.f\\:bg-black-150:focus-within { + background-color: var(--black-150) !important; +} +.bc-black-150, +.h\\:bc-black-150:hover, +.f\\:bc-black-150:focus, +.f\\:bc-black-150:focus-within { + border-color: var(--black-150) !important; +} +.fc-black-150, +.h\\:fc-black-150:hover, +.f\\:fc-black-150:focus, +.f\\:fc-black-150:focus-within { + color: var(--black-150) !important; +} +.bg-black-200, +.h\\:bg-black-200:hover, +.f\\:bg-black-200:focus, +.f\\:bg-black-200:focus-within { + background-color: var(--black-200) !important; +} +.bc-black-200, +.h\\:bc-black-200:hover, +.f\\:bc-black-200:focus, +.f\\:bc-black-200:focus-within { + border-color: var(--black-200) !important; +} +.fc-black-200, +.h\\:fc-black-200:hover, +.f\\:fc-black-200:focus, +.f\\:fc-black-200:focus-within { + color: var(--black-200) !important; +} +.bg-black-225, +.h\\:bg-black-225:hover, +.f\\:bg-black-225:focus, +.f\\:bg-black-225:focus-within { + background-color: var(--black-225) !important; +} +.bc-black-225, +.h\\:bc-black-225:hover, +.f\\:bc-black-225:focus, +.f\\:bc-black-225:focus-within { + border-color: var(--black-225) !important; +} +.fc-black-225, +.h\\:fc-black-225:hover, +.f\\:fc-black-225:focus, +.f\\:fc-black-225:focus-within { + color: var(--black-225) !important; +} +.bg-black-250, +.h\\:bg-black-250:hover, +.f\\:bg-black-250:focus, +.f\\:bg-black-250:focus-within { + background-color: var(--black-250) !important; +} +.bc-black-250, +.h\\:bc-black-250:hover, +.f\\:bc-black-250:focus, +.f\\:bc-black-250:focus-within { + border-color: var(--black-250) !important; +} +.fc-black-250, +.h\\:fc-black-250:hover, +.f\\:fc-black-250:focus, +.f\\:fc-black-250:focus-within { + color: var(--black-250) !important; +} +.bg-black-300, +.h\\:bg-black-300:hover, +.f\\:bg-black-300:focus, +.f\\:bg-black-300:focus-within { + background-color: var(--black-300) !important; +} +.bc-black-300, +.h\\:bc-black-300:hover, +.f\\:bc-black-300:focus, +.f\\:bc-black-300:focus-within { + border-color: var(--black-300) !important; +} +.fc-black-300, +.h\\:fc-black-300:hover, +.f\\:fc-black-300:focus, +.f\\:fc-black-300:focus-within { + color: var(--black-300) !important; +} +.bg-black-350, +.h\\:bg-black-350:hover, +.f\\:bg-black-350:focus, +.f\\:bg-black-350:focus-within { + background-color: var(--black-350) !important; +} +.bc-black-350, +.h\\:bc-black-350:hover, +.f\\:bc-black-350:focus, +.f\\:bc-black-350:focus-within { + border-color: var(--black-350) !important; +} +.fc-black-350, +.h\\:fc-black-350:hover, +.f\\:fc-black-350:focus, +.f\\:fc-black-350:focus-within { + color: var(--black-350) !important; +} +.bg-black-400, +.h\\:bg-black-400:hover, +.f\\:bg-black-400:focus, +.f\\:bg-black-400:focus-within { + background-color: var(--black-400) !important; +} +.bc-black-400, +.h\\:bc-black-400:hover, +.f\\:bc-black-400:focus, +.f\\:bc-black-400:focus-within { + border-color: var(--black-400) !important; +} +.fc-black-400, +.h\\:fc-black-400:hover, +.f\\:fc-black-400:focus, +.f\\:fc-black-400:focus-within { + color: var(--black-400) !important; +} +.bg-black-500, +.h\\:bg-black-500:hover, +.f\\:bg-black-500:focus, +.f\\:bg-black-500:focus-within { + background-color: var(--black-500) !important; +} +.bc-black-500, +.h\\:bc-black-500:hover, +.f\\:bc-black-500:focus, +.f\\:bc-black-500:focus-within { + border-color: var(--black-500) !important; +} +.fc-black-500, +.h\\:fc-black-500:hover, +.f\\:fc-black-500:focus, +.f\\:fc-black-500:focus-within { + color: var(--black-500) !important; +} +.bg-black-600, +.h\\:bg-black-600:hover, +.f\\:bg-black-600:focus, +.f\\:bg-black-600:focus-within { + background-color: var(--black-600) !important; +} +.bc-black-600, +.h\\:bc-black-600:hover, +.f\\:bc-black-600:focus, +.f\\:bc-black-600:focus-within { + border-color: var(--black-600) !important; +} +.fc-black-600, +.h\\:fc-black-600:hover, +.f\\:fc-black-600:focus, +.f\\:fc-black-600:focus-within { + color: var(--black-600) !important; +} +.bg-black, +.h\\:bg-black:hover, +.f\\:bg-black:focus, +.f\\:bg-black:focus-within { + background-color: var(--black) !important; +} +.bc-black, +.h\\:bc-black:hover, +.f\\:bc-black:focus, +.f\\:bc-black:focus-within { + border-color: var(--black) !important; +} +.fc-black, +.h\\:fc-black:hover, +.f\\:fc-black:focus, +.f\\:fc-black:focus-within { + color: var(--black) !important; +} +.bg-orange-100, +.h\\:bg-orange-100:hover, +.f\\:bg-orange-100:focus, +.f\\:bg-orange-100:focus-within { + background-color: var(--orange-100) !important; +} +.bc-orange-100, +.h\\:bc-orange-100:hover, +.f\\:bc-orange-100:focus, +.f\\:bc-orange-100:focus-within { + border-color: var(--orange-100) !important; +} +.fc-orange-100, +.h\\:fc-orange-100:hover, +.f\\:fc-orange-100:focus, +.f\\:fc-orange-100:focus-within { + color: var(--orange-100) !important; +} +.bg-orange-200, +.h\\:bg-orange-200:hover, +.f\\:bg-orange-200:focus, +.f\\:bg-orange-200:focus-within { + background-color: var(--orange-200) !important; +} +.bc-orange-200, +.h\\:bc-orange-200:hover, +.f\\:bc-orange-200:focus, +.f\\:bc-orange-200:focus-within { + border-color: var(--orange-200) !important; +} +.fc-orange-200, +.h\\:fc-orange-200:hover, +.f\\:fc-orange-200:focus, +.f\\:fc-orange-200:focus-within { + color: var(--orange-200) !important; +} +.bg-orange-300, +.h\\:bg-orange-300:hover, +.f\\:bg-orange-300:focus, +.f\\:bg-orange-300:focus-within { + background-color: var(--orange-300) !important; +} +.bc-orange-300, +.h\\:bc-orange-300:hover, +.f\\:bc-orange-300:focus, +.f\\:bc-orange-300:focus-within { + border-color: var(--orange-300) !important; +} +.fc-orange-300, +.h\\:fc-orange-300:hover, +.f\\:fc-orange-300:focus, +.f\\:fc-orange-300:focus-within { + color: var(--orange-300) !important; +} +.bg-orange-400, +.h\\:bg-orange-400:hover, +.f\\:bg-orange-400:focus, +.f\\:bg-orange-400:focus-within { + background-color: var(--orange-400) !important; +} +.bc-orange-400, +.h\\:bc-orange-400:hover, +.f\\:bc-orange-400:focus, +.f\\:bc-orange-400:focus-within { + border-color: var(--orange-400) !important; +} +.fc-orange-400, +.h\\:fc-orange-400:hover, +.f\\:fc-orange-400:focus, +.f\\:fc-orange-400:focus-within { + color: var(--orange-400) !important; +} +.bg-orange-500, +.h\\:bg-orange-500:hover, +.f\\:bg-orange-500:focus, +.f\\:bg-orange-500:focus-within { + background-color: var(--orange-500) !important; +} +.bc-orange-500, +.h\\:bc-orange-500:hover, +.f\\:bc-orange-500:focus, +.f\\:bc-orange-500:focus-within { + border-color: var(--orange-500) !important; +} +.fc-orange-500, +.h\\:fc-orange-500:hover, +.f\\:fc-orange-500:focus, +.f\\:fc-orange-500:focus-within { + color: var(--orange-500) !important; +} +.bg-orange-600, +.h\\:bg-orange-600:hover, +.f\\:bg-orange-600:focus, +.f\\:bg-orange-600:focus-within { + background-color: var(--orange-600) !important; +} +.bc-orange-600, +.h\\:bc-orange-600:hover, +.f\\:bc-orange-600:focus, +.f\\:bc-orange-600:focus-within { + border-color: var(--orange-600) !important; +} +.fc-orange-600, +.h\\:fc-orange-600:hover, +.f\\:fc-orange-600:focus, +.f\\:fc-orange-600:focus-within { + color: var(--orange-600) !important; +} +.bg-blue-100, +.h\\:bg-blue-100:hover, +.f\\:bg-blue-100:focus, +.f\\:bg-blue-100:focus-within { + background-color: var(--blue-100) !important; +} +.bc-blue-100, +.h\\:bc-blue-100:hover, +.f\\:bc-blue-100:focus, +.f\\:bc-blue-100:focus-within { + border-color: var(--blue-100) !important; +} +.fc-blue-100, +.h\\:fc-blue-100:hover, +.f\\:fc-blue-100:focus, +.f\\:fc-blue-100:focus-within { + color: var(--blue-100) !important; +} +.bg-blue-200, +.h\\:bg-blue-200:hover, +.f\\:bg-blue-200:focus, +.f\\:bg-blue-200:focus-within { + background-color: var(--blue-200) !important; +} +.bc-blue-200, +.h\\:bc-blue-200:hover, +.f\\:bc-blue-200:focus, +.f\\:bc-blue-200:focus-within { + border-color: var(--blue-200) !important; +} +.fc-blue-200, +.h\\:fc-blue-200:hover, +.f\\:fc-blue-200:focus, +.f\\:fc-blue-200:focus-within { + color: var(--blue-200) !important; +} +.bg-blue-300, +.h\\:bg-blue-300:hover, +.f\\:bg-blue-300:focus, +.f\\:bg-blue-300:focus-within { + background-color: var(--blue-300) !important; +} +.bc-blue-300, +.h\\:bc-blue-300:hover, +.f\\:bc-blue-300:focus, +.f\\:bc-blue-300:focus-within { + border-color: var(--blue-300) !important; +} +.fc-blue-300, +.h\\:fc-blue-300:hover, +.f\\:fc-blue-300:focus, +.f\\:fc-blue-300:focus-within { + color: var(--blue-300) !important; +} +.bg-blue-400, +.h\\:bg-blue-400:hover, +.f\\:bg-blue-400:focus, +.f\\:bg-blue-400:focus-within { + background-color: var(--blue-400) !important; +} +.bc-blue-400, +.h\\:bc-blue-400:hover, +.f\\:bc-blue-400:focus, +.f\\:bc-blue-400:focus-within { + border-color: var(--blue-400) !important; +} +.fc-blue-400, +.h\\:fc-blue-400:hover, +.f\\:fc-blue-400:focus, +.f\\:fc-blue-400:focus-within { + color: var(--blue-400) !important; +} +.bg-blue-500, +.h\\:bg-blue-500:hover, +.f\\:bg-blue-500:focus, +.f\\:bg-blue-500:focus-within { + background-color: var(--blue-500) !important; +} +.bc-blue-500, +.h\\:bc-blue-500:hover, +.f\\:bc-blue-500:focus, +.f\\:bc-blue-500:focus-within { + border-color: var(--blue-500) !important; +} +.fc-blue-500, +.h\\:fc-blue-500:hover, +.f\\:fc-blue-500:focus, +.f\\:fc-blue-500:focus-within { + color: var(--blue-500) !important; +} +.bg-blue-600, +.h\\:bg-blue-600:hover, +.f\\:bg-blue-600:focus, +.f\\:bg-blue-600:focus-within { + background-color: var(--blue-600) !important; +} +.bc-blue-600, +.h\\:bc-blue-600:hover, +.f\\:bc-blue-600:focus, +.f\\:bc-blue-600:focus-within { + border-color: var(--blue-600) !important; +} +.fc-blue-600, +.h\\:fc-blue-600:hover, +.f\\:fc-blue-600:focus, +.f\\:fc-blue-600:focus-within { + color: var(--blue-600) !important; +} +.bg-green-100, +.h\\:bg-green-100:hover, +.f\\:bg-green-100:focus, +.f\\:bg-green-100:focus-within { + background-color: var(--green-100) !important; +} +.bc-green-100, +.h\\:bc-green-100:hover, +.f\\:bc-green-100:focus, +.f\\:bc-green-100:focus-within { + border-color: var(--green-100) !important; +} +.fc-green-100, +.h\\:fc-green-100:hover, +.f\\:fc-green-100:focus, +.f\\:fc-green-100:focus-within { + color: var(--green-100) !important; +} +.bg-green-200, +.h\\:bg-green-200:hover, +.f\\:bg-green-200:focus, +.f\\:bg-green-200:focus-within { + background-color: var(--green-200) !important; +} +.bc-green-200, +.h\\:bc-green-200:hover, +.f\\:bc-green-200:focus, +.f\\:bc-green-200:focus-within { + border-color: var(--green-200) !important; +} +.fc-green-200, +.h\\:fc-green-200:hover, +.f\\:fc-green-200:focus, +.f\\:fc-green-200:focus-within { + color: var(--green-200) !important; +} +.bg-green-300, +.h\\:bg-green-300:hover, +.f\\:bg-green-300:focus, +.f\\:bg-green-300:focus-within { + background-color: var(--green-300) !important; +} +.bc-green-300, +.h\\:bc-green-300:hover, +.f\\:bc-green-300:focus, +.f\\:bc-green-300:focus-within { + border-color: var(--green-300) !important; +} +.fc-green-300, +.h\\:fc-green-300:hover, +.f\\:fc-green-300:focus, +.f\\:fc-green-300:focus-within { + color: var(--green-300) !important; +} +.bg-green-400, +.h\\:bg-green-400:hover, +.f\\:bg-green-400:focus, +.f\\:bg-green-400:focus-within { + background-color: var(--green-400) !important; +} +.bc-green-400, +.h\\:bc-green-400:hover, +.f\\:bc-green-400:focus, +.f\\:bc-green-400:focus-within { + border-color: var(--green-400) !important; +} +.fc-green-400, +.h\\:fc-green-400:hover, +.f\\:fc-green-400:focus, +.f\\:fc-green-400:focus-within { + color: var(--green-400) !important; +} +.bg-green-500, +.h\\:bg-green-500:hover, +.f\\:bg-green-500:focus, +.f\\:bg-green-500:focus-within { + background-color: var(--green-500) !important; +} +.bc-green-500, +.h\\:bc-green-500:hover, +.f\\:bc-green-500:focus, +.f\\:bc-green-500:focus-within { + border-color: var(--green-500) !important; +} +.fc-green-500, +.h\\:fc-green-500:hover, +.f\\:fc-green-500:focus, +.f\\:fc-green-500:focus-within { + color: var(--green-500) !important; +} +.bg-green-600, +.h\\:bg-green-600:hover, +.f\\:bg-green-600:focus, +.f\\:bg-green-600:focus-within { + background-color: var(--green-600) !important; +} +.bc-green-600, +.h\\:bc-green-600:hover, +.f\\:bc-green-600:focus, +.f\\:bc-green-600:focus-within { + border-color: var(--green-600) !important; +} +.fc-green-600, +.h\\:fc-green-600:hover, +.f\\:fc-green-600:focus, +.f\\:fc-green-600:focus-within { + color: var(--green-600) !important; +} +.bg-red-100, +.h\\:bg-red-100:hover, +.f\\:bg-red-100:focus, +.f\\:bg-red-100:focus-within { + background-color: var(--red-100) !important; +} +.bc-red-100, +.h\\:bc-red-100:hover, +.f\\:bc-red-100:focus, +.f\\:bc-red-100:focus-within { + border-color: var(--red-100) !important; +} +.fc-red-100, +.h\\:fc-red-100:hover, +.f\\:fc-red-100:focus, +.f\\:fc-red-100:focus-within { + color: var(--red-100) !important; +} +.bg-red-200, +.h\\:bg-red-200:hover, +.f\\:bg-red-200:focus, +.f\\:bg-red-200:focus-within { + background-color: var(--red-200) !important; +} +.bc-red-200, +.h\\:bc-red-200:hover, +.f\\:bc-red-200:focus, +.f\\:bc-red-200:focus-within { + border-color: var(--red-200) !important; +} +.fc-red-200, +.h\\:fc-red-200:hover, +.f\\:fc-red-200:focus, +.f\\:fc-red-200:focus-within { + color: var(--red-200) !important; +} +.bg-red-300, +.h\\:bg-red-300:hover, +.f\\:bg-red-300:focus, +.f\\:bg-red-300:focus-within { + background-color: var(--red-300) !important; +} +.bc-red-300, +.h\\:bc-red-300:hover, +.f\\:bc-red-300:focus, +.f\\:bc-red-300:focus-within { + border-color: var(--red-300) !important; +} +.fc-red-300, +.h\\:fc-red-300:hover, +.f\\:fc-red-300:focus, +.f\\:fc-red-300:focus-within { + color: var(--red-300) !important; +} +.bg-red-400, +.h\\:bg-red-400:hover, +.f\\:bg-red-400:focus, +.f\\:bg-red-400:focus-within { + background-color: var(--red-400) !important; +} +.bc-red-400, +.h\\:bc-red-400:hover, +.f\\:bc-red-400:focus, +.f\\:bc-red-400:focus-within { + border-color: var(--red-400) !important; +} +.fc-red-400, +.h\\:fc-red-400:hover, +.f\\:fc-red-400:focus, +.f\\:fc-red-400:focus-within { + color: var(--red-400) !important; +} +.bg-red-500, +.h\\:bg-red-500:hover, +.f\\:bg-red-500:focus, +.f\\:bg-red-500:focus-within { + background-color: var(--red-500) !important; +} +.bc-red-500, +.h\\:bc-red-500:hover, +.f\\:bc-red-500:focus, +.f\\:bc-red-500:focus-within { + border-color: var(--red-500) !important; +} +.fc-red-500, +.h\\:fc-red-500:hover, +.f\\:fc-red-500:focus, +.f\\:fc-red-500:focus-within { + color: var(--red-500) !important; +} +.bg-red-600, +.h\\:bg-red-600:hover, +.f\\:bg-red-600:focus, +.f\\:bg-red-600:focus-within { + background-color: var(--red-600) !important; +} +.bc-red-600, +.h\\:bc-red-600:hover, +.f\\:bc-red-600:focus, +.f\\:bc-red-600:focus-within { + border-color: var(--red-600) !important; +} +.fc-red-600, +.h\\:fc-red-600:hover, +.f\\:fc-red-600:focus, +.f\\:fc-red-600:focus-within { + color: var(--red-600) !important; +} +.bg-yellow-100, +.h\\:bg-yellow-100:hover, +.f\\:bg-yellow-100:focus, +.f\\:bg-yellow-100:focus-within { + background-color: var(--yellow-100) !important; +} +.bc-yellow-100, +.h\\:bc-yellow-100:hover, +.f\\:bc-yellow-100:focus, +.f\\:bc-yellow-100:focus-within { + border-color: var(--yellow-100) !important; +} +.fc-yellow-100, +.h\\:fc-yellow-100:hover, +.f\\:fc-yellow-100:focus, +.f\\:fc-yellow-100:focus-within { + color: var(--yellow-100) !important; +} +.bg-yellow-200, +.h\\:bg-yellow-200:hover, +.f\\:bg-yellow-200:focus, +.f\\:bg-yellow-200:focus-within { + background-color: var(--yellow-200) !important; +} +.bc-yellow-200, +.h\\:bc-yellow-200:hover, +.f\\:bc-yellow-200:focus, +.f\\:bc-yellow-200:focus-within { + border-color: var(--yellow-200) !important; +} +.fc-yellow-200, +.h\\:fc-yellow-200:hover, +.f\\:fc-yellow-200:focus, +.f\\:fc-yellow-200:focus-within { + color: var(--yellow-200) !important; +} +.bg-yellow-300, +.h\\:bg-yellow-300:hover, +.f\\:bg-yellow-300:focus, +.f\\:bg-yellow-300:focus-within { + background-color: var(--yellow-300) !important; +} +.bc-yellow-300, +.h\\:bc-yellow-300:hover, +.f\\:bc-yellow-300:focus, +.f\\:bc-yellow-300:focus-within { + border-color: var(--yellow-300) !important; +} +.fc-yellow-300, +.h\\:fc-yellow-300:hover, +.f\\:fc-yellow-300:focus, +.f\\:fc-yellow-300:focus-within { + color: var(--yellow-300) !important; +} +.bg-yellow-400, +.h\\:bg-yellow-400:hover, +.f\\:bg-yellow-400:focus, +.f\\:bg-yellow-400:focus-within { + background-color: var(--yellow-400) !important; +} +.bc-yellow-400, +.h\\:bc-yellow-400:hover, +.f\\:bc-yellow-400:focus, +.f\\:bc-yellow-400:focus-within { + border-color: var(--yellow-400) !important; +} +.fc-yellow-400, +.h\\:fc-yellow-400:hover, +.f\\:fc-yellow-400:focus, +.f\\:fc-yellow-400:focus-within { + color: var(--yellow-400) !important; +} +.bg-yellow-500, +.h\\:bg-yellow-500:hover, +.f\\:bg-yellow-500:focus, +.f\\:bg-yellow-500:focus-within { + background-color: var(--yellow-500) !important; +} +.bc-yellow-500, +.h\\:bc-yellow-500:hover, +.f\\:bc-yellow-500:focus, +.f\\:bc-yellow-500:focus-within { + border-color: var(--yellow-500) !important; +} +.fc-yellow-500, +.h\\:fc-yellow-500:hover, +.f\\:fc-yellow-500:focus, +.f\\:fc-yellow-500:focus-within { + color: var(--yellow-500) !important; +} +.bg-yellow-600, +.h\\:bg-yellow-600:hover, +.f\\:bg-yellow-600:focus, +.f\\:bg-yellow-600:focus-within { + background-color: var(--yellow-600) !important; +} +.bc-yellow-600, +.h\\:bc-yellow-600:hover, +.f\\:bc-yellow-600:focus, +.f\\:bc-yellow-600:focus-within { + border-color: var(--yellow-600) !important; +} +.fc-yellow-600, +.h\\:fc-yellow-600:hover, +.f\\:fc-yellow-600:focus, +.f\\:fc-yellow-600:focus-within { + color: var(--yellow-600) !important; +} +.bg-purple-100, +.h\\:bg-purple-100:hover, +.f\\:bg-purple-100:focus, +.f\\:bg-purple-100:focus-within { + background-color: var(--purple-100) !important; +} +.bc-purple-100, +.h\\:bc-purple-100:hover, +.f\\:bc-purple-100:focus, +.f\\:bc-purple-100:focus-within { + border-color: var(--purple-100) !important; +} +.fc-purple-100, +.h\\:fc-purple-100:hover, +.f\\:fc-purple-100:focus, +.f\\:fc-purple-100:focus-within { + color: var(--purple-100) !important; +} +.bg-purple-200, +.h\\:bg-purple-200:hover, +.f\\:bg-purple-200:focus, +.f\\:bg-purple-200:focus-within { + background-color: var(--purple-200) !important; +} +.bc-purple-200, +.h\\:bc-purple-200:hover, +.f\\:bc-purple-200:focus, +.f\\:bc-purple-200:focus-within { + border-color: var(--purple-200) !important; +} +.fc-purple-200, +.h\\:fc-purple-200:hover, +.f\\:fc-purple-200:focus, +.f\\:fc-purple-200:focus-within { + color: var(--purple-200) !important; +} +.bg-purple-300, +.h\\:bg-purple-300:hover, +.f\\:bg-purple-300:focus, +.f\\:bg-purple-300:focus-within { + background-color: var(--purple-300) !important; +} +.bc-purple-300, +.h\\:bc-purple-300:hover, +.f\\:bc-purple-300:focus, +.f\\:bc-purple-300:focus-within { + border-color: var(--purple-300) !important; +} +.fc-purple-300, +.h\\:fc-purple-300:hover, +.f\\:fc-purple-300:focus, +.f\\:fc-purple-300:focus-within { + color: var(--purple-300) !important; +} +.bg-purple-400, +.h\\:bg-purple-400:hover, +.f\\:bg-purple-400:focus, +.f\\:bg-purple-400:focus-within { + background-color: var(--purple-400) !important; +} +.bc-purple-400, +.h\\:bc-purple-400:hover, +.f\\:bc-purple-400:focus, +.f\\:bc-purple-400:focus-within { + border-color: var(--purple-400) !important; +} +.fc-purple-400, +.h\\:fc-purple-400:hover, +.f\\:fc-purple-400:focus, +.f\\:fc-purple-400:focus-within { + color: var(--purple-400) !important; +} +.bg-purple-500, +.h\\:bg-purple-500:hover, +.f\\:bg-purple-500:focus, +.f\\:bg-purple-500:focus-within { + background-color: var(--purple-500) !important; +} +.bc-purple-500, +.h\\:bc-purple-500:hover, +.f\\:bc-purple-500:focus, +.f\\:bc-purple-500:focus-within { + border-color: var(--purple-500) !important; +} +.fc-purple-500, +.h\\:fc-purple-500:hover, +.f\\:fc-purple-500:focus, +.f\\:fc-purple-500:focus-within { + color: var(--purple-500) !important; +} +.bg-purple-600, +.h\\:bg-purple-600:hover, +.f\\:bg-purple-600:focus, +.f\\:bg-purple-600:focus-within { + background-color: var(--purple-600) !important; +} +.bc-purple-600, +.h\\:bc-purple-600:hover, +.f\\:bc-purple-600:focus, +.f\\:bc-purple-600:focus-within { + border-color: var(--purple-600) !important; +} +.fc-purple-600, +.h\\:fc-purple-600:hover, +.f\\:fc-purple-600:focus, +.f\\:fc-purple-600:focus-within { + color: var(--purple-600) !important; +} +.bg-pink-100, +.h\\:bg-pink-100:hover, +.f\\:bg-pink-100:focus, +.f\\:bg-pink-100:focus-within { + background-color: var(--pink-100) !important; +} +.bc-pink-100, +.h\\:bc-pink-100:hover, +.f\\:bc-pink-100:focus, +.f\\:bc-pink-100:focus-within { + border-color: var(--pink-100) !important; +} +.fc-pink-100, +.h\\:fc-pink-100:hover, +.f\\:fc-pink-100:focus, +.f\\:fc-pink-100:focus-within { + color: var(--pink-100) !important; +} +.bg-pink-200, +.h\\:bg-pink-200:hover, +.f\\:bg-pink-200:focus, +.f\\:bg-pink-200:focus-within { + background-color: var(--pink-200) !important; +} +.bc-pink-200, +.h\\:bc-pink-200:hover, +.f\\:bc-pink-200:focus, +.f\\:bc-pink-200:focus-within { + border-color: var(--pink-200) !important; +} +.fc-pink-200, +.h\\:fc-pink-200:hover, +.f\\:fc-pink-200:focus, +.f\\:fc-pink-200:focus-within { + color: var(--pink-200) !important; +} +.bg-pink-300, +.h\\:bg-pink-300:hover, +.f\\:bg-pink-300:focus, +.f\\:bg-pink-300:focus-within { + background-color: var(--pink-300) !important; +} +.bc-pink-300, +.h\\:bc-pink-300:hover, +.f\\:bc-pink-300:focus, +.f\\:bc-pink-300:focus-within { + border-color: var(--pink-300) !important; +} +.fc-pink-300, +.h\\:fc-pink-300:hover, +.f\\:fc-pink-300:focus, +.f\\:fc-pink-300:focus-within { + color: var(--pink-300) !important; +} +.bg-pink-400, +.h\\:bg-pink-400:hover, +.f\\:bg-pink-400:focus, +.f\\:bg-pink-400:focus-within { + background-color: var(--pink-400) !important; +} +.bc-pink-400, +.h\\:bc-pink-400:hover, +.f\\:bc-pink-400:focus, +.f\\:bc-pink-400:focus-within { + border-color: var(--pink-400) !important; +} +.fc-pink-400, +.h\\:fc-pink-400:hover, +.f\\:fc-pink-400:focus, +.f\\:fc-pink-400:focus-within { + color: var(--pink-400) !important; +} +.bg-pink-500, +.h\\:bg-pink-500:hover, +.f\\:bg-pink-500:focus, +.f\\:bg-pink-500:focus-within { + background-color: var(--pink-500) !important; +} +.bc-pink-500, +.h\\:bc-pink-500:hover, +.f\\:bc-pink-500:focus, +.f\\:bc-pink-500:focus-within { + border-color: var(--pink-500) !important; +} +.fc-pink-500, +.h\\:fc-pink-500:hover, +.f\\:fc-pink-500:focus, +.f\\:fc-pink-500:focus-within { + color: var(--pink-500) !important; +} +.bg-pink-600, +.h\\:bg-pink-600:hover, +.f\\:bg-pink-600:focus, +.f\\:bg-pink-600:focus-within { + background-color: var(--pink-600) !important; +} +.bc-pink-600, +.h\\:bc-pink-600:hover, +.f\\:bc-pink-600:focus, +.f\\:bc-pink-600:focus-within { + border-color: var(--pink-600) !important; +} +.fc-pink-600, +.h\\:fc-pink-600:hover, +.f\\:fc-pink-600:focus, +.f\\:fc-pink-600:focus-within { + color: var(--pink-600) !important; +} +.bg-gold-100, +.h\\:bg-gold-100:hover, +.f\\:bg-gold-100:focus, +.f\\:bg-gold-100:focus-within { + background-color: var(--gold-100) !important; +} +.bc-gold-100, +.h\\:bc-gold-100:hover, +.f\\:bc-gold-100:focus, +.f\\:bc-gold-100:focus-within { + border-color: var(--gold-100) !important; +} +.fc-gold-100, +.h\\:fc-gold-100:hover, +.f\\:fc-gold-100:focus, +.f\\:fc-gold-100:focus-within { + color: var(--gold-100) !important; +} +.bg-gold-200, +.h\\:bg-gold-200:hover, +.f\\:bg-gold-200:focus, +.f\\:bg-gold-200:focus-within { + background-color: var(--gold-200) !important; +} +.bc-gold-200, +.h\\:bc-gold-200:hover, +.f\\:bc-gold-200:focus, +.f\\:bc-gold-200:focus-within { + border-color: var(--gold-200) !important; +} +.fc-gold-200, +.h\\:fc-gold-200:hover, +.f\\:fc-gold-200:focus, +.f\\:fc-gold-200:focus-within { + color: var(--gold-200) !important; +} +.bg-gold-300, +.h\\:bg-gold-300:hover, +.f\\:bg-gold-300:focus, +.f\\:bg-gold-300:focus-within { + background-color: var(--gold-300) !important; +} +.bc-gold-300, +.h\\:bc-gold-300:hover, +.f\\:bc-gold-300:focus, +.f\\:bc-gold-300:focus-within { + border-color: var(--gold-300) !important; +} +.fc-gold-300, +.h\\:fc-gold-300:hover, +.f\\:fc-gold-300:focus, +.f\\:fc-gold-300:focus-within { + color: var(--gold-300) !important; +} +.bg-gold-400, +.h\\:bg-gold-400:hover, +.f\\:bg-gold-400:focus, +.f\\:bg-gold-400:focus-within { + background-color: var(--gold-400) !important; +} +.bc-gold-400, +.h\\:bc-gold-400:hover, +.f\\:bc-gold-400:focus, +.f\\:bc-gold-400:focus-within { + border-color: var(--gold-400) !important; +} +.fc-gold-400, +.h\\:fc-gold-400:hover, +.f\\:fc-gold-400:focus, +.f\\:fc-gold-400:focus-within { + color: var(--gold-400) !important; +} +.bg-silver-100, +.h\\:bg-silver-100:hover, +.f\\:bg-silver-100:focus, +.f\\:bg-silver-100:focus-within { + background-color: var(--silver-100) !important; +} +.bc-silver-100, +.h\\:bc-silver-100:hover, +.f\\:bc-silver-100:focus, +.f\\:bc-silver-100:focus-within { + border-color: var(--silver-100) !important; +} +.fc-silver-100, +.h\\:fc-silver-100:hover, +.f\\:fc-silver-100:focus, +.f\\:fc-silver-100:focus-within { + color: var(--silver-100) !important; +} +.bg-silver-200, +.h\\:bg-silver-200:hover, +.f\\:bg-silver-200:focus, +.f\\:bg-silver-200:focus-within { + background-color: var(--silver-200) !important; +} +.bc-silver-200, +.h\\:bc-silver-200:hover, +.f\\:bc-silver-200:focus, +.f\\:bc-silver-200:focus-within { + border-color: var(--silver-200) !important; +} +.fc-silver-200, +.h\\:fc-silver-200:hover, +.f\\:fc-silver-200:focus, +.f\\:fc-silver-200:focus-within { + color: var(--silver-200) !important; +} +.bg-silver-300, +.h\\:bg-silver-300:hover, +.f\\:bg-silver-300:focus, +.f\\:bg-silver-300:focus-within { + background-color: var(--silver-300) !important; +} +.bc-silver-300, +.h\\:bc-silver-300:hover, +.f\\:bc-silver-300:focus, +.f\\:bc-silver-300:focus-within { + border-color: var(--silver-300) !important; +} +.fc-silver-300, +.h\\:fc-silver-300:hover, +.f\\:fc-silver-300:focus, +.f\\:fc-silver-300:focus-within { + color: var(--silver-300) !important; +} +.bg-silver-400, +.h\\:bg-silver-400:hover, +.f\\:bg-silver-400:focus, +.f\\:bg-silver-400:focus-within { + background-color: var(--silver-400) !important; +} +.bc-silver-400, +.h\\:bc-silver-400:hover, +.f\\:bc-silver-400:focus, +.f\\:bc-silver-400:focus-within { + border-color: var(--silver-400) !important; +} +.fc-silver-400, +.h\\:fc-silver-400:hover, +.f\\:fc-silver-400:focus, +.f\\:fc-silver-400:focus-within { + color: var(--silver-400) !important; +} +.bg-bronze-100, +.h\\:bg-bronze-100:hover, +.f\\:bg-bronze-100:focus, +.f\\:bg-bronze-100:focus-within { + background-color: var(--bronze-100) !important; +} +.bc-bronze-100, +.h\\:bc-bronze-100:hover, +.f\\:bc-bronze-100:focus, +.f\\:bc-bronze-100:focus-within { + border-color: var(--bronze-100) !important; +} +.fc-bronze-100, +.h\\:fc-bronze-100:hover, +.f\\:fc-bronze-100:focus, +.f\\:fc-bronze-100:focus-within { + color: var(--bronze-100) !important; +} +.bg-bronze-200, +.h\\:bg-bronze-200:hover, +.f\\:bg-bronze-200:focus, +.f\\:bg-bronze-200:focus-within { + background-color: var(--bronze-200) !important; +} +.bc-bronze-200, +.h\\:bc-bronze-200:hover, +.f\\:bc-bronze-200:focus, +.f\\:bc-bronze-200:focus-within { + border-color: var(--bronze-200) !important; +} +.fc-bronze-200, +.h\\:fc-bronze-200:hover, +.f\\:fc-bronze-200:focus, +.f\\:fc-bronze-200:focus-within { + color: var(--bronze-200) !important; +} +.bg-bronze-300, +.h\\:bg-bronze-300:hover, +.f\\:bg-bronze-300:focus, +.f\\:bg-bronze-300:focus-within { + background-color: var(--bronze-300) !important; +} +.bc-bronze-300, +.h\\:bc-bronze-300:hover, +.f\\:bc-bronze-300:focus, +.f\\:bc-bronze-300:focus-within { + border-color: var(--bronze-300) !important; +} +.fc-bronze-300, +.h\\:fc-bronze-300:hover, +.f\\:fc-bronze-300:focus, +.f\\:fc-bronze-300:focus-within { + color: var(--bronze-300) !important; +} +.bg-bronze-400, +.h\\:bg-bronze-400:hover, +.f\\:bg-bronze-400:focus, +.f\\:bg-bronze-400:focus-within { + background-color: var(--bronze-400) !important; +} +.bc-bronze-400, +.h\\:bc-bronze-400:hover, +.f\\:bc-bronze-400:focus, +.f\\:bc-bronze-400:focus-within { + border-color: var(--bronze-400) !important; +} +.fc-bronze-400, +.h\\:fc-bronze-400:hover, +.f\\:fc-bronze-400:focus, +.f\\:fc-bronze-400:focus-within { + color: var(--bronze-400) !important; +} +.bg-brand, +.h\\:bg-brand:hover, +.f\\:bg-brand:focus, +.f\\:bg-brand:focus-within { + background-color: var(--brand) !important; +} +.bc-brand, +.h\\:bc-brand:hover, +.f\\:bc-brand:focus, +.f\\:bc-brand:focus-within { + border-color: var(--brand) !important; +} +.fc-brand, +.h\\:fc-brand:hover, +.f\\:fc-brand:focus, +.f\\:fc-brand:focus-within { + color: var(--brand) !important; +} +.bg-brand-black, +.h\\:bg-brand-black:hover, +.f\\:bg-brand-black:focus, +.f\\:bg-brand-black:focus-within { + background-color: var(--brand-black) !important; +} +.bc-brand-black, +.h\\:bc-brand-black:hover, +.f\\:bc-brand-black:focus, +.f\\:bc-brand-black:focus-within { + border-color: var(--brand-black) !important; +} +.fc-brand-black, +.h\\:fc-brand-black:hover, +.f\\:fc-brand-black:focus, +.f\\:fc-brand-black:focus-within { + color: var(--brand-black) !important; +} +.bg-brand-off-white, +.h\\:bg-brand-off-white:hover, +.f\\:bg-brand-off-white:focus, +.f\\:bg-brand-off-white:focus-within { + background-color: var(--brand-off-white) !important; +} +.bc-brand-off-white, +.h\\:bc-brand-off-white:hover, +.f\\:bc-brand-off-white:focus, +.f\\:bc-brand-off-white:focus-within { + border-color: var(--brand-off-white) !important; +} +.fc-brand-off-white, +.h\\:fc-brand-off-white:hover, +.f\\:fc-brand-off-white:focus, +.f\\:fc-brand-off-white:focus-within { + color: var(--brand-off-white) !important; +} +.bg-brand-blue-light, +.h\\:bg-brand-blue-light:hover, +.f\\:bg-brand-blue-light:focus, +.f\\:bg-brand-blue-light:focus-within { + background-color: var(--brand-blue-light) !important; +} +.bc-brand-blue-light, +.h\\:bc-brand-blue-light:hover, +.f\\:bc-brand-blue-light:focus, +.f\\:bc-brand-blue-light:focus-within { + border-color: var(--brand-blue-light) !important; +} +.fc-brand-blue-light, +.h\\:fc-brand-blue-light:hover, +.f\\:fc-brand-blue-light:focus, +.f\\:fc-brand-blue-light:focus-within { + color: var(--brand-blue-light) !important; +} +.bg-brand-blue, +.h\\:bg-brand-blue:hover, +.f\\:bg-brand-blue:focus, +.f\\:bg-brand-blue:focus-within { + background-color: var(--brand-blue) !important; +} +.bc-brand-blue, +.h\\:bc-brand-blue:hover, +.f\\:bc-brand-blue:focus, +.f\\:bc-brand-blue:focus-within { + border-color: var(--brand-blue) !important; +} +.fc-brand-blue, +.h\\:fc-brand-blue:hover, +.f\\:fc-brand-blue:focus, +.f\\:fc-brand-blue:focus-within { + color: var(--brand-blue) !important; +} +.bg-brand-blue-dark, +.h\\:bg-brand-blue-dark:hover, +.f\\:bg-brand-blue-dark:focus, +.f\\:bg-brand-blue-dark:focus-within { + background-color: var(--brand-blue-dark) !important; +} +.bc-brand-blue-dark, +.h\\:bc-brand-blue-dark:hover, +.f\\:bc-brand-blue-dark:focus, +.f\\:bc-brand-blue-dark:focus-within { + border-color: var(--brand-blue-dark) !important; +} +.fc-brand-blue-dark, +.h\\:fc-brand-blue-dark:hover, +.f\\:fc-brand-blue-dark:focus, +.f\\:fc-brand-blue-dark:focus-within { + color: var(--brand-blue-dark) !important; +} +.bg-brand-brown-light, +.h\\:bg-brand-brown-light:hover, +.f\\:bg-brand-brown-light:focus, +.f\\:bg-brand-brown-light:focus-within { + background-color: var(--brand-brown-light) !important; +} +.bc-brand-brown-light, +.h\\:bc-brand-brown-light:hover, +.f\\:bc-brand-brown-light:focus, +.f\\:bc-brand-brown-light:focus-within { + border-color: var(--brand-brown-light) !important; +} +.fc-brand-brown-light, +.h\\:fc-brand-brown-light:hover, +.f\\:fc-brand-brown-light:focus, +.f\\:fc-brand-brown-light:focus-within { + color: var(--brand-brown-light) !important; +} +.bg-brand-green, +.h\\:bg-brand-green:hover, +.f\\:bg-brand-green:focus, +.f\\:bg-brand-green:focus-within { + background-color: var(--brand-green) !important; +} +.bc-brand-green, +.h\\:bc-brand-green:hover, +.f\\:bc-brand-green:focus, +.f\\:bc-brand-green:focus-within { + border-color: var(--brand-green) !important; +} +.fc-brand-green, +.h\\:fc-brand-green:hover, +.f\\:fc-brand-green:focus, +.f\\:fc-brand-green:focus-within { + color: var(--brand-green) !important; +} +.bg-brand-green-dark, +.h\\:bg-brand-green-dark:hover, +.f\\:bg-brand-green-dark:focus, +.f\\:bg-brand-green-dark:focus-within { + background-color: var(--brand-green-dark) !important; +} +.bc-brand-green-dark, +.h\\:bc-brand-green-dark:hover, +.f\\:bc-brand-green-dark:focus, +.f\\:bc-brand-green-dark:focus-within { + border-color: var(--brand-green-dark) !important; +} +.fc-brand-green-dark, +.h\\:fc-brand-green-dark:hover, +.f\\:fc-brand-green-dark:focus, +.f\\:fc-brand-green-dark:focus-within { + color: var(--brand-green-dark) !important; +} +.bg-brand-orange-medium, +.h\\:bg-brand-orange-medium:hover, +.f\\:bg-brand-orange-medium:focus, +.f\\:bg-brand-orange-medium:focus-within { + background-color: var(--brand-orange-medium) !important; +} +.bc-brand-orange-medium, +.h\\:bc-brand-orange-medium:hover, +.f\\:bc-brand-orange-medium:focus, +.f\\:bc-brand-orange-medium:focus-within { + border-color: var(--brand-orange-medium) !important; +} +.fc-brand-orange-medium, +.h\\:fc-brand-orange-medium:hover, +.f\\:fc-brand-orange-medium:focus, +.f\\:fc-brand-orange-medium:focus-within { + color: var(--brand-orange-medium) !important; +} +.bg-brand-orange-dark, +.h\\:bg-brand-orange-dark:hover, +.f\\:bg-brand-orange-dark:focus, +.f\\:bg-brand-orange-dark:focus-within { + background-color: var(--brand-orange-dark) !important; +} +.bc-brand-orange-dark, +.h\\:bc-brand-orange-dark:hover, +.f\\:bc-brand-orange-dark:focus, +.f\\:bc-brand-orange-dark:focus-within { + border-color: var(--brand-orange-dark) !important; +} +.fc-brand-orange-dark, +.h\\:fc-brand-orange-dark:hover, +.f\\:fc-brand-orange-dark:focus, +.f\\:fc-brand-orange-dark:focus-within { + color: var(--brand-orange-dark) !important; +} +.bg-brand-pink, +.h\\:bg-brand-pink:hover, +.f\\:bg-brand-pink:focus, +.f\\:bg-brand-pink:focus-within { + background-color: var(--brand-pink) !important; +} +.bc-brand-pink, +.h\\:bc-brand-pink:hover, +.f\\:bc-brand-pink:focus, +.f\\:bc-brand-pink:focus-within { + border-color: var(--brand-pink) !important; +} +.fc-brand-pink, +.h\\:fc-brand-pink:hover, +.f\\:fc-brand-pink:focus, +.f\\:fc-brand-pink:focus-within { + color: var(--brand-pink) !important; +} +.bg-brand-pink-dark, +.h\\:bg-brand-pink-dark:hover, +.f\\:bg-brand-pink-dark:focus, +.f\\:bg-brand-pink-dark:focus-within { + background-color: var(--brand-pink-dark) !important; +} +.bc-brand-pink-dark, +.h\\:bc-brand-pink-dark:hover, +.f\\:bc-brand-pink-dark:focus, +.f\\:bc-brand-pink-dark:focus-within { + border-color: var(--brand-pink-dark) !important; +} +.fc-brand-pink-dark, +.h\\:fc-brand-pink-dark:hover, +.f\\:fc-brand-pink-dark:focus, +.f\\:fc-brand-pink-dark:focus-within { + color: var(--brand-pink-dark) !important; +} +.bg-brand-purple, +.h\\:bg-brand-purple:hover, +.f\\:bg-brand-purple:focus, +.f\\:bg-brand-purple:focus-within { + background-color: var(--brand-purple) !important; +} +.bc-brand-purple, +.h\\:bc-brand-purple:hover, +.f\\:bc-brand-purple:focus, +.f\\:bc-brand-purple:focus-within { + border-color: var(--brand-purple) !important; +} +.fc-brand-purple, +.h\\:fc-brand-purple:hover, +.f\\:fc-brand-purple:focus, +.f\\:fc-brand-purple:focus-within { + color: var(--brand-purple) !important; +} +.bg-brand-purple-dark, +.h\\:bg-brand-purple-dark:hover, +.f\\:bg-brand-purple-dark:focus, +.f\\:bg-brand-purple-dark:focus-within { + background-color: var(--brand-purple-dark) !important; +} +.bc-brand-purple-dark, +.h\\:bc-brand-purple-dark:hover, +.f\\:bc-brand-purple-dark:focus, +.f\\:bc-brand-purple-dark:focus-within { + border-color: var(--brand-purple-dark) !important; +} +.fc-brand-purple-dark, +.h\\:fc-brand-purple-dark:hover, +.f\\:fc-brand-purple-dark:focus, +.f\\:fc-brand-purple-dark:focus-within { + color: var(--brand-purple-dark) !important; +} +.bg-brand-yellow, +.h\\:bg-brand-yellow:hover, +.f\\:bg-brand-yellow:focus, +.f\\:bg-brand-yellow:focus-within { + background-color: var(--brand-yellow) !important; +} +.bc-brand-yellow, +.h\\:bc-brand-yellow:hover, +.f\\:bc-brand-yellow:focus, +.f\\:bc-brand-yellow:focus-within { + border-color: var(--brand-yellow) !important; +} +.fc-brand-yellow, +.h\\:fc-brand-yellow:hover, +.f\\:fc-brand-yellow:focus, +.f\\:fc-brand-yellow:focus-within { + color: var(--brand-yellow) !important; +} +.bg-brand-yellow-dark, +.h\\:bg-brand-yellow-dark:hover, +.f\\:bg-brand-yellow-dark:focus, +.f\\:bg-brand-yellow-dark:focus-within { + background-color: var(--brand-yellow-dark) !important; +} +.bc-brand-yellow-dark, +.h\\:bc-brand-yellow-dark:hover, +.f\\:bc-brand-yellow-dark:focus, +.f\\:bc-brand-yellow-dark:focus-within { + border-color: var(--brand-yellow-dark) !important; +} +.fc-brand-yellow-dark, +.h\\:fc-brand-yellow-dark:hover, +.f\\:fc-brand-yellow-dark:focus, +.f\\:fc-brand-yellow-dark:focus-within { + color: var(--brand-yellow-dark) !important; +} +.fc-light, +.h\\:fc-light:hover, +.f\\:fc-light:focus, +.f\\:fc-light:focus-within { + color: var(--fc-light) !important; +} +.fc-medium, +.h\\:fc-medium:hover, +.f\\:fc-medium:focus, +.f\\:fc-medium:focus-within { + color: var(--fc-medium) !important; +} +.fc-dark, +.h\\:fc-dark:hover, +.f\\:fc-dark:focus, +.f\\:fc-dark:focus-within { + color: var(--fc-dark) !important; +} +.fc-error, +.h\\:fc-error:hover, +.f\\:fc-error:focus, +.f\\:fc-error:focus-within { + color: var(--fc-error) !important; +} +.fc-danger, +.h\\:fc-danger:hover, +.f\\:fc-danger:focus, +.f\\:fc-danger:focus-within { + color: var(--fc-danger) !important; +} +.fc-success, +.h\\:fc-success:hover, +.f\\:fc-success:focus, +.f\\:fc-success:focus-within { + color: var(--fc-success) !important; +} +.fc-warning, +.h\\:fc-warning:hover, +.f\\:fc-warning:focus, +.f\\:fc-warning:focus-within { + color: var(--fc-warning) !important; +} +.bg-error, +.h\\:bg-error:hover, +.f\\:bg-error:focus, +.f\\:bg-error:focus-within { + background-color: var(--bg-error) !important; +} +.bg-danger, +.h\\:bg-danger:hover, +.f\\:bg-danger:focus, +.f\\:bg-danger:focus-within { + background-color: var(--bg-danger) !important; +} +.bg-success, +.h\\:bg-success:hover, +.f\\:bg-success:focus, +.f\\:bg-success:focus-within { + background-color: var(--bg-success) !important; +} +.bg-warning, +.h\\:bg-warning:hover, +.f\\:bg-warning:focus, +.f\\:bg-warning:focus-within { + background-color: var(--bg-warning) !important; +} +.bc-error, +.h\\:bc-error:hover, +.f\\:bc-error:focus, +.f\\:bc-error:focus-within { + border-color: var(--bc-error) !important; +} +.bc-danger, +.h\\:bc-danger:hover, +.f\\:bc-danger:focus, +.f\\:bc-danger:focus-within { + border-color: var(--bc-danger) !important; +} +.bc-success, +.h\\:bc-success:hover, +.f\\:bc-success:focus, +.f\\:bc-success:focus-within { + border-color: var(--bc-success) !important; +} +.bc-warning, +.h\\:bc-warning:hover, +.f\\:bc-warning:focus, +.f\\:bc-warning:focus-within { + border-color: var(--bc-warning) !important; +} +.bg-transparent, +.h\\:bg-transparent:hover, +.f\\:bg-transparent:focus, +.f\\:bg-transparent:focus-within { + background-color: transparent !important; +} +.bc-transparent, +.h\\:bc-transparent:hover, +.f\\:bc-transparent:focus, +.f\\:bc-transparent:focus-within { + border-color: transparent !important; +} +.bg-inherit, +.h\\:bg-inherit:hover, +.f\\:bg-inherit:focus, +.f\\:bg-inherit:focus-within { + background-color: inherit !important; +} +.bc-inherit, +.h\\:bc-inherit:hover, +.f\\:bc-inherit:focus, +.f\\:bc-inherit:focus-within { + border-color: inherit !important; +} +.bg-theme-primary, +.h\\:bg-theme-primary:hover, +.f\\:bg-theme-primary:focus, +.f\\:bg-theme-primary:focus-within { + background-color: var(--theme-primary) !important; +} +.bc-theme-primary, +.h\\:bc-theme-primary:hover, +.f\\:bc-theme-primary:focus, +.f\\:bc-theme-primary:focus-within { + border-color: var(--theme-primary) !important; +} +.fc-theme-primary, +.h\\:fc-theme-primary:hover, +.f\\:fc-theme-primary:focus, +.f\\:fc-theme-primary:focus-within { + color: var(--theme-primary) !important; +} +.bg-theme-primary-100, +.h\\:bg-theme-primary-100:hover, +.f\\:bg-theme-primary-100:focus, +.f\\:bg-theme-primary-100:focus-within { + background-color: var(--theme-primary-100) !important; +} +.bc-theme-primary-100, +.h\\:bc-theme-primary-100:hover, +.f\\:bc-theme-primary-100:focus, +.f\\:bc-theme-primary-100:focus-within { + border-color: var(--theme-primary-100) !important; +} +.fc-theme-primary-100, +.h\\:fc-theme-primary-100:hover, +.f\\:fc-theme-primary-100:focus, +.f\\:fc-theme-primary-100:focus-within { + color: var(--theme-primary-100) !important; +} +.bg-theme-primary-200, +.h\\:bg-theme-primary-200:hover, +.f\\:bg-theme-primary-200:focus, +.f\\:bg-theme-primary-200:focus-within { + background-color: var(--theme-primary-200) !important; +} +.bc-theme-primary-200, +.h\\:bc-theme-primary-200:hover, +.f\\:bc-theme-primary-200:focus, +.f\\:bc-theme-primary-200:focus-within { + border-color: var(--theme-primary-200) !important; +} +.fc-theme-primary-200, +.h\\:fc-theme-primary-200:hover, +.f\\:fc-theme-primary-200:focus, +.f\\:fc-theme-primary-200:focus-within { + color: var(--theme-primary-200) !important; +} +.bg-theme-primary-300, +.h\\:bg-theme-primary-300:hover, +.f\\:bg-theme-primary-300:focus, +.f\\:bg-theme-primary-300:focus-within { + background-color: var(--theme-primary-300) !important; +} +.bc-theme-primary-300, +.h\\:bc-theme-primary-300:hover, +.f\\:bc-theme-primary-300:focus, +.f\\:bc-theme-primary-300:focus-within { + border-color: var(--theme-primary-300) !important; +} +.fc-theme-primary-300, +.h\\:fc-theme-primary-300:hover, +.f\\:fc-theme-primary-300:focus, +.f\\:fc-theme-primary-300:focus-within { + color: var(--theme-primary-300) !important; +} +.bg-theme-primary-400, +.h\\:bg-theme-primary-400:hover, +.f\\:bg-theme-primary-400:focus, +.f\\:bg-theme-primary-400:focus-within { + background-color: var(--theme-primary-400) !important; +} +.bc-theme-primary-400, +.h\\:bc-theme-primary-400:hover, +.f\\:bc-theme-primary-400:focus, +.f\\:bc-theme-primary-400:focus-within { + border-color: var(--theme-primary-400) !important; +} +.fc-theme-primary-400, +.h\\:fc-theme-primary-400:hover, +.f\\:fc-theme-primary-400:focus, +.f\\:fc-theme-primary-400:focus-within { + color: var(--theme-primary-400) !important; +} +.bg-theme-primary-500, +.h\\:bg-theme-primary-500:hover, +.f\\:bg-theme-primary-500:focus, +.f\\:bg-theme-primary-500:focus-within { + background-color: var(--theme-primary-500) !important; +} +.bc-theme-primary-500, +.h\\:bc-theme-primary-500:hover, +.f\\:bc-theme-primary-500:focus, +.f\\:bc-theme-primary-500:focus-within { + border-color: var(--theme-primary-500) !important; +} +.fc-theme-primary-500, +.h\\:fc-theme-primary-500:hover, +.f\\:fc-theme-primary-500:focus, +.f\\:fc-theme-primary-500:focus-within { + color: var(--theme-primary-500) !important; +} +.bg-theme-primary-600, +.h\\:bg-theme-primary-600:hover, +.f\\:bg-theme-primary-600:focus, +.f\\:bg-theme-primary-600:focus-within { + background-color: var(--theme-primary-600) !important; +} +.bc-theme-primary-600, +.h\\:bc-theme-primary-600:hover, +.f\\:bc-theme-primary-600:focus, +.f\\:bc-theme-primary-600:focus-within { + border-color: var(--theme-primary-600) !important; +} +.fc-theme-primary-600, +.h\\:fc-theme-primary-600:hover, +.f\\:fc-theme-primary-600:focus, +.f\\:fc-theme-primary-600:focus-within { + color: var(--theme-primary-600) !important; +} +.bg-theme-secondary, +.h\\:bg-theme-secondary:hover, +.f\\:bg-theme-secondary:focus, +.f\\:bg-theme-secondary:focus-within { + background-color: var(--theme-secondary) !important; +} +.bc-theme-secondary, +.h\\:bc-theme-secondary:hover, +.f\\:bc-theme-secondary:focus, +.f\\:bc-theme-secondary:focus-within { + border-color: var(--theme-secondary) !important; +} +.fc-theme-secondary, +.h\\:fc-theme-secondary:hover, +.f\\:fc-theme-secondary:focus, +.f\\:fc-theme-secondary:focus-within { + color: var(--theme-secondary) !important; +} +.bg-theme-secondary-100, +.h\\:bg-theme-secondary-100:hover, +.f\\:bg-theme-secondary-100:focus, +.f\\:bg-theme-secondary-100:focus-within { + background-color: var(--theme-secondary-100) !important; +} +.bc-theme-secondary-100, +.h\\:bc-theme-secondary-100:hover, +.f\\:bc-theme-secondary-100:focus, +.f\\:bc-theme-secondary-100:focus-within { + border-color: var(--theme-secondary-100) !important; +} +.fc-theme-secondary-100, +.h\\:fc-theme-secondary-100:hover, +.f\\:fc-theme-secondary-100:focus, +.f\\:fc-theme-secondary-100:focus-within { + color: var(--theme-secondary-100) !important; +} +.bg-theme-secondary-200, +.h\\:bg-theme-secondary-200:hover, +.f\\:bg-theme-secondary-200:focus, +.f\\:bg-theme-secondary-200:focus-within { + background-color: var(--theme-secondary-200) !important; +} +.bc-theme-secondary-200, +.h\\:bc-theme-secondary-200:hover, +.f\\:bc-theme-secondary-200:focus, +.f\\:bc-theme-secondary-200:focus-within { + border-color: var(--theme-secondary-200) !important; +} +.fc-theme-secondary-200, +.h\\:fc-theme-secondary-200:hover, +.f\\:fc-theme-secondary-200:focus, +.f\\:fc-theme-secondary-200:focus-within { + color: var(--theme-secondary-200) !important; +} +.bg-theme-secondary-300, +.h\\:bg-theme-secondary-300:hover, +.f\\:bg-theme-secondary-300:focus, +.f\\:bg-theme-secondary-300:focus-within { + background-color: var(--theme-secondary-300) !important; +} +.bc-theme-secondary-300, +.h\\:bc-theme-secondary-300:hover, +.f\\:bc-theme-secondary-300:focus, +.f\\:bc-theme-secondary-300:focus-within { + border-color: var(--theme-secondary-300) !important; +} +.fc-theme-secondary-300, +.h\\:fc-theme-secondary-300:hover, +.f\\:fc-theme-secondary-300:focus, +.f\\:fc-theme-secondary-300:focus-within { + color: var(--theme-secondary-300) !important; +} +.bg-theme-secondary-400, +.h\\:bg-theme-secondary-400:hover, +.f\\:bg-theme-secondary-400:focus, +.f\\:bg-theme-secondary-400:focus-within { + background-color: var(--theme-secondary-400) !important; +} +.bc-theme-secondary-400, +.h\\:bc-theme-secondary-400:hover, +.f\\:bc-theme-secondary-400:focus, +.f\\:bc-theme-secondary-400:focus-within { + border-color: var(--theme-secondary-400) !important; +} +.fc-theme-secondary-400, +.h\\:fc-theme-secondary-400:hover, +.f\\:fc-theme-secondary-400:focus, +.f\\:fc-theme-secondary-400:focus-within { + color: var(--theme-secondary-400) !important; +} +.bg-theme-secondary-500, +.h\\:bg-theme-secondary-500:hover, +.f\\:bg-theme-secondary-500:focus, +.f\\:bg-theme-secondary-500:focus-within { + background-color: var(--theme-secondary-500) !important; +} +.bc-theme-secondary-500, +.h\\:bc-theme-secondary-500:hover, +.f\\:bc-theme-secondary-500:focus, +.f\\:bc-theme-secondary-500:focus-within { + border-color: var(--theme-secondary-500) !important; +} +.fc-theme-secondary-500, +.h\\:fc-theme-secondary-500:hover, +.f\\:fc-theme-secondary-500:focus, +.f\\:fc-theme-secondary-500:focus-within { + color: var(--theme-secondary-500) !important; +} +.bg-theme-secondary-600, +.h\\:bg-theme-secondary-600:hover, +.f\\:bg-theme-secondary-600:focus, +.f\\:bg-theme-secondary-600:focus-within { + background-color: var(--theme-secondary-600) !important; +} +.bc-theme-secondary-600, +.h\\:bc-theme-secondary-600:hover, +.f\\:bc-theme-secondary-600:focus, +.f\\:bc-theme-secondary-600:focus-within { + border-color: var(--theme-secondary-600) !important; +} +.fc-theme-secondary-600, +.h\\:fc-theme-secondary-600:hover, +.f\\:fc-theme-secondary-600:focus, +.f\\:fc-theme-secondary-600:focus-within { + color: var(--theme-secondary-600) !important; +} +@media (prefers-color-scheme: dark) { + body.theme-system .d\\:bg-white { + background-color: var(--white) !important; + } + body.theme-system .d\\:fc-white { + color: var(--white) !important; + } + body.theme-system .d\\:bg-black-050 { + background-color: var(--black-050) !important; + } + body.theme-system .d\\:fc-black-050 { + color: var(--black-050) !important; + } + body.theme-system .d\\:bg-black-100 { + background-color: var(--black-100) !important; + } + body.theme-system .d\\:fc-black-100 { + color: var(--black-100) !important; + } + body.theme-system .d\\:bg-black-150 { + background-color: var(--black-150) !important; + } + body.theme-system .d\\:fc-black-150 { + color: var(--black-150) !important; + } + body.theme-system .d\\:bg-black-200 { + background-color: var(--black-200) !important; + } + body.theme-system .d\\:fc-black-200 { + color: var(--black-200) !important; + } + body.theme-system .d\\:bg-black-225 { + background-color: var(--black-225) !important; + } + body.theme-system .d\\:fc-black-225 { + color: var(--black-225) !important; + } + body.theme-system .d\\:bg-black-250 { + background-color: var(--black-250) !important; + } + body.theme-system .d\\:fc-black-250 { + color: var(--black-250) !important; + } + body.theme-system .d\\:bg-black-300 { + background-color: var(--black-300) !important; + } + body.theme-system .d\\:fc-black-300 { + color: var(--black-300) !important; + } + body.theme-system .d\\:bg-black-350 { + background-color: var(--black-350) !important; + } + body.theme-system .d\\:fc-black-350 { + color: var(--black-350) !important; + } + body.theme-system .d\\:bg-black-400 { + background-color: var(--black-400) !important; + } + body.theme-system .d\\:fc-black-400 { + color: var(--black-400) !important; + } + body.theme-system .d\\:bg-black-500 { + background-color: var(--black-500) !important; + } + body.theme-system .d\\:fc-black-500 { + color: var(--black-500) !important; + } + body.theme-system .d\\:bg-black-600 { + background-color: var(--black-600) !important; + } + body.theme-system .d\\:fc-black-600 { + color: var(--black-600) !important; + } + body.theme-system .d\\:bg-black { + background-color: var(--black) !important; + } + body.theme-system .d\\:fc-black { + color: var(--black) !important; + } + body.theme-system .d\\:bg-orange-100 { + background-color: var(--orange-100) !important; + } + body.theme-system .d\\:fc-orange-100 { + color: var(--orange-100) !important; + } + body.theme-system .d\\:bg-orange-200 { + background-color: var(--orange-200) !important; + } + body.theme-system .d\\:fc-orange-200 { + color: var(--orange-200) !important; + } + body.theme-system .d\\:bg-orange-300 { + background-color: var(--orange-300) !important; + } + body.theme-system .d\\:fc-orange-300 { + color: var(--orange-300) !important; + } + body.theme-system .d\\:bg-orange-400 { + background-color: var(--orange-400) !important; + } + body.theme-system .d\\:fc-orange-400 { + color: var(--orange-400) !important; + } + body.theme-system .d\\:bg-orange-500 { + background-color: var(--orange-500) !important; + } + body.theme-system .d\\:fc-orange-500 { + color: var(--orange-500) !important; + } + body.theme-system .d\\:bg-orange-600 { + background-color: var(--orange-600) !important; + } + body.theme-system .d\\:fc-orange-600 { + color: var(--orange-600) !important; + } + body.theme-system .d\\:bg-blue-100 { + background-color: var(--blue-100) !important; + } + body.theme-system .d\\:fc-blue-100 { + color: var(--blue-100) !important; + } + body.theme-system .d\\:bg-blue-200 { + background-color: var(--blue-200) !important; + } + body.theme-system .d\\:fc-blue-200 { + color: var(--blue-200) !important; + } + body.theme-system .d\\:bg-blue-300 { + background-color: var(--blue-300) !important; + } + body.theme-system .d\\:fc-blue-300 { + color: var(--blue-300) !important; + } + body.theme-system .d\\:bg-blue-400 { + background-color: var(--blue-400) !important; + } + body.theme-system .d\\:fc-blue-400 { + color: var(--blue-400) !important; + } + body.theme-system .d\\:bg-blue-500 { + background-color: var(--blue-500) !important; + } + body.theme-system .d\\:fc-blue-500 { + color: var(--blue-500) !important; + } + body.theme-system .d\\:bg-blue-600 { + background-color: var(--blue-600) !important; + } + body.theme-system .d\\:fc-blue-600 { + color: var(--blue-600) !important; + } + body.theme-system .d\\:bg-green-100 { + background-color: var(--green-100) !important; + } + body.theme-system .d\\:fc-green-100 { + color: var(--green-100) !important; + } + body.theme-system .d\\:bg-green-200 { + background-color: var(--green-200) !important; + } + body.theme-system .d\\:fc-green-200 { + color: var(--green-200) !important; + } + body.theme-system .d\\:bg-green-300 { + background-color: var(--green-300) !important; + } + body.theme-system .d\\:fc-green-300 { + color: var(--green-300) !important; + } + body.theme-system .d\\:bg-green-400 { + background-color: var(--green-400) !important; + } + body.theme-system .d\\:fc-green-400 { + color: var(--green-400) !important; + } + body.theme-system .d\\:bg-green-500 { + background-color: var(--green-500) !important; + } + body.theme-system .d\\:fc-green-500 { + color: var(--green-500) !important; + } + body.theme-system .d\\:bg-green-600 { + background-color: var(--green-600) !important; + } + body.theme-system .d\\:fc-green-600 { + color: var(--green-600) !important; + } + body.theme-system .d\\:bg-red-100 { + background-color: var(--red-100) !important; + } + body.theme-system .d\\:fc-red-100 { + color: var(--red-100) !important; + } + body.theme-system .d\\:bg-red-200 { + background-color: var(--red-200) !important; + } + body.theme-system .d\\:fc-red-200 { + color: var(--red-200) !important; + } + body.theme-system .d\\:bg-red-300 { + background-color: var(--red-300) !important; + } + body.theme-system .d\\:fc-red-300 { + color: var(--red-300) !important; + } + body.theme-system .d\\:bg-red-400 { + background-color: var(--red-400) !important; + } + body.theme-system .d\\:fc-red-400 { + color: var(--red-400) !important; + } + body.theme-system .d\\:bg-red-500 { + background-color: var(--red-500) !important; + } + body.theme-system .d\\:fc-red-500 { + color: var(--red-500) !important; + } + body.theme-system .d\\:bg-red-600 { + background-color: var(--red-600) !important; + } + body.theme-system .d\\:fc-red-600 { + color: var(--red-600) !important; + } + body.theme-system .d\\:bg-yellow-100 { + background-color: var(--yellow-100) !important; + } + body.theme-system .d\\:fc-yellow-100 { + color: var(--yellow-100) !important; + } + body.theme-system .d\\:bg-yellow-200 { + background-color: var(--yellow-200) !important; + } + body.theme-system .d\\:fc-yellow-200 { + color: var(--yellow-200) !important; + } + body.theme-system .d\\:bg-yellow-300 { + background-color: var(--yellow-300) !important; + } + body.theme-system .d\\:fc-yellow-300 { + color: var(--yellow-300) !important; + } + body.theme-system .d\\:bg-yellow-400 { + background-color: var(--yellow-400) !important; + } + body.theme-system .d\\:fc-yellow-400 { + color: var(--yellow-400) !important; + } + body.theme-system .d\\:bg-yellow-500 { + background-color: var(--yellow-500) !important; + } + body.theme-system .d\\:fc-yellow-500 { + color: var(--yellow-500) !important; + } + body.theme-system .d\\:bg-yellow-600 { + background-color: var(--yellow-600) !important; + } + body.theme-system .d\\:fc-yellow-600 { + color: var(--yellow-600) !important; + } + body.theme-system .d\\:bg-purple-100 { + background-color: var(--purple-100) !important; + } + body.theme-system .d\\:fc-purple-100 { + color: var(--purple-100) !important; + } + body.theme-system .d\\:bg-purple-200 { + background-color: var(--purple-200) !important; + } + body.theme-system .d\\:fc-purple-200 { + color: var(--purple-200) !important; + } + body.theme-system .d\\:bg-purple-300 { + background-color: var(--purple-300) !important; + } + body.theme-system .d\\:fc-purple-300 { + color: var(--purple-300) !important; + } + body.theme-system .d\\:bg-purple-400 { + background-color: var(--purple-400) !important; + } + body.theme-system .d\\:fc-purple-400 { + color: var(--purple-400) !important; + } + body.theme-system .d\\:bg-purple-500 { + background-color: var(--purple-500) !important; + } + body.theme-system .d\\:fc-purple-500 { + color: var(--purple-500) !important; + } + body.theme-system .d\\:bg-purple-600 { + background-color: var(--purple-600) !important; + } + body.theme-system .d\\:fc-purple-600 { + color: var(--purple-600) !important; + } + body.theme-system .d\\:bg-pink-100 { + background-color: var(--pink-100) !important; + } + body.theme-system .d\\:fc-pink-100 { + color: var(--pink-100) !important; + } + body.theme-system .d\\:bg-pink-200 { + background-color: var(--pink-200) !important; + } + body.theme-system .d\\:fc-pink-200 { + color: var(--pink-200) !important; + } + body.theme-system .d\\:bg-pink-300 { + background-color: var(--pink-300) !important; + } + body.theme-system .d\\:fc-pink-300 { + color: var(--pink-300) !important; + } + body.theme-system .d\\:bg-pink-400 { + background-color: var(--pink-400) !important; + } + body.theme-system .d\\:fc-pink-400 { + color: var(--pink-400) !important; + } + body.theme-system .d\\:bg-pink-500 { + background-color: var(--pink-500) !important; + } + body.theme-system .d\\:fc-pink-500 { + color: var(--pink-500) !important; + } + body.theme-system .d\\:bg-pink-600 { + background-color: var(--pink-600) !important; + } + body.theme-system .d\\:fc-pink-600 { + color: var(--pink-600) !important; + } + body.theme-system .d\\:bg-gold-100 { + background-color: var(--gold-100) !important; + } + body.theme-system .d\\:fc-gold-100 { + color: var(--gold-100) !important; + } + body.theme-system .d\\:bg-gold-200 { + background-color: var(--gold-200) !important; + } + body.theme-system .d\\:fc-gold-200 { + color: var(--gold-200) !important; + } + body.theme-system .d\\:bg-gold-300 { + background-color: var(--gold-300) !important; + } + body.theme-system .d\\:fc-gold-300 { + color: var(--gold-300) !important; + } + body.theme-system .d\\:bg-gold-400 { + background-color: var(--gold-400) !important; + } + body.theme-system .d\\:fc-gold-400 { + color: var(--gold-400) !important; + } + body.theme-system .d\\:bg-silver-100 { + background-color: var(--silver-100) !important; + } + body.theme-system .d\\:fc-silver-100 { + color: var(--silver-100) !important; + } + body.theme-system .d\\:bg-silver-200 { + background-color: var(--silver-200) !important; + } + body.theme-system .d\\:fc-silver-200 { + color: var(--silver-200) !important; + } + body.theme-system .d\\:bg-silver-300 { + background-color: var(--silver-300) !important; + } + body.theme-system .d\\:fc-silver-300 { + color: var(--silver-300) !important; + } + body.theme-system .d\\:bg-silver-400 { + background-color: var(--silver-400) !important; + } + body.theme-system .d\\:fc-silver-400 { + color: var(--silver-400) !important; + } + body.theme-system .d\\:bg-bronze-100 { + background-color: var(--bronze-100) !important; + } + body.theme-system .d\\:fc-bronze-100 { + color: var(--bronze-100) !important; + } + body.theme-system .d\\:bg-bronze-200 { + background-color: var(--bronze-200) !important; + } + body.theme-system .d\\:fc-bronze-200 { + color: var(--bronze-200) !important; + } + body.theme-system .d\\:bg-bronze-300 { + background-color: var(--bronze-300) !important; + } + body.theme-system .d\\:fc-bronze-300 { + color: var(--bronze-300) !important; + } + body.theme-system .d\\:bg-bronze-400 { + background-color: var(--bronze-400) !important; + } + body.theme-system .d\\:fc-bronze-400 { + color: var(--bronze-400) !important; + } + body.theme-system .d\\:bg-brand { + background-color: var(--brand) !important; + } + body.theme-system .d\\:fc-brand { + color: var(--brand) !important; + } + body.theme-system .d\\:bg-brand-black { + background-color: var(--brand-black) !important; + } + body.theme-system .d\\:fc-brand-black { + color: var(--brand-black) !important; + } + body.theme-system .d\\:bg-brand-off-white { + background-color: var(--brand-off-white) !important; + } + body.theme-system .d\\:fc-brand-off-white { + color: var(--brand-off-white) !important; + } + body.theme-system .d\\:bg-brand-blue-light { + background-color: var(--brand-blue-light) !important; + } + body.theme-system .d\\:fc-brand-blue-light { + color: var(--brand-blue-light) !important; + } + body.theme-system .d\\:bg-brand-blue { + background-color: var(--brand-blue) !important; + } + body.theme-system .d\\:fc-brand-blue { + color: var(--brand-blue) !important; + } + body.theme-system .d\\:bg-brand-blue-dark { + background-color: var(--brand-blue-dark) !important; + } + body.theme-system .d\\:fc-brand-blue-dark { + color: var(--brand-blue-dark) !important; + } + body.theme-system .d\\:bg-brand-brown-light { + background-color: var(--brand-brown-light) !important; + } + body.theme-system .d\\:fc-brand-brown-light { + color: var(--brand-brown-light) !important; + } + body.theme-system .d\\:bg-brand-green { + background-color: var(--brand-green) !important; + } + body.theme-system .d\\:fc-brand-green { + color: var(--brand-green) !important; + } + body.theme-system .d\\:bg-brand-green-dark { + background-color: var(--brand-green-dark) !important; + } + body.theme-system .d\\:fc-brand-green-dark { + color: var(--brand-green-dark) !important; + } + body.theme-system .d\\:bg-brand-orange-medium { + background-color: var(--brand-orange-medium) !important; + } + body.theme-system .d\\:fc-brand-orange-medium { + color: var(--brand-orange-medium) !important; + } + body.theme-system .d\\:bg-brand-orange-dark { + background-color: var(--brand-orange-dark) !important; + } + body.theme-system .d\\:fc-brand-orange-dark { + color: var(--brand-orange-dark) !important; + } + body.theme-system .d\\:bg-brand-pink { + background-color: var(--brand-pink) !important; + } + body.theme-system .d\\:fc-brand-pink { + color: var(--brand-pink) !important; + } + body.theme-system .d\\:bg-brand-pink-dark { + background-color: var(--brand-pink-dark) !important; + } + body.theme-system .d\\:fc-brand-pink-dark { + color: var(--brand-pink-dark) !important; + } + body.theme-system .d\\:bg-brand-purple { + background-color: var(--brand-purple) !important; + } + body.theme-system .d\\:fc-brand-purple { + color: var(--brand-purple) !important; + } + body.theme-system .d\\:bg-brand-purple-dark { + background-color: var(--brand-purple-dark) !important; + } + body.theme-system .d\\:fc-brand-purple-dark { + color: var(--brand-purple-dark) !important; + } + body.theme-system .d\\:bg-brand-yellow { + background-color: var(--brand-yellow) !important; + } + body.theme-system .d\\:fc-brand-yellow { + color: var(--brand-yellow) !important; + } + body.theme-system .d\\:bg-brand-yellow-dark { + background-color: var(--brand-yellow-dark) !important; + } + body.theme-system .d\\:fc-brand-yellow-dark { + color: var(--brand-yellow-dark) !important; + } + body.theme-system .d\\:fc-light { + color: var(--fc-light) !important; + } + body.theme-system .d\\:fc-medium { + color: var(--fc-medium) !important; + } + body.theme-system .d\\:fc-dark { + color: var(--fc-dark) !important; + } + body.theme-system .d\\:fc-error { + color: var(--fc-error) !important; + } + body.theme-system .d\\:fc-danger { + color: var(--fc-danger) !important; + } + body.theme-system .d\\:fc-success { + color: var(--fc-success) !important; + } + body.theme-system .d\\:fc-warning { + color: var(--fc-warning) !important; + } + body.theme-system .d\\:bg-error { + background-color: var(--bg-error) !important; + } + body.theme-system .d\\:bg-danger { + background-color: var(--bg-danger) !important; + } + body.theme-system .d\\:bg-success { + background-color: var(--bg-success) !important; + } + body.theme-system .d\\:bg-warning { + background-color: var(--bg-warning) !important; + } + body.theme-system .bg-transparent, + body.theme-system .h\\:bg-transparent:hover, + body.theme-system .f\\:bg-transparent:focus, + body.theme-system .f\\:bg-transparent:focus-within { + background-color: transparent !important; + } + body.theme-system .bc-transparent, + body.theme-system .h\\:bc-transparent:hover, + body.theme-system .f\\:bc-transparent:focus, + body.theme-system .f\\:bc-transparent:focus-within { + border-color: transparent !important; + } + body.theme-system .bg-inherit, + body.theme-system .h\\:bg-inherit:hover, + body.theme-system .f\\:bg-inherit:focus, + body.theme-system .f\\:bg-inherit:focus-within { + background-color: inherit !important; + } + body.theme-system .bc-inherit, + body.theme-system .h\\:bc-inherit:hover, + body.theme-system .f\\:bc-inherit:focus, + body.theme-system .f\\:bc-inherit:focus-within { + border-color: inherit !important; + } +} +body.theme-dark .d\\:bg-white, +.theme-dark__forced .d\\:bg-white, +body.theme-system .theme-dark__forced .d\\:bg-white { + background-color: var(--white) !important; +} +body.theme-dark .d\\:fc-white, +.theme-dark__forced .d\\:fc-white, +body.theme-system .theme-dark__forced .d\\:fc-white { + color: var(--white) !important; +} +body.theme-dark .d\\:bg-black-050, +.theme-dark__forced .d\\:bg-black-050, +body.theme-system .theme-dark__forced .d\\:bg-black-050 { + background-color: var(--black-050) !important; +} +body.theme-dark .d\\:fc-black-050, +.theme-dark__forced .d\\:fc-black-050, +body.theme-system .theme-dark__forced .d\\:fc-black-050 { + color: var(--black-050) !important; +} +body.theme-dark .d\\:bg-black-100, +.theme-dark__forced .d\\:bg-black-100, +body.theme-system .theme-dark__forced .d\\:bg-black-100 { + background-color: var(--black-100) !important; +} +body.theme-dark .d\\:fc-black-100, +.theme-dark__forced .d\\:fc-black-100, +body.theme-system .theme-dark__forced .d\\:fc-black-100 { + color: var(--black-100) !important; +} +body.theme-dark .d\\:bg-black-150, +.theme-dark__forced .d\\:bg-black-150, +body.theme-system .theme-dark__forced .d\\:bg-black-150 { + background-color: var(--black-150) !important; +} +body.theme-dark .d\\:fc-black-150, +.theme-dark__forced .d\\:fc-black-150, +body.theme-system .theme-dark__forced .d\\:fc-black-150 { + color: var(--black-150) !important; +} +body.theme-dark .d\\:bg-black-200, +.theme-dark__forced .d\\:bg-black-200, +body.theme-system .theme-dark__forced .d\\:bg-black-200 { + background-color: var(--black-200) !important; +} +body.theme-dark .d\\:fc-black-200, +.theme-dark__forced .d\\:fc-black-200, +body.theme-system .theme-dark__forced .d\\:fc-black-200 { + color: var(--black-200) !important; +} +body.theme-dark .d\\:bg-black-225, +.theme-dark__forced .d\\:bg-black-225, +body.theme-system .theme-dark__forced .d\\:bg-black-225 { + background-color: var(--black-225) !important; +} +body.theme-dark .d\\:fc-black-225, +.theme-dark__forced .d\\:fc-black-225, +body.theme-system .theme-dark__forced .d\\:fc-black-225 { + color: var(--black-225) !important; +} +body.theme-dark .d\\:bg-black-250, +.theme-dark__forced .d\\:bg-black-250, +body.theme-system .theme-dark__forced .d\\:bg-black-250 { + background-color: var(--black-250) !important; +} +body.theme-dark .d\\:fc-black-250, +.theme-dark__forced .d\\:fc-black-250, +body.theme-system .theme-dark__forced .d\\:fc-black-250 { + color: var(--black-250) !important; +} +body.theme-dark .d\\:bg-black-300, +.theme-dark__forced .d\\:bg-black-300, +body.theme-system .theme-dark__forced .d\\:bg-black-300 { + background-color: var(--black-300) !important; +} +body.theme-dark .d\\:fc-black-300, +.theme-dark__forced .d\\:fc-black-300, +body.theme-system .theme-dark__forced .d\\:fc-black-300 { + color: var(--black-300) !important; +} +body.theme-dark .d\\:bg-black-350, +.theme-dark__forced .d\\:bg-black-350, +body.theme-system .theme-dark__forced .d\\:bg-black-350 { + background-color: var(--black-350) !important; +} +body.theme-dark .d\\:fc-black-350, +.theme-dark__forced .d\\:fc-black-350, +body.theme-system .theme-dark__forced .d\\:fc-black-350 { + color: var(--black-350) !important; +} +body.theme-dark .d\\:bg-black-400, +.theme-dark__forced .d\\:bg-black-400, +body.theme-system .theme-dark__forced .d\\:bg-black-400 { + background-color: var(--black-400) !important; +} +body.theme-dark .d\\:fc-black-400, +.theme-dark__forced .d\\:fc-black-400, +body.theme-system .theme-dark__forced .d\\:fc-black-400 { + color: var(--black-400) !important; +} +body.theme-dark .d\\:bg-black-500, +.theme-dark__forced .d\\:bg-black-500, +body.theme-system .theme-dark__forced .d\\:bg-black-500 { + background-color: var(--black-500) !important; +} +body.theme-dark .d\\:fc-black-500, +.theme-dark__forced .d\\:fc-black-500, +body.theme-system .theme-dark__forced .d\\:fc-black-500 { + color: var(--black-500) !important; +} +body.theme-dark .d\\:bg-black-600, +.theme-dark__forced .d\\:bg-black-600, +body.theme-system .theme-dark__forced .d\\:bg-black-600 { + background-color: var(--black-600) !important; +} +body.theme-dark .d\\:fc-black-600, +.theme-dark__forced .d\\:fc-black-600, +body.theme-system .theme-dark__forced .d\\:fc-black-600 { + color: var(--black-600) !important; +} +body.theme-dark .d\\:bg-black, +.theme-dark__forced .d\\:bg-black, +body.theme-system .theme-dark__forced .d\\:bg-black { + background-color: var(--black) !important; +} +body.theme-dark .d\\:fc-black, +.theme-dark__forced .d\\:fc-black, +body.theme-system .theme-dark__forced .d\\:fc-black { + color: var(--black) !important; +} +body.theme-dark .d\\:bg-orange-100, +.theme-dark__forced .d\\:bg-orange-100, +body.theme-system .theme-dark__forced .d\\:bg-orange-100 { + background-color: var(--orange-100) !important; +} +body.theme-dark .d\\:fc-orange-100, +.theme-dark__forced .d\\:fc-orange-100, +body.theme-system .theme-dark__forced .d\\:fc-orange-100 { + color: var(--orange-100) !important; +} +body.theme-dark .d\\:bg-orange-200, +.theme-dark__forced .d\\:bg-orange-200, +body.theme-system .theme-dark__forced .d\\:bg-orange-200 { + background-color: var(--orange-200) !important; +} +body.theme-dark .d\\:fc-orange-200, +.theme-dark__forced .d\\:fc-orange-200, +body.theme-system .theme-dark__forced .d\\:fc-orange-200 { + color: var(--orange-200) !important; +} +body.theme-dark .d\\:bg-orange-300, +.theme-dark__forced .d\\:bg-orange-300, +body.theme-system .theme-dark__forced .d\\:bg-orange-300 { + background-color: var(--orange-300) !important; +} +body.theme-dark .d\\:fc-orange-300, +.theme-dark__forced .d\\:fc-orange-300, +body.theme-system .theme-dark__forced .d\\:fc-orange-300 { + color: var(--orange-300) !important; +} +body.theme-dark .d\\:bg-orange-400, +.theme-dark__forced .d\\:bg-orange-400, +body.theme-system .theme-dark__forced .d\\:bg-orange-400 { + background-color: var(--orange-400) !important; +} +body.theme-dark .d\\:fc-orange-400, +.theme-dark__forced .d\\:fc-orange-400, +body.theme-system .theme-dark__forced .d\\:fc-orange-400 { + color: var(--orange-400) !important; +} +body.theme-dark .d\\:bg-orange-500, +.theme-dark__forced .d\\:bg-orange-500, +body.theme-system .theme-dark__forced .d\\:bg-orange-500 { + background-color: var(--orange-500) !important; +} +body.theme-dark .d\\:fc-orange-500, +.theme-dark__forced .d\\:fc-orange-500, +body.theme-system .theme-dark__forced .d\\:fc-orange-500 { + color: var(--orange-500) !important; +} +body.theme-dark .d\\:bg-orange-600, +.theme-dark__forced .d\\:bg-orange-600, +body.theme-system .theme-dark__forced .d\\:bg-orange-600 { + background-color: var(--orange-600) !important; +} +body.theme-dark .d\\:fc-orange-600, +.theme-dark__forced .d\\:fc-orange-600, +body.theme-system .theme-dark__forced .d\\:fc-orange-600 { + color: var(--orange-600) !important; +} +body.theme-dark .d\\:bg-blue-100, +.theme-dark__forced .d\\:bg-blue-100, +body.theme-system .theme-dark__forced .d\\:bg-blue-100 { + background-color: var(--blue-100) !important; +} +body.theme-dark .d\\:fc-blue-100, +.theme-dark__forced .d\\:fc-blue-100, +body.theme-system .theme-dark__forced .d\\:fc-blue-100 { + color: var(--blue-100) !important; +} +body.theme-dark .d\\:bg-blue-200, +.theme-dark__forced .d\\:bg-blue-200, +body.theme-system .theme-dark__forced .d\\:bg-blue-200 { + background-color: var(--blue-200) !important; +} +body.theme-dark .d\\:fc-blue-200, +.theme-dark__forced .d\\:fc-blue-200, +body.theme-system .theme-dark__forced .d\\:fc-blue-200 { + color: var(--blue-200) !important; +} +body.theme-dark .d\\:bg-blue-300, +.theme-dark__forced .d\\:bg-blue-300, +body.theme-system .theme-dark__forced .d\\:bg-blue-300 { + background-color: var(--blue-300) !important; +} +body.theme-dark .d\\:fc-blue-300, +.theme-dark__forced .d\\:fc-blue-300, +body.theme-system .theme-dark__forced .d\\:fc-blue-300 { + color: var(--blue-300) !important; +} +body.theme-dark .d\\:bg-blue-400, +.theme-dark__forced .d\\:bg-blue-400, +body.theme-system .theme-dark__forced .d\\:bg-blue-400 { + background-color: var(--blue-400) !important; +} +body.theme-dark .d\\:fc-blue-400, +.theme-dark__forced .d\\:fc-blue-400, +body.theme-system .theme-dark__forced .d\\:fc-blue-400 { + color: var(--blue-400) !important; +} +body.theme-dark .d\\:bg-blue-500, +.theme-dark__forced .d\\:bg-blue-500, +body.theme-system .theme-dark__forced .d\\:bg-blue-500 { + background-color: var(--blue-500) !important; +} +body.theme-dark .d\\:fc-blue-500, +.theme-dark__forced .d\\:fc-blue-500, +body.theme-system .theme-dark__forced .d\\:fc-blue-500 { + color: var(--blue-500) !important; +} +body.theme-dark .d\\:bg-blue-600, +.theme-dark__forced .d\\:bg-blue-600, +body.theme-system .theme-dark__forced .d\\:bg-blue-600 { + background-color: var(--blue-600) !important; +} +body.theme-dark .d\\:fc-blue-600, +.theme-dark__forced .d\\:fc-blue-600, +body.theme-system .theme-dark__forced .d\\:fc-blue-600 { + color: var(--blue-600) !important; +} +body.theme-dark .d\\:bg-green-100, +.theme-dark__forced .d\\:bg-green-100, +body.theme-system .theme-dark__forced .d\\:bg-green-100 { + background-color: var(--green-100) !important; +} +body.theme-dark .d\\:fc-green-100, +.theme-dark__forced .d\\:fc-green-100, +body.theme-system .theme-dark__forced .d\\:fc-green-100 { + color: var(--green-100) !important; +} +body.theme-dark .d\\:bg-green-200, +.theme-dark__forced .d\\:bg-green-200, +body.theme-system .theme-dark__forced .d\\:bg-green-200 { + background-color: var(--green-200) !important; +} +body.theme-dark .d\\:fc-green-200, +.theme-dark__forced .d\\:fc-green-200, +body.theme-system .theme-dark__forced .d\\:fc-green-200 { + color: var(--green-200) !important; +} +body.theme-dark .d\\:bg-green-300, +.theme-dark__forced .d\\:bg-green-300, +body.theme-system .theme-dark__forced .d\\:bg-green-300 { + background-color: var(--green-300) !important; +} +body.theme-dark .d\\:fc-green-300, +.theme-dark__forced .d\\:fc-green-300, +body.theme-system .theme-dark__forced .d\\:fc-green-300 { + color: var(--green-300) !important; +} +body.theme-dark .d\\:bg-green-400, +.theme-dark__forced .d\\:bg-green-400, +body.theme-system .theme-dark__forced .d\\:bg-green-400 { + background-color: var(--green-400) !important; +} +body.theme-dark .d\\:fc-green-400, +.theme-dark__forced .d\\:fc-green-400, +body.theme-system .theme-dark__forced .d\\:fc-green-400 { + color: var(--green-400) !important; +} +body.theme-dark .d\\:bg-green-500, +.theme-dark__forced .d\\:bg-green-500, +body.theme-system .theme-dark__forced .d\\:bg-green-500 { + background-color: var(--green-500) !important; +} +body.theme-dark .d\\:fc-green-500, +.theme-dark__forced .d\\:fc-green-500, +body.theme-system .theme-dark__forced .d\\:fc-green-500 { + color: var(--green-500) !important; +} +body.theme-dark .d\\:bg-green-600, +.theme-dark__forced .d\\:bg-green-600, +body.theme-system .theme-dark__forced .d\\:bg-green-600 { + background-color: var(--green-600) !important; +} +body.theme-dark .d\\:fc-green-600, +.theme-dark__forced .d\\:fc-green-600, +body.theme-system .theme-dark__forced .d\\:fc-green-600 { + color: var(--green-600) !important; +} +body.theme-dark .d\\:bg-red-100, +.theme-dark__forced .d\\:bg-red-100, +body.theme-system .theme-dark__forced .d\\:bg-red-100 { + background-color: var(--red-100) !important; +} +body.theme-dark .d\\:fc-red-100, +.theme-dark__forced .d\\:fc-red-100, +body.theme-system .theme-dark__forced .d\\:fc-red-100 { + color: var(--red-100) !important; +} +body.theme-dark .d\\:bg-red-200, +.theme-dark__forced .d\\:bg-red-200, +body.theme-system .theme-dark__forced .d\\:bg-red-200 { + background-color: var(--red-200) !important; +} +body.theme-dark .d\\:fc-red-200, +.theme-dark__forced .d\\:fc-red-200, +body.theme-system .theme-dark__forced .d\\:fc-red-200 { + color: var(--red-200) !important; +} +body.theme-dark .d\\:bg-red-300, +.theme-dark__forced .d\\:bg-red-300, +body.theme-system .theme-dark__forced .d\\:bg-red-300 { + background-color: var(--red-300) !important; +} +body.theme-dark .d\\:fc-red-300, +.theme-dark__forced .d\\:fc-red-300, +body.theme-system .theme-dark__forced .d\\:fc-red-300 { + color: var(--red-300) !important; +} +body.theme-dark .d\\:bg-red-400, +.theme-dark__forced .d\\:bg-red-400, +body.theme-system .theme-dark__forced .d\\:bg-red-400 { + background-color: var(--red-400) !important; +} +body.theme-dark .d\\:fc-red-400, +.theme-dark__forced .d\\:fc-red-400, +body.theme-system .theme-dark__forced .d\\:fc-red-400 { + color: var(--red-400) !important; +} +body.theme-dark .d\\:bg-red-500, +.theme-dark__forced .d\\:bg-red-500, +body.theme-system .theme-dark__forced .d\\:bg-red-500 { + background-color: var(--red-500) !important; +} +body.theme-dark .d\\:fc-red-500, +.theme-dark__forced .d\\:fc-red-500, +body.theme-system .theme-dark__forced .d\\:fc-red-500 { + color: var(--red-500) !important; +} +body.theme-dark .d\\:bg-red-600, +.theme-dark__forced .d\\:bg-red-600, +body.theme-system .theme-dark__forced .d\\:bg-red-600 { + background-color: var(--red-600) !important; +} +body.theme-dark .d\\:fc-red-600, +.theme-dark__forced .d\\:fc-red-600, +body.theme-system .theme-dark__forced .d\\:fc-red-600 { + color: var(--red-600) !important; +} +body.theme-dark .d\\:bg-yellow-100, +.theme-dark__forced .d\\:bg-yellow-100, +body.theme-system .theme-dark__forced .d\\:bg-yellow-100 { + background-color: var(--yellow-100) !important; +} +body.theme-dark .d\\:fc-yellow-100, +.theme-dark__forced .d\\:fc-yellow-100, +body.theme-system .theme-dark__forced .d\\:fc-yellow-100 { + color: var(--yellow-100) !important; +} +body.theme-dark .d\\:bg-yellow-200, +.theme-dark__forced .d\\:bg-yellow-200, +body.theme-system .theme-dark__forced .d\\:bg-yellow-200 { + background-color: var(--yellow-200) !important; +} +body.theme-dark .d\\:fc-yellow-200, +.theme-dark__forced .d\\:fc-yellow-200, +body.theme-system .theme-dark__forced .d\\:fc-yellow-200 { + color: var(--yellow-200) !important; +} +body.theme-dark .d\\:bg-yellow-300, +.theme-dark__forced .d\\:bg-yellow-300, +body.theme-system .theme-dark__forced .d\\:bg-yellow-300 { + background-color: var(--yellow-300) !important; +} +body.theme-dark .d\\:fc-yellow-300, +.theme-dark__forced .d\\:fc-yellow-300, +body.theme-system .theme-dark__forced .d\\:fc-yellow-300 { + color: var(--yellow-300) !important; +} +body.theme-dark .d\\:bg-yellow-400, +.theme-dark__forced .d\\:bg-yellow-400, +body.theme-system .theme-dark__forced .d\\:bg-yellow-400 { + background-color: var(--yellow-400) !important; +} +body.theme-dark .d\\:fc-yellow-400, +.theme-dark__forced .d\\:fc-yellow-400, +body.theme-system .theme-dark__forced .d\\:fc-yellow-400 { + color: var(--yellow-400) !important; +} +body.theme-dark .d\\:bg-yellow-500, +.theme-dark__forced .d\\:bg-yellow-500, +body.theme-system .theme-dark__forced .d\\:bg-yellow-500 { + background-color: var(--yellow-500) !important; +} +body.theme-dark .d\\:fc-yellow-500, +.theme-dark__forced .d\\:fc-yellow-500, +body.theme-system .theme-dark__forced .d\\:fc-yellow-500 { + color: var(--yellow-500) !important; +} +body.theme-dark .d\\:bg-yellow-600, +.theme-dark__forced .d\\:bg-yellow-600, +body.theme-system .theme-dark__forced .d\\:bg-yellow-600 { + background-color: var(--yellow-600) !important; +} +body.theme-dark .d\\:fc-yellow-600, +.theme-dark__forced .d\\:fc-yellow-600, +body.theme-system .theme-dark__forced .d\\:fc-yellow-600 { + color: var(--yellow-600) !important; +} +body.theme-dark .d\\:bg-purple-100, +.theme-dark__forced .d\\:bg-purple-100, +body.theme-system .theme-dark__forced .d\\:bg-purple-100 { + background-color: var(--purple-100) !important; +} +body.theme-dark .d\\:fc-purple-100, +.theme-dark__forced .d\\:fc-purple-100, +body.theme-system .theme-dark__forced .d\\:fc-purple-100 { + color: var(--purple-100) !important; +} +body.theme-dark .d\\:bg-purple-200, +.theme-dark__forced .d\\:bg-purple-200, +body.theme-system .theme-dark__forced .d\\:bg-purple-200 { + background-color: var(--purple-200) !important; +} +body.theme-dark .d\\:fc-purple-200, +.theme-dark__forced .d\\:fc-purple-200, +body.theme-system .theme-dark__forced .d\\:fc-purple-200 { + color: var(--purple-200) !important; +} +body.theme-dark .d\\:bg-purple-300, +.theme-dark__forced .d\\:bg-purple-300, +body.theme-system .theme-dark__forced .d\\:bg-purple-300 { + background-color: var(--purple-300) !important; +} +body.theme-dark .d\\:fc-purple-300, +.theme-dark__forced .d\\:fc-purple-300, +body.theme-system .theme-dark__forced .d\\:fc-purple-300 { + color: var(--purple-300) !important; +} +body.theme-dark .d\\:bg-purple-400, +.theme-dark__forced .d\\:bg-purple-400, +body.theme-system .theme-dark__forced .d\\:bg-purple-400 { + background-color: var(--purple-400) !important; +} +body.theme-dark .d\\:fc-purple-400, +.theme-dark__forced .d\\:fc-purple-400, +body.theme-system .theme-dark__forced .d\\:fc-purple-400 { + color: var(--purple-400) !important; +} +body.theme-dark .d\\:bg-purple-500, +.theme-dark__forced .d\\:bg-purple-500, +body.theme-system .theme-dark__forced .d\\:bg-purple-500 { + background-color: var(--purple-500) !important; +} +body.theme-dark .d\\:fc-purple-500, +.theme-dark__forced .d\\:fc-purple-500, +body.theme-system .theme-dark__forced .d\\:fc-purple-500 { + color: var(--purple-500) !important; +} +body.theme-dark .d\\:bg-purple-600, +.theme-dark__forced .d\\:bg-purple-600, +body.theme-system .theme-dark__forced .d\\:bg-purple-600 { + background-color: var(--purple-600) !important; +} +body.theme-dark .d\\:fc-purple-600, +.theme-dark__forced .d\\:fc-purple-600, +body.theme-system .theme-dark__forced .d\\:fc-purple-600 { + color: var(--purple-600) !important; +} +body.theme-dark .d\\:bg-pink-100, +.theme-dark__forced .d\\:bg-pink-100, +body.theme-system .theme-dark__forced .d\\:bg-pink-100 { + background-color: var(--pink-100) !important; +} +body.theme-dark .d\\:fc-pink-100, +.theme-dark__forced .d\\:fc-pink-100, +body.theme-system .theme-dark__forced .d\\:fc-pink-100 { + color: var(--pink-100) !important; +} +body.theme-dark .d\\:bg-pink-200, +.theme-dark__forced .d\\:bg-pink-200, +body.theme-system .theme-dark__forced .d\\:bg-pink-200 { + background-color: var(--pink-200) !important; +} +body.theme-dark .d\\:fc-pink-200, +.theme-dark__forced .d\\:fc-pink-200, +body.theme-system .theme-dark__forced .d\\:fc-pink-200 { + color: var(--pink-200) !important; +} +body.theme-dark .d\\:bg-pink-300, +.theme-dark__forced .d\\:bg-pink-300, +body.theme-system .theme-dark__forced .d\\:bg-pink-300 { + background-color: var(--pink-300) !important; +} +body.theme-dark .d\\:fc-pink-300, +.theme-dark__forced .d\\:fc-pink-300, +body.theme-system .theme-dark__forced .d\\:fc-pink-300 { + color: var(--pink-300) !important; +} +body.theme-dark .d\\:bg-pink-400, +.theme-dark__forced .d\\:bg-pink-400, +body.theme-system .theme-dark__forced .d\\:bg-pink-400 { + background-color: var(--pink-400) !important; +} +body.theme-dark .d\\:fc-pink-400, +.theme-dark__forced .d\\:fc-pink-400, +body.theme-system .theme-dark__forced .d\\:fc-pink-400 { + color: var(--pink-400) !important; +} +body.theme-dark .d\\:bg-pink-500, +.theme-dark__forced .d\\:bg-pink-500, +body.theme-system .theme-dark__forced .d\\:bg-pink-500 { + background-color: var(--pink-500) !important; +} +body.theme-dark .d\\:fc-pink-500, +.theme-dark__forced .d\\:fc-pink-500, +body.theme-system .theme-dark__forced .d\\:fc-pink-500 { + color: var(--pink-500) !important; +} +body.theme-dark .d\\:bg-pink-600, +.theme-dark__forced .d\\:bg-pink-600, +body.theme-system .theme-dark__forced .d\\:bg-pink-600 { + background-color: var(--pink-600) !important; +} +body.theme-dark .d\\:fc-pink-600, +.theme-dark__forced .d\\:fc-pink-600, +body.theme-system .theme-dark__forced .d\\:fc-pink-600 { + color: var(--pink-600) !important; +} +body.theme-dark .d\\:bg-gold-100, +.theme-dark__forced .d\\:bg-gold-100, +body.theme-system .theme-dark__forced .d\\:bg-gold-100 { + background-color: var(--gold-100) !important; +} +body.theme-dark .d\\:fc-gold-100, +.theme-dark__forced .d\\:fc-gold-100, +body.theme-system .theme-dark__forced .d\\:fc-gold-100 { + color: var(--gold-100) !important; +} +body.theme-dark .d\\:bg-gold-200, +.theme-dark__forced .d\\:bg-gold-200, +body.theme-system .theme-dark__forced .d\\:bg-gold-200 { + background-color: var(--gold-200) !important; +} +body.theme-dark .d\\:fc-gold-200, +.theme-dark__forced .d\\:fc-gold-200, +body.theme-system .theme-dark__forced .d\\:fc-gold-200 { + color: var(--gold-200) !important; +} +body.theme-dark .d\\:bg-gold-300, +.theme-dark__forced .d\\:bg-gold-300, +body.theme-system .theme-dark__forced .d\\:bg-gold-300 { + background-color: var(--gold-300) !important; +} +body.theme-dark .d\\:fc-gold-300, +.theme-dark__forced .d\\:fc-gold-300, +body.theme-system .theme-dark__forced .d\\:fc-gold-300 { + color: var(--gold-300) !important; +} +body.theme-dark .d\\:bg-gold-400, +.theme-dark__forced .d\\:bg-gold-400, +body.theme-system .theme-dark__forced .d\\:bg-gold-400 { + background-color: var(--gold-400) !important; +} +body.theme-dark .d\\:fc-gold-400, +.theme-dark__forced .d\\:fc-gold-400, +body.theme-system .theme-dark__forced .d\\:fc-gold-400 { + color: var(--gold-400) !important; +} +body.theme-dark .d\\:bg-silver-100, +.theme-dark__forced .d\\:bg-silver-100, +body.theme-system .theme-dark__forced .d\\:bg-silver-100 { + background-color: var(--silver-100) !important; +} +body.theme-dark .d\\:fc-silver-100, +.theme-dark__forced .d\\:fc-silver-100, +body.theme-system .theme-dark__forced .d\\:fc-silver-100 { + color: var(--silver-100) !important; +} +body.theme-dark .d\\:bg-silver-200, +.theme-dark__forced .d\\:bg-silver-200, +body.theme-system .theme-dark__forced .d\\:bg-silver-200 { + background-color: var(--silver-200) !important; +} +body.theme-dark .d\\:fc-silver-200, +.theme-dark__forced .d\\:fc-silver-200, +body.theme-system .theme-dark__forced .d\\:fc-silver-200 { + color: var(--silver-200) !important; +} +body.theme-dark .d\\:bg-silver-300, +.theme-dark__forced .d\\:bg-silver-300, +body.theme-system .theme-dark__forced .d\\:bg-silver-300 { + background-color: var(--silver-300) !important; +} +body.theme-dark .d\\:fc-silver-300, +.theme-dark__forced .d\\:fc-silver-300, +body.theme-system .theme-dark__forced .d\\:fc-silver-300 { + color: var(--silver-300) !important; +} +body.theme-dark .d\\:bg-silver-400, +.theme-dark__forced .d\\:bg-silver-400, +body.theme-system .theme-dark__forced .d\\:bg-silver-400 { + background-color: var(--silver-400) !important; +} +body.theme-dark .d\\:fc-silver-400, +.theme-dark__forced .d\\:fc-silver-400, +body.theme-system .theme-dark__forced .d\\:fc-silver-400 { + color: var(--silver-400) !important; +} +body.theme-dark .d\\:bg-bronze-100, +.theme-dark__forced .d\\:bg-bronze-100, +body.theme-system .theme-dark__forced .d\\:bg-bronze-100 { + background-color: var(--bronze-100) !important; +} +body.theme-dark .d\\:fc-bronze-100, +.theme-dark__forced .d\\:fc-bronze-100, +body.theme-system .theme-dark__forced .d\\:fc-bronze-100 { + color: var(--bronze-100) !important; +} +body.theme-dark .d\\:bg-bronze-200, +.theme-dark__forced .d\\:bg-bronze-200, +body.theme-system .theme-dark__forced .d\\:bg-bronze-200 { + background-color: var(--bronze-200) !important; +} +body.theme-dark .d\\:fc-bronze-200, +.theme-dark__forced .d\\:fc-bronze-200, +body.theme-system .theme-dark__forced .d\\:fc-bronze-200 { + color: var(--bronze-200) !important; +} +body.theme-dark .d\\:bg-bronze-300, +.theme-dark__forced .d\\:bg-bronze-300, +body.theme-system .theme-dark__forced .d\\:bg-bronze-300 { + background-color: var(--bronze-300) !important; +} +body.theme-dark .d\\:fc-bronze-300, +.theme-dark__forced .d\\:fc-bronze-300, +body.theme-system .theme-dark__forced .d\\:fc-bronze-300 { + color: var(--bronze-300) !important; +} +body.theme-dark .d\\:bg-bronze-400, +.theme-dark__forced .d\\:bg-bronze-400, +body.theme-system .theme-dark__forced .d\\:bg-bronze-400 { + background-color: var(--bronze-400) !important; +} +body.theme-dark .d\\:fc-bronze-400, +.theme-dark__forced .d\\:fc-bronze-400, +body.theme-system .theme-dark__forced .d\\:fc-bronze-400 { + color: var(--bronze-400) !important; +} +body.theme-dark .d\\:bg-brand, +.theme-dark__forced .d\\:bg-brand, +body.theme-system .theme-dark__forced .d\\:bg-brand { + background-color: var(--brand) !important; +} +body.theme-dark .d\\:fc-brand, +.theme-dark__forced .d\\:fc-brand, +body.theme-system .theme-dark__forced .d\\:fc-brand { + color: var(--brand) !important; +} +body.theme-dark .d\\:bg-brand-black, +.theme-dark__forced .d\\:bg-brand-black, +body.theme-system .theme-dark__forced .d\\:bg-brand-black { + background-color: var(--brand-black) !important; +} +body.theme-dark .d\\:fc-brand-black, +.theme-dark__forced .d\\:fc-brand-black, +body.theme-system .theme-dark__forced .d\\:fc-brand-black { + color: var(--brand-black) !important; +} +body.theme-dark .d\\:bg-brand-off-white, +.theme-dark__forced .d\\:bg-brand-off-white, +body.theme-system .theme-dark__forced .d\\:bg-brand-off-white { + background-color: var(--brand-off-white) !important; +} +body.theme-dark .d\\:fc-brand-off-white, +.theme-dark__forced .d\\:fc-brand-off-white, +body.theme-system .theme-dark__forced .d\\:fc-brand-off-white { + color: var(--brand-off-white) !important; +} +body.theme-dark .d\\:bg-brand-blue-light, +.theme-dark__forced .d\\:bg-brand-blue-light, +body.theme-system .theme-dark__forced .d\\:bg-brand-blue-light { + background-color: var(--brand-blue-light) !important; +} +body.theme-dark .d\\:fc-brand-blue-light, +.theme-dark__forced .d\\:fc-brand-blue-light, +body.theme-system .theme-dark__forced .d\\:fc-brand-blue-light { + color: var(--brand-blue-light) !important; +} +body.theme-dark .d\\:bg-brand-blue, +.theme-dark__forced .d\\:bg-brand-blue, +body.theme-system .theme-dark__forced .d\\:bg-brand-blue { + background-color: var(--brand-blue) !important; +} +body.theme-dark .d\\:fc-brand-blue, +.theme-dark__forced .d\\:fc-brand-blue, +body.theme-system .theme-dark__forced .d\\:fc-brand-blue { + color: var(--brand-blue) !important; +} +body.theme-dark .d\\:bg-brand-blue-dark, +.theme-dark__forced .d\\:bg-brand-blue-dark, +body.theme-system .theme-dark__forced .d\\:bg-brand-blue-dark { + background-color: var(--brand-blue-dark) !important; +} +body.theme-dark .d\\:fc-brand-blue-dark, +.theme-dark__forced .d\\:fc-brand-blue-dark, +body.theme-system .theme-dark__forced .d\\:fc-brand-blue-dark { + color: var(--brand-blue-dark) !important; +} +body.theme-dark .d\\:bg-brand-brown-light, +.theme-dark__forced .d\\:bg-brand-brown-light, +body.theme-system .theme-dark__forced .d\\:bg-brand-brown-light { + background-color: var(--brand-brown-light) !important; +} +body.theme-dark .d\\:fc-brand-brown-light, +.theme-dark__forced .d\\:fc-brand-brown-light, +body.theme-system .theme-dark__forced .d\\:fc-brand-brown-light { + color: var(--brand-brown-light) !important; +} +body.theme-dark .d\\:bg-brand-green, +.theme-dark__forced .d\\:bg-brand-green, +body.theme-system .theme-dark__forced .d\\:bg-brand-green { + background-color: var(--brand-green) !important; +} +body.theme-dark .d\\:fc-brand-green, +.theme-dark__forced .d\\:fc-brand-green, +body.theme-system .theme-dark__forced .d\\:fc-brand-green { + color: var(--brand-green) !important; +} +body.theme-dark .d\\:bg-brand-green-dark, +.theme-dark__forced .d\\:bg-brand-green-dark, +body.theme-system .theme-dark__forced .d\\:bg-brand-green-dark { + background-color: var(--brand-green-dark) !important; +} +body.theme-dark .d\\:fc-brand-green-dark, +.theme-dark__forced .d\\:fc-brand-green-dark, +body.theme-system .theme-dark__forced .d\\:fc-brand-green-dark { + color: var(--brand-green-dark) !important; +} +body.theme-dark .d\\:bg-brand-orange-medium, +.theme-dark__forced .d\\:bg-brand-orange-medium, +body.theme-system .theme-dark__forced .d\\:bg-brand-orange-medium { + background-color: var(--brand-orange-medium) !important; +} +body.theme-dark .d\\:fc-brand-orange-medium, +.theme-dark__forced .d\\:fc-brand-orange-medium, +body.theme-system .theme-dark__forced .d\\:fc-brand-orange-medium { + color: var(--brand-orange-medium) !important; +} +body.theme-dark .d\\:bg-brand-orange-dark, +.theme-dark__forced .d\\:bg-brand-orange-dark, +body.theme-system .theme-dark__forced .d\\:bg-brand-orange-dark { + background-color: var(--brand-orange-dark) !important; +} +body.theme-dark .d\\:fc-brand-orange-dark, +.theme-dark__forced .d\\:fc-brand-orange-dark, +body.theme-system .theme-dark__forced .d\\:fc-brand-orange-dark { + color: var(--brand-orange-dark) !important; +} +body.theme-dark .d\\:bg-brand-pink, +.theme-dark__forced .d\\:bg-brand-pink, +body.theme-system .theme-dark__forced .d\\:bg-brand-pink { + background-color: var(--brand-pink) !important; +} +body.theme-dark .d\\:fc-brand-pink, +.theme-dark__forced .d\\:fc-brand-pink, +body.theme-system .theme-dark__forced .d\\:fc-brand-pink { + color: var(--brand-pink) !important; +} +body.theme-dark .d\\:bg-brand-pink-dark, +.theme-dark__forced .d\\:bg-brand-pink-dark, +body.theme-system .theme-dark__forced .d\\:bg-brand-pink-dark { + background-color: var(--brand-pink-dark) !important; +} +body.theme-dark .d\\:fc-brand-pink-dark, +.theme-dark__forced .d\\:fc-brand-pink-dark, +body.theme-system .theme-dark__forced .d\\:fc-brand-pink-dark { + color: var(--brand-pink-dark) !important; +} +body.theme-dark .d\\:bg-brand-purple, +.theme-dark__forced .d\\:bg-brand-purple, +body.theme-system .theme-dark__forced .d\\:bg-brand-purple { + background-color: var(--brand-purple) !important; +} +body.theme-dark .d\\:fc-brand-purple, +.theme-dark__forced .d\\:fc-brand-purple, +body.theme-system .theme-dark__forced .d\\:fc-brand-purple { + color: var(--brand-purple) !important; +} +body.theme-dark .d\\:bg-brand-purple-dark, +.theme-dark__forced .d\\:bg-brand-purple-dark, +body.theme-system .theme-dark__forced .d\\:bg-brand-purple-dark { + background-color: var(--brand-purple-dark) !important; +} +body.theme-dark .d\\:fc-brand-purple-dark, +.theme-dark__forced .d\\:fc-brand-purple-dark, +body.theme-system .theme-dark__forced .d\\:fc-brand-purple-dark { + color: var(--brand-purple-dark) !important; +} +body.theme-dark .d\\:bg-brand-yellow, +.theme-dark__forced .d\\:bg-brand-yellow, +body.theme-system .theme-dark__forced .d\\:bg-brand-yellow { + background-color: var(--brand-yellow) !important; +} +body.theme-dark .d\\:fc-brand-yellow, +.theme-dark__forced .d\\:fc-brand-yellow, +body.theme-system .theme-dark__forced .d\\:fc-brand-yellow { + color: var(--brand-yellow) !important; +} +body.theme-dark .d\\:bg-brand-yellow-dark, +.theme-dark__forced .d\\:bg-brand-yellow-dark, +body.theme-system .theme-dark__forced .d\\:bg-brand-yellow-dark { + background-color: var(--brand-yellow-dark) !important; +} +body.theme-dark .d\\:fc-brand-yellow-dark, +.theme-dark__forced .d\\:fc-brand-yellow-dark, +body.theme-system .theme-dark__forced .d\\:fc-brand-yellow-dark { + color: var(--brand-yellow-dark) !important; +} +body.theme-dark .d\\:fc-light, +.theme-dark__forced .d\\:fc-light, +body.theme-system .theme-dark__forced .d\\:fc-light { + color: var(--fc-light) !important; +} +body.theme-dark .d\\:fc-medium, +.theme-dark__forced .d\\:fc-medium, +body.theme-system .theme-dark__forced .d\\:fc-medium { + color: var(--fc-medium) !important; +} +body.theme-dark .d\\:fc-dark, +.theme-dark__forced .d\\:fc-dark, +body.theme-system .theme-dark__forced .d\\:fc-dark { + color: var(--fc-dark) !important; +} +body.theme-dark .d\\:fc-error, +.theme-dark__forced .d\\:fc-error, +body.theme-system .theme-dark__forced .d\\:fc-error { + color: var(--fc-error) !important; +} +body.theme-dark .d\\:fc-danger, +.theme-dark__forced .d\\:fc-danger, +body.theme-system .theme-dark__forced .d\\:fc-danger { + color: var(--fc-danger) !important; +} +body.theme-dark .d\\:fc-success, +.theme-dark__forced .d\\:fc-success, +body.theme-system .theme-dark__forced .d\\:fc-success { + color: var(--fc-success) !important; +} +body.theme-dark .d\\:fc-warning, +.theme-dark__forced .d\\:fc-warning, +body.theme-system .theme-dark__forced .d\\:fc-warning { + color: var(--fc-warning) !important; +} +body.theme-dark .d\\:bg-error, +.theme-dark__forced .d\\:bg-error, +body.theme-system .theme-dark__forced .d\\:bg-error { + background-color: var(--bg-error) !important; +} +body.theme-dark .d\\:bg-danger, +.theme-dark__forced .d\\:bg-danger, +body.theme-system .theme-dark__forced .d\\:bg-danger { + background-color: var(--bg-danger) !important; +} +body.theme-dark .d\\:bg-success, +.theme-dark__forced .d\\:bg-success, +body.theme-system .theme-dark__forced .d\\:bg-success { + background-color: var(--bg-success) !important; +} +body.theme-dark .d\\:bg-warning, +.theme-dark__forced .d\\:bg-warning, +body.theme-system .theme-dark__forced .d\\:bg-warning { + background-color: var(--bg-warning) !important; +} +body.theme-dark .bg-transparent, +.theme-dark__forced .bg-transparent, +body.theme-system .theme-dark__forced .bg-transparent, +body.theme-dark .h\\:bg-transparent:hover, +.theme-dark__forced .h\\:bg-transparent:hover, +body.theme-system .theme-dark__forced .h\\:bg-transparent:hover, +body.theme-dark .f\\:bg-transparent:focus, +.theme-dark__forced .f\\:bg-transparent:focus, +body.theme-system .theme-dark__forced .f\\:bg-transparent:focus, +body.theme-dark .f\\:bg-transparent:focus-within, +.theme-dark__forced .f\\:bg-transparent:focus-within, +body.theme-system .theme-dark__forced .f\\:bg-transparent:focus-within { + background-color: transparent !important; +} +body.theme-dark .bc-transparent, +.theme-dark__forced .bc-transparent, +body.theme-system .theme-dark__forced .bc-transparent, +body.theme-dark .h\\:bc-transparent:hover, +.theme-dark__forced .h\\:bc-transparent:hover, +body.theme-system .theme-dark__forced .h\\:bc-transparent:hover, +body.theme-dark .f\\:bc-transparent:focus, +.theme-dark__forced .f\\:bc-transparent:focus, +body.theme-system .theme-dark__forced .f\\:bc-transparent:focus, +body.theme-dark .f\\:bc-transparent:focus-within, +.theme-dark__forced .f\\:bc-transparent:focus-within, +body.theme-system .theme-dark__forced .f\\:bc-transparent:focus-within { + border-color: transparent !important; +} +body.theme-dark .bg-inherit, +.theme-dark__forced .bg-inherit, +body.theme-system .theme-dark__forced .bg-inherit, +body.theme-dark .h\\:bg-inherit:hover, +.theme-dark__forced .h\\:bg-inherit:hover, +body.theme-system .theme-dark__forced .h\\:bg-inherit:hover, +body.theme-dark .f\\:bg-inherit:focus, +.theme-dark__forced .f\\:bg-inherit:focus, +body.theme-system .theme-dark__forced .f\\:bg-inherit:focus, +body.theme-dark .f\\:bg-inherit:focus-within, +.theme-dark__forced .f\\:bg-inherit:focus-within, +body.theme-system .theme-dark__forced .f\\:bg-inherit:focus-within { + background-color: inherit !important; +} +body.theme-dark .bc-inherit, +.theme-dark__forced .bc-inherit, +body.theme-system .theme-dark__forced .bc-inherit, +body.theme-dark .h\\:bc-inherit:hover, +.theme-dark__forced .h\\:bc-inherit:hover, +body.theme-system .theme-dark__forced .h\\:bc-inherit:hover, +body.theme-dark .f\\:bc-inherit:focus, +.theme-dark__forced .f\\:bc-inherit:focus, +body.theme-system .theme-dark__forced .f\\:bc-inherit:focus, +body.theme-dark .f\\:bc-inherit:focus-within, +.theme-dark__forced .f\\:bc-inherit:focus-within, +body.theme-system .theme-dark__forced .f\\:bc-inherit:focus-within { + border-color: inherit !important; +} +h1, +h2, +h3, +h4, +h5, +h6, +p { + margin-top: 0; +} +.fs-display4 { + font-size: var(--fs-display4) !important; + line-height: 1.18; +} +.fs-display3 { + font-size: var(--fs-display3) !important; + line-height: 1.2; +} +.fs-display2 { + font-size: var(--fs-display2) !important; + line-height: 1.28; +} +.fs-display1 { + font-size: var(--fs-display1) !important; + line-height: 1.34; +} +.fs-headline2 { + font-size: var(--fs-headline2) !important; + line-height: 1.4; +} +.fs-headline1 { + font-size: var(--fs-headline1) !important; + line-height: 1.4; +} +.fs-title { + font-size: var(--fs-title) !important; + line-height: 1.4; +} +.fs-subheading { + font-size: var(--fs-subheading) !important; + line-height: 1.4; +} +.fs-body3 { + font-size: var(--fs-body3) !important; + line-height: 1.4; +} +.fs-body2 { + font-size: var(--fs-body2) !important; + line-height: 1.4; +} +.fs-body1 { + font-size: var(--fs-body1) !important; + line-height: 1.4; +} +.fs-caption { + font-size: var(--fs-caption) !important; + line-height: 1.4; +} +.fs-fine { + font-size: var(--fs-fine) !important; + line-height: 1.36; +} +@media (max-width: 48.75rem) { + html .fs-display4 { + font-size: calc(var(--fs-display4) * 0.43) !important; + } + html .fs-display3 { + font-size: calc(var(--fs-display3) * 0.5139) !important; + } + html .fs-display2 { + font-size: calc(var(--fs-display2) * 0.5862) !important; + } + html .fs-display1 { + font-size: calc(var(--fs-display1) * 0.6304) !important; + } + html .fs-headline2 { + font-size: calc(var(--fs-headline2) * 0.7224) !important; + } + html .fs-headline1 { + font-size: calc(var(--fs-headline1) * 0.8215) !important; + } + html .fs-title { + font-size: calc(var(--fs-title) * 0.9094) !important; + } + html .fs-subheading { + font-size: calc(var(--fs-subheading) * 0.8998) !important; + } + html .fs-body3 { + font-size: calc(var(--fs-body3) * 0.8888) !important; + } + html .fs-body2 { + font-size: calc(var(--fs-body2) * 0.9374) !important; + } +} +.lh-xs { + line-height: var(--lh-xs) !important; +} +.lh-sm { + line-height: var(--lh-sm) !important; +} +.lh-md { + line-height: var(--lh-md) !important; +} +.lh-lg { + line-height: var(--lh-lg) !important; +} +.lh-xl { + line-height: var(--lh-xl) !important; +} +.lh-xxl { + line-height: var(--lh-xxl) !important; +} +.lh-unset { + line-height: initial !important; +} +.ff-sans { + font-family: var(--ff-sans) !important; +} +.ff-serif { + font-family: var(--ff-serif) !important; +} +.ff-mono { + font-family: var(--ff-mono) !important; +} +.ff-inherit { + font-family: inherit !important; +} +.fw-normal { + font-weight: 400 !important; +} +.fw-medium { + font-weight: 500 !important; +} +.fw-bold { + font-weight: 600 !important; +} +.fs-normal { + font-style: normal !important; +} +.fs-italic { + font-style: italic !important; +} +.fs-unset { + font-style: unset !important; +} +.ta-left { + text-align: left !important; +} +.ta-center { + text-align: center !important; +} +.ta-right { + text-align: right !important; +} +.ta-justify { + text-align: justify !important; +} +.ta-unset { + text-align: unset !important; +} +.td-none { + text-decoration: none !important; +} +.td-underline { + text-decoration: underline !important; +} +.tt-capitalize { + text-transform: capitalize !important; +} +.tt-lowercase { + text-transform: lowercase !important; +} +.tt-uppercase { + text-transform: uppercase !important; +} +.tt-none { + text-transform: none !important; +} +.tt-unset { + text-transform: unset !important; +} +.ws-normal { + white-space: normal !important; +} +.ws-nowrap { + white-space: nowrap !important; +} +.ws-pre { + white-space: pre !important; +} +.ws-pre-wrap { + white-space: pre-wrap !important; +} +.ws-pre-line { + white-space: pre-line !important; +} +.ws-unset { + white-space: unset !important; +} +.wb-normal { + word-break: normal !important; +} +.wb-break-all { + word-break: break-all !important; +} +.wb-keep-all { + word-break: keep-all !important; +} +.wb-inherit { + word-break: inherit !important; +} +.wb-initial { + word-break: initial !important; +} +.wb-unset { + word-break: unset !important; +} +.ow-normal { + overflow-wrap: normal !important; +} +.ow-anywhere { + overflow-wrap: anywhere !important; +} +.ow-break-word { + overflow-wrap: break-word !important; +} +.ow-inherit { + overflow-wrap: inherit !important; +} +.ow-initial { + overflow-wrap: initial !important; +} +.ow-unset { + overflow-wrap: unset !important; +} +.hyphens-none { + hyphens: none !important; +} +.hyphens-auto { + -ms-hyphens: auto !important; + -webkit-hyphens: auto !important; + hyphens: auto !important; +} +.hyphens-unset { + hyphens: unset !important; +} +.break-word { + /* stylelint-disable-next-line declaration-property-value-keyword-no-deprecated */ + word-break: break-word !important; + overflow-wrap: break-word !important; + -webkit-hyphens: auto !important; + -moz-hyphens: auto !important; + -ms-hyphens: auto !important; + hyphens: auto !important; +} +.bg-bottom { + background-position: bottom !important; +} +.bg-center { + background-position: center !important; +} +.bg-left { + background-position: left !important; +} +.bg-left-bottom { + background-position: left bottom !important; +} +.bg-left-top { + background-position: left top !important; +} +.bg-right { + background-position: right !important; +} +.bg-right-bottom { + background-position: right bottom !important; +} +.bg-right-top { + background-position: right top !important; +} +.bg-top { + background-position: top !important; +} +.bg-repeat { + background-repeat: repeat !important; +} +.bg-no-repeat { + background-repeat: no-repeat !important; +} +.bg-repeat-x { + background-repeat: repeat-x !important; +} +.bg-repeat-y { + background-repeat: repeat-y !important; +} +.bg-auto { + background-size: auto !important; +} +.bg-cover { + background-size: cover !important; +} +.bg-contain { + background-size: contain !important; +} +.bg-fixed { + background-attachment: fixed !important; +} +.bg-local { + background-attachment: local !important; +} +.bg-scroll { + background-attachment: scroll !important; +} +.bg-image-none { + background-image: none !important; +} +.bg-loading { + animation: loadingBgAnimation 1.5s ease-out infinite; + animation-delay: 1ms; +} +@keyframes loadingBgAnimation { + 0% { + background-color: var(--black-150); + opacity: 1; + } + 50% { + background-color: var(--black-100); + opacity: 0.7; + } + 100% { + background-color: var(--black-150); + opacity: 1; + } +} +.bg-confetti-animated { + background-repeat: repeat-x; + background-position: top -10px center; + background-image: url("data:image/svg+xml;,%3Csvg width='600' height='90' viewBox='0 0 600 90' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='42' y='-10' width='6' height='10'/%3E%3Crect x='84' y='-10' width='6' height='10'/%3E%3Crect x='126' y='-13' width='5' height='13'/%3E%3Crect x='168' y='-13' width='5' height='13'/%3E%3Crect x='210' y='-10' width='6' height='10'/%3E%3Crect x='252' y='-13' width='5' height='13'/%3E%3Crect x='294' y='-10' width='6' height='10'/%3E%3Crect x='336' y='-13' width='5' height='13'/%3E%3Crect x='378' y='-13' width='5' height='13'/%3E%3Crect x='420' y='-10' width='6' height='10'/%3E%3Crect x='462' y='-10' width='6' height='10'/%3E%3Crect x='504' y='-13' width='5' height='13'/%3E%3Crect x='546' y='-10' width='6' height='10'/%3E%3Cstyle type='text/css'%3E rect %7B opacity: 0; %7D rect:nth-child(1) %7B transform-origin: 45px 5px; transform: rotate(-145deg); animation: blast 700ms infinite ease-out; animation-delay: 88ms; animation-duration: 631ms; %7D rect:nth-child(2) %7B transform-origin: 87px 5px; transform: rotate(164deg); animation: blast 700ms infinite ease-out; animation-delay: 131ms; animation-duration: 442ms; %7D rect:nth-child(3) %7B transform-origin: 128px 6px; transform: rotate(4deg); animation: blast 700ms infinite ease-out; animation-delay: 92ms; animation-duration: 662ms; %7D rect:nth-child(4) %7B transform-origin: 170px 6px; transform: rotate(-175deg); animation: blast 700ms infinite ease-out; animation-delay: 17ms; animation-duration: 593ms; %7D rect:nth-child(5) %7B transform-origin: 213px 5px; transform: rotate(-97deg); animation: blast 700ms infinite ease-out; animation-delay: 122ms; animation-duration: 476ms; %7D rect:nth-child(6) %7B transform-origin: 255px 6px; transform: rotate(57deg); animation: blast 700ms infinite ease-out; animation-delay: 271ms; animation-duration: 381ms; %7D rect:nth-child(7) %7B transform-origin: 297px 5px; transform: rotate(-46deg); animation: blast 700ms infinite ease-out; animation-delay: 131ms; animation-duration: 619ms; %7D rect:nth-child(8) %7B transform-origin: 338px 6px; transform: rotate(-65deg); animation: blast 700ms infinite ease-out; animation-delay: 85ms; animation-duration: 668ms; %7D rect:nth-child(9) %7B transform-origin: 380px 6px; transform: rotate(13deg); animation: blast 700ms infinite ease-out; animation-delay: 128ms; animation-duration: 377ms; %7D rect:nth-child(10) %7B transform-origin: 423px 5px; transform: rotate(176deg); animation: blast 700ms infinite ease-out; animation-delay: 311ms; animation-duration: 508ms; %7D rect:nth-child(11) %7B transform-origin: 465px 5px; transform: rotate(108deg); animation: blast 700ms infinite ease-out; animation-delay: 108ms; animation-duration: 595ms; %7D rect:nth-child(12) %7B transform-origin: 506px 6px; transform: rotate(62deg); animation: blast 700ms infinite ease-out; animation-delay: 105ms; animation-duration: 375ms; %7D rect:nth-child(13) %7B transform-origin: 549px 5px; transform: rotate(16deg); animation: blast 700ms infinite ease-out; animation-delay: 149ms; animation-duration: 491ms; %7D rect:nth-child(odd) %7B fill: %2365BB5C; %7D rect:nth-child(even) %7B z-index: 1; fill: %2333AAFF; %7D rect:nth-child(4n) %7B animation-duration: 1400ms; fill: %23F23B14; %7D rect:nth-child(3n) %7B animation-duration: 1750ms; animation-delay: 700ms; %7D rect:nth-child(4n-7) %7B fill: %232A2F6A; %7D rect:nth-child(6n) %7B fill: %23FBBA23; %7D @keyframes blast %7B from %7B opacity: 0; %7D 20%25 %7B opacity: 1; %7D to %7B transform: translateY(90px); %7D %7D %3C/style%3E%3C/svg%3E%0A"); +} +@media (prefers-reduced-motion) { + .bg-confetti-animated { + background-image: url("data:image/svg+xml;,%3Csvg width='574' height='60' viewBox='0 0 574 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect opacity='0.8' x='27.1224' y='20.0458' width='5' height='13' transform='rotate(-139 27.1224 20.0458)' fill='%23F23B14'/%3E%3Crect opacity='0.8' x='118.478' y='7.00201' width='5' height='13' transform='rotate(-38.8114 118.478 7.00201)' fill='%23FBBA23'/%3E%3Crect opacity='0.8' x='504.616' y='25.4479' width='5' height='13' transform='rotate(-60.2734 504.616 25.4479)' fill='%23F23B14'/%3E%3Crect opacity='0.6' x='538.983' y='45.555' width='5' height='13' transform='rotate(16.7826 538.983 45.555)' fill='%232A2F6A'/%3E%3Crect opacity='0.3' x='470.322' y='2.63625' width='5' height='13' transform='rotate(11.295 470.322 2.63625)' fill='%2333AAFF'/%3E%3Crect opacity='0.3' x='190.295' y='4.58138' width='5' height='13' transform='rotate(27.5954 190.295 4.58138)' fill='%23F23B14'/%3E%3Crect opacity='0.8' x='234.303' y='16.3233' width='5' height='13' transform='rotate(-41.8233 234.303 16.3233)' fill='%2365BB5C'/%3E%3Crect opacity='0.6' x='369.702' y='40.9875' width='5' height='13' transform='rotate(-56.419 369.702 40.9875)' fill='%2333AAFF'/%3E%3Crect opacity='0.3' x='402.121' y='31.0848' width='5' height='13' transform='rotate(-17.9234 402.121 31.0848)' fill='%23F23B14'/%3E%3Crect opacity='0.6' x='200.316' y='31.9328' width='5' height='13' transform='rotate(-15.8896 200.316 31.9328)' fill='%232A2F6A'/%3E%3Crect opacity='0.6' x='69.6745' y='23.4725' width='6' height='10' transform='rotate(70.0266 69.6745 23.4725)' fill='%2365BB5C'/%3E%3Crect opacity='0.6' x='291.945' y='7.16931' width='6' height='10' transform='rotate(30.4258 291.945 7.16931)' fill='%23FBBA23'/%3E%3Crect opacity='0.3' x='33.7754' y='38.2208' width='6' height='10' transform='rotate(38.6056 33.7754 38.2208)' fill='%23FBBA23'/%3E%3Crect opacity='0.8' x='109.752' y='31.1743' width='6' height='10' transform='rotate(28.5296 109.752 31.1743)' fill='%2333AAFF'/%3E%3Crect opacity='0.3' x='278.081' y='37.8695' width='6' height='10' transform='rotate(-26.5651 278.081 37.8695)' fill='%23F23B14'/%3E%3Crect opacity='0.8' x='416.294' y='11.5573' width='6' height='10' transform='rotate(-22.8498 416.294 11.5573)' fill='%23FBBA23'/%3E%3Crect opacity='0.3' x='354.667' y='9.32341' width='6' height='10' transform='rotate(17.7506 354.667 9.32341)' fill='%232A2F6A'/%3E%3Crect opacity='0.8' x='532.404' y='16.6372' width='6' height='10' transform='rotate(-75.3432 532.404 16.6372)' fill='%23FBBA23'/%3E%3Crect opacity='0.6' x='460.463' y='39.3557' width='6' height='10' transform='rotate(45.4982 460.463 39.3557)' fill='%2365BB5C'/%3E%3C/svg%3E"); + } +} +.bg-confetti-static { + background-repeat: repeat-x; + background-position: top -10px center; + background-image: url("data:image/svg+xml;,%3Csvg width='574' height='60' viewBox='0 0 574 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect opacity='0.8' x='27.1224' y='20.0458' width='5' height='13' transform='rotate(-139 27.1224 20.0458)' fill='%23F23B14'/%3E%3Crect opacity='0.8' x='118.478' y='7.00201' width='5' height='13' transform='rotate(-38.8114 118.478 7.00201)' fill='%23FBBA23'/%3E%3Crect opacity='0.8' x='504.616' y='25.4479' width='5' height='13' transform='rotate(-60.2734 504.616 25.4479)' fill='%23F23B14'/%3E%3Crect opacity='0.6' x='538.983' y='45.555' width='5' height='13' transform='rotate(16.7826 538.983 45.555)' fill='%232A2F6A'/%3E%3Crect opacity='0.3' x='470.322' y='2.63625' width='5' height='13' transform='rotate(11.295 470.322 2.63625)' fill='%2333AAFF'/%3E%3Crect opacity='0.3' x='190.295' y='4.58138' width='5' height='13' transform='rotate(27.5954 190.295 4.58138)' fill='%23F23B14'/%3E%3Crect opacity='0.8' x='234.303' y='16.3233' width='5' height='13' transform='rotate(-41.8233 234.303 16.3233)' fill='%2365BB5C'/%3E%3Crect opacity='0.6' x='369.702' y='40.9875' width='5' height='13' transform='rotate(-56.419 369.702 40.9875)' fill='%2333AAFF'/%3E%3Crect opacity='0.3' x='402.121' y='31.0848' width='5' height='13' transform='rotate(-17.9234 402.121 31.0848)' fill='%23F23B14'/%3E%3Crect opacity='0.6' x='200.316' y='31.9328' width='5' height='13' transform='rotate(-15.8896 200.316 31.9328)' fill='%232A2F6A'/%3E%3Crect opacity='0.6' x='69.6745' y='23.4725' width='6' height='10' transform='rotate(70.0266 69.6745 23.4725)' fill='%2365BB5C'/%3E%3Crect opacity='0.6' x='291.945' y='7.16931' width='6' height='10' transform='rotate(30.4258 291.945 7.16931)' fill='%23FBBA23'/%3E%3Crect opacity='0.3' x='33.7754' y='38.2208' width='6' height='10' transform='rotate(38.6056 33.7754 38.2208)' fill='%23FBBA23'/%3E%3Crect opacity='0.8' x='109.752' y='31.1743' width='6' height='10' transform='rotate(28.5296 109.752 31.1743)' fill='%2333AAFF'/%3E%3Crect opacity='0.3' x='278.081' y='37.8695' width='6' height='10' transform='rotate(-26.5651 278.081 37.8695)' fill='%23F23B14'/%3E%3Crect opacity='0.8' x='416.294' y='11.5573' width='6' height='10' transform='rotate(-22.8498 416.294 11.5573)' fill='%23FBBA23'/%3E%3Crect opacity='0.3' x='354.667' y='9.32341' width='6' height='10' transform='rotate(17.7506 354.667 9.32341)' fill='%232A2F6A'/%3E%3Crect opacity='0.8' x='532.404' y='16.6372' width='6' height='10' transform='rotate(-75.3432 532.404 16.6372)' fill='%23FBBA23'/%3E%3Crect opacity='0.6' x='460.463' y='39.3557' width='6' height='10' transform='rotate(45.4982 460.463 39.3557)' fill='%2365BB5C'/%3E%3C/svg%3E"); +} +.ba { + border-style: solid !important; + border-width: var(--su1) !important; +} +.bt { + border-top-style: solid !important; + border-top-width: var(--su1) !important; +} +.br { + border-right-style: solid !important; + border-right-width: var(--su1) !important; +} +.bb { + border-bottom-style: solid !important; + border-bottom-width: var(--su1) !important; +} +.bl { + border-left-style: solid !important; + border-left-width: var(--su1) !important; +} +.bx { + border-left-style: solid !important; + border-right-style: solid !important; + border-right-width: var(--su1) !important; + border-left-width: var(--su1) !important; +} +.by { + border-top-style: solid !important; + border-bottom-style: solid !important; + border-top-width: var(--su1) !important; + border-bottom-width: var(--su1) !important; +} +.baw0 { + border-width: 0 !important; +} +.baw1 { + border-width: var(--su1) !important; +} +.baw2 { + border-width: var(--su2) !important; +} +.baw3 { + border-width: var(--su4) !important; +} +.btw0 { + border-top-width: 0 !important; +} +.btw1 { + border-top-width: var(--su1) !important; +} +.btw2 { + border-top-width: var(--su2) !important; +} +.btw3 { + border-top-width: var(--su4) !important; +} +.brw0 { + border-right-width: 0 !important; +} +.brw1 { + border-right-width: var(--su1) !important; +} +.brw2 { + border-right-width: var(--su2) !important; +} +.brw3 { + border-right-width: var(--su4) !important; +} +.bbw0 { + border-bottom-width: 0 !important; +} +.bbw1 { + border-bottom-width: var(--su1) !important; +} +.bbw2 { + border-bottom-width: var(--su2) !important; +} +.bbw3 { + border-bottom-width: var(--su4) !important; +} +.blw0 { + border-left-width: 0 !important; +} +.blw0 { + border-left-width: 0 !important; +} +.blw1 { + border-left-width: var(--su1) !important; +} +.blw2 { + border-left-width: var(--su2) !important; +} +.blw3 { + border-left-width: var(--su4) !important; +} +.byw0 { + border-top-width: 0 !important; + border-bottom-width: 0 !important; +} +.byw1 { + border-top-width: var(--su1) !important; + border-bottom-width: var(--su1) !important; +} +.byw2 { + border-top-width: var(--su2) !important; + border-bottom-width: var(--su2) !important; +} +.byw3 { + border-top-width: var(--su4) !important; + border-bottom-width: var(--su4) !important; +} +.bxw0 { + border-right-width: 0 !important; + border-left-width: 0 !important; +} +.bxw1 { + border-right-width: var(--su1) !important; + border-left-width: var(--su1) !important; +} +.bxw2 { + border-right-width: var(--su2) !important; + border-left-width: var(--su2) !important; +} +.bxw3 { + border-right-width: var(--su4) !important; + border-left-width: var(--su4) !important; +} +.bas-solid { + border-style: solid !important; +} +.bas-dashed { + border-style: dashed !important; +} +.bts-solid { + border-top-style: solid !important; +} +.bts-dashed { + border-top-style: dashed !important; +} +.brs-solid { + border-right-style: solid !important; +} +.brs-dashed { + border-right-style: dashed !important; +} +.bbs-solid { + border-bottom-style: solid !important; +} +.bbs-dashed { + border-bottom-style: dashed !important; +} +.bls-solid { + border-left-style: solid !important; +} +.bls-dashed { + border-left-style: dashed !important; +} +.bar0 { + border-radius: 0 !important; +} +.bar-md { + border-radius: var(--br-md) !important; +} +.bar-circle { + border-radius: var(--br-circle) !important; +} +.bar-pill { + border-radius: var(--br-pill) !important; +} +.btlr0 { + border-top-left-radius: 0 !important; +} +.btlr-md { + border-top-left-radius: var(--br-md) !important; +} +.btrr0 { + border-top-right-radius: 0 !important; +} +.btrr-md { + border-top-right-radius: var(--br-md) !important; +} +.bblr0 { + border-bottom-left-radius: 0 !important; +} +.bblr-md { + border-bottom-left-radius: var(--br-md) !important; +} +.bbrr0 { + border-bottom-right-radius: 0 !important; +} +.bbrr-md { + border-bottom-right-radius: var(--br-md) !important; +} +.btr0 { + border-top-left-radius: 0 !important; + border-top-right-radius: 0 !important; +} +.btr-md { + border-top-left-radius: var(--br-md) !important; + border-top-right-radius: var(--br-md) !important; +} +.brr0 { + border-top-right-radius: 0 !important; + border-bottom-right-radius: 0 !important; +} +.brr-md { + border-top-right-radius: var(--br-md) !important; + border-bottom-right-radius: var(--br-md) !important; +} +.bbr0 { + border-bottom-left-radius: 0 !important; + border-bottom-right-radius: 0 !important; +} +.bbr-md { + border-bottom-left-radius: var(--br-md) !important; + border-bottom-right-radius: var(--br-md) !important; +} +.blr0 { + border-top-left-radius: 0 !important; + border-bottom-left-radius: 0 !important; +} +.blr-md { + border-top-left-radius: var(--br-md) !important; + border-bottom-left-radius: var(--br-md) !important; +} +.bs-none { + box-shadow: none !important; +} +.bs-sm, +.h\\:bs-sm:hover { + box-shadow: var(--bs-sm) !important; +} +.bs-md, +.h\\:bs-md:hover { + box-shadow: var(--bs-md) !important; +} +.bs-lg, +.h\\:bs-lg:hover { + box-shadow: var(--bs-lg) !important; +} +.bs-xl, +.h\\:bs-xl:hover { + box-shadow: var(--bs-xl) !important; +} +.bs-ring, +.h\\:bs-ring:hover, +.f\\:bs-ring:focus, +.f\\:bs-ring:focus-within { + box-shadow: 0 0 0 var(--su4) var(--focus-ring); +} +.box-content { + box-sizing: content-box !important; +} +.box-border { + box-sizing: border-box !important; +} +.box-unset { + box-sizing: unset !important; +} +.fill-current { + fill: currentColor !important; +} +.stroke-current { + stroke: currentColor !important; +} +.c-auto { + cursor: auto !important; +} +.c-default { + cursor: default !important; +} +.c-pointer { + cursor: pointer !important; +} +.c-text { + cursor: text !important; +} +.c-wait { + cursor: wait !important; +} +.c-move { + cursor: move !important; +} +.c-not-allowed { + cursor: not-allowed !important; +} +.c-help { + cursor: help !important; +} +.d-block { + display: block !important; +} +.d-flex { + display: flex !important; +} +.d-inline-flex { + display: inline-flex !important; +} +.d-grid { + display: grid !important; +} +.d-inline-grid { + display: inline-grid !important; +} +.d-inline { + display: inline !important; +} +.d-inline-block { + display: inline-block !important; +} +.d-table { + display: table !important; +} +.d-table-cell { + display: table-cell !important; +} +.d-none { + display: none !important; +} +.d-unset { + display: unset !important; +} +.flex__fl-shrink0, +.flex__fl-shrink0 > .d-flex, +.flex__fl-shrink0 > .flex--item { + flex: 0 auto; +} +.flex__fl-equal, +.flex__fl-equal > .d-flex, +.flex__fl-equal > .flex--item { + flex: 1 1 0%; +} +.flex__fl-grow1, +.flex__fl-grow1 > .d-flex, +.flex__fl-grow1 > .flex--item { + flex: 1 auto; +} +.flex--item1 { + flex-basis: 8.33333333%; +} +.flex--item2 { + flex-basis: 16.66666667%; +} +.flex--item3 { + flex-basis: 25%; +} +.flex--item4 { + flex-basis: 33.33333333%; +} +.flex--item5 { + flex-basis: 41.66666667%; +} +.flex--item6 { + flex-basis: 50%; +} +.flex--item7 { + flex-basis: 58.33333333%; +} +.flex--item8 { + flex-basis: 66.66666667%; +} +.flex--item9 { + flex-basis: 75%; +} +.flex--item10 { + flex-basis: 83.33333333%; +} +.flex--item11 { + flex-basis: 91.66666667%; +} +.flex--item12 { + flex-basis: 100%; +} +.flex__allitems1 > .d-flex, +.flex__allitems1 > .flex--item { + flex-basis: 8.33333333%; +} +.flex__allitems2 > .d-flex, +.flex__allitems2 > .flex--item { + flex-basis: 16.66666667%; +} +.flex__allitems3 > .d-flex, +.flex__allitems3 > .flex--item { + flex-basis: 25%; +} +.flex__allitems4 > .d-flex, +.flex__allitems4 > .flex--item { + flex-basis: 33.33333333%; +} +.flex__allitems5 > .d-flex, +.flex__allitems5 > .flex--item { + flex-basis: 41.66666667%; +} +.flex__allitems6 > .d-flex, +.flex__allitems6 > .flex--item { + flex-basis: 50%; +} +.flex__allitems7 > .d-flex, +.flex__allitems7 > .flex--item { + flex-basis: 58.33333333%; +} +.flex__allitems8 > .d-flex, +.flex__allitems8 > .flex--item { + flex-basis: 66.66666667%; +} +.flex__allitems9 > .d-flex, +.flex__allitems9 > .flex--item { + flex-basis: 75%; +} +.flex__allitems10 > .d-flex, +.flex__allitems10 > .flex--item { + flex-basis: 83.33333333%; +} +.flex__allitems11 > .d-flex, +.flex__allitems11 > .flex--item { + flex-basis: 91.66666667%; +} +.flex__allitems12 > .d-flex, +.flex__allitems12 > .flex--item { + flex-basis: 100%; +} +.g0 > .flex--item1, +.gx0 > .flex--item1, +.gy0 > .flex--item1, +.g0.flex__allitems1 > .d-flex, +.gx0.flex__allitems1 > .d-flex, +.gy0.flex__allitems1 > .d-flex, +.g0.flex__allitems1 > .flex--item, +.gx0.flex__allitems1 > .flex--item, +.gy0.flex__allitems1 > .flex--item { + flex-basis: calc(8.333333333333334% - (var(--su0) * 0.9166666666666666)); +} +.g0 > .flex--item2, +.gx0 > .flex--item2, +.gy0 > .flex--item2, +.g0.flex__allitems2 > .d-flex, +.gx0.flex__allitems2 > .d-flex, +.gy0.flex__allitems2 > .d-flex, +.g0.flex__allitems2 > .flex--item, +.gx0.flex__allitems2 > .flex--item, +.gy0.flex__allitems2 > .flex--item { + flex-basis: calc(16.666666666666668% - (var(--su0) * 0.8333333333333334)); +} +.g0 > .flex--item3, +.gx0 > .flex--item3, +.gy0 > .flex--item3, +.g0.flex__allitems3 > .d-flex, +.gx0.flex__allitems3 > .d-flex, +.gy0.flex__allitems3 > .d-flex, +.g0.flex__allitems3 > .flex--item, +.gx0.flex__allitems3 > .flex--item, +.gy0.flex__allitems3 > .flex--item { + flex-basis: calc(25% - (var(--su0) * 0.75)); +} +.g0 > .flex--item4, +.gx0 > .flex--item4, +.gy0 > .flex--item4, +.g0.flex__allitems4 > .d-flex, +.gx0.flex__allitems4 > .d-flex, +.gy0.flex__allitems4 > .d-flex, +.g0.flex__allitems4 > .flex--item, +.gx0.flex__allitems4 > .flex--item, +.gy0.flex__allitems4 > .flex--item { + flex-basis: calc(33.333333333333336% - (var(--su0) * 0.6666666666666666)); +} +.g0 > .flex--item5, +.gx0 > .flex--item5, +.gy0 > .flex--item5, +.g0.flex__allitems5 > .d-flex, +.gx0.flex__allitems5 > .d-flex, +.gy0.flex__allitems5 > .d-flex, +.g0.flex__allitems5 > .flex--item, +.gx0.flex__allitems5 > .flex--item, +.gy0.flex__allitems5 > .flex--item { + flex-basis: calc(41.666666666666664% - (var(--su0) * 0.5833333333333334)); +} +.g0 > .flex--item6, +.gx0 > .flex--item6, +.gy0 > .flex--item6, +.g0.flex__allitems6 > .d-flex, +.gx0.flex__allitems6 > .d-flex, +.gy0.flex__allitems6 > .d-flex, +.g0.flex__allitems6 > .flex--item, +.gx0.flex__allitems6 > .flex--item, +.gy0.flex__allitems6 > .flex--item { + flex-basis: calc(50% - (var(--su0) * 0.5)); +} +.g0 > .flex--item7, +.gx0 > .flex--item7, +.gy0 > .flex--item7, +.g0.flex__allitems7 > .d-flex, +.gx0.flex__allitems7 > .d-flex, +.gy0.flex__allitems7 > .d-flex, +.g0.flex__allitems7 > .flex--item, +.gx0.flex__allitems7 > .flex--item, +.gy0.flex__allitems7 > .flex--item { + flex-basis: calc(58.333333333333336% - (var(--su0) * 0.4166666666666667)); +} +.g0 > .flex--item8, +.gx0 > .flex--item8, +.gy0 > .flex--item8, +.g0.flex__allitems8 > .d-flex, +.gx0.flex__allitems8 > .d-flex, +.gy0.flex__allitems8 > .d-flex, +.g0.flex__allitems8 > .flex--item, +.gx0.flex__allitems8 > .flex--item, +.gy0.flex__allitems8 > .flex--item { + flex-basis: calc(66.66666666666667% - (var(--su0) * 0.3333333333333333)); +} +.g0 > .flex--item9, +.gx0 > .flex--item9, +.gy0 > .flex--item9, +.g0.flex__allitems9 > .d-flex, +.gx0.flex__allitems9 > .d-flex, +.gy0.flex__allitems9 > .d-flex, +.g0.flex__allitems9 > .flex--item, +.gx0.flex__allitems9 > .flex--item, +.gy0.flex__allitems9 > .flex--item { + flex-basis: calc(75% - (var(--su0) * 0.25)); +} +.g0 > .flex--item10, +.gx0 > .flex--item10, +.gy0 > .flex--item10, +.g0.flex__allitems10 > .d-flex, +.gx0.flex__allitems10 > .d-flex, +.gy0.flex__allitems10 > .d-flex, +.g0.flex__allitems10 > .flex--item, +.gx0.flex__allitems10 > .flex--item, +.gy0.flex__allitems10 > .flex--item { + flex-basis: calc(83.33333333333333% - (var(--su0) * 0.16666666666666666)); +} +.g0 > .flex--item11, +.gx0 > .flex--item11, +.gy0 > .flex--item11, +.g0.flex__allitems11 > .d-flex, +.gx0.flex__allitems11 > .d-flex, +.gy0.flex__allitems11 > .d-flex, +.g0.flex__allitems11 > .flex--item, +.gx0.flex__allitems11 > .flex--item, +.gy0.flex__allitems11 > .flex--item { + flex-basis: calc(91.66666666666667% - (var(--su0) * 0.08333333333333333)); +} +.g0 > .flex--item12, +.gx0 > .flex--item12, +.gy0 > .flex--item12, +.g0.flex__allitems12 > .d-flex, +.gx0.flex__allitems12 > .d-flex, +.gy0.flex__allitems12 > .d-flex, +.g0.flex__allitems12 > .flex--item, +.gx0.flex__allitems12 > .flex--item, +.gy0.flex__allitems12 > .flex--item { + flex-basis: calc(100% - (var(--su0) * 0)); +} +.g1 > .flex--item1, +.gx1 > .flex--item1, +.gy1 > .flex--item1, +.g1.flex__allitems1 > .d-flex, +.gx1.flex__allitems1 > .d-flex, +.gy1.flex__allitems1 > .d-flex, +.g1.flex__allitems1 > .flex--item, +.gx1.flex__allitems1 > .flex--item, +.gy1.flex__allitems1 > .flex--item { + flex-basis: calc(8.333333333333334% - (var(--su1) * 0.9166666666666666)); +} +.g1 > .flex--item2, +.gx1 > .flex--item2, +.gy1 > .flex--item2, +.g1.flex__allitems2 > .d-flex, +.gx1.flex__allitems2 > .d-flex, +.gy1.flex__allitems2 > .d-flex, +.g1.flex__allitems2 > .flex--item, +.gx1.flex__allitems2 > .flex--item, +.gy1.flex__allitems2 > .flex--item { + flex-basis: calc(16.666666666666668% - (var(--su1) * 0.8333333333333334)); +} +.g1 > .flex--item3, +.gx1 > .flex--item3, +.gy1 > .flex--item3, +.g1.flex__allitems3 > .d-flex, +.gx1.flex__allitems3 > .d-flex, +.gy1.flex__allitems3 > .d-flex, +.g1.flex__allitems3 > .flex--item, +.gx1.flex__allitems3 > .flex--item, +.gy1.flex__allitems3 > .flex--item { + flex-basis: calc(25% - (var(--su1) * 0.75)); +} +.g1 > .flex--item4, +.gx1 > .flex--item4, +.gy1 > .flex--item4, +.g1.flex__allitems4 > .d-flex, +.gx1.flex__allitems4 > .d-flex, +.gy1.flex__allitems4 > .d-flex, +.g1.flex__allitems4 > .flex--item, +.gx1.flex__allitems4 > .flex--item, +.gy1.flex__allitems4 > .flex--item { + flex-basis: calc(33.333333333333336% - (var(--su1) * 0.6666666666666666)); +} +.g1 > .flex--item5, +.gx1 > .flex--item5, +.gy1 > .flex--item5, +.g1.flex__allitems5 > .d-flex, +.gx1.flex__allitems5 > .d-flex, +.gy1.flex__allitems5 > .d-flex, +.g1.flex__allitems5 > .flex--item, +.gx1.flex__allitems5 > .flex--item, +.gy1.flex__allitems5 > .flex--item { + flex-basis: calc(41.666666666666664% - (var(--su1) * 0.5833333333333334)); +} +.g1 > .flex--item6, +.gx1 > .flex--item6, +.gy1 > .flex--item6, +.g1.flex__allitems6 > .d-flex, +.gx1.flex__allitems6 > .d-flex, +.gy1.flex__allitems6 > .d-flex, +.g1.flex__allitems6 > .flex--item, +.gx1.flex__allitems6 > .flex--item, +.gy1.flex__allitems6 > .flex--item { + flex-basis: calc(50% - (var(--su1) * 0.5)); +} +.g1 > .flex--item7, +.gx1 > .flex--item7, +.gy1 > .flex--item7, +.g1.flex__allitems7 > .d-flex, +.gx1.flex__allitems7 > .d-flex, +.gy1.flex__allitems7 > .d-flex, +.g1.flex__allitems7 > .flex--item, +.gx1.flex__allitems7 > .flex--item, +.gy1.flex__allitems7 > .flex--item { + flex-basis: calc(58.333333333333336% - (var(--su1) * 0.4166666666666667)); +} +.g1 > .flex--item8, +.gx1 > .flex--item8, +.gy1 > .flex--item8, +.g1.flex__allitems8 > .d-flex, +.gx1.flex__allitems8 > .d-flex, +.gy1.flex__allitems8 > .d-flex, +.g1.flex__allitems8 > .flex--item, +.gx1.flex__allitems8 > .flex--item, +.gy1.flex__allitems8 > .flex--item { + flex-basis: calc(66.66666666666667% - (var(--su1) * 0.3333333333333333)); +} +.g1 > .flex--item9, +.gx1 > .flex--item9, +.gy1 > .flex--item9, +.g1.flex__allitems9 > .d-flex, +.gx1.flex__allitems9 > .d-flex, +.gy1.flex__allitems9 > .d-flex, +.g1.flex__allitems9 > .flex--item, +.gx1.flex__allitems9 > .flex--item, +.gy1.flex__allitems9 > .flex--item { + flex-basis: calc(75% - (var(--su1) * 0.25)); +} +.g1 > .flex--item10, +.gx1 > .flex--item10, +.gy1 > .flex--item10, +.g1.flex__allitems10 > .d-flex, +.gx1.flex__allitems10 > .d-flex, +.gy1.flex__allitems10 > .d-flex, +.g1.flex__allitems10 > .flex--item, +.gx1.flex__allitems10 > .flex--item, +.gy1.flex__allitems10 > .flex--item { + flex-basis: calc(83.33333333333333% - (var(--su1) * 0.16666666666666666)); +} +.g1 > .flex--item11, +.gx1 > .flex--item11, +.gy1 > .flex--item11, +.g1.flex__allitems11 > .d-flex, +.gx1.flex__allitems11 > .d-flex, +.gy1.flex__allitems11 > .d-flex, +.g1.flex__allitems11 > .flex--item, +.gx1.flex__allitems11 > .flex--item, +.gy1.flex__allitems11 > .flex--item { + flex-basis: calc(91.66666666666667% - (var(--su1) * 0.08333333333333333)); +} +.g1 > .flex--item12, +.gx1 > .flex--item12, +.gy1 > .flex--item12, +.g1.flex__allitems12 > .d-flex, +.gx1.flex__allitems12 > .d-flex, +.gy1.flex__allitems12 > .d-flex, +.g1.flex__allitems12 > .flex--item, +.gx1.flex__allitems12 > .flex--item, +.gy1.flex__allitems12 > .flex--item { + flex-basis: calc(100% - (var(--su1) * 0)); +} +.g2 > .flex--item1, +.gx2 > .flex--item1, +.gy2 > .flex--item1, +.g2.flex__allitems1 > .d-flex, +.gx2.flex__allitems1 > .d-flex, +.gy2.flex__allitems1 > .d-flex, +.g2.flex__allitems1 > .flex--item, +.gx2.flex__allitems1 > .flex--item, +.gy2.flex__allitems1 > .flex--item { + flex-basis: calc(8.333333333333334% - (var(--su2) * 0.9166666666666666)); +} +.g2 > .flex--item2, +.gx2 > .flex--item2, +.gy2 > .flex--item2, +.g2.flex__allitems2 > .d-flex, +.gx2.flex__allitems2 > .d-flex, +.gy2.flex__allitems2 > .d-flex, +.g2.flex__allitems2 > .flex--item, +.gx2.flex__allitems2 > .flex--item, +.gy2.flex__allitems2 > .flex--item { + flex-basis: calc(16.666666666666668% - (var(--su2) * 0.8333333333333334)); +} +.g2 > .flex--item3, +.gx2 > .flex--item3, +.gy2 > .flex--item3, +.g2.flex__allitems3 > .d-flex, +.gx2.flex__allitems3 > .d-flex, +.gy2.flex__allitems3 > .d-flex, +.g2.flex__allitems3 > .flex--item, +.gx2.flex__allitems3 > .flex--item, +.gy2.flex__allitems3 > .flex--item { + flex-basis: calc(25% - (var(--su2) * 0.75)); +} +.g2 > .flex--item4, +.gx2 > .flex--item4, +.gy2 > .flex--item4, +.g2.flex__allitems4 > .d-flex, +.gx2.flex__allitems4 > .d-flex, +.gy2.flex__allitems4 > .d-flex, +.g2.flex__allitems4 > .flex--item, +.gx2.flex__allitems4 > .flex--item, +.gy2.flex__allitems4 > .flex--item { + flex-basis: calc(33.333333333333336% - (var(--su2) * 0.6666666666666666)); +} +.g2 > .flex--item5, +.gx2 > .flex--item5, +.gy2 > .flex--item5, +.g2.flex__allitems5 > .d-flex, +.gx2.flex__allitems5 > .d-flex, +.gy2.flex__allitems5 > .d-flex, +.g2.flex__allitems5 > .flex--item, +.gx2.flex__allitems5 > .flex--item, +.gy2.flex__allitems5 > .flex--item { + flex-basis: calc(41.666666666666664% - (var(--su2) * 0.5833333333333334)); +} +.g2 > .flex--item6, +.gx2 > .flex--item6, +.gy2 > .flex--item6, +.g2.flex__allitems6 > .d-flex, +.gx2.flex__allitems6 > .d-flex, +.gy2.flex__allitems6 > .d-flex, +.g2.flex__allitems6 > .flex--item, +.gx2.flex__allitems6 > .flex--item, +.gy2.flex__allitems6 > .flex--item { + flex-basis: calc(50% - (var(--su2) * 0.5)); +} +.g2 > .flex--item7, +.gx2 > .flex--item7, +.gy2 > .flex--item7, +.g2.flex__allitems7 > .d-flex, +.gx2.flex__allitems7 > .d-flex, +.gy2.flex__allitems7 > .d-flex, +.g2.flex__allitems7 > .flex--item, +.gx2.flex__allitems7 > .flex--item, +.gy2.flex__allitems7 > .flex--item { + flex-basis: calc(58.333333333333336% - (var(--su2) * 0.4166666666666667)); +} +.g2 > .flex--item8, +.gx2 > .flex--item8, +.gy2 > .flex--item8, +.g2.flex__allitems8 > .d-flex, +.gx2.flex__allitems8 > .d-flex, +.gy2.flex__allitems8 > .d-flex, +.g2.flex__allitems8 > .flex--item, +.gx2.flex__allitems8 > .flex--item, +.gy2.flex__allitems8 > .flex--item { + flex-basis: calc(66.66666666666667% - (var(--su2) * 0.3333333333333333)); +} +.g2 > .flex--item9, +.gx2 > .flex--item9, +.gy2 > .flex--item9, +.g2.flex__allitems9 > .d-flex, +.gx2.flex__allitems9 > .d-flex, +.gy2.flex__allitems9 > .d-flex, +.g2.flex__allitems9 > .flex--item, +.gx2.flex__allitems9 > .flex--item, +.gy2.flex__allitems9 > .flex--item { + flex-basis: calc(75% - (var(--su2) * 0.25)); +} +.g2 > .flex--item10, +.gx2 > .flex--item10, +.gy2 > .flex--item10, +.g2.flex__allitems10 > .d-flex, +.gx2.flex__allitems10 > .d-flex, +.gy2.flex__allitems10 > .d-flex, +.g2.flex__allitems10 > .flex--item, +.gx2.flex__allitems10 > .flex--item, +.gy2.flex__allitems10 > .flex--item { + flex-basis: calc(83.33333333333333% - (var(--su2) * 0.16666666666666666)); +} +.g2 > .flex--item11, +.gx2 > .flex--item11, +.gy2 > .flex--item11, +.g2.flex__allitems11 > .d-flex, +.gx2.flex__allitems11 > .d-flex, +.gy2.flex__allitems11 > .d-flex, +.g2.flex__allitems11 > .flex--item, +.gx2.flex__allitems11 > .flex--item, +.gy2.flex__allitems11 > .flex--item { + flex-basis: calc(91.66666666666667% - (var(--su2) * 0.08333333333333333)); +} +.g2 > .flex--item12, +.gx2 > .flex--item12, +.gy2 > .flex--item12, +.g2.flex__allitems12 > .d-flex, +.gx2.flex__allitems12 > .d-flex, +.gy2.flex__allitems12 > .d-flex, +.g2.flex__allitems12 > .flex--item, +.gx2.flex__allitems12 > .flex--item, +.gy2.flex__allitems12 > .flex--item { + flex-basis: calc(100% - (var(--su2) * 0)); +} +.g4 > .flex--item1, +.gx4 > .flex--item1, +.gy4 > .flex--item1, +.g4.flex__allitems1 > .d-flex, +.gx4.flex__allitems1 > .d-flex, +.gy4.flex__allitems1 > .d-flex, +.g4.flex__allitems1 > .flex--item, +.gx4.flex__allitems1 > .flex--item, +.gy4.flex__allitems1 > .flex--item { + flex-basis: calc(8.333333333333334% - (var(--su4) * 0.9166666666666666)); +} +.g4 > .flex--item2, +.gx4 > .flex--item2, +.gy4 > .flex--item2, +.g4.flex__allitems2 > .d-flex, +.gx4.flex__allitems2 > .d-flex, +.gy4.flex__allitems2 > .d-flex, +.g4.flex__allitems2 > .flex--item, +.gx4.flex__allitems2 > .flex--item, +.gy4.flex__allitems2 > .flex--item { + flex-basis: calc(16.666666666666668% - (var(--su4) * 0.8333333333333334)); +} +.g4 > .flex--item3, +.gx4 > .flex--item3, +.gy4 > .flex--item3, +.g4.flex__allitems3 > .d-flex, +.gx4.flex__allitems3 > .d-flex, +.gy4.flex__allitems3 > .d-flex, +.g4.flex__allitems3 > .flex--item, +.gx4.flex__allitems3 > .flex--item, +.gy4.flex__allitems3 > .flex--item { + flex-basis: calc(25% - (var(--su4) * 0.75)); +} +.g4 > .flex--item4, +.gx4 > .flex--item4, +.gy4 > .flex--item4, +.g4.flex__allitems4 > .d-flex, +.gx4.flex__allitems4 > .d-flex, +.gy4.flex__allitems4 > .d-flex, +.g4.flex__allitems4 > .flex--item, +.gx4.flex__allitems4 > .flex--item, +.gy4.flex__allitems4 > .flex--item { + flex-basis: calc(33.333333333333336% - (var(--su4) * 0.6666666666666666)); +} +.g4 > .flex--item5, +.gx4 > .flex--item5, +.gy4 > .flex--item5, +.g4.flex__allitems5 > .d-flex, +.gx4.flex__allitems5 > .d-flex, +.gy4.flex__allitems5 > .d-flex, +.g4.flex__allitems5 > .flex--item, +.gx4.flex__allitems5 > .flex--item, +.gy4.flex__allitems5 > .flex--item { + flex-basis: calc(41.666666666666664% - (var(--su4) * 0.5833333333333334)); +} +.g4 > .flex--item6, +.gx4 > .flex--item6, +.gy4 > .flex--item6, +.g4.flex__allitems6 > .d-flex, +.gx4.flex__allitems6 > .d-flex, +.gy4.flex__allitems6 > .d-flex, +.g4.flex__allitems6 > .flex--item, +.gx4.flex__allitems6 > .flex--item, +.gy4.flex__allitems6 > .flex--item { + flex-basis: calc(50% - (var(--su4) * 0.5)); +} +.g4 > .flex--item7, +.gx4 > .flex--item7, +.gy4 > .flex--item7, +.g4.flex__allitems7 > .d-flex, +.gx4.flex__allitems7 > .d-flex, +.gy4.flex__allitems7 > .d-flex, +.g4.flex__allitems7 > .flex--item, +.gx4.flex__allitems7 > .flex--item, +.gy4.flex__allitems7 > .flex--item { + flex-basis: calc(58.333333333333336% - (var(--su4) * 0.4166666666666667)); +} +.g4 > .flex--item8, +.gx4 > .flex--item8, +.gy4 > .flex--item8, +.g4.flex__allitems8 > .d-flex, +.gx4.flex__allitems8 > .d-flex, +.gy4.flex__allitems8 > .d-flex, +.g4.flex__allitems8 > .flex--item, +.gx4.flex__allitems8 > .flex--item, +.gy4.flex__allitems8 > .flex--item { + flex-basis: calc(66.66666666666667% - (var(--su4) * 0.3333333333333333)); +} +.g4 > .flex--item9, +.gx4 > .flex--item9, +.gy4 > .flex--item9, +.g4.flex__allitems9 > .d-flex, +.gx4.flex__allitems9 > .d-flex, +.gy4.flex__allitems9 > .d-flex, +.g4.flex__allitems9 > .flex--item, +.gx4.flex__allitems9 > .flex--item, +.gy4.flex__allitems9 > .flex--item { + flex-basis: calc(75% - (var(--su4) * 0.25)); +} +.g4 > .flex--item10, +.gx4 > .flex--item10, +.gy4 > .flex--item10, +.g4.flex__allitems10 > .d-flex, +.gx4.flex__allitems10 > .d-flex, +.gy4.flex__allitems10 > .d-flex, +.g4.flex__allitems10 > .flex--item, +.gx4.flex__allitems10 > .flex--item, +.gy4.flex__allitems10 > .flex--item { + flex-basis: calc(83.33333333333333% - (var(--su4) * 0.16666666666666666)); +} +.g4 > .flex--item11, +.gx4 > .flex--item11, +.gy4 > .flex--item11, +.g4.flex__allitems11 > .d-flex, +.gx4.flex__allitems11 > .d-flex, +.gy4.flex__allitems11 > .d-flex, +.g4.flex__allitems11 > .flex--item, +.gx4.flex__allitems11 > .flex--item, +.gy4.flex__allitems11 > .flex--item { + flex-basis: calc(91.66666666666667% - (var(--su4) * 0.08333333333333333)); +} +.g4 > .flex--item12, +.gx4 > .flex--item12, +.gy4 > .flex--item12, +.g4.flex__allitems12 > .d-flex, +.gx4.flex__allitems12 > .d-flex, +.gy4.flex__allitems12 > .d-flex, +.g4.flex__allitems12 > .flex--item, +.gx4.flex__allitems12 > .flex--item, +.gy4.flex__allitems12 > .flex--item { + flex-basis: calc(100% - (var(--su4) * 0)); +} +.g6 > .flex--item1, +.gx6 > .flex--item1, +.gy6 > .flex--item1, +.g6.flex__allitems1 > .d-flex, +.gx6.flex__allitems1 > .d-flex, +.gy6.flex__allitems1 > .d-flex, +.g6.flex__allitems1 > .flex--item, +.gx6.flex__allitems1 > .flex--item, +.gy6.flex__allitems1 > .flex--item { + flex-basis: calc(8.333333333333334% - (var(--su6) * 0.9166666666666666)); +} +.g6 > .flex--item2, +.gx6 > .flex--item2, +.gy6 > .flex--item2, +.g6.flex__allitems2 > .d-flex, +.gx6.flex__allitems2 > .d-flex, +.gy6.flex__allitems2 > .d-flex, +.g6.flex__allitems2 > .flex--item, +.gx6.flex__allitems2 > .flex--item, +.gy6.flex__allitems2 > .flex--item { + flex-basis: calc(16.666666666666668% - (var(--su6) * 0.8333333333333334)); +} +.g6 > .flex--item3, +.gx6 > .flex--item3, +.gy6 > .flex--item3, +.g6.flex__allitems3 > .d-flex, +.gx6.flex__allitems3 > .d-flex, +.gy6.flex__allitems3 > .d-flex, +.g6.flex__allitems3 > .flex--item, +.gx6.flex__allitems3 > .flex--item, +.gy6.flex__allitems3 > .flex--item { + flex-basis: calc(25% - (var(--su6) * 0.75)); +} +.g6 > .flex--item4, +.gx6 > .flex--item4, +.gy6 > .flex--item4, +.g6.flex__allitems4 > .d-flex, +.gx6.flex__allitems4 > .d-flex, +.gy6.flex__allitems4 > .d-flex, +.g6.flex__allitems4 > .flex--item, +.gx6.flex__allitems4 > .flex--item, +.gy6.flex__allitems4 > .flex--item { + flex-basis: calc(33.333333333333336% - (var(--su6) * 0.6666666666666666)); +} +.g6 > .flex--item5, +.gx6 > .flex--item5, +.gy6 > .flex--item5, +.g6.flex__allitems5 > .d-flex, +.gx6.flex__allitems5 > .d-flex, +.gy6.flex__allitems5 > .d-flex, +.g6.flex__allitems5 > .flex--item, +.gx6.flex__allitems5 > .flex--item, +.gy6.flex__allitems5 > .flex--item { + flex-basis: calc(41.666666666666664% - (var(--su6) * 0.5833333333333334)); +} +.g6 > .flex--item6, +.gx6 > .flex--item6, +.gy6 > .flex--item6, +.g6.flex__allitems6 > .d-flex, +.gx6.flex__allitems6 > .d-flex, +.gy6.flex__allitems6 > .d-flex, +.g6.flex__allitems6 > .flex--item, +.gx6.flex__allitems6 > .flex--item, +.gy6.flex__allitems6 > .flex--item { + flex-basis: calc(50% - (var(--su6) * 0.5)); +} +.g6 > .flex--item7, +.gx6 > .flex--item7, +.gy6 > .flex--item7, +.g6.flex__allitems7 > .d-flex, +.gx6.flex__allitems7 > .d-flex, +.gy6.flex__allitems7 > .d-flex, +.g6.flex__allitems7 > .flex--item, +.gx6.flex__allitems7 > .flex--item, +.gy6.flex__allitems7 > .flex--item { + flex-basis: calc(58.333333333333336% - (var(--su6) * 0.4166666666666667)); +} +.g6 > .flex--item8, +.gx6 > .flex--item8, +.gy6 > .flex--item8, +.g6.flex__allitems8 > .d-flex, +.gx6.flex__allitems8 > .d-flex, +.gy6.flex__allitems8 > .d-flex, +.g6.flex__allitems8 > .flex--item, +.gx6.flex__allitems8 > .flex--item, +.gy6.flex__allitems8 > .flex--item { + flex-basis: calc(66.66666666666667% - (var(--su6) * 0.3333333333333333)); +} +.g6 > .flex--item9, +.gx6 > .flex--item9, +.gy6 > .flex--item9, +.g6.flex__allitems9 > .d-flex, +.gx6.flex__allitems9 > .d-flex, +.gy6.flex__allitems9 > .d-flex, +.g6.flex__allitems9 > .flex--item, +.gx6.flex__allitems9 > .flex--item, +.gy6.flex__allitems9 > .flex--item { + flex-basis: calc(75% - (var(--su6) * 0.25)); +} +.g6 > .flex--item10, +.gx6 > .flex--item10, +.gy6 > .flex--item10, +.g6.flex__allitems10 > .d-flex, +.gx6.flex__allitems10 > .d-flex, +.gy6.flex__allitems10 > .d-flex, +.g6.flex__allitems10 > .flex--item, +.gx6.flex__allitems10 > .flex--item, +.gy6.flex__allitems10 > .flex--item { + flex-basis: calc(83.33333333333333% - (var(--su6) * 0.16666666666666666)); +} +.g6 > .flex--item11, +.gx6 > .flex--item11, +.gy6 > .flex--item11, +.g6.flex__allitems11 > .d-flex, +.gx6.flex__allitems11 > .d-flex, +.gy6.flex__allitems11 > .d-flex, +.g6.flex__allitems11 > .flex--item, +.gx6.flex__allitems11 > .flex--item, +.gy6.flex__allitems11 > .flex--item { + flex-basis: calc(91.66666666666667% - (var(--su6) * 0.08333333333333333)); +} +.g6 > .flex--item12, +.gx6 > .flex--item12, +.gy6 > .flex--item12, +.g6.flex__allitems12 > .d-flex, +.gx6.flex__allitems12 > .d-flex, +.gy6.flex__allitems12 > .d-flex, +.g6.flex__allitems12 > .flex--item, +.gx6.flex__allitems12 > .flex--item, +.gy6.flex__allitems12 > .flex--item { + flex-basis: calc(100% - (var(--su6) * 0)); +} +.g8 > .flex--item1, +.gx8 > .flex--item1, +.gy8 > .flex--item1, +.g8.flex__allitems1 > .d-flex, +.gx8.flex__allitems1 > .d-flex, +.gy8.flex__allitems1 > .d-flex, +.g8.flex__allitems1 > .flex--item, +.gx8.flex__allitems1 > .flex--item, +.gy8.flex__allitems1 > .flex--item { + flex-basis: calc(8.333333333333334% - (var(--su8) * 0.9166666666666666)); +} +.g8 > .flex--item2, +.gx8 > .flex--item2, +.gy8 > .flex--item2, +.g8.flex__allitems2 > .d-flex, +.gx8.flex__allitems2 > .d-flex, +.gy8.flex__allitems2 > .d-flex, +.g8.flex__allitems2 > .flex--item, +.gx8.flex__allitems2 > .flex--item, +.gy8.flex__allitems2 > .flex--item { + flex-basis: calc(16.666666666666668% - (var(--su8) * 0.8333333333333334)); +} +.g8 > .flex--item3, +.gx8 > .flex--item3, +.gy8 > .flex--item3, +.g8.flex__allitems3 > .d-flex, +.gx8.flex__allitems3 > .d-flex, +.gy8.flex__allitems3 > .d-flex, +.g8.flex__allitems3 > .flex--item, +.gx8.flex__allitems3 > .flex--item, +.gy8.flex__allitems3 > .flex--item { + flex-basis: calc(25% - (var(--su8) * 0.75)); +} +.g8 > .flex--item4, +.gx8 > .flex--item4, +.gy8 > .flex--item4, +.g8.flex__allitems4 > .d-flex, +.gx8.flex__allitems4 > .d-flex, +.gy8.flex__allitems4 > .d-flex, +.g8.flex__allitems4 > .flex--item, +.gx8.flex__allitems4 > .flex--item, +.gy8.flex__allitems4 > .flex--item { + flex-basis: calc(33.333333333333336% - (var(--su8) * 0.6666666666666666)); +} +.g8 > .flex--item5, +.gx8 > .flex--item5, +.gy8 > .flex--item5, +.g8.flex__allitems5 > .d-flex, +.gx8.flex__allitems5 > .d-flex, +.gy8.flex__allitems5 > .d-flex, +.g8.flex__allitems5 > .flex--item, +.gx8.flex__allitems5 > .flex--item, +.gy8.flex__allitems5 > .flex--item { + flex-basis: calc(41.666666666666664% - (var(--su8) * 0.5833333333333334)); +} +.g8 > .flex--item6, +.gx8 > .flex--item6, +.gy8 > .flex--item6, +.g8.flex__allitems6 > .d-flex, +.gx8.flex__allitems6 > .d-flex, +.gy8.flex__allitems6 > .d-flex, +.g8.flex__allitems6 > .flex--item, +.gx8.flex__allitems6 > .flex--item, +.gy8.flex__allitems6 > .flex--item { + flex-basis: calc(50% - (var(--su8) * 0.5)); +} +.g8 > .flex--item7, +.gx8 > .flex--item7, +.gy8 > .flex--item7, +.g8.flex__allitems7 > .d-flex, +.gx8.flex__allitems7 > .d-flex, +.gy8.flex__allitems7 > .d-flex, +.g8.flex__allitems7 > .flex--item, +.gx8.flex__allitems7 > .flex--item, +.gy8.flex__allitems7 > .flex--item { + flex-basis: calc(58.333333333333336% - (var(--su8) * 0.4166666666666667)); +} +.g8 > .flex--item8, +.gx8 > .flex--item8, +.gy8 > .flex--item8, +.g8.flex__allitems8 > .d-flex, +.gx8.flex__allitems8 > .d-flex, +.gy8.flex__allitems8 > .d-flex, +.g8.flex__allitems8 > .flex--item, +.gx8.flex__allitems8 > .flex--item, +.gy8.flex__allitems8 > .flex--item { + flex-basis: calc(66.66666666666667% - (var(--su8) * 0.3333333333333333)); +} +.g8 > .flex--item9, +.gx8 > .flex--item9, +.gy8 > .flex--item9, +.g8.flex__allitems9 > .d-flex, +.gx8.flex__allitems9 > .d-flex, +.gy8.flex__allitems9 > .d-flex, +.g8.flex__allitems9 > .flex--item, +.gx8.flex__allitems9 > .flex--item, +.gy8.flex__allitems9 > .flex--item { + flex-basis: calc(75% - (var(--su8) * 0.25)); +} +.g8 > .flex--item10, +.gx8 > .flex--item10, +.gy8 > .flex--item10, +.g8.flex__allitems10 > .d-flex, +.gx8.flex__allitems10 > .d-flex, +.gy8.flex__allitems10 > .d-flex, +.g8.flex__allitems10 > .flex--item, +.gx8.flex__allitems10 > .flex--item, +.gy8.flex__allitems10 > .flex--item { + flex-basis: calc(83.33333333333333% - (var(--su8) * 0.16666666666666666)); +} +.g8 > .flex--item11, +.gx8 > .flex--item11, +.gy8 > .flex--item11, +.g8.flex__allitems11 > .d-flex, +.gx8.flex__allitems11 > .d-flex, +.gy8.flex__allitems11 > .d-flex, +.g8.flex__allitems11 > .flex--item, +.gx8.flex__allitems11 > .flex--item, +.gy8.flex__allitems11 > .flex--item { + flex-basis: calc(91.66666666666667% - (var(--su8) * 0.08333333333333333)); +} +.g8 > .flex--item12, +.gx8 > .flex--item12, +.gy8 > .flex--item12, +.g8.flex__allitems12 > .d-flex, +.gx8.flex__allitems12 > .d-flex, +.gy8.flex__allitems12 > .d-flex, +.g8.flex__allitems12 > .flex--item, +.gx8.flex__allitems12 > .flex--item, +.gy8.flex__allitems12 > .flex--item { + flex-basis: calc(100% - (var(--su8) * 0)); +} +.g12 > .flex--item1, +.gx12 > .flex--item1, +.gy12 > .flex--item1, +.g12.flex__allitems1 > .d-flex, +.gx12.flex__allitems1 > .d-flex, +.gy12.flex__allitems1 > .d-flex, +.g12.flex__allitems1 > .flex--item, +.gx12.flex__allitems1 > .flex--item, +.gy12.flex__allitems1 > .flex--item { + flex-basis: calc(8.333333333333334% - (var(--su12) * 0.9166666666666666)); +} +.g12 > .flex--item2, +.gx12 > .flex--item2, +.gy12 > .flex--item2, +.g12.flex__allitems2 > .d-flex, +.gx12.flex__allitems2 > .d-flex, +.gy12.flex__allitems2 > .d-flex, +.g12.flex__allitems2 > .flex--item, +.gx12.flex__allitems2 > .flex--item, +.gy12.flex__allitems2 > .flex--item { + flex-basis: calc(16.666666666666668% - (var(--su12) * 0.8333333333333334)); +} +.g12 > .flex--item3, +.gx12 > .flex--item3, +.gy12 > .flex--item3, +.g12.flex__allitems3 > .d-flex, +.gx12.flex__allitems3 > .d-flex, +.gy12.flex__allitems3 > .d-flex, +.g12.flex__allitems3 > .flex--item, +.gx12.flex__allitems3 > .flex--item, +.gy12.flex__allitems3 > .flex--item { + flex-basis: calc(25% - (var(--su12) * 0.75)); +} +.g12 > .flex--item4, +.gx12 > .flex--item4, +.gy12 > .flex--item4, +.g12.flex__allitems4 > .d-flex, +.gx12.flex__allitems4 > .d-flex, +.gy12.flex__allitems4 > .d-flex, +.g12.flex__allitems4 > .flex--item, +.gx12.flex__allitems4 > .flex--item, +.gy12.flex__allitems4 > .flex--item { + flex-basis: calc(33.333333333333336% - (var(--su12) * 0.6666666666666666)); +} +.g12 > .flex--item5, +.gx12 > .flex--item5, +.gy12 > .flex--item5, +.g12.flex__allitems5 > .d-flex, +.gx12.flex__allitems5 > .d-flex, +.gy12.flex__allitems5 > .d-flex, +.g12.flex__allitems5 > .flex--item, +.gx12.flex__allitems5 > .flex--item, +.gy12.flex__allitems5 > .flex--item { + flex-basis: calc(41.666666666666664% - (var(--su12) * 0.5833333333333334)); +} +.g12 > .flex--item6, +.gx12 > .flex--item6, +.gy12 > .flex--item6, +.g12.flex__allitems6 > .d-flex, +.gx12.flex__allitems6 > .d-flex, +.gy12.flex__allitems6 > .d-flex, +.g12.flex__allitems6 > .flex--item, +.gx12.flex__allitems6 > .flex--item, +.gy12.flex__allitems6 > .flex--item { + flex-basis: calc(50% - (var(--su12) * 0.5)); +} +.g12 > .flex--item7, +.gx12 > .flex--item7, +.gy12 > .flex--item7, +.g12.flex__allitems7 > .d-flex, +.gx12.flex__allitems7 > .d-flex, +.gy12.flex__allitems7 > .d-flex, +.g12.flex__allitems7 > .flex--item, +.gx12.flex__allitems7 > .flex--item, +.gy12.flex__allitems7 > .flex--item { + flex-basis: calc(58.333333333333336% - (var(--su12) * 0.4166666666666667)); +} +.g12 > .flex--item8, +.gx12 > .flex--item8, +.gy12 > .flex--item8, +.g12.flex__allitems8 > .d-flex, +.gx12.flex__allitems8 > .d-flex, +.gy12.flex__allitems8 > .d-flex, +.g12.flex__allitems8 > .flex--item, +.gx12.flex__allitems8 > .flex--item, +.gy12.flex__allitems8 > .flex--item { + flex-basis: calc(66.66666666666667% - (var(--su12) * 0.3333333333333333)); +} +.g12 > .flex--item9, +.gx12 > .flex--item9, +.gy12 > .flex--item9, +.g12.flex__allitems9 > .d-flex, +.gx12.flex__allitems9 > .d-flex, +.gy12.flex__allitems9 > .d-flex, +.g12.flex__allitems9 > .flex--item, +.gx12.flex__allitems9 > .flex--item, +.gy12.flex__allitems9 > .flex--item { + flex-basis: calc(75% - (var(--su12) * 0.25)); +} +.g12 > .flex--item10, +.gx12 > .flex--item10, +.gy12 > .flex--item10, +.g12.flex__allitems10 > .d-flex, +.gx12.flex__allitems10 > .d-flex, +.gy12.flex__allitems10 > .d-flex, +.g12.flex__allitems10 > .flex--item, +.gx12.flex__allitems10 > .flex--item, +.gy12.flex__allitems10 > .flex--item { + flex-basis: calc(83.33333333333333% - (var(--su12) * 0.16666666666666666)); +} +.g12 > .flex--item11, +.gx12 > .flex--item11, +.gy12 > .flex--item11, +.g12.flex__allitems11 > .d-flex, +.gx12.flex__allitems11 > .d-flex, +.gy12.flex__allitems11 > .d-flex, +.g12.flex__allitems11 > .flex--item, +.gx12.flex__allitems11 > .flex--item, +.gy12.flex__allitems11 > .flex--item { + flex-basis: calc(91.66666666666667% - (var(--su12) * 0.08333333333333333)); +} +.g12 > .flex--item12, +.gx12 > .flex--item12, +.gy12 > .flex--item12, +.g12.flex__allitems12 > .d-flex, +.gx12.flex__allitems12 > .d-flex, +.gy12.flex__allitems12 > .d-flex, +.g12.flex__allitems12 > .flex--item, +.gx12.flex__allitems12 > .flex--item, +.gy12.flex__allitems12 > .flex--item { + flex-basis: calc(100% - (var(--su12) * 0)); +} +.g16 > .flex--item1, +.gx16 > .flex--item1, +.gy16 > .flex--item1, +.g16.flex__allitems1 > .d-flex, +.gx16.flex__allitems1 > .d-flex, +.gy16.flex__allitems1 > .d-flex, +.g16.flex__allitems1 > .flex--item, +.gx16.flex__allitems1 > .flex--item, +.gy16.flex__allitems1 > .flex--item { + flex-basis: calc(8.333333333333334% - (var(--su16) * 0.9166666666666666)); +} +.g16 > .flex--item2, +.gx16 > .flex--item2, +.gy16 > .flex--item2, +.g16.flex__allitems2 > .d-flex, +.gx16.flex__allitems2 > .d-flex, +.gy16.flex__allitems2 > .d-flex, +.g16.flex__allitems2 > .flex--item, +.gx16.flex__allitems2 > .flex--item, +.gy16.flex__allitems2 > .flex--item { + flex-basis: calc(16.666666666666668% - (var(--su16) * 0.8333333333333334)); +} +.g16 > .flex--item3, +.gx16 > .flex--item3, +.gy16 > .flex--item3, +.g16.flex__allitems3 > .d-flex, +.gx16.flex__allitems3 > .d-flex, +.gy16.flex__allitems3 > .d-flex, +.g16.flex__allitems3 > .flex--item, +.gx16.flex__allitems3 > .flex--item, +.gy16.flex__allitems3 > .flex--item { + flex-basis: calc(25% - (var(--su16) * 0.75)); +} +.g16 > .flex--item4, +.gx16 > .flex--item4, +.gy16 > .flex--item4, +.g16.flex__allitems4 > .d-flex, +.gx16.flex__allitems4 > .d-flex, +.gy16.flex__allitems4 > .d-flex, +.g16.flex__allitems4 > .flex--item, +.gx16.flex__allitems4 > .flex--item, +.gy16.flex__allitems4 > .flex--item { + flex-basis: calc(33.333333333333336% - (var(--su16) * 0.6666666666666666)); +} +.g16 > .flex--item5, +.gx16 > .flex--item5, +.gy16 > .flex--item5, +.g16.flex__allitems5 > .d-flex, +.gx16.flex__allitems5 > .d-flex, +.gy16.flex__allitems5 > .d-flex, +.g16.flex__allitems5 > .flex--item, +.gx16.flex__allitems5 > .flex--item, +.gy16.flex__allitems5 > .flex--item { + flex-basis: calc(41.666666666666664% - (var(--su16) * 0.5833333333333334)); +} +.g16 > .flex--item6, +.gx16 > .flex--item6, +.gy16 > .flex--item6, +.g16.flex__allitems6 > .d-flex, +.gx16.flex__allitems6 > .d-flex, +.gy16.flex__allitems6 > .d-flex, +.g16.flex__allitems6 > .flex--item, +.gx16.flex__allitems6 > .flex--item, +.gy16.flex__allitems6 > .flex--item { + flex-basis: calc(50% - (var(--su16) * 0.5)); +} +.g16 > .flex--item7, +.gx16 > .flex--item7, +.gy16 > .flex--item7, +.g16.flex__allitems7 > .d-flex, +.gx16.flex__allitems7 > .d-flex, +.gy16.flex__allitems7 > .d-flex, +.g16.flex__allitems7 > .flex--item, +.gx16.flex__allitems7 > .flex--item, +.gy16.flex__allitems7 > .flex--item { + flex-basis: calc(58.333333333333336% - (var(--su16) * 0.4166666666666667)); +} +.g16 > .flex--item8, +.gx16 > .flex--item8, +.gy16 > .flex--item8, +.g16.flex__allitems8 > .d-flex, +.gx16.flex__allitems8 > .d-flex, +.gy16.flex__allitems8 > .d-flex, +.g16.flex__allitems8 > .flex--item, +.gx16.flex__allitems8 > .flex--item, +.gy16.flex__allitems8 > .flex--item { + flex-basis: calc(66.66666666666667% - (var(--su16) * 0.3333333333333333)); +} +.g16 > .flex--item9, +.gx16 > .flex--item9, +.gy16 > .flex--item9, +.g16.flex__allitems9 > .d-flex, +.gx16.flex__allitems9 > .d-flex, +.gy16.flex__allitems9 > .d-flex, +.g16.flex__allitems9 > .flex--item, +.gx16.flex__allitems9 > .flex--item, +.gy16.flex__allitems9 > .flex--item { + flex-basis: calc(75% - (var(--su16) * 0.25)); +} +.g16 > .flex--item10, +.gx16 > .flex--item10, +.gy16 > .flex--item10, +.g16.flex__allitems10 > .d-flex, +.gx16.flex__allitems10 > .d-flex, +.gy16.flex__allitems10 > .d-flex, +.g16.flex__allitems10 > .flex--item, +.gx16.flex__allitems10 > .flex--item, +.gy16.flex__allitems10 > .flex--item { + flex-basis: calc(83.33333333333333% - (var(--su16) * 0.16666666666666666)); +} +.g16 > .flex--item11, +.gx16 > .flex--item11, +.gy16 > .flex--item11, +.g16.flex__allitems11 > .d-flex, +.gx16.flex__allitems11 > .d-flex, +.gy16.flex__allitems11 > .d-flex, +.g16.flex__allitems11 > .flex--item, +.gx16.flex__allitems11 > .flex--item, +.gy16.flex__allitems11 > .flex--item { + flex-basis: calc(91.66666666666667% - (var(--su16) * 0.08333333333333333)); +} +.g16 > .flex--item12, +.gx16 > .flex--item12, +.gy16 > .flex--item12, +.g16.flex__allitems12 > .d-flex, +.gx16.flex__allitems12 > .d-flex, +.gy16.flex__allitems12 > .d-flex, +.g16.flex__allitems12 > .flex--item, +.gx16.flex__allitems12 > .flex--item, +.gy16.flex__allitems12 > .flex--item { + flex-basis: calc(100% - (var(--su16) * 0)); +} +.g24 > .flex--item1, +.gx24 > .flex--item1, +.gy24 > .flex--item1, +.g24.flex__allitems1 > .d-flex, +.gx24.flex__allitems1 > .d-flex, +.gy24.flex__allitems1 > .d-flex, +.g24.flex__allitems1 > .flex--item, +.gx24.flex__allitems1 > .flex--item, +.gy24.flex__allitems1 > .flex--item { + flex-basis: calc(8.333333333333334% - (var(--su24) * 0.9166666666666666)); +} +.g24 > .flex--item2, +.gx24 > .flex--item2, +.gy24 > .flex--item2, +.g24.flex__allitems2 > .d-flex, +.gx24.flex__allitems2 > .d-flex, +.gy24.flex__allitems2 > .d-flex, +.g24.flex__allitems2 > .flex--item, +.gx24.flex__allitems2 > .flex--item, +.gy24.flex__allitems2 > .flex--item { + flex-basis: calc(16.666666666666668% - (var(--su24) * 0.8333333333333334)); +} +.g24 > .flex--item3, +.gx24 > .flex--item3, +.gy24 > .flex--item3, +.g24.flex__allitems3 > .d-flex, +.gx24.flex__allitems3 > .d-flex, +.gy24.flex__allitems3 > .d-flex, +.g24.flex__allitems3 > .flex--item, +.gx24.flex__allitems3 > .flex--item, +.gy24.flex__allitems3 > .flex--item { + flex-basis: calc(25% - (var(--su24) * 0.75)); +} +.g24 > .flex--item4, +.gx24 > .flex--item4, +.gy24 > .flex--item4, +.g24.flex__allitems4 > .d-flex, +.gx24.flex__allitems4 > .d-flex, +.gy24.flex__allitems4 > .d-flex, +.g24.flex__allitems4 > .flex--item, +.gx24.flex__allitems4 > .flex--item, +.gy24.flex__allitems4 > .flex--item { + flex-basis: calc(33.333333333333336% - (var(--su24) * 0.6666666666666666)); +} +.g24 > .flex--item5, +.gx24 > .flex--item5, +.gy24 > .flex--item5, +.g24.flex__allitems5 > .d-flex, +.gx24.flex__allitems5 > .d-flex, +.gy24.flex__allitems5 > .d-flex, +.g24.flex__allitems5 > .flex--item, +.gx24.flex__allitems5 > .flex--item, +.gy24.flex__allitems5 > .flex--item { + flex-basis: calc(41.666666666666664% - (var(--su24) * 0.5833333333333334)); +} +.g24 > .flex--item6, +.gx24 > .flex--item6, +.gy24 > .flex--item6, +.g24.flex__allitems6 > .d-flex, +.gx24.flex__allitems6 > .d-flex, +.gy24.flex__allitems6 > .d-flex, +.g24.flex__allitems6 > .flex--item, +.gx24.flex__allitems6 > .flex--item, +.gy24.flex__allitems6 > .flex--item { + flex-basis: calc(50% - (var(--su24) * 0.5)); +} +.g24 > .flex--item7, +.gx24 > .flex--item7, +.gy24 > .flex--item7, +.g24.flex__allitems7 > .d-flex, +.gx24.flex__allitems7 > .d-flex, +.gy24.flex__allitems7 > .d-flex, +.g24.flex__allitems7 > .flex--item, +.gx24.flex__allitems7 > .flex--item, +.gy24.flex__allitems7 > .flex--item { + flex-basis: calc(58.333333333333336% - (var(--su24) * 0.4166666666666667)); +} +.g24 > .flex--item8, +.gx24 > .flex--item8, +.gy24 > .flex--item8, +.g24.flex__allitems8 > .d-flex, +.gx24.flex__allitems8 > .d-flex, +.gy24.flex__allitems8 > .d-flex, +.g24.flex__allitems8 > .flex--item, +.gx24.flex__allitems8 > .flex--item, +.gy24.flex__allitems8 > .flex--item { + flex-basis: calc(66.66666666666667% - (var(--su24) * 0.3333333333333333)); +} +.g24 > .flex--item9, +.gx24 > .flex--item9, +.gy24 > .flex--item9, +.g24.flex__allitems9 > .d-flex, +.gx24.flex__allitems9 > .d-flex, +.gy24.flex__allitems9 > .d-flex, +.g24.flex__allitems9 > .flex--item, +.gx24.flex__allitems9 > .flex--item, +.gy24.flex__allitems9 > .flex--item { + flex-basis: calc(75% - (var(--su24) * 0.25)); +} +.g24 > .flex--item10, +.gx24 > .flex--item10, +.gy24 > .flex--item10, +.g24.flex__allitems10 > .d-flex, +.gx24.flex__allitems10 > .d-flex, +.gy24.flex__allitems10 > .d-flex, +.g24.flex__allitems10 > .flex--item, +.gx24.flex__allitems10 > .flex--item, +.gy24.flex__allitems10 > .flex--item { + flex-basis: calc(83.33333333333333% - (var(--su24) * 0.16666666666666666)); +} +.g24 > .flex--item11, +.gx24 > .flex--item11, +.gy24 > .flex--item11, +.g24.flex__allitems11 > .d-flex, +.gx24.flex__allitems11 > .d-flex, +.gy24.flex__allitems11 > .d-flex, +.g24.flex__allitems11 > .flex--item, +.gx24.flex__allitems11 > .flex--item, +.gy24.flex__allitems11 > .flex--item { + flex-basis: calc(91.66666666666667% - (var(--su24) * 0.08333333333333333)); +} +.g24 > .flex--item12, +.gx24 > .flex--item12, +.gy24 > .flex--item12, +.g24.flex__allitems12 > .d-flex, +.gx24.flex__allitems12 > .d-flex, +.gy24.flex__allitems12 > .d-flex, +.g24.flex__allitems12 > .flex--item, +.gx24.flex__allitems12 > .flex--item, +.gy24.flex__allitems12 > .flex--item { + flex-basis: calc(100% - (var(--su24) * 0)); +} +.g32 > .flex--item1, +.gx32 > .flex--item1, +.gy32 > .flex--item1, +.g32.flex__allitems1 > .d-flex, +.gx32.flex__allitems1 > .d-flex, +.gy32.flex__allitems1 > .d-flex, +.g32.flex__allitems1 > .flex--item, +.gx32.flex__allitems1 > .flex--item, +.gy32.flex__allitems1 > .flex--item { + flex-basis: calc(8.333333333333334% - (var(--su32) * 0.9166666666666666)); +} +.g32 > .flex--item2, +.gx32 > .flex--item2, +.gy32 > .flex--item2, +.g32.flex__allitems2 > .d-flex, +.gx32.flex__allitems2 > .d-flex, +.gy32.flex__allitems2 > .d-flex, +.g32.flex__allitems2 > .flex--item, +.gx32.flex__allitems2 > .flex--item, +.gy32.flex__allitems2 > .flex--item { + flex-basis: calc(16.666666666666668% - (var(--su32) * 0.8333333333333334)); +} +.g32 > .flex--item3, +.gx32 > .flex--item3, +.gy32 > .flex--item3, +.g32.flex__allitems3 > .d-flex, +.gx32.flex__allitems3 > .d-flex, +.gy32.flex__allitems3 > .d-flex, +.g32.flex__allitems3 > .flex--item, +.gx32.flex__allitems3 > .flex--item, +.gy32.flex__allitems3 > .flex--item { + flex-basis: calc(25% - (var(--su32) * 0.75)); +} +.g32 > .flex--item4, +.gx32 > .flex--item4, +.gy32 > .flex--item4, +.g32.flex__allitems4 > .d-flex, +.gx32.flex__allitems4 > .d-flex, +.gy32.flex__allitems4 > .d-flex, +.g32.flex__allitems4 > .flex--item, +.gx32.flex__allitems4 > .flex--item, +.gy32.flex__allitems4 > .flex--item { + flex-basis: calc(33.333333333333336% - (var(--su32) * 0.6666666666666666)); +} +.g32 > .flex--item5, +.gx32 > .flex--item5, +.gy32 > .flex--item5, +.g32.flex__allitems5 > .d-flex, +.gx32.flex__allitems5 > .d-flex, +.gy32.flex__allitems5 > .d-flex, +.g32.flex__allitems5 > .flex--item, +.gx32.flex__allitems5 > .flex--item, +.gy32.flex__allitems5 > .flex--item { + flex-basis: calc(41.666666666666664% - (var(--su32) * 0.5833333333333334)); +} +.g32 > .flex--item6, +.gx32 > .flex--item6, +.gy32 > .flex--item6, +.g32.flex__allitems6 > .d-flex, +.gx32.flex__allitems6 > .d-flex, +.gy32.flex__allitems6 > .d-flex, +.g32.flex__allitems6 > .flex--item, +.gx32.flex__allitems6 > .flex--item, +.gy32.flex__allitems6 > .flex--item { + flex-basis: calc(50% - (var(--su32) * 0.5)); +} +.g32 > .flex--item7, +.gx32 > .flex--item7, +.gy32 > .flex--item7, +.g32.flex__allitems7 > .d-flex, +.gx32.flex__allitems7 > .d-flex, +.gy32.flex__allitems7 > .d-flex, +.g32.flex__allitems7 > .flex--item, +.gx32.flex__allitems7 > .flex--item, +.gy32.flex__allitems7 > .flex--item { + flex-basis: calc(58.333333333333336% - (var(--su32) * 0.4166666666666667)); +} +.g32 > .flex--item8, +.gx32 > .flex--item8, +.gy32 > .flex--item8, +.g32.flex__allitems8 > .d-flex, +.gx32.flex__allitems8 > .d-flex, +.gy32.flex__allitems8 > .d-flex, +.g32.flex__allitems8 > .flex--item, +.gx32.flex__allitems8 > .flex--item, +.gy32.flex__allitems8 > .flex--item { + flex-basis: calc(66.66666666666667% - (var(--su32) * 0.3333333333333333)); +} +.g32 > .flex--item9, +.gx32 > .flex--item9, +.gy32 > .flex--item9, +.g32.flex__allitems9 > .d-flex, +.gx32.flex__allitems9 > .d-flex, +.gy32.flex__allitems9 > .d-flex, +.g32.flex__allitems9 > .flex--item, +.gx32.flex__allitems9 > .flex--item, +.gy32.flex__allitems9 > .flex--item { + flex-basis: calc(75% - (var(--su32) * 0.25)); +} +.g32 > .flex--item10, +.gx32 > .flex--item10, +.gy32 > .flex--item10, +.g32.flex__allitems10 > .d-flex, +.gx32.flex__allitems10 > .d-flex, +.gy32.flex__allitems10 > .d-flex, +.g32.flex__allitems10 > .flex--item, +.gx32.flex__allitems10 > .flex--item, +.gy32.flex__allitems10 > .flex--item { + flex-basis: calc(83.33333333333333% - (var(--su32) * 0.16666666666666666)); +} +.g32 > .flex--item11, +.gx32 > .flex--item11, +.gy32 > .flex--item11, +.g32.flex__allitems11 > .d-flex, +.gx32.flex__allitems11 > .d-flex, +.gy32.flex__allitems11 > .d-flex, +.g32.flex__allitems11 > .flex--item, +.gx32.flex__allitems11 > .flex--item, +.gy32.flex__allitems11 > .flex--item { + flex-basis: calc(91.66666666666667% - (var(--su32) * 0.08333333333333333)); +} +.g32 > .flex--item12, +.gx32 > .flex--item12, +.gy32 > .flex--item12, +.g32.flex__allitems12 > .d-flex, +.gx32.flex__allitems12 > .d-flex, +.gy32.flex__allitems12 > .d-flex, +.g32.flex__allitems12 > .flex--item, +.gx32.flex__allitems12 > .flex--item, +.gy32.flex__allitems12 > .flex--item { + flex-basis: calc(100% - (var(--su32) * 0)); +} +.g48 > .flex--item1, +.gx48 > .flex--item1, +.gy48 > .flex--item1, +.g48.flex__allitems1 > .d-flex, +.gx48.flex__allitems1 > .d-flex, +.gy48.flex__allitems1 > .d-flex, +.g48.flex__allitems1 > .flex--item, +.gx48.flex__allitems1 > .flex--item, +.gy48.flex__allitems1 > .flex--item { + flex-basis: calc(8.333333333333334% - (var(--su48) * 0.9166666666666666)); +} +.g48 > .flex--item2, +.gx48 > .flex--item2, +.gy48 > .flex--item2, +.g48.flex__allitems2 > .d-flex, +.gx48.flex__allitems2 > .d-flex, +.gy48.flex__allitems2 > .d-flex, +.g48.flex__allitems2 > .flex--item, +.gx48.flex__allitems2 > .flex--item, +.gy48.flex__allitems2 > .flex--item { + flex-basis: calc(16.666666666666668% - (var(--su48) * 0.8333333333333334)); +} +.g48 > .flex--item3, +.gx48 > .flex--item3, +.gy48 > .flex--item3, +.g48.flex__allitems3 > .d-flex, +.gx48.flex__allitems3 > .d-flex, +.gy48.flex__allitems3 > .d-flex, +.g48.flex__allitems3 > .flex--item, +.gx48.flex__allitems3 > .flex--item, +.gy48.flex__allitems3 > .flex--item { + flex-basis: calc(25% - (var(--su48) * 0.75)); +} +.g48 > .flex--item4, +.gx48 > .flex--item4, +.gy48 > .flex--item4, +.g48.flex__allitems4 > .d-flex, +.gx48.flex__allitems4 > .d-flex, +.gy48.flex__allitems4 > .d-flex, +.g48.flex__allitems4 > .flex--item, +.gx48.flex__allitems4 > .flex--item, +.gy48.flex__allitems4 > .flex--item { + flex-basis: calc(33.333333333333336% - (var(--su48) * 0.6666666666666666)); +} +.g48 > .flex--item5, +.gx48 > .flex--item5, +.gy48 > .flex--item5, +.g48.flex__allitems5 > .d-flex, +.gx48.flex__allitems5 > .d-flex, +.gy48.flex__allitems5 > .d-flex, +.g48.flex__allitems5 > .flex--item, +.gx48.flex__allitems5 > .flex--item, +.gy48.flex__allitems5 > .flex--item { + flex-basis: calc(41.666666666666664% - (var(--su48) * 0.5833333333333334)); +} +.g48 > .flex--item6, +.gx48 > .flex--item6, +.gy48 > .flex--item6, +.g48.flex__allitems6 > .d-flex, +.gx48.flex__allitems6 > .d-flex, +.gy48.flex__allitems6 > .d-flex, +.g48.flex__allitems6 > .flex--item, +.gx48.flex__allitems6 > .flex--item, +.gy48.flex__allitems6 > .flex--item { + flex-basis: calc(50% - (var(--su48) * 0.5)); +} +.g48 > .flex--item7, +.gx48 > .flex--item7, +.gy48 > .flex--item7, +.g48.flex__allitems7 > .d-flex, +.gx48.flex__allitems7 > .d-flex, +.gy48.flex__allitems7 > .d-flex, +.g48.flex__allitems7 > .flex--item, +.gx48.flex__allitems7 > .flex--item, +.gy48.flex__allitems7 > .flex--item { + flex-basis: calc(58.333333333333336% - (var(--su48) * 0.4166666666666667)); +} +.g48 > .flex--item8, +.gx48 > .flex--item8, +.gy48 > .flex--item8, +.g48.flex__allitems8 > .d-flex, +.gx48.flex__allitems8 > .d-flex, +.gy48.flex__allitems8 > .d-flex, +.g48.flex__allitems8 > .flex--item, +.gx48.flex__allitems8 > .flex--item, +.gy48.flex__allitems8 > .flex--item { + flex-basis: calc(66.66666666666667% - (var(--su48) * 0.3333333333333333)); +} +.g48 > .flex--item9, +.gx48 > .flex--item9, +.gy48 > .flex--item9, +.g48.flex__allitems9 > .d-flex, +.gx48.flex__allitems9 > .d-flex, +.gy48.flex__allitems9 > .d-flex, +.g48.flex__allitems9 > .flex--item, +.gx48.flex__allitems9 > .flex--item, +.gy48.flex__allitems9 > .flex--item { + flex-basis: calc(75% - (var(--su48) * 0.25)); +} +.g48 > .flex--item10, +.gx48 > .flex--item10, +.gy48 > .flex--item10, +.g48.flex__allitems10 > .d-flex, +.gx48.flex__allitems10 > .d-flex, +.gy48.flex__allitems10 > .d-flex, +.g48.flex__allitems10 > .flex--item, +.gx48.flex__allitems10 > .flex--item, +.gy48.flex__allitems10 > .flex--item { + flex-basis: calc(83.33333333333333% - (var(--su48) * 0.16666666666666666)); +} +.g48 > .flex--item11, +.gx48 > .flex--item11, +.gy48 > .flex--item11, +.g48.flex__allitems11 > .d-flex, +.gx48.flex__allitems11 > .d-flex, +.gy48.flex__allitems11 > .d-flex, +.g48.flex__allitems11 > .flex--item, +.gx48.flex__allitems11 > .flex--item, +.gy48.flex__allitems11 > .flex--item { + flex-basis: calc(91.66666666666667% - (var(--su48) * 0.08333333333333333)); +} +.g48 > .flex--item12, +.gx48 > .flex--item12, +.gy48 > .flex--item12, +.g48.flex__allitems12 > .d-flex, +.gx48.flex__allitems12 > .d-flex, +.gy48.flex__allitems12 > .d-flex, +.g48.flex__allitems12 > .flex--item, +.gx48.flex__allitems12 > .flex--item, +.gy48.flex__allitems12 > .flex--item { + flex-basis: calc(100% - (var(--su48) * 0)); +} +.g64 > .flex--item1, +.gx64 > .flex--item1, +.gy64 > .flex--item1, +.g64.flex__allitems1 > .d-flex, +.gx64.flex__allitems1 > .d-flex, +.gy64.flex__allitems1 > .d-flex, +.g64.flex__allitems1 > .flex--item, +.gx64.flex__allitems1 > .flex--item, +.gy64.flex__allitems1 > .flex--item { + flex-basis: calc(8.333333333333334% - (var(--su64) * 0.9166666666666666)); +} +.g64 > .flex--item2, +.gx64 > .flex--item2, +.gy64 > .flex--item2, +.g64.flex__allitems2 > .d-flex, +.gx64.flex__allitems2 > .d-flex, +.gy64.flex__allitems2 > .d-flex, +.g64.flex__allitems2 > .flex--item, +.gx64.flex__allitems2 > .flex--item, +.gy64.flex__allitems2 > .flex--item { + flex-basis: calc(16.666666666666668% - (var(--su64) * 0.8333333333333334)); +} +.g64 > .flex--item3, +.gx64 > .flex--item3, +.gy64 > .flex--item3, +.g64.flex__allitems3 > .d-flex, +.gx64.flex__allitems3 > .d-flex, +.gy64.flex__allitems3 > .d-flex, +.g64.flex__allitems3 > .flex--item, +.gx64.flex__allitems3 > .flex--item, +.gy64.flex__allitems3 > .flex--item { + flex-basis: calc(25% - (var(--su64) * 0.75)); +} +.g64 > .flex--item4, +.gx64 > .flex--item4, +.gy64 > .flex--item4, +.g64.flex__allitems4 > .d-flex, +.gx64.flex__allitems4 > .d-flex, +.gy64.flex__allitems4 > .d-flex, +.g64.flex__allitems4 > .flex--item, +.gx64.flex__allitems4 > .flex--item, +.gy64.flex__allitems4 > .flex--item { + flex-basis: calc(33.333333333333336% - (var(--su64) * 0.6666666666666666)); +} +.g64 > .flex--item5, +.gx64 > .flex--item5, +.gy64 > .flex--item5, +.g64.flex__allitems5 > .d-flex, +.gx64.flex__allitems5 > .d-flex, +.gy64.flex__allitems5 > .d-flex, +.g64.flex__allitems5 > .flex--item, +.gx64.flex__allitems5 > .flex--item, +.gy64.flex__allitems5 > .flex--item { + flex-basis: calc(41.666666666666664% - (var(--su64) * 0.5833333333333334)); +} +.g64 > .flex--item6, +.gx64 > .flex--item6, +.gy64 > .flex--item6, +.g64.flex__allitems6 > .d-flex, +.gx64.flex__allitems6 > .d-flex, +.gy64.flex__allitems6 > .d-flex, +.g64.flex__allitems6 > .flex--item, +.gx64.flex__allitems6 > .flex--item, +.gy64.flex__allitems6 > .flex--item { + flex-basis: calc(50% - (var(--su64) * 0.5)); +} +.g64 > .flex--item7, +.gx64 > .flex--item7, +.gy64 > .flex--item7, +.g64.flex__allitems7 > .d-flex, +.gx64.flex__allitems7 > .d-flex, +.gy64.flex__allitems7 > .d-flex, +.g64.flex__allitems7 > .flex--item, +.gx64.flex__allitems7 > .flex--item, +.gy64.flex__allitems7 > .flex--item { + flex-basis: calc(58.333333333333336% - (var(--su64) * 0.4166666666666667)); +} +.g64 > .flex--item8, +.gx64 > .flex--item8, +.gy64 > .flex--item8, +.g64.flex__allitems8 > .d-flex, +.gx64.flex__allitems8 > .d-flex, +.gy64.flex__allitems8 > .d-flex, +.g64.flex__allitems8 > .flex--item, +.gx64.flex__allitems8 > .flex--item, +.gy64.flex__allitems8 > .flex--item { + flex-basis: calc(66.66666666666667% - (var(--su64) * 0.3333333333333333)); +} +.g64 > .flex--item9, +.gx64 > .flex--item9, +.gy64 > .flex--item9, +.g64.flex__allitems9 > .d-flex, +.gx64.flex__allitems9 > .d-flex, +.gy64.flex__allitems9 > .d-flex, +.g64.flex__allitems9 > .flex--item, +.gx64.flex__allitems9 > .flex--item, +.gy64.flex__allitems9 > .flex--item { + flex-basis: calc(75% - (var(--su64) * 0.25)); +} +.g64 > .flex--item10, +.gx64 > .flex--item10, +.gy64 > .flex--item10, +.g64.flex__allitems10 > .d-flex, +.gx64.flex__allitems10 > .d-flex, +.gy64.flex__allitems10 > .d-flex, +.g64.flex__allitems10 > .flex--item, +.gx64.flex__allitems10 > .flex--item, +.gy64.flex__allitems10 > .flex--item { + flex-basis: calc(83.33333333333333% - (var(--su64) * 0.16666666666666666)); +} +.g64 > .flex--item11, +.gx64 > .flex--item11, +.gy64 > .flex--item11, +.g64.flex__allitems11 > .d-flex, +.gx64.flex__allitems11 > .d-flex, +.gy64.flex__allitems11 > .d-flex, +.g64.flex__allitems11 > .flex--item, +.gx64.flex__allitems11 > .flex--item, +.gy64.flex__allitems11 > .flex--item { + flex-basis: calc(91.66666666666667% - (var(--su64) * 0.08333333333333333)); +} +.g64 > .flex--item12, +.gx64 > .flex--item12, +.gy64 > .flex--item12, +.g64.flex__allitems12 > .d-flex, +.gx64.flex__allitems12 > .d-flex, +.gy64.flex__allitems12 > .d-flex, +.g64.flex__allitems12 > .flex--item, +.gx64.flex__allitems12 > .flex--item, +.gy64.flex__allitems12 > .flex--item { + flex-basis: calc(100% - (var(--su64) * 0)); +} +.gs2 { + margin: calc(var(--su2) / 2 * -1); +} +.gs2 > .d-flex, +.gs2 > .flex--item { + margin: calc(var(--su2) / 2); +} +.gs2 > .flex--item1 { + margin: calc(var(--su2) / 2); +} +.gs2 > .flex--item1, +.gs2.flex__allitems1 > .d-flex, +.gs2.flex__allitems1 > .flex--item { + flex-basis: calc(8.333333333333334% - var(--su2)); +} +.gs2 > .flex--item2 { + margin: calc(var(--su2) / 2); +} +.gs2 > .flex--item2, +.gs2.flex__allitems2 > .d-flex, +.gs2.flex__allitems2 > .flex--item { + flex-basis: calc(16.666666666666668% - var(--su2)); +} +.gs2 > .flex--item3 { + margin: calc(var(--su2) / 2); +} +.gs2 > .flex--item3, +.gs2.flex__allitems3 > .d-flex, +.gs2.flex__allitems3 > .flex--item { + flex-basis: calc(25% - var(--su2)); +} +.gs2 > .flex--item4 { + margin: calc(var(--su2) / 2); +} +.gs2 > .flex--item4, +.gs2.flex__allitems4 > .d-flex, +.gs2.flex__allitems4 > .flex--item { + flex-basis: calc(33.333333333333336% - var(--su2)); +} +.gs2 > .flex--item5 { + margin: calc(var(--su2) / 2); +} +.gs2 > .flex--item5, +.gs2.flex__allitems5 > .d-flex, +.gs2.flex__allitems5 > .flex--item { + flex-basis: calc(41.666666666666664% - var(--su2)); +} +.gs2 > .flex--item6 { + margin: calc(var(--su2) / 2); +} +.gs2 > .flex--item6, +.gs2.flex__allitems6 > .d-flex, +.gs2.flex__allitems6 > .flex--item { + flex-basis: calc(50% - var(--su2)); +} +.gs2 > .flex--item7 { + margin: calc(var(--su2) / 2); +} +.gs2 > .flex--item7, +.gs2.flex__allitems7 > .d-flex, +.gs2.flex__allitems7 > .flex--item { + flex-basis: calc(58.333333333333336% - var(--su2)); +} +.gs2 > .flex--item8 { + margin: calc(var(--su2) / 2); +} +.gs2 > .flex--item8, +.gs2.flex__allitems8 > .d-flex, +.gs2.flex__allitems8 > .flex--item { + flex-basis: calc(66.66666666666667% - var(--su2)); +} +.gs2 > .flex--item9 { + margin: calc(var(--su2) / 2); +} +.gs2 > .flex--item9, +.gs2.flex__allitems9 > .d-flex, +.gs2.flex__allitems9 > .flex--item { + flex-basis: calc(75% - var(--su2)); +} +.gs2 > .flex--item10 { + margin: calc(var(--su2) / 2); +} +.gs2 > .flex--item10, +.gs2.flex__allitems10 > .d-flex, +.gs2.flex__allitems10 > .flex--item { + flex-basis: calc(83.33333333333333% - var(--su2)); +} +.gs2 > .flex--item11 { + margin: calc(var(--su2) / 2); +} +.gs2 > .flex--item11, +.gs2.flex__allitems11 > .d-flex, +.gs2.flex__allitems11 > .flex--item { + flex-basis: calc(91.66666666666667% - var(--su2)); +} +.gs2 > .flex--item12 { + margin: calc(var(--su2) / 2); +} +.gs2 > .flex--item12, +.gs2.flex__allitems12 > .d-flex, +.gs2.flex__allitems12 > .flex--item { + flex-basis: calc(100% - var(--su2)); +} +.gs4 { + margin: calc(var(--su4) / 2 * -1); +} +.gs4 > .d-flex, +.gs4 > .flex--item { + margin: calc(var(--su4) / 2); +} +.gs4 > .flex--item1 { + margin: calc(var(--su4) / 2); +} +.gs4 > .flex--item1, +.gs4.flex__allitems1 > .d-flex, +.gs4.flex__allitems1 > .flex--item { + flex-basis: calc(8.333333333333334% - var(--su4)); +} +.gs4 > .flex--item2 { + margin: calc(var(--su4) / 2); +} +.gs4 > .flex--item2, +.gs4.flex__allitems2 > .d-flex, +.gs4.flex__allitems2 > .flex--item { + flex-basis: calc(16.666666666666668% - var(--su4)); +} +.gs4 > .flex--item3 { + margin: calc(var(--su4) / 2); +} +.gs4 > .flex--item3, +.gs4.flex__allitems3 > .d-flex, +.gs4.flex__allitems3 > .flex--item { + flex-basis: calc(25% - var(--su4)); +} +.gs4 > .flex--item4 { + margin: calc(var(--su4) / 2); +} +.gs4 > .flex--item4, +.gs4.flex__allitems4 > .d-flex, +.gs4.flex__allitems4 > .flex--item { + flex-basis: calc(33.333333333333336% - var(--su4)); +} +.gs4 > .flex--item5 { + margin: calc(var(--su4) / 2); +} +.gs4 > .flex--item5, +.gs4.flex__allitems5 > .d-flex, +.gs4.flex__allitems5 > .flex--item { + flex-basis: calc(41.666666666666664% - var(--su4)); +} +.gs4 > .flex--item6 { + margin: calc(var(--su4) / 2); +} +.gs4 > .flex--item6, +.gs4.flex__allitems6 > .d-flex, +.gs4.flex__allitems6 > .flex--item { + flex-basis: calc(50% - var(--su4)); +} +.gs4 > .flex--item7 { + margin: calc(var(--su4) / 2); +} +.gs4 > .flex--item7, +.gs4.flex__allitems7 > .d-flex, +.gs4.flex__allitems7 > .flex--item { + flex-basis: calc(58.333333333333336% - var(--su4)); +} +.gs4 > .flex--item8 { + margin: calc(var(--su4) / 2); +} +.gs4 > .flex--item8, +.gs4.flex__allitems8 > .d-flex, +.gs4.flex__allitems8 > .flex--item { + flex-basis: calc(66.66666666666667% - var(--su4)); +} +.gs4 > .flex--item9 { + margin: calc(var(--su4) / 2); +} +.gs4 > .flex--item9, +.gs4.flex__allitems9 > .d-flex, +.gs4.flex__allitems9 > .flex--item { + flex-basis: calc(75% - var(--su4)); +} +.gs4 > .flex--item10 { + margin: calc(var(--su4) / 2); +} +.gs4 > .flex--item10, +.gs4.flex__allitems10 > .d-flex, +.gs4.flex__allitems10 > .flex--item { + flex-basis: calc(83.33333333333333% - var(--su4)); +} +.gs4 > .flex--item11 { + margin: calc(var(--su4) / 2); +} +.gs4 > .flex--item11, +.gs4.flex__allitems11 > .d-flex, +.gs4.flex__allitems11 > .flex--item { + flex-basis: calc(91.66666666666667% - var(--su4)); +} +.gs4 > .flex--item12 { + margin: calc(var(--su4) / 2); +} +.gs4 > .flex--item12, +.gs4.flex__allitems12 > .d-flex, +.gs4.flex__allitems12 > .flex--item { + flex-basis: calc(100% - var(--su4)); +} +.gs6 { + margin: calc(var(--su6) / 2 * -1); +} +.gs6 > .d-flex, +.gs6 > .flex--item { + margin: calc(var(--su6) / 2); +} +.gs6 > .flex--item1 { + margin: calc(var(--su6) / 2); +} +.gs6 > .flex--item1, +.gs6.flex__allitems1 > .d-flex, +.gs6.flex__allitems1 > .flex--item { + flex-basis: calc(8.333333333333334% - var(--su6)); +} +.gs6 > .flex--item2 { + margin: calc(var(--su6) / 2); +} +.gs6 > .flex--item2, +.gs6.flex__allitems2 > .d-flex, +.gs6.flex__allitems2 > .flex--item { + flex-basis: calc(16.666666666666668% - var(--su6)); +} +.gs6 > .flex--item3 { + margin: calc(var(--su6) / 2); +} +.gs6 > .flex--item3, +.gs6.flex__allitems3 > .d-flex, +.gs6.flex__allitems3 > .flex--item { + flex-basis: calc(25% - var(--su6)); +} +.gs6 > .flex--item4 { + margin: calc(var(--su6) / 2); +} +.gs6 > .flex--item4, +.gs6.flex__allitems4 > .d-flex, +.gs6.flex__allitems4 > .flex--item { + flex-basis: calc(33.333333333333336% - var(--su6)); +} +.gs6 > .flex--item5 { + margin: calc(var(--su6) / 2); +} +.gs6 > .flex--item5, +.gs6.flex__allitems5 > .d-flex, +.gs6.flex__allitems5 > .flex--item { + flex-basis: calc(41.666666666666664% - var(--su6)); +} +.gs6 > .flex--item6 { + margin: calc(var(--su6) / 2); +} +.gs6 > .flex--item6, +.gs6.flex__allitems6 > .d-flex, +.gs6.flex__allitems6 > .flex--item { + flex-basis: calc(50% - var(--su6)); +} +.gs6 > .flex--item7 { + margin: calc(var(--su6) / 2); +} +.gs6 > .flex--item7, +.gs6.flex__allitems7 > .d-flex, +.gs6.flex__allitems7 > .flex--item { + flex-basis: calc(58.333333333333336% - var(--su6)); +} +.gs6 > .flex--item8 { + margin: calc(var(--su6) / 2); +} +.gs6 > .flex--item8, +.gs6.flex__allitems8 > .d-flex, +.gs6.flex__allitems8 > .flex--item { + flex-basis: calc(66.66666666666667% - var(--su6)); +} +.gs6 > .flex--item9 { + margin: calc(var(--su6) / 2); +} +.gs6 > .flex--item9, +.gs6.flex__allitems9 > .d-flex, +.gs6.flex__allitems9 > .flex--item { + flex-basis: calc(75% - var(--su6)); +} +.gs6 > .flex--item10 { + margin: calc(var(--su6) / 2); +} +.gs6 > .flex--item10, +.gs6.flex__allitems10 > .d-flex, +.gs6.flex__allitems10 > .flex--item { + flex-basis: calc(83.33333333333333% - var(--su6)); +} +.gs6 > .flex--item11 { + margin: calc(var(--su6) / 2); +} +.gs6 > .flex--item11, +.gs6.flex__allitems11 > .d-flex, +.gs6.flex__allitems11 > .flex--item { + flex-basis: calc(91.66666666666667% - var(--su6)); +} +.gs6 > .flex--item12 { + margin: calc(var(--su6) / 2); +} +.gs6 > .flex--item12, +.gs6.flex__allitems12 > .d-flex, +.gs6.flex__allitems12 > .flex--item { + flex-basis: calc(100% - var(--su6)); +} +.gs8 { + margin: calc(var(--su8) / 2 * -1); +} +.gs8 > .d-flex, +.gs8 > .flex--item { + margin: calc(var(--su8) / 2); +} +.gs8 > .flex--item1 { + margin: calc(var(--su8) / 2); +} +.gs8 > .flex--item1, +.gs8.flex__allitems1 > .d-flex, +.gs8.flex__allitems1 > .flex--item { + flex-basis: calc(8.333333333333334% - var(--su8)); +} +.gs8 > .flex--item2 { + margin: calc(var(--su8) / 2); +} +.gs8 > .flex--item2, +.gs8.flex__allitems2 > .d-flex, +.gs8.flex__allitems2 > .flex--item { + flex-basis: calc(16.666666666666668% - var(--su8)); +} +.gs8 > .flex--item3 { + margin: calc(var(--su8) / 2); +} +.gs8 > .flex--item3, +.gs8.flex__allitems3 > .d-flex, +.gs8.flex__allitems3 > .flex--item { + flex-basis: calc(25% - var(--su8)); +} +.gs8 > .flex--item4 { + margin: calc(var(--su8) / 2); +} +.gs8 > .flex--item4, +.gs8.flex__allitems4 > .d-flex, +.gs8.flex__allitems4 > .flex--item { + flex-basis: calc(33.333333333333336% - var(--su8)); +} +.gs8 > .flex--item5 { + margin: calc(var(--su8) / 2); +} +.gs8 > .flex--item5, +.gs8.flex__allitems5 > .d-flex, +.gs8.flex__allitems5 > .flex--item { + flex-basis: calc(41.666666666666664% - var(--su8)); +} +.gs8 > .flex--item6 { + margin: calc(var(--su8) / 2); +} +.gs8 > .flex--item6, +.gs8.flex__allitems6 > .d-flex, +.gs8.flex__allitems6 > .flex--item { + flex-basis: calc(50% - var(--su8)); +} +.gs8 > .flex--item7 { + margin: calc(var(--su8) / 2); +} +.gs8 > .flex--item7, +.gs8.flex__allitems7 > .d-flex, +.gs8.flex__allitems7 > .flex--item { + flex-basis: calc(58.333333333333336% - var(--su8)); +} +.gs8 > .flex--item8 { + margin: calc(var(--su8) / 2); +} +.gs8 > .flex--item8, +.gs8.flex__allitems8 > .d-flex, +.gs8.flex__allitems8 > .flex--item { + flex-basis: calc(66.66666666666667% - var(--su8)); +} +.gs8 > .flex--item9 { + margin: calc(var(--su8) / 2); +} +.gs8 > .flex--item9, +.gs8.flex__allitems9 > .d-flex, +.gs8.flex__allitems9 > .flex--item { + flex-basis: calc(75% - var(--su8)); +} +.gs8 > .flex--item10 { + margin: calc(var(--su8) / 2); +} +.gs8 > .flex--item10, +.gs8.flex__allitems10 > .d-flex, +.gs8.flex__allitems10 > .flex--item { + flex-basis: calc(83.33333333333333% - var(--su8)); +} +.gs8 > .flex--item11 { + margin: calc(var(--su8) / 2); +} +.gs8 > .flex--item11, +.gs8.flex__allitems11 > .d-flex, +.gs8.flex__allitems11 > .flex--item { + flex-basis: calc(91.66666666666667% - var(--su8)); +} +.gs8 > .flex--item12 { + margin: calc(var(--su8) / 2); +} +.gs8 > .flex--item12, +.gs8.flex__allitems12 > .d-flex, +.gs8.flex__allitems12 > .flex--item { + flex-basis: calc(100% - var(--su8)); +} +.gs12 { + margin: calc(var(--su12) / 2 * -1); +} +.gs12 > .d-flex, +.gs12 > .flex--item { + margin: calc(var(--su12) / 2); +} +.gs12 > .flex--item1 { + margin: calc(var(--su12) / 2); +} +.gs12 > .flex--item1, +.gs12.flex__allitems1 > .d-flex, +.gs12.flex__allitems1 > .flex--item { + flex-basis: calc(8.333333333333334% - var(--su12)); +} +.gs12 > .flex--item2 { + margin: calc(var(--su12) / 2); +} +.gs12 > .flex--item2, +.gs12.flex__allitems2 > .d-flex, +.gs12.flex__allitems2 > .flex--item { + flex-basis: calc(16.666666666666668% - var(--su12)); +} +.gs12 > .flex--item3 { + margin: calc(var(--su12) / 2); +} +.gs12 > .flex--item3, +.gs12.flex__allitems3 > .d-flex, +.gs12.flex__allitems3 > .flex--item { + flex-basis: calc(25% - var(--su12)); +} +.gs12 > .flex--item4 { + margin: calc(var(--su12) / 2); +} +.gs12 > .flex--item4, +.gs12.flex__allitems4 > .d-flex, +.gs12.flex__allitems4 > .flex--item { + flex-basis: calc(33.333333333333336% - var(--su12)); +} +.gs12 > .flex--item5 { + margin: calc(var(--su12) / 2); +} +.gs12 > .flex--item5, +.gs12.flex__allitems5 > .d-flex, +.gs12.flex__allitems5 > .flex--item { + flex-basis: calc(41.666666666666664% - var(--su12)); +} +.gs12 > .flex--item6 { + margin: calc(var(--su12) / 2); +} +.gs12 > .flex--item6, +.gs12.flex__allitems6 > .d-flex, +.gs12.flex__allitems6 > .flex--item { + flex-basis: calc(50% - var(--su12)); +} +.gs12 > .flex--item7 { + margin: calc(var(--su12) / 2); +} +.gs12 > .flex--item7, +.gs12.flex__allitems7 > .d-flex, +.gs12.flex__allitems7 > .flex--item { + flex-basis: calc(58.333333333333336% - var(--su12)); +} +.gs12 > .flex--item8 { + margin: calc(var(--su12) / 2); +} +.gs12 > .flex--item8, +.gs12.flex__allitems8 > .d-flex, +.gs12.flex__allitems8 > .flex--item { + flex-basis: calc(66.66666666666667% - var(--su12)); +} +.gs12 > .flex--item9 { + margin: calc(var(--su12) / 2); +} +.gs12 > .flex--item9, +.gs12.flex__allitems9 > .d-flex, +.gs12.flex__allitems9 > .flex--item { + flex-basis: calc(75% - var(--su12)); +} +.gs12 > .flex--item10 { + margin: calc(var(--su12) / 2); +} +.gs12 > .flex--item10, +.gs12.flex__allitems10 > .d-flex, +.gs12.flex__allitems10 > .flex--item { + flex-basis: calc(83.33333333333333% - var(--su12)); +} +.gs12 > .flex--item11 { + margin: calc(var(--su12) / 2); +} +.gs12 > .flex--item11, +.gs12.flex__allitems11 > .d-flex, +.gs12.flex__allitems11 > .flex--item { + flex-basis: calc(91.66666666666667% - var(--su12)); +} +.gs12 > .flex--item12 { + margin: calc(var(--su12) / 2); +} +.gs12 > .flex--item12, +.gs12.flex__allitems12 > .d-flex, +.gs12.flex__allitems12 > .flex--item { + flex-basis: calc(100% - var(--su12)); +} +.gs16 { + margin: calc(var(--su16) / 2 * -1); +} +.gs16 > .d-flex, +.gs16 > .flex--item { + margin: calc(var(--su16) / 2); +} +.gs16 > .flex--item1 { + margin: calc(var(--su16) / 2); +} +.gs16 > .flex--item1, +.gs16.flex__allitems1 > .d-flex, +.gs16.flex__allitems1 > .flex--item { + flex-basis: calc(8.333333333333334% - var(--su16)); +} +.gs16 > .flex--item2 { + margin: calc(var(--su16) / 2); +} +.gs16 > .flex--item2, +.gs16.flex__allitems2 > .d-flex, +.gs16.flex__allitems2 > .flex--item { + flex-basis: calc(16.666666666666668% - var(--su16)); +} +.gs16 > .flex--item3 { + margin: calc(var(--su16) / 2); +} +.gs16 > .flex--item3, +.gs16.flex__allitems3 > .d-flex, +.gs16.flex__allitems3 > .flex--item { + flex-basis: calc(25% - var(--su16)); +} +.gs16 > .flex--item4 { + margin: calc(var(--su16) / 2); +} +.gs16 > .flex--item4, +.gs16.flex__allitems4 > .d-flex, +.gs16.flex__allitems4 > .flex--item { + flex-basis: calc(33.333333333333336% - var(--su16)); +} +.gs16 > .flex--item5 { + margin: calc(var(--su16) / 2); +} +.gs16 > .flex--item5, +.gs16.flex__allitems5 > .d-flex, +.gs16.flex__allitems5 > .flex--item { + flex-basis: calc(41.666666666666664% - var(--su16)); +} +.gs16 > .flex--item6 { + margin: calc(var(--su16) / 2); +} +.gs16 > .flex--item6, +.gs16.flex__allitems6 > .d-flex, +.gs16.flex__allitems6 > .flex--item { + flex-basis: calc(50% - var(--su16)); +} +.gs16 > .flex--item7 { + margin: calc(var(--su16) / 2); +} +.gs16 > .flex--item7, +.gs16.flex__allitems7 > .d-flex, +.gs16.flex__allitems7 > .flex--item { + flex-basis: calc(58.333333333333336% - var(--su16)); +} +.gs16 > .flex--item8 { + margin: calc(var(--su16) / 2); +} +.gs16 > .flex--item8, +.gs16.flex__allitems8 > .d-flex, +.gs16.flex__allitems8 > .flex--item { + flex-basis: calc(66.66666666666667% - var(--su16)); +} +.gs16 > .flex--item9 { + margin: calc(var(--su16) / 2); +} +.gs16 > .flex--item9, +.gs16.flex__allitems9 > .d-flex, +.gs16.flex__allitems9 > .flex--item { + flex-basis: calc(75% - var(--su16)); +} +.gs16 > .flex--item10 { + margin: calc(var(--su16) / 2); +} +.gs16 > .flex--item10, +.gs16.flex__allitems10 > .d-flex, +.gs16.flex__allitems10 > .flex--item { + flex-basis: calc(83.33333333333333% - var(--su16)); +} +.gs16 > .flex--item11 { + margin: calc(var(--su16) / 2); +} +.gs16 > .flex--item11, +.gs16.flex__allitems11 > .d-flex, +.gs16.flex__allitems11 > .flex--item { + flex-basis: calc(91.66666666666667% - var(--su16)); +} +.gs16 > .flex--item12 { + margin: calc(var(--su16) / 2); +} +.gs16 > .flex--item12, +.gs16.flex__allitems12 > .d-flex, +.gs16.flex__allitems12 > .flex--item { + flex-basis: calc(100% - var(--su16)); +} +.gs24 { + margin: calc(var(--su24) / 2 * -1); +} +.gs24 > .d-flex, +.gs24 > .flex--item { + margin: calc(var(--su24) / 2); +} +.gs24 > .flex--item1 { + margin: calc(var(--su24) / 2); +} +.gs24 > .flex--item1, +.gs24.flex__allitems1 > .d-flex, +.gs24.flex__allitems1 > .flex--item { + flex-basis: calc(8.333333333333334% - var(--su24)); +} +.gs24 > .flex--item2 { + margin: calc(var(--su24) / 2); +} +.gs24 > .flex--item2, +.gs24.flex__allitems2 > .d-flex, +.gs24.flex__allitems2 > .flex--item { + flex-basis: calc(16.666666666666668% - var(--su24)); +} +.gs24 > .flex--item3 { + margin: calc(var(--su24) / 2); +} +.gs24 > .flex--item3, +.gs24.flex__allitems3 > .d-flex, +.gs24.flex__allitems3 > .flex--item { + flex-basis: calc(25% - var(--su24)); +} +.gs24 > .flex--item4 { + margin: calc(var(--su24) / 2); +} +.gs24 > .flex--item4, +.gs24.flex__allitems4 > .d-flex, +.gs24.flex__allitems4 > .flex--item { + flex-basis: calc(33.333333333333336% - var(--su24)); +} +.gs24 > .flex--item5 { + margin: calc(var(--su24) / 2); +} +.gs24 > .flex--item5, +.gs24.flex__allitems5 > .d-flex, +.gs24.flex__allitems5 > .flex--item { + flex-basis: calc(41.666666666666664% - var(--su24)); +} +.gs24 > .flex--item6 { + margin: calc(var(--su24) / 2); +} +.gs24 > .flex--item6, +.gs24.flex__allitems6 > .d-flex, +.gs24.flex__allitems6 > .flex--item { + flex-basis: calc(50% - var(--su24)); +} +.gs24 > .flex--item7 { + margin: calc(var(--su24) / 2); +} +.gs24 > .flex--item7, +.gs24.flex__allitems7 > .d-flex, +.gs24.flex__allitems7 > .flex--item { + flex-basis: calc(58.333333333333336% - var(--su24)); +} +.gs24 > .flex--item8 { + margin: calc(var(--su24) / 2); +} +.gs24 > .flex--item8, +.gs24.flex__allitems8 > .d-flex, +.gs24.flex__allitems8 > .flex--item { + flex-basis: calc(66.66666666666667% - var(--su24)); +} +.gs24 > .flex--item9 { + margin: calc(var(--su24) / 2); +} +.gs24 > .flex--item9, +.gs24.flex__allitems9 > .d-flex, +.gs24.flex__allitems9 > .flex--item { + flex-basis: calc(75% - var(--su24)); +} +.gs24 > .flex--item10 { + margin: calc(var(--su24) / 2); +} +.gs24 > .flex--item10, +.gs24.flex__allitems10 > .d-flex, +.gs24.flex__allitems10 > .flex--item { + flex-basis: calc(83.33333333333333% - var(--su24)); +} +.gs24 > .flex--item11 { + margin: calc(var(--su24) / 2); +} +.gs24 > .flex--item11, +.gs24.flex__allitems11 > .d-flex, +.gs24.flex__allitems11 > .flex--item { + flex-basis: calc(91.66666666666667% - var(--su24)); +} +.gs24 > .flex--item12 { + margin: calc(var(--su24) / 2); +} +.gs24 > .flex--item12, +.gs24.flex__allitems12 > .d-flex, +.gs24.flex__allitems12 > .flex--item { + flex-basis: calc(100% - var(--su24)); +} +.gs32 { + margin: calc(var(--su32) / 2 * -1); +} +.gs32 > .d-flex, +.gs32 > .flex--item { + margin: calc(var(--su32) / 2); +} +.gs32 > .flex--item1 { + margin: calc(var(--su32) / 2); +} +.gs32 > .flex--item1, +.gs32.flex__allitems1 > .d-flex, +.gs32.flex__allitems1 > .flex--item { + flex-basis: calc(8.333333333333334% - var(--su32)); +} +.gs32 > .flex--item2 { + margin: calc(var(--su32) / 2); +} +.gs32 > .flex--item2, +.gs32.flex__allitems2 > .d-flex, +.gs32.flex__allitems2 > .flex--item { + flex-basis: calc(16.666666666666668% - var(--su32)); +} +.gs32 > .flex--item3 { + margin: calc(var(--su32) / 2); +} +.gs32 > .flex--item3, +.gs32.flex__allitems3 > .d-flex, +.gs32.flex__allitems3 > .flex--item { + flex-basis: calc(25% - var(--su32)); +} +.gs32 > .flex--item4 { + margin: calc(var(--su32) / 2); +} +.gs32 > .flex--item4, +.gs32.flex__allitems4 > .d-flex, +.gs32.flex__allitems4 > .flex--item { + flex-basis: calc(33.333333333333336% - var(--su32)); +} +.gs32 > .flex--item5 { + margin: calc(var(--su32) / 2); +} +.gs32 > .flex--item5, +.gs32.flex__allitems5 > .d-flex, +.gs32.flex__allitems5 > .flex--item { + flex-basis: calc(41.666666666666664% - var(--su32)); +} +.gs32 > .flex--item6 { + margin: calc(var(--su32) / 2); +} +.gs32 > .flex--item6, +.gs32.flex__allitems6 > .d-flex, +.gs32.flex__allitems6 > .flex--item { + flex-basis: calc(50% - var(--su32)); +} +.gs32 > .flex--item7 { + margin: calc(var(--su32) / 2); +} +.gs32 > .flex--item7, +.gs32.flex__allitems7 > .d-flex, +.gs32.flex__allitems7 > .flex--item { + flex-basis: calc(58.333333333333336% - var(--su32)); +} +.gs32 > .flex--item8 { + margin: calc(var(--su32) / 2); +} +.gs32 > .flex--item8, +.gs32.flex__allitems8 > .d-flex, +.gs32.flex__allitems8 > .flex--item { + flex-basis: calc(66.66666666666667% - var(--su32)); +} +.gs32 > .flex--item9 { + margin: calc(var(--su32) / 2); +} +.gs32 > .flex--item9, +.gs32.flex__allitems9 > .d-flex, +.gs32.flex__allitems9 > .flex--item { + flex-basis: calc(75% - var(--su32)); +} +.gs32 > .flex--item10 { + margin: calc(var(--su32) / 2); +} +.gs32 > .flex--item10, +.gs32.flex__allitems10 > .d-flex, +.gs32.flex__allitems10 > .flex--item { + flex-basis: calc(83.33333333333333% - var(--su32)); +} +.gs32 > .flex--item11 { + margin: calc(var(--su32) / 2); +} +.gs32 > .flex--item11, +.gs32.flex__allitems11 > .d-flex, +.gs32.flex__allitems11 > .flex--item { + flex-basis: calc(91.66666666666667% - var(--su32)); +} +.gs32 > .flex--item12 { + margin: calc(var(--su32) / 2); +} +.gs32 > .flex--item12, +.gs32.flex__allitems12 > .d-flex, +.gs32.flex__allitems12 > .flex--item { + flex-basis: calc(100% - var(--su32)); +} +.gs48 { + margin: calc(var(--su48) / 2 * -1); +} +.gs48 > .d-flex, +.gs48 > .flex--item { + margin: calc(var(--su48) / 2); +} +.gs48 > .flex--item1 { + margin: calc(var(--su48) / 2); +} +.gs48 > .flex--item1, +.gs48.flex__allitems1 > .d-flex, +.gs48.flex__allitems1 > .flex--item { + flex-basis: calc(8.333333333333334% - var(--su48)); +} +.gs48 > .flex--item2 { + margin: calc(var(--su48) / 2); +} +.gs48 > .flex--item2, +.gs48.flex__allitems2 > .d-flex, +.gs48.flex__allitems2 > .flex--item { + flex-basis: calc(16.666666666666668% - var(--su48)); +} +.gs48 > .flex--item3 { + margin: calc(var(--su48) / 2); +} +.gs48 > .flex--item3, +.gs48.flex__allitems3 > .d-flex, +.gs48.flex__allitems3 > .flex--item { + flex-basis: calc(25% - var(--su48)); +} +.gs48 > .flex--item4 { + margin: calc(var(--su48) / 2); +} +.gs48 > .flex--item4, +.gs48.flex__allitems4 > .d-flex, +.gs48.flex__allitems4 > .flex--item { + flex-basis: calc(33.333333333333336% - var(--su48)); +} +.gs48 > .flex--item5 { + margin: calc(var(--su48) / 2); +} +.gs48 > .flex--item5, +.gs48.flex__allitems5 > .d-flex, +.gs48.flex__allitems5 > .flex--item { + flex-basis: calc(41.666666666666664% - var(--su48)); +} +.gs48 > .flex--item6 { + margin: calc(var(--su48) / 2); +} +.gs48 > .flex--item6, +.gs48.flex__allitems6 > .d-flex, +.gs48.flex__allitems6 > .flex--item { + flex-basis: calc(50% - var(--su48)); +} +.gs48 > .flex--item7 { + margin: calc(var(--su48) / 2); +} +.gs48 > .flex--item7, +.gs48.flex__allitems7 > .d-flex, +.gs48.flex__allitems7 > .flex--item { + flex-basis: calc(58.333333333333336% - var(--su48)); +} +.gs48 > .flex--item8 { + margin: calc(var(--su48) / 2); +} +.gs48 > .flex--item8, +.gs48.flex__allitems8 > .d-flex, +.gs48.flex__allitems8 > .flex--item { + flex-basis: calc(66.66666666666667% - var(--su48)); +} +.gs48 > .flex--item9 { + margin: calc(var(--su48) / 2); +} +.gs48 > .flex--item9, +.gs48.flex__allitems9 > .d-flex, +.gs48.flex__allitems9 > .flex--item { + flex-basis: calc(75% - var(--su48)); +} +.gs48 > .flex--item10 { + margin: calc(var(--su48) / 2); +} +.gs48 > .flex--item10, +.gs48.flex__allitems10 > .d-flex, +.gs48.flex__allitems10 > .flex--item { + flex-basis: calc(83.33333333333333% - var(--su48)); +} +.gs48 > .flex--item11 { + margin: calc(var(--su48) / 2); +} +.gs48 > .flex--item11, +.gs48.flex__allitems11 > .d-flex, +.gs48.flex__allitems11 > .flex--item { + flex-basis: calc(91.66666666666667% - var(--su48)); +} +.gs48 > .flex--item12 { + margin: calc(var(--su48) / 2); +} +.gs48 > .flex--item12, +.gs48.flex__allitems12 > .d-flex, +.gs48.flex__allitems12 > .flex--item { + flex-basis: calc(100% - var(--su48)); +} +.gs64 { + margin: calc(var(--su64) / 2 * -1); +} +.gs64 > .d-flex, +.gs64 > .flex--item { + margin: calc(var(--su64) / 2); +} +.gs64 > .flex--item1 { + margin: calc(var(--su64) / 2); +} +.gs64 > .flex--item1, +.gs64.flex__allitems1 > .d-flex, +.gs64.flex__allitems1 > .flex--item { + flex-basis: calc(8.333333333333334% - var(--su64)); +} +.gs64 > .flex--item2 { + margin: calc(var(--su64) / 2); +} +.gs64 > .flex--item2, +.gs64.flex__allitems2 > .d-flex, +.gs64.flex__allitems2 > .flex--item { + flex-basis: calc(16.666666666666668% - var(--su64)); +} +.gs64 > .flex--item3 { + margin: calc(var(--su64) / 2); +} +.gs64 > .flex--item3, +.gs64.flex__allitems3 > .d-flex, +.gs64.flex__allitems3 > .flex--item { + flex-basis: calc(25% - var(--su64)); +} +.gs64 > .flex--item4 { + margin: calc(var(--su64) / 2); +} +.gs64 > .flex--item4, +.gs64.flex__allitems4 > .d-flex, +.gs64.flex__allitems4 > .flex--item { + flex-basis: calc(33.333333333333336% - var(--su64)); +} +.gs64 > .flex--item5 { + margin: calc(var(--su64) / 2); +} +.gs64 > .flex--item5, +.gs64.flex__allitems5 > .d-flex, +.gs64.flex__allitems5 > .flex--item { + flex-basis: calc(41.666666666666664% - var(--su64)); +} +.gs64 > .flex--item6 { + margin: calc(var(--su64) / 2); +} +.gs64 > .flex--item6, +.gs64.flex__allitems6 > .d-flex, +.gs64.flex__allitems6 > .flex--item { + flex-basis: calc(50% - var(--su64)); +} +.gs64 > .flex--item7 { + margin: calc(var(--su64) / 2); +} +.gs64 > .flex--item7, +.gs64.flex__allitems7 > .d-flex, +.gs64.flex__allitems7 > .flex--item { + flex-basis: calc(58.333333333333336% - var(--su64)); +} +.gs64 > .flex--item8 { + margin: calc(var(--su64) / 2); +} +.gs64 > .flex--item8, +.gs64.flex__allitems8 > .d-flex, +.gs64.flex__allitems8 > .flex--item { + flex-basis: calc(66.66666666666667% - var(--su64)); +} +.gs64 > .flex--item9 { + margin: calc(var(--su64) / 2); +} +.gs64 > .flex--item9, +.gs64.flex__allitems9 > .d-flex, +.gs64.flex__allitems9 > .flex--item { + flex-basis: calc(75% - var(--su64)); +} +.gs64 > .flex--item10 { + margin: calc(var(--su64) / 2); +} +.gs64 > .flex--item10, +.gs64.flex__allitems10 > .d-flex, +.gs64.flex__allitems10 > .flex--item { + flex-basis: calc(83.33333333333333% - var(--su64)); +} +.gs64 > .flex--item11 { + margin: calc(var(--su64) / 2); +} +.gs64 > .flex--item11, +.gs64.flex__allitems11 > .d-flex, +.gs64.flex__allitems11 > .flex--item { + flex-basis: calc(91.66666666666667% - var(--su64)); +} +.gs64 > .flex--item12 { + margin: calc(var(--su64) / 2); +} +.gs64 > .flex--item12, +.gs64.flex__allitems12 > .d-flex, +.gs64.flex__allitems12 > .flex--item { + flex-basis: calc(100% - var(--su64)); +} +.gsx, +.gsx > .d-flex, +.gsx > [class*="flex--item"] { + margin-top: 0; + margin-bottom: 0; +} +.gsy, +.gsy > .d-flex, +.gsy > [class*="flex--item"] { + margin-right: 0; + margin-left: 0; +} +.fd-row { + flex-direction: row !important; +} +.fd-row-reverse { + flex-direction: row-reverse !important; +} +.fd-column { + flex-direction: column !important; +} +.fd-column-reverse { + flex-direction: column-reverse !important; +} +.fw-wrap { + flex-wrap: wrap !important; +} +.fw-reverse { + flex-wrap: wrap-reverse !important; +} +.fw-nowrap { + flex-wrap: nowrap !important; +} +.jc-center { + justify-content: center !important; +} +.jc-end { + justify-content: flex-end !important; +} +.jc-space-around { + justify-content: space-around !important; +} +.jc-space-between { + justify-content: space-between !important; +} +.jc-space-evenly { + justify-content: space-evenly !important; +} +.jc-start { + justify-content: flex-start !important; +} +.ac-center { + align-content: center !important; +} +.ac-end { + align-content: flex-end !important; +} +.ac-space-around { + align-content: space-around !important; +} +.ac-space-between { + align-content: space-between !important; +} +.ac-start { + align-content: flex-start !important; +} +.ac-stretch { + align-content: stretch !important; +} +.ai-baseline { + align-items: baseline !important; +} +.ai-center { + align-items: center !important; +} +.ai-end { + align-items: flex-end !important; +} +.ai-start { + align-items: flex-start !important; +} +.ai-stretch { + align-items: stretch !important; +} +.flex__center { + justify-content: center !important; + align-items: center !important; +} +.as-auto { + align-self: auto !important; +} +.as-baseline { + align-self: baseline !important; +} +.as-center { + align-self: center !important; +} +.as-end { + align-self: flex-end !important; +} +.as-start { + align-self: flex-start !important; +} +.as-stretch { + align-self: stretch !important; +} +.as-true { + align-self: true !important; +} +.fl-grow1 { + flex-grow: 1 !important; +} +.fl-grow0 { + flex-grow: 0 !important; +} +.fl-shrink1 { + flex-shrink: 1 !important; +} +.fl-shrink0 { + flex-shrink: 0 !important; +} +.fl-none { + flex: none !important; +} +.fl-initial { + flex: 0 1 auto !important; +} +.fl-auto { + flex: 1 1 auto !important; +} +.fl-equal { + flex: 1 1 0% !important; +} +.order-first { + order: -1 !important; +} +.order-last { + order: 1 !important; +} +.ff-row-wrap { + flex-flow: row wrap !important; +} +.ff-row-nowrap { + flex-flow: row nowrap !important; +} +.ff-row-reverse-wrap { + flex-flow: row-reverse wrap !important; +} +.ff-row-reverse-nowrap { + flex-flow: row-reverse nowrap !important; +} +.ff-column-wrap { + flex-flow: column wrap !important; +} +.ff-column-nowrap { + flex-flow: column nowrap !important; +} +.ff-column-reverse-wrap { + flex-flow: column-reverse wrap !important; +} +.ff-column-reverse-nowrap { + flex-flow: column-reverse nowrap !important; +} +.fl0 { + flex: 0 auto !important; +} +.fl1 { + flex: 1 auto !important; +} +.fl2 { + flex: 2 auto !important; +} +.fl3 { + flex: 3 auto !important; +} +.fl4 { + flex: 4 auto !important; +} +.fl5 { + flex: 5 auto !important; +} +.fl-shrink2 { + flex-shrink: 2; +} +.fl-shrink3 { + flex-shrink: 3; +} +.fl-shrink4 { + flex-shrink: 4; +} +.fl-shrink5 { + flex-shrink: 5; +} +.fl-grow2 { + flex-grow: 2; +} +.fl-grow3 { + flex-grow: 3; +} +.fl-grow4 { + flex-grow: 4; +} +.fl-grow5 { + flex-grow: 5; +} +.float-left { + float: left !important; +} +.float-right { + float: right !important; +} +.float-none { + float: none !important; +} +.clearfix:before, +.clearfix:after { + content: ""; + display: table; +} +.clearfix:after { + clear: both; +} +.clear-left { + clear: left !important; +} +.clear-right { + clear: right !important; +} +.clear-both { + clear: both !important; +} +.clear-none { + clear: none !important; +} +.g0 { + --_gap-y: 0; + --_gap-x: 0; +} +.g1 { + --_gap-y: var(--su1); + --_gap-x: var(--su1); +} +.g2 { + --_gap-y: var(--su2); + --_gap-x: var(--su2); +} +.g4 { + --_gap-y: var(--su4); + --_gap-x: var(--su4); +} +.g6 { + --_gap-y: var(--su6); + --_gap-x: var(--su6); +} +.g8 { + --_gap-y: var(--su8); + --_gap-x: var(--su8); +} +.g12 { + --_gap-y: var(--su12); + --_gap-x: var(--su12); +} +.g16 { + --_gap-y: var(--su16); + --_gap-x: var(--su16); +} +.g24 { + --_gap-y: var(--su24); + --_gap-x: var(--su24); +} +.g32 { + --_gap-y: var(--su32); + --_gap-x: var(--su32); +} +.g48 { + --_gap-y: var(--su48); + --_gap-x: var(--su48); +} +.g64 { + --_gap-y: var(--su64); + --_gap-x: var(--su64); +} +.gx0 { + --_gap-x: 0; +} +.gx1 { + --_gap-x: var(--su1); +} +.gx2 { + --_gap-x: var(--su2); +} +.gx4 { + --_gap-x: var(--su4); +} +.gx6 { + --_gap-x: var(--su6); +} +.gx8 { + --_gap-x: var(--su8); +} +.gx12 { + --_gap-x: var(--su12); +} +.gx16 { + --_gap-x: var(--su16); +} +.gx24 { + --_gap-x: var(--su24); +} +.gx32 { + --_gap-x: var(--su32); +} +.gx48 { + --_gap-x: var(--su48); +} +.gx64 { + --_gap-x: var(--su64); +} +.gy0 { + --_gap-y: 0; +} +.gy1 { + --_gap-y: var(--su1); +} +.gy2 { + --_gap-y: var(--su2); +} +.gy4 { + --_gap-y: var(--su4); +} +.gy6 { + --_gap-y: var(--su6); +} +.gy8 { + --_gap-y: var(--su8); +} +.gy12 { + --_gap-y: var(--su12); +} +.gy16 { + --_gap-y: var(--su16); +} +.gy24 { + --_gap-y: var(--su24); +} +.gy32 { + --_gap-y: var(--su32); +} +.gy48 { + --_gap-y: var(--su48); +} +.gy64 { + --_gap-y: var(--su64); +} +.gx0, +.gx1, +.gx2, +.gx4, +.gx6, +.gx8, +.gx12, +.gx16, +.gx24, +.gx32, +.gx48, +.gx64, +.gy0, +.gy1, +.gy2, +.gy4, +.gy6, +.gy8, +.gy12, +.gy16, +.gy24, +.gy32, +.gy48, +.gy64, +.g0, +.g1, +.g2, +.g4, +.g6, +.g8, +.g12, +.g16, +.g24, +.g32, +.g48, +.g64 { + gap: var(--_gap-y, 0) var(--_gap-x, 0); +} +.g-af-dense { + grid-auto-flow: dense; +} +.g-af-row { + grid-auto-flow: row; +} +.g-af-column { + grid-auto-flow: column; +} +.grid__1 { + grid-template-columns: repeat(1, minmax(0, 1fr)); +} +.grid__2 { + grid-template-columns: repeat(2, minmax(0, 1fr)); +} +.grid__3 { + grid-template-columns: repeat(3, minmax(0, 1fr)); +} +.grid__4 { + grid-template-columns: repeat(4, minmax(0, 1fr)); +} +.grid__5 { + grid-template-columns: repeat(5, minmax(0, 1fr)); +} +.grid__6 { + grid-template-columns: repeat(6, minmax(0, 1fr)); +} +.grid__7 { + grid-template-columns: repeat(7, minmax(0, 1fr)); +} +.grid__8 { + grid-template-columns: repeat(8, minmax(0, 1fr)); +} +.grid__9 { + grid-template-columns: repeat(9, minmax(0, 1fr)); +} +.grid__10 { + grid-template-columns: repeat(10, minmax(0, 1fr)); +} +.grid__11 { + grid-template-columns: repeat(11, minmax(0, 1fr)); +} +.grid__12 { + grid-template-columns: repeat(12, minmax(0, 1fr)); +} +.grid__auto { + grid-template-columns: auto 1fr; +} +.grid--col-all { + grid-column: 1 / -1; +} +.grid--row-all { + grid-row: 1 / -1; +} +.grid--col1 { + grid-column: span 1; +} +.grid--col2 { + grid-column: span 2; +} +.grid--col3 { + grid-column: span 3; +} +.grid--col4 { + grid-column: span 4; +} +.grid--col5 { + grid-column: span 5; +} +.grid--col6 { + grid-column: span 6; +} +.grid--col7 { + grid-column: span 7; +} +.grid--col8 { + grid-column: span 8; +} +.grid--col9 { + grid-column: span 9; +} +.grid--col10 { + grid-column: span 10; +} +.grid--col11 { + grid-column: span 11; +} +.grid--col12 { + grid-column: span 12; +} +.grid--row1 { + grid-row: span 1; +} +.grid--row2 { + grid-row: span 2; +} +.grid--row3 { + grid-row: span 3; +} +.grid--row4 { + grid-row: span 4; +} +.grid--row5 { + grid-row: span 5; +} +.grid--row6 { + grid-row: span 6; +} +.grid--row7 { + grid-row: span 7; +} +.grid--row8 { + grid-row: span 8; +} +.grid--row9 { + grid-row: span 9; +} +.grid--row10 { + grid-row: span 10; +} +.grid--row11 { + grid-row: span 11; +} +.grid--row12 { + grid-row: span 12; +} +.grid--col-start1 { + grid-column-start: 1; +} +.grid--col-start2 { + grid-column-start: 2; +} +.grid--col-start3 { + grid-column-start: 3; +} +.grid--col-start4 { + grid-column-start: 4; +} +.grid--col-start5 { + grid-column-start: 5; +} +.grid--col-start6 { + grid-column-start: 6; +} +.grid--col-start7 { + grid-column-start: 7; +} +.grid--col-start8 { + grid-column-start: 8; +} +.grid--col-start9 { + grid-column-start: 9; +} +.grid--col-start10 { + grid-column-start: 10; +} +.grid--col-start11 { + grid-column-start: 11; +} +.grid--col-start12 { + grid-column-start: 12; +} +.grid--col-end2 { + grid-column-end: 2; +} +.grid--col-end3 { + grid-column-end: 3; +} +.grid--col-end4 { + grid-column-end: 4; +} +.grid--col-end5 { + grid-column-end: 5; +} +.grid--col-end6 { + grid-column-end: 6; +} +.grid--col-end7 { + grid-column-end: 7; +} +.grid--col-end8 { + grid-column-end: 8; +} +.grid--col-end9 { + grid-column-end: 9; +} +.grid--col-end10 { + grid-column-end: 10; +} +.grid--col-end11 { + grid-column-end: 11; +} +.grid--col-end12 { + grid-column-end: 12; +} +.grid--col-end13 { + grid-column-end: 13; +} +.grid--row-start1 { + grid-row-start: 1; +} +.grid--row-start2 { + grid-row-start: 2; +} +.grid--row-start3 { + grid-row-start: 3; +} +.grid--row-start4 { + grid-row-start: 4; +} +.grid--row-start5 { + grid-row-start: 5; +} +.grid--row-start6 { + grid-row-start: 6; +} +.grid--row-start7 { + grid-row-start: 7; +} +.grid--row-start8 { + grid-row-start: 8; +} +.grid--row-start9 { + grid-row-start: 9; +} +.grid--row-start10 { + grid-row-start: 10; +} +.grid--row-start11 { + grid-row-start: 11; +} +.grid--row-start12 { + grid-row-start: 12; +} +.grid--row-end2 { + grid-row-end: 2; +} +.grid--row-end3 { + grid-row-end: 3; +} +.grid--row-end4 { + grid-row-end: 4; +} +.grid--row-end5 { + grid-row-end: 5; +} +.grid--row-end6 { + grid-row-end: 6; +} +.grid--row-end7 { + grid-row-end: 7; +} +.grid--row-end8 { + grid-row-end: 8; +} +.grid--row-end9 { + grid-row-end: 9; +} +.grid--row-end10 { + grid-row-end: 10; +} +.grid--row-end11 { + grid-row-end: 11; +} +.grid--row-end12 { + grid-row-end: 12; +} +.grid--row-end13 { + grid-row-end: 13; +} +.ji-auto { + justify-items: auto !important; +} +.ji-center { + justify-items: center !important; +} +.ji-start { + justify-items: start !important; +} +.ji-end { + justify-items: end !important; +} +.ji-stretch { + justify-items: stretch !important; +} +.ji-unset { + justify-items: unset !important; +} +.js-auto { + justify-self: auto !important; +} +.js-center { + justify-self: center !important; +} +.js-start { + justify-self: start !important; +} +.js-end { + justify-self: end !important; +} +.js-stretch { + justify-self: stretch !important; +} +.js-unset { + justify-self: unset !important; +} +.h0 { + height: var(--su0) !important; +} +.h1 { + height: var(--su1) !important; +} +.h2 { + height: var(--su2) !important; +} +.h4 { + height: var(--su4) !important; +} +.h6 { + height: var(--su6) !important; +} +.h8 { + height: var(--su8) !important; +} +.h12 { + height: var(--su12) !important; +} +.h16 { + height: var(--su16) !important; +} +.h24 { + height: var(--su24) !important; +} +.h32 { + height: var(--su32) !important; +} +.h48 { + height: var(--su48) !important; +} +.h64 { + height: var(--su64) !important; +} +.h96 { + height: var(--su96) !important; +} +.h128 { + height: var(--su128) !important; +} +.hs1 { + height: var(--su128) !important; +} +.hs2 { + height: var(--su256) !important; +} +.hs3 { + height: var(--su344) !important; +} +.hs4 { + height: var(--su448) !important; +} +.hs5 { + height: var(--su512) !important; +} +.hs6 { + height: var(--su640) !important; +} +.hs7 { + height: var(--su768) !important; +} +.hs8 { + height: var(--su848) !important; +} +.hs9 { + height: var(--su960) !important; +} +.hs10 { + height: var(--su1024) !important; +} +.hs11 { + height: var(--su1120) !important; +} +.hs12 { + height: var(--su1280) !important; +} +.h100 { + height: 100% !important; +} +.h-auto { + height: auto !important; +} +.h-screen { + height: 100vh !important; +} +.hmn0 { + min-height: var(--sun0) !important; +} +.hmn1 { + min-height: var(--su128) !important; +} +.hmn2 { + min-height: var(--su256) !important; +} +.hmn3 { + min-height: var(--su344) !important; +} +.hmn4 { + min-height: var(--su448) !important; +} +.hmn5 { + min-height: var(--su512) !important; +} +.hmn6 { + min-height: var(--su640) !important; +} +.hmn7 { + min-height: var(--su768) !important; +} +.hmn8 { + min-height: var(--su848) !important; +} +.hmn9 { + min-height: var(--su960) !important; +} +.hmn10 { + min-height: var(--su1024) !important; +} +.hmn11 { + min-height: var(--su1120) !important; +} +.hmn12 { + min-height: var(--su1280) !important; +} +.hmn100 { + min-height: 100% !important; +} +.hmn-initial { + min-height: initial !important; +} +.hmn-screen { + min-height: 100vh !important; +} +.hmx1 { + max-height: var(--su128) !important; +} +.hmx2 { + max-height: var(--su256) !important; +} +.hmx3 { + max-height: var(--su344) !important; +} +.hmx4 { + max-height: var(--su448) !important; +} +.hmx5 { + max-height: var(--su512) !important; +} +.hmx6 { + max-height: var(--su640) !important; +} +.hmx7 { + max-height: var(--su768) !important; +} +.hmx8 { + max-height: var(--su848) !important; +} +.hmx9 { + max-height: var(--su960) !important; +} +.hmx10 { + max-height: var(--su1024) !important; +} +.hmx11 { + max-height: var(--su1120) !important; +} +.hmx12 { + max-height: var(--su1280) !important; +} +.hmx100 { + max-height: 100% !important; +} +.hmx-initial { + max-height: initial !important; +} +.hmx-screen { + max-height: 100vh !important; +} +.focus, +.f\\:focus:focus, +.f\\:focus:focus-within { + box-shadow: 0 0 0 var(--su2) var(--focus-neutral), 0 0 0 var(--su4) var(--focus-theme); + outline: var(--su2) solid transparent !important; +} +.focus-inset, +.f\\:focus-inset:focus, +.f\\:focus-inset:focus-within { + box-shadow: inset 0 0 0 var(--su2) var(--focus-theme), inset 0 0 0 var(--su4) var(--focus-neutral); + outline: var(--su2) solid transparent !important; +} +.focus-bordered, +.f\\:focus-bordered:focus, +.f\\:focus-bordered:focus-within { + border-color: var(--focus-neutral) !important; + box-shadow: 0 0 0 var(--su1) var(--focus-neutral), 0 0 0 var(--su3) var(--focus-theme); + outline: var(--su2) solid transparent !important; +} +.focus-inset-bordered, +.f\\:focus-inset-bordered:focus, +.f\\:focus-inset-bordered:focus-within { + border-color: var(--focus-theme) !important; + box-shadow: inset 0 0 0 var(--su1) var(--focus-theme), inset 0 0 0 var(--su3) var(--focus-neutral); + outline: var(--su2) solid transparent !important; +} +.pe-auto { + pointer-events: auto !important; +} +.pe-none { + pointer-events: none !important; +} +.us-auto { + -webkit-user-select: auto !important; + -moz-user-select: auto !important; + -ms-user-select: auto !important; + user-select: auto !important; +} +.us-none { + -webkit-user-select: none !important; + -moz-user-select: none !important; + -ms-user-select: none !important; + user-select: none !important; +} +ul, +ol { + padding: 0; + margin-left: 2.8em; +} +ul ul, +ol ul, +ul ol, +ol ol { + margin-bottom: 0; +} +ul { + list-style-type: disc; +} +ol { + list-style-type: decimal; +} +.list-reset { + list-style: none; + margin: 0; + padding: 0; +} +.list-ls-none { + list-style: none !important; +} +.list-ls-disc { + list-style-type: disc !important; +} +.list-ls-decimal { + list-style-type: decimal !important; +} +.list-ls-unset { + list-style-type: unset !important; +} +.list-inside { + list-style-position: inside !important; +} +.list-outside { + list-style-position: outside !important; +} +.m-auto { + margin: auto !important; +} +.m0 { + margin: var(--su0) !important; +} +.m1 { + margin: var(--su1) !important; +} +.m2 { + margin: var(--su2) !important; +} +.m4 { + margin: var(--su4) !important; +} +.m6 { + margin: var(--su6) !important; +} +.m8 { + margin: var(--su8) !important; +} +.m12 { + margin: var(--su12) !important; +} +.m16 { + margin: var(--su16) !important; +} +.m24 { + margin: var(--su24) !important; +} +.m32 { + margin: var(--su32) !important; +} +.m48 { + margin: var(--su48) !important; +} +.m64 { + margin: var(--su64) !important; +} +.m96 { + margin: var(--su96) !important; +} +.m128 { + margin: var(--su128) !important; +} +.mn1 { + margin: var(--sun1) !important; +} +.mn2 { + margin: var(--sun2) !important; +} +.mn4 { + margin: var(--sun4) !important; +} +.mn6 { + margin: var(--sun6) !important; +} +.mn8 { + margin: var(--sun8) !important; +} +.mn12 { + margin: var(--sun12) !important; +} +.mn16 { + margin: var(--sun16) !important; +} +.mn24 { + margin: var(--sun24) !important; +} +.mn32 { + margin: var(--sun32) !important; +} +.mn48 { + margin: var(--sun48) !important; +} +.mn64 { + margin: var(--sun64) !important; +} +.mn96 { + margin: var(--sun96) !important; +} +.mn128 { + margin: var(--sun128) !important; +} +.m50 { + margin: 50% !important; +} +.m100 { + margin: 100% !important; +} +.mn50 { + margin: -50% !important; +} +.mn100 { + margin: -100% !important; +} +.mt-auto { + margin-top: auto !important; +} +.mt0 { + margin-top: var(--su0) !important; +} +.mt1 { + margin-top: var(--su1) !important; +} +.mt2 { + margin-top: var(--su2) !important; +} +.mt4 { + margin-top: var(--su4) !important; +} +.mt6 { + margin-top: var(--su6) !important; +} +.mt8 { + margin-top: var(--su8) !important; +} +.mt12 { + margin-top: var(--su12) !important; +} +.mt16 { + margin-top: var(--su16) !important; +} +.mt24 { + margin-top: var(--su24) !important; +} +.mt32 { + margin-top: var(--su32) !important; +} +.mt48 { + margin-top: var(--su48) !important; +} +.mt64 { + margin-top: var(--su64) !important; +} +.mt96 { + margin-top: var(--su96) !important; +} +.mt128 { + margin-top: var(--su128) !important; +} +.mtn1 { + margin-top: var(--sun1) !important; +} +.mtn2 { + margin-top: var(--sun2) !important; +} +.mtn4 { + margin-top: var(--sun4) !important; +} +.mtn6 { + margin-top: var(--sun6) !important; +} +.mtn8 { + margin-top: var(--sun8) !important; +} +.mtn12 { + margin-top: var(--sun12) !important; +} +.mtn16 { + margin-top: var(--sun16) !important; +} +.mtn24 { + margin-top: var(--sun24) !important; +} +.mtn32 { + margin-top: var(--sun32) !important; +} +.mtn48 { + margin-top: var(--sun48) !important; +} +.mtn64 { + margin-top: var(--sun64) !important; +} +.mtn96 { + margin-top: var(--sun96) !important; +} +.mtn128 { + margin-top: var(--sun128) !important; +} +.mt50 { + margin-top: 50% !important; +} +.mt100 { + margin-top: 100% !important; +} +.mtn50 { + margin-top: -50% !important; +} +.mtn100 { + margin-top: -100% !important; +} +.mr-auto { + margin-right: auto !important; +} +.mr0 { + margin-right: var(--su0) !important; +} +.mr1 { + margin-right: var(--su1) !important; +} +.mr2 { + margin-right: var(--su2) !important; +} +.mr4 { + margin-right: var(--su4) !important; +} +.mr6 { + margin-right: var(--su6) !important; +} +.mr8 { + margin-right: var(--su8) !important; +} +.mr12 { + margin-right: var(--su12) !important; +} +.mr16 { + margin-right: var(--su16) !important; +} +.mr24 { + margin-right: var(--su24) !important; +} +.mr32 { + margin-right: var(--su32) !important; +} +.mr48 { + margin-right: var(--su48) !important; +} +.mr64 { + margin-right: var(--su64) !important; +} +.mr96 { + margin-right: var(--su96) !important; +} +.mr128 { + margin-right: var(--su128) !important; +} +.mrn1 { + margin-right: var(--sun1) !important; +} +.mrn2 { + margin-right: var(--sun2) !important; +} +.mrn4 { + margin-right: var(--sun4) !important; +} +.mrn6 { + margin-right: var(--sun6) !important; +} +.mrn8 { + margin-right: var(--sun8) !important; +} +.mrn12 { + margin-right: var(--sun12) !important; +} +.mrn16 { + margin-right: var(--sun16) !important; +} +.mrn24 { + margin-right: var(--sun24) !important; +} +.mrn32 { + margin-right: var(--sun32) !important; +} +.mrn48 { + margin-right: var(--sun48) !important; +} +.mrn64 { + margin-right: var(--sun64) !important; +} +.mrn96 { + margin-right: var(--sun96) !important; +} +.mrn128 { + margin-right: var(--sun128) !important; +} +.mr50 { + margin-right: 50% !important; +} +.mr100 { + margin-right: 100% !important; +} +.mrn50 { + margin-right: -50% !important; +} +.mrn100 { + margin-right: -100% !important; +} +.mb-auto { + margin-bottom: auto !important; +} +.mb0 { + margin-bottom: var(--su0) !important; +} +.mb1 { + margin-bottom: var(--su1) !important; +} +.mb2 { + margin-bottom: var(--su2) !important; +} +.mb4 { + margin-bottom: var(--su4) !important; +} +.mb6 { + margin-bottom: var(--su6) !important; +} +.mb8 { + margin-bottom: var(--su8) !important; +} +.mb12 { + margin-bottom: var(--su12) !important; +} +.mb16 { + margin-bottom: var(--su16) !important; +} +.mb24 { + margin-bottom: var(--su24) !important; +} +.mb32 { + margin-bottom: var(--su32) !important; +} +.mb48 { + margin-bottom: var(--su48) !important; +} +.mb64 { + margin-bottom: var(--su64) !important; +} +.mb96 { + margin-bottom: var(--su96) !important; +} +.mb128 { + margin-bottom: var(--su128) !important; +} +.mbn1 { + margin-bottom: var(--sun1) !important; +} +.mbn2 { + margin-bottom: var(--sun2) !important; +} +.mbn4 { + margin-bottom: var(--sun4) !important; +} +.mbn6 { + margin-bottom: var(--sun6) !important; +} +.mbn8 { + margin-bottom: var(--sun8) !important; +} +.mbn12 { + margin-bottom: var(--sun12) !important; +} +.mbn16 { + margin-bottom: var(--sun16) !important; +} +.mbn24 { + margin-bottom: var(--sun24) !important; +} +.mbn32 { + margin-bottom: var(--sun32) !important; +} +.mbn48 { + margin-bottom: var(--sun48) !important; +} +.mbn64 { + margin-bottom: var(--sun64) !important; +} +.mbn96 { + margin-bottom: var(--sun96) !important; +} +.mbn128 { + margin-bottom: var(--sun128) !important; +} +.mb50 { + margin-bottom: 50% !important; +} +.mb100 { + margin-bottom: 100% !important; +} +.mbn50 { + margin-bottom: -50% !important; +} +.mbn100 { + margin-bottom: -100% !important; +} +.ml-auto { + margin-left: auto !important; +} +.ml0 { + margin-left: var(--su0) !important; +} +.ml1 { + margin-left: var(--su1) !important; +} +.ml2 { + margin-left: var(--su2) !important; +} +.ml4 { + margin-left: var(--su4) !important; +} +.ml6 { + margin-left: var(--su6) !important; +} +.ml8 { + margin-left: var(--su8) !important; +} +.ml12 { + margin-left: var(--su12) !important; +} +.ml16 { + margin-left: var(--su16) !important; +} +.ml24 { + margin-left: var(--su24) !important; +} +.ml32 { + margin-left: var(--su32) !important; +} +.ml48 { + margin-left: var(--su48) !important; +} +.ml64 { + margin-left: var(--su64) !important; +} +.ml96 { + margin-left: var(--su96) !important; +} +.ml128 { + margin-left: var(--su128) !important; +} +.mln1 { + margin-left: var(--sun1) !important; +} +.mln2 { + margin-left: var(--sun2) !important; +} +.mln4 { + margin-left: var(--sun4) !important; +} +.mln6 { + margin-left: var(--sun6) !important; +} +.mln8 { + margin-left: var(--sun8) !important; +} +.mln12 { + margin-left: var(--sun12) !important; +} +.mln16 { + margin-left: var(--sun16) !important; +} +.mln24 { + margin-left: var(--sun24) !important; +} +.mln32 { + margin-left: var(--sun32) !important; +} +.mln48 { + margin-left: var(--sun48) !important; +} +.mln64 { + margin-left: var(--sun64) !important; +} +.mln96 { + margin-left: var(--sun96) !important; +} +.mln128 { + margin-left: var(--sun128) !important; +} +.ml50 { + margin-left: 50% !important; +} +.ml100 { + margin-left: 100% !important; +} +.mln50 { + margin-left: -50% !important; +} +.mln100 { + margin-left: -100% !important; +} +.mx-auto { + margin-left: auto !important; + margin-right: auto !important; +} +.my-auto { + margin-top: auto !important; + margin-bottom: auto !important; +} +.mx0 { + margin-left: var(--su0) !important; + margin-right: var(--su0) !important; +} +.mx1 { + margin-left: var(--su1) !important; + margin-right: var(--su1) !important; +} +.mx2 { + margin-left: var(--su2) !important; + margin-right: var(--su2) !important; +} +.mx4 { + margin-left: var(--su4) !important; + margin-right: var(--su4) !important; +} +.mx6 { + margin-left: var(--su6) !important; + margin-right: var(--su6) !important; +} +.mx8 { + margin-left: var(--su8) !important; + margin-right: var(--su8) !important; +} +.mx12 { + margin-left: var(--su12) !important; + margin-right: var(--su12) !important; +} +.mx16 { + margin-left: var(--su16) !important; + margin-right: var(--su16) !important; +} +.mx24 { + margin-left: var(--su24) !important; + margin-right: var(--su24) !important; +} +.mx32 { + margin-left: var(--su32) !important; + margin-right: var(--su32) !important; +} +.mx48 { + margin-left: var(--su48) !important; + margin-right: var(--su48) !important; +} +.mx64 { + margin-left: var(--su64) !important; + margin-right: var(--su64) !important; +} +.mx96 { + margin-left: var(--su96) !important; + margin-right: var(--su96) !important; +} +.mx128 { + margin-left: var(--su128) !important; + margin-right: var(--su128) !important; +} +.mxn1 { + margin-left: var(--sun1) !important; + margin-right: var(--sun1) !important; +} +.mxn2 { + margin-left: var(--sun2) !important; + margin-right: var(--sun2) !important; +} +.mxn4 { + margin-left: var(--sun4) !important; + margin-right: var(--sun4) !important; +} +.mxn6 { + margin-left: var(--sun6) !important; + margin-right: var(--sun6) !important; +} +.mxn8 { + margin-left: var(--sun8) !important; + margin-right: var(--sun8) !important; +} +.mxn12 { + margin-left: var(--sun12) !important; + margin-right: var(--sun12) !important; +} +.mxn16 { + margin-left: var(--sun16) !important; + margin-right: var(--sun16) !important; +} +.mxn24 { + margin-left: var(--sun24) !important; + margin-right: var(--sun24) !important; +} +.mxn32 { + margin-left: var(--sun32) !important; + margin-right: var(--sun32) !important; +} +.mxn48 { + margin-left: var(--sun48) !important; + margin-right: var(--sun48) !important; +} +.mxn64 { + margin-left: var(--sun64) !important; + margin-right: var(--sun64) !important; +} +.mxn96 { + margin-left: var(--sun96) !important; + margin-right: var(--sun96) !important; +} +.mxn128 { + margin-left: var(--sun128) !important; + margin-right: var(--sun128) !important; +} +.my0 { + margin-top: var(--su0) !important; + margin-bottom: var(--su0) !important; +} +.my1 { + margin-top: var(--su1) !important; + margin-bottom: var(--su1) !important; +} +.my2 { + margin-top: var(--su2) !important; + margin-bottom: var(--su2) !important; +} +.my4 { + margin-top: var(--su4) !important; + margin-bottom: var(--su4) !important; +} +.my6 { + margin-top: var(--su6) !important; + margin-bottom: var(--su6) !important; +} +.my8 { + margin-top: var(--su8) !important; + margin-bottom: var(--su8) !important; +} +.my12 { + margin-top: var(--su12) !important; + margin-bottom: var(--su12) !important; +} +.my16 { + margin-top: var(--su16) !important; + margin-bottom: var(--su16) !important; +} +.my24 { + margin-top: var(--su24) !important; + margin-bottom: var(--su24) !important; +} +.my32 { + margin-top: var(--su32) !important; + margin-bottom: var(--su32) !important; +} +.my48 { + margin-top: var(--su48) !important; + margin-bottom: var(--su48) !important; +} +.my64 { + margin-top: var(--su64) !important; + margin-bottom: var(--su64) !important; +} +.my96 { + margin-top: var(--su96) !important; + margin-bottom: var(--su96) !important; +} +.my128 { + margin-top: var(--su128) !important; + margin-bottom: var(--su128) !important; +} +.myn1 { + margin-top: var(--sun1) !important; + margin-bottom: var(--sun1) !important; +} +.myn2 { + margin-top: var(--sun2) !important; + margin-bottom: var(--sun2) !important; +} +.myn4 { + margin-top: var(--sun4) !important; + margin-bottom: var(--sun4) !important; +} +.myn6 { + margin-top: var(--sun6) !important; + margin-bottom: var(--sun6) !important; +} +.myn8 { + margin-top: var(--sun8) !important; + margin-bottom: var(--sun8) !important; +} +.myn12 { + margin-top: var(--sun12) !important; + margin-bottom: var(--sun12) !important; +} +.myn16 { + margin-top: var(--sun16) !important; + margin-bottom: var(--sun16) !important; +} +.myn24 { + margin-top: var(--sun24) !important; + margin-bottom: var(--sun24) !important; +} +.myn32 { + margin-top: var(--sun32) !important; + margin-bottom: var(--sun32) !important; +} +.myn48 { + margin-top: var(--sun48) !important; + margin-bottom: var(--sun48) !important; +} +.myn64 { + margin-top: var(--sun64) !important; + margin-bottom: var(--sun64) !important; +} +.myn96 { + margin-top: var(--sun96) !important; + margin-bottom: var(--sun96) !important; +} +.myn128 { + margin-top: var(--sun128) !important; + margin-bottom: var(--sun128) !important; +} +.of-contain { + object-fit: contain !important; +} +.of-cover { + object-fit: cover !important; +} +.of-fill { + object-fit: fill !important; +} +.of-none { + object-fit: none !important; +} +.of-scale-down { + object-fit: scale-down !important; +} +.op-center { + object-position: center !important; +} +.o0, +.h\\:o0:hover { + opacity: 0 !important; +} +.o5, +.h\\:o5:hover { + opacity: 0.05 !important; +} +.o10 { + opacity: 0.1 !important; +} +.o20 { + opacity: 0.2 !important; +} +.o30 { + opacity: 0.3 !important; +} +.o40 { + opacity: 0.4 !important; +} +.o50, +.h\\:o50:hover { + opacity: 0.5 !important; +} +.o60 { + opacity: 0.6 !important; +} +.o70 { + opacity: 0.7 !important; +} +.o80, +.h\\:o80:hover { + opacity: 0.8 !important; +} +.o90 { + opacity: 0.9 !important; +} +.o100, +.h\\:o100:hover, +.f\\:o100:focus, +.f\\:o100:focus-within { + opacity: 1 !important; +} +.outline-none { + outline: 0 !important; +} +.outline-ring { + border-color: var(--focus-neutral) !important; + box-shadow: 0 0 0 var(--su1) var(--focus-neutral), 0 0 0 var(--su3) var(--focus-theme); + outline: var(--su2) solid transparent !important; +} +.f\\:outline-ring:focus, +.f\\:outline-ring:focus-within { + border-color: var(--focus-neutral) !important; + box-shadow: 0 0 0 var(--su1) var(--focus-neutral), 0 0 0 var(--su3) var(--focus-theme); + outline: var(--su2) solid transparent !important; +} +.overflow-auto { + overflow: auto !important; + scrollbar-color: var(--scrollbar) transparent; +} +.overflow-auto::-webkit-scrollbar { + width: calc(var(--su12) - var(--su2)); + height: calc(var(--su12) - var(--su2)); + background-color: transparent; +} +.overflow-auto::-webkit-scrollbar-track { + border-radius: calc(var(--su12) - var(--su2)); + background-color: transparent; +} +.overflow-auto::-webkit-scrollbar-thumb { + border-radius: calc(var(--su12) - var(--su2)); + background-color: var(--scrollbar); +} +.overflow-auto::-webkit-scrollbar-corner { + background-color: transparent; + border-color: transparent; +} +.overflow-hidden { + overflow: hidden !important; + scrollbar-color: var(--scrollbar) transparent; +} +.overflow-hidden::-webkit-scrollbar { + width: calc(var(--su12) - var(--su2)); + height: calc(var(--su12) - var(--su2)); + background-color: transparent; +} +.overflow-hidden::-webkit-scrollbar-track { + border-radius: calc(var(--su12) - var(--su2)); + background-color: transparent; +} +.overflow-hidden::-webkit-scrollbar-thumb { + border-radius: calc(var(--su12) - var(--su2)); + background-color: var(--scrollbar); +} +.overflow-hidden::-webkit-scrollbar-corner { + background-color: transparent; + border-color: transparent; +} +.overflow-scroll { + overflow: scroll !important; + scrollbar-color: var(--scrollbar) transparent; +} +.overflow-scroll::-webkit-scrollbar { + width: calc(var(--su12) - var(--su2)); + height: calc(var(--su12) - var(--su2)); + background-color: transparent; +} +.overflow-scroll::-webkit-scrollbar-track { + border-radius: calc(var(--su12) - var(--su2)); + background-color: transparent; +} +.overflow-scroll::-webkit-scrollbar-thumb { + border-radius: calc(var(--su12) - var(--su2)); + background-color: var(--scrollbar); +} +.overflow-scroll::-webkit-scrollbar-corner { + background-color: transparent; + border-color: transparent; +} +.overflow-visible { + overflow: visible !important; +} +.overflow-x-auto { + overflow-x: auto !important; + scrollbar-color: var(--scrollbar) transparent; +} +.overflow-x-auto::-webkit-scrollbar { + width: calc(var(--su12) - var(--su2)); + height: calc(var(--su12) - var(--su2)); + background-color: transparent; +} +.overflow-x-auto::-webkit-scrollbar-track { + border-radius: calc(var(--su12) - var(--su2)); + background-color: transparent; +} +.overflow-x-auto::-webkit-scrollbar-thumb { + border-radius: calc(var(--su12) - var(--su2)); + background-color: var(--scrollbar); +} +.overflow-x-auto::-webkit-scrollbar-corner { + background-color: transparent; + border-color: transparent; +} +.overflow-x-hidden { + overflow-x: hidden !important; + scrollbar-color: var(--scrollbar) transparent; +} +.overflow-x-hidden::-webkit-scrollbar { + width: calc(var(--su12) - var(--su2)); + height: calc(var(--su12) - var(--su2)); + background-color: transparent; +} +.overflow-x-hidden::-webkit-scrollbar-track { + border-radius: calc(var(--su12) - var(--su2)); + background-color: transparent; +} +.overflow-x-hidden::-webkit-scrollbar-thumb { + border-radius: calc(var(--su12) - var(--su2)); + background-color: var(--scrollbar); +} +.overflow-x-hidden::-webkit-scrollbar-corner { + background-color: transparent; + border-color: transparent; +} +.overflow-x-scroll { + overflow-x: scroll !important; + scrollbar-color: var(--scrollbar) transparent; +} +.overflow-x-scroll::-webkit-scrollbar { + width: calc(var(--su12) - var(--su2)); + height: calc(var(--su12) - var(--su2)); + background-color: transparent; +} +.overflow-x-scroll::-webkit-scrollbar-track { + border-radius: calc(var(--su12) - var(--su2)); + background-color: transparent; +} +.overflow-x-scroll::-webkit-scrollbar-thumb { + border-radius: calc(var(--su12) - var(--su2)); + background-color: var(--scrollbar); +} +.overflow-x-scroll::-webkit-scrollbar-corner { + background-color: transparent; + border-color: transparent; +} +.overflow-y-auto { + overflow-y: auto !important; + scrollbar-color: var(--scrollbar) transparent; +} +.overflow-y-auto::-webkit-scrollbar { + width: calc(var(--su12) - var(--su2)); + height: calc(var(--su12) - var(--su2)); + background-color: transparent; +} +.overflow-y-auto::-webkit-scrollbar-track { + border-radius: calc(var(--su12) - var(--su2)); + background-color: transparent; +} +.overflow-y-auto::-webkit-scrollbar-thumb { + border-radius: calc(var(--su12) - var(--su2)); + background-color: var(--scrollbar); +} +.overflow-y-auto::-webkit-scrollbar-corner { + background-color: transparent; + border-color: transparent; +} +.overflow-y-hidden { + overflow-y: hidden !important; + scrollbar-color: var(--scrollbar) transparent; +} +.overflow-y-hidden::-webkit-scrollbar { + width: calc(var(--su12) - var(--su2)); + height: calc(var(--su12) - var(--su2)); + background-color: transparent; +} +.overflow-y-hidden::-webkit-scrollbar-track { + border-radius: calc(var(--su12) - var(--su2)); + background-color: transparent; +} +.overflow-y-hidden::-webkit-scrollbar-thumb { + border-radius: calc(var(--su12) - var(--su2)); + background-color: var(--scrollbar); +} +.overflow-y-hidden::-webkit-scrollbar-corner { + background-color: transparent; + border-color: transparent; +} +.overflow-y-scroll { + overflow-y: scroll !important; + scrollbar-color: var(--scrollbar) transparent; +} +.overflow-y-scroll::-webkit-scrollbar { + width: calc(var(--su12) - var(--su2)); + height: calc(var(--su12) - var(--su2)); + background-color: transparent; +} +.overflow-y-scroll::-webkit-scrollbar-track { + border-radius: calc(var(--su12) - var(--su2)); + background-color: transparent; +} +.overflow-y-scroll::-webkit-scrollbar-thumb { + border-radius: calc(var(--su12) - var(--su2)); + background-color: var(--scrollbar); +} +.overflow-y-scroll::-webkit-scrollbar-corner { + background-color: transparent; + border-color: transparent; +} +.p0 { + padding: var(--su0) !important; +} +.p1 { + padding: var(--su1) !important; +} +.p2 { + padding: var(--su2) !important; +} +.p4 { + padding: var(--su4) !important; +} +.p6 { + padding: var(--su6) !important; +} +.p8 { + padding: var(--su8) !important; +} +.p12 { + padding: var(--su12) !important; +} +.p16 { + padding: var(--su16) !important; +} +.p24 { + padding: var(--su24) !important; +} +.p32 { + padding: var(--su32) !important; +} +.p48 { + padding: var(--su48) !important; +} +.p64 { + padding: var(--su64) !important; +} +.p96 { + padding: var(--su96) !important; +} +.p128 { + padding: var(--su128) !important; +} +.pt0 { + padding-top: var(--su0) !important; +} +.pt1 { + padding-top: var(--su1) !important; +} +.pt2 { + padding-top: var(--su2) !important; +} +.pt4 { + padding-top: var(--su4) !important; +} +.pt6 { + padding-top: var(--su6) !important; +} +.pt8 { + padding-top: var(--su8) !important; +} +.pt12 { + padding-top: var(--su12) !important; +} +.pt16 { + padding-top: var(--su16) !important; +} +.pt24 { + padding-top: var(--su24) !important; +} +.pt32 { + padding-top: var(--su32) !important; +} +.pt48 { + padding-top: var(--su48) !important; +} +.pt64 { + padding-top: var(--su64) !important; +} +.pt96 { + padding-top: var(--su96) !important; +} +.pt128 { + padding-top: var(--su128) !important; +} +.pr0 { + padding-right: var(--su0) !important; +} +.pr1 { + padding-right: var(--su1) !important; +} +.pr2 { + padding-right: var(--su2) !important; +} +.pr4 { + padding-right: var(--su4) !important; +} +.pr6 { + padding-right: var(--su6) !important; +} +.pr8 { + padding-right: var(--su8) !important; +} +.pr12 { + padding-right: var(--su12) !important; +} +.pr16 { + padding-right: var(--su16) !important; +} +.pr24 { + padding-right: var(--su24) !important; +} +.pr32 { + padding-right: var(--su32) !important; +} +.pr48 { + padding-right: var(--su48) !important; +} +.pr64 { + padding-right: var(--su64) !important; +} +.pr96 { + padding-right: var(--su96) !important; +} +.pr128 { + padding-right: var(--su128) !important; +} +.pb0 { + padding-bottom: var(--su0) !important; +} +.pb1 { + padding-bottom: var(--su1) !important; +} +.pb2 { + padding-bottom: var(--su2) !important; +} +.pb4 { + padding-bottom: var(--su4) !important; +} +.pb6 { + padding-bottom: var(--su6) !important; +} +.pb8 { + padding-bottom: var(--su8) !important; +} +.pb12 { + padding-bottom: var(--su12) !important; +} +.pb16 { + padding-bottom: var(--su16) !important; +} +.pb24 { + padding-bottom: var(--su24) !important; +} +.pb32 { + padding-bottom: var(--su32) !important; +} +.pb48 { + padding-bottom: var(--su48) !important; +} +.pb64 { + padding-bottom: var(--su64) !important; +} +.pb96 { + padding-bottom: var(--su96) !important; +} +.pb128 { + padding-bottom: var(--su128) !important; +} +.pl0 { + padding-left: var(--su0) !important; +} +.pl1 { + padding-left: var(--su1) !important; +} +.pl2 { + padding-left: var(--su2) !important; +} +.pl4 { + padding-left: var(--su4) !important; +} +.pl6 { + padding-left: var(--su6) !important; +} +.pl8 { + padding-left: var(--su8) !important; +} +.pl12 { + padding-left: var(--su12) !important; +} +.pl16 { + padding-left: var(--su16) !important; +} +.pl24 { + padding-left: var(--su24) !important; +} +.pl32 { + padding-left: var(--su32) !important; +} +.pl48 { + padding-left: var(--su48) !important; +} +.pl64 { + padding-left: var(--su64) !important; +} +.pl96 { + padding-left: var(--su96) !important; +} +.pl128 { + padding-left: var(--su128) !important; +} +.px0 { + padding-left: var(--su0) !important; + padding-right: var(--su0) !important; +} +.px1 { + padding-left: var(--su1) !important; + padding-right: var(--su1) !important; +} +.px2 { + padding-left: var(--su2) !important; + padding-right: var(--su2) !important; +} +.px4 { + padding-left: var(--su4) !important; + padding-right: var(--su4) !important; +} +.px6 { + padding-left: var(--su6) !important; + padding-right: var(--su6) !important; +} +.px8 { + padding-left: var(--su8) !important; + padding-right: var(--su8) !important; +} +.px12 { + padding-left: var(--su12) !important; + padding-right: var(--su12) !important; +} +.px16 { + padding-left: var(--su16) !important; + padding-right: var(--su16) !important; +} +.px24 { + padding-left: var(--su24) !important; + padding-right: var(--su24) !important; +} +.px32 { + padding-left: var(--su32) !important; + padding-right: var(--su32) !important; +} +.px48 { + padding-left: var(--su48) !important; + padding-right: var(--su48) !important; +} +.px64 { + padding-left: var(--su64) !important; + padding-right: var(--su64) !important; +} +.px96 { + padding-left: var(--su96) !important; + padding-right: var(--su96) !important; +} +.px128 { + padding-left: var(--su128) !important; + padding-right: var(--su128) !important; +} +.py0 { + padding-top: var(--su0) !important; + padding-bottom: var(--su0) !important; +} +.py1 { + padding-top: var(--su1) !important; + padding-bottom: var(--su1) !important; +} +.py2 { + padding-top: var(--su2) !important; + padding-bottom: var(--su2) !important; +} +.py4 { + padding-top: var(--su4) !important; + padding-bottom: var(--su4) !important; +} +.py6 { + padding-top: var(--su6) !important; + padding-bottom: var(--su6) !important; +} +.py8 { + padding-top: var(--su8) !important; + padding-bottom: var(--su8) !important; +} +.py12 { + padding-top: var(--su12) !important; + padding-bottom: var(--su12) !important; +} +.py16 { + padding-top: var(--su16) !important; + padding-bottom: var(--su16) !important; +} +.py24 { + padding-top: var(--su24) !important; + padding-bottom: var(--su24) !important; +} +.py32 { + padding-top: var(--su32) !important; + padding-bottom: var(--su32) !important; +} +.py48 { + padding-top: var(--su48) !important; + padding-bottom: var(--su48) !important; +} +.py64 { + padding-top: var(--su64) !important; + padding-bottom: var(--su64) !important; +} +.py96 { + padding-top: var(--su96) !important; + padding-bottom: var(--su96) !important; +} +.py128 { + padding-top: var(--su128) !important; + padding-bottom: var(--su128) !important; +} +.ps-absolute { + position: absolute !important; +} +.ps-fixed { + position: fixed !important; +} +.ps-relative { + position: relative !important; +} +.ps-static { + position: static !important; +} +.ps-sticky { + position: sticky !important; +} +.ps-unset { + position: unset !important; +} +.i0 { + inset: var(--su0) !important; +} +.i1 { + inset: var(--su1) !important; +} +.i2 { + inset: var(--su2) !important; +} +.i4 { + inset: var(--su4) !important; +} +.i6 { + inset: var(--su6) !important; +} +.i8 { + inset: var(--su8) !important; +} +.i12 { + inset: var(--su12) !important; +} +.i16 { + inset: var(--su16) !important; +} +.i24 { + inset: var(--su24) !important; +} +.i32 { + inset: var(--su32) !important; +} +.i48 { + inset: var(--su48) !important; +} +.i64 { + inset: var(--su64) !important; +} +.i96 { + inset: var(--su96) !important; +} +.i128 { + inset: var(--su128) !important; +} +.t0 { + top: var(--su0) !important; +} +.t1 { + top: var(--su1) !important; +} +.t2 { + top: var(--su2) !important; +} +.t4 { + top: var(--su4) !important; +} +.t6 { + top: var(--su6) !important; +} +.t8 { + top: var(--su8) !important; +} +.t12 { + top: var(--su12) !important; +} +.t16 { + top: var(--su16) !important; +} +.t24 { + top: var(--su24) !important; +} +.t32 { + top: var(--su32) !important; +} +.t48 { + top: var(--su48) !important; +} +.t64 { + top: var(--su64) !important; +} +.t96 { + top: var(--su96) !important; +} +.t128 { + top: var(--su128) !important; +} +.tn1 { + top: var(--sun1) !important; +} +.tn2 { + top: var(--sun2) !important; +} +.tn4 { + top: var(--sun4) !important; +} +.tn6 { + top: var(--sun6) !important; +} +.tn8 { + top: var(--sun8) !important; +} +.tn12 { + top: var(--sun12) !important; +} +.tn16 { + top: var(--sun16) !important; +} +.tn24 { + top: var(--sun24) !important; +} +.tn32 { + top: var(--sun32) !important; +} +.tn48 { + top: var(--sun48) !important; +} +.tn64 { + top: var(--sun64) !important; +} +.tn96 { + top: var(--sun96) !important; +} +.tn128 { + top: var(--sun128) !important; +} +.t50 { + top: 50% !important; +} +.t100 { + top: 100% !important; +} +.tn50 { + top: -50% !important; +} +.tn100 { + top: -100% !important; +} +.r0 { + right: var(--su0) !important; +} +.r1 { + right: var(--su1) !important; +} +.r2 { + right: var(--su2) !important; +} +.r4 { + right: var(--su4) !important; +} +.r6 { + right: var(--su6) !important; +} +.r8 { + right: var(--su8) !important; +} +.r12 { + right: var(--su12) !important; +} +.r16 { + right: var(--su16) !important; +} +.r24 { + right: var(--su24) !important; +} +.r32 { + right: var(--su32) !important; +} +.r48 { + right: var(--su48) !important; +} +.r64 { + right: var(--su64) !important; +} +.r96 { + right: var(--su96) !important; +} +.r128 { + right: var(--su128) !important; +} +.rn1 { + right: var(--sun1) !important; +} +.rn2 { + right: var(--sun2) !important; +} +.rn4 { + right: var(--sun4) !important; +} +.rn6 { + right: var(--sun6) !important; +} +.rn8 { + right: var(--sun8) !important; +} +.rn12 { + right: var(--sun12) !important; +} +.rn16 { + right: var(--sun16) !important; +} +.rn24 { + right: var(--sun24) !important; +} +.rn32 { + right: var(--sun32) !important; +} +.rn48 { + right: var(--sun48) !important; +} +.rn64 { + right: var(--sun64) !important; +} +.rn96 { + right: var(--sun96) !important; +} +.rn128 { + right: var(--sun128) !important; +} +.r50 { + right: 50% !important; +} +.r100 { + right: 100% !important; +} +.rn50 { + right: -50% !important; +} +.rn100 { + right: -100% !important; +} +.b0 { + bottom: var(--su0) !important; +} +.b1 { + bottom: var(--su1) !important; +} +.b2 { + bottom: var(--su2) !important; +} +.b4 { + bottom: var(--su4) !important; +} +.b6 { + bottom: var(--su6) !important; +} +.b8 { + bottom: var(--su8) !important; +} +.b12 { + bottom: var(--su12) !important; +} +.b16 { + bottom: var(--su16) !important; +} +.b24 { + bottom: var(--su24) !important; +} +.b32 { + bottom: var(--su32) !important; +} +.b48 { + bottom: var(--su48) !important; +} +.b64 { + bottom: var(--su64) !important; +} +.b96 { + bottom: var(--su96) !important; +} +.b128 { + bottom: var(--su128) !important; +} +.bn1 { + bottom: var(--sun1) !important; +} +.bn2 { + bottom: var(--sun2) !important; +} +.bn4 { + bottom: var(--sun4) !important; +} +.bn6 { + bottom: var(--sun6) !important; +} +.bn8 { + bottom: var(--sun8) !important; +} +.bn12 { + bottom: var(--sun12) !important; +} +.bn16 { + bottom: var(--sun16) !important; +} +.bn24 { + bottom: var(--sun24) !important; +} +.bn32 { + bottom: var(--sun32) !important; +} +.bn48 { + bottom: var(--sun48) !important; +} +.bn64 { + bottom: var(--sun64) !important; +} +.bn96 { + bottom: var(--sun96) !important; +} +.bn128 { + bottom: var(--sun128) !important; +} +.b50 { + bottom: 50% !important; +} +.b100 { + bottom: 100% !important; +} +.bn50 { + bottom: -50% !important; +} +.bn100 { + bottom: -100% !important; +} +.l0 { + left: var(--su0) !important; +} +.l1 { + left: var(--su1) !important; +} +.l2 { + left: var(--su2) !important; +} +.l4 { + left: var(--su4) !important; +} +.l6 { + left: var(--su6) !important; +} +.l8 { + left: var(--su8) !important; +} +.l12 { + left: var(--su12) !important; +} +.l16 { + left: var(--su16) !important; +} +.l24 { + left: var(--su24) !important; +} +.l32 { + left: var(--su32) !important; +} +.l48 { + left: var(--su48) !important; +} +.l64 { + left: var(--su64) !important; +} +.l96 { + left: var(--su96) !important; +} +.l128 { + left: var(--su128) !important; +} +.ln1 { + left: var(--sun1) !important; +} +.ln2 { + left: var(--sun2) !important; +} +.ln4 { + left: var(--sun4) !important; +} +.ln6 { + left: var(--sun6) !important; +} +.ln8 { + left: var(--sun8) !important; +} +.ln12 { + left: var(--sun12) !important; +} +.ln16 { + left: var(--sun16) !important; +} +.ln24 { + left: var(--sun24) !important; +} +.ln32 { + left: var(--sun32) !important; +} +.ln48 { + left: var(--sun48) !important; +} +.ln64 { + left: var(--sun64) !important; +} +.ln96 { + left: var(--sun96) !important; +} +.ln128 { + left: var(--sun128) !important; +} +.l50 { + left: 50% !important; +} +.l100 { + left: 100% !important; +} +.ln50 { + left: -50% !important; +} +.ln100 { + left: -100% !important; +} +.t { + transition-duration: var(--transition-time); + transition-property: all; + transition-timing-function: var(--te-ease-in); + transition-delay: 0s; +} +.t-slow { + transition-duration: 0.25s !important; +} +.t-fast { + transition-duration: 0.05s !important; +} +.t-unset { + transition-property: none !important; +} +.t-bg { + transition-property: background-color !important; +} +.t-opacity { + transition-property: opacity !important; +} +.t-shadow { + transition-property: box-shadow !important; +} +.t-delay { + transition-delay: 0.25s !important; +} +.t-delay-unset { + transition-delay: 0s !important; +} +.truncate { + overflow: hidden; + max-width: 100%; + text-overflow: ellipsis !important; + white-space: nowrap; +} +.v-truncate1 { + display: -webkit-box; + -webkit-line-clamp: 1; + -webkit-box-orient: vertical; + overflow: hidden; +} +.v-truncate2 { + display: -webkit-box; + -webkit-line-clamp: 2; + -webkit-box-orient: vertical; + overflow: hidden; +} +.v-truncate3 { + display: -webkit-box; + -webkit-line-clamp: 3; + -webkit-box-orient: vertical; + overflow: hidden; +} +.v-truncate4 { + display: -webkit-box; + -webkit-line-clamp: 4; + -webkit-box-orient: vertical; + overflow: hidden; +} +.v-truncate5 { + display: -webkit-box; + -webkit-line-clamp: 5; + -webkit-box-orient: vertical; + overflow: hidden; +} +.v-truncate-fade { + overflow: hidden; + -webkit-mask-image: linear-gradient(180deg, #000 calc(var(--lh-md) * 9em), transparent); + mask-image: linear-gradient(180deg, #000 calc(var(--lh-md) * 9em), transparent); + max-height: calc(var(--lh-md) * 12em); +} +.v-truncate-fade.v-truncate-fade__sm { + -webkit-mask-image: linear-gradient(180deg, #000 calc(var(--lh-md) * 3em), transparent); + mask-image: linear-gradient(180deg, #000 calc(var(--lh-md) * 3em), transparent); + max-height: calc(var(--lh-md) * 6em); +} +.v-truncate-fade.v-truncate-fade__lg { + -webkit-mask-image: linear-gradient(180deg, #000 calc(var(--lh-md) * 21em), transparent); + mask-image: linear-gradient(180deg, #000 calc(var(--lh-md) * 21em), transparent); + max-height: calc(var(--lh-md) * 24em); +} +.va-baseline { + vertical-align: baseline !important; +} +.va-bottom { + vertical-align: bottom !important; +} +.va-middle { + vertical-align: middle !important; +} +.va-sub { + vertical-align: sub !important; +} +.va-super { + vertical-align: super !important; +} +.va-text-bottom { + vertical-align: text-bottom !important; +} +.va-text-top { + vertical-align: text-top !important; +} +.va-top { + vertical-align: top !important; +} +.va-unset { + vertical-align: unset !important; +} +.v-visible { + visibility: visible !important; +} +.v-hidden { + visibility: hidden !important; +} +.v-visible-sr { + border: 0; + /* stylelint-disable-next-line property-no-deprecated -- clip is kept for older browser compatibility alongside clip-path */ + clip: rect(var(--su1), var(--su1), var(--su1), var(--su1)); + clip-path: inset(50%); + height: var(--su1); + margin: var(--sun1); + overflow: hidden; + padding: 0; + position: absolute; + width: var(--su1); + overflow-wrap: normal; +} +.w0 { + width: var(--su0) !important; +} +.w1 { + width: var(--su1) !important; +} +.w2 { + width: var(--su2) !important; +} +.w4 { + width: var(--su4) !important; +} +.w6 { + width: var(--su6) !important; +} +.w8 { + width: var(--su8) !important; +} +.w12 { + width: var(--su12) !important; +} +.w16 { + width: var(--su16) !important; +} +.w24 { + width: var(--su24) !important; +} +.w32 { + width: var(--su32) !important; +} +.w48 { + width: var(--su48) !important; +} +.w64 { + width: var(--su64) !important; +} +.w96 { + width: var(--su96) !important; +} +.w128 { + width: var(--su128) !important; +} +.ws1 { + width: var(--su128) !important; +} +.ws2 { + width: var(--su256) !important; +} +.ws3 { + width: var(--su344) !important; +} +.ws4 { + width: var(--su448) !important; +} +.ws5 { + width: var(--su512) !important; +} +.ws6 { + width: var(--su640) !important; +} +.ws7 { + width: var(--su768) !important; +} +.ws8 { + width: var(--su848) !important; +} +.ws9 { + width: var(--su960) !important; +} +.ws10 { + width: var(--su1024) !important; +} +.ws11 { + width: var(--su1120) !important; +} +.ws12 { + width: var(--su1280) !important; +} +.w10 { + width: 10% !important; +} +.w20 { + width: 20% !important; +} +.w30 { + width: 30% !important; +} +.w40 { + width: 40% !important; +} +.w60 { + width: 60% !important; +} +.w70 { + width: 70% !important; +} +.w80 { + width: 80% !important; +} +.w90 { + width: 90% !important; +} +.w25 { + width: 25% !important; +} +.w50 { + width: 50% !important; +} +.w75 { + width: 75% !important; +} +.w100 { + width: 100% !important; +} +.w33 { + width: calc(100% / 3) !important; +} +.w66 { + width: calc(100% / 3 * 2) !important; +} +.w-auto { + width: auto !important; +} +.w-screen { + width: 100vw !important; +} +.wmn0 { + min-width: var(--su0) !important; +} +.wmn1 { + min-width: var(--su128) !important; +} +.wmn2 { + min-width: var(--su256) !important; +} +.wmn3 { + min-width: var(--su344) !important; +} +.wmn4 { + min-width: var(--su448) !important; +} +.wmn5 { + min-width: var(--su512) !important; +} +.wmn6 { + min-width: var(--su640) !important; +} +.wmn7 { + min-width: var(--su768) !important; +} +.wmn8 { + min-width: var(--su848) !important; +} +.wmn9 { + min-width: var(--su960) !important; +} +.wmn10 { + min-width: var(--su1024) !important; +} +.wmn11 { + min-width: var(--su1120) !important; +} +.wmn12 { + min-width: var(--su1280) !important; +} +.wmn25 { + min-width: 25% !important; +} +.wmn50 { + min-width: 50% !important; +} +.wmn75 { + min-width: 75% !important; +} +.wmn100 { + min-width: 100% !important; +} +.wmn-initial { + min-width: initial !important; +} +.wmn-screen { + min-width: 100vw !important; +} +.wmx1 { + max-width: var(--su128) !important; +} +.wmx2 { + max-width: var(--su256) !important; +} +.wmx3 { + max-width: var(--su344) !important; +} +.wmx4 { + max-width: var(--su448) !important; +} +.wmx5 { + max-width: var(--su512) !important; +} +.wmx6 { + max-width: var(--su640) !important; +} +.wmx7 { + max-width: var(--su768) !important; +} +.wmx8 { + max-width: var(--su848) !important; +} +.wmx9 { + max-width: var(--su960) !important; +} +.wmx10 { + max-width: var(--su1024) !important; +} +.wmx11 { + max-width: var(--su1120) !important; +} +.wmx12 { + max-width: var(--su1280) !important; +} +.wmx25 { + max-width: 25% !important; +} +.wmx50 { + max-width: 50% !important; +} +.wmx75 { + max-width: 75% !important; +} +.wmx100 { + max-width: 100% !important; +} +.wmx-initial { + max-width: initial !important; +} +.wmx-screen { + max-width: 100vw !important; +} +.z-hide { + z-index: var(--zi-hide) !important; +} +.z-base { + z-index: var(--zi-base) !important; +} +.z-active { + z-index: var(--zi-active) !important; +} +.z-selected { + z-index: var(--zi-selected) !important; +} +.z-dropdown { + z-index: var(--zi-dropdown) !important; +} +.z-popover { + z-index: var(--zi-popovers) !important; +} +.z-tooltip { + z-index: var(--zi-tooltips) !important; +} +.z-banner { + z-index: var(--zi-banners) !important; +} +.z-nav { + z-index: var(--zi-navigation) !important; +} +.z-nav-fixed { + z-index: var(--zi-navigation-fixed) !important; +} +.z-modal { + z-index: var(--zi-modals) !important; +} +.z-modal-bg { + z-index: var(--zi-modals-background) !important; +} +.s-activity-indicator { + --_ai-bg: var(--pink-400); + --_ai-fc: var(--white); + --_ai-min-size: var(--su16); + --_ai-p: 0 var(--su3); + background-color: var(--_ai-bg); + color: var(--_ai-fc); + min-width: var(--_ai-min-size); + min-height: var(--_ai-min-size); + padding: var(--_ai-p); + border-radius: var(--br-pill); + display: inline-flex; + font-size: var(--fs-fine); + font-weight: 600; + line-height: 1.1; + text-align: center; + align-items: center; + justify-content: center; + text-transform: uppercase; +} +.s-activity-indicator.s-activity-indicator__danger { + --_ai-bg: var(--red-400); +} +.s-activity-indicator.s-activity-indicator__success { + --_ai-bg: var(--green-400); +} +.s-activity-indicator.s-activity-indicator__warning { + --_ai-bg: var(--yellow-400); +} +.s-activity-indicator.s-activity-indicator__sm { + --_ai-min-size: calc(var(--su8) + var(--su2)); + --_ai-p: 0; +} +.s-anchors { + --_an-a-fc: var(--theme-link-color, var(--black-600)); + --_an-a-fc-hover: var(--theme-link-color-hover, var(--blue-400)); + --_an-a-fc-visited: var(--theme-link-color-visited, var(--black-400)); +} +body.theme-highcontrast .s-anchors a[href] { + text-decoration: underline; +} +.s-anchors.s-anchors__underlined a:not(.s-link), +.s-anchors.s-anchors__underlined .s-btn.s-btn__link { + text-decoration: underline; +} +.s-anchors.s-anchors__danger { + --_an-a-fc: var(--red-400); + --_an-a-fc-hover: var(--red-500); + --_an-a-fc-visited: var(--red-600); +} +.s-anchors.s-anchors__grayscale { + --_an-a-fc: var(--black-500); + --_an-a-fc-hover: var(--black-600); +} +.s-anchors.s-anchors__inherit { + --_an-a-fc: inherit; + --_an-a-fc-hover: inherit; + --_an-a-fc-visited: inherit; +} +.s-anchors.s-anchors__inherit a:not(.s-link):not(.s-btn), +.s-anchors.s-anchors__inherit .s-btn.s-btn__link { + color: var(--_an-a-fc) !important; +} +.s-anchors.s-anchors__muted { + --_an-a-fc: var(--black-400); +} +p.s-anchors > a[href], +.s-anchors p > a[href] { + text-decoration: underline; +} +.s-anchors a:not(.s-link), +.s-anchors .s-btn.s-btn__link { + color: var(--_an-a-fc, inherit); + text-decoration: none; +} +.s-anchors a:not(.s-link):active, +.s-anchors .s-btn.s-btn__link:active, +.s-anchors a:not(.s-link):hover, +.s-anchors .s-btn.s-btn__link:hover { + color: var(--_an-a-fc-hover); + text-decoration: underline; +} +.s-anchors a:not(.s-link):visited { + color: var(--_an-a-fc-visited, inherit); +} +.s-anchors a:not(.s-link):visited:hover { + color: var(--_an-a-fc-hover, inherit); +} +.s-avatar { + --_av-size: var(--su16); + --_av-bg: var(--white); + --_av-fs-letter: calc(var(--su12) - var(--su1)); + --_av-scale-badge: 1; + background-color: var(--_av-bg); + height: var(--_av-size); + width: var(--_av-size); + background-repeat: no-repeat; + background-size: 100%; + display: inline-block; + position: relative; + text-decoration: none; + vertical-align: bottom; +} +body.theme-highcontrast .s-avatar { + background-color: var(--black); + box-shadow: 0 0 0 var(--su1) var(--black); + color: var(--white); +} +body.theme-highcontrast .s-avatar .s-avatar--letter { + color: var(--white); +} +.s-avatar.s-avatar__96, +.s-avatar.s-avatar__128 { + --_av-scale-badge: 3; +} +.s-avatar.s-avatar__24 { + --_av-size: var(--su24); + --_av-fs-letter: var(--su16); + --_av-scale-badge: 1.1; +} +.s-avatar.s-avatar__32 { + --_av-size: var(--su32); + --_av-fs-letter: calc(var(--su24) - var(--su2)); + --_av-scale-badge: 1.3; +} +.s-avatar.s-avatar__48 { + --_av-size: var(--su48); + --_av-fs-letter: calc(var(--su32) + var(--su2)); + --_av-scale-badge: 1.6; +} +.s-avatar.s-avatar__64 { + --_av-size: var(--su64); + --_av-fs-letter: calc(var(--su48) - var(--su4)); + --_av-scale-badge: 2.4; +} +.s-avatar.s-avatar__96 { + --_av-size: var(--su96); + --_av-fs-letter: calc(var(--su64) + var(--su2)); +} +.s-avatar.s-avatar__128 { + --_av-size: var(--su128); + --_av-fs-letter: calc(var(--su96) - var(--su8)); +} +.s-avatar .s-avatar--badge { + bottom: var(--sun4); + position: absolute; + right: var(--sun4); + -webkit-transform: scale(var(--_av-scale-badge)); + transform: scale(var(--_av-scale-badge)); +} +.s-avatar .s-avatar--image { + display: block; + height: var(--_av-size); + width: var(--_av-size); +} +.s-avatar .s-avatar--letter { + color: var(--_white-static); + display: block; + font-size: var(--_av-fs-letter); + font-weight: bold; + line-height: 1.4; + text-align: center; + text-transform: uppercase; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.s-avatar .s-avatar--indicator { + box-shadow: 0 0 0 var(--su2) var(--white); + bottom: 100%; + left: 100%; + position: absolute; + transform: translate(-50%, 60%); +} +.s-badge { + --_ba-bc: transparent; + --_ba-bg: var(--black-100); + --_ba-fc: var(--black-500); + --_ba-fs: var(--fs-caption); + --_ba-px: var(--su6); + --_ba-py: var(--su4); + --_ba-tt: unset; + --_ba-wmn: 0; + --_ba-bl: 0; + --_ba-fw: unset; + --_ba-g: unset; + --_ba-svg-p: var(--su2); + --_ba-sq-bg: var(--black-200); + background-color: var(--_ba-bg); + border-left: var(--_ba-bl) solid var(--_ba-bc); + color: var(--_ba-fc); + font-size: var(--_ba-fs); + font-weight: var(--_ba-fw); + gap: var(--_ba-g, var(--_ba-px)); + padding: var(--_ba-py) var(--_ba-pr, var(--_ba-px)) var(--_ba-py) var(--_ba-px); + min-width: var(--_ba-wmn); + text-transform: var(--_ba-tt); + align-items: center; + display: inline-flex; + justify-content: center; + line-height: var(--lh-md); + text-decoration: none; + vertical-align: middle; + white-space: nowrap; +} +body.theme-highcontrast .s-badge { + --_ba-bx-sh-w: var(--su1); +} +body.theme-highcontrast .s-badge.s-badge__sm { + --_ba-bx-sh-w: 0; +} +body.theme-highcontrast .s-badge.s-badge__lg { + --_ba-bx-sh-w: var(--su4); +} +body.theme-highcontrast .s-badge:not(.s-badge__important) > svg { + box-shadow: 0 0 0 calc(var(--_ba-bx-sh-w) - var(--su1)) var(--_ba-sq-bg), 0 0 0 max(var(--su1), var(--_ba-bx-sh-w)) currentcolor inset; +} +body.theme-highcontrast .s-badge a[href], +body.theme-highcontrast .s-badge a[href]:hover { + text-decoration: underline !important; +} +.s-badge:has(> .s-bling__filled), +.s-badge.s-badge__squared, +.s-badge:has(> svg) { + --_ba-pr: var(--su6); +} +.s-badge:has(> .s-bling__filled), +.s-badge.s-badge__squared, +.s-badge:has(> svg), +.s-badge:has(> .s-bling__filled).s-badge__lg, +.s-badge.s-badge__squared.s-badge__lg, +.s-badge:has(> svg).s-badge__lg, +.s-badge:has(> .s-bling__filled).s-badge__sm, +.s-badge.s-badge__squared.s-badge__sm, +.s-badge:has(> svg).s-badge__sm { + --_ba-px: 0; + --_ba-py: 0; +} +.s-badge:has(> .s-bling__filled).s-badge__lg, +.s-badge.s-badge__squared.s-badge__lg, +.s-badge:has(> svg).s-badge__lg { + --_ba-pr: var(--su8); +} +.s-badge:has(> .s-bling__filled).s-badge__sm, +.s-badge.s-badge__squared.s-badge__sm, +.s-badge:has(> svg).s-badge__sm { + --_ba-pr: var(--su4); +} +.s-badge:has(> .s-bling__filled), +.s-badge.s-badge__squared { + --_ba-g: var(--su6); +} +.s-badge:has(> .s-bling__filled).s-badge__lg, +.s-badge.s-badge__squared.s-badge__lg { + --_ba-g: var(--su8); +} +.s-badge:has(> .s-bling__filled).s-badge__sm, +.s-badge.s-badge__squared.s-badge__sm { + --_ba-g: var(--su4); +} +.s-badge:not(.s-badge__squared):has(> svg) { + --_ba-g: var(--su2); +} +.s-badge:has(.s-bling__rep) { + --_ba-fw: 600; + --_ba-fc: var(--black-600); +} +.s-badge:has(.s-bling) { + --_ba-bg: var(--black-150); +} +.s-badge.s-badge__sm { + --_ba-fs: var(--fs-fine); + --_ba-px: var(--su4); + --_ba-py: var(--su1); + --_ba-wmn: calc(var(--su16) + var(--su2)); + --_ba-svg-p: var(--_ba-py); +} +.s-badge.s-badge__lg { + --_ba-fs: var(--fs-body1); + --_ba-px: var(--su8); + --_ba-py: calc(var(--su4) + var(--su1)); + --_ba-svg-p: var(--_ba-py); +} +.s-badge.s-badge__gold, +.s-badge.s-badge__silver, +.s-badge.s-badge__bronze { + --_ba-bl: var(--su4); +} +.s-badge.s-badge__gold .s-bling__gold, +.s-badge.s-badge__silver .s-bling__gold, +.s-badge.s-badge__bronze .s-bling__gold, +.s-badge.s-badge__gold .s-bling__silver, +.s-badge.s-badge__silver .s-bling__silver, +.s-badge.s-badge__bronze .s-bling__silver, +.s-badge.s-badge__gold .s-bling__bronze, +.s-badge.s-badge__silver .s-bling__bronze, +.s-badge.s-badge__bronze .s-bling__bronze { + margin-left: -2px; +} +.s-badge.s-badge__gold { + --_ba-bc: var(--yellow-300); +} +.s-badge.s-badge__silver { + --_ba-bc: var(--blue-300); +} +.s-badge.s-badge__bronze { + --_ba-bc: var(--orange-300); +} +.s-badge.s-badge__admin, +.s-badge.s-badge__moderator, +.s-badge.s-badge__staff, +.s-badge.s-badge__ai, +.s-badge.s-badge__bot, +.s-badge.s-badge__new { + --_ba-bl: var(--su4); + --_ba-bg: var(--black-150); + --_ba-fc: var(--black-600); +} +.s-badge.s-badge__moderator:before, +.s-badge.s-badge__new:before { + background-color: var(--_ba-bc); + height: var(--_ba-before-h); + width: var(--_ba-before-w); + -webkit-mask: var(--_ba-before-icon) no-repeat center; + mask: var(--_ba-before-icon) no-repeat center; + content: ""; + display: inline-block; + -webkit-mask-size: contain; + mask-size: contain; +} +.s-badge.s-badge__moderator { + --_ba-bc: var(--blue-500); + --_ba-before-h: calc(var(--su12) + var(--su1)); + --_ba-before-w: calc(var(--su12) - var(--su1)); + --_ba-before-icon: url("data:image/svg+xml;,%3Csvg width='11' height='13' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.528.746c.257-.329.675-.327.93 0l4.42 5.66c.258.329.257.864 0 1.192l-4.42 5.66c-.256.328-.674.327-.93 0l-4.42-5.66c-.257-.329-.256-.865 0-1.192l4.42-5.66z' fill='%23fff'/%3E%3C/svg%3E"); +} +.s-badge.s-badge__moderator.s-badge__sm { + --_ba-before-h: calc(var(--su12) - var(--su1)); + --_ba-before-w: calc(var(--su8) + var(--su1)); + --_ba-before-icon: url("data:image/svg+xml;,%3Csvg width='9' height='11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.55.246c.257-.329.647-.327.903 0l3.36 4.66c.256.329.256.864 0 1.192L4.45 10.75c-.257.329-.644.327-.9 0L.192 6.098c-.256-.329-.256-.865 0-1.192L3.55.246z' fill='%23fff'/%3E%3C/svg%3E"); +} +.s-badge.s-badge__moderator:before { + margin-top: var(--sun1); +} +.s-badge.s-badge__staff { + --_ba-bc: var(--orange-400); +} +.s-badge.s-badge__admin { + --_ba-bc: var(--theme-primary-500, var(--orange-500)); +} +.s-badge.s-badge__ai { + --_ba-bc: var(--purple-400); +} +.s-badge.s-badge__bot { + --_ba-bc: var(--black-400); +} +.s-badge.s-badge__new { + --_ba-bg: var(--purple-100); + --_ba-fc: var(--purple-500); + --_ba-sq-bg: var(--purple-200); + --_ba-bc: var(--purple-400); + --_ba-gap: var(--su2); + --_ba-before-h: calc(var(--su12) + var(--su2)); + --_ba-before-w: calc(var(--su12) + var(--su2)); + --_ba-before-icon: url("data:image/svg+xml;,%3Csvg width='14' height='14' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 1a7 7 0 1 1 0 14A7 7 0 0 1 8 1m0 1.25a5.75 5.75 0 1 0 0 11.5 5.75 5.75 0 0 0 0-11.5m1 10.06H7V10.6h2zM8.14 4c1.78 0 2.77.96 2.77 2.5 0 1.79-2.1 2.2-2.1 3.25h-1.6c0-2 2-2.08 2-3.26 0-.54-.27-.96-1.02-.96-.7 0-1.03.46-1.1 1.23H5.4A2.75 2.75 0 0 1 8.13 4' fill='%23fff'/%3E%3C/svg%3E"); +} +.s-badge.s-badge__new:before { + margin-left: var(--sun2); + margin-top: 0; +} +.s-badge.s-badge__info { + --_ba-bg: var(--blue-100); + --_ba-fc: var(--blue-500); + --_ba-sq-bg: var(--blue-200); +} +.s-badge.s-badge__info.s-badge__important { + --_ba-bg: var(--blue-400); + --_ba-sq-bg: var(--blue-500); +} +.s-badge.s-badge__warning { + --_ba-bg: var(--yellow-100); + --_ba-fc: var(--yellow-500); + --_ba-sq-bg: var(--yellow-200); +} +.s-badge.s-badge__warning.s-badge__important { + --_ba-bg: var(--yellow-400); + --_ba-sq-bg: var(--yellow-500); +} +.s-badge.s-badge__danger { + --_ba-bg: var(--red-100); + --_ba-fc: var(--red-500); + --_ba-sq-bg: var(--red-200); +} +.s-badge.s-badge__danger.s-badge__important { + --_ba-bg: var(--red-400); + --_ba-sq-bg: var(--red-500); +} +.s-badge.s-badge__critical { + --_ba-bg: var(--red-200); + --_ba-fc: var(--red-600); + --_ba-sq-bg: var(--red-300); +} +.s-badge.s-badge__critical.s-badge__important { + --_ba-bg: var(--red-500); + --_ba-sq-bg: var(--red-600); +} +.s-badge.s-badge__tonal { + --_ba-bg: var(--black-200); + --_ba-fc: var(--black-600); + --_ba-sq-bg: var(--black-300); +} +.s-badge.s-badge__tonal.s-badge__important { + --_ba-bg: var(--black-500); + --_ba-sq-bg: var(--black-600); +} +.s-badge.s-badge__success { + --_ba-bg: var(--green-100); + --_ba-fc: var(--green-600); + --_ba-sq-bg: var(--green-200); +} +.s-badge.s-badge__success.s-badge__important { + --_ba-bg: var(--green-500); + --_ba-sq-bg: var(--green-600); +} +.s-badge.s-badge__featured { + --_ba-bg: var(--purple-100); + --_ba-fc: var(--purple-500); + --_ba-sq-bg: var(--purple-200); +} +.s-badge.s-badge__featured.s-badge__important { + --_ba-bg: var(--purple-400); + --_ba-sq-bg: var(--purple-500); +} +.s-badge.s-badge__squared svg { + background-color: var(--_ba-sq-bg); +} +.s-badge.s-badge__important { + --_ba-bg: var(--black-400); + --_ba-fc: var(--black-050); + --_ba-fw: 600; + --_ba-sq-bg: var(--black-500); +} +.s-badge svg { + aspect-ratio: 1 / 1; + box-sizing: content-box; + display: block; + height: calc(var(--su16) + var(--su4)); + padding: var(--_ba-svg-p); +} +a.s-badge:hover { + text-decoration: none; +} +.s-banner { + --_no-ty-offset: 0; + --_no-ty: var(--theme-topbar-height, calc(var(--su48) + var(--su8))); + --_no-bg: var(--black-150); + --_no-icon-bg: var(--black-200); + --_no-fc: var(--black-600); + --_no-code-bc: var(--black-300); + --_no-code-bg: var(--black-200); + --_no-code-fc: var(--_no-fc); + background: var(--_no-bg); + color: var(--_no-fc); + display: flex; + align-items: center; + padding: var(--su16); + inset: 0 0 auto 0; + position: fixed; + transform: translate3d(0, calc(var(--_no-ty) * var(--_no-ty-offset)), 0); + width: 100%; + z-index: calc(var(--zi-navigation-fixed) - 1); +} +body.theme-highcontrast .s-banner:not(body.theme-highcontrast .s-banner__important) { + --_no-icon-bc: var(--_no-code-bc); +} +.s-banner__important { + --_no-bg: var(--black-400); + --_no-icon-bg: var(--black-500); + --_no-fc: var(--white); + --_no-code-bc: var(--black-300); + --_no-code-bg: var(--black-500); +} +.s-banner__danger:not(.s-banner__important) { + --_no-bg: var(--red-100); + --_no-icon-bg: var(--red-200); + --_no-code-bc: var(--red-300); + --_no-code-bg: var(--red-200); +} +.s-banner__danger.s-banner__important { + --_no-bg: var(--red-400); + --_no-icon-bg: var(--red-500); + --_no-fc: var(--white); + --_no-code-bc: var(--red-300); + --_no-code-bg: var(--red-500); +} +.s-banner__info:not(.s-banner__important) { + --_no-bg: var(--blue-100); + --_no-icon-bg: var(--blue-200); + --_no-code-bc: var(--blue-300); + --_no-code-bg: var(--blue-200); +} +.s-banner__info.s-banner__important { + --_no-bg: var(--blue-400); + --_no-icon-bg: var(--blue-500); + --_no-fc: var(--white); + --_no-code-bc: var(--blue-300); + --_no-code-bg: var(--blue-500); +} +.s-banner__success:not(.s-banner__important) { + --_no-bg: var(--green-100); + --_no-icon-bg: var(--green-200); + --_no-code-bc: var(--green-300); + --_no-code-bg: var(--green-200); +} +.s-banner__success.s-banner__important { + --_no-bg: var(--green-400); + --_no-icon-bg: var(--green-500); + --_no-fc: var(--white); + --_no-code-bc: var(--green-300); + --_no-code-bg: var(--green-500); +} +.s-banner__featured:not(.s-banner__important) { + --_no-bg: var(--purple-100); + --_no-icon-bg: var(--purple-200); + --_no-code-bc: var(--purple-300); + --_no-code-bg: var(--purple-200); +} +.s-banner__featured.s-banner__important { + --_no-bg: var(--purple-400); + --_no-icon-bg: var(--purple-500); + --_no-fc: var(--white); + --_no-code-bc: var(--purple-300); + --_no-code-bg: var(--purple-500); +} +.s-banner__activity:not(.s-banner__important) { + --_no-bg: var(--pink-100); + --_no-icon-bg: var(--pink-200); + --_no-code-bc: var(--pink-300); + --_no-code-bg: var(--pink-200); +} +.s-banner__activity.s-banner__important { + --_no-bg: var(--pink-400); + --_no-icon-bg: var(--pink-500); + --_no-fc: var(--white); + --_no-code-bc: var(--pink-300); + --_no-code-bg: var(--pink-500); +} +.s-banner__warning:not(.s-banner__important) { + --_no-bg: var(--yellow-100); + --_no-icon-bg: var(--yellow-200); + --_no-code-bc: var(--yellow-300); + --_no-code-bg: var(--yellow-200); +} +.s-banner__warning.s-banner__important { + --_no-bg: var(--yellow-300); + --_no-icon-bg: var(--yellow-400); + --_no-fc: var(--black); + --_no-code-bc: var(--yellow-400); + --_no-code-bg: var(--yellow-200); +} +.s-banner__warning.s-banner__important .s-notice--icon { + color: var(--white); +} +@media (prefers-color-scheme: dark) { + body.theme-system .s-banner__warning.s-banner__important { + --_no-fc: var(--white); + --_no-code-bc: var(--yellow-300); + --_no-code-bg: var(--yellow-500); + --_no-bg: var(--yellow-400); + --_no-icon-bg: var(--yellow-500); + } +} +body.theme-dark .s-banner__warning.s-banner__important, +.theme-dark__forced .s-banner__warning.s-banner__important, +body.theme-system .theme-dark__forced .s-banner__warning.s-banner__important { + --_no-fc: var(--white); + --_no-code-bc: var(--yellow-300); + --_no-code-bg: var(--yellow-500); + --_no-bg: var(--yellow-400); + --_no-icon-bg: var(--yellow-500); +} +body.theme-highcontrast .s-banner__warning.s-banner__important { + --_no-bg: var(--yellow-400); + --_no-icon-bg: var(--yellow-500); + --_no-code-bc: var(--yellow-300); + --_no-code-bg: var(--yellow-500); + --_no-fc: var(--white); +} +.s-banner code { + background-color: var(--_no-code-bg); + color: var(--_no-code-fc); + outline: var(--su1) solid var(--_no-code-bc); + padding-left: var(--su2); + padding-right: var(--su2); + white-space: nowrap; +} +button.s-banner--dismiss { + color: var(--_no-fc); +} +button.s-banner--dismiss:active { + background-color: var(--_no-fc); + color: var(--_no-bg); +} +button.s-banner--dismiss:focus-visible, +button.s-banner--dismiss:hover, +button.s-banner--dismiss.focus-inset-bordered { + background-color: var(--_no-fc); + color: var(--_no-bg); +} +.s-banner--actions { + display: flex; + margin-left: auto; + align-self: flex-start; + padding-left: var(--su24); + color: var(--_no-fc); + gap: calc(var(--su24) - var(--su2)); + overflow-wrap: initial !important; +} +.s-banner--actions > .s-link:not(.s-banner--dismiss) { + color: var(--_no-fc); +} +.s-banner--icon { + --_no-icon-bg: transparent; + margin-right: var(--su8); + align-self: flex-start; +} +.s-banner[aria-hidden="true"] { + --_no-ty-offset: -1; + opacity: 0; + visibility: hidden; +} +.s-banner[aria-hidden="false"] { + --_no-ty-offset: 1; + opacity: 1; + visibility: visible; +} +.s-banner[aria-hidden="false"].is-pinned { + --_no-ty-offset: 0; + z-index: calc(var(--zi-navigation-fixed) + 1); +} +.s-banner__body-pt { + padding-top: 93px; +} +.s-bling { + --_bl-bg: unset; + --_bl-size: calc(var(--su8) + var(--su2)); + --_bl-icon: url("data:image/svg+xml;utf8,"); + --_bl-icon-bg: var(--black-500); + --_bl-icon-size: var(--su8); + background-color: var(--_bl-bg); + height: var(--_bl-size); + width: var(--_bl-size); + align-items: center; + color: inherit; + display: inline-flex; + justify-content: center; +} +.s-bling.s-bling__activity { + --_bl-icon-bg: var(--pink-400); +} +.s-bling.s-bling__gold { + --_bl-icon-bg: var(--yellow-400); + --_bl-icon: url("data:image/svg+xml;,"); +} +.s-bling.s-bling__silver { + --_bl-icon-bg: var(--blue-400); + --_bl-icon: url("data:image/svg+xml;,"); +} +.s-bling.s-bling__bronze { + --_bl-icon-bg: var(--orange-400); + --_bl-icon: url("data:image/svg+xml;,"); +} +.s-bling.s-bling__filled { + --_bl-bg: var(--black-225); + --_bl-icon-bg: var(--black-600); + --_bl-size: var(--su24); +} +.s-bling.s-bling__filled.s-bling__rep { + --_bl-bg: var(--black-300); +} +@media (prefers-color-scheme: dark) { + body.theme-highcontrast.theme-system .s-bling.s-bling__filled.s-bling__rep { + --_bl-icon-bg: var(--black-050); + } +} +body.theme-highcontrast.theme-dark .s-bling.s-bling__filled.s-bling__rep { + --_bl-icon-bg: var(--black-050); +} +.s-bling.s-bling__filled.s-bling__activity { + --_bl-bg: var(--pink-300); + --_bl-icon-bg: var(--pink-600); +} +body.theme-highcontrast .s-bling.s-bling__filled.s-bling__activity { + --_bl-icon-bg: var(--black-050); +} +@media (prefers-color-scheme: dark) { + body.theme-highcontrast.theme-system .s-bling.s-bling__filled.s-bling__activity { + --_bl-bg: var(--pink-400); + } +} +body.theme-highcontrast.theme-dark .s-bling.s-bling__filled.s-bling__activity { + --_bl-bg: var(--pink-400); +} +.s-bling.s-bling__filled.s-bling__gold { + --_bl-bg: var(--yellow-300); + --_bl-icon-bg: var(--yellow-600); +} +body.theme-highcontrast .s-bling.s-bling__filled.s-bling__gold { + --_bl-icon-bg: var(--black-050); +} +@media (prefers-color-scheme: dark) { + body.theme-highcontrast.theme-system .s-bling.s-bling__filled.s-bling__gold { + --_bl-bg: var(--yellow-400); + } +} +body.theme-highcontrast.theme-dark .s-bling.s-bling__filled.s-bling__gold { + --_bl-bg: var(--yellow-400); +} +.s-bling.s-bling__filled.s-bling__silver { + --_bl-bg: var(--blue-300); + --_bl-icon-bg: var(--blue-600); +} +body.theme-highcontrast .s-bling.s-bling__filled.s-bling__silver { + --_bl-icon-bg: var(--black-050); +} +@media (prefers-color-scheme: dark) { + body.theme-highcontrast.theme-system .s-bling.s-bling__filled.s-bling__silver { + --_bl-bg: var(--blue-400); + } +} +body.theme-highcontrast.theme-dark .s-bling.s-bling__filled.s-bling__silver { + --_bl-bg: var(--blue-400); +} +.s-bling.s-bling__filled.s-bling__bronze { + --_bl-bg: var(--orange-300); + --_bl-icon-bg: var(--orange-600); +} +body.theme-highcontrast .s-bling.s-bling__filled.s-bling__bronze { + --_bl-icon-bg: var(--black-050); +} +@media (prefers-color-scheme: dark) { + body.theme-highcontrast.theme-system .s-bling.s-bling__filled.s-bling__bronze { + --_bl-bg: var(--orange-400); + } +} +body.theme-highcontrast.theme-dark .s-bling.s-bling__filled.s-bling__bronze { + --_bl-bg: var(--orange-400); +} +.s-bling.s-bling__sm:not(.s-bling__filled) { + --_bl-size: var(--su8); +} +.s-bling.s-bling__sm.s-bling__filled { + --_bl-size: var(--su16); +} +.s-bling.s-bling__lg.s-bling__filled { + --_bl-size: calc(var(--su24) + var(--su4)); +} +.s-bling.s-bling__sm { + --_bl-icon-size: var(--su6); +} +.s-bling.s-bling__sm.s-bling__gold, +.s-bling.s-bling__sm.s-bling__silver { + --_bl-icon-size: calc(var(--su6) + var(--su1)); +} +.s-bling.s-bling__gold:not(.s-bling__sm), +.s-bling.s-bling__silver:not(.s-bling__sm) { + --_bl-icon-size: calc(var(--su8) + var(--su1)); +} +.s-bling:before { + -webkit-mask: var(--_bl-icon) no-repeat center; + mask: var(--_bl-icon) no-repeat center; + background-color: var(--_bl-icon-bg); + content: ""; + height: var(--_bl-icon-size); + width: var(--_bl-icon-size); +} +.s-btn { + --_bu-baw: var(--su1); + --_bu-br: var(--br-pill); + --_bu-fs: var(--fs-body1); + --_bu-lh: var(--lh-base); + --_bu-g: var(--su8); + --_bu-px: var(--su16); + --_bu-py: calc(var(--su8) + var(--su2)); + --_bu-badge-fs: var(--fs-caption); + --_bu-badge-px: var(--su6); + --_bu-badge-py: var(--su2); + --_bu-dropdown-bw: var(--su4); + background: linear-gradient(0deg, var(--_bu-bg-selected-overlay, var(--_bu-bg)) 50%, var(--_bu-bg) 50%) padding-box, linear-gradient(0deg, var(--_bu-bg-selected-overlay, var(--_bu-bg)) 50%, var(--_bu-bg) 50%) border-box; + border: var(--_bu-baw) solid var(--_bu-bc, transparent); + color: var(--_bu-fc); + font-size: var(--_bu-fs); + gap: var(--_bu-g); + padding: var(--_bu-py) var(--_bu-px); + align-items: center; + align-self: center; + border-radius: var(--_bu-br); + border-style: solid; + cursor: pointer; + display: inline-flex; + font-family: inherit; + font-weight: 600; + justify-content: center; + line-height: var(--_bu-lh); + position: relative; + text-align: center; + text-decoration: none; + user-select: none; +} +.s-btn:not(.s-btn__danger):not(.s-btn__featured):not(.s-btn__tonal):not(.s-btn__link):not(.s-btn__unset):not(.s-btn__facebook):not(.s-btn__github):not(.s-btn__google) { + --_bu-bg: var(--theme-button-color, var(--theme-secondary)); + --_bu-bg-disabled: var(--theme-secondary-300); + --_bu-bg-hover: var(--theme-button-hover-background-color, var(--theme-secondary-500)); + --_bu-fc: var(--white); + --_bu-fc-disabled: var(--theme-secondary-100); + --_bu-fc-hover: var(--theme-button-hover-color, var(--white)); + --_bu-badge-bg: var(--theme-secondary-500); + --_bu-badge-fc: var(--white); + --_bu-badge-bg-disabled: var(--theme-secondary-300); + --_bu-badge-fc-disabled: var(--theme-secondary-100); +} +body.theme-highcontrast .s-btn:not(.s-btn__danger):not(.s-btn__featured):not(.s-btn__tonal):not(.s-btn__link):not(.s-btn__unset):not(.s-btn__facebook):not(.s-btn__github):not(.s-btn__google) { + --_bu-bg-disabled: var(--theme-secondary-300); +} +.s-btn:not(.s-btn__danger):not(.s-btn__featured):not(.s-btn__tonal):not(.s-btn__link):not(.s-btn__unset):not(.s-btn__facebook):not(.s-btn__github):not(.s-btn__google).s-btn__clear { + --_bu-bg: transparent; + --_bu-bg-disabled: var(--_bu-bg); + --_bu-bg-hover: var(--theme-secondary-100); + --_bu-bg-selected: var(--theme-secondary-100); + --_bu-fc: var(--theme-secondary-600); + --_bu-fc-disabled: var(--theme-secondary-300); + --_bu-fc-hover: var(--_bu-fc); + --_bu-badge-bg: var(--theme-secondary-100); + --_bu-badge-fc: var(--theme-secondary-500); + --_bu-badge-bg-disabled: var(--theme-secondary-100); + --_bu-badge-fc-disabled: var(--theme-secondary-300); +} +body.theme-highcontrast .s-btn:not(.s-btn__danger):not(.s-btn__featured):not(.s-btn__tonal):not(.s-btn__link):not(.s-btn__unset):not(.s-btn__facebook):not(.s-btn__github):not(.s-btn__google).s-btn__clear { + --_bu-bc: var(--theme-secondary-400); + --_bu-bc-disabled: var(--theme-secondary-300); + --_bu-bg-disabled: var(--white); + --_bu-badge-bg-disabled: var(--theme-secondary-100); + --_bu-badge-fc-disabled: var(--theme-secondary-300); +} +.s-btn.s-btn__danger { + --_bu-bg: var(--red-400); + --_bu-fc: var(--white); + --_bu-bg-disabled: var(--red-200); + --_bu-fc-disabled: var(--black-050); + --_bu-bg-hover: var(--red-500); + --_bu-bg-selected: var(--red-500); + --_bu-fc-selected: var(--_bu-fc); + --_bu-badge-bg: var(--red-500); + --_bu-badge-fc: var(--black-050); + --_bu-badge-bg-disabled: var(--red-300); + --_bu-badge-fc-disabled: var(--black-100); +} +@media (prefers-color-scheme: dark) { + body.theme-system .s-btn.s-btn__danger { + --_bu-bg-disabled: var(--red-300); + --_bu-badge-fc-disabled: var(--black-050); + --_bu-badge-bg-disabled: var(--red-400); + } +} +body.theme-dark .s-btn.s-btn__danger, +.theme-dark__forced .s-btn.s-btn__danger, +body.theme-system .theme-dark__forced .s-btn.s-btn__danger { + --_bu-bg-disabled: var(--red-300); + --_bu-badge-fc-disabled: var(--black-050); + --_bu-badge-bg-disabled: var(--red-400); +} +body.theme-highcontrast .s-btn.s-btn__danger { + --_bu-fc-disabled: var(--black-300); + --_bu-badge-bg-disabled: var(--red-100); + --_bu-badge-fc-disabled: var(--black-300); +} +@media (prefers-color-scheme: dark) { + body.theme-highcontrast.theme-system .s-btn.s-btn__danger { + --_bu-bg-disabled: var(--red-300); + --_bu-fc-disabled: var(--black-050); + --_bu-badge-fc-disabled: var(--black-050); + --_bu-badge-bg-disabled: var(--red-400); + } +} +body.theme-highcontrast.theme-dark .s-btn.s-btn__danger { + --_bu-bg-disabled: var(--red-300); + --_bu-fc-disabled: var(--black-050); + --_bu-badge-fc-disabled: var(--black-050); + --_bu-badge-bg-disabled: var(--red-400); +} +.s-btn.s-btn__danger.s-btn__clear { + --_bu-bg: transparent; + --_bu-bg-disabled: var(--_bu-bg); + --_bu-bg-hover: var(--red-100); + --_bu-bg-selected: var(--red-100); + --_bu-fc: var(--red-400); + --_bu-fc-disabled: var(--red-200); + --_bu-fc-hover: var(--red-500); + --_bu-fc-selected: var(--red-500); + --_bu-badge-bg: var(--red-100); + --_bu-badge-fc: var(--red-500); + --_bu-badge-bg-disabled: var(--red-100); + --_bu-badge-fc-disabled: var(--red-300); +} +@media (prefers-color-scheme: dark) { + body.theme-system .s-btn.s-btn__danger.s-btn__clear { + --_bu-bg-disabled: var(--_bu-bg); + --_bu-fc-disabled: var(--red-300); + --_bu-badge-bg-disabled: var(--red-100); + --_bu-badge-fc-disabled: var(--red-400); + } +} +body.theme-dark .s-btn.s-btn__danger.s-btn__clear, +.theme-dark__forced .s-btn.s-btn__danger.s-btn__clear, +body.theme-system .theme-dark__forced .s-btn.s-btn__danger.s-btn__clear { + --_bu-bg-disabled: var(--_bu-bg); + --_bu-fc-disabled: var(--red-300); + --_bu-badge-bg-disabled: var(--red-100); + --_bu-badge-fc-disabled: var(--red-400); +} +body.theme-highcontrast .s-btn.s-btn__danger.s-btn__clear { + --_bu-bc: var(--red-600); + --_bu-bc-disabled: var(--black-300); +} +@media (prefers-color-scheme: dark) { + body.theme-highcontrast.theme-system .s-btn.s-btn__danger.s-btn__clear { + --_bu-bg-disabled: var(--black-050); + --_bu-fc-disabled: var(--red-300); + --_bu-badge-bg-disabled: var(--red-100); + --_bu-badge-fc-disabled: var(--red-300); + } +} +body.theme-highcontrast.theme-dark .s-btn.s-btn__danger.s-btn__clear { + --_bu-bg-disabled: var(--black-050); + --_bu-fc-disabled: var(--red-300); + --_bu-badge-bg-disabled: var(--red-100); + --_bu-badge-fc-disabled: var(--red-300); +} +.s-btn.s-btn__featured { + --_bu-bg: var(--purple-400); + --_bu-bg-disabled: var(--purple-200); + --_bu-bg-hover: var(--purple-500); + --_bu-bg-selected: var(--purple-500); + --_bu-fc: var(--white); + --_bu-fc-selected: var(--_bu-fc); + --_bu-badge-bg: var(--purple-500); + --_bu-badge-fc: var(--black-050); + --_bu-badge-bg-disabled: var(--purple-300); + --_bu-badge-fc-disabled: var(--black-100); +} +@media (prefers-color-scheme: dark) { + body.theme-system .s-btn.s-btn__featured { + --_bu-bg-disabled: var(--purple-100); + --_bu-fc-disabled: var(--purple-400); + --_bu-badge-fc-disabled: var(--purple-400); + --_bu-badge-bg-disabled: var(--purple-200); + } +} +body.theme-dark .s-btn.s-btn__featured, +.theme-dark__forced .s-btn.s-btn__featured, +body.theme-system .theme-dark__forced .s-btn.s-btn__featured { + --_bu-bg-disabled: var(--purple-100); + --_bu-fc-disabled: var(--purple-400); + --_bu-badge-fc-disabled: var(--purple-400); + --_bu-badge-bg-disabled: var(--purple-200); +} +body.theme-highcontrast .s-btn.s-btn__featured { + --_bu-fc-disabled: var(--black-300); + --_bu-badge-fc-disabled: var(--black-300); + --_bu-badge-bg-disabled: var(--purple-200); +} +@media (prefers-color-scheme: dark) { + body.theme-highcontrast.theme-system .s-btn.s-btn__featured { + --_bu-fc-disabled: var(--purple-400); + --_bu-badge-bg-disabled: var(--purple-200); + --_bu-badge-fc-disabled: var(--purple-400); + } +} +body.theme-highcontrast.theme-dark .s-btn.s-btn__featured { + --_bu-fc-disabled: var(--purple-400); + --_bu-badge-bg-disabled: var(--purple-200); + --_bu-badge-fc-disabled: var(--purple-400); +} +.s-btn.s-btn__tonal { + --_bu-bg: var(--black-150); + --_bu-bg-disabled: var(--black-100); + --_bu-bg-hover: var(--black-200); + --_bu-bg-selected: var(--black-200); + --_bu-fc: var(--black); + --_bu-fc-disabled: var(--black-300); + --_bu-fc-selected: var(--_bu-fc); + --_bu-badge-bg: var(--black-200); + --_bu-badge-fc: var(--black-600); + --_bu-badge-bg-disabled: var(--black-100); + --_bu-badge-fc-disabled: var(--black-300); +} +body.theme-highcontrast .s-btn.s-btn__tonal { + --_bu-bc: var(--black-400); + --_bu-bc-disabled: var(--black-300); +} +.s-btn.s-btn__facebook { + --_bu-bg: #1877F2; + --_bu-bg-hover: #0d6ae4; + --_bu-fc: #fff; + --_bu-fc-hover: var(--_bu-fc); +} +.s-btn.s-btn__google { + --_bu-bg: var(--black-150); + --_bu-bg-hover: var(--black-200); + --_bu-fc: var(--black-600); +} +.s-btn.s-btn__github { + --_bu-bg: var(--black-600); + --_bu-bg-hover: var(--black-500); + --_bu-fc: var(--white); +} +.s-btn.s-btn__link, +.s-btn.s-btn__unset { + --_bu-baw: 0; + --_bu-br: 0; + --_bu-px: 0; + --_bu-py: 0; +} +.s-btn.s-btn__link:focus, +.s-btn.s-btn__unset:focus, +.s-btn.s-btn__link:focus-visible, +.s-btn.s-btn__unset:focus-visible { + outline-style: auto; +} +.s-btn.s-btn__link { + --_li-fc: var(--theme-link-color, var(--black-600)); + --_li-fc-hover: var(--theme-link-color-hover, var(--blue-400)); + --_li-fc-visited: var(--theme-link-color-visited, var(--black-400)); + color: var(--_li-fc); + cursor: pointer; + text-decoration: none; + user-select: auto; + display: inline; + font: inherit; + outline: revert; + text-align: inherit; +} +.s-btn.s-btn__link, +.s-btn.s-btn__link:hover, +.s-btn.s-btn__link:active, +.s-btn.s-btn__link:focus, +.s-btn.s-btn__link[disabled], +.s-btn.s-btn__link[aria-disabled="true"] { + --_bu-bg: none; +} +.s-btn.s-btn__link.s-btn__dropdown { + padding-right: 0.9em; +} +body.theme-highcontrast .s-btn.s-btn__link { + text-decoration: underline; +} +.s-btn.s-btn__link__dropdown { + align-items: center; + display: inline-flex; + gap: var(--su4); +} +.s-btn.s-btn__link__dropdown:after { + border-color: currentColor transparent; + border-style: solid; + border-width: var(--su4) var(--su4) 0 var(--su4); + content: ""; +} +.s-btn.s-btn__link__underlined { + text-decoration: underline !important; +} +.s-btn.s-btn__link__danger { + --_li-fc: var(--red-400); + --_li-fc-hover: var(--red-500); + --_li-fc-visited: var(--red-600); +} +.s-btn.s-btn__link__grayscale { + --_li-fc: var(--black-500); + --_li-fc-hover: var(--black-600); +} +.s-btn.s-btn__link__inherit { + --_li-fc: inherit !important; + --_li-fc-hover: inherit !important; + --_li-fc-visited: inherit !important; +} +.s-btn.s-btn__link__muted { + --_li-fc: var(--black-400); +} +fieldset[disabled] .s-btn.s-btn__link { + box-shadow: none !important; + opacity: var(--_o-disabled-static); + pointer-events: none; +} +button.s-btn.s-btn__link { + appearance: none; + background: transparent; + border: 0; + font-family: inherit; + line-height: inherit; + padding: 0; + user-select: auto; +} +button.s-btn.s-btn__link:focus { + outline: revert; +} +p .s-btn.s-btn__link { + text-decoration: underline; +} +.s-btn.s-btn__link:active, +.s-btn.s-btn__link:hover { + --_li-fc: var(--_li-fc-hover); + text-decoration: underline; +} +.s-btn.s-btn__link:visited { + color: var(--_li-fc-visited); +} +.s-btn.s-btn__link:visited:hover { + color: var(--_li-fc-hover); +} +.s-btn.s-btn__unset { + outline: initial; +} +.s-btn.s-btn__unset, +.s-btn.s-btn__unset:hover, +.s-btn.s-btn__unset:active, +.s-btn.s-btn__unset:focus { + --_bu-baw: 0; + --_bu-bg: none; + --_bu-br: unset; + --_bu-fc: unset; + --_bu-fs: inherit; + --_bu-g: unset; + --_bu-lh: inherit; + cursor: default; + font: unset; + user-select: auto; +} +.s-btn.s-btn__dropdown:after { + border-color: currentColor transparent; + border-style: solid; + border-width: var(--_bu-dropdown-bw); + border-bottom-width: 0; + content: ""; +} +.s-btn.is-selected, +.s-btn--radio:checked + .s-btn { + --_bu-bg-selected-overlay-o: 20%; + --_bu-bg-selected-overlay: color-mix(in srgb, var(--_bu-bg-selected, var(--_bu-bg)), var(--white) var(--_bu-bg-selected-overlay-o)); + --_bu-bg-gradient-top: var(--_bu-bg-selected-overlay, var(--_bu-bg)); + --_bu-bg-gradient-bottom: var(--_bu-bg-selected, var(--_bu-bg)); + background: linear-gradient(0deg, var(--_bu-bg-gradient-top) 50%, var(--_bu-bg-gradient-bottom) 50%) padding-box, linear-gradient(0deg, var(--_bu-bg-gradient-top) 50%, var(--_bu-bg-gradient-bottom) 50%) border-box; + color: var(--_bu-fc-selected, var(--_bu-fc)); +} +@media (prefers-color-scheme: dark) { + body.theme-system .s-btn.is-selected, + body.theme-system .s-btn--radio:checked + .s-btn { + --_bu-bg-selected-overlay-o: 13%; + --_bu-bg-gradient-top: var(--_bu-bg-selected-overlay, var(--_bu-bg)); + --_bu-bg-gradient-bottom: var(--_bu-bg-selected, var(--_bu-bg)); + } +} +body.theme-dark .s-btn.is-selected, +body.theme-dark .s-btn--radio:checked + .s-btn, +.theme-dark__forced .s-btn.is-selected, +.theme-dark__forced .s-btn--radio:checked + .s-btn, +body.theme-system .theme-dark__forced .s-btn.is-selected, +body.theme-system .theme-dark__forced .s-btn--radio:checked + .s-btn { + --_bu-bg-selected-overlay-o: 13%; + --_bu-bg-gradient-top: var(--_bu-bg-selected-overlay, var(--_bu-bg)); + --_bu-bg-gradient-bottom: var(--_bu-bg-selected, var(--_bu-bg)); +} +.s-btn.is-selected .s-btn--badge, +.s-btn--radio:checked + .s-btn .s-btn--badge { + background-color: var(--_bu-badge-bg); +} +.s-btn.is-selected .s-btn--badge .s-btn--number, +.s-btn--radio:checked + .s-btn .s-btn--badge .s-btn--number { + color: var(--_bu-badge-fc, var(--_bu-fc)); +} +.s-btn .s-btn--badge { + background-color: var(--_bu-badge-bg); + border-radius: var(--br-pill); + display: inline-block; + font-size: var(--_bu-badge-fs); + line-height: inherit; + opacity: var(--_bu-badge-o); + padding: var(--_bu-badge-py) var(--_bu-badge-px); + margin-block: calc(var(--_bu-badge-py) * -1); +} +.s-btn .s-btn--number { + color: var(--_bu-badge-fc, var(--_bu-fc)); +} +.s-btn--radio { + border: 0; + clip-path: inset(50%); + /* stylelint-disable-next-line property-no-deprecated -- clip is kept for older browser compatibility alongside clip-path */ + clip: rect(var(--su1), var(--su1), var(--su1), var(--su1)); + height: var(--su1); + margin: var(--sun1); + overflow-wrap: normal; + overflow: hidden; + padding: 0; + position: absolute; + width: var(--su1); +} +.s-btn.s-btn__xs, +.s-btn.s-btn__sm { + --_bu-lh: var(--lh-sm); + --_bu-px: var(--su12); + --_bu-badge-fs: var(--fs-fine); + --_bu-badge-py: var(--su1); + --_bu-badge-px: var(--su3); +} +.s-btn.s-btn__xs { + --_bu-g: var(--su4); + --_bu-fs: var(--fs-fine); + --_bu-py: var(--su6); +} +.s-btn.s-btn__sm { + --_bu-g: var(--su6); + --_bu-fs: var(--fs-caption); + --_bu-py: var(--su8); +} +.s-btn.s-btn__lg { + --_bu-fs: var(--fs-body2); + --_bu-px: var(--su24); + --_bu-py: calc(var(--su12) + var(--su1)); + --_bu-badge-py: var(--su3); +} +.s-btn:not(.s-btn__link):not(.s-btn__unset):focus-visible, +.s-btn--radio:focus-visible + .s-btn { + border-color: var(--focus-neutral) !important; + box-shadow: 0 0 0 var(--su1) var(--focus-neutral), 0 0 0 var(--su3) var(--focus-theme); + outline: var(--su2) solid transparent !important; +} +.s-btn:not(.is-selected):hover { + background: linear-gradient(0deg, var(--_bu-bg-selected-overlay, var(--_bu-bg-hover, var(--_bu-bg))) 50%, var(--_bu-bg-hover, var(--_bu-bg-selected, var(--_bu-bg))) 50%) padding-box, linear-gradient(0deg, var(--_bu-bg-selected-overlay, var(--_bu-bg-hover, var(--_bu-bg))) 50%, var(--_bu-bg-hover, var(--_bu-bg-selected, var(--_bu-bg))) 50%) border-box; + color: var(--_bu-fc-hover, var(--_bu-fc)); +} +fieldset[disabled] .s-btn, +.s-btn[disabled], +.s-btn[aria-disabled="true"] { + cursor: auto; +} +fieldset[disabled] .s-btn, +.s-btn[disabled], +.s-btn[aria-disabled="true"], +fieldset[disabled] .s-btn:hover, +.s-btn[disabled]:hover, +.s-btn[aria-disabled="true"]:hover { + background: var(--_bu-bg-disabled, var(--theme-secondary-400)); + border-color: var(--_bu-bc-disabled, var(--_bu-bc, transparent)); + color: var(--_bu-fc-disabled, var(--_bu-fc)); +} +fieldset[disabled] .s-btn .s-btn--badge, +.s-btn[disabled] .s-btn--badge, +.s-btn[aria-disabled="true"] .s-btn--badge, +fieldset[disabled] .s-btn:hover .s-btn--badge, +.s-btn[disabled]:hover .s-btn--badge, +.s-btn[aria-disabled="true"]:hover .s-btn--badge { + background-color: var(--_bu-badge-bg-disabled); +} +fieldset[disabled] .s-btn .s-btn--badge .s-btn--number, +.s-btn[disabled] .s-btn--badge .s-btn--number, +.s-btn[aria-disabled="true"] .s-btn--badge .s-btn--number, +fieldset[disabled] .s-btn:hover .s-btn--badge .s-btn--number, +.s-btn[disabled]:hover .s-btn--badge .s-btn--number, +.s-btn[aria-disabled="true"]:hover .s-btn--badge .s-btn--number { + color: var(--_bu-badge-fc-disabled); +} +.s-checkbox, +.s-radio { + --_ch-ai: center; + --_ch-fc: unset; + --_ch-after-fc: unset; + --_ch-cursor: pointer; + --_ch-label-fc: var(--_ch-fc); + --_ch-gap: var(--su8); + --_ch-input-baw: var(--su1); + --_ch-input-bc: var(--black-350); + --_ch-input-bg: var(--white); + --_ch-input-bg-image: unset; + --_ch-input-br: var(--su1); + --_ch-input-cursor: pointer; + --_ch-input-h: calc(var(--su12) + var(--su2)); + align-items: var(--_ch-ai); + display: flex; + gap: var(--_ch-gap); +} +@media (forced-colors: active) { + .s-checkbox:checked, + .s-radio:checked, + .s-checkbox:indeterminate, + .s-radio:indeterminate { + --_ch-input-bg: ButtonText !important; + } +} +fieldset[disabled] .s-checkbox, +fieldset[disabled] .s-radio, +.s-checkbox:has(> input[disabled]), +.s-radio:has(> input[disabled]) { + --_ch-fc: var(--black-300); + --_ch-input-bc: var(--black-300); + --_ch-input-cursor: not-allowed; +} +.s-checkbox:has(> input[disabled]:checked), +.s-radio:has(> input[disabled]:checked) { + --_ch-input-bc: var(--theme-secondary-300); +} +.s-checkbox.s-checkbox__checkmark, +.s-checkbox.s-radio__checkmark, +.s-radio.s-checkbox__checkmark, +.s-radio.s-radio__checkmark { + --_ch-fc: var(--theme-secondary); + --_ch-gap: var(--su4); + --_ch-after-fc: unset; + border-radius: var(--br-md); + color: var(--_ch-fc); + cursor: var(--_ch-cursor); + width: 100%; +} +.s-checkbox.s-checkbox__checkmark:has(> input:focus-visible), +.s-checkbox.s-radio__checkmark:has(> input:focus-visible), +.s-radio.s-checkbox__checkmark:has(> input:focus-visible), +.s-radio.s-radio__checkmark:has(> input:focus-visible) { + box-shadow: inset 0 0 0 var(--su2) var(--focus-theme), inset 0 0 0 var(--su4) var(--focus-neutral); + outline: var(--su2) solid transparent !important; +} +.s-checkbox.s-checkbox__checkmark:has(> input:checked), +.s-checkbox.s-radio__checkmark:has(> input:checked), +.s-radio.s-checkbox__checkmark:has(> input:checked), +.s-radio.s-radio__checkmark:has(> input:checked) { + --_ch-after-fc: var(--_ch-fc); +} +.s-checkbox.s-checkbox__checkmark:has(> input[disabled]), +.s-checkbox.s-radio__checkmark:has(> input[disabled]), +.s-radio.s-checkbox__checkmark:has(> input[disabled]), +.s-radio.s-radio__checkmark:has(> input[disabled]) { + --_ch-cursor: not-allowed; +} +.s-checkbox.s-checkbox__checkmark:has(> input:checked[disabled]), +.s-checkbox.s-radio__checkmark:has(> input:checked[disabled]), +.s-radio.s-checkbox__checkmark:has(> input:checked[disabled]), +.s-radio.s-radio__checkmark:has(> input:checked[disabled]) { + --_ch-fc: var(--theme-secondary-300); +} +.s-checkbox.s-checkbox__checkmark input, +.s-checkbox.s-radio__checkmark input, +.s-radio.s-checkbox__checkmark input, +.s-radio.s-radio__checkmark input, +.s-checkbox.s-checkbox__checkmark:after, +.s-checkbox.s-radio__checkmark:after, +.s-radio.s-checkbox__checkmark:after, +.s-radio.s-radio__checkmark:after { + height: var(--su16); + margin-left: 100%; + width: var(--su16); +} +.s-checkbox.s-checkbox__checkmark:after, +.s-checkbox.s-radio__checkmark:after, +.s-radio.s-checkbox__checkmark:after, +.s-radio.s-radio__checkmark:after { + background-color: var(--_ch-after-fc); + content: ""; + flex-shrink: 0; + margin-left: auto; + mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m14 3.88-.44.44-7.34 7.35-.44.44-.44-.44-2.9-2.9L2 8.34l.89-.88.44.44 2.45 2.45 6.9-6.9.44-.44z'/%3E%3C/svg%3E"); + mask-size: contain; + mask-repeat: no-repeat; +} +.s-checkbox.s-checkbox__checkmark input, +.s-checkbox.s-radio__checkmark input, +.s-radio.s-checkbox__checkmark input, +.s-radio.s-radio__checkmark input { + appearance: none; + opacity: 0; + position: absolute; + right: 0; + z-index: -1; +} +.s-checkbox.s-checkbox__checkmark .s-description, +.s-checkbox.s-radio__checkmark .s-description, +.s-radio.s-checkbox__checkmark .s-description, +.s-radio.s-radio__checkmark .s-description { + margin: var(--su2) 0 0; + padding: 0; +} +.s-checkbox.s-checkbox__checkmark .s-label, +.s-checkbox.s-radio__checkmark .s-label, +.s-radio.s-checkbox__checkmark .s-label, +.s-radio.s-radio__checkmark .s-label { + flex-grow: 1; +} +.s-checkbox:has(> input[disabled]) .s-label, +.s-radio:has(> input[disabled]) .s-label { + --_ch-label-fc: var(--black-300); +} +.s-checkbox:not(> input[disabled]):has(input:checked) .s-label, +.s-radio:not(> input[disabled]):has(input:checked) .s-label, +.s-checkbox:not(> input[disabled]):has(input:indeterminate) .s-label, +.s-radio:not(> input[disabled]):has(input:indeterminate) .s-label { + --_ch-label-fc: var(--black-600); +} +.s-checkbox:has(> .s-label .s-description), +.s-radio:has(> .s-label .s-description), +.s-checkbox:has(> .s-label .s-input-message), +.s-radio:has(> .s-label .s-input-message) { + --_ch-ai: flex-start; +} +.s-checkbox:has(> .s-label .s-description) input, +.s-radio:has(> .s-label .s-description) input, +.s-checkbox:has(> .s-label .s-input-message) input, +.s-radio:has(> .s-label .s-input-message) input { + margin-top: var(--su2); +} +.s-checkbox:has( > input:not(:checked)).has-error, +.s-radio:has( > input:not(:checked)).has-error { + --_ch-input-bc: var(--red-400); +} +.s-checkbox:has( > input:not(:checked)).has-success, +.s-radio:has( > input:not(:checked)).has-success { + --_ch-input-bc: var(--green-400); +} +.s-checkbox:has( > input:not(:checked)).has-warning, +.s-radio:has( > input:not(:checked)).has-warning { + --_ch-input-bc: var(--yellow-400); +} +.s-checkbox input, +.s-radio input { + appearance: none; + background-color: var(--_ch-input-bg); + border: var(--_ch-input-baw) solid var(--_ch-input-bc); + border-radius: var(--_ch-input-br); + cursor: var(--_ch-input-cursor); + height: var(--_ch-input-h); + aspect-ratio: 1 / 1; + flex-shrink: 0; + font-size: inherit; + margin: 0; + outline: 0; + vertical-align: middle; +} +.s-checkbox input:focus-visible, +.s-radio input:focus-visible { + box-shadow: 0 0 0 var(--su2) var(--focus-neutral), 0 0 0 var(--su4) var(--focus-theme); + outline: var(--su2) solid transparent !important; +} +.has-error .s-checkbox input:not(:checked), +.has-error .s-radio input:not(:checked), +.has-success .s-checkbox input:not(:checked), +.has-success .s-radio input:not(:checked), +.has-warning .s-checkbox input:not(:checked), +.has-warning .s-radio input:not(:checked) { + --_ch-input-bc-focus: var(--_ch-input-bc); +} +.has-error .s-checkbox input:not(:checked), +.has-error .s-radio input:not(:checked) { + --_ch-input-bc: var(--red-400); +} +.has-success .s-checkbox input:not(:checked), +.has-success .s-radio input:not(:checked) { + --_ch-input-bc: var(--green-400); +} +.has-warning .s-checkbox input:not(:checked), +.has-warning .s-radio input:not(:checked) { + --_ch-input-bc: var(--yellow-500); +} +.s-checkbox .s-label, +.s-radio .s-label { + color: var(--_ch-label-fc); + font-size: var(--fs-body1); + font-weight: normal; +} +@media (prefers-color-scheme: dark) { + body.theme-system .s-checkbox input:checked { + --_ch-input-bg-image: url("data:image/svg+xml;,%3Csvg width='11' height='11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 3.41L8.59 2 4 6.59 2.41 5 1 6.41l3 3z' fill='%23141414'/%3E%3C/svg%3E"); + } + body.theme-system .s-checkbox input:indeterminate { + --_ch-input-bg-image: url("data:image/svg+xml;,%3Csvg width='11' height='11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 4.5 h7 v2 h-7 z' fill='%23141414'/%3E%3C/svg%3E"); + } +} +body.theme-dark .s-checkbox input:checked, +.theme-dark__forced .s-checkbox input:checked, +body.theme-system .theme-dark__forced .s-checkbox input:checked { + --_ch-input-bg-image: url("data:image/svg+xml;,%3Csvg width='11' height='11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 3.41L8.59 2 4 6.59 2.41 5 1 6.41l3 3z' fill='%23141414'/%3E%3C/svg%3E"); +} +body.theme-dark .s-checkbox input:indeterminate, +.theme-dark__forced .s-checkbox input:indeterminate, +body.theme-system .theme-dark__forced .s-checkbox input:indeterminate { + --_ch-input-bg-image: url("data:image/svg+xml;,%3Csvg width='11' height='11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 4.5 h7 v2 h-7 z' fill='%23141414'/%3E%3C/svg%3E"); +} +.s-checkbox input { + background-image: var(--_ch-input-bg-image); + background-position: center center; + background-repeat: no-repeat; + background-size: contain; +} +fieldset[disabled] .s-checkbox input:checked, +.s-checkbox input[disabled]:checked, +fieldset[disabled] .s-checkbox input:indeterminate, +.s-checkbox input[disabled]:indeterminate { + --_ch-input-bc: var(--theme-secondary-300); + --_ch-input-bg: var(--theme-secondary-300); +} +.s-checkbox input:checked, +.s-checkbox input:indeterminate { + --_ch-input-bc: var(--theme-secondary); + --_ch-input-bg: var(--theme-secondary); +} +.s-checkbox input:checked { + --_ch-input-bg-image: url("data:image/svg+xml;,%3Csvg width='11' height='11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 3.41L8.59 2 4 6.59 2.41 5 1 6.41l3 3z' fill='%23ffffff'/%3E%3C/svg%3E"); +} +.s-checkbox input:indeterminate { + --_ch-input-bg-image: url("data:image/svg+xml;,%3Csvg width='11' height='11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 4.5 h7 v2 h-7 z' fill='%23ffffff'/%3E%3C/svg%3E"); +} +.s-radio input { + --_ch-input-br: var(--br-circle); +} +fieldset[disabled] .s-radio input:checked, +.s-radio input[disabled]:checked { + --_ch-input-bc: var(--theme-secondary-300); +} +.s-radio input:checked { + --_ch-input-baw: calc(var(--_ch-input-h) / 3); + --_ch-input-bc: var(--theme-secondary); + --_ch-input-bg: var(--white); +} +.s-form-group { + --_fg-fd: column; + --_fg-gap: var(--su8); + flex-direction: var(--_fg-fd); + display: flex; + gap: var(--_fg-gap); +} +.s-form-group.s-menu { + --_fg-gap: 0; +} +.s-form-group:has(.s-input__sm, .s-textarea__sm, .s-select__sm) { + --_fg-gap: var(--su6); +} +.s-form-group:has(.s-input__lg, .s-textarea__lg, .s-select__lg) { + --_fg-gap: calc(var(--su8) + var(--su2)); +} +.s-form-group.s-form-group__horizontal { + --_fg-fd: row; +} +.s-form-group legend.s-label { + margin-bottom: var(--su8); +} +.s-form-group:has(.s-input, .s-textarea, .s-select) .s-label + .s-description { + margin-top: var(--sun4); +} +.s-code-block { + --_cb-line-numbers-bg: var(--black-150); +} +@media (prefers-color-scheme: dark) { + body.theme-system .s-code-block { + --_cb-line-numbers-bg: var(--black-100); + } +} +body.theme-dark .s-code-block, +.theme-dark__forced .s-code-block, +body.theme-system .theme-dark__forced .s-code-block { + --_cb-line-numbers-bg: var(--black-100); +} +code[class*="language-"] .s-code-block, +pre.s-code-block > code { + font-family: inherit; +} +code[class*="language-"] .s-code-block .hljs-built_in, +pre.s-code-block > code .hljs-built_in, +code[class*="language-"] .s-code-block .hljs-literal, +pre.s-code-block > code .hljs-literal, +code[class*="language-"] .s-code-block .hljs-title, +pre.s-code-block > code .hljs-title { + color: var(--highlight-literal); +} +code[class*="language-"] .s-code-block .hljs-bullet, +pre.s-code-block > code .hljs-bullet, +code[class*="language-"] .s-code-block .hljs-code, +pre.s-code-block > code .hljs-code { + color: var(--highlight-punctuation); +} +code[class*="language-"] .s-code-block .hljs-doctag, +pre.s-code-block > code .hljs-doctag, +code[class*="language-"] .s-code-block .hljs-keyword, +pre.s-code-block > code .hljs-keyword, +code[class*="language-"] .s-code-block .hljs-meta-keyword, +pre.s-code-block > code .hljs-meta-keyword, +code[class*="language-"] .s-code-block .hljs-meta, +pre.s-code-block > code .hljs-meta, +code[class*="language-"] .s-code-block .hljs-section, +pre.s-code-block > code .hljs-section, +code[class*="language-"] .s-code-block .hljs-selector-class, +pre.s-code-block > code .hljs-selector-class, +code[class*="language-"] .s-code-block .hljs-selector-pseudo, +pre.s-code-block > code .hljs-selector-pseudo, +code[class*="language-"] .s-code-block .hljs-selector-tag, +pre.s-code-block > code .hljs-selector-tag { + color: var(--highlight-keyword); +} +code[class*="language-"] .s-code-block .hljs-name, +pre.s-code-block > code .hljs-name, +code[class*="language-"] .s-code-block .hljs-number, +pre.s-code-block > code .hljs-number, +code[class*="language-"] .s-code-block .hljs-quote, +pre.s-code-block > code .hljs-quote, +code[class*="language-"] .s-code-block .hljs-selector-id, +pre.s-code-block > code .hljs-selector-id, +code[class*="language-"] .s-code-block .hljs-template-tag, +pre.s-code-block > code .hljs-template-tag, +code[class*="language-"] .s-code-block .hljs-type, +pre.s-code-block > code .hljs-type { + color: var(--highlight-namespace); +} +code[class*="language-"] .s-code-block .hljs-link, +pre.s-code-block > code .hljs-link, +code[class*="language-"] .s-code-block .hljs-meta-string, +pre.s-code-block > code .hljs-meta-string, +code[class*="language-"] .s-code-block .hljs-regexp, +pre.s-code-block > code .hljs-regexp, +code[class*="language-"] .s-code-block .hljs-selector-attr, +pre.s-code-block > code .hljs-selector-attr, +code[class*="language-"] .s-code-block .hljs-string, +pre.s-code-block > code .hljs-string, +code[class*="language-"] .s-code-block .hljs-symbol, +pre.s-code-block > code .hljs-symbol, +code[class*="language-"] .s-code-block .hljs-template-variable, +pre.s-code-block > code .hljs-template-variable, +code[class*="language-"] .s-code-block .hljs-variable, +pre.s-code-block > code .hljs-variable { + color: var(--highlight-variable); +} +code[class*="language-"] .s-code-block .hljs-addition, +pre.s-code-block > code .hljs-addition { + color: var(--highlight-addition); +} +code[class*="language-"] .s-code-block .hljs-attr, +pre.s-code-block > code .hljs-attr { + color: var(--highlight-attribute); +} +code[class*="language-"] .s-code-block .hljs-attribute, +pre.s-code-block > code .hljs-attribute { + color: var(--highlight-symbol); +} +code[class*="language-"] .s-code-block .hljs-comment, +pre.s-code-block > code .hljs-comment { + color: var(--highlight-comment); +} +code[class*="language-"] .s-code-block .hljs-deletion, +pre.s-code-block > code .hljs-deletion { + color: var(--highlight-deletion); +} +code[class*="language-"] .s-code-block .hljs-emphasis, +pre.s-code-block > code .hljs-emphasis { + font-style: italic; +} +code[class*="language-"] .s-code-block .hljs-strong, +pre.s-code-block > code .hljs-strong { + font-weight: bold; +} +code[class*="language-"] .s-code-block .hljs-subst, +pre.s-code-block > code .hljs-subst { + color: var(--highlight-color); +} +pre.s-code-block { + scrollbar-color: var(--scrollbar) transparent; + background-color: var(--highlight-bg); + color: var(--highlight-color); + font-family: var(--ff-mono); + font-size: var(--fs-body1); + line-height: var(--lh-md); + margin: 0; + overflow: auto; + padding: var(--su12); +} +pre.s-code-block .s-code-block--line-numbers { + background-color: var(--_cb-line-numbers-bg); + border-color: var(--bc-medium); + border-style: solid; + border-width: 0 var(--su1) 0 0; + color: var(--black-350); + float: left; + margin: var(--sun12); + margin-right: var(--su12); + padding: var(--su12); + padding-right: var(--su6); + text-align: right; +} +pre.s-code-block::-webkit-scrollbar { + width: calc(var(--su12) - var(--su2)); + height: calc(var(--su12) - var(--su2)); + background-color: transparent; +} +pre.s-code-block::-webkit-scrollbar-track { + border-radius: calc(var(--su12) - var(--su2)); + background-color: transparent; +} +pre.s-code-block::-webkit-scrollbar-thumb { + border-radius: calc(var(--su12) - var(--su2)); + background-color: var(--scrollbar); +} +pre.s-code-block::-webkit-scrollbar-corner { + background-color: transparent; + border-color: transparent; +} +.s-description { + --_de-fc: var(--black-400); + color: var(--_de-fc); + font-size: var(--fs-body1); + margin-bottom: 0; + padding: 0 var(--su2); +} +.is-disabled .s-description { + opacity: var(--_o-disabled-static); +} +.has-error .s-description { + --_de-fc: var(--red-400); +} +.has-success .s-description { + --_de-fc: var(--green-400); +} +.has-warning .s-description { + --_de-fc: var(--yellow-400); +} +.s-empty-state { + text-align: center; + margin-left: auto; + margin-right: auto; +} +.s-empty-state p { + color: var(--black-400); + margin-bottom: var(--su32); +} +.s-empty-state--title { + font-weight: 600; + font-size: var(--fs-body3); + margin-bottom: var(--su8); + color: var(--black-400); +} +.s-empty-state .svg-spot { + margin-bottom: var(--su24); +} +.s-empty-state:last-child { + margin-bottom: 0; +} +.s-input, +.s-textarea, +:has(> .s-textarea) { + --_in-ai: unset; + --_in-bc: var(--black-300); + --_in-bg: var(--white); + --_in-br: var(--br-md); + --_in-bw: var(--su1); + --_in-c: unset; + --_in-d: unset; + --_in-fc: var(--black-600); + --_in-fs: var(--fs-body1); + --_in-fw: unset; + --_in-g: unset; + --_in-lh: var(--lh-base); + --_in-px: calc(var(--su12) - var(--su1)); + --_in-py: var(--su8); + --_in-placeholder-fc: var(--black-300); +} +.s-input, +.s-textarea { + scrollbar-color: var(--scrollbar) transparent; + align-items: var(--_in-ai); + background-color: var(--_in-bg); + border: var(--_in-bw) solid var(--_in-bc); + color: var(--_in-fc); + cursor: var(--_in-c); + display: var(--_in-d); + flex-wrap: var(--_in-fw); + font-size: var(--_in-fs); + gap: var(--_in-g); + line-height: var(--_in-lh); + padding: var(--_in-py) var(--_in-px) var(--_in-py) var(--_in-pl, var(--_in-px)); + border-radius: var(--br-md); + font-family: inherit; + margin: 0; + width: 100%; +} +body.theme-highcontrast .s-input, +body.theme-highcontrast .s-textarea { + --_in-bc: var(--black); + --_in-placeholder-fc: var(--black-400); +} +fieldset[disabled] .s-input, +fieldset[disabled] .s-textarea, +.s-input[disabled], +.s-textarea[disabled] { + --_in-c: not-allowed; +} +.s-input[readonly], +.s-textarea[readonly], +.is-readonly .s-input, +.is-readonly .s-textarea { + --_in-bg: var(--black-150); + --_in-bc: var(--black-200); + --_in-c: default; + --_in-fc: var(--black-400); +} +body.theme-highcontrast .s-input[readonly], +body.theme-highcontrast .s-textarea[readonly], +body.theme-highcontrast .is-readonly .s-input, +body.theme-highcontrast .is-readonly .s-textarea { + --_in-fc: var(--black-500); +} +.has-error .s-input, +.has-error .s-textarea, +.has-success .s-input, +.has-success .s-textarea, +.has-warning .s-input, +.has-warning .s-textarea { + --_in-bc-focus: var(--_in-bc); +} +.has-error .s-input, +.has-error .s-textarea { + --_in-bc: var(--red-400); +} +body.theme-highcontrast .has-error .s-input, +body.theme-highcontrast .has-error .s-textarea { + --_in-bc: var(--red-400); +} +.has-success .s-input, +.has-success .s-textarea { + --_in-bc: var(--green-400); +} +body.theme-highcontrast .has-success .s-input, +body.theme-highcontrast .has-success .s-textarea { + --_in-bc: var(--green-400); +} +.has-warning .s-input, +.has-warning .s-textarea { + --_in-bc: var(--yellow-500); +} +body.theme-highcontrast .has-warning .s-input, +body.theme-highcontrast .has-warning .s-textarea { + --_in-bc: var(--yellow-500); +} +.s-input.s-input__sm, +.s-input.s-textarea__sm, +.s-textarea.s-input__sm, +.s-textarea.s-textarea__sm { + --_in-fs: var(--fs-caption); + --_in-lh: var(--lh-sm); + --_in-px: calc(var(--su12) - var(--su2)); + --_in-py: calc(var(--su4) + var(--su1)); +} +.s-input.s-input__lg, +.s-input.s-textarea__lg, +.s-textarea.s-input__lg, +.s-textarea.s-textarea__lg { + --_in-fs: var(--fs-body3); + --_in-lh: var(--lh-lg); + --_in-px: calc(var(--su12) + var(--su1)); +} +.s-input::placeholder, +.s-textarea::placeholder { + color: var(--_in-placeholder-fc); + opacity: 1; +} +.s-input.s-input__creditcard, +.s-input.s-textarea__creditcard, +.s-textarea.s-input__creditcard, +.s-textarea.s-textarea__creditcard, +.s-input.s-input__search, +.s-input.s-textarea__search, +.s-textarea.s-input__search, +.s-textarea.s-textarea__search { + --_in-pl: calc(var(--su32) + var(--su4)); +} +.s-input:focus, +.s-textarea:focus, +.s-input:focus-within, +.s-textarea:focus-within { + box-shadow: 0 0 0 var(--su2) var(--focus-neutral), 0 0 0 var(--su4) var(--focus-theme); + outline: var(--su2) solid transparent !important; +} +.s-input::-webkit-scrollbar, +.s-textarea::-webkit-scrollbar { + width: calc(var(--su12) - var(--su2)); + height: calc(var(--su12) - var(--su2)); + background-color: transparent; +} +.s-input::-webkit-scrollbar-track, +.s-textarea::-webkit-scrollbar-track { + border-radius: calc(var(--su12) - var(--su2)); + background-color: transparent; +} +.s-input::-webkit-scrollbar-thumb, +.s-textarea::-webkit-scrollbar-thumb { + border-radius: calc(var(--su12) - var(--su2)); + background-color: var(--scrollbar); +} +.s-input::-webkit-scrollbar-corner, +.s-textarea::-webkit-scrollbar-corner { + background-color: transparent; + border-color: transparent; +} +.is-disabled .s-input, +.is-readonly .s-input, +.has-success .s-input, +.has-error .s-input, +.has-warning .s-input { + padding-right: var(--su32); +} +.s-input .s-input { + --_in-bg: transparent; + --_in-bw: 0; + --_in-px: 0; + box-shadow: none; + flex: 1 1 0; + margin: calc(var(--_in-py) * -1) 0; +} +.s-input:has(.s-input) { + --_in-ai: center; + --_in-d: flex; + --_in-fw: nowrap; + --_in-px: var(--_in-py); + --_in-g: var(--su8); +} +.s-textarea { + --_in-py: var(--su8); + --_te-hmn: calc(var(--su32) + var(--su4)); + --_te-h: calc(var(--su64) + var(--su6)); + min-height: var(--_te-hmn); + height: var(--_te-h); +} +.is-disabled .s-textarea, +.is-readonly .s-textarea, +.has-success .s-textarea, +.has-error .s-textarea, +.has-warning .s-textarea { + padding-right: var(--su48); +} +.s-textarea.s-textarea__sm { + --_te-hmn: calc(var(--su32) - var(--su4)); + --_te-h: calc(var(--su48) + var(--su6)); +} +.s-textarea.s-textarea__lg { + --_te-hmn: calc(var(--su48) - var(--su4)); + --_te-h: calc(var(--su64) + var(--su32)); +} +.s-textarea ~ .s-input-icon { + right: var(--_in-px); + top: var(--_in-py); + margin-top: 0; +} +.s-input-fill { + --_if-bc: var(--bc-dark); + --_if-bg: var(--black-150); + --_if-blw: 0; + --_if-blr: 0; + --_if-brr: 0; + --_if-brw: 0; + background-color: var(--_if-bg); + border: var(--su1) solid var(--_if-bc); + border-left-width: var(--_if-blw); + border-right-width: var(--_if-brw); + border-radius: var(--_if-blr) var(--_if-brr) var(--_if-brr) var(--_if-blr); + color: var(--fc-medium); + font-family: inherit; + line-height: var(--lh-sm); + padding: 0.6em 0.7em; + white-space: nowrap; +} +.s-input-fill.s-input-fill__clear { + --_if-bc: transparent; + --_if-bg: transparent; +} +.s-input-fill.order-first { + --_if-blw: var(--su1); + --_if-blr: var(--br-md); +} +.s-input-fill.order-last { + --_if-brw: var(--su1); + --_if-brr: var(--br-md); +} +.s-input-icon { + --_ii-fc: unset; + --_ii-r: calc(var(--su8) + var(--su2)); + color: var(--_ii-fc); + right: var(--_ii-r); + margin-top: calc(var(--sun8) + var(--sun2)); + pointer-events: none; + position: absolute; + top: 50%; +} +.has-error .s-input-icon { + --_ii-fc: var(--red-400); +} +.has-success .s-input-icon { + --_ii-fc: var(--green-400); +} +.has-warning .s-input-icon { + --_ii-fc: var(--yellow-400); +} +.is-disabled .s-input-icon { + --_ii-fc: var(--black-400); +} +.is-readonly .s-input-icon { + --_ii-fc: var(--black-300); +} +body.theme-highcontrast .is-readonly .s-input-icon { + --_ii-fc: var(--fc-light); +} +.s-input-icon.s-input-icon__creditcard, +.s-input-icon.s-input-icon__search { + --_ii-r: auto; + color: var(--black-400); + left: calc(var(--su8) + var(--su2)); +} +.s-input-message { + --_im-fc: unset; + --_im-a-fc: unset; + --_im-a-fc-hover: unset; + color: var(--_im-fc); + font-size: var(--fs-caption); + margin-bottom: 0; + padding: var(--su2); +} +.is-disabled .s-input-message a, +.is-readonly .s-input-message a, +.has-success .s-input-message a, +.has-error .s-input-message a, +.has-warning .s-input-message a { + text-decoration: underline; +} +fieldset[disabled] .s-input-message { + cursor: not-allowed; + opacity: var(--_o-disabled-static); +} +.has-error .s-input-message { + --_im-fc: var(--red-400); + --_im-a-fc: var(--red-600); + --_im-a-fc-hover: var(--red-500); +} +.has-success .s-input-message { + --_im-fc: var(--green-400); + --_im-a-fc: var(--green-600); + --_im-a-fc-hover: var(--green-500); +} +.has-warning .s-input-message { + --_im-fc: var(--yellow-500); + --_im-a-fc: var(--yellow-600); + --_im-a-fc-hover: var(--yellow-500); +} +.s-input-message a { + color: var(--_im-a-fc) !important; +} +.s-input-message a:hover { + color: var(--_im-a-fc-hover) !important; +} +.s-label { + --_la-c: unset; + --_la-fs: var(--fs-body2); + cursor: var(--_la-c); + font-size: var(--_la-fs); + color: var(--black-500); + font-family: inherit; + font-weight: 600; + padding: 0 var(--su2); +} +.s-label[for] { + --_la-c: pointer; +} +fieldset[disabled] .s-label, +.is-disabled .s-label { + opacity: var(--_o-disabled-static); +} +fieldset[disabled] .s-label .s-description, +.is-disabled .s-label .s-description { + opacity: unset; +} +fieldset[disabled] .s-label, +.is-disabled .s-label, +fieldset[disabled] .s-label[for], +.is-disabled .s-label[for] { + --_la-c: not-allowed; +} +.is-readonly .s-label { + --_la-c: default; +} +.s-label.s-label__sm { + --_la-fs: var(--fs-body1); +} +.s-label.s-label__lg { + --_la-fs: calc(var(--su16) + var(--su6)); +} +.s-label .s-badge { + font-weight: 400; + margin-left: var(--su6); +} +.s-label:has(.s-badge) { + display: flex; + align-items: center; +} +.s-label .s-description, +.s-label .s-input-message { + font-size: var(--fs-caption); + font-weight: normal; + margin-bottom: 0; + margin-top: var(--su4); + padding: 0; +} +.s-required-symbol { + color: var(--red-400); + font-size: 125%; + font-weight: normal; + line-height: 0; + text-decoration: none !important; +} +.s-link { + --_li-fc: var(--theme-link-color, var(--black-600)); + --_li-fc-hover: var(--theme-link-color-hover, var(--blue-400)); + --_li-fc-visited: var(--theme-link-color-visited, var(--black-400)); + color: var(--_li-fc); + cursor: pointer; + text-decoration: none; + user-select: auto; +} +body.theme-highcontrast .s-link { + text-decoration: underline; +} +.s-link__dropdown { + align-items: center; + display: inline-flex; + gap: var(--su4); +} +.s-link__dropdown:after { + border-color: currentColor transparent; + border-style: solid; + border-width: var(--su4) var(--su4) 0 var(--su4); + content: ""; +} +.s-link__underlined { + text-decoration: underline !important; +} +.s-link__danger { + --_li-fc: var(--red-400); + --_li-fc-hover: var(--red-500); + --_li-fc-visited: var(--red-600); +} +.s-link__grayscale { + --_li-fc: var(--black-500); + --_li-fc-hover: var(--black-600); +} +.s-link__inherit { + --_li-fc: inherit !important; + --_li-fc-hover: inherit !important; + --_li-fc-visited: inherit !important; +} +.s-link__muted { + --_li-fc: var(--black-400); +} +fieldset[disabled] .s-link { + box-shadow: none !important; + opacity: var(--_o-disabled-static); + pointer-events: none; +} +button.s-link { + appearance: none; + background: transparent; + border: 0; + font-family: inherit; + line-height: inherit; + padding: 0; + user-select: auto; +} +button.s-link:focus { + outline: revert; +} +p .s-link { + text-decoration: underline; +} +.s-link:active, +.s-link:hover { + --_li-fc: var(--_li-fc-hover); + text-decoration: underline; +} +.s-link:visited { + color: var(--_li-fc-visited); +} +.s-link:visited:hover { + color: var(--_li-fc-hover); +} +.s-loader { + --_ld-color: var(--black-600); + --_ld-gap: calc(var(--_ld-size) / 2); + --_ld-size: calc(var(--su4) + var(--su1)); + --_ld-offset: calc(calc(var(--_ld-size) / 8) * -5); + display: flex; + gap: var(--_ld-gap); + margin-top: var(--_ld-gap); +} +.s-loader__sm { + --_ld-size: calc(calc(var(--su8) - var(--su1)) / 2); + margin-left: var(--su1); + margin-right: var(--su1); +} +.s-loader__lg { + --_ld-size: var(--su8); +} +.s-loader:before, +.s-loader .s-loader--sr-text:before, +.s-loader:after { + background-color: currentColor; + content: ""; + display: block; + height: var(--_ld-size); + width: var(--_ld-size); + animation: loader-animation 0.8s cubic-bezier(1, 1, 0, 1) infinite; +} +.s-loader .s-loader--sr-text { + display: block; + flex-shrink: 0; + height: var(--_ld-size); + width: var(--_ld-size); + font-size: 0; + overflow: visible; +} +.s-loader .s-loader--sr-text:before { + animation-delay: 0.25s; +} +.s-loader:after { + animation-delay: 0.5s; +} +@media (prefers-reduced-motion: reduce) { + .s-loader:before, + .s-loader .s-loader--sr-text:before, + .s-loader:after { + animation: loader-animation-reduced-motion 2s ease-in-out infinite; + } +} +@keyframes loader-animation { + 0%, + 1%, + 99%, + to { + opacity: 0.2; + transform: translateY(0); + } + 49%, + 50% { + opacity: 1; + transform: translateY(var(--_ld-offset)); + } + 51% { + opacity: 0.2; + transform: translateY(var(--_ld-offset)); + } +} +@keyframes loader-animation-reduced-motion { + 0%, + to { + opacity: 0.3; + transform: none; + } + 50% { + opacity: 1; + transform: none; + } +} +.s-menu { + --_me-action-bg: unset; + --_me-action-fc: var(--black-500); + --_me-item-p: var(--su8); + list-style: none; + margin: 0; + padding: 0; +} +body.theme-highcontrast .s-menu a[href] { + text-decoration: underline; +} +.s-menu .s-menu--divider { + background-color: var(--black-200); + height: var(--su1); + margin: var(--su8) 0; +} +.s-menu .s-menu--icon { + color: inherit; + margin-right: var(--su8); +} +.s-menu .s-menu--item { + color: var(--_me-action-fc); + padding: var(--_me-item-p); + align-items: center; + display: flex; + width: 100%; +} +.s-menu .s-menu--item:has(> .s-menu--action) { + --_me-item-p: 0; +} +.s-menu .s-menu--item.s-checkbox, +.s-menu .s-menu--item.s-radio { + --_me-item-p: var(--su6) var(--su8); + align-items: flex-start; +} +.s-menu .s-menu--item.s-checkbox input, +.s-menu .s-menu--item.s-radio input { + margin-top: var(--su4); +} +.s-menu .s-menu--item:not(.s-checkbox):not(.s-radio) input { + height: 0; + pointer-events: none; + position: absolute; + opacity: 0; + width: 0; +} +.s-menu .s-menu--action { + background-color: var(--_me-action-bg); + color: var(--_me-action-fc); + align-items: center; + border-radius: var(--br-md); + cursor: pointer; + display: flex; + padding: var(--su8); + text-decoration: none; + width: 100%; +} +.s-menu .s-menu--action:focus-visible, +.s-menu .s-menu--action:has(> input:focus-visible) { + box-shadow: inset 0 0 0 var(--su2) var(--focus-theme), inset 0 0 0 var(--su4) var(--focus-neutral); + outline: var(--su2) solid transparent !important; +} +.s-menu .s-menu--action:focus-visible, +.s-menu .s-menu--action:has(> input:focus-visible), +.s-menu .s-menu--action:hover { + --_me-action-bg: var(--black-150); + --_me-action-fc: var(--black-600); +} +.s-menu .s-menu--action__danger { + --_me-action-fc: var(--red-400); +} +.s-menu .s-menu--action__danger:focus-visible, +.s-menu .s-menu--action__danger:hover { + --_me-action-fc: var(--red-500); +} +.s-menu button.s-menu--action { + border: none; + font-family: inherit; + line-height: inherit; + text-align: left; +} +.s-menu .s-menu--title { + color: var(--black-600); + font-weight: 700; + padding: var(--su6) var(--su8); +} +.s-menu .s-menu--item + .s-menu--title { + margin-top: var(--su12); +} +.s-modal { + --_mo-bg: rgba(33, 29, 30, 0.5); + --_mo-hmx: unset; + --_mo-wmx: unset; + --_mo-dialog-bg: var(--white); + --_mo-dialog-pt: var(--su24); + --_mo-dialog-ou: 0; + background-color: var(--_mo-bg); + max-height: var(--_mo-hmx); + max-width: var(--_mo-wmx); + align-items: center; + backface-visibility: hidden; + display: flex; + inset: 0; + justify-content: center; + opacity: 0; + position: fixed; + transition: opacity 100ms var(--te-smooth) 0s, z-index 0s 100ms, visibility 0s 100ms; + visibility: hidden; + z-index: var(--zi-hide); +} +@media (prefers-color-scheme: dark) { + body.theme-system .s-modal { + --_mo-dialog-bg: var(--black-100); + } +} +body.theme-dark .s-modal, +.theme-dark__forced .s-modal, +body.theme-system .theme-dark__forced .s-modal { + --_mo-dialog-bg: var(--black-100); +} +body.theme-highcontrast .s-modal { + --_mo-dialog-ou: var(--su2) solid var(--black-500); +} +.s-modal[aria-hidden="false"], +.s-modal[aria-hidden="false"] .s-modal--dialog { + opacity: 1; + transform: translate3d(0, 0, 0) scale3d(1, 1, 1); + transition: opacity 100ms var(--te-smooth) 10ms, z-index 0s 0s, visibility 0s 0s, transform 100ms var(--te-smooth) 10ms, transform 100ms var(--te-smooth) 10ms; + visibility: visible; + z-index: var(--zi-modals); +} +.s-modal.s-modal__celebration { + --_mo-dialog-pt: var(--su64); +} +.s-modal.s-modal__celebration .s-modal--dialog { + background-repeat: repeat-x; + background-position: top -10px center; + background-image: url("data:image/svg+xml;,%3Csvg width='600' height='90' viewBox='0 0 600 90' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='42' y='-10' width='6' height='10'/%3E%3Crect x='84' y='-10' width='6' height='10'/%3E%3Crect x='126' y='-13' width='5' height='13'/%3E%3Crect x='168' y='-13' width='5' height='13'/%3E%3Crect x='210' y='-10' width='6' height='10'/%3E%3Crect x='252' y='-13' width='5' height='13'/%3E%3Crect x='294' y='-10' width='6' height='10'/%3E%3Crect x='336' y='-13' width='5' height='13'/%3E%3Crect x='378' y='-13' width='5' height='13'/%3E%3Crect x='420' y='-10' width='6' height='10'/%3E%3Crect x='462' y='-10' width='6' height='10'/%3E%3Crect x='504' y='-13' width='5' height='13'/%3E%3Crect x='546' y='-10' width='6' height='10'/%3E%3Cstyle type='text/css'%3E rect %7B opacity: 0; %7D rect:nth-child(1) %7B transform-origin: 45px 5px; transform: rotate(-145deg); animation: blast 700ms infinite ease-out; animation-delay: 88ms; animation-duration: 631ms; %7D rect:nth-child(2) %7B transform-origin: 87px 5px; transform: rotate(164deg); animation: blast 700ms infinite ease-out; animation-delay: 131ms; animation-duration: 442ms; %7D rect:nth-child(3) %7B transform-origin: 128px 6px; transform: rotate(4deg); animation: blast 700ms infinite ease-out; animation-delay: 92ms; animation-duration: 662ms; %7D rect:nth-child(4) %7B transform-origin: 170px 6px; transform: rotate(-175deg); animation: blast 700ms infinite ease-out; animation-delay: 17ms; animation-duration: 593ms; %7D rect:nth-child(5) %7B transform-origin: 213px 5px; transform: rotate(-97deg); animation: blast 700ms infinite ease-out; animation-delay: 122ms; animation-duration: 476ms; %7D rect:nth-child(6) %7B transform-origin: 255px 6px; transform: rotate(57deg); animation: blast 700ms infinite ease-out; animation-delay: 271ms; animation-duration: 381ms; %7D rect:nth-child(7) %7B transform-origin: 297px 5px; transform: rotate(-46deg); animation: blast 700ms infinite ease-out; animation-delay: 131ms; animation-duration: 619ms; %7D rect:nth-child(8) %7B transform-origin: 338px 6px; transform: rotate(-65deg); animation: blast 700ms infinite ease-out; animation-delay: 85ms; animation-duration: 668ms; %7D rect:nth-child(9) %7B transform-origin: 380px 6px; transform: rotate(13deg); animation: blast 700ms infinite ease-out; animation-delay: 128ms; animation-duration: 377ms; %7D rect:nth-child(10) %7B transform-origin: 423px 5px; transform: rotate(176deg); animation: blast 700ms infinite ease-out; animation-delay: 311ms; animation-duration: 508ms; %7D rect:nth-child(11) %7B transform-origin: 465px 5px; transform: rotate(108deg); animation: blast 700ms infinite ease-out; animation-delay: 108ms; animation-duration: 595ms; %7D rect:nth-child(12) %7B transform-origin: 506px 6px; transform: rotate(62deg); animation: blast 700ms infinite ease-out; animation-delay: 105ms; animation-duration: 375ms; %7D rect:nth-child(13) %7B transform-origin: 549px 5px; transform: rotate(16deg); animation: blast 700ms infinite ease-out; animation-delay: 149ms; animation-duration: 491ms; %7D rect:nth-child(odd) %7B fill: %2365BB5C; %7D rect:nth-child(even) %7B z-index: 1; fill: %2333AAFF; %7D rect:nth-child(4n) %7B animation-duration: 1400ms; fill: %23F23B14; %7D rect:nth-child(3n) %7B animation-duration: 1750ms; animation-delay: 700ms; %7D rect:nth-child(4n-7) %7B fill: %232A2F6A; %7D rect:nth-child(6n) %7B fill: %23FBBA23; %7D @keyframes blast %7B from %7B opacity: 0; %7D 20%25 %7B opacity: 1; %7D to %7B transform: translateY(90px); %7D %7D %3C/style%3E%3C/svg%3E%0A"); +} +@media (prefers-reduced-motion) { + .s-modal.s-modal__celebration .s-modal--dialog { + background-image: url("data:image/svg+xml;,%3Csvg width='574' height='60' viewBox='0 0 574 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect opacity='0.8' x='27.1224' y='20.0458' width='5' height='13' transform='rotate(-139 27.1224 20.0458)' fill='%23F23B14'/%3E%3Crect opacity='0.8' x='118.478' y='7.00201' width='5' height='13' transform='rotate(-38.8114 118.478 7.00201)' fill='%23FBBA23'/%3E%3Crect opacity='0.8' x='504.616' y='25.4479' width='5' height='13' transform='rotate(-60.2734 504.616 25.4479)' fill='%23F23B14'/%3E%3Crect opacity='0.6' x='538.983' y='45.555' width='5' height='13' transform='rotate(16.7826 538.983 45.555)' fill='%232A2F6A'/%3E%3Crect opacity='0.3' x='470.322' y='2.63625' width='5' height='13' transform='rotate(11.295 470.322 2.63625)' fill='%2333AAFF'/%3E%3Crect opacity='0.3' x='190.295' y='4.58138' width='5' height='13' transform='rotate(27.5954 190.295 4.58138)' fill='%23F23B14'/%3E%3Crect opacity='0.8' x='234.303' y='16.3233' width='5' height='13' transform='rotate(-41.8233 234.303 16.3233)' fill='%2365BB5C'/%3E%3Crect opacity='0.6' x='369.702' y='40.9875' width='5' height='13' transform='rotate(-56.419 369.702 40.9875)' fill='%2333AAFF'/%3E%3Crect opacity='0.3' x='402.121' y='31.0848' width='5' height='13' transform='rotate(-17.9234 402.121 31.0848)' fill='%23F23B14'/%3E%3Crect opacity='0.6' x='200.316' y='31.9328' width='5' height='13' transform='rotate(-15.8896 200.316 31.9328)' fill='%232A2F6A'/%3E%3Crect opacity='0.6' x='69.6745' y='23.4725' width='6' height='10' transform='rotate(70.0266 69.6745 23.4725)' fill='%2365BB5C'/%3E%3Crect opacity='0.6' x='291.945' y='7.16931' width='6' height='10' transform='rotate(30.4258 291.945 7.16931)' fill='%23FBBA23'/%3E%3Crect opacity='0.3' x='33.7754' y='38.2208' width='6' height='10' transform='rotate(38.6056 33.7754 38.2208)' fill='%23FBBA23'/%3E%3Crect opacity='0.8' x='109.752' y='31.1743' width='6' height='10' transform='rotate(28.5296 109.752 31.1743)' fill='%2333AAFF'/%3E%3Crect opacity='0.3' x='278.081' y='37.8695' width='6' height='10' transform='rotate(-26.5651 278.081 37.8695)' fill='%23F23B14'/%3E%3Crect opacity='0.8' x='416.294' y='11.5573' width='6' height='10' transform='rotate(-22.8498 416.294 11.5573)' fill='%23FBBA23'/%3E%3Crect opacity='0.3' x='354.667' y='9.32341' width='6' height='10' transform='rotate(17.7506 354.667 9.32341)' fill='%232A2F6A'/%3E%3Crect opacity='0.8' x='532.404' y='16.6372' width='6' height='10' transform='rotate(-75.3432 532.404 16.6372)' fill='%23FBBA23'/%3E%3Crect opacity='0.6' x='460.463' y='39.3557' width='6' height='10' transform='rotate(45.4982 460.463 39.3557)' fill='%2365BB5C'/%3E%3C/svg%3E"); + } +} +.s-modal.s-modal__full { + --_mo-hmx: calc(100% - var(--su48)); + --_mo-wmx: calc(100% - var(--su48)); +} +.s-modal.has-danger, +.s-modal.s-modal__danger { + --_mo-bg: rgba(1, 0, 0, 0.5); +} +.s-modal .s-modal--body { + color: var(--fc-medium); + margin-bottom: var(--su24); +} +.s-modal .s-modal--close { + padding: var(--su6) !important; + position: absolute !important; + right: var(--su16); + top: var(--su16); +} +.s-modal .s-modal--close .svg-icon { + margin: 0 !important; +} +.s-modal .s-modal--dialog { + padding: var(--_mo-dialog-pt) var(--su24) var(--su24); + scrollbar-color: var(--scrollbar) transparent; + position: relative; + backface-visibility: hidden; + background-color: var(--_mo-dialog-bg); + border-radius: var(--br-md); + box-shadow: var(--bs-lg); + max-height: 100%; + max-width: 600px; + opacity: 0; + overflow-y: auto; + transform: translate3d(0, 30%, 0) scale3d(0.6, 0.6, 0.6); + transition: opacity 200ms var(--te-smooth) 0s, z-index 0s 100ms, visibility 0s 100ms, transform 100ms var(--te-smooth) 0s, transform 100ms var(--te-smooth) 0s; + visibility: hidden; + z-index: var(--zi-hide); + outline: var(--_mo-dialog-ou); +} +.s-modal .s-modal--dialog::-webkit-scrollbar { + width: calc(var(--su12) - var(--su2)); + height: calc(var(--su12) - var(--su2)); + background-color: transparent; +} +.s-modal .s-modal--dialog::-webkit-scrollbar-track { + border-radius: calc(var(--su12) - var(--su2)); + background-color: transparent; +} +.s-modal .s-modal--dialog::-webkit-scrollbar-thumb { + border-radius: calc(var(--su12) - var(--su2)); + background-color: var(--scrollbar); +} +.s-modal .s-modal--dialog::-webkit-scrollbar-corner { + background-color: transparent; + border-color: transparent; +} +.s-modal .s-modal--footer { + margin-top: var(--su24); +} +.s-modal .s-modal--header { + color: var(--fc-dark); + font-size: var(--fs-headline1); + font-weight: normal; + line-height: var(--lh-sm); + margin-bottom: var(--su16); + margin-right: var(--su24); +} +.s-navigation, +.s-navigation ul { + --_na-fd: row; + --_na-fw: wrap; + --_na-p: var(--su2) 0; + --_na-gap: var(--su4); + --_na-item-bg: none; + --_na-item-fc: var(--black-400); + --_na-item-fs: unset; + --_na-item-p: calc(var(--su12) - var(--su1)) var(--su16); + --_na-item-ws: nowrap; + --_na-item-bg-hover: var(--black-100); + --_na-item-fc-hover: var(--_na-item-fc); + --_na-item-selected-bg: none; + --_na-item-selected-fc: var(--black-600); + --_na-item-selected-bg-hover: var(--_na-item-bg-hover); + --_na-item-selected-h: var(--su2); + --_na-item-text-ta: center; + --_na-after-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M11.35 4.35 6 9.71.65 4.35l.7-.7L6 8.29l4.65-4.64z'/%3E%3C/svg%3E"); + --_na-after-bg-color: var(--black-400); + flex-direction: var(--_na-fd); + flex-wrap: var(--_na-fw); + gap: var(--_na-gap); + padding: var(--_na-p); + display: flex; + list-style: none; + margin: 0; +} +body.theme-highcontrast .s-navigation, +body.theme-highcontrast .s-navigation ul { + --_na-item-bg-hover: var(--black-500); + --_na-item-fc-hover: var(--black-225); +} +body.theme-highcontrast .s-navigation a[href].s-navigation--item, +body.theme-highcontrast .s-navigation ul a[href].s-navigation--item { + text-decoration: underline; +} +.s-navigation.s-navigation__scroll, +.s-navigation.s-navigation ul__scroll, +.s-navigation ul.s-navigation__scroll, +.s-navigation ul.s-navigation ul__scroll { + --_na-fw: nowrap; + overflow-x: auto; + scrollbar-color: var(--scrollbar) transparent; +} +.s-navigation.s-navigation__scroll::-webkit-scrollbar, +.s-navigation.s-navigation ul__scroll::-webkit-scrollbar, +.s-navigation ul.s-navigation__scroll::-webkit-scrollbar, +.s-navigation ul.s-navigation ul__scroll::-webkit-scrollbar { + width: calc(var(--su12) - var(--su2)); + height: calc(var(--su12) - var(--su2)); + background-color: transparent; +} +.s-navigation.s-navigation__scroll::-webkit-scrollbar-track, +.s-navigation.s-navigation ul__scroll::-webkit-scrollbar-track, +.s-navigation ul.s-navigation__scroll::-webkit-scrollbar-track, +.s-navigation ul.s-navigation ul__scroll::-webkit-scrollbar-track { + border-radius: calc(var(--su12) - var(--su2)); + background-color: transparent; +} +.s-navigation.s-navigation__scroll::-webkit-scrollbar-thumb, +.s-navigation.s-navigation ul__scroll::-webkit-scrollbar-thumb, +.s-navigation ul.s-navigation__scroll::-webkit-scrollbar-thumb, +.s-navigation ul.s-navigation ul__scroll::-webkit-scrollbar-thumb { + border-radius: calc(var(--su12) - var(--su2)); + background-color: var(--scrollbar); +} +.s-navigation.s-navigation__scroll::-webkit-scrollbar-corner, +.s-navigation.s-navigation ul__scroll::-webkit-scrollbar-corner, +.s-navigation ul.s-navigation__scroll::-webkit-scrollbar-corner, +.s-navigation ul.s-navigation ul__scroll::-webkit-scrollbar-corner { + background-color: transparent; + border-color: transparent; +} +.s-navigation.s-navigation__sm, +.s-navigation.s-navigation ul__sm, +.s-navigation ul.s-navigation__sm, +.s-navigation ul.s-navigation ul__sm { + --_na-item-fs: var(--fs-caption); + --_na-item-p: var(--su6) var(--su4); +} +.s-navigation.s-navigation__vertical, +.s-navigation.s-navigation ul__vertical, +.s-navigation ul.s-navigation__vertical, +.s-navigation ul.s-navigation ul__vertical, +.s-navigation.s-navigation__vertical ul, +.s-navigation.s-navigation ul__vertical ul, +.s-navigation ul.s-navigation__vertical ul, +.s-navigation ul.s-navigation ul__vertical ul { + --_na-fd: column; + --_na-gap: 0; + --_na-p: 0; + --_na-item-text-ta: unset; + --_na-item-ws: normal; + --_na-item-selected-h: 0; + --_na-item-p: var(--su6) var(--su8); + --_na-item-fc: var(--black-600); +} +.s-navigation.s-navigation__vertical .s-navigation--item.is-selected, +.s-navigation.s-navigation ul__vertical .s-navigation--item.is-selected, +.s-navigation ul.s-navigation__vertical .s-navigation--item.is-selected, +.s-navigation ul.s-navigation ul__vertical .s-navigation--item.is-selected, +.s-navigation.s-navigation__vertical ul .s-navigation--item.is-selected, +.s-navigation.s-navigation ul__vertical ul .s-navigation--item.is-selected, +.s-navigation ul.s-navigation__vertical ul .s-navigation--item.is-selected, +.s-navigation ul.s-navigation ul__vertical ul .s-navigation--item.is-selected { + --_na-item-bg: var(--black-150); +} +.s-navigation.s-navigation__vertical .s-navigation--item:has(.s-navigation--icon), +.s-navigation.s-navigation ul__vertical .s-navigation--item:has(.s-navigation--icon), +.s-navigation ul.s-navigation__vertical .s-navigation--item:has(.s-navigation--icon), +.s-navigation ul.s-navigation ul__vertical .s-navigation--item:has(.s-navigation--icon), +.s-navigation.s-navigation__vertical ul .s-navigation--item:has(.s-navigation--icon), +.s-navigation.s-navigation ul__vertical ul .s-navigation--item:has(.s-navigation--icon), +.s-navigation ul.s-navigation__vertical ul .s-navigation--item:has(.s-navigation--icon), +.s-navigation ul.s-navigation ul__vertical ul .s-navigation--item:has(.s-navigation--icon) { + --_na-item-p: calc(var(--su12) - var(--su1)) var(--su8); +} +.s-navigation.s-navigation__vertical .s-navigation--item:has(.s-navigation--avatar), +.s-navigation.s-navigation ul__vertical .s-navigation--item:has(.s-navigation--avatar), +.s-navigation ul.s-navigation__vertical .s-navigation--item:has(.s-navigation--avatar), +.s-navigation ul.s-navigation ul__vertical .s-navigation--item:has(.s-navigation--avatar), +.s-navigation.s-navigation__vertical ul .s-navigation--item:has(.s-navigation--avatar), +.s-navigation.s-navigation ul__vertical ul .s-navigation--item:has(.s-navigation--avatar), +.s-navigation ul.s-navigation__vertical ul .s-navigation--item:has(.s-navigation--avatar), +.s-navigation ul.s-navigation ul__vertical ul .s-navigation--item:has(.s-navigation--avatar) { + --_na-item-p: var(--su12) var(--su8); +} +.s-navigation .s-navigation--item, +.s-navigation .s-navigation ul--item, +.s-navigation ul .s-navigation--item, +.s-navigation ul .s-navigation ul--item { + background-color: var(--_na-item-bg); + color: var(--_na-item-fc); + font: unset; + font-size: var(--_na-item-fs); + padding: var(--_na-item-p); + white-space: var(--_na-item-ws); + align-items: center; + border: none; + border-radius: var(--br-md); + box-shadow: none; + cursor: pointer; + display: flex; + position: relative; + text-decoration: none; + user-select: auto; +} +.s-navigation .s-navigation--item.is-selected, +.s-navigation .s-navigation ul--item.is-selected, +.s-navigation ul .s-navigation--item.is-selected, +.s-navigation ul .s-navigation ul--item.is-selected { + --_na-item-bg: var(--_na-item-selected-bg); + --_na-item-fc: var(--_na-item-selected-fc); + --_na-item-fc-hover: var(--_na-item-fc); + --_na-item-bg-hover: var(--_na-item-selected-bg-hover); + font-weight: bold; +} +.s-navigation .s-navigation--item.is-selected:before, +.s-navigation .s-navigation ul--item.is-selected:before, +.s-navigation ul .s-navigation--item.is-selected:before, +.s-navigation ul .s-navigation ul--item.is-selected:before { + content: ""; + position: absolute; + bottom: 0; + left: 0; + right: 0; + height: var(--_na-item-selected-h); + background-color: var(--_na-item-selected-fc); +} +body.theme-highcontrast .s-navigation .s-navigation--item.is-selected, +body.theme-highcontrast .s-navigation .s-navigation ul--item.is-selected, +body.theme-highcontrast .s-navigation ul .s-navigation--item.is-selected, +body.theme-highcontrast .s-navigation ul .s-navigation ul--item.is-selected { + --_na-item-fc-hover: var(--white); +} +.s-navigation .s-navigation--item__dropdown:after, +.s-navigation .s-navigation ul--item__dropdown:after, +.s-navigation ul .s-navigation--item__dropdown:after, +.s-navigation ul .s-navigation ul--item__dropdown:after { + mask-image: var(--_na-after-mask); + mask-size: contain; + mask-repeat: no-repeat; + background-color: var(--_na-after-bg-color); + content: ""; + height: var(--su12); + width: var(--su12); + margin-left: var(--su8); +} +.s-navigation .s-navigation--item:hover, +.s-navigation .s-navigation ul--item:hover, +.s-navigation ul .s-navigation--item:hover, +.s-navigation ul .s-navigation ul--item:hover, +.s-navigation .s-navigation--item:active, +.s-navigation .s-navigation ul--item:active, +.s-navigation ul .s-navigation--item:active, +.s-navigation ul .s-navigation ul--item:active { + background-color: var(--_na-item-bg-hover); + color: var(--_na-item-fc-hover); +} +body.theme-highcontrast .s-navigation .s-navigation--item:hover, +body.theme-highcontrast .s-navigation .s-navigation ul--item:hover, +body.theme-highcontrast .s-navigation ul .s-navigation--item:hover, +body.theme-highcontrast .s-navigation ul .s-navigation ul--item:hover, +body.theme-highcontrast .s-navigation .s-navigation--item:active, +body.theme-highcontrast .s-navigation .s-navigation ul--item:active, +body.theme-highcontrast .s-navigation ul .s-navigation--item:active, +body.theme-highcontrast .s-navigation ul .s-navigation ul--item:active { + --_na-after-bg-color: var(--white); +} +.s-navigation .s-navigation--item:focus-visible, +.s-navigation .s-navigation ul--item:focus-visible, +.s-navigation ul .s-navigation--item:focus-visible, +.s-navigation ul .s-navigation ul--item:focus-visible { + box-shadow: inset 0 0 0 var(--su2) var(--focus-theme), inset 0 0 0 var(--su4) var(--focus-neutral); + outline: var(--su2) solid transparent !important; +} +.s-navigation .s-navigation--item-text, +.s-navigation .s-navigation ul--item-text, +.s-navigation ul .s-navigation--item-text, +.s-navigation ul .s-navigation ul--item-text { + display: inline-flex; + flex-direction: column; + text-align: var(--_na-item-text-ta); +} +.s-navigation .s-navigation--item-text:before, +.s-navigation .s-navigation ul--item-text:before, +.s-navigation ul .s-navigation--item-text:before, +.s-navigation ul .s-navigation ul--item-text:before { + content: attr(data-text); + font-weight: bold; + height: 0; + pointer-events: none; + user-select: none; + visibility: hidden; +} +.s-navigation .s-navigation--title, +.s-navigation .s-navigation ul--title, +.s-navigation ul .s-navigation--title, +.s-navigation ul .s-navigation ul--title { + margin-bottom: 0; + font-size: var(--fs-fine); + font-weight: normal; + color: var(--black-400); + padding: calc(var(--su16) + var(--su2)) var(--su8); +} +.s-navigation .s-navigation--title .s-btn, +.s-navigation .s-navigation ul--title .s-btn, +.s-navigation ul .s-navigation--title .s-btn, +.s-navigation ul .s-navigation ul--title .s-btn { + color: var(--black-400); +} +.s-navigation > li ~ li .s-navigation--title, +.s-navigation ul > li ~ li .s-navigation--title { + margin-top: var(--su24); +} +.s-navigation .s-navigation--icon, +.s-navigation .s-navigation ul--icon, +.s-navigation ul .s-navigation--icon, +.s-navigation ul .s-navigation ul--icon { + color: inherit; + margin-right: var(--su4); +} +.s-navigation .s-navigation--avatar, +.s-navigation .s-navigation ul--avatar, +.s-navigation ul .s-navigation--avatar, +.s-navigation ul .s-navigation ul--avatar { + margin-right: var(--su8); + background: transparent; +} +/** + * Generate color variables with a given color name + * + * Usage example: + * .generate-variant-variables(purple, important); + * + * @colorName - The name of the color to use to construct variables values + * @modifier - Modifier name to determine variable values for that modifier + */ +/** + * Generate styles for a notice-based component + * + * Usage examples: + * .construct-notice-component(s-banner); + * .construct-notice-component(s-notice); + * + * @baseClass - The base class name for the notice component + */ +.s-notice { + --_no-bg: var(--black-150); + --_no-icon-bg: var(--black-200); + --_no-fc: var(--black-600); + --_no-code-bc: var(--black-300); + --_no-code-bg: var(--black-200); + --_no-code-fc: var(--_no-fc); + background: var(--_no-bg); + color: var(--_no-fc); + display: flex; + align-items: center; + --_no-pd: var(--su8); + padding: var(--_no-pd) var(--su12) var(--_no-pd) 0; +} +body.theme-highcontrast .s-notice:not(body.theme-highcontrast .s-notice__important) { + --_no-icon-bc: var(--_no-code-bc); +} +.s-notice__important { + --_no-bg: var(--black-400); + --_no-icon-bg: var(--black-500); + --_no-fc: var(--white); + --_no-code-bc: var(--black-300); + --_no-code-bg: var(--black-500); +} +.s-notice__danger:not(.s-notice__important) { + --_no-bg: var(--red-100); + --_no-icon-bg: var(--red-200); + --_no-code-bc: var(--red-300); + --_no-code-bg: var(--red-200); +} +.s-notice__danger.s-notice__important { + --_no-bg: var(--red-400); + --_no-icon-bg: var(--red-500); + --_no-fc: var(--white); + --_no-code-bc: var(--red-300); + --_no-code-bg: var(--red-500); +} +.s-notice__info:not(.s-notice__important) { + --_no-bg: var(--blue-100); + --_no-icon-bg: var(--blue-200); + --_no-code-bc: var(--blue-300); + --_no-code-bg: var(--blue-200); +} +.s-notice__info.s-notice__important { + --_no-bg: var(--blue-400); + --_no-icon-bg: var(--blue-500); + --_no-fc: var(--white); + --_no-code-bc: var(--blue-300); + --_no-code-bg: var(--blue-500); +} +.s-notice__success:not(.s-notice__important) { + --_no-bg: var(--green-100); + --_no-icon-bg: var(--green-200); + --_no-code-bc: var(--green-300); + --_no-code-bg: var(--green-200); +} +.s-notice__success.s-notice__important { + --_no-bg: var(--green-400); + --_no-icon-bg: var(--green-500); + --_no-fc: var(--white); + --_no-code-bc: var(--green-300); + --_no-code-bg: var(--green-500); +} +.s-notice__featured:not(.s-notice__important) { + --_no-bg: var(--purple-100); + --_no-icon-bg: var(--purple-200); + --_no-code-bc: var(--purple-300); + --_no-code-bg: var(--purple-200); +} +.s-notice__featured.s-notice__important { + --_no-bg: var(--purple-400); + --_no-icon-bg: var(--purple-500); + --_no-fc: var(--white); + --_no-code-bc: var(--purple-300); + --_no-code-bg: var(--purple-500); +} +.s-notice__activity:not(.s-notice__important) { + --_no-bg: var(--pink-100); + --_no-icon-bg: var(--pink-200); + --_no-code-bc: var(--pink-300); + --_no-code-bg: var(--pink-200); +} +.s-notice__activity.s-notice__important { + --_no-bg: var(--pink-400); + --_no-icon-bg: var(--pink-500); + --_no-fc: var(--white); + --_no-code-bc: var(--pink-300); + --_no-code-bg: var(--pink-500); +} +.s-notice__warning:not(.s-notice__important) { + --_no-bg: var(--yellow-100); + --_no-icon-bg: var(--yellow-200); + --_no-code-bc: var(--yellow-300); + --_no-code-bg: var(--yellow-200); +} +.s-notice__warning.s-notice__important { + --_no-bg: var(--yellow-300); + --_no-icon-bg: var(--yellow-400); + --_no-fc: var(--black); + --_no-code-bc: var(--yellow-400); + --_no-code-bg: var(--yellow-200); +} +.s-notice__warning.s-notice__important .s-notice--icon { + color: var(--white); +} +@media (prefers-color-scheme: dark) { + body.theme-system .s-notice__warning.s-notice__important { + --_no-fc: var(--white); + --_no-code-bc: var(--yellow-300); + --_no-code-bg: var(--yellow-500); + --_no-bg: var(--yellow-400); + --_no-icon-bg: var(--yellow-500); + } +} +body.theme-dark .s-notice__warning.s-notice__important, +.theme-dark__forced .s-notice__warning.s-notice__important, +body.theme-system .theme-dark__forced .s-notice__warning.s-notice__important { + --_no-fc: var(--white); + --_no-code-bc: var(--yellow-300); + --_no-code-bg: var(--yellow-500); + --_no-bg: var(--yellow-400); + --_no-icon-bg: var(--yellow-500); +} +body.theme-highcontrast .s-notice__warning.s-notice__important { + --_no-bg: var(--yellow-400); + --_no-icon-bg: var(--yellow-500); + --_no-code-bc: var(--yellow-300); + --_no-code-bg: var(--yellow-500); + --_no-fc: var(--white); +} +.s-notice code { + background-color: var(--_no-code-bg); + color: var(--_no-code-fc); + outline: var(--su1) solid var(--_no-code-bc); + padding-left: var(--su2); + padding-right: var(--su2); + white-space: nowrap; +} +button.s-notice--dismiss { + color: var(--_no-fc); +} +button.s-notice--dismiss:active { + background-color: var(--_no-fc); + color: var(--_no-bg); +} +button.s-notice--dismiss:focus-visible, +button.s-notice--dismiss:hover, +button.s-notice--dismiss.focus-inset-bordered { + background-color: var(--_no-fc); + color: var(--_no-bg); +} +.s-notice--actions { + display: flex; + margin-left: auto; + align-self: flex-start; + padding-left: var(--su24); + color: var(--_no-fc); + gap: calc(var(--su24) - var(--su2)); + overflow-wrap: initial !important; +} +.s-notice--actions > .s-link:not(.s-notice--dismiss) { + color: var(--_no-fc); +} +.s-notice--icon { + background: var(--_no-icon-bg); + border: var(--su1) solid var(--_no-icon-bc, var(--_no-icon-bg)); + padding: var(--_no-pd); + margin-right: var(--su12); + align-self: stretch; + margin-top: calc(var(--_no-pd) * -1); + margin-bottom: calc(var(--_no-pd) * -1); +} +.s-pagination ul, +ul.s-pagination { + list-style: none; + margin: 0; + padding: 0; +} +.s-pagination .s-pagination--item { + --_pa-item-bg: unset; + --_pa-item-br: unset; + --_pa-item-fc: var(--black-400); + --_pa-item-p: var(--su4); + background-color: var(--_pa-item-bg); + border-radius: var(--_pa-item-br); + color: var(--_pa-item-fc); + padding: var(--_pa-item-p); + display: inline-flex; + align-items: center; + justify-content: center; + margin: var(--su1); + position: relative; + text-decoration: none; +} +body.theme-highcontrast .s-pagination .s-pagination--item[href] { + text-decoration: underline; +} +.s-pagination .s-pagination--item.is-selected { + --_pa-item-fc: var(--black-600); +} +.s-pagination .s-pagination--item.is-selected:not(:hover):not(:focus-visible):before { + background-color: var(--black-600); + content: ""; + height: var(--su2); + left: 0; + position: absolute; + right: 0; + top: 100%; +} +.s-pagination .s-pagination--item.s-pagination--item__nav { + --_pa-item-bg: var(--black-150); + --_pa-item-br: var(--br-circle); + --_pa-item-fc: var(--black-600); + --_pa-item-p: var(--su6); + aspect-ratio: 1 / 1; +} +.s-pagination .s-pagination--item.s-pagination--item__nav:hover { + --_pa-item-bg: var(--black-200); +} +.s-pagination .s-pagination--item[href]:hover:not(.s-pagination .s-pagination--item__nav) { + --_pa-item-bg: var(--black-150); + --_pa-item-br: var(--br-pill); + --_pa-item-fc: var(--black-600); +} +.s-pagination .s-pagination--item:focus-visible { + --_pa-item-bg: var(--black-150); + --_pa-item-fc: var(--black-600); + border-color: var(--focus-neutral) !important; + box-shadow: 0 0 0 var(--su1) var(--focus-neutral), 0 0 0 var(--su3) var(--focus-theme); + outline: var(--su2) solid transparent !important; +} +.s-pagination .s-pagination--item:focus-visible:not(.s-pagination .s-pagination--item__nav), +.s-pagination .s-pagination--item.focus-inset-bordered { + --_pa-item-br: var(--br-md); +} +.s-pagination, +.s-pagination ul { + display: flex; + align-items: center; + flex-wrap: wrap; + gap: var(--su2); +} +.s-popover { + --_po-bg: var(--white); + --_po-bc: var(--bc-medium); + --_po-bs: var(--bs-md); + --_po-d: none; + --_po-wmn: 10.5rem; + --_po-w: 100%; + --_po-topbar-height: var(--theme-topbar-height, calc(var(--su48) + var(--su8))); + --_po-content-mxh: calc(100vh - var(--_po-topbar-height) - var(--su48)); + background-color: var(--_po-bg); + border: var(--su1) solid var(--_po-bc); + box-shadow: var(--_po-bs); + display: var(--_po-d); + min-width: var(--_po-wmn); + width: var(--_po-w); + border-radius: var(--br-md); + color: var(--fc-dark); + font-size: var(--fs-body1); + max-width: 21rem; + padding: var(--su12); + position: absolute; + white-space: normal; + z-index: var(--zi-popovers); +} +@media (prefers-color-scheme: dark) { + body.theme-system .s-popover { + --_po-bg: var(--black-100); + } +} +body.theme-dark .s-popover, +.theme-dark__forced .s-popover, +body.theme-system .theme-dark__forced .s-popover { + --_po-bg: var(--black-100); +} +.s-popover.is-visible { + --_po-d: block; +} +.s-popover.s-popover__tooltip { + --_po-wmn: unset; + --_po-w: auto; +} +.s-popover .s-popover--close { + float: right; + top: var(--sun8); + right: var(--sun8); + padding: var(--su6) !important; +} +.s-popover .s-popover--content { + max-height: var(--_po-content-mxh); + overflow-y: auto; + margin: var(--sun12); + padding: var(--su12); +} +.s-post-summary { + --_ps-answer-icon-fc: unset; + --_ps-content-type-bc: var(--black-200); + --_ps-content-type-bg: var(--black-050); + --_ps-content-type-fc: var(--black-600); + --_ps-stats-answers-bg: unset; + --_ps-stats-answers-fc: var(--black-400); + --_ps-stats-answers-fw: unset; + --_ps-stats-answers-icon-fc: unset; + --_ps-title-link-fc: var(--theme-secondary-600); + container-type: inline-size; + container-name: post-summary; + color: var(--black-500); + display: flex; + gap: var(--su16); + position: relative; + width: 100%; +} +body.theme-highcontrast .s-post-summary a[href] { + text-decoration: underline !important; +} +body.theme-highcontrast .s-post-summary__deleted * { + --_ps-ignored-fc: var(--black-500); +} +@container post-summary (width <= 28rem) { + .s-post-summary .s-post-summary--sm-hide { + display: none !important; + } + .s-post-summary .s-post-summary--sm-show { + display: flex !important; + } +} +@container post-summary (width > 28rem) { + .s-post-summary .s-post-summary--sm-hide { + display: flex !important; + } + .s-post-summary .s-post-summary--sm-show { + display: none !important; + } +} +.s-post-summary.s-post-summary__answered { + --_ps-stats-answers-bg: var(--green-400); + --_ps-stats-answers-fc: var(--white); + --_ps-stats-answers-fw: 600; + --_ps-stats-answers-icon-fc: var(--green-400); +} +.s-post-summary.s-post-summary__deleted, +.s-post-summary:has(.s-tag.s-tag__ignored) { + --_ps-ignored-bg: var(--black-100); + --_ps-ignored-fc: var(--black-400); +} +.s-post-summary.s-post-summary__deleted.s-post-summary__answered, +.s-post-summary:has(.s-tag.s-tag__ignored).s-post-summary__answered { + --_ps-stats-answers-bg: var(--_ps-ignored-bg); + --_ps-stats-answers-fc: var(--_ps-ignored-fc); + --_ps-stats-answers-icon-fc: var(--black-350); +} +.s-post-summary.s-post-summary__deleted *, +.s-post-summary:has(.s-tag.s-tag__ignored) * { + color: var(--_ps-ignored-fc) !important; +} +.s-post-summary.s-post-summary__deleted .s-avatar, +.s-post-summary:has(.s-tag.s-tag__ignored) .s-avatar { + opacity: 0.5; +} +.s-post-summary.s-post-summary__deleted .s-user-card--rep .s-bling:before, +.s-post-summary:has(.s-tag.s-tag__ignored) .s-user-card--rep .s-bling:before { + background-color: var(--_ps-ignored-fc) !important; +} +.s-post-summary.s-post-summary__deleted .s-badge, +.s-post-summary:has(.s-tag.s-tag__ignored) .s-badge, +.s-post-summary.s-post-summary__deleted .s-tag, +.s-post-summary:has(.s-tag.s-tag__ignored) .s-tag, +.s-post-summary.s-post-summary__deleted .s-post-summary--stats-bounty, +.s-post-summary:has(.s-tag.s-tag__ignored) .s-post-summary--stats-bounty { + background-color: var(--_ps-ignored-bg) !important; + border-color: var(--_ps-ignored-bg) !important; + color: var(--_ps-ignored-fc) !important; +} +.s-post-summary.s-post-summary__deleted { + background-color: var(--red-100); + border: var(--su8) solid var(--red-100); +} +.s-post-summary .s-tag.s-tag__watched { + --_ta-bc: var(--yellow-200); + --_ta-bg: var(--yellow-200); + --_ta-fc: var(--yellow-600); + --_ta-bc-hover: var(--yellow-200); + --_ta-bg-hover: var(--yellow-200); +} +.s-post-summary .s-post-summary--answers { + display: flex; + flex-direction: column; + gap: var(--su16); + padding-top: calc(var(--su8) + var(--su2)); +} +.s-post-summary .s-post-summary--answer { + border-left: var(--su4) solid var(--black-200); + display: flex; + flex-direction: column; + gap: var(--su6); + padding-left: var(--su8); +} +.s-post-summary .s-post-summary--answer__accepted { + --_ps-answer-icon-fc: var(--green-400); +} +.s-post-summary .s-post-summary--answer .s-post-summary--stats-answers--icon { + color: var(--_ps-answer-icon-fc); +} +.s-post-summary .s-post-summary--content { + display: flex; + flex-direction: column; + gap: var(--su4); + width: 100%; +} +.s-post-summary .s-post-summary--content-meta { + align-items: center; + color: var(--black-400); + display: flex; + flex-wrap: wrap; + font-size: var(--fs-caption); + gap: var(--su6); + margin-bottom: var(--su4); +} +.s-post-summary .s-post-summary--content-type { + border: var(--su1) solid var(--_ps-content-type-bc); + background-color: var(--_ps-content-type-bg); + color: var(--_ps-content-type-fc); + display: flex; + align-items: center; + gap: var(--su4); + padding: 0 var(--su4); + font-size: var(--fs-caption); +} +.s-post-summary .s-post-summary--content-type:focus-visible { + box-shadow: 0 0 0 var(--su2) var(--focus-neutral), 0 0 0 var(--su4) var(--focus-theme); + outline: var(--su2) solid transparent !important; +} +.s-post-summary .s-post-summary--content-type:hover { + --_ps-content-type-bc: var(--black-150); + --_ps-content-type-bg: var(--black-100); + --_ps-content-type-fc: var(--black-600); +} +.s-post-summary .s-post-summary--excerpt { + line-height: 1.25rem; + margin-bottom: 0; +} +.s-post-summary .s-post-summary--stats { + display: flex; + gap: var(--su6); + font-size: var(--fs-caption); +} +.s-post-summary .s-post-summary--stats.s-post-summary--sm-hide { + flex-direction: column; +} +.s-post-summary .s-post-summary--stats.s-post-summary--sm-hide .s-post-summary--stats-answers { + background-color: var(--_ps-stats-answers-bg); + color: var(--_ps-stats-answers-fc); + font-weight: var(--_ps-stats-answers-fw); + align-items: center; + display: flex; + gap: var(--su4); + justify-content: center; + padding: var(--su4); +} +.s-post-summary .s-post-summary--stats.s-post-summary--sm-hide .s-post-summary--stats-bounty { + align-items: center; + background-color: var(--blue-400); + color: var(--white); + display: flex; + gap: var(--su2); + font-weight: 600; + justify-content: center; + padding: var(--su4); +} +.s-post-summary .s-post-summary--stats.s-post-summary--sm-hide .s-post-summary--stats-votes { + align-items: center; + aspect-ratio: 1/1; + border: var(--su1) solid var(--black-200); + display: flex; + justify-content: center; + font-size: var(--fs-body2); + font-weight: 600; + margin-bottom: var(--su2); + padding: var(--su4); + width: calc(var(--su48) + var(--su8)); +} +.s-post-summary .s-post-summary--stats.s-post-summary--sm-show { + align-items: center; + justify-content: center; + padding: var(--su4); +} +.s-post-summary .s-post-summary--stats.s-post-summary--sm-show .s-post-summary--stats-answers--icon { + color: var(--_ps-stats-answers-icon-fc); +} +.s-post-summary .s-post-summary--stats .s-post-summary--stats-bounty { + align-items: center; + justify-content: center; + background-color: var(--blue-400); + color: var(--white); + display: flex; + gap: var(--su1); + padding: 0 calc(var(--su4) - var(--su1)); +} +.s-post-summary .s-post-summary--stats-item { + align-items: center; + display: flex; + gap: var(--su6); +} +.s-post-summary .s-post-summary--stats-item:before { + aspect-ratio: 1/1; + background-color: var(--black-300); + content: ""; + display: block; + height: var(--su4); +} +.s-post-summary .s-post-summary--tags { + display: flex; + flex-wrap: wrap; + gap: var(--su8); + margin-top: var(--su6); +} +.s-post-summary .s-post-summary--title { + display: flex; + gap: var(--su6); + line-height: 1.563rem; + overflow-wrap: break-word; + hyphens: auto; +} +.s-post-summary .s-post-summary--title-link { + color: var(--_ps-title-link-fc); + display: flex; + font-size: var(--fs-body3); + font-weight: 600; + gap: var(--su4); + margin-top: var(--su2); + text-decoration: none; +} +.s-post-summary .s-post-summary--title-link:hover { + --_ps-title-link-fc: var(--theme-secondary-500); +} +.s-post-summary .s-post-summary--title-link:hover:visited { + color: var(--theme-secondary-600); +} +.s-post-summary .s-post-summary--title-link:visited { + color: var(--theme-secondary-400); +} +.s-post-summary .s-post-summary--title-icon { + flex-shrink: 0; +} +.s-prose { + --_pr-fs: unset; + --_pr-lh: 1.5; + --_pr-blockquote-ml: 1em; + --_pr-blockquote-mt: 0; + --_pr-blockquote-before-bg: var(--black-250); + --_pr-code-fs: var(--fs-body1); + --_pr-h1-fs: var(--fs-headline1); + --_pr-h2-fs: var(--fs-title); + --_pr-h3-fs: var(--fs-subheading); + --_pr-h4-fs: var(--fs-body3); + --_pr-h5-fs: var(--fs-body2); + --_pr-h6-fs: var(--fs-body1); + --_pr-hr-bg: var(--black-225); + --_pr-img-mb: 1.1em; + --_pr-kbd-bc: var(--black-300); + --_pr-kbd-bs: 0 var(--su1) var(--su1) hsla(210, 8%, 5%, 0.15), inset 0 1px 0 0 var(--_white-static); + --_pr-spoiler-cursor: pointer; + --_pr-spoiler-after-t: 1em; + --_pr-soiler-after-o: unset; + --_pr-soiler-child-o: 0; + --_pr-soiler-child-visibility: hidden; + --s-prose-spacing: 1.1em; + --s-prose-spacing-condensed: calc(1.1em / 2); + font-size: var(--_pr-fs); + line-height: var(--_pr-lh); + overflow-wrap: break-word; +} +@media (prefers-color-scheme: dark) { + body.theme-system .s-prose { + --_pr-kbd-bc: transparent; + --_pr-kbd-btc: var(--black-400); + --_pr-kbd-bs: 0 var(--su1) var(--su1) hsla(210, 8%, 5%, 0.8); + } +} +body.theme-dark .s-prose, +.theme-dark__forced .s-prose, +body.theme-system .theme-dark__forced .s-prose { + --_pr-kbd-bc: transparent; + --_pr-kbd-btc: var(--black-400); + --_pr-kbd-bs: 0 var(--su1) var(--su1) hsla(210, 8%, 5%, 0.8); +} +body.theme-highcontrast .s-prose { + --_pr-blockquote-before-bg: var(--black-500); + --_pr-hr-bg: var(--black-400); +} +@media (max-width: 48.75rem) { + .s-prose { + --_pr-spoiler-after-t: calc(var(--su8) + var(--su1)); + } +} +.s-prose.s-prose__sm { + --_pr-h1-fs: 1.75em; + --_pr-h2-fs: 1.375em; + --_pr-h3-fs: 1.25em; + --_pr-h4-fs: 1.125em; + --_pr-h5-fs: 1em; + --_pr-fs: var(--fs-caption); + --_pr-lh: var(--lh-md); + --_pr-code-fs: var(--fs-caption); +} +.s-prose *:not(.s-code-block) > a code { + color: var(--theme-link-color, var(--theme-secondary-400)); +} +.s-prose *:not(.s-code-block) > code { + background-color: var(--black-200); + color: var(--black-600); + font-size: 0.875em; + padding: 0.1875em 0.375em; +} +.s-prose blockquote:last-child, +.s-prose dl:last-child, +.s-prose h1:last-child, +.s-prose h2:last-child, +.s-prose h3:last-child, +.s-prose h4:last-child, +.s-prose h5:last-child, +.s-prose h6:last-child, +.s-prose hr:last-child, +.s-prose img:last-child, +.s-prose ol:last-child, +.s-prose p:last-child, +.s-prose pre:last-child, +.s-prose table:last-child, +.s-prose ul:last-child, +.s-prose .s-link-preview:last-child, +.s-prose .s-table-container:last-child, +.s-prose blockquote:only-child, +.s-prose dl:only-child, +.s-prose h1:only-child, +.s-prose h2:only-child, +.s-prose h3:only-child, +.s-prose h4:only-child, +.s-prose h5:only-child, +.s-prose h6:only-child, +.s-prose hr:only-child, +.s-prose img:only-child, +.s-prose ol:only-child, +.s-prose p:only-child, +.s-prose pre:only-child, +.s-prose table:only-child, +.s-prose ul:only-child, +.s-prose .s-link-preview:only-child, +.s-prose .s-table-container:only-child { + margin-bottom: 0; +} +.s-prose blockquote + h1, +.s-prose dd + h1, +.s-prose dl + h1, +.s-prose img + h1, +.s-prose ol + h1, +.s-prose p + h1, +.s-prose pre + h1, +.s-prose table + h1, +.s-prose ul + h1, +.s-prose .s-link-preview + h1, +.s-prose .s-table-container + h1 { + margin-top: 1.5667em; +} +.s-prose blockquote + h2, +.s-prose dd + h2, +.s-prose dl + h2, +.s-prose img + h2, +.s-prose ol + h2, +.s-prose p + h2, +.s-prose pre + h2, +.s-prose table + h2, +.s-prose ul + h2, +.s-prose .s-link-preview + h2, +.s-prose .s-table-container + h2 { + margin-top: 1.667em; +} +.s-prose blockquote + h3, +.s-prose dd + h3, +.s-prose dl + h3, +.s-prose img + h3, +.s-prose ol + h3, +.s-prose p + h3, +.s-prose pre + h3, +.s-prose table + h3, +.s-prose ul + h3, +.s-prose .s-link-preview + h3, +.s-prose .s-table-container + h3 { + margin-top: 1.4667em; +} +.s-prose blockquote + h4, +.s-prose dd + h4, +.s-prose dl + h4, +.s-prose img + h4, +.s-prose ol + h4, +.s-prose p + h4, +.s-prose pre + h4, +.s-prose table + h4, +.s-prose ul + h4, +.s-prose .s-link-preview + h4, +.s-prose .s-table-container + h4, +.s-prose blockquote + h5, +.s-prose dd + h5, +.s-prose dl + h5, +.s-prose img + h5, +.s-prose ol + h5, +.s-prose p + h5, +.s-prose pre + h5, +.s-prose table + h5, +.s-prose ul + h5, +.s-prose .s-link-preview + h5, +.s-prose .s-table-container + h5, +.s-prose blockquote + h6, +.s-prose dd + h6, +.s-prose dl + h6, +.s-prose img + h6, +.s-prose ol + h6, +.s-prose p + h6, +.s-prose pre + h6, +.s-prose table + h6, +.s-prose ul + h6, +.s-prose .s-link-preview + h6, +.s-prose .s-table-container + h6 { + margin-top: 1.6667em; +} +.s-prose h1, +.s-prose h2, +.s-prose h3, +.s-prose h4, +.s-prose h5, +.s-prose h6 { + --_pr-code-fs: 0.9em; + font-weight: bold !important; + margin-bottom: 0.5em; +} +.s-prose h1 { + font-size: var(--_pr-h1-fs); + margin-bottom: 0.6em; +} +.s-prose h2 { + font-size: var(--_pr-h2-fs); + margin-bottom: 0.7em; +} +.s-prose h3 { + font-size: var(--_pr-h3-fs); + margin-bottom: 0.74em; +} +.s-prose h4 { + font-size: var(--_pr-h4-fs); + margin-bottom: 1em; +} +.s-prose h5 { + font-size: var(--_pr-h5-fs); +} +.s-prose h6 { + font-size: var(--_pr-h6-fs); +} +.s-prose a:not([class]) { + color: var(--theme-link-color, var(--black-600)); + cursor: pointer; + user-select: auto; +} +.s-prose a:not([class]):active, +.s-prose a:not([class]):hover { + color: var(--theme-link-color-hover, var(--blue-400)); + text-decoration: underline !important; +} +.s-prose a:not([class]):visited { + color: var(--theme-link-color-visited, var(--black-400)); +} +.s-prose a:not([class]):hover:visited { + color: var(--theme-link-color-hover, var(--blue-400)); + text-decoration: underline !important; +} +.s-prose blockquote, +.s-prose q { + quotes: none; +} +.s-prose dd, +.s-prose dl, +.s-prose .s-table-container, +.s-prose .s-link-preview { + margin-bottom: 1.1em; +} +.s-prose ol, +.s-prose ul { + margin-bottom: 1.1em; + margin-top: 0; +} +.s-prose ol blockquote:last-child, +.s-prose ul blockquote:last-child, +.s-prose ol dl:last-child, +.s-prose ul dl:last-child, +.s-prose ol hr:last-child, +.s-prose ul hr:last-child, +.s-prose ol ol:last-child, +.s-prose ul ol:last-child, +.s-prose ol p:last-child, +.s-prose ul p:last-child, +.s-prose ol table:last-child, +.s-prose ul table:last-child, +.s-prose ol ul:last-child, +.s-prose ul ul:last-child, +.s-prose ol blockquote:only-child, +.s-prose ul blockquote:only-child, +.s-prose ol dl:only-child, +.s-prose ul dl:only-child, +.s-prose ol hr:only-child, +.s-prose ul hr:only-child, +.s-prose ol ol:only-child, +.s-prose ul ol:only-child, +.s-prose ol p:only-child, +.s-prose ul p:only-child, +.s-prose ol table:only-child, +.s-prose ul table:only-child, +.s-prose ol ul:only-child, +.s-prose ul ul:only-child { + margin-bottom: 0; +} +.s-prose ol blockquote, +.s-prose ul blockquote, +.s-prose ol dd, +.s-prose ul dd, +.s-prose ol dl, +.s-prose ul dl, +.s-prose ol hr, +.s-prose ul hr, +.s-prose ol li, +.s-prose ul li, +.s-prose ol ol, +.s-prose ul ol, +.s-prose ol p, +.s-prose ul p, +.s-prose ol table, +.s-prose ul table, +.s-prose ol ul, +.s-prose ul ul { + margin-bottom: calc(1.1em / 2); +} +.s-prose ol li:last-child, +.s-prose ul li:last-child { + margin-bottom: 0; +} +.s-prose ol li ol, +.s-prose ul li ol, +.s-prose ol li ul, +.s-prose ul li ul { + margin-top: calc(1.1em / 2); +} +.s-prose ol pre, +.s-prose ul pre { + margin-bottom: calc(calc(1.1em / 2) + 0.1em); +} +.s-prose sub, +.s-prose sup { + --_pr-code-fs: 90%; +} +.s-prose blockquote { + --_pr-img-mb: 0; + color: var(--black-500); + margin: var(--_pr-blockquote-mt) 1em 1.1em var(--_pr-blockquote-ml); + padding: 0.8em 0.8em 0.8em 1em; + position: relative; +} +.s-prose blockquote:before { + background: var(--_pr-blockquote-before-bg); + border-radius: var(--su8); + bottom: 0; + content: ""; + display: block; + left: 0; + position: absolute; + top: 0; + width: var(--su4); +} +.s-prose blockquote *:last-child { + margin-bottom: 0; +} +.s-prose blockquote blockquote { + --_pr-blockquote-ml: 0; +} +.s-prose code { + font-size: var(--_pr-code-fs); + font-family: var(--ff-mono); +} +.s-prose dd { + margin: 0; + padding: 0; +} +.s-prose dd:last-child { + margin-bottom: 0; +} +.s-prose dl { + margin-top: 0; +} +.s-prose dt { + font-weight: bold; +} +.s-prose hr { + background-color: var(--_pr-hr-bg); + color: var(--_pr-hr-bg); + border: 0; + height: var(--su1); + margin-bottom: 1.1em; +} +.s-prose img { + margin-bottom: var(--_pr-img-mb); + max-width: 100%; + vertical-align: bottom; +} +.s-prose kbd { + border: var(--su1) solid var(--_pr-kbd-bc); + border-top-color: var(--_pr-kbd-btc, var(--_pr-kbd-bc)); + box-shadow: var(--_pr-kbd-bs); + background-color: var(--black-200); + border-radius: var(--br-md); + color: var(--black-600); + display: inline-block; + font-family: var(--ff-sans); + font-size: var(--fs-fine); + line-height: var(--_pr-lh); + margin: 0 0.1em; + overflow-wrap: break-word; + padding: 0.1em 0.6em; + text-shadow: 0 var(--su1) 0 var(--white); +} +.s-prose li { + --_pr-blockquote-mt: calc(1.1em / 2); + --_pr-img-mb: 0; + overflow-wrap: break-word; +} +.s-prose li pre { + overflow-wrap: normal; +} +.s-prose p { + --_pr-img-mb: 0; + margin-bottom: 1.1em; +} +.s-prose p a:not([class]) { + text-decoration: underline; +} +.s-prose pre { + margin-top: 0; + margin-bottom: calc(1.1em + 0.4em); + overflow-wrap: normal; +} +.s-prose pre:not(.s-code-block) { + scrollbar-color: var(--scrollbar) transparent; + background-color: var(--highlight-bg); + border-radius: var(--br-md); + color: var(--highlight-color); + font-size: var(--fs-body1); + line-height: var(--lh-md); + max-height: 600px; + overflow: auto; + padding: var(--su12); + width: auto; +} +.s-prose pre:not(.s-code-block) code { + background-color: transparent; + border-radius: 0; + padding: 0; +} +.s-prose pre:not(.s-code-block)::-webkit-scrollbar { + width: calc(var(--su12) - var(--su2)); + height: calc(var(--su12) - var(--su2)); + background-color: transparent; +} +.s-prose pre:not(.s-code-block)::-webkit-scrollbar-track { + border-radius: calc(var(--su12) - var(--su2)); + background-color: transparent; +} +.s-prose pre:not(.s-code-block)::-webkit-scrollbar-thumb { + border-radius: calc(var(--su12) - var(--su2)); + background-color: var(--scrollbar); +} +.s-prose pre:not(.s-code-block)::-webkit-scrollbar-corner { + background-color: transparent; + border-color: transparent; +} +.s-prose .soundcloud-embed iframe { + height: 116px; + max-width: 640px; + width: 100%; +} +.s-prose .spoiler { + cursor: var(--_pr-spoiler-cursor); + background: var(--black-150); + border-radius: var(--br-md); + color: var(--black-600); + min-height: var(--su48); +} +.s-prose .spoiler:after { + opacity: var(--_pr-soiler-after-o); + top: var(--_pr-spoiler-after-t); + transition: opacity 0.1s ease-in-out; + background-image: url("data:image/svg+xml;,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' fill='rgb(132, 141, 149)' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath d='M9 17A8 8 0 119 1a8 8 0 010 16zM8 4v6h2V4H8zm0 8v2h2v-2H8z'%3E%3C/path%3E%3C/svg%3E"); + background-position: center right; + background-repeat: no-repeat; + color: var(--black-400); + content: attr(data-spoiler) " "; + font-size: var(--fs-body1); + padding-right: calc(var(--su24) - var(--su2)); + pointer-events: none; + position: absolute; + right: 1em; +} +.s-prose .spoiler.is-visible { + --_pr-spoiler-cursor: auto; + --_pr-soiler-after-o: 0; + --_pr-soiler-child-o: 1; + --_pr-soiler-child-visibility: visible; +} +.s-prose .spoiler > * { + opacity: var(--_pr-soiler-child-o); + transition: var(--_pr-spoiler-transition); + visibility: var(--_pr-soiler-child-visibility); +} +.s-prose .youtube-embed { + max-width: 640px; + position: relative; + width: 100%; +} +.s-prose .youtube-embed > div { + height: 35px; + padding-bottom: 56.25%; + position: relative; + width: 100%; +} +.s-prose .youtube-embed > div iframe { + height: 100%; + position: absolute; + width: 100%; +} +.s-select { + --_se-arrow-fc: currentColor; + --_se-select-bc: var(--bc-darker); + --_se-select-bg: var(--white); + --_se-select-br: var(--br-md); + --_se-select-fc: var(--black); + --_se-select-px: 0.7em; + --_se-select-py: var(--su8); + --_se-select-fs: var(--fs-body1); + --_se-select-lh: var(--lh-base); + color: var(--fc-dark); + position: relative; +} +@supports (-webkit-overflow-scrolling: touch) { + .s-select { + --_se-select-fs: var(--su16); + --_se-select-px: 0.55em; + --_se-select-py: 0.4em; + } +} +.is-disabled .s-select, +.is-readonly .s-select, +.has-success .s-select, +.has-error .s-select, +.has-warning .s-select { + position: relative; +} +.has-error .s-select, +.has-success .s-select, +.has-warning .s-select { + --_se-select-bc-focus: var(--_se-select-bc); +} +.has-error .s-select { + --_se-select-bc: var(--red-400); +} +.has-success .s-select { + --_se-select-bc: var(--green-400); +} +.has-warning .s-select { + --_se-select-bc: var(--yellow-500); +} +.s-select.s-select__sm { + --_se-select-fs: var(--fs-caption); + --_se-select-lh: var(--lh-sm); + --_se-select-py: calc(var(--su6) - var(--su1) / 2); +} +.s-select.s-select__lg { + --_se-select-fs: var(--fs-body3); + --_se-select-lh: var(--lh-lg); +} +select.s-select:-webkit-autofill, +.s-select > select:-webkit-autofill { + -webkit-box-shadow: 0 0 0 1000px var(--theme-secondary-200) inset; + -webkit-text-fill-color: var(--black); + border-color: var(--blue-400); + transition: background-color 0s 50000s; +} +select.s-select:-webkit-autofill:focus, +.s-select > select:-webkit-autofill:focus { + border-color: var(--blue-400); + -webkit-box-shadow: 0 0 0 1000px var(--blue-200) inset, 0 0 0 var(--su4) var(--focus-ring); +} +select.s-select::-webkit-contacts-auto-fill-button, +.s-select > select::-webkit-contacts-auto-fill-button { + background-color: var(--black); +} +.s-select:after { + background-color: currentColor; + content: ""; + height: var(--su16); + mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M13.06 10 8 15.06 2.94 10 4 8.94l.53.53L8 12.94l3.47-3.47.53-.53zm0-4L12 7.06l-.53-.53L8 3.06 4.53 6.53 4 7.06 2.94 6 8 .94z'/%3E%3C/svg%3E"); + mask-repeat: no-repeat; + mask-position: center; + mask-size: contain; + pointer-events: none; + position: absolute; + right: calc(var(--su32) - var(--su24)); + top: 50%; + transform: translateY(-50%); + width: var(--su16); + z-index: var(--zi-selected); +} +.is-disabled .s-select { + --_se-arrow-fc: var(--bc-dark); +} +.is-disabled .s-select:after { + background-color: var(--_se-arrow-fc); +} +.s-select > select { + background-color: var(--_se-select-bg); + border: var(--su1) solid var(--_se-select-bc); + border-radius: var(--_se-select-br); + color: var(--_se-select-fc); + font-size: var(--_se-select-fs); + padding: var(--_se-select-py) var(--_se-select-px); + appearance: none; + font-family: inherit; + height: 100%; + line-height: var(--_se-select-lh); + outline: 0; + padding-right: var(--su32); + position: relative; + width: 100%; +} +fieldset[disabled] .s-select > select, +.s-select > select[disabled] { + cursor: not-allowed; + --_se-select-fc: var(--black-300); + --_se-select-bg: var(--black-100); +} +.s-select > select[readonly], +.is-readonly .s-select > select { + --_se-select-bc: var(--bc-light); + --_se-select-bg: var(--black-150); + --_se-select-fc: var(--black-300); + cursor: not-allowed; +} +body.theme-highcontrast .s-select > select[readonly], +body.theme-highcontrast .is-readonly .s-select > select { + --_se-select-fc: var(--fc-light); +} +.s-select > select:focus { + box-shadow: 0 0 0 var(--su2) var(--focus-neutral), 0 0 0 var(--su4) var(--focus-theme); + outline: var(--su2) solid transparent !important; +} +.s-select > select:focus, +.s-select > select.focus { + color: var(--black); +} +.s-select .s-input-icon { + right: var(--su32); +} +.s-sidebarwidget { + font-size: var(--fs-body1); +} +.s-sidebarwidget .s-sidebarwidget--content { + display: flex; + padding: var(--su12) 0 var(--su16) 0; + font-size: var(--fs-body2); +} +.s-sidebarwidget .s-sidebarwidget--content .s-sidebarwidget--action { + font-size: var(--fs-fine); + margin-left: var(--su16); + align-self: flex-start; +} +.s-sidebarwidget .s-sidebarwidget--header { + align-items: center; + display: flex; + padding: var(--su4) 0; +} +.s-sidebarwidget .s-sidebarwidget--header > h1, +.s-sidebarwidget .s-sidebarwidget--header h2, +.s-sidebarwidget .s-sidebarwidget--header h3, +.s-sidebarwidget .s-sidebarwidget--header h4, +.s-sidebarwidget .s-sidebarwidget--header h5, +.s-sidebarwidget .s-sidebarwidget--header h6 { + margin: 0; + padding-right: var(--su6); + font-size: var(--fs-body1); + font-weight: 500; +} +.s-sidebarwidget .s-sidebarwidget--header .s-sidebarwidget--action { + margin-left: auto; +} +.s-sidebarwidget .s-sidebarwidget--footer { + display: flex; + font-size: var(--fs-body2); +} +.s-sidebarwidget .s-sidebarwidget--footer .s-sidebarwidget--action { + flex: 1; +} +.s-sidebarwidget .s-sidebarwidget--action:is(a, button) { + white-space: nowrap; +} +.s-table { + --_ta-tbody-tbody-bc: var(--bc-medium); + --_ta-tbody-tbody-bw: var(--su2); + --_ta-tbody-tr-even-bg: unset; + --_ta-td-bbw: 0; + --_ta-td-bc: var(--bc-medium); + --_ta-td-fs: unset; + --_ta-td-fw: unset; + --_ta-td-p: var(--su8); + --_ta-td-ta: left; + --_ta-td-va: middle; + --_ta-td-w: unset; + --_ta-thead-th-bg: var(--black-100); + --_ta-th-bbw: 0; + --_ta-th-bc: var(--bc-medium); + --_ta-th-fs: unset; + --_ta-th-p: var(--su8); + --_ta-th-ta: left; + --_ta-th-va: middle; + --_ta-th-w: unset; + border-collapse: collapse; + border-spacing: 0; + display: table; + font-size: var(--fs-body1); + max-width: 100%; + width: 100%; +} +body.theme-highcontrast .s-table a[href] { + text-decoration: underline; +} +.s-table.s-table__stripes { + --_ta-tbody-tr-even-bg: var(--black-100); + --_ta-thead-th-bg: var(--black-150); +} +.s-table.ta-center { + --_ta-td-ta: center; + --_ta-th-ta: center; +} +.s-table.ta-left { + --_ta-td-ta: left; + --_ta-th-ta: left; +} +.s-table.ta-justify { + --_ta-td-ta: justify; + --_ta-th-ta: justify; +} +.s-table.ta-right { + --_ta-td-ta: right; + --_ta-th-ta: right; +} +.s-table.va-bottom { + --_ta-td-va: bottom; + --_ta-th-va: bottom; +} +.s-table.va-middle { + --_ta-td-va: middle; + --_ta-th-va: middle; +} +.s-table.va-top { + --_ta-td-va: top; + --_ta-th-va: top; +} +.s-table.s-table__b0 { + --_ta-td-bc: transparent; + --_ta-th-bc: transparent; + --_ta-tbody-tbody-bc: transparent; + --_ta-tbody-tbody-bw: var(--su12); + --_ta-thead-th-bg: transparent; +} +.s-table.s-table__b0 thead th { + font-size: inherit; + text-transform: initial; + letter-spacing: initial; +} +.s-table.s-table__bx tr > *:not(:first-child) { + border-left-color: transparent; +} +.s-table.s-table__bx tr > *:not(:last-child) { + border-right-color: transparent; +} +.s-table.s-table__bx-simple { + --_ta-thead-th-bg: transparent; + --_ta-foot-td-bc: transparent; + --_ta-foot-th-bc: transparent; +} +.s-table.s-table__bx-simple td, +.s-table.s-table__bx-simple th { + border-left-color: transparent; + border-right-color: transparent; +} +.s-table.s-table__bx-simple tbody tr:first-of-type th, +.s-table.s-table__bx-simple tbody tr:first-of-type td { + border-top-color: transparent; +} +.s-table.s-table__bx-simple tbody tr:last-of-type th, +.s-table.s-table__bx-simple tbody tr:last-of-type td { + border-bottom-color: transparent; +} +.s-table.s-table__bx-simple thead th { + border-top-color: transparent; + border-bottom-color: var(--bc-dark); + font-size: inherit; + text-transform: initial; + letter-spacing: initial; +} +.s-table.s-table__sortable thead th { + color: var(--fc-light); + cursor: pointer; +} +.s-table.s-table__sortable thead th a, +.s-table.s-table__sortable thead th button { + color: inherit !important; +} +.s-table.s-table__sortable thead th button { + appearance: none; + background-color: transparent; + border: 0; + cursor: pointer; + display: flex; + gap: var(--su4); + font-weight: inherit; + margin: calc(var(--_ta-th-p) * -1); + padding: var(--_ta-th-p); + text-align: left; + width: calc(100% + calc(var(--_ta-th-p) * 2)); +} +.s-table.s-table__sortable thead th.is-sorted { + color: var(--black-600); +} +.s-table.s-table__sm { + --_ta-td-p: var(--su4); + --_ta-th-p: var(--su4); +} +.s-table.s-table__lg { + --_ta-td-p: var(--su12); + --_ta-th-p: var(--su12); +} +.s-table td, +.s-table tr { + color: var(--theme-link-color, var(--black-600)); + text-decoration: none; + cursor: pointer; +} +.s-table td a:not([class]):active, +.s-table tr a:not([class]):active, +.s-table td a:not([class]):hover, +.s-table tr a:not([class]):hover { + color: var(--theme-link-color-hover, var(--blue-400)); + text-decoration: underline; +} +.s-table td a:not([class]):visited, +.s-table tr a:not([class]):visited { + color: var(--theme-link-color-visited, var(--black-400)); +} +.s-table td a:not([class]):hover:visited, +.s-table tr a:not([class]):hover:visited { + color: var(--theme-link-color-hover, var(--blue-400)); +} +.s-table .s-table--cell1 { + --_ta-td-w: 8.33333333%; + --_ta-th-w: 8.33333333%; +} +.s-table .s-table--cell2 { + --_ta-td-w: 16.66666667%; + --_ta-th-w: 16.66666667%; +} +.s-table .s-table--cell3 { + --_ta-td-w: 25%; + --_ta-th-w: 25%; +} +.s-table .s-table--cell4 { + --_ta-td-w: 33.33333333%; + --_ta-th-w: 33.33333333%; +} +.s-table .s-table--cell5 { + --_ta-td-w: 41.66666667%; + --_ta-th-w: 41.66666667%; +} +.s-table .s-table--cell6 { + --_ta-td-w: 50%; + --_ta-th-w: 50%; +} +.s-table .s-table--cell7 { + --_ta-td-w: 58.33333333%; + --_ta-th-w: 58.33333333%; +} +.s-table .s-table--cell8 { + --_ta-td-w: 66.66666667%; + --_ta-th-w: 66.66666667%; +} +.s-table .s-table--cell9 { + --_ta-td-w: 75%; + --_ta-th-w: 75%; +} +.s-table .s-table--cell10 { + --_ta-td-w: 83.33333333%; + --_ta-th-w: 83.33333333%; +} +.s-table .s-table--cell11 { + --_ta-td-w: 91.66666667%; + --_ta-th-w: 91.66666667%; +} +.s-table .s-table--cell12 { + --_ta-td-w: 100%; + --_ta-th-w: 100%; +} +.s-table .s-table--totals { + --_ta-td-fs: var(--fs-subheading); + --_ta-td-pt: var(--su12); + --_ta-td-fw: bold; + --_ta-th-fs: var(--fs-subheading); + --_ta-th-pt: var(--su12); +} +.s-table tbody + tbody { + border-top: var(--_ta-tbody-tbody-bw) solid var(--_ta-tbody-tbody-bc); +} +.s-table tbody th { + font-weight: normal; +} +.s-table tbody tr:nth-child(2n) { + background-color: var(--_ta-tbody-tr-even-bg); +} +.s-table td { + border: var(--su1) solid var(--_ta-td-bc); + border-bottom-width: var(--_ta-td-bbw, var(--su1)); + border-left-width: var(--_ta-td-blw, var(--su1)); + border-right-width: var(--_ta-td-brw, var(--su1)); + border-top-width: var(--_ta-td-btw, var(--su1)); + font-size: var(--_ta-td-fs); + font-weight: var(--_ta-td-fw); + padding: var(--_ta-td-p); + padding-left: var(--_ta-td-pl, var(--_ta-td-p)); + padding-top: var(--_ta-td-pt, var(--_ta-td-p)); + text-align: var(--_ta-td-ta); + vertical-align: var(--_ta-td-va); + width: var(--_ta-td-w); + color: var(--fc-medium); +} +.s-table td.s-table--bulk { + --_ta-td-w: calc(var(--su32) - var(--su2)); +} +.s-table td.s-table--progress { + --_ta-td-ta: right; + --_ta-td-brw: 0; +} +.s-table td.s-table--progress-bar { + --_ta-td-blw: 0; + --_ta-td-pl: 0; + --_ta-td-w: calc(var(--su12) * 10); +} +.s-table tfoot td { + border-bottom-color: var(--_ta-foot-td-bc, var(--_ta-td-bc)); +} +.s-table tfoot th { + border-bottom-color: var(--_ta-foot-th-bc, var(--_ta-td-bc)); +} +.s-table th { + border: var(--su1) solid var(--_ta-th-bc); + border-width: var(--su1) var(--su1) var(--_ta-th-bbw); + font-size: var(--_ta-th-fs); + padding: var(--_ta-th-p); + padding-top: var(--_ta-th-pt, var(--_ta-th-p)); + text-align: var(--_ta-th-ta); + vertical-align: var(--_ta-th-va); + width: var(--_ta-th-w); + color: var(--fc-dark); + font-weight: bold; +} +.s-table th.s-table--bulk { + --_ta-th-w: calc(var(--su32) - var(--su2)); +} +.s-table thead th { + background-color: var(--_ta-thead-th-bg); + line-height: var(--lh-sm); + vertical-align: bottom; + white-space: nowrap; +} +.s-table tr:last-of-type { + --_ta-td-bbw: var(--su1); + --_ta-th-bbw: var(--su1); +} +.s-table tr.is-disabled { + background-color: var(--black-100); + --_ta-tbody-tr-even-bg: var(--black-100); +} +.s-table tr.is-disabled th:not(.is-enabled), +.s-table tr.is-disabled td:not(.is-enabled) { + opacity: calc(var(--_o-disabled) * 0.6); +} +.tl-fixed { + table-layout: fixed !important; +} +.tl-auto { + table-layout: auto !important; +} +.s-table-container { + overflow-x: auto; + scrollbar-color: var(--scrollbar) transparent; +} +.s-table-container::-webkit-scrollbar { + width: calc(var(--su12) - var(--su2)); + height: calc(var(--su12) - var(--su2)); + background-color: transparent; +} +.s-table-container::-webkit-scrollbar-track { + border-radius: calc(var(--su12) - var(--su2)); + background-color: transparent; +} +.s-table-container::-webkit-scrollbar-thumb { + border-radius: calc(var(--su12) - var(--su2)); + background-color: var(--scrollbar); +} +.s-table-container::-webkit-scrollbar-corner { + background-color: transparent; + border-color: transparent; +} +.s-tag { + --_ta-bc: var(--theme-tag-border-color, var(--_ta-bg)); + --_ta-bg: var(--theme-tag-background-color, var(--black-150)); + --_ta-fc: var(--theme-tag-color, var(--black-600)); + --_ta-bc-hover: var(--theme-tag-hover-border-color, var(--_ta-bg-hover)); + --_ta-bg-hover: var(--theme-tag-hover-background-color, var(--black-200)); + --_ta-fc-hover: var(--theme-tag-hover-color, var(--black-600)); + --_ta-fs: var(--fs-caption); + --_ta-pb: calc(var(--_ta-pt) + var(--su1)); + --_ta-pl: var(--su8); + --_ta-pr: var(--su8); + --_ta-pt: var(--su4); + background-color: var(--_ta-bg); + border: var(--su1) solid var(--_ta-bc); + color: var(--_ta-fc); + font-size: var(--_ta-fs); + padding: var(--_ta-pt) var(--_ta-pr) var(--_ta-pb) var(--_ta-pl); + align-items: center; + display: inline-flex; + gap: var(--su4); + justify-content: center; + line-height: var(--lh-xs); + text-decoration: none; + white-space: nowrap; +} +body.theme-highcontrast .s-tag:is(a), +body.theme-highcontrast .s-tag a[href] { + text-decoration: underline; +} +body.theme-highcontrast .s-tag:not(body.theme-highcontrast .s-tag__moderator):not(body.theme-highcontrast .s-tag__required) { + --_ta-bc: var(--theme-tag-border-color, var(--black-300)); + --_ta-bc-hover: var(--theme-tag-hover-border-color, var(--black-300)); +} +body.theme-highcontrast .s-tag:not(body.theme-highcontrast .s-tag__moderator):not(body.theme-highcontrast .s-tag__required).s-tag__ignored { + --_ta-fc: var(--black-500); +} +.s-tag.s-tag__sm { + --_ta-pl: var(--su4); + --_ta-pr: var(--su4); + --_ta-pt: var(--su1); +} +.s-tag.s-tag__lg { + --_ta-fs: var(--fs-body1); + --_ta-pt: var(--su4); +} +.s-tag.s-tag__ignored:before, +.s-tag.s-tag__watched:before { + -webkit-mask: var(--_ta-before-icon) no-repeat center; + mask: var(--_ta-before-icon) no-repeat center; + background-color: currentColor; + content: ""; + display: block; + height: calc(var(--su16) - var(--su2)); + -webkit-mask-size: contain; + mask-size: contain; + width: calc(var(--su16) - var(--su2)); +} +.s-tag.s-tag__deleted, +.s-tag.s-tag__ignored, +.s-tag.s-tag__deleted.s-tag__required:not(.s-tag.s-tag__deleted__moderator), +.s-tag.s-tag__ignored.s-tag__required:not(.s-tag.s-tag__deleted__moderator), +.s-tag.s-tag__deleted.s-tag__required:not(.s-tag.s-tag__ignored__moderator), +.s-tag.s-tag__ignored.s-tag__required:not(.s-tag.s-tag__ignored__moderator), +.s-tag.s-tag__deleted.s-tag__moderator, +.s-tag.s-tag__ignored.s-tag__moderator { + --_ta-bc-hover: var(--_ta-bc); + --_ta-bg-hover: var(--_ta-bg); + --_ta-fc-hover: var(--_ta-fc); +} +.s-tag.s-tag__deleted { + --_ta-fc: var(--black-500); +} +.s-tag.s-tag__deleted.s-tag__required:not(.s-tag.s-tag__deleted__moderator) { + --_ta-bc: var(--black-300); + --_ta-fc: var(--black-400); +} +.s-tag.s-tag__ignored { + --_ta-bg-hover: var(--_ta-bg); + --_ta-before-icon: url("data:image/svg+xml;,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath d='M3.52 7.38 1.58 9.26A12.38 12.38 0 0 1 0 7s2.63-5.14 7.05-5.14c.66 0 1.28.12 1.86.32L7.44 3.6a3.48 3.48 0 0 0-3.92 3.78ZM5.3 9.99c.5.28 1.1.44 1.71.44 1.94 0 3.5-1.53 3.5-3.43 0-.62-.17-1.21-.47-1.72L8.7 6.6a1.73 1.73 0 0 1-2.08 2.07L5.29 10Zm6.23-6.19A12.7 12.7 0 0 1 14 7s-2.63 5.14-6.95 5.14A6.1 6.1 0 0 1 4 11.3L2.27 13l-1.4-1.36L11.9 1l1.23 1.2-1.6 1.6Z'/%3E%3C/svg%3E"); + --_ta-fc: var(--black-400); + --_ta-fc-hover: var(--black-400); +} +.s-tag.s-tag__moderator { + --_ta-bc: var(--orange-300); + --_ta-bg: var(--orange-100); + --_ta-fc: var(--orange-500); + --_ta-bc-hover: var(--orange-300); + --_ta-bg-hover: var(--orange-200); + --_ta-fc-hover: var(--orange-600); +} +.s-tag.s-tag__required:not(.s-tag__moderator) { + --_ta-bc: var(--theme-tag-required-border-color, var(--theme-tag-border-color, var(--black-500))); + --_ta-bc-hover: var(--theme-tag-required-hover-border-color, var(--theme-tag-hover-border-color, var(--black-600))); +} +.s-tag.s-tag__watched { + --_ta-before-icon: url("data:image/svg+xml;,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='12' viewBox='0 0 14 12'%3E%3Cpath d='M7.05 1C2.63 1 0 6.5 0 6.5S2.63 12 7.05 12C11.38 12 14 6.5 14 6.5S11.37 1 7.05 1ZM7 10.17A3.59 3.59 0 0 1 3.5 6.5 3.6 3.6 0 0 1 7 2.83c1.94 0 3.5 1.65 3.5 3.67A3.57 3.57 0 0 1 7 10.17Zm0-1.84c.97 0 1.75-.81 1.75-1.83S7.97 4.67 7 4.67s-1.75.81-1.75 1.83S6.03 8.33 7 8.33Z'/%3E%3C/svg%3E"); +} +.s-tag a { + color: var(--_ta-fc) !important; + margin: calc(var(--_ta-pt) * -1) calc(var(--_ta-pr) * -1) calc(var(--_ta-pb) * -1) calc(var(--_ta-pl) * -1); + padding: var(--_ta-pt) var(--_ta-pr) var(--_ta-pb) var(--_ta-pl); +} +.s-tag a:focus-visible { + box-shadow: 0 0 0 var(--su2) var(--focus-neutral), 0 0 0 var(--su4) var(--focus-theme); + outline: var(--su2) solid transparent !important; +} +.s-tag:has( > .s-tag--dismiss) { + --_ta-pr: var(--su2); +} +.s-tag .s-tag--dismiss { + all: unset; + align-items: center; + background-color: transparent; + color: inherit; + cursor: pointer; + display: flex; + justify-content: center; + margin: calc(var(--_ta-pt) * -1) 0 calc(var(--_ta-pb) * -1); + padding: var(--su2); +} +.s-tag .s-tag--dismiss:focus-visible { + box-shadow: 0 0 0 var(--su2) var(--focus-neutral), 0 0 0 var(--su4) var(--focus-theme); + outline: var(--su2) solid transparent !important; +} +.s-tag .s-tag--dismiss:hover { + background-color: var(--_ta-fc); + color: var(--_ta-bg); +} +.s-tag:has( > .s-tag--sponsor) { + --_ta-pl: var(--su2); +} +.s-tag .s-tag--sponsor { + max-width: calc(var(--su16) + var(--su2)); + margin: calc(var(--_ta-pt) * -1) 0 calc(var(--_ta-pb) * -1) 0; +} +.s-tag .s-tag--sponsor img, +.s-tag .s-tag--sponsor .svg-icon { + width: 100%; + height: 100%; +} +.s-tag:has([href]), +.s-tag a { + text-decoration: none; +} +.s-tag a:not([class]):hover, +.s-tag a:not([class]):active { + background-color: var(--_ta-bg-hover); + border-color: var(--_ta-bc-hover); + color: var(--_ta-fc-hover); +} +.s-tag:focus-visible { + border-color: var(--focus-neutral) !important; + box-shadow: 0 0 0 var(--su1) var(--focus-neutral), 0 0 0 var(--su3) var(--focus-theme); + outline: var(--su2) solid transparent !important; +} +.s-toast { + display: flex; + justify-content: center; + left: var(--su8); + opacity: 0; + pointer-events: none; + position: fixed; + right: var(--su8); + top: var(--su16); + transform: translate3d(0, -66px, 0); + transition: transform 100ms var(--te-smooth-slow) 0s, opacity 60ms var(--te-smooth-slow) 0ms, visibility 0s 150ms; + visibility: hidden; + z-index: calc(var(--zi-modals) + 1); +} +@media (prefers-reduced-motion) { + .s-toast { + transform: none !important; + } +} +.s-toast[aria-hidden="false"] { + opacity: 1; + transform: translate3d(0, 0, 0); + transition: visibility 0s 0s, opacity 100ms var(--te-smooth) 0s, transform 100ms var(--te-smooth) 0s; + visibility: visible; +} +.s-toast .s-notice { + box-shadow: var(--bs-sm); + max-width: 38.5rem; + padding-bottom: var(--su8); + padding-top: var(--su8); + pointer-events: all; + display: flex; + align-items: center; + min-width: var(--su448); +} +.s-toggle-switch { + --_ts-bg: var(--black-300); + --_ts-bg-image: url("data:image/svg+xml;,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e"); + --_ts-bg-ps: left center; + --_ts-multiple-bg: unset; + --_ts-multiple-fc: var(--black-400); +} +@media (prefers-color-scheme: dark) { + body.theme-system .s-toggle-switch { + --_ts-bg-image: url("data:image/svg+xml;,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23141414'/%3e%3c/svg%3e"); + } +} +body.theme-dark .s-toggle-switch, +.theme-dark__forced .s-toggle-switch, +body.theme-system .theme-dark__forced .s-toggle-switch { + --_ts-bg-image: url("data:image/svg+xml;,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23141414'/%3e%3c/svg%3e"); +} +fieldset[disabled] .s-toggle-switch, +.s-toggle-switch[disabled], +fieldset[disabled] .s-toggle-switch label, +.s-toggle-switch[disabled] label { + cursor: not-allowed; + opacity: var(--_o-disabled-static); +} +.s-toggle-switch.s-toggle-switch__multiple { + align-items: stretch; + display: flex; + border: var(--su2) solid var(--black-150); + border-radius: var(--br-pill); + background-color: var(--black-150); +} +.s-toggle-switch.s-toggle-switch__multiple input[type="radio"] { + left: -999em; + margin: 0; + opacity: 0; + position: absolute; +} +.s-toggle-switch.s-toggle-switch__multiple input[type="radio"]:checked + label { + --_ts-multiple-bg: var(--black-050); + --_ts-multiple-fc: var(--black); +} +.s-toggle-switch.s-toggle-switch__multiple input[type="radio"]:not(:checked) + label { + --_ts-multiple-fc: var(--black-400); +} +.s-toggle-switch.s-toggle-switch__multiple input[type="radio"]:focus-visible + label { + box-shadow: inset 0 0 0 var(--su2) var(--focus-theme), inset 0 0 0 var(--su4) var(--focus-neutral); + outline: var(--su2) solid transparent !important; +} +.s-toggle-switch.s-toggle-switch__multiple label { + background-color: var(--_ts-multiple-bg); + color: var(--_ts-multiple-fc); + border-radius: var(--br-pill); + cursor: pointer; + font-size: var(--fs-body1); + font-weight: 400; + line-height: 1; + margin: 0; + padding: calc(var(--su4) + var(--su1)) calc(var(--su8) + var(--su2)); + text-align: center; + white-space: nowrap; + width: 100%; + -webkit-touch-callout: none; + -webkit-user-select: none; + user-select: none; +} +input[type="checkbox"].s-toggle-switch { + background-color: var(--_ts-bg); + background-position: var(--_ts-bg-ps); + appearance: none; + background-image: var(--_ts-bg-image); + background-size: contain; + background-repeat: no-repeat; + border-radius: 1000px; + cursor: pointer; + flex-shrink: 0; + height: var(--su24); + margin: 0; + transition: background-position 0.2s ease; + vertical-align: top; + width: calc(var(--su48) - var(--su4)); +} +input[type="checkbox"].s-toggle-switch:checked { + --_ts-bg: var(--green-400); + --_ts-bg-ps: right center; +} +input[type="checkbox"].s-toggle-switch:focus-visible { + box-shadow: 0 0 0 var(--su2) var(--focus-neutral), 0 0 0 var(--su4) var(--focus-theme); + outline: var(--su2) solid transparent !important; +} +input[type="checkbox"].s-toggle-switch[disabled] { + cursor: default; +} +.s-user-card { + --_uc-ai: center; + --_uc-fd: unset; + --_uc-column-gap: var(--su6); + --_uc-group-gap: var(--su4); + --_uc-row-gap: var(--su6); + --_uc-username-fs: unset; + --_uc-username-p: unset; + --_uc-username-bl: unset; + --_uc-username-bg: unset; + --_uc-username-fc: var(--black-600); + --_uc-username-d: unset; + --_uc-username-ai: unset; + align-items: var(--_uc-ai); + color: var(--black-500); + display: flex; + flex-direction: var(--_uc-fd); + flex-wrap: wrap; + font-size: var(--fs-caption); + gap: var(--su6); +} +body.theme-highcontrast .s-user-card a[href] { + text-decoration: underline; +} +.s-user-card.s-user-card__lg { + --_uc-ai: flex-start; + --_uc-fd: column; + --_uc-username-fs: var(--fs-body3); +} +.s-user-card.s-user-card__lg .s-avatar { + margin-right: var(--su6); +} +.s-user-card.s-user-card__lg .s-user-card--username { + margin-right: var(--su2); +} +.s-user-card.s-user-card__lg .s-user-card--group:has(> .s-user-card--rep) { + margin-top: var(--sun2); +} +.s-user-card.s-user-card__deleted { + --_uc-username-fc: var(--black-400); +} +.s-user-card a { + text-decoration: none; +} +.s-user-card .s-user-card--bio { + display: -webkit-box; + -webkit-line-clamp: 3; + -webkit-box-orient: vertical; + overflow: hidden; + color: var(--black-400); +} +.s-user-card .s-user-card--recognition { + --_uc-row-gap: var(--su4); +} +.s-user-card .s-user-card--recognition, +.s-user-card .s-user-card--recognition a { + color: var(--theme-primary); +} +.s-user-card .s-user-card--recognition-additional-bling, +.s-user-card .s-user-card--recognition-additional-bling a { + color: var(--theme-primary); +} +.s-user-card .s-user-card--rep { + color: var(--black-600); + font-weight: 600; +} +.s-user-card .s-user-card--time { + color: var(--black-400); +} +.s-user-card .s-user-card--username { + align-items: var(--_uc-username-ai); + background-color: var(--_uc-username-bg); + border-left: var(--_uc-username-bl); + color: var(--_uc-username-fc); + display: var(--_uc-username-d); + font-size: var(--_uc-username-fs); + font-weight: 500; + min-width: 0; + overflow-wrap: break-word; + padding: var(--_uc-username-p); + word-break: break-all; +} +.s-user-card--username__op { + --_uc-username-p: var(--su3) var(--su4) var(--su3) var(--su4); + --_uc-username-bg: var(--blue-100); + --_uc-username-bl: var(--su4) solid var(--blue-300); + --_uc-username-d: flex; + --_uc-username-ai: center; +} +.s-user-card__sm .s-user-card--username__op { + --_uc-username-p: 0 var(--su4); +} +.s-user-card .s-user-card--column { + align-items: flex-start; + display: flex; + flex-direction: column; + gap: var(--_uc-column-gap); +} +.s-user-card .s-user-card--group { + align-items: center; + display: flex; + gap: var(--_uc-group-gap); +} +.s-user-card .s-user-card--group:has(> .s-avatar) { + --_uc-group-gap: var(--su6); +} +.s-user-card .s-user-card--group:has(+ .s-user-card--time) { + margin-right: var(--su2); +} +.s-user-card ul.s-user-card--group { + list-style: none; + margin: 0; + padding: 0; +} +.s-user-card ul.s-user-card--group.s-user-card--group__split li:not(:last-child):after { + background-color: var(--black-350); + content: ""; + display: block; + margin-left: var(--su4); + width: var(--su4); + height: var(--su4); +} +.s-user-card ul.s-user-card--group li { + align-items: center; + display: inline-flex; + gap: var(--su2); +} +.s-user-card .s-user-card--row { + align-items: center; + display: flex; + flex-direction: row; + flex-wrap: wrap; + gap: var(--_uc-row-gap); +} +.s-vote { + --_vo-fd: column; + --_vo-child-bg: var(--black-150); + --_vo-child-br: unset; + --_vo-child-fd: var(--_vo-fd); + --_vo-child-g: calc(var(--su8) + var(--su2)); + --_vo-child-h: unset; + --_vo-child-w: calc(var(--su48) + var(--su2)); + --_vo-child-p: unset; + flex-direction: var(--_vo-fd); + display: flex; +} +.s-vote:not(.s-vote__horizontal) :first-child { + --_vo-child-p: calc(var(--su12) + var(--su2)) 0 calc(var(--su12) - var(--su2)); + --_vo-child-br: var(--br-pill) var(--br-pill) 0 0; +} +.s-vote:not(.s-vote__horizontal) :last-child { + --_vo-child-p: calc(var(--su12) - var(--su2)) 0 calc(var(--su12) + var(--su2)); + --_vo-child-br: 0 0 var(--br-pill) var(--br-pill); +} +.s-vote:not(.s-vote__horizontal) :only-child { + --_vo-child-br: var(--br-pill); + --_vo-child-g: calc(var(--su16) + var(--su4)); + --_vo-child-p: calc(var(--su12) + var(--su2)) 0; +} +.s-vote.s-vote__expanded { + --_vo-child-g: var(--su2); + --_vo-child-p: 0; +} +.s-vote.s-vote__expanded .s-vote--total { + display: none; +} +.s-vote.s-vote__expanded .s-vote--upvotes, +.s-vote.s-vote__expanded .s-vote--downvotes { + display: block; +} +.s-vote.s-vote__horizontal { + --_vo-fd: row; + --_vo-child-h: var(--su32); + --_vo-child-p: 0 var(--su4); + --_vo-child-w: unset; +} +.s-vote.s-vote__horizontal :first-child { + --_vo-child-p: 0 var(--su6) 0 calc(var(--su8) + var(--su2)); + --_vo-child-br: var(--br-pill) 0 0 var(--br-pill); +} +.s-vote.s-vote__horizontal :last-child { + --_vo-child-p: 0 calc(var(--su8) + var(--su2)) 0 var(--su6); + --_vo-child-br: 0 var(--br-pill) var(--br-pill) 0; +} +.s-vote.s-vote__horizontal .s-vote--votes:last-child:not(:only-child) { + --_vo-child-p: 0 calc(var(--su12) + var(--su2)) 0 var(--su4); +} +.s-vote.s-vote__horizontal :only-child { + --_vo-child-br: var(--br-pill); + --_vo-child-g: calc(var(--su8) + var(--su2)); + --_vo-child-p: 0 calc(var(--su12) + var(--su2)) 0 calc(var(--su8) + var(--su2)); +} +.s-vote > button { + appearance: none; + -webkit-appearance: none; + background: none; + border: 0; + color: inherit; + cursor: pointer; + font: inherit; + margin: 0; + padding: 0; +} +.s-vote .s-vote--btn, +.s-vote > .s-vote--votes { + background-color: var(--_vo-child-bg); + border-radius: var(--_vo-child-br); + flex-direction: var(--_vo-child-fd); + gap: var(--_vo-child-g); + height: var(--_vo-child-h); + padding: var(--_vo-child-p); + width: var(--_vo-child-w); + align-items: center; + display: inline-flex; + justify-content: center; + overflow: hidden; + font-weight: 600; + text-align: center; + white-space: nowrap; +} +.s-vote .s-vote--upvotes, +.s-vote .s-vote--downvotes { + display: none; +} +.s-vote .s-vote--upvotes { + color: var(--green-500); +} +.s-vote .s-vote--downvotes { + color: var(--red-500); +} +.s-vote > button:focus-visible, +.s-vote .s-vote--btn:focus-visible { + box-shadow: inset 0 0 0 var(--su2) var(--focus-theme), inset 0 0 0 var(--su4) var(--focus-neutral); + outline: var(--su2) solid transparent !important; +} +.s-vote > button:hover, +.s-vote .s-vote--btn:hover { + --_vo-child-bg: var(--black-200); +} +/* stylelint-disable */ +@media (max-width: 92.25rem) { + .lg\\:ta-left { + text-align: left !important; + } + .lg\\:ta-center { + text-align: center !important; + } + .lg\\:ta-right { + text-align: right !important; + } + .lg\\:ba { + border-style: solid !important; + border-width: var(--su1) !important; + } + .lg\\:bt { + border-top-style: solid !important; + border-top-width: var(--su1) !important; + } + .lg\\:br { + border-right-style: solid !important; + border-right-width: var(--su1) !important; + } + .lg\\:bb { + border-bottom-style: solid !important; + border-bottom-width: var(--su1) !important; + } + .lg\\:bl { + border-left-style: solid !important; + border-left-width: var(--su1) !important; + } + .lg\\:baw0 { + border-width: 0 !important; + } + .lg\\:btw0 { + border-top-width: 0 !important; + } + .lg\\:brw0 { + border-right-width: 0 !important; + } + .lg\\:bbw0 { + border-bottom-width: 0 !important; + } + .lg\\:blw0 { + border-left-width: 0 !important; + } + .lg\\:bar0 { + border-radius: 0 !important; + } + .lg\\:bs-none { + box-shadow: none !important; + } + .lg\\:d-block { + display: block !important; + } + .lg\\:d-flex { + display: flex !important; + } + .lg\\:d-inline-flex { + display: inline-flex !important; + } + .lg\\:d-grid { + display: grid !important; + } + .lg\\:d-inline-grid { + display: inline-grid !important; + } + .lg\\:d-inline { + display: inline !important; + } + .lg\\:d-inline-block { + display: inline-block !important; + } + .lg\\:d-none { + display: none !important; + } + .lg\\:fd-row { + flex-direction: row !important; + } + .lg\\:fd-row-reverse { + flex-direction: row-reverse !important; + } + .lg\\:fd-column { + flex-direction: column !important; + } + .lg\\:fd-column-reverse { + flex-direction: column-reverse !important; + } + .lg\\:fw-wrap { + flex-wrap: wrap !important; + } + .lg\\:fw-reverse { + flex-wrap: wrap-reverse !important; + } + .lg\\:fw-nowrap { + flex-wrap: nowrap !important; + } + .lg\\:jc-center { + justify-content: center !important; + } + .lg\\:jc-end { + justify-content: flex-end !important; + } + .lg\\:jc-space-around { + justify-content: space-around !important; + } + .lg\\:jc-space-between { + justify-content: space-between !important; + } + .lg\\:jc-space-evenly { + justify-content: space-evenly !important; + } + .lg\\:jc-start { + justify-content: flex-start !important; + } + .lg\\:ai-baseline { + align-items: baseline !important; + } + .lg\\:ai-center { + align-items: center !important; + } + .lg\\:ai-end { + align-items: flex-end !important; + } + .lg\\:ai-start { + align-items: flex-start !important; + } + .lg\\:ai-stretch { + align-items: stretch !important; + } + .lg\\:fl-grow1 { + flex-grow: 1 !important; + } + .lg\\:fl-grow0 { + flex-grow: 0 !important; + } + .lg\\:fl-shrink1 { + flex-shrink: 1 !important; + } + .lg\\:fl-shrink0 { + flex-shrink: 0 !important; + } + .lg\\:fl-none { + flex: none !important; + } + .lg\\:fl-initial { + flex: 0 1 auto !important; + } + .lg\\:fl-auto { + flex: 1 1 auto !important; + } + .lg\\:fl-equal { + flex: 1 1 0% !important; + } + .lg\\:order-first { + order: -1 !important; + } + .lg\\:order-last { + order: 1 !important; + } + .lg\\:fl0 { + flex: 0 auto !important; + } + .lg\\:fl1 { + flex: 1 auto !important; + } + .lg\\:g0 { + --_gap-y: 0; + --_gap-x: 0; + } + .lg\\:g1 { + --_gap-y: var(--su1); + --_gap-x: var(--su1); + } + .lg\\:g2 { + --_gap-y: var(--su2); + --_gap-x: var(--su2); + } + .lg\\:g4 { + --_gap-y: var(--su4); + --_gap-x: var(--su4); + } + .lg\\:g6 { + --_gap-y: var(--su6); + --_gap-x: var(--su6); + } + .lg\\:g8 { + --_gap-y: var(--su8); + --_gap-x: var(--su8); + } + .lg\\:g12 { + --_gap-y: var(--su12); + --_gap-x: var(--su12); + } + .lg\\:g16 { + --_gap-y: var(--su16); + --_gap-x: var(--su16); + } + .lg\\:g24 { + --_gap-y: var(--su24); + --_gap-x: var(--su24); + } + .lg\\:g32 { + --_gap-y: var(--su32); + --_gap-x: var(--su32); + } + .lg\\:g48 { + --_gap-y: var(--su48); + --_gap-x: var(--su48); + } + .lg\\:g64 { + --_gap-y: var(--su64); + --_gap-x: var(--su64); + } + .lg\\:gx0 { + --_gap-x: 0; + } + .lg\\:gx1 { + --_gap-x: var(--su1); + } + .lg\\:gx2 { + --_gap-x: var(--su2); + } + .lg\\:gx4 { + --_gap-x: var(--su4); + } + .lg\\:gx6 { + --_gap-x: var(--su6); + } + .lg\\:gx8 { + --_gap-x: var(--su8); + } + .lg\\:gx12 { + --_gap-x: var(--su12); + } + .lg\\:gx16 { + --_gap-x: var(--su16); + } + .lg\\:gx24 { + --_gap-x: var(--su24); + } + .lg\\:gx32 { + --_gap-x: var(--su32); + } + .lg\\:gx48 { + --_gap-x: var(--su48); + } + .lg\\:gx64 { + --_gap-x: var(--su64); + } + .lg\\:gy0 { + --_gap-y: 0; + } + .lg\\:gy1 { + --_gap-y: var(--su1); + } + .lg\\:gy2 { + --_gap-y: var(--su2); + } + .lg\\:gy4 { + --_gap-y: var(--su4); + } + .lg\\:gy6 { + --_gap-y: var(--su6); + } + .lg\\:gy8 { + --_gap-y: var(--su8); + } + .lg\\:gy12 { + --_gap-y: var(--su12); + } + .lg\\:gy16 { + --_gap-y: var(--su16); + } + .lg\\:gy24 { + --_gap-y: var(--su24); + } + .lg\\:gy32 { + --_gap-y: var(--su32); + } + .lg\\:gy48 { + --_gap-y: var(--su48); + } + .lg\\:gy64 { + --_gap-y: var(--su64); + } + .lg\\:g-af-dense { + grid-auto-flow: dense; + } + .lg\\:g-af-row { + grid-auto-flow: row; + } + .lg\\:g-af-column { + grid-auto-flow: column; + } + .lg\\:grid__1 { + grid-template-columns: repeat(1, minmax(0, 1fr)); + } + .lg\\:grid__2 { + grid-template-columns: repeat(2, minmax(0, 1fr)); + } + .lg\\:grid__3 { + grid-template-columns: repeat(3, minmax(0, 1fr)); + } + .lg\\:grid__4 { + grid-template-columns: repeat(4, minmax(0, 1fr)); + } + .lg\\:grid__5 { + grid-template-columns: repeat(5, minmax(0, 1fr)); + } + .lg\\:grid__6 { + grid-template-columns: repeat(6, minmax(0, 1fr)); + } + .lg\\:grid__7 { + grid-template-columns: repeat(7, minmax(0, 1fr)); + } + .lg\\:grid__8 { + grid-template-columns: repeat(8, minmax(0, 1fr)); + } + .lg\\:grid__9 { + grid-template-columns: repeat(9, minmax(0, 1fr)); + } + .lg\\:grid__10 { + grid-template-columns: repeat(10, minmax(0, 1fr)); + } + .lg\\:grid__11 { + grid-template-columns: repeat(11, minmax(0, 1fr)); + } + .lg\\:grid__12 { + grid-template-columns: repeat(12, minmax(0, 1fr)); + } + .lg\\:grid__auto { + grid-template-columns: auto 1fr; + } + .lg\\:grid--col-all { + grid-column: 1 / -1; + } + .lg\\:grid--row-all { + grid-row: 1 / -1; + } + .lg\\:grid--col1 { + grid-column: span 1; + } + .lg\\:grid--col2 { + grid-column: span 2; + } + .lg\\:grid--col3 { + grid-column: span 3; + } + .lg\\:grid--col4 { + grid-column: span 4; + } + .lg\\:grid--col5 { + grid-column: span 5; + } + .lg\\:grid--col6 { + grid-column: span 6; + } + .lg\\:grid--col7 { + grid-column: span 7; + } + .lg\\:grid--col8 { + grid-column: span 8; + } + .lg\\:grid--col9 { + grid-column: span 9; + } + .lg\\:grid--col10 { + grid-column: span 10; + } + .lg\\:grid--col11 { + grid-column: span 11; + } + .lg\\:grid--col12 { + grid-column: span 12; + } + .lg\\:grid--row1 { + grid-row: span 1; + } + .lg\\:grid--row2 { + grid-row: span 2; + } + .lg\\:grid--row3 { + grid-row: span 3; + } + .lg\\:grid--row4 { + grid-row: span 4; + } + .lg\\:grid--row5 { + grid-row: span 5; + } + .lg\\:grid--row6 { + grid-row: span 6; + } + .lg\\:grid--row7 { + grid-row: span 7; + } + .lg\\:grid--row8 { + grid-row: span 8; + } + .lg\\:grid--row9 { + grid-row: span 9; + } + .lg\\:grid--row10 { + grid-row: span 10; + } + .lg\\:grid--row11 { + grid-row: span 11; + } + .lg\\:grid--row12 { + grid-row: span 12; + } + .lg\\:grid--col-start1 { + grid-column-start: 1; + } + .lg\\:grid--col-start2 { + grid-column-start: 2; + } + .lg\\:grid--col-start3 { + grid-column-start: 3; + } + .lg\\:grid--col-start4 { + grid-column-start: 4; + } + .lg\\:grid--col-start5 { + grid-column-start: 5; + } + .lg\\:grid--col-start6 { + grid-column-start: 6; + } + .lg\\:grid--col-start7 { + grid-column-start: 7; + } + .lg\\:grid--col-start8 { + grid-column-start: 8; + } + .lg\\:grid--col-start9 { + grid-column-start: 9; + } + .lg\\:grid--col-start10 { + grid-column-start: 10; + } + .lg\\:grid--col-start11 { + grid-column-start: 11; + } + .lg\\:grid--col-start12 { + grid-column-start: 12; + } + .lg\\:grid--col-end2 { + grid-column-end: 2; + } + .lg\\:grid--col-end3 { + grid-column-end: 3; + } + .lg\\:grid--col-end4 { + grid-column-end: 4; + } + .lg\\:grid--col-end5 { + grid-column-end: 5; + } + .lg\\:grid--col-end6 { + grid-column-end: 6; + } + .lg\\:grid--col-end7 { + grid-column-end: 7; + } + .lg\\:grid--col-end8 { + grid-column-end: 8; + } + .lg\\:grid--col-end9 { + grid-column-end: 9; + } + .lg\\:grid--col-end10 { + grid-column-end: 10; + } + .lg\\:grid--col-end11 { + grid-column-end: 11; + } + .lg\\:grid--col-end12 { + grid-column-end: 12; + } + .lg\\:grid--col-end13 { + grid-column-end: 13; + } + .lg\\:grid--row-start1 { + grid-row-start: 1; + } + .lg\\:grid--row-start2 { + grid-row-start: 2; + } + .lg\\:grid--row-start3 { + grid-row-start: 3; + } + .lg\\:grid--row-start4 { + grid-row-start: 4; + } + .lg\\:grid--row-start5 { + grid-row-start: 5; + } + .lg\\:grid--row-start6 { + grid-row-start: 6; + } + .lg\\:grid--row-start7 { + grid-row-start: 7; + } + .lg\\:grid--row-start8 { + grid-row-start: 8; + } + .lg\\:grid--row-start9 { + grid-row-start: 9; + } + .lg\\:grid--row-start10 { + grid-row-start: 10; + } + .lg\\:grid--row-start11 { + grid-row-start: 11; + } + .lg\\:grid--row-start12 { + grid-row-start: 12; + } + .lg\\:grid--row-end2 { + grid-row-end: 2; + } + .lg\\:grid--row-end3 { + grid-row-end: 3; + } + .lg\\:grid--row-end4 { + grid-row-end: 4; + } + .lg\\:grid--row-end5 { + grid-row-end: 5; + } + .lg\\:grid--row-end6 { + grid-row-end: 6; + } + .lg\\:grid--row-end7 { + grid-row-end: 7; + } + .lg\\:grid--row-end8 { + grid-row-end: 8; + } + .lg\\:grid--row-end9 { + grid-row-end: 9; + } + .lg\\:grid--row-end10 { + grid-row-end: 10; + } + .lg\\:grid--row-end11 { + grid-row-end: 11; + } + .lg\\:grid--row-end12 { + grid-row-end: 12; + } + .lg\\:grid--row-end13 { + grid-row-end: 13; + } + .lg\\:ji-auto { + justify-items: auto !important; + } + .lg\\:ji-center { + justify-items: center !important; + } + .lg\\:ji-start { + justify-items: start !important; + } + .lg\\:ji-end { + justify-items: end !important; + } + .lg\\:ji-stretch { + justify-items: stretch !important; + } + .lg\\:ji-unset { + justify-items: unset !important; + } + .lg\\:js-auto { + justify-self: auto !important; + } + .lg\\:js-center { + justify-self: center !important; + } + .lg\\:js-start { + justify-self: start !important; + } + .lg\\:js-end { + justify-self: end !important; + } + .lg\\:js-stretch { + justify-self: stretch !important; + } + .lg\\:js-unset { + justify-self: unset !important; + } + .lg\\:h100 { + height: 100% !important; + } + .lg\\:h-auto { + height: auto !important; + } + .lg\\:h-screen { + height: 100vh !important; + } + .lg\\:hmn100 { + min-height: 100% !important; + } + .lg\\:hmn-initial { + min-height: initial !important; + } + .lg\\:hmn-screen { + min-height: 100vh !important; + } + .lg\\:hmx100 { + max-height: 100% !important; + } + .lg\\:hmx-initial { + max-height: initial !important; + } + .lg\\:hmx-screen { + max-height: 100vh !important; + } + .lg\\:m0 { + margin: var(--su0) !important; + } + .lg\\:m1 { + margin: var(--su1) !important; + } + .lg\\:m2 { + margin: var(--su2) !important; + } + .lg\\:m4 { + margin: var(--su4) !important; + } + .lg\\:m6 { + margin: var(--su6) !important; + } + .lg\\:m8 { + margin: var(--su8) !important; + } + .lg\\:m12 { + margin: var(--su12) !important; + } + .lg\\:m16 { + margin: var(--su16) !important; + } + .lg\\:m24 { + margin: var(--su24) !important; + } + .lg\\:m32 { + margin: var(--su32) !important; + } + .lg\\:m48 { + margin: var(--su48) !important; + } + .lg\\:m64 { + margin: var(--su64) !important; + } + .lg\\:m96 { + margin: var(--su96) !important; + } + .lg\\:m128 { + margin: var(--su128) !important; + } + .lg\\:mn1 { + margin: var(--sun1) !important; + } + .lg\\:mn2 { + margin: var(--sun2) !important; + } + .lg\\:mn4 { + margin: var(--sun4) !important; + } + .lg\\:mn6 { + margin: var(--sun6) !important; + } + .lg\\:mn8 { + margin: var(--sun8) !important; + } + .lg\\:mn12 { + margin: var(--sun12) !important; + } + .lg\\:mn16 { + margin: var(--sun16) !important; + } + .lg\\:mn24 { + margin: var(--sun24) !important; + } + .lg\\:mn32 { + margin: var(--sun32) !important; + } + .lg\\:mn48 { + margin: var(--sun48) !important; + } + .lg\\:mn64 { + margin: var(--sun64) !important; + } + .lg\\:mn96 { + margin: var(--sun96) !important; + } + .lg\\:mn128 { + margin: var(--sun128) !important; + } + .lg\\:m50 { + margin: 50% !important; + } + .lg\\:m100 { + margin: 100% !important; + } + .lg\\:mn50 { + margin: -50% !important; + } + .lg\\:mn100 { + margin: -100% !important; + } + .lg\\:mt0 { + margin-top: var(--su0) !important; + } + .lg\\:mt1 { + margin-top: var(--su1) !important; + } + .lg\\:mt2 { + margin-top: var(--su2) !important; + } + .lg\\:mt4 { + margin-top: var(--su4) !important; + } + .lg\\:mt6 { + margin-top: var(--su6) !important; + } + .lg\\:mt8 { + margin-top: var(--su8) !important; + } + .lg\\:mt12 { + margin-top: var(--su12) !important; + } + .lg\\:mt16 { + margin-top: var(--su16) !important; + } + .lg\\:mt24 { + margin-top: var(--su24) !important; + } + .lg\\:mt32 { + margin-top: var(--su32) !important; + } + .lg\\:mt48 { + margin-top: var(--su48) !important; + } + .lg\\:mt64 { + margin-top: var(--su64) !important; + } + .lg\\:mt96 { + margin-top: var(--su96) !important; + } + .lg\\:mt128 { + margin-top: var(--su128) !important; + } + .lg\\:mtn1 { + margin-top: var(--sun1) !important; + } + .lg\\:mtn2 { + margin-top: var(--sun2) !important; + } + .lg\\:mtn4 { + margin-top: var(--sun4) !important; + } + .lg\\:mtn6 { + margin-top: var(--sun6) !important; + } + .lg\\:mtn8 { + margin-top: var(--sun8) !important; + } + .lg\\:mtn12 { + margin-top: var(--sun12) !important; + } + .lg\\:mtn16 { + margin-top: var(--sun16) !important; + } + .lg\\:mtn24 { + margin-top: var(--sun24) !important; + } + .lg\\:mtn32 { + margin-top: var(--sun32) !important; + } + .lg\\:mtn48 { + margin-top: var(--sun48) !important; + } + .lg\\:mtn64 { + margin-top: var(--sun64) !important; + } + .lg\\:mtn96 { + margin-top: var(--sun96) !important; + } + .lg\\:mtn128 { + margin-top: var(--sun128) !important; + } + .lg\\:mt50 { + margin-top: 50% !important; + } + .lg\\:mt100 { + margin-top: 100% !important; + } + .lg\\:mtn50 { + margin-top: -50% !important; + } + .lg\\:mtn100 { + margin-top: -100% !important; + } + .lg\\:mr0 { + margin-right: var(--su0) !important; + } + .lg\\:mr1 { + margin-right: var(--su1) !important; + } + .lg\\:mr2 { + margin-right: var(--su2) !important; + } + .lg\\:mr4 { + margin-right: var(--su4) !important; + } + .lg\\:mr6 { + margin-right: var(--su6) !important; + } + .lg\\:mr8 { + margin-right: var(--su8) !important; + } + .lg\\:mr12 { + margin-right: var(--su12) !important; + } + .lg\\:mr16 { + margin-right: var(--su16) !important; + } + .lg\\:mr24 { + margin-right: var(--su24) !important; + } + .lg\\:mr32 { + margin-right: var(--su32) !important; + } + .lg\\:mr48 { + margin-right: var(--su48) !important; + } + .lg\\:mr64 { + margin-right: var(--su64) !important; + } + .lg\\:mr96 { + margin-right: var(--su96) !important; + } + .lg\\:mr128 { + margin-right: var(--su128) !important; + } + .lg\\:mrn1 { + margin-right: var(--sun1) !important; + } + .lg\\:mrn2 { + margin-right: var(--sun2) !important; + } + .lg\\:mrn4 { + margin-right: var(--sun4) !important; + } + .lg\\:mrn6 { + margin-right: var(--sun6) !important; + } + .lg\\:mrn8 { + margin-right: var(--sun8) !important; + } + .lg\\:mrn12 { + margin-right: var(--sun12) !important; + } + .lg\\:mrn16 { + margin-right: var(--sun16) !important; + } + .lg\\:mrn24 { + margin-right: var(--sun24) !important; + } + .lg\\:mrn32 { + margin-right: var(--sun32) !important; + } + .lg\\:mrn48 { + margin-right: var(--sun48) !important; + } + .lg\\:mrn64 { + margin-right: var(--sun64) !important; + } + .lg\\:mrn96 { + margin-right: var(--sun96) !important; + } + .lg\\:mrn128 { + margin-right: var(--sun128) !important; + } + .lg\\:mr50 { + margin-right: 50% !important; + } + .lg\\:mr100 { + margin-right: 100% !important; + } + .lg\\:mrn50 { + margin-right: -50% !important; + } + .lg\\:mrn100 { + margin-right: -100% !important; + } + .lg\\:mb0 { + margin-bottom: var(--su0) !important; + } + .lg\\:mb1 { + margin-bottom: var(--su1) !important; + } + .lg\\:mb2 { + margin-bottom: var(--su2) !important; + } + .lg\\:mb4 { + margin-bottom: var(--su4) !important; + } + .lg\\:mb6 { + margin-bottom: var(--su6) !important; + } + .lg\\:mb8 { + margin-bottom: var(--su8) !important; + } + .lg\\:mb12 { + margin-bottom: var(--su12) !important; + } + .lg\\:mb16 { + margin-bottom: var(--su16) !important; + } + .lg\\:mb24 { + margin-bottom: var(--su24) !important; + } + .lg\\:mb32 { + margin-bottom: var(--su32) !important; + } + .lg\\:mb48 { + margin-bottom: var(--su48) !important; + } + .lg\\:mb64 { + margin-bottom: var(--su64) !important; + } + .lg\\:mb96 { + margin-bottom: var(--su96) !important; + } + .lg\\:mb128 { + margin-bottom: var(--su128) !important; + } + .lg\\:mbn1 { + margin-bottom: var(--sun1) !important; + } + .lg\\:mbn2 { + margin-bottom: var(--sun2) !important; + } + .lg\\:mbn4 { + margin-bottom: var(--sun4) !important; + } + .lg\\:mbn6 { + margin-bottom: var(--sun6) !important; + } + .lg\\:mbn8 { + margin-bottom: var(--sun8) !important; + } + .lg\\:mbn12 { + margin-bottom: var(--sun12) !important; + } + .lg\\:mbn16 { + margin-bottom: var(--sun16) !important; + } + .lg\\:mbn24 { + margin-bottom: var(--sun24) !important; + } + .lg\\:mbn32 { + margin-bottom: var(--sun32) !important; + } + .lg\\:mbn48 { + margin-bottom: var(--sun48) !important; + } + .lg\\:mbn64 { + margin-bottom: var(--sun64) !important; + } + .lg\\:mbn96 { + margin-bottom: var(--sun96) !important; + } + .lg\\:mbn128 { + margin-bottom: var(--sun128) !important; + } + .lg\\:mb50 { + margin-bottom: 50% !important; + } + .lg\\:mb100 { + margin-bottom: 100% !important; + } + .lg\\:mbn50 { + margin-bottom: -50% !important; + } + .lg\\:mbn100 { + margin-bottom: -100% !important; + } + .lg\\:ml0 { + margin-left: var(--su0) !important; + } + .lg\\:ml1 { + margin-left: var(--su1) !important; + } + .lg\\:ml2 { + margin-left: var(--su2) !important; + } + .lg\\:ml4 { + margin-left: var(--su4) !important; + } + .lg\\:ml6 { + margin-left: var(--su6) !important; + } + .lg\\:ml8 { + margin-left: var(--su8) !important; + } + .lg\\:ml12 { + margin-left: var(--su12) !important; + } + .lg\\:ml16 { + margin-left: var(--su16) !important; + } + .lg\\:ml24 { + margin-left: var(--su24) !important; + } + .lg\\:ml32 { + margin-left: var(--su32) !important; + } + .lg\\:ml48 { + margin-left: var(--su48) !important; + } + .lg\\:ml64 { + margin-left: var(--su64) !important; + } + .lg\\:ml96 { + margin-left: var(--su96) !important; + } + .lg\\:ml128 { + margin-left: var(--su128) !important; + } + .lg\\:mln1 { + margin-left: var(--sun1) !important; + } + .lg\\:mln2 { + margin-left: var(--sun2) !important; + } + .lg\\:mln4 { + margin-left: var(--sun4) !important; + } + .lg\\:mln6 { + margin-left: var(--sun6) !important; + } + .lg\\:mln8 { + margin-left: var(--sun8) !important; + } + .lg\\:mln12 { + margin-left: var(--sun12) !important; + } + .lg\\:mln16 { + margin-left: var(--sun16) !important; + } + .lg\\:mln24 { + margin-left: var(--sun24) !important; + } + .lg\\:mln32 { + margin-left: var(--sun32) !important; + } + .lg\\:mln48 { + margin-left: var(--sun48) !important; + } + .lg\\:mln64 { + margin-left: var(--sun64) !important; + } + .lg\\:mln96 { + margin-left: var(--sun96) !important; + } + .lg\\:mln128 { + margin-left: var(--sun128) !important; + } + .lg\\:ml50 { + margin-left: 50% !important; + } + .lg\\:ml100 { + margin-left: 100% !important; + } + .lg\\:mln50 { + margin-left: -50% !important; + } + .lg\\:mln100 { + margin-left: -100% !important; + } + .lg\\:mx0 { + margin-left: var(--su0) !important; + margin-right: var(--su0) !important; + } + .lg\\:mx1 { + margin-left: var(--su1) !important; + margin-right: var(--su1) !important; + } + .lg\\:mx2 { + margin-left: var(--su2) !important; + margin-right: var(--su2) !important; + } + .lg\\:mx4 { + margin-left: var(--su4) !important; + margin-right: var(--su4) !important; + } + .lg\\:mx6 { + margin-left: var(--su6) !important; + margin-right: var(--su6) !important; + } + .lg\\:mx8 { + margin-left: var(--su8) !important; + margin-right: var(--su8) !important; + } + .lg\\:mx12 { + margin-left: var(--su12) !important; + margin-right: var(--su12) !important; + } + .lg\\:mx16 { + margin-left: var(--su16) !important; + margin-right: var(--su16) !important; + } + .lg\\:mx24 { + margin-left: var(--su24) !important; + margin-right: var(--su24) !important; + } + .lg\\:mx32 { + margin-left: var(--su32) !important; + margin-right: var(--su32) !important; + } + .lg\\:mx48 { + margin-left: var(--su48) !important; + margin-right: var(--su48) !important; + } + .lg\\:mx64 { + margin-left: var(--su64) !important; + margin-right: var(--su64) !important; + } + .lg\\:mx96 { + margin-left: var(--su96) !important; + margin-right: var(--su96) !important; + } + .lg\\:mx128 { + margin-left: var(--su128) !important; + margin-right: var(--su128) !important; + } + .lg\\:mxn1 { + margin-left: var(--sun1) !important; + margin-right: var(--sun1) !important; + } + .lg\\:mxn2 { + margin-left: var(--sun2) !important; + margin-right: var(--sun2) !important; + } + .lg\\:mxn4 { + margin-left: var(--sun4) !important; + margin-right: var(--sun4) !important; + } + .lg\\:mxn6 { + margin-left: var(--sun6) !important; + margin-right: var(--sun6) !important; + } + .lg\\:mxn8 { + margin-left: var(--sun8) !important; + margin-right: var(--sun8) !important; + } + .lg\\:mxn12 { + margin-left: var(--sun12) !important; + margin-right: var(--sun12) !important; + } + .lg\\:mxn16 { + margin-left: var(--sun16) !important; + margin-right: var(--sun16) !important; + } + .lg\\:mxn24 { + margin-left: var(--sun24) !important; + margin-right: var(--sun24) !important; + } + .lg\\:mxn32 { + margin-left: var(--sun32) !important; + margin-right: var(--sun32) !important; + } + .lg\\:mxn48 { + margin-left: var(--sun48) !important; + margin-right: var(--sun48) !important; + } + .lg\\:mxn64 { + margin-left: var(--sun64) !important; + margin-right: var(--sun64) !important; + } + .lg\\:mxn96 { + margin-left: var(--sun96) !important; + margin-right: var(--sun96) !important; + } + .lg\\:mxn128 { + margin-left: var(--sun128) !important; + margin-right: var(--sun128) !important; + } + .lg\\:my0 { + margin-top: var(--su0) !important; + margin-bottom: var(--su0) !important; + } + .lg\\:my1 { + margin-top: var(--su1) !important; + margin-bottom: var(--su1) !important; + } + .lg\\:my2 { + margin-top: var(--su2) !important; + margin-bottom: var(--su2) !important; + } + .lg\\:my4 { + margin-top: var(--su4) !important; + margin-bottom: var(--su4) !important; + } + .lg\\:my6 { + margin-top: var(--su6) !important; + margin-bottom: var(--su6) !important; + } + .lg\\:my8 { + margin-top: var(--su8) !important; + margin-bottom: var(--su8) !important; + } + .lg\\:my12 { + margin-top: var(--su12) !important; + margin-bottom: var(--su12) !important; + } + .lg\\:my16 { + margin-top: var(--su16) !important; + margin-bottom: var(--su16) !important; + } + .lg\\:my24 { + margin-top: var(--su24) !important; + margin-bottom: var(--su24) !important; + } + .lg\\:my32 { + margin-top: var(--su32) !important; + margin-bottom: var(--su32) !important; + } + .lg\\:my48 { + margin-top: var(--su48) !important; + margin-bottom: var(--su48) !important; + } + .lg\\:my64 { + margin-top: var(--su64) !important; + margin-bottom: var(--su64) !important; + } + .lg\\:my96 { + margin-top: var(--su96) !important; + margin-bottom: var(--su96) !important; + } + .lg\\:my128 { + margin-top: var(--su128) !important; + margin-bottom: var(--su128) !important; + } + .lg\\:myn1 { + margin-top: var(--sun1) !important; + margin-bottom: var(--sun1) !important; + } + .lg\\:myn2 { + margin-top: var(--sun2) !important; + margin-bottom: var(--sun2) !important; + } + .lg\\:myn4 { + margin-top: var(--sun4) !important; + margin-bottom: var(--sun4) !important; + } + .lg\\:myn6 { + margin-top: var(--sun6) !important; + margin-bottom: var(--sun6) !important; + } + .lg\\:myn8 { + margin-top: var(--sun8) !important; + margin-bottom: var(--sun8) !important; + } + .lg\\:myn12 { + margin-top: var(--sun12) !important; + margin-bottom: var(--sun12) !important; + } + .lg\\:myn16 { + margin-top: var(--sun16) !important; + margin-bottom: var(--sun16) !important; + } + .lg\\:myn24 { + margin-top: var(--sun24) !important; + margin-bottom: var(--sun24) !important; + } + .lg\\:myn32 { + margin-top: var(--sun32) !important; + margin-bottom: var(--sun32) !important; + } + .lg\\:myn48 { + margin-top: var(--sun48) !important; + margin-bottom: var(--sun48) !important; + } + .lg\\:myn64 { + margin-top: var(--sun64) !important; + margin-bottom: var(--sun64) !important; + } + .lg\\:myn96 { + margin-top: var(--sun96) !important; + margin-bottom: var(--sun96) !important; + } + .lg\\:myn128 { + margin-top: var(--sun128) !important; + margin-bottom: var(--sun128) !important; + } + .lg\\:p0 { + padding: var(--su0) !important; + } + .lg\\:p1 { + padding: var(--su1) !important; + } + .lg\\:p2 { + padding: var(--su2) !important; + } + .lg\\:p4 { + padding: var(--su4) !important; + } + .lg\\:p6 { + padding: var(--su6) !important; + } + .lg\\:p8 { + padding: var(--su8) !important; + } + .lg\\:p12 { + padding: var(--su12) !important; + } + .lg\\:p16 { + padding: var(--su16) !important; + } + .lg\\:p24 { + padding: var(--su24) !important; + } + .lg\\:p32 { + padding: var(--su32) !important; + } + .lg\\:p48 { + padding: var(--su48) !important; + } + .lg\\:p64 { + padding: var(--su64) !important; + } + .lg\\:p96 { + padding: var(--su96) !important; + } + .lg\\:p128 { + padding: var(--su128) !important; + } + .lg\\:pt0 { + padding-top: var(--su0) !important; + } + .lg\\:pt1 { + padding-top: var(--su1) !important; + } + .lg\\:pt2 { + padding-top: var(--su2) !important; + } + .lg\\:pt4 { + padding-top: var(--su4) !important; + } + .lg\\:pt6 { + padding-top: var(--su6) !important; + } + .lg\\:pt8 { + padding-top: var(--su8) !important; + } + .lg\\:pt12 { + padding-top: var(--su12) !important; + } + .lg\\:pt16 { + padding-top: var(--su16) !important; + } + .lg\\:pt24 { + padding-top: var(--su24) !important; + } + .lg\\:pt32 { + padding-top: var(--su32) !important; + } + .lg\\:pt48 { + padding-top: var(--su48) !important; + } + .lg\\:pt64 { + padding-top: var(--su64) !important; + } + .lg\\:pt96 { + padding-top: var(--su96) !important; + } + .lg\\:pt128 { + padding-top: var(--su128) !important; + } + .lg\\:pr0 { + padding-right: var(--su0) !important; + } + .lg\\:pr1 { + padding-right: var(--su1) !important; + } + .lg\\:pr2 { + padding-right: var(--su2) !important; + } + .lg\\:pr4 { + padding-right: var(--su4) !important; + } + .lg\\:pr6 { + padding-right: var(--su6) !important; + } + .lg\\:pr8 { + padding-right: var(--su8) !important; + } + .lg\\:pr12 { + padding-right: var(--su12) !important; + } + .lg\\:pr16 { + padding-right: var(--su16) !important; + } + .lg\\:pr24 { + padding-right: var(--su24) !important; + } + .lg\\:pr32 { + padding-right: var(--su32) !important; + } + .lg\\:pr48 { + padding-right: var(--su48) !important; + } + .lg\\:pr64 { + padding-right: var(--su64) !important; + } + .lg\\:pr96 { + padding-right: var(--su96) !important; + } + .lg\\:pr128 { + padding-right: var(--su128) !important; + } + .lg\\:pb0 { + padding-bottom: var(--su0) !important; + } + .lg\\:pb1 { + padding-bottom: var(--su1) !important; + } + .lg\\:pb2 { + padding-bottom: var(--su2) !important; + } + .lg\\:pb4 { + padding-bottom: var(--su4) !important; + } + .lg\\:pb6 { + padding-bottom: var(--su6) !important; + } + .lg\\:pb8 { + padding-bottom: var(--su8) !important; + } + .lg\\:pb12 { + padding-bottom: var(--su12) !important; + } + .lg\\:pb16 { + padding-bottom: var(--su16) !important; + } + .lg\\:pb24 { + padding-bottom: var(--su24) !important; + } + .lg\\:pb32 { + padding-bottom: var(--su32) !important; + } + .lg\\:pb48 { + padding-bottom: var(--su48) !important; + } + .lg\\:pb64 { + padding-bottom: var(--su64) !important; + } + .lg\\:pb96 { + padding-bottom: var(--su96) !important; + } + .lg\\:pb128 { + padding-bottom: var(--su128) !important; + } + .lg\\:pl0 { + padding-left: var(--su0) !important; + } + .lg\\:pl1 { + padding-left: var(--su1) !important; + } + .lg\\:pl2 { + padding-left: var(--su2) !important; + } + .lg\\:pl4 { + padding-left: var(--su4) !important; + } + .lg\\:pl6 { + padding-left: var(--su6) !important; + } + .lg\\:pl8 { + padding-left: var(--su8) !important; + } + .lg\\:pl12 { + padding-left: var(--su12) !important; + } + .lg\\:pl16 { + padding-left: var(--su16) !important; + } + .lg\\:pl24 { + padding-left: var(--su24) !important; + } + .lg\\:pl32 { + padding-left: var(--su32) !important; + } + .lg\\:pl48 { + padding-left: var(--su48) !important; + } + .lg\\:pl64 { + padding-left: var(--su64) !important; + } + .lg\\:pl96 { + padding-left: var(--su96) !important; + } + .lg\\:pl128 { + padding-left: var(--su128) !important; + } + .lg\\:px0 { + padding-left: var(--su0) !important; + padding-right: var(--su0) !important; + } + .lg\\:px1 { + padding-left: var(--su1) !important; + padding-right: var(--su1) !important; + } + .lg\\:px2 { + padding-left: var(--su2) !important; + padding-right: var(--su2) !important; + } + .lg\\:px4 { + padding-left: var(--su4) !important; + padding-right: var(--su4) !important; + } + .lg\\:px6 { + padding-left: var(--su6) !important; + padding-right: var(--su6) !important; + } + .lg\\:px8 { + padding-left: var(--su8) !important; + padding-right: var(--su8) !important; + } + .lg\\:px12 { + padding-left: var(--su12) !important; + padding-right: var(--su12) !important; + } + .lg\\:px16 { + padding-left: var(--su16) !important; + padding-right: var(--su16) !important; + } + .lg\\:px24 { + padding-left: var(--su24) !important; + padding-right: var(--su24) !important; + } + .lg\\:px32 { + padding-left: var(--su32) !important; + padding-right: var(--su32) !important; + } + .lg\\:px48 { + padding-left: var(--su48) !important; + padding-right: var(--su48) !important; + } + .lg\\:px64 { + padding-left: var(--su64) !important; + padding-right: var(--su64) !important; + } + .lg\\:px96 { + padding-left: var(--su96) !important; + padding-right: var(--su96) !important; + } + .lg\\:px128 { + padding-left: var(--su128) !important; + padding-right: var(--su128) !important; + } + .lg\\:py0 { + padding-top: var(--su0) !important; + padding-bottom: var(--su0) !important; + } + .lg\\:py1 { + padding-top: var(--su1) !important; + padding-bottom: var(--su1) !important; + } + .lg\\:py2 { + padding-top: var(--su2) !important; + padding-bottom: var(--su2) !important; + } + .lg\\:py4 { + padding-top: var(--su4) !important; + padding-bottom: var(--su4) !important; + } + .lg\\:py6 { + padding-top: var(--su6) !important; + padding-bottom: var(--su6) !important; + } + .lg\\:py8 { + padding-top: var(--su8) !important; + padding-bottom: var(--su8) !important; + } + .lg\\:py12 { + padding-top: var(--su12) !important; + padding-bottom: var(--su12) !important; + } + .lg\\:py16 { + padding-top: var(--su16) !important; + padding-bottom: var(--su16) !important; + } + .lg\\:py24 { + padding-top: var(--su24) !important; + padding-bottom: var(--su24) !important; + } + .lg\\:py32 { + padding-top: var(--su32) !important; + padding-bottom: var(--su32) !important; + } + .lg\\:py48 { + padding-top: var(--su48) !important; + padding-bottom: var(--su48) !important; + } + .lg\\:py64 { + padding-top: var(--su64) !important; + padding-bottom: var(--su64) !important; + } + .lg\\:py96 { + padding-top: var(--su96) !important; + padding-bottom: var(--su96) !important; + } + .lg\\:py128 { + padding-top: var(--su128) !important; + padding-bottom: var(--su128) !important; + } + .lg\\:ps-absolute { + position: absolute !important; + } + .lg\\:ps-fixed { + position: fixed !important; + } + .lg\\:ps-relative { + position: relative !important; + } + .lg\\:ps-static { + position: static !important; + } + .lg\\:ps-sticky { + position: sticky !important; + } + .lg\\:t0 { + top: var(--su0) !important; + } + .lg\\:t1 { + top: var(--su1) !important; + } + .lg\\:t2 { + top: var(--su2) !important; + } + .lg\\:t4 { + top: var(--su4) !important; + } + .lg\\:t6 { + top: var(--su6) !important; + } + .lg\\:t8 { + top: var(--su8) !important; + } + .lg\\:t12 { + top: var(--su12) !important; + } + .lg\\:t16 { + top: var(--su16) !important; + } + .lg\\:t24 { + top: var(--su24) !important; + } + .lg\\:t32 { + top: var(--su32) !important; + } + .lg\\:t48 { + top: var(--su48) !important; + } + .lg\\:t64 { + top: var(--su64) !important; + } + .lg\\:t96 { + top: var(--su96) !important; + } + .lg\\:t128 { + top: var(--su128) !important; + } + .lg\\:tn1 { + top: var(--sun1) !important; + } + .lg\\:tn2 { + top: var(--sun2) !important; + } + .lg\\:tn4 { + top: var(--sun4) !important; + } + .lg\\:tn6 { + top: var(--sun6) !important; + } + .lg\\:tn8 { + top: var(--sun8) !important; + } + .lg\\:tn12 { + top: var(--sun12) !important; + } + .lg\\:tn16 { + top: var(--sun16) !important; + } + .lg\\:tn24 { + top: var(--sun24) !important; + } + .lg\\:tn32 { + top: var(--sun32) !important; + } + .lg\\:tn48 { + top: var(--sun48) !important; + } + .lg\\:tn64 { + top: var(--sun64) !important; + } + .lg\\:tn96 { + top: var(--sun96) !important; + } + .lg\\:tn128 { + top: var(--sun128) !important; + } + .lg\\:t50 { + top: 50% !important; + } + .lg\\:t100 { + top: 100% !important; + } + .lg\\:tn50 { + top: -50% !important; + } + .lg\\:tn100 { + top: -100% !important; + } + .lg\\:r0 { + right: var(--su0) !important; + } + .lg\\:r1 { + right: var(--su1) !important; + } + .lg\\:r2 { + right: var(--su2) !important; + } + .lg\\:r4 { + right: var(--su4) !important; + } + .lg\\:r6 { + right: var(--su6) !important; + } + .lg\\:r8 { + right: var(--su8) !important; + } + .lg\\:r12 { + right: var(--su12) !important; + } + .lg\\:r16 { + right: var(--su16) !important; + } + .lg\\:r24 { + right: var(--su24) !important; + } + .lg\\:r32 { + right: var(--su32) !important; + } + .lg\\:r48 { + right: var(--su48) !important; + } + .lg\\:r64 { + right: var(--su64) !important; + } + .lg\\:r96 { + right: var(--su96) !important; + } + .lg\\:r128 { + right: var(--su128) !important; + } + .lg\\:rn1 { + right: var(--sun1) !important; + } + .lg\\:rn2 { + right: var(--sun2) !important; + } + .lg\\:rn4 { + right: var(--sun4) !important; + } + .lg\\:rn6 { + right: var(--sun6) !important; + } + .lg\\:rn8 { + right: var(--sun8) !important; + } + .lg\\:rn12 { + right: var(--sun12) !important; + } + .lg\\:rn16 { + right: var(--sun16) !important; + } + .lg\\:rn24 { + right: var(--sun24) !important; + } + .lg\\:rn32 { + right: var(--sun32) !important; + } + .lg\\:rn48 { + right: var(--sun48) !important; + } + .lg\\:rn64 { + right: var(--sun64) !important; + } + .lg\\:rn96 { + right: var(--sun96) !important; + } + .lg\\:rn128 { + right: var(--sun128) !important; + } + .lg\\:r50 { + right: 50% !important; + } + .lg\\:r100 { + right: 100% !important; + } + .lg\\:rn50 { + right: -50% !important; + } + .lg\\:rn100 { + right: -100% !important; + } + .lg\\:b0 { + bottom: var(--su0) !important; + } + .lg\\:b1 { + bottom: var(--su1) !important; + } + .lg\\:b2 { + bottom: var(--su2) !important; + } + .lg\\:b4 { + bottom: var(--su4) !important; + } + .lg\\:b6 { + bottom: var(--su6) !important; + } + .lg\\:b8 { + bottom: var(--su8) !important; + } + .lg\\:b12 { + bottom: var(--su12) !important; + } + .lg\\:b16 { + bottom: var(--su16) !important; + } + .lg\\:b24 { + bottom: var(--su24) !important; + } + .lg\\:b32 { + bottom: var(--su32) !important; + } + .lg\\:b48 { + bottom: var(--su48) !important; + } + .lg\\:b64 { + bottom: var(--su64) !important; + } + .lg\\:b96 { + bottom: var(--su96) !important; + } + .lg\\:b128 { + bottom: var(--su128) !important; + } + .lg\\:bn1 { + bottom: var(--sun1) !important; + } + .lg\\:bn2 { + bottom: var(--sun2) !important; + } + .lg\\:bn4 { + bottom: var(--sun4) !important; + } + .lg\\:bn6 { + bottom: var(--sun6) !important; + } + .lg\\:bn8 { + bottom: var(--sun8) !important; + } + .lg\\:bn12 { + bottom: var(--sun12) !important; + } + .lg\\:bn16 { + bottom: var(--sun16) !important; + } + .lg\\:bn24 { + bottom: var(--sun24) !important; + } + .lg\\:bn32 { + bottom: var(--sun32) !important; + } + .lg\\:bn48 { + bottom: var(--sun48) !important; + } + .lg\\:bn64 { + bottom: var(--sun64) !important; + } + .lg\\:bn96 { + bottom: var(--sun96) !important; + } + .lg\\:bn128 { + bottom: var(--sun128) !important; + } + .lg\\:b50 { + bottom: 50% !important; + } + .lg\\:b100 { + bottom: 100% !important; + } + .lg\\:bn50 { + bottom: -50% !important; + } + .lg\\:bn100 { + bottom: -100% !important; + } + .lg\\:l0 { + left: var(--su0) !important; + } + .lg\\:l1 { + left: var(--su1) !important; + } + .lg\\:l2 { + left: var(--su2) !important; + } + .lg\\:l4 { + left: var(--su4) !important; + } + .lg\\:l6 { + left: var(--su6) !important; + } + .lg\\:l8 { + left: var(--su8) !important; + } + .lg\\:l12 { + left: var(--su12) !important; + } + .lg\\:l16 { + left: var(--su16) !important; + } + .lg\\:l24 { + left: var(--su24) !important; + } + .lg\\:l32 { + left: var(--su32) !important; + } + .lg\\:l48 { + left: var(--su48) !important; + } + .lg\\:l64 { + left: var(--su64) !important; + } + .lg\\:l96 { + left: var(--su96) !important; + } + .lg\\:l128 { + left: var(--su128) !important; + } + .lg\\:ln1 { + left: var(--sun1) !important; + } + .lg\\:ln2 { + left: var(--sun2) !important; + } + .lg\\:ln4 { + left: var(--sun4) !important; + } + .lg\\:ln6 { + left: var(--sun6) !important; + } + .lg\\:ln8 { + left: var(--sun8) !important; + } + .lg\\:ln12 { + left: var(--sun12) !important; + } + .lg\\:ln16 { + left: var(--sun16) !important; + } + .lg\\:ln24 { + left: var(--sun24) !important; + } + .lg\\:ln32 { + left: var(--sun32) !important; + } + .lg\\:ln48 { + left: var(--sun48) !important; + } + .lg\\:ln64 { + left: var(--sun64) !important; + } + .lg\\:ln96 { + left: var(--sun96) !important; + } + .lg\\:ln128 { + left: var(--sun128) !important; + } + .lg\\:l50 { + left: 50% !important; + } + .lg\\:l100 { + left: 100% !important; + } + .lg\\:ln50 { + left: -50% !important; + } + .lg\\:ln100 { + left: -100% !important; + } + .lg\\:w25 { + width: 25% !important; + } + .lg\\:w50 { + width: 50% !important; + } + .lg\\:w75 { + width: 75% !important; + } + .lg\\:w100 { + width: 100% !important; + } + .lg\\:w33 { + width: calc(100% / 3) !important; + } + .lg\\:w66 { + width: calc(100% / 3 * 2) !important; + } + .lg\\:w-auto { + width: auto !important; + } + .lg\\:w-screen { + width: 100vw !important; + } + .lg\\:wmn100 { + min-width: 100% !important; + } + .lg\\:wmn-initial { + min-width: initial !important; + } + .lg\\:wmn-screen { + min-width: 100vw !important; + } + .lg\\:wmx100 { + max-width: 100% !important; + } + .lg\\:wmx-initial { + max-width: initial !important; + } + .lg\\:wmx-screen { + max-width: 100vw !important; + } +} +@media (max-width: 71.875rem) { + .md\\:ta-left { + text-align: left !important; + } + .md\\:ta-center { + text-align: center !important; + } + .md\\:ta-right { + text-align: right !important; + } + .md\\:ba { + border-style: solid !important; + border-width: var(--su1) !important; + } + .md\\:bt { + border-top-style: solid !important; + border-top-width: var(--su1) !important; + } + .md\\:br { + border-right-style: solid !important; + border-right-width: var(--su1) !important; + } + .md\\:bb { + border-bottom-style: solid !important; + border-bottom-width: var(--su1) !important; + } + .md\\:bl { + border-left-style: solid !important; + border-left-width: var(--su1) !important; + } + .md\\:baw0 { + border-width: 0 !important; + } + .md\\:btw0 { + border-top-width: 0 !important; + } + .md\\:brw0 { + border-right-width: 0 !important; + } + .md\\:bbw0 { + border-bottom-width: 0 !important; + } + .md\\:blw0 { + border-left-width: 0 !important; + } + .md\\:bar0 { + border-radius: 0 !important; + } + .md\\:bs-none { + box-shadow: none !important; + } + .md\\:d-block { + display: block !important; + } + .md\\:d-flex { + display: flex !important; + } + .md\\:d-inline-flex { + display: inline-flex !important; + } + .md\\:d-grid { + display: grid !important; + } + .md\\:d-inline-grid { + display: inline-grid !important; + } + .md\\:d-inline { + display: inline !important; + } + .md\\:d-inline-block { + display: inline-block !important; + } + .md\\:d-none { + display: none !important; + } + .md\\:fd-row { + flex-direction: row !important; + } + .md\\:fd-row-reverse { + flex-direction: row-reverse !important; + } + .md\\:fd-column { + flex-direction: column !important; + } + .md\\:fd-column-reverse { + flex-direction: column-reverse !important; + } + .md\\:fw-wrap { + flex-wrap: wrap !important; + } + .md\\:fw-reverse { + flex-wrap: wrap-reverse !important; + } + .md\\:fw-nowrap { + flex-wrap: nowrap !important; + } + .md\\:jc-center { + justify-content: center !important; + } + .md\\:jc-end { + justify-content: flex-end !important; + } + .md\\:jc-space-around { + justify-content: space-around !important; + } + .md\\:jc-space-between { + justify-content: space-between !important; + } + .md\\:jc-space-evenly { + justify-content: space-evenly !important; + } + .md\\:jc-start { + justify-content: flex-start !important; + } + .md\\:ai-baseline { + align-items: baseline !important; + } + .md\\:ai-center { + align-items: center !important; + } + .md\\:ai-end { + align-items: flex-end !important; + } + .md\\:ai-start { + align-items: flex-start !important; + } + .md\\:ai-stretch { + align-items: stretch !important; + } + .md\\:fl-grow1 { + flex-grow: 1 !important; + } + .md\\:fl-grow0 { + flex-grow: 0 !important; + } + .md\\:fl-shrink1 { + flex-shrink: 1 !important; + } + .md\\:fl-shrink0 { + flex-shrink: 0 !important; + } + .md\\:fl-none { + flex: none !important; + } + .md\\:fl-initial { + flex: 0 1 auto !important; + } + .md\\:fl-auto { + flex: 1 1 auto !important; + } + .md\\:fl-equal { + flex: 1 1 0% !important; + } + .md\\:order-first { + order: -1 !important; + } + .md\\:order-last { + order: 1 !important; + } + .md\\:fl0 { + flex: 0 auto !important; + } + .md\\:fl1 { + flex: 1 auto !important; + } + .md\\:g0 { + --_gap-y: 0; + --_gap-x: 0; + } + .md\\:g1 { + --_gap-y: var(--su1); + --_gap-x: var(--su1); + } + .md\\:g2 { + --_gap-y: var(--su2); + --_gap-x: var(--su2); + } + .md\\:g4 { + --_gap-y: var(--su4); + --_gap-x: var(--su4); + } + .md\\:g6 { + --_gap-y: var(--su6); + --_gap-x: var(--su6); + } + .md\\:g8 { + --_gap-y: var(--su8); + --_gap-x: var(--su8); + } + .md\\:g12 { + --_gap-y: var(--su12); + --_gap-x: var(--su12); + } + .md\\:g16 { + --_gap-y: var(--su16); + --_gap-x: var(--su16); + } + .md\\:g24 { + --_gap-y: var(--su24); + --_gap-x: var(--su24); + } + .md\\:g32 { + --_gap-y: var(--su32); + --_gap-x: var(--su32); + } + .md\\:g48 { + --_gap-y: var(--su48); + --_gap-x: var(--su48); + } + .md\\:g64 { + --_gap-y: var(--su64); + --_gap-x: var(--su64); + } + .md\\:gx0 { + --_gap-x: 0; + } + .md\\:gx1 { + --_gap-x: var(--su1); + } + .md\\:gx2 { + --_gap-x: var(--su2); + } + .md\\:gx4 { + --_gap-x: var(--su4); + } + .md\\:gx6 { + --_gap-x: var(--su6); + } + .md\\:gx8 { + --_gap-x: var(--su8); + } + .md\\:gx12 { + --_gap-x: var(--su12); + } + .md\\:gx16 { + --_gap-x: var(--su16); + } + .md\\:gx24 { + --_gap-x: var(--su24); + } + .md\\:gx32 { + --_gap-x: var(--su32); + } + .md\\:gx48 { + --_gap-x: var(--su48); + } + .md\\:gx64 { + --_gap-x: var(--su64); + } + .md\\:gy0 { + --_gap-y: 0; + } + .md\\:gy1 { + --_gap-y: var(--su1); + } + .md\\:gy2 { + --_gap-y: var(--su2); + } + .md\\:gy4 { + --_gap-y: var(--su4); + } + .md\\:gy6 { + --_gap-y: var(--su6); + } + .md\\:gy8 { + --_gap-y: var(--su8); + } + .md\\:gy12 { + --_gap-y: var(--su12); + } + .md\\:gy16 { + --_gap-y: var(--su16); + } + .md\\:gy24 { + --_gap-y: var(--su24); + } + .md\\:gy32 { + --_gap-y: var(--su32); + } + .md\\:gy48 { + --_gap-y: var(--su48); + } + .md\\:gy64 { + --_gap-y: var(--su64); + } + .md\\:g-af-dense { + grid-auto-flow: dense; + } + .md\\:g-af-row { + grid-auto-flow: row; + } + .md\\:g-af-column { + grid-auto-flow: column; + } + .md\\:grid__1 { + grid-template-columns: repeat(1, minmax(0, 1fr)); + } + .md\\:grid__2 { + grid-template-columns: repeat(2, minmax(0, 1fr)); + } + .md\\:grid__3 { + grid-template-columns: repeat(3, minmax(0, 1fr)); + } + .md\\:grid__4 { + grid-template-columns: repeat(4, minmax(0, 1fr)); + } + .md\\:grid__5 { + grid-template-columns: repeat(5, minmax(0, 1fr)); + } + .md\\:grid__6 { + grid-template-columns: repeat(6, minmax(0, 1fr)); + } + .md\\:grid__7 { + grid-template-columns: repeat(7, minmax(0, 1fr)); + } + .md\\:grid__8 { + grid-template-columns: repeat(8, minmax(0, 1fr)); + } + .md\\:grid__9 { + grid-template-columns: repeat(9, minmax(0, 1fr)); + } + .md\\:grid__10 { + grid-template-columns: repeat(10, minmax(0, 1fr)); + } + .md\\:grid__11 { + grid-template-columns: repeat(11, minmax(0, 1fr)); + } + .md\\:grid__12 { + grid-template-columns: repeat(12, minmax(0, 1fr)); + } + .md\\:grid__auto { + grid-template-columns: auto 1fr; + } + .md\\:grid--col-all { + grid-column: 1 / -1; + } + .md\\:grid--row-all { + grid-row: 1 / -1; + } + .md\\:grid--col1 { + grid-column: span 1; + } + .md\\:grid--col2 { + grid-column: span 2; + } + .md\\:grid--col3 { + grid-column: span 3; + } + .md\\:grid--col4 { + grid-column: span 4; + } + .md\\:grid--col5 { + grid-column: span 5; + } + .md\\:grid--col6 { + grid-column: span 6; + } + .md\\:grid--col7 { + grid-column: span 7; + } + .md\\:grid--col8 { + grid-column: span 8; + } + .md\\:grid--col9 { + grid-column: span 9; + } + .md\\:grid--col10 { + grid-column: span 10; + } + .md\\:grid--col11 { + grid-column: span 11; + } + .md\\:grid--col12 { + grid-column: span 12; + } + .md\\:grid--row1 { + grid-row: span 1; + } + .md\\:grid--row2 { + grid-row: span 2; + } + .md\\:grid--row3 { + grid-row: span 3; + } + .md\\:grid--row4 { + grid-row: span 4; + } + .md\\:grid--row5 { + grid-row: span 5; + } + .md\\:grid--row6 { + grid-row: span 6; + } + .md\\:grid--row7 { + grid-row: span 7; + } + .md\\:grid--row8 { + grid-row: span 8; + } + .md\\:grid--row9 { + grid-row: span 9; + } + .md\\:grid--row10 { + grid-row: span 10; + } + .md\\:grid--row11 { + grid-row: span 11; + } + .md\\:grid--row12 { + grid-row: span 12; + } + .md\\:grid--col-start1 { + grid-column-start: 1; + } + .md\\:grid--col-start2 { + grid-column-start: 2; + } + .md\\:grid--col-start3 { + grid-column-start: 3; + } + .md\\:grid--col-start4 { + grid-column-start: 4; + } + .md\\:grid--col-start5 { + grid-column-start: 5; + } + .md\\:grid--col-start6 { + grid-column-start: 6; + } + .md\\:grid--col-start7 { + grid-column-start: 7; + } + .md\\:grid--col-start8 { + grid-column-start: 8; + } + .md\\:grid--col-start9 { + grid-column-start: 9; + } + .md\\:grid--col-start10 { + grid-column-start: 10; + } + .md\\:grid--col-start11 { + grid-column-start: 11; + } + .md\\:grid--col-start12 { + grid-column-start: 12; + } + .md\\:grid--col-end2 { + grid-column-end: 2; + } + .md\\:grid--col-end3 { + grid-column-end: 3; + } + .md\\:grid--col-end4 { + grid-column-end: 4; + } + .md\\:grid--col-end5 { + grid-column-end: 5; + } + .md\\:grid--col-end6 { + grid-column-end: 6; + } + .md\\:grid--col-end7 { + grid-column-end: 7; + } + .md\\:grid--col-end8 { + grid-column-end: 8; + } + .md\\:grid--col-end9 { + grid-column-end: 9; + } + .md\\:grid--col-end10 { + grid-column-end: 10; + } + .md\\:grid--col-end11 { + grid-column-end: 11; + } + .md\\:grid--col-end12 { + grid-column-end: 12; + } + .md\\:grid--col-end13 { + grid-column-end: 13; + } + .md\\:grid--row-start1 { + grid-row-start: 1; + } + .md\\:grid--row-start2 { + grid-row-start: 2; + } + .md\\:grid--row-start3 { + grid-row-start: 3; + } + .md\\:grid--row-start4 { + grid-row-start: 4; + } + .md\\:grid--row-start5 { + grid-row-start: 5; + } + .md\\:grid--row-start6 { + grid-row-start: 6; + } + .md\\:grid--row-start7 { + grid-row-start: 7; + } + .md\\:grid--row-start8 { + grid-row-start: 8; + } + .md\\:grid--row-start9 { + grid-row-start: 9; + } + .md\\:grid--row-start10 { + grid-row-start: 10; + } + .md\\:grid--row-start11 { + grid-row-start: 11; + } + .md\\:grid--row-start12 { + grid-row-start: 12; + } + .md\\:grid--row-end2 { + grid-row-end: 2; + } + .md\\:grid--row-end3 { + grid-row-end: 3; + } + .md\\:grid--row-end4 { + grid-row-end: 4; + } + .md\\:grid--row-end5 { + grid-row-end: 5; + } + .md\\:grid--row-end6 { + grid-row-end: 6; + } + .md\\:grid--row-end7 { + grid-row-end: 7; + } + .md\\:grid--row-end8 { + grid-row-end: 8; + } + .md\\:grid--row-end9 { + grid-row-end: 9; + } + .md\\:grid--row-end10 { + grid-row-end: 10; + } + .md\\:grid--row-end11 { + grid-row-end: 11; + } + .md\\:grid--row-end12 { + grid-row-end: 12; + } + .md\\:grid--row-end13 { + grid-row-end: 13; + } + .md\\:ji-auto { + justify-items: auto !important; + } + .md\\:ji-center { + justify-items: center !important; + } + .md\\:ji-start { + justify-items: start !important; + } + .md\\:ji-end { + justify-items: end !important; + } + .md\\:ji-stretch { + justify-items: stretch !important; + } + .md\\:ji-unset { + justify-items: unset !important; + } + .md\\:js-auto { + justify-self: auto !important; + } + .md\\:js-center { + justify-self: center !important; + } + .md\\:js-start { + justify-self: start !important; + } + .md\\:js-end { + justify-self: end !important; + } + .md\\:js-stretch { + justify-self: stretch !important; + } + .md\\:js-unset { + justify-self: unset !important; + } + .md\\:h100 { + height: 100% !important; + } + .md\\:h-auto { + height: auto !important; + } + .md\\:h-screen { + height: 100vh !important; + } + .md\\:hmn100 { + min-height: 100% !important; + } + .md\\:hmn-initial { + min-height: initial !important; + } + .md\\:hmn-screen { + min-height: 100vh !important; + } + .md\\:hmx100 { + max-height: 100% !important; + } + .md\\:hmx-initial { + max-height: initial !important; + } + .md\\:hmx-screen { + max-height: 100vh !important; + } + .md\\:m0 { + margin: var(--su0) !important; + } + .md\\:m1 { + margin: var(--su1) !important; + } + .md\\:m2 { + margin: var(--su2) !important; + } + .md\\:m4 { + margin: var(--su4) !important; + } + .md\\:m6 { + margin: var(--su6) !important; + } + .md\\:m8 { + margin: var(--su8) !important; + } + .md\\:m12 { + margin: var(--su12) !important; + } + .md\\:m16 { + margin: var(--su16) !important; + } + .md\\:m24 { + margin: var(--su24) !important; + } + .md\\:m32 { + margin: var(--su32) !important; + } + .md\\:m48 { + margin: var(--su48) !important; + } + .md\\:m64 { + margin: var(--su64) !important; + } + .md\\:m96 { + margin: var(--su96) !important; + } + .md\\:m128 { + margin: var(--su128) !important; + } + .md\\:mn1 { + margin: var(--sun1) !important; + } + .md\\:mn2 { + margin: var(--sun2) !important; + } + .md\\:mn4 { + margin: var(--sun4) !important; + } + .md\\:mn6 { + margin: var(--sun6) !important; + } + .md\\:mn8 { + margin: var(--sun8) !important; + } + .md\\:mn12 { + margin: var(--sun12) !important; + } + .md\\:mn16 { + margin: var(--sun16) !important; + } + .md\\:mn24 { + margin: var(--sun24) !important; + } + .md\\:mn32 { + margin: var(--sun32) !important; + } + .md\\:mn48 { + margin: var(--sun48) !important; + } + .md\\:mn64 { + margin: var(--sun64) !important; + } + .md\\:mn96 { + margin: var(--sun96) !important; + } + .md\\:mn128 { + margin: var(--sun128) !important; + } + .md\\:m50 { + margin: 50% !important; + } + .md\\:m100 { + margin: 100% !important; + } + .md\\:mn50 { + margin: -50% !important; + } + .md\\:mn100 { + margin: -100% !important; + } + .md\\:mt0 { + margin-top: var(--su0) !important; + } + .md\\:mt1 { + margin-top: var(--su1) !important; + } + .md\\:mt2 { + margin-top: var(--su2) !important; + } + .md\\:mt4 { + margin-top: var(--su4) !important; + } + .md\\:mt6 { + margin-top: var(--su6) !important; + } + .md\\:mt8 { + margin-top: var(--su8) !important; + } + .md\\:mt12 { + margin-top: var(--su12) !important; + } + .md\\:mt16 { + margin-top: var(--su16) !important; + } + .md\\:mt24 { + margin-top: var(--su24) !important; + } + .md\\:mt32 { + margin-top: var(--su32) !important; + } + .md\\:mt48 { + margin-top: var(--su48) !important; + } + .md\\:mt64 { + margin-top: var(--su64) !important; + } + .md\\:mt96 { + margin-top: var(--su96) !important; + } + .md\\:mt128 { + margin-top: var(--su128) !important; + } + .md\\:mtn1 { + margin-top: var(--sun1) !important; + } + .md\\:mtn2 { + margin-top: var(--sun2) !important; + } + .md\\:mtn4 { + margin-top: var(--sun4) !important; + } + .md\\:mtn6 { + margin-top: var(--sun6) !important; + } + .md\\:mtn8 { + margin-top: var(--sun8) !important; + } + .md\\:mtn12 { + margin-top: var(--sun12) !important; + } + .md\\:mtn16 { + margin-top: var(--sun16) !important; + } + .md\\:mtn24 { + margin-top: var(--sun24) !important; + } + .md\\:mtn32 { + margin-top: var(--sun32) !important; + } + .md\\:mtn48 { + margin-top: var(--sun48) !important; + } + .md\\:mtn64 { + margin-top: var(--sun64) !important; + } + .md\\:mtn96 { + margin-top: var(--sun96) !important; + } + .md\\:mtn128 { + margin-top: var(--sun128) !important; + } + .md\\:mt50 { + margin-top: 50% !important; + } + .md\\:mt100 { + margin-top: 100% !important; + } + .md\\:mtn50 { + margin-top: -50% !important; + } + .md\\:mtn100 { + margin-top: -100% !important; + } + .md\\:mr0 { + margin-right: var(--su0) !important; + } + .md\\:mr1 { + margin-right: var(--su1) !important; + } + .md\\:mr2 { + margin-right: var(--su2) !important; + } + .md\\:mr4 { + margin-right: var(--su4) !important; + } + .md\\:mr6 { + margin-right: var(--su6) !important; + } + .md\\:mr8 { + margin-right: var(--su8) !important; + } + .md\\:mr12 { + margin-right: var(--su12) !important; + } + .md\\:mr16 { + margin-right: var(--su16) !important; + } + .md\\:mr24 { + margin-right: var(--su24) !important; + } + .md\\:mr32 { + margin-right: var(--su32) !important; + } + .md\\:mr48 { + margin-right: var(--su48) !important; + } + .md\\:mr64 { + margin-right: var(--su64) !important; + } + .md\\:mr96 { + margin-right: var(--su96) !important; + } + .md\\:mr128 { + margin-right: var(--su128) !important; + } + .md\\:mrn1 { + margin-right: var(--sun1) !important; + } + .md\\:mrn2 { + margin-right: var(--sun2) !important; + } + .md\\:mrn4 { + margin-right: var(--sun4) !important; + } + .md\\:mrn6 { + margin-right: var(--sun6) !important; + } + .md\\:mrn8 { + margin-right: var(--sun8) !important; + } + .md\\:mrn12 { + margin-right: var(--sun12) !important; + } + .md\\:mrn16 { + margin-right: var(--sun16) !important; + } + .md\\:mrn24 { + margin-right: var(--sun24) !important; + } + .md\\:mrn32 { + margin-right: var(--sun32) !important; + } + .md\\:mrn48 { + margin-right: var(--sun48) !important; + } + .md\\:mrn64 { + margin-right: var(--sun64) !important; + } + .md\\:mrn96 { + margin-right: var(--sun96) !important; + } + .md\\:mrn128 { + margin-right: var(--sun128) !important; + } + .md\\:mr50 { + margin-right: 50% !important; + } + .md\\:mr100 { + margin-right: 100% !important; + } + .md\\:mrn50 { + margin-right: -50% !important; + } + .md\\:mrn100 { + margin-right: -100% !important; + } + .md\\:mb0 { + margin-bottom: var(--su0) !important; + } + .md\\:mb1 { + margin-bottom: var(--su1) !important; + } + .md\\:mb2 { + margin-bottom: var(--su2) !important; + } + .md\\:mb4 { + margin-bottom: var(--su4) !important; + } + .md\\:mb6 { + margin-bottom: var(--su6) !important; + } + .md\\:mb8 { + margin-bottom: var(--su8) !important; + } + .md\\:mb12 { + margin-bottom: var(--su12) !important; + } + .md\\:mb16 { + margin-bottom: var(--su16) !important; + } + .md\\:mb24 { + margin-bottom: var(--su24) !important; + } + .md\\:mb32 { + margin-bottom: var(--su32) !important; + } + .md\\:mb48 { + margin-bottom: var(--su48) !important; + } + .md\\:mb64 { + margin-bottom: var(--su64) !important; + } + .md\\:mb96 { + margin-bottom: var(--su96) !important; + } + .md\\:mb128 { + margin-bottom: var(--su128) !important; + } + .md\\:mbn1 { + margin-bottom: var(--sun1) !important; + } + .md\\:mbn2 { + margin-bottom: var(--sun2) !important; + } + .md\\:mbn4 { + margin-bottom: var(--sun4) !important; + } + .md\\:mbn6 { + margin-bottom: var(--sun6) !important; + } + .md\\:mbn8 { + margin-bottom: var(--sun8) !important; + } + .md\\:mbn12 { + margin-bottom: var(--sun12) !important; + } + .md\\:mbn16 { + margin-bottom: var(--sun16) !important; + } + .md\\:mbn24 { + margin-bottom: var(--sun24) !important; + } + .md\\:mbn32 { + margin-bottom: var(--sun32) !important; + } + .md\\:mbn48 { + margin-bottom: var(--sun48) !important; + } + .md\\:mbn64 { + margin-bottom: var(--sun64) !important; + } + .md\\:mbn96 { + margin-bottom: var(--sun96) !important; + } + .md\\:mbn128 { + margin-bottom: var(--sun128) !important; + } + .md\\:mb50 { + margin-bottom: 50% !important; + } + .md\\:mb100 { + margin-bottom: 100% !important; + } + .md\\:mbn50 { + margin-bottom: -50% !important; + } + .md\\:mbn100 { + margin-bottom: -100% !important; + } + .md\\:ml0 { + margin-left: var(--su0) !important; + } + .md\\:ml1 { + margin-left: var(--su1) !important; + } + .md\\:ml2 { + margin-left: var(--su2) !important; + } + .md\\:ml4 { + margin-left: var(--su4) !important; + } + .md\\:ml6 { + margin-left: var(--su6) !important; + } + .md\\:ml8 { + margin-left: var(--su8) !important; + } + .md\\:ml12 { + margin-left: var(--su12) !important; + } + .md\\:ml16 { + margin-left: var(--su16) !important; + } + .md\\:ml24 { + margin-left: var(--su24) !important; + } + .md\\:ml32 { + margin-left: var(--su32) !important; + } + .md\\:ml48 { + margin-left: var(--su48) !important; + } + .md\\:ml64 { + margin-left: var(--su64) !important; + } + .md\\:ml96 { + margin-left: var(--su96) !important; + } + .md\\:ml128 { + margin-left: var(--su128) !important; + } + .md\\:mln1 { + margin-left: var(--sun1) !important; + } + .md\\:mln2 { + margin-left: var(--sun2) !important; + } + .md\\:mln4 { + margin-left: var(--sun4) !important; + } + .md\\:mln6 { + margin-left: var(--sun6) !important; + } + .md\\:mln8 { + margin-left: var(--sun8) !important; + } + .md\\:mln12 { + margin-left: var(--sun12) !important; + } + .md\\:mln16 { + margin-left: var(--sun16) !important; + } + .md\\:mln24 { + margin-left: var(--sun24) !important; + } + .md\\:mln32 { + margin-left: var(--sun32) !important; + } + .md\\:mln48 { + margin-left: var(--sun48) !important; + } + .md\\:mln64 { + margin-left: var(--sun64) !important; + } + .md\\:mln96 { + margin-left: var(--sun96) !important; + } + .md\\:mln128 { + margin-left: var(--sun128) !important; + } + .md\\:ml50 { + margin-left: 50% !important; + } + .md\\:ml100 { + margin-left: 100% !important; + } + .md\\:mln50 { + margin-left: -50% !important; + } + .md\\:mln100 { + margin-left: -100% !important; + } + .md\\:mx0 { + margin-left: var(--su0) !important; + margin-right: var(--su0) !important; + } + .md\\:mx1 { + margin-left: var(--su1) !important; + margin-right: var(--su1) !important; + } + .md\\:mx2 { + margin-left: var(--su2) !important; + margin-right: var(--su2) !important; + } + .md\\:mx4 { + margin-left: var(--su4) !important; + margin-right: var(--su4) !important; + } + .md\\:mx6 { + margin-left: var(--su6) !important; + margin-right: var(--su6) !important; + } + .md\\:mx8 { + margin-left: var(--su8) !important; + margin-right: var(--su8) !important; + } + .md\\:mx12 { + margin-left: var(--su12) !important; + margin-right: var(--su12) !important; + } + .md\\:mx16 { + margin-left: var(--su16) !important; + margin-right: var(--su16) !important; + } + .md\\:mx24 { + margin-left: var(--su24) !important; + margin-right: var(--su24) !important; + } + .md\\:mx32 { + margin-left: var(--su32) !important; + margin-right: var(--su32) !important; + } + .md\\:mx48 { + margin-left: var(--su48) !important; + margin-right: var(--su48) !important; + } + .md\\:mx64 { + margin-left: var(--su64) !important; + margin-right: var(--su64) !important; + } + .md\\:mx96 { + margin-left: var(--su96) !important; + margin-right: var(--su96) !important; + } + .md\\:mx128 { + margin-left: var(--su128) !important; + margin-right: var(--su128) !important; + } + .md\\:mxn1 { + margin-left: var(--sun1) !important; + margin-right: var(--sun1) !important; + } + .md\\:mxn2 { + margin-left: var(--sun2) !important; + margin-right: var(--sun2) !important; + } + .md\\:mxn4 { + margin-left: var(--sun4) !important; + margin-right: var(--sun4) !important; + } + .md\\:mxn6 { + margin-left: var(--sun6) !important; + margin-right: var(--sun6) !important; + } + .md\\:mxn8 { + margin-left: var(--sun8) !important; + margin-right: var(--sun8) !important; + } + .md\\:mxn12 { + margin-left: var(--sun12) !important; + margin-right: var(--sun12) !important; + } + .md\\:mxn16 { + margin-left: var(--sun16) !important; + margin-right: var(--sun16) !important; + } + .md\\:mxn24 { + margin-left: var(--sun24) !important; + margin-right: var(--sun24) !important; + } + .md\\:mxn32 { + margin-left: var(--sun32) !important; + margin-right: var(--sun32) !important; + } + .md\\:mxn48 { + margin-left: var(--sun48) !important; + margin-right: var(--sun48) !important; + } + .md\\:mxn64 { + margin-left: var(--sun64) !important; + margin-right: var(--sun64) !important; + } + .md\\:mxn96 { + margin-left: var(--sun96) !important; + margin-right: var(--sun96) !important; + } + .md\\:mxn128 { + margin-left: var(--sun128) !important; + margin-right: var(--sun128) !important; + } + .md\\:my0 { + margin-top: var(--su0) !important; + margin-bottom: var(--su0) !important; + } + .md\\:my1 { + margin-top: var(--su1) !important; + margin-bottom: var(--su1) !important; + } + .md\\:my2 { + margin-top: var(--su2) !important; + margin-bottom: var(--su2) !important; + } + .md\\:my4 { + margin-top: var(--su4) !important; + margin-bottom: var(--su4) !important; + } + .md\\:my6 { + margin-top: var(--su6) !important; + margin-bottom: var(--su6) !important; + } + .md\\:my8 { + margin-top: var(--su8) !important; + margin-bottom: var(--su8) !important; + } + .md\\:my12 { + margin-top: var(--su12) !important; + margin-bottom: var(--su12) !important; + } + .md\\:my16 { + margin-top: var(--su16) !important; + margin-bottom: var(--su16) !important; + } + .md\\:my24 { + margin-top: var(--su24) !important; + margin-bottom: var(--su24) !important; + } + .md\\:my32 { + margin-top: var(--su32) !important; + margin-bottom: var(--su32) !important; + } + .md\\:my48 { + margin-top: var(--su48) !important; + margin-bottom: var(--su48) !important; + } + .md\\:my64 { + margin-top: var(--su64) !important; + margin-bottom: var(--su64) !important; + } + .md\\:my96 { + margin-top: var(--su96) !important; + margin-bottom: var(--su96) !important; + } + .md\\:my128 { + margin-top: var(--su128) !important; + margin-bottom: var(--su128) !important; + } + .md\\:myn1 { + margin-top: var(--sun1) !important; + margin-bottom: var(--sun1) !important; + } + .md\\:myn2 { + margin-top: var(--sun2) !important; + margin-bottom: var(--sun2) !important; + } + .md\\:myn4 { + margin-top: var(--sun4) !important; + margin-bottom: var(--sun4) !important; + } + .md\\:myn6 { + margin-top: var(--sun6) !important; + margin-bottom: var(--sun6) !important; + } + .md\\:myn8 { + margin-top: var(--sun8) !important; + margin-bottom: var(--sun8) !important; + } + .md\\:myn12 { + margin-top: var(--sun12) !important; + margin-bottom: var(--sun12) !important; + } + .md\\:myn16 { + margin-top: var(--sun16) !important; + margin-bottom: var(--sun16) !important; + } + .md\\:myn24 { + margin-top: var(--sun24) !important; + margin-bottom: var(--sun24) !important; + } + .md\\:myn32 { + margin-top: var(--sun32) !important; + margin-bottom: var(--sun32) !important; + } + .md\\:myn48 { + margin-top: var(--sun48) !important; + margin-bottom: var(--sun48) !important; + } + .md\\:myn64 { + margin-top: var(--sun64) !important; + margin-bottom: var(--sun64) !important; + } + .md\\:myn96 { + margin-top: var(--sun96) !important; + margin-bottom: var(--sun96) !important; + } + .md\\:myn128 { + margin-top: var(--sun128) !important; + margin-bottom: var(--sun128) !important; + } + .md\\:p0 { + padding: var(--su0) !important; + } + .md\\:p1 { + padding: var(--su1) !important; + } + .md\\:p2 { + padding: var(--su2) !important; + } + .md\\:p4 { + padding: var(--su4) !important; + } + .md\\:p6 { + padding: var(--su6) !important; + } + .md\\:p8 { + padding: var(--su8) !important; + } + .md\\:p12 { + padding: var(--su12) !important; + } + .md\\:p16 { + padding: var(--su16) !important; + } + .md\\:p24 { + padding: var(--su24) !important; + } + .md\\:p32 { + padding: var(--su32) !important; + } + .md\\:p48 { + padding: var(--su48) !important; + } + .md\\:p64 { + padding: var(--su64) !important; + } + .md\\:p96 { + padding: var(--su96) !important; + } + .md\\:p128 { + padding: var(--su128) !important; + } + .md\\:pt0 { + padding-top: var(--su0) !important; + } + .md\\:pt1 { + padding-top: var(--su1) !important; + } + .md\\:pt2 { + padding-top: var(--su2) !important; + } + .md\\:pt4 { + padding-top: var(--su4) !important; + } + .md\\:pt6 { + padding-top: var(--su6) !important; + } + .md\\:pt8 { + padding-top: var(--su8) !important; + } + .md\\:pt12 { + padding-top: var(--su12) !important; + } + .md\\:pt16 { + padding-top: var(--su16) !important; + } + .md\\:pt24 { + padding-top: var(--su24) !important; + } + .md\\:pt32 { + padding-top: var(--su32) !important; + } + .md\\:pt48 { + padding-top: var(--su48) !important; + } + .md\\:pt64 { + padding-top: var(--su64) !important; + } + .md\\:pt96 { + padding-top: var(--su96) !important; + } + .md\\:pt128 { + padding-top: var(--su128) !important; + } + .md\\:pr0 { + padding-right: var(--su0) !important; + } + .md\\:pr1 { + padding-right: var(--su1) !important; + } + .md\\:pr2 { + padding-right: var(--su2) !important; + } + .md\\:pr4 { + padding-right: var(--su4) !important; + } + .md\\:pr6 { + padding-right: var(--su6) !important; + } + .md\\:pr8 { + padding-right: var(--su8) !important; + } + .md\\:pr12 { + padding-right: var(--su12) !important; + } + .md\\:pr16 { + padding-right: var(--su16) !important; + } + .md\\:pr24 { + padding-right: var(--su24) !important; + } + .md\\:pr32 { + padding-right: var(--su32) !important; + } + .md\\:pr48 { + padding-right: var(--su48) !important; + } + .md\\:pr64 { + padding-right: var(--su64) !important; + } + .md\\:pr96 { + padding-right: var(--su96) !important; + } + .md\\:pr128 { + padding-right: var(--su128) !important; + } + .md\\:pb0 { + padding-bottom: var(--su0) !important; + } + .md\\:pb1 { + padding-bottom: var(--su1) !important; + } + .md\\:pb2 { + padding-bottom: var(--su2) !important; + } + .md\\:pb4 { + padding-bottom: var(--su4) !important; + } + .md\\:pb6 { + padding-bottom: var(--su6) !important; + } + .md\\:pb8 { + padding-bottom: var(--su8) !important; + } + .md\\:pb12 { + padding-bottom: var(--su12) !important; + } + .md\\:pb16 { + padding-bottom: var(--su16) !important; + } + .md\\:pb24 { + padding-bottom: var(--su24) !important; + } + .md\\:pb32 { + padding-bottom: var(--su32) !important; + } + .md\\:pb48 { + padding-bottom: var(--su48) !important; + } + .md\\:pb64 { + padding-bottom: var(--su64) !important; + } + .md\\:pb96 { + padding-bottom: var(--su96) !important; + } + .md\\:pb128 { + padding-bottom: var(--su128) !important; + } + .md\\:pl0 { + padding-left: var(--su0) !important; + } + .md\\:pl1 { + padding-left: var(--su1) !important; + } + .md\\:pl2 { + padding-left: var(--su2) !important; + } + .md\\:pl4 { + padding-left: var(--su4) !important; + } + .md\\:pl6 { + padding-left: var(--su6) !important; + } + .md\\:pl8 { + padding-left: var(--su8) !important; + } + .md\\:pl12 { + padding-left: var(--su12) !important; + } + .md\\:pl16 { + padding-left: var(--su16) !important; + } + .md\\:pl24 { + padding-left: var(--su24) !important; + } + .md\\:pl32 { + padding-left: var(--su32) !important; + } + .md\\:pl48 { + padding-left: var(--su48) !important; + } + .md\\:pl64 { + padding-left: var(--su64) !important; + } + .md\\:pl96 { + padding-left: var(--su96) !important; + } + .md\\:pl128 { + padding-left: var(--su128) !important; + } + .md\\:px0 { + padding-left: var(--su0) !important; + padding-right: var(--su0) !important; + } + .md\\:px1 { + padding-left: var(--su1) !important; + padding-right: var(--su1) !important; + } + .md\\:px2 { + padding-left: var(--su2) !important; + padding-right: var(--su2) !important; + } + .md\\:px4 { + padding-left: var(--su4) !important; + padding-right: var(--su4) !important; + } + .md\\:px6 { + padding-left: var(--su6) !important; + padding-right: var(--su6) !important; + } + .md\\:px8 { + padding-left: var(--su8) !important; + padding-right: var(--su8) !important; + } + .md\\:px12 { + padding-left: var(--su12) !important; + padding-right: var(--su12) !important; + } + .md\\:px16 { + padding-left: var(--su16) !important; + padding-right: var(--su16) !important; + } + .md\\:px24 { + padding-left: var(--su24) !important; + padding-right: var(--su24) !important; + } + .md\\:px32 { + padding-left: var(--su32) !important; + padding-right: var(--su32) !important; + } + .md\\:px48 { + padding-left: var(--su48) !important; + padding-right: var(--su48) !important; + } + .md\\:px64 { + padding-left: var(--su64) !important; + padding-right: var(--su64) !important; + } + .md\\:px96 { + padding-left: var(--su96) !important; + padding-right: var(--su96) !important; + } + .md\\:px128 { + padding-left: var(--su128) !important; + padding-right: var(--su128) !important; + } + .md\\:py0 { + padding-top: var(--su0) !important; + padding-bottom: var(--su0) !important; + } + .md\\:py1 { + padding-top: var(--su1) !important; + padding-bottom: var(--su1) !important; + } + .md\\:py2 { + padding-top: var(--su2) !important; + padding-bottom: var(--su2) !important; + } + .md\\:py4 { + padding-top: var(--su4) !important; + padding-bottom: var(--su4) !important; + } + .md\\:py6 { + padding-top: var(--su6) !important; + padding-bottom: var(--su6) !important; + } + .md\\:py8 { + padding-top: var(--su8) !important; + padding-bottom: var(--su8) !important; + } + .md\\:py12 { + padding-top: var(--su12) !important; + padding-bottom: var(--su12) !important; + } + .md\\:py16 { + padding-top: var(--su16) !important; + padding-bottom: var(--su16) !important; + } + .md\\:py24 { + padding-top: var(--su24) !important; + padding-bottom: var(--su24) !important; + } + .md\\:py32 { + padding-top: var(--su32) !important; + padding-bottom: var(--su32) !important; + } + .md\\:py48 { + padding-top: var(--su48) !important; + padding-bottom: var(--su48) !important; + } + .md\\:py64 { + padding-top: var(--su64) !important; + padding-bottom: var(--su64) !important; + } + .md\\:py96 { + padding-top: var(--su96) !important; + padding-bottom: var(--su96) !important; + } + .md\\:py128 { + padding-top: var(--su128) !important; + padding-bottom: var(--su128) !important; + } + .md\\:ps-absolute { + position: absolute !important; + } + .md\\:ps-fixed { + position: fixed !important; + } + .md\\:ps-relative { + position: relative !important; + } + .md\\:ps-static { + position: static !important; + } + .md\\:ps-sticky { + position: sticky !important; + } + .md\\:t0 { + top: var(--su0) !important; + } + .md\\:t1 { + top: var(--su1) !important; + } + .md\\:t2 { + top: var(--su2) !important; + } + .md\\:t4 { + top: var(--su4) !important; + } + .md\\:t6 { + top: var(--su6) !important; + } + .md\\:t8 { + top: var(--su8) !important; + } + .md\\:t12 { + top: var(--su12) !important; + } + .md\\:t16 { + top: var(--su16) !important; + } + .md\\:t24 { + top: var(--su24) !important; + } + .md\\:t32 { + top: var(--su32) !important; + } + .md\\:t48 { + top: var(--su48) !important; + } + .md\\:t64 { + top: var(--su64) !important; + } + .md\\:t96 { + top: var(--su96) !important; + } + .md\\:t128 { + top: var(--su128) !important; + } + .md\\:tn1 { + top: var(--sun1) !important; + } + .md\\:tn2 { + top: var(--sun2) !important; + } + .md\\:tn4 { + top: var(--sun4) !important; + } + .md\\:tn6 { + top: var(--sun6) !important; + } + .md\\:tn8 { + top: var(--sun8) !important; + } + .md\\:tn12 { + top: var(--sun12) !important; + } + .md\\:tn16 { + top: var(--sun16) !important; + } + .md\\:tn24 { + top: var(--sun24) !important; + } + .md\\:tn32 { + top: var(--sun32) !important; + } + .md\\:tn48 { + top: var(--sun48) !important; + } + .md\\:tn64 { + top: var(--sun64) !important; + } + .md\\:tn96 { + top: var(--sun96) !important; + } + .md\\:tn128 { + top: var(--sun128) !important; + } + .md\\:t50 { + top: 50% !important; + } + .md\\:t100 { + top: 100% !important; + } + .md\\:tn50 { + top: -50% !important; + } + .md\\:tn100 { + top: -100% !important; + } + .md\\:r0 { + right: var(--su0) !important; + } + .md\\:r1 { + right: var(--su1) !important; + } + .md\\:r2 { + right: var(--su2) !important; + } + .md\\:r4 { + right: var(--su4) !important; + } + .md\\:r6 { + right: var(--su6) !important; + } + .md\\:r8 { + right: var(--su8) !important; + } + .md\\:r12 { + right: var(--su12) !important; + } + .md\\:r16 { + right: var(--su16) !important; + } + .md\\:r24 { + right: var(--su24) !important; + } + .md\\:r32 { + right: var(--su32) !important; + } + .md\\:r48 { + right: var(--su48) !important; + } + .md\\:r64 { + right: var(--su64) !important; + } + .md\\:r96 { + right: var(--su96) !important; + } + .md\\:r128 { + right: var(--su128) !important; + } + .md\\:rn1 { + right: var(--sun1) !important; + } + .md\\:rn2 { + right: var(--sun2) !important; + } + .md\\:rn4 { + right: var(--sun4) !important; + } + .md\\:rn6 { + right: var(--sun6) !important; + } + .md\\:rn8 { + right: var(--sun8) !important; + } + .md\\:rn12 { + right: var(--sun12) !important; + } + .md\\:rn16 { + right: var(--sun16) !important; + } + .md\\:rn24 { + right: var(--sun24) !important; + } + .md\\:rn32 { + right: var(--sun32) !important; + } + .md\\:rn48 { + right: var(--sun48) !important; + } + .md\\:rn64 { + right: var(--sun64) !important; + } + .md\\:rn96 { + right: var(--sun96) !important; + } + .md\\:rn128 { + right: var(--sun128) !important; + } + .md\\:r50 { + right: 50% !important; + } + .md\\:r100 { + right: 100% !important; + } + .md\\:rn50 { + right: -50% !important; + } + .md\\:rn100 { + right: -100% !important; + } + .md\\:b0 { + bottom: var(--su0) !important; + } + .md\\:b1 { + bottom: var(--su1) !important; + } + .md\\:b2 { + bottom: var(--su2) !important; + } + .md\\:b4 { + bottom: var(--su4) !important; + } + .md\\:b6 { + bottom: var(--su6) !important; + } + .md\\:b8 { + bottom: var(--su8) !important; + } + .md\\:b12 { + bottom: var(--su12) !important; + } + .md\\:b16 { + bottom: var(--su16) !important; + } + .md\\:b24 { + bottom: var(--su24) !important; + } + .md\\:b32 { + bottom: var(--su32) !important; + } + .md\\:b48 { + bottom: var(--su48) !important; + } + .md\\:b64 { + bottom: var(--su64) !important; + } + .md\\:b96 { + bottom: var(--su96) !important; + } + .md\\:b128 { + bottom: var(--su128) !important; + } + .md\\:bn1 { + bottom: var(--sun1) !important; + } + .md\\:bn2 { + bottom: var(--sun2) !important; + } + .md\\:bn4 { + bottom: var(--sun4) !important; + } + .md\\:bn6 { + bottom: var(--sun6) !important; + } + .md\\:bn8 { + bottom: var(--sun8) !important; + } + .md\\:bn12 { + bottom: var(--sun12) !important; + } + .md\\:bn16 { + bottom: var(--sun16) !important; + } + .md\\:bn24 { + bottom: var(--sun24) !important; + } + .md\\:bn32 { + bottom: var(--sun32) !important; + } + .md\\:bn48 { + bottom: var(--sun48) !important; + } + .md\\:bn64 { + bottom: var(--sun64) !important; + } + .md\\:bn96 { + bottom: var(--sun96) !important; + } + .md\\:bn128 { + bottom: var(--sun128) !important; + } + .md\\:b50 { + bottom: 50% !important; + } + .md\\:b100 { + bottom: 100% !important; + } + .md\\:bn50 { + bottom: -50% !important; + } + .md\\:bn100 { + bottom: -100% !important; + } + .md\\:l0 { + left: var(--su0) !important; + } + .md\\:l1 { + left: var(--su1) !important; + } + .md\\:l2 { + left: var(--su2) !important; + } + .md\\:l4 { + left: var(--su4) !important; + } + .md\\:l6 { + left: var(--su6) !important; + } + .md\\:l8 { + left: var(--su8) !important; + } + .md\\:l12 { + left: var(--su12) !important; + } + .md\\:l16 { + left: var(--su16) !important; + } + .md\\:l24 { + left: var(--su24) !important; + } + .md\\:l32 { + left: var(--su32) !important; + } + .md\\:l48 { + left: var(--su48) !important; + } + .md\\:l64 { + left: var(--su64) !important; + } + .md\\:l96 { + left: var(--su96) !important; + } + .md\\:l128 { + left: var(--su128) !important; + } + .md\\:ln1 { + left: var(--sun1) !important; + } + .md\\:ln2 { + left: var(--sun2) !important; + } + .md\\:ln4 { + left: var(--sun4) !important; + } + .md\\:ln6 { + left: var(--sun6) !important; + } + .md\\:ln8 { + left: var(--sun8) !important; + } + .md\\:ln12 { + left: var(--sun12) !important; + } + .md\\:ln16 { + left: var(--sun16) !important; + } + .md\\:ln24 { + left: var(--sun24) !important; + } + .md\\:ln32 { + left: var(--sun32) !important; + } + .md\\:ln48 { + left: var(--sun48) !important; + } + .md\\:ln64 { + left: var(--sun64) !important; + } + .md\\:ln96 { + left: var(--sun96) !important; + } + .md\\:ln128 { + left: var(--sun128) !important; + } + .md\\:l50 { + left: 50% !important; + } + .md\\:l100 { + left: 100% !important; + } + .md\\:ln50 { + left: -50% !important; + } + .md\\:ln100 { + left: -100% !important; + } + .md\\:w25 { + width: 25% !important; + } + .md\\:w50 { + width: 50% !important; + } + .md\\:w75 { + width: 75% !important; + } + .md\\:w100 { + width: 100% !important; + } + .md\\:w33 { + width: calc(100% / 3) !important; + } + .md\\:w66 { + width: calc(100% / 3 * 2) !important; + } + .md\\:w-auto { + width: auto !important; + } + .md\\:w-screen { + width: 100vw !important; + } + .md\\:wmn100 { + min-width: 100% !important; + } + .md\\:wmn-initial { + min-width: initial !important; + } + .md\\:wmn-screen { + min-width: 100vw !important; + } + .md\\:wmx100 { + max-width: 100% !important; + } + .md\\:wmx-initial { + max-width: initial !important; + } + .md\\:wmx-screen { + max-width: 100vw !important; + } +} +@media (max-width: 48.75rem) { + .sm\\:ta-left { + text-align: left !important; + } + .sm\\:ta-center { + text-align: center !important; + } + .sm\\:ta-right { + text-align: right !important; + } + .sm\\:ba { + border-style: solid !important; + border-width: var(--su1) !important; + } + .sm\\:bt { + border-top-style: solid !important; + border-top-width: var(--su1) !important; + } + .sm\\:br { + border-right-style: solid !important; + border-right-width: var(--su1) !important; + } + .sm\\:bb { + border-bottom-style: solid !important; + border-bottom-width: var(--su1) !important; + } + .sm\\:bl { + border-left-style: solid !important; + border-left-width: var(--su1) !important; + } + .sm\\:baw0 { + border-width: 0 !important; + } + .sm\\:btw0 { + border-top-width: 0 !important; + } + .sm\\:brw0 { + border-right-width: 0 !important; + } + .sm\\:bbw0 { + border-bottom-width: 0 !important; + } + .sm\\:blw0 { + border-left-width: 0 !important; + } + .sm\\:bar0 { + border-radius: 0 !important; + } + .sm\\:bs-none { + box-shadow: none !important; + } + .sm\\:d-block { + display: block !important; + } + .sm\\:d-flex { + display: flex !important; + } + .sm\\:d-inline-flex { + display: inline-flex !important; + } + .sm\\:d-grid { + display: grid !important; + } + .sm\\:d-inline-grid { + display: inline-grid !important; + } + .sm\\:d-inline { + display: inline !important; + } + .sm\\:d-inline-block { + display: inline-block !important; + } + .sm\\:d-none { + display: none !important; + } + .sm\\:fd-row { + flex-direction: row !important; + } + .sm\\:fd-row-reverse { + flex-direction: row-reverse !important; + } + .sm\\:fd-column { + flex-direction: column !important; + } + .sm\\:fd-column-reverse { + flex-direction: column-reverse !important; + } + .sm\\:fw-wrap { + flex-wrap: wrap !important; + } + .sm\\:fw-reverse { + flex-wrap: wrap-reverse !important; + } + .sm\\:fw-nowrap { + flex-wrap: nowrap !important; + } + .sm\\:jc-center { + justify-content: center !important; + } + .sm\\:jc-end { + justify-content: flex-end !important; + } + .sm\\:jc-space-around { + justify-content: space-around !important; + } + .sm\\:jc-space-between { + justify-content: space-between !important; + } + .sm\\:jc-space-evenly { + justify-content: space-evenly !important; + } + .sm\\:jc-start { + justify-content: flex-start !important; + } + .sm\\:ai-baseline { + align-items: baseline !important; + } + .sm\\:ai-center { + align-items: center !important; + } + .sm\\:ai-end { + align-items: flex-end !important; + } + .sm\\:ai-start { + align-items: flex-start !important; + } + .sm\\:ai-stretch { + align-items: stretch !important; + } + .sm\\:fl-grow1 { + flex-grow: 1 !important; + } + .sm\\:fl-grow0 { + flex-grow: 0 !important; + } + .sm\\:fl-shrink1 { + flex-shrink: 1 !important; + } + .sm\\:fl-shrink0 { + flex-shrink: 0 !important; + } + .sm\\:fl-none { + flex: none !important; + } + .sm\\:fl-initial { + flex: 0 1 auto !important; + } + .sm\\:fl-auto { + flex: 1 1 auto !important; + } + .sm\\:fl-equal { + flex: 1 1 0% !important; + } + .sm\\:order-first { + order: -1 !important; + } + .sm\\:order-last { + order: 1 !important; + } + .sm\\:fl0 { + flex: 0 auto !important; + } + .sm\\:fl1 { + flex: 1 auto !important; + } + .sm\\:g0 { + --_gap-y: 0; + --_gap-x: 0; + } + .sm\\:g1 { + --_gap-y: var(--su1); + --_gap-x: var(--su1); + } + .sm\\:g2 { + --_gap-y: var(--su2); + --_gap-x: var(--su2); + } + .sm\\:g4 { + --_gap-y: var(--su4); + --_gap-x: var(--su4); + } + .sm\\:g6 { + --_gap-y: var(--su6); + --_gap-x: var(--su6); + } + .sm\\:g8 { + --_gap-y: var(--su8); + --_gap-x: var(--su8); + } + .sm\\:g12 { + --_gap-y: var(--su12); + --_gap-x: var(--su12); + } + .sm\\:g16 { + --_gap-y: var(--su16); + --_gap-x: var(--su16); + } + .sm\\:g24 { + --_gap-y: var(--su24); + --_gap-x: var(--su24); + } + .sm\\:g32 { + --_gap-y: var(--su32); + --_gap-x: var(--su32); + } + .sm\\:g48 { + --_gap-y: var(--su48); + --_gap-x: var(--su48); + } + .sm\\:g64 { + --_gap-y: var(--su64); + --_gap-x: var(--su64); + } + .sm\\:gx0 { + --_gap-x: 0; + } + .sm\\:gx1 { + --_gap-x: var(--su1); + } + .sm\\:gx2 { + --_gap-x: var(--su2); + } + .sm\\:gx4 { + --_gap-x: var(--su4); + } + .sm\\:gx6 { + --_gap-x: var(--su6); + } + .sm\\:gx8 { + --_gap-x: var(--su8); + } + .sm\\:gx12 { + --_gap-x: var(--su12); + } + .sm\\:gx16 { + --_gap-x: var(--su16); + } + .sm\\:gx24 { + --_gap-x: var(--su24); + } + .sm\\:gx32 { + --_gap-x: var(--su32); + } + .sm\\:gx48 { + --_gap-x: var(--su48); + } + .sm\\:gx64 { + --_gap-x: var(--su64); + } + .sm\\:gy0 { + --_gap-y: 0; + } + .sm\\:gy1 { + --_gap-y: var(--su1); + } + .sm\\:gy2 { + --_gap-y: var(--su2); + } + .sm\\:gy4 { + --_gap-y: var(--su4); + } + .sm\\:gy6 { + --_gap-y: var(--su6); + } + .sm\\:gy8 { + --_gap-y: var(--su8); + } + .sm\\:gy12 { + --_gap-y: var(--su12); + } + .sm\\:gy16 { + --_gap-y: var(--su16); + } + .sm\\:gy24 { + --_gap-y: var(--su24); + } + .sm\\:gy32 { + --_gap-y: var(--su32); + } + .sm\\:gy48 { + --_gap-y: var(--su48); + } + .sm\\:gy64 { + --_gap-y: var(--su64); + } + .sm\\:g-af-dense { + grid-auto-flow: dense; + } + .sm\\:g-af-row { + grid-auto-flow: row; + } + .sm\\:g-af-column { + grid-auto-flow: column; + } + .sm\\:grid__1 { + grid-template-columns: repeat(1, minmax(0, 1fr)); + } + .sm\\:grid__2 { + grid-template-columns: repeat(2, minmax(0, 1fr)); + } + .sm\\:grid__3 { + grid-template-columns: repeat(3, minmax(0, 1fr)); + } + .sm\\:grid__4 { + grid-template-columns: repeat(4, minmax(0, 1fr)); + } + .sm\\:grid__5 { + grid-template-columns: repeat(5, minmax(0, 1fr)); + } + .sm\\:grid__6 { + grid-template-columns: repeat(6, minmax(0, 1fr)); + } + .sm\\:grid__7 { + grid-template-columns: repeat(7, minmax(0, 1fr)); + } + .sm\\:grid__8 { + grid-template-columns: repeat(8, minmax(0, 1fr)); + } + .sm\\:grid__9 { + grid-template-columns: repeat(9, minmax(0, 1fr)); + } + .sm\\:grid__10 { + grid-template-columns: repeat(10, minmax(0, 1fr)); + } + .sm\\:grid__11 { + grid-template-columns: repeat(11, minmax(0, 1fr)); + } + .sm\\:grid__12 { + grid-template-columns: repeat(12, minmax(0, 1fr)); + } + .sm\\:grid__auto { + grid-template-columns: auto 1fr; + } + .sm\\:grid--col-all { + grid-column: 1 / -1; + } + .sm\\:grid--row-all { + grid-row: 1 / -1; + } + .sm\\:grid--col1 { + grid-column: span 1; + } + .sm\\:grid--col2 { + grid-column: span 2; + } + .sm\\:grid--col3 { + grid-column: span 3; + } + .sm\\:grid--col4 { + grid-column: span 4; + } + .sm\\:grid--col5 { + grid-column: span 5; + } + .sm\\:grid--col6 { + grid-column: span 6; + } + .sm\\:grid--col7 { + grid-column: span 7; + } + .sm\\:grid--col8 { + grid-column: span 8; + } + .sm\\:grid--col9 { + grid-column: span 9; + } + .sm\\:grid--col10 { + grid-column: span 10; + } + .sm\\:grid--col11 { + grid-column: span 11; + } + .sm\\:grid--col12 { + grid-column: span 12; + } + .sm\\:grid--row1 { + grid-row: span 1; + } + .sm\\:grid--row2 { + grid-row: span 2; + } + .sm\\:grid--row3 { + grid-row: span 3; + } + .sm\\:grid--row4 { + grid-row: span 4; + } + .sm\\:grid--row5 { + grid-row: span 5; + } + .sm\\:grid--row6 { + grid-row: span 6; + } + .sm\\:grid--row7 { + grid-row: span 7; + } + .sm\\:grid--row8 { + grid-row: span 8; + } + .sm\\:grid--row9 { + grid-row: span 9; + } + .sm\\:grid--row10 { + grid-row: span 10; + } + .sm\\:grid--row11 { + grid-row: span 11; + } + .sm\\:grid--row12 { + grid-row: span 12; + } + .sm\\:grid--col-start1 { + grid-column-start: 1; + } + .sm\\:grid--col-start2 { + grid-column-start: 2; + } + .sm\\:grid--col-start3 { + grid-column-start: 3; + } + .sm\\:grid--col-start4 { + grid-column-start: 4; + } + .sm\\:grid--col-start5 { + grid-column-start: 5; + } + .sm\\:grid--col-start6 { + grid-column-start: 6; + } + .sm\\:grid--col-start7 { + grid-column-start: 7; + } + .sm\\:grid--col-start8 { + grid-column-start: 8; + } + .sm\\:grid--col-start9 { + grid-column-start: 9; + } + .sm\\:grid--col-start10 { + grid-column-start: 10; + } + .sm\\:grid--col-start11 { + grid-column-start: 11; + } + .sm\\:grid--col-start12 { + grid-column-start: 12; + } + .sm\\:grid--col-end2 { + grid-column-end: 2; + } + .sm\\:grid--col-end3 { + grid-column-end: 3; + } + .sm\\:grid--col-end4 { + grid-column-end: 4; + } + .sm\\:grid--col-end5 { + grid-column-end: 5; + } + .sm\\:grid--col-end6 { + grid-column-end: 6; + } + .sm\\:grid--col-end7 { + grid-column-end: 7; + } + .sm\\:grid--col-end8 { + grid-column-end: 8; + } + .sm\\:grid--col-end9 { + grid-column-end: 9; + } + .sm\\:grid--col-end10 { + grid-column-end: 10; + } + .sm\\:grid--col-end11 { + grid-column-end: 11; + } + .sm\\:grid--col-end12 { + grid-column-end: 12; + } + .sm\\:grid--col-end13 { + grid-column-end: 13; + } + .sm\\:grid--row-start1 { + grid-row-start: 1; + } + .sm\\:grid--row-start2 { + grid-row-start: 2; + } + .sm\\:grid--row-start3 { + grid-row-start: 3; + } + .sm\\:grid--row-start4 { + grid-row-start: 4; + } + .sm\\:grid--row-start5 { + grid-row-start: 5; + } + .sm\\:grid--row-start6 { + grid-row-start: 6; + } + .sm\\:grid--row-start7 { + grid-row-start: 7; + } + .sm\\:grid--row-start8 { + grid-row-start: 8; + } + .sm\\:grid--row-start9 { + grid-row-start: 9; + } + .sm\\:grid--row-start10 { + grid-row-start: 10; + } + .sm\\:grid--row-start11 { + grid-row-start: 11; + } + .sm\\:grid--row-start12 { + grid-row-start: 12; + } + .sm\\:grid--row-end2 { + grid-row-end: 2; + } + .sm\\:grid--row-end3 { + grid-row-end: 3; + } + .sm\\:grid--row-end4 { + grid-row-end: 4; + } + .sm\\:grid--row-end5 { + grid-row-end: 5; + } + .sm\\:grid--row-end6 { + grid-row-end: 6; + } + .sm\\:grid--row-end7 { + grid-row-end: 7; + } + .sm\\:grid--row-end8 { + grid-row-end: 8; + } + .sm\\:grid--row-end9 { + grid-row-end: 9; + } + .sm\\:grid--row-end10 { + grid-row-end: 10; + } + .sm\\:grid--row-end11 { + grid-row-end: 11; + } + .sm\\:grid--row-end12 { + grid-row-end: 12; + } + .sm\\:grid--row-end13 { + grid-row-end: 13; + } + .sm\\:ji-auto { + justify-items: auto !important; + } + .sm\\:ji-center { + justify-items: center !important; + } + .sm\\:ji-start { + justify-items: start !important; + } + .sm\\:ji-end { + justify-items: end !important; + } + .sm\\:ji-stretch { + justify-items: stretch !important; + } + .sm\\:ji-unset { + justify-items: unset !important; + } + .sm\\:js-auto { + justify-self: auto !important; + } + .sm\\:js-center { + justify-self: center !important; + } + .sm\\:js-start { + justify-self: start !important; + } + .sm\\:js-end { + justify-self: end !important; + } + .sm\\:js-stretch { + justify-self: stretch !important; + } + .sm\\:js-unset { + justify-self: unset !important; + } + .sm\\:h100 { + height: 100% !important; + } + .sm\\:h-auto { + height: auto !important; + } + .sm\\:h-screen { + height: 100vh !important; + } + .sm\\:hmn100 { + min-height: 100% !important; + } + .sm\\:hmn-initial { + min-height: initial !important; + } + .sm\\:hmn-screen { + min-height: 100vh !important; + } + .sm\\:hmx100 { + max-height: 100% !important; + } + .sm\\:hmx-initial { + max-height: initial !important; + } + .sm\\:hmx-screen { + max-height: 100vh !important; + } + .sm\\:m0 { + margin: var(--su0) !important; + } + .sm\\:m1 { + margin: var(--su1) !important; + } + .sm\\:m2 { + margin: var(--su2) !important; + } + .sm\\:m4 { + margin: var(--su4) !important; + } + .sm\\:m6 { + margin: var(--su6) !important; + } + .sm\\:m8 { + margin: var(--su8) !important; + } + .sm\\:m12 { + margin: var(--su12) !important; + } + .sm\\:m16 { + margin: var(--su16) !important; + } + .sm\\:m24 { + margin: var(--su24) !important; + } + .sm\\:m32 { + margin: var(--su32) !important; + } + .sm\\:m48 { + margin: var(--su48) !important; + } + .sm\\:m64 { + margin: var(--su64) !important; + } + .sm\\:m96 { + margin: var(--su96) !important; + } + .sm\\:m128 { + margin: var(--su128) !important; + } + .sm\\:mn1 { + margin: var(--sun1) !important; + } + .sm\\:mn2 { + margin: var(--sun2) !important; + } + .sm\\:mn4 { + margin: var(--sun4) !important; + } + .sm\\:mn6 { + margin: var(--sun6) !important; + } + .sm\\:mn8 { + margin: var(--sun8) !important; + } + .sm\\:mn12 { + margin: var(--sun12) !important; + } + .sm\\:mn16 { + margin: var(--sun16) !important; + } + .sm\\:mn24 { + margin: var(--sun24) !important; + } + .sm\\:mn32 { + margin: var(--sun32) !important; + } + .sm\\:mn48 { + margin: var(--sun48) !important; + } + .sm\\:mn64 { + margin: var(--sun64) !important; + } + .sm\\:mn96 { + margin: var(--sun96) !important; + } + .sm\\:mn128 { + margin: var(--sun128) !important; + } + .sm\\:m50 { + margin: 50% !important; + } + .sm\\:m100 { + margin: 100% !important; + } + .sm\\:mn50 { + margin: -50% !important; + } + .sm\\:mn100 { + margin: -100% !important; + } + .sm\\:mt0 { + margin-top: var(--su0) !important; + } + .sm\\:mt1 { + margin-top: var(--su1) !important; + } + .sm\\:mt2 { + margin-top: var(--su2) !important; + } + .sm\\:mt4 { + margin-top: var(--su4) !important; + } + .sm\\:mt6 { + margin-top: var(--su6) !important; + } + .sm\\:mt8 { + margin-top: var(--su8) !important; + } + .sm\\:mt12 { + margin-top: var(--su12) !important; + } + .sm\\:mt16 { + margin-top: var(--su16) !important; + } + .sm\\:mt24 { + margin-top: var(--su24) !important; + } + .sm\\:mt32 { + margin-top: var(--su32) !important; + } + .sm\\:mt48 { + margin-top: var(--su48) !important; + } + .sm\\:mt64 { + margin-top: var(--su64) !important; + } + .sm\\:mt96 { + margin-top: var(--su96) !important; + } + .sm\\:mt128 { + margin-top: var(--su128) !important; + } + .sm\\:mtn1 { + margin-top: var(--sun1) !important; + } + .sm\\:mtn2 { + margin-top: var(--sun2) !important; + } + .sm\\:mtn4 { + margin-top: var(--sun4) !important; + } + .sm\\:mtn6 { + margin-top: var(--sun6) !important; + } + .sm\\:mtn8 { + margin-top: var(--sun8) !important; + } + .sm\\:mtn12 { + margin-top: var(--sun12) !important; + } + .sm\\:mtn16 { + margin-top: var(--sun16) !important; + } + .sm\\:mtn24 { + margin-top: var(--sun24) !important; + } + .sm\\:mtn32 { + margin-top: var(--sun32) !important; + } + .sm\\:mtn48 { + margin-top: var(--sun48) !important; + } + .sm\\:mtn64 { + margin-top: var(--sun64) !important; + } + .sm\\:mtn96 { + margin-top: var(--sun96) !important; + } + .sm\\:mtn128 { + margin-top: var(--sun128) !important; + } + .sm\\:mt50 { + margin-top: 50% !important; + } + .sm\\:mt100 { + margin-top: 100% !important; + } + .sm\\:mtn50 { + margin-top: -50% !important; + } + .sm\\:mtn100 { + margin-top: -100% !important; + } + .sm\\:mr0 { + margin-right: var(--su0) !important; + } + .sm\\:mr1 { + margin-right: var(--su1) !important; + } + .sm\\:mr2 { + margin-right: var(--su2) !important; + } + .sm\\:mr4 { + margin-right: var(--su4) !important; + } + .sm\\:mr6 { + margin-right: var(--su6) !important; + } + .sm\\:mr8 { + margin-right: var(--su8) !important; + } + .sm\\:mr12 { + margin-right: var(--su12) !important; + } + .sm\\:mr16 { + margin-right: var(--su16) !important; + } + .sm\\:mr24 { + margin-right: var(--su24) !important; + } + .sm\\:mr32 { + margin-right: var(--su32) !important; + } + .sm\\:mr48 { + margin-right: var(--su48) !important; + } + .sm\\:mr64 { + margin-right: var(--su64) !important; + } + .sm\\:mr96 { + margin-right: var(--su96) !important; + } + .sm\\:mr128 { + margin-right: var(--su128) !important; + } + .sm\\:mrn1 { + margin-right: var(--sun1) !important; + } + .sm\\:mrn2 { + margin-right: var(--sun2) !important; + } + .sm\\:mrn4 { + margin-right: var(--sun4) !important; + } + .sm\\:mrn6 { + margin-right: var(--sun6) !important; + } + .sm\\:mrn8 { + margin-right: var(--sun8) !important; + } + .sm\\:mrn12 { + margin-right: var(--sun12) !important; + } + .sm\\:mrn16 { + margin-right: var(--sun16) !important; + } + .sm\\:mrn24 { + margin-right: var(--sun24) !important; + } + .sm\\:mrn32 { + margin-right: var(--sun32) !important; + } + .sm\\:mrn48 { + margin-right: var(--sun48) !important; + } + .sm\\:mrn64 { + margin-right: var(--sun64) !important; + } + .sm\\:mrn96 { + margin-right: var(--sun96) !important; + } + .sm\\:mrn128 { + margin-right: var(--sun128) !important; + } + .sm\\:mr50 { + margin-right: 50% !important; + } + .sm\\:mr100 { + margin-right: 100% !important; + } + .sm\\:mrn50 { + margin-right: -50% !important; + } + .sm\\:mrn100 { + margin-right: -100% !important; + } + .sm\\:mb0 { + margin-bottom: var(--su0) !important; + } + .sm\\:mb1 { + margin-bottom: var(--su1) !important; + } + .sm\\:mb2 { + margin-bottom: var(--su2) !important; + } + .sm\\:mb4 { + margin-bottom: var(--su4) !important; + } + .sm\\:mb6 { + margin-bottom: var(--su6) !important; + } + .sm\\:mb8 { + margin-bottom: var(--su8) !important; + } + .sm\\:mb12 { + margin-bottom: var(--su12) !important; + } + .sm\\:mb16 { + margin-bottom: var(--su16) !important; + } + .sm\\:mb24 { + margin-bottom: var(--su24) !important; + } + .sm\\:mb32 { + margin-bottom: var(--su32) !important; + } + .sm\\:mb48 { + margin-bottom: var(--su48) !important; + } + .sm\\:mb64 { + margin-bottom: var(--su64) !important; + } + .sm\\:mb96 { + margin-bottom: var(--su96) !important; + } + .sm\\:mb128 { + margin-bottom: var(--su128) !important; + } + .sm\\:mbn1 { + margin-bottom: var(--sun1) !important; + } + .sm\\:mbn2 { + margin-bottom: var(--sun2) !important; + } + .sm\\:mbn4 { + margin-bottom: var(--sun4) !important; + } + .sm\\:mbn6 { + margin-bottom: var(--sun6) !important; + } + .sm\\:mbn8 { + margin-bottom: var(--sun8) !important; + } + .sm\\:mbn12 { + margin-bottom: var(--sun12) !important; + } + .sm\\:mbn16 { + margin-bottom: var(--sun16) !important; + } + .sm\\:mbn24 { + margin-bottom: var(--sun24) !important; + } + .sm\\:mbn32 { + margin-bottom: var(--sun32) !important; + } + .sm\\:mbn48 { + margin-bottom: var(--sun48) !important; + } + .sm\\:mbn64 { + margin-bottom: var(--sun64) !important; + } + .sm\\:mbn96 { + margin-bottom: var(--sun96) !important; + } + .sm\\:mbn128 { + margin-bottom: var(--sun128) !important; + } + .sm\\:mb50 { + margin-bottom: 50% !important; + } + .sm\\:mb100 { + margin-bottom: 100% !important; + } + .sm\\:mbn50 { + margin-bottom: -50% !important; + } + .sm\\:mbn100 { + margin-bottom: -100% !important; + } + .sm\\:ml0 { + margin-left: var(--su0) !important; + } + .sm\\:ml1 { + margin-left: var(--su1) !important; + } + .sm\\:ml2 { + margin-left: var(--su2) !important; + } + .sm\\:ml4 { + margin-left: var(--su4) !important; + } + .sm\\:ml6 { + margin-left: var(--su6) !important; + } + .sm\\:ml8 { + margin-left: var(--su8) !important; + } + .sm\\:ml12 { + margin-left: var(--su12) !important; + } + .sm\\:ml16 { + margin-left: var(--su16) !important; + } + .sm\\:ml24 { + margin-left: var(--su24) !important; + } + .sm\\:ml32 { + margin-left: var(--su32) !important; + } + .sm\\:ml48 { + margin-left: var(--su48) !important; + } + .sm\\:ml64 { + margin-left: var(--su64) !important; + } + .sm\\:ml96 { + margin-left: var(--su96) !important; + } + .sm\\:ml128 { + margin-left: var(--su128) !important; + } + .sm\\:mln1 { + margin-left: var(--sun1) !important; + } + .sm\\:mln2 { + margin-left: var(--sun2) !important; + } + .sm\\:mln4 { + margin-left: var(--sun4) !important; + } + .sm\\:mln6 { + margin-left: var(--sun6) !important; + } + .sm\\:mln8 { + margin-left: var(--sun8) !important; + } + .sm\\:mln12 { + margin-left: var(--sun12) !important; + } + .sm\\:mln16 { + margin-left: var(--sun16) !important; + } + .sm\\:mln24 { + margin-left: var(--sun24) !important; + } + .sm\\:mln32 { + margin-left: var(--sun32) !important; + } + .sm\\:mln48 { + margin-left: var(--sun48) !important; + } + .sm\\:mln64 { + margin-left: var(--sun64) !important; + } + .sm\\:mln96 { + margin-left: var(--sun96) !important; + } + .sm\\:mln128 { + margin-left: var(--sun128) !important; + } + .sm\\:ml50 { + margin-left: 50% !important; + } + .sm\\:ml100 { + margin-left: 100% !important; + } + .sm\\:mln50 { + margin-left: -50% !important; + } + .sm\\:mln100 { + margin-left: -100% !important; + } + .sm\\:mx0 { + margin-left: var(--su0) !important; + margin-right: var(--su0) !important; + } + .sm\\:mx1 { + margin-left: var(--su1) !important; + margin-right: var(--su1) !important; + } + .sm\\:mx2 { + margin-left: var(--su2) !important; + margin-right: var(--su2) !important; + } + .sm\\:mx4 { + margin-left: var(--su4) !important; + margin-right: var(--su4) !important; + } + .sm\\:mx6 { + margin-left: var(--su6) !important; + margin-right: var(--su6) !important; + } + .sm\\:mx8 { + margin-left: var(--su8) !important; + margin-right: var(--su8) !important; + } + .sm\\:mx12 { + margin-left: var(--su12) !important; + margin-right: var(--su12) !important; + } + .sm\\:mx16 { + margin-left: var(--su16) !important; + margin-right: var(--su16) !important; + } + .sm\\:mx24 { + margin-left: var(--su24) !important; + margin-right: var(--su24) !important; + } + .sm\\:mx32 { + margin-left: var(--su32) !important; + margin-right: var(--su32) !important; + } + .sm\\:mx48 { + margin-left: var(--su48) !important; + margin-right: var(--su48) !important; + } + .sm\\:mx64 { + margin-left: var(--su64) !important; + margin-right: var(--su64) !important; + } + .sm\\:mx96 { + margin-left: var(--su96) !important; + margin-right: var(--su96) !important; + } + .sm\\:mx128 { + margin-left: var(--su128) !important; + margin-right: var(--su128) !important; + } + .sm\\:mxn1 { + margin-left: var(--sun1) !important; + margin-right: var(--sun1) !important; + } + .sm\\:mxn2 { + margin-left: var(--sun2) !important; + margin-right: var(--sun2) !important; + } + .sm\\:mxn4 { + margin-left: var(--sun4) !important; + margin-right: var(--sun4) !important; + } + .sm\\:mxn6 { + margin-left: var(--sun6) !important; + margin-right: var(--sun6) !important; + } + .sm\\:mxn8 { + margin-left: var(--sun8) !important; + margin-right: var(--sun8) !important; + } + .sm\\:mxn12 { + margin-left: var(--sun12) !important; + margin-right: var(--sun12) !important; + } + .sm\\:mxn16 { + margin-left: var(--sun16) !important; + margin-right: var(--sun16) !important; + } + .sm\\:mxn24 { + margin-left: var(--sun24) !important; + margin-right: var(--sun24) !important; + } + .sm\\:mxn32 { + margin-left: var(--sun32) !important; + margin-right: var(--sun32) !important; + } + .sm\\:mxn48 { + margin-left: var(--sun48) !important; + margin-right: var(--sun48) !important; + } + .sm\\:mxn64 { + margin-left: var(--sun64) !important; + margin-right: var(--sun64) !important; + } + .sm\\:mxn96 { + margin-left: var(--sun96) !important; + margin-right: var(--sun96) !important; + } + .sm\\:mxn128 { + margin-left: var(--sun128) !important; + margin-right: var(--sun128) !important; + } + .sm\\:my0 { + margin-top: var(--su0) !important; + margin-bottom: var(--su0) !important; + } + .sm\\:my1 { + margin-top: var(--su1) !important; + margin-bottom: var(--su1) !important; + } + .sm\\:my2 { + margin-top: var(--su2) !important; + margin-bottom: var(--su2) !important; + } + .sm\\:my4 { + margin-top: var(--su4) !important; + margin-bottom: var(--su4) !important; + } + .sm\\:my6 { + margin-top: var(--su6) !important; + margin-bottom: var(--su6) !important; + } + .sm\\:my8 { + margin-top: var(--su8) !important; + margin-bottom: var(--su8) !important; + } + .sm\\:my12 { + margin-top: var(--su12) !important; + margin-bottom: var(--su12) !important; + } + .sm\\:my16 { + margin-top: var(--su16) !important; + margin-bottom: var(--su16) !important; + } + .sm\\:my24 { + margin-top: var(--su24) !important; + margin-bottom: var(--su24) !important; + } + .sm\\:my32 { + margin-top: var(--su32) !important; + margin-bottom: var(--su32) !important; + } + .sm\\:my48 { + margin-top: var(--su48) !important; + margin-bottom: var(--su48) !important; + } + .sm\\:my64 { + margin-top: var(--su64) !important; + margin-bottom: var(--su64) !important; + } + .sm\\:my96 { + margin-top: var(--su96) !important; + margin-bottom: var(--su96) !important; + } + .sm\\:my128 { + margin-top: var(--su128) !important; + margin-bottom: var(--su128) !important; + } + .sm\\:myn1 { + margin-top: var(--sun1) !important; + margin-bottom: var(--sun1) !important; + } + .sm\\:myn2 { + margin-top: var(--sun2) !important; + margin-bottom: var(--sun2) !important; + } + .sm\\:myn4 { + margin-top: var(--sun4) !important; + margin-bottom: var(--sun4) !important; + } + .sm\\:myn6 { + margin-top: var(--sun6) !important; + margin-bottom: var(--sun6) !important; + } + .sm\\:myn8 { + margin-top: var(--sun8) !important; + margin-bottom: var(--sun8) !important; + } + .sm\\:myn12 { + margin-top: var(--sun12) !important; + margin-bottom: var(--sun12) !important; + } + .sm\\:myn16 { + margin-top: var(--sun16) !important; + margin-bottom: var(--sun16) !important; + } + .sm\\:myn24 { + margin-top: var(--sun24) !important; + margin-bottom: var(--sun24) !important; + } + .sm\\:myn32 { + margin-top: var(--sun32) !important; + margin-bottom: var(--sun32) !important; + } + .sm\\:myn48 { + margin-top: var(--sun48) !important; + margin-bottom: var(--sun48) !important; + } + .sm\\:myn64 { + margin-top: var(--sun64) !important; + margin-bottom: var(--sun64) !important; + } + .sm\\:myn96 { + margin-top: var(--sun96) !important; + margin-bottom: var(--sun96) !important; + } + .sm\\:myn128 { + margin-top: var(--sun128) !important; + margin-bottom: var(--sun128) !important; + } + .sm\\:p0 { + padding: var(--su0) !important; + } + .sm\\:p1 { + padding: var(--su1) !important; + } + .sm\\:p2 { + padding: var(--su2) !important; + } + .sm\\:p4 { + padding: var(--su4) !important; + } + .sm\\:p6 { + padding: var(--su6) !important; + } + .sm\\:p8 { + padding: var(--su8) !important; + } + .sm\\:p12 { + padding: var(--su12) !important; + } + .sm\\:p16 { + padding: var(--su16) !important; + } + .sm\\:p24 { + padding: var(--su24) !important; + } + .sm\\:p32 { + padding: var(--su32) !important; + } + .sm\\:p48 { + padding: var(--su48) !important; + } + .sm\\:p64 { + padding: var(--su64) !important; + } + .sm\\:p96 { + padding: var(--su96) !important; + } + .sm\\:p128 { + padding: var(--su128) !important; + } + .sm\\:pt0 { + padding-top: var(--su0) !important; + } + .sm\\:pt1 { + padding-top: var(--su1) !important; + } + .sm\\:pt2 { + padding-top: var(--su2) !important; + } + .sm\\:pt4 { + padding-top: var(--su4) !important; + } + .sm\\:pt6 { + padding-top: var(--su6) !important; + } + .sm\\:pt8 { + padding-top: var(--su8) !important; + } + .sm\\:pt12 { + padding-top: var(--su12) !important; + } + .sm\\:pt16 { + padding-top: var(--su16) !important; + } + .sm\\:pt24 { + padding-top: var(--su24) !important; + } + .sm\\:pt32 { + padding-top: var(--su32) !important; + } + .sm\\:pt48 { + padding-top: var(--su48) !important; + } + .sm\\:pt64 { + padding-top: var(--su64) !important; + } + .sm\\:pt96 { + padding-top: var(--su96) !important; + } + .sm\\:pt128 { + padding-top: var(--su128) !important; + } + .sm\\:pr0 { + padding-right: var(--su0) !important; + } + .sm\\:pr1 { + padding-right: var(--su1) !important; + } + .sm\\:pr2 { + padding-right: var(--su2) !important; + } + .sm\\:pr4 { + padding-right: var(--su4) !important; + } + .sm\\:pr6 { + padding-right: var(--su6) !important; + } + .sm\\:pr8 { + padding-right: var(--su8) !important; + } + .sm\\:pr12 { + padding-right: var(--su12) !important; + } + .sm\\:pr16 { + padding-right: var(--su16) !important; + } + .sm\\:pr24 { + padding-right: var(--su24) !important; + } + .sm\\:pr32 { + padding-right: var(--su32) !important; + } + .sm\\:pr48 { + padding-right: var(--su48) !important; + } + .sm\\:pr64 { + padding-right: var(--su64) !important; + } + .sm\\:pr96 { + padding-right: var(--su96) !important; + } + .sm\\:pr128 { + padding-right: var(--su128) !important; + } + .sm\\:pb0 { + padding-bottom: var(--su0) !important; + } + .sm\\:pb1 { + padding-bottom: var(--su1) !important; + } + .sm\\:pb2 { + padding-bottom: var(--su2) !important; + } + .sm\\:pb4 { + padding-bottom: var(--su4) !important; + } + .sm\\:pb6 { + padding-bottom: var(--su6) !important; + } + .sm\\:pb8 { + padding-bottom: var(--su8) !important; + } + .sm\\:pb12 { + padding-bottom: var(--su12) !important; + } + .sm\\:pb16 { + padding-bottom: var(--su16) !important; + } + .sm\\:pb24 { + padding-bottom: var(--su24) !important; + } + .sm\\:pb32 { + padding-bottom: var(--su32) !important; + } + .sm\\:pb48 { + padding-bottom: var(--su48) !important; + } + .sm\\:pb64 { + padding-bottom: var(--su64) !important; + } + .sm\\:pb96 { + padding-bottom: var(--su96) !important; + } + .sm\\:pb128 { + padding-bottom: var(--su128) !important; + } + .sm\\:pl0 { + padding-left: var(--su0) !important; + } + .sm\\:pl1 { + padding-left: var(--su1) !important; + } + .sm\\:pl2 { + padding-left: var(--su2) !important; + } + .sm\\:pl4 { + padding-left: var(--su4) !important; + } + .sm\\:pl6 { + padding-left: var(--su6) !important; + } + .sm\\:pl8 { + padding-left: var(--su8) !important; + } + .sm\\:pl12 { + padding-left: var(--su12) !important; + } + .sm\\:pl16 { + padding-left: var(--su16) !important; + } + .sm\\:pl24 { + padding-left: var(--su24) !important; + } + .sm\\:pl32 { + padding-left: var(--su32) !important; + } + .sm\\:pl48 { + padding-left: var(--su48) !important; + } + .sm\\:pl64 { + padding-left: var(--su64) !important; + } + .sm\\:pl96 { + padding-left: var(--su96) !important; + } + .sm\\:pl128 { + padding-left: var(--su128) !important; + } + .sm\\:px0 { + padding-left: var(--su0) !important; + padding-right: var(--su0) !important; + } + .sm\\:px1 { + padding-left: var(--su1) !important; + padding-right: var(--su1) !important; + } + .sm\\:px2 { + padding-left: var(--su2) !important; + padding-right: var(--su2) !important; + } + .sm\\:px4 { + padding-left: var(--su4) !important; + padding-right: var(--su4) !important; + } + .sm\\:px6 { + padding-left: var(--su6) !important; + padding-right: var(--su6) !important; + } + .sm\\:px8 { + padding-left: var(--su8) !important; + padding-right: var(--su8) !important; + } + .sm\\:px12 { + padding-left: var(--su12) !important; + padding-right: var(--su12) !important; + } + .sm\\:px16 { + padding-left: var(--su16) !important; + padding-right: var(--su16) !important; + } + .sm\\:px24 { + padding-left: var(--su24) !important; + padding-right: var(--su24) !important; + } + .sm\\:px32 { + padding-left: var(--su32) !important; + padding-right: var(--su32) !important; + } + .sm\\:px48 { + padding-left: var(--su48) !important; + padding-right: var(--su48) !important; + } + .sm\\:px64 { + padding-left: var(--su64) !important; + padding-right: var(--su64) !important; + } + .sm\\:px96 { + padding-left: var(--su96) !important; + padding-right: var(--su96) !important; + } + .sm\\:px128 { + padding-left: var(--su128) !important; + padding-right: var(--su128) !important; + } + .sm\\:py0 { + padding-top: var(--su0) !important; + padding-bottom: var(--su0) !important; + } + .sm\\:py1 { + padding-top: var(--su1) !important; + padding-bottom: var(--su1) !important; + } + .sm\\:py2 { + padding-top: var(--su2) !important; + padding-bottom: var(--su2) !important; + } + .sm\\:py4 { + padding-top: var(--su4) !important; + padding-bottom: var(--su4) !important; + } + .sm\\:py6 { + padding-top: var(--su6) !important; + padding-bottom: var(--su6) !important; + } + .sm\\:py8 { + padding-top: var(--su8) !important; + padding-bottom: var(--su8) !important; + } + .sm\\:py12 { + padding-top: var(--su12) !important; + padding-bottom: var(--su12) !important; + } + .sm\\:py16 { + padding-top: var(--su16) !important; + padding-bottom: var(--su16) !important; + } + .sm\\:py24 { + padding-top: var(--su24) !important; + padding-bottom: var(--su24) !important; + } + .sm\\:py32 { + padding-top: var(--su32) !important; + padding-bottom: var(--su32) !important; + } + .sm\\:py48 { + padding-top: var(--su48) !important; + padding-bottom: var(--su48) !important; + } + .sm\\:py64 { + padding-top: var(--su64) !important; + padding-bottom: var(--su64) !important; + } + .sm\\:py96 { + padding-top: var(--su96) !important; + padding-bottom: var(--su96) !important; + } + .sm\\:py128 { + padding-top: var(--su128) !important; + padding-bottom: var(--su128) !important; + } + .sm\\:ps-absolute { + position: absolute !important; + } + .sm\\:ps-fixed { + position: fixed !important; + } + .sm\\:ps-relative { + position: relative !important; + } + .sm\\:ps-static { + position: static !important; + } + .sm\\:ps-sticky { + position: sticky !important; + } + .sm\\:t0 { + top: var(--su0) !important; + } + .sm\\:t1 { + top: var(--su1) !important; + } + .sm\\:t2 { + top: var(--su2) !important; + } + .sm\\:t4 { + top: var(--su4) !important; + } + .sm\\:t6 { + top: var(--su6) !important; + } + .sm\\:t8 { + top: var(--su8) !important; + } + .sm\\:t12 { + top: var(--su12) !important; + } + .sm\\:t16 { + top: var(--su16) !important; + } + .sm\\:t24 { + top: var(--su24) !important; + } + .sm\\:t32 { + top: var(--su32) !important; + } + .sm\\:t48 { + top: var(--su48) !important; + } + .sm\\:t64 { + top: var(--su64) !important; + } + .sm\\:t96 { + top: var(--su96) !important; + } + .sm\\:t128 { + top: var(--su128) !important; + } + .sm\\:tn1 { + top: var(--sun1) !important; + } + .sm\\:tn2 { + top: var(--sun2) !important; + } + .sm\\:tn4 { + top: var(--sun4) !important; + } + .sm\\:tn6 { + top: var(--sun6) !important; + } + .sm\\:tn8 { + top: var(--sun8) !important; + } + .sm\\:tn12 { + top: var(--sun12) !important; + } + .sm\\:tn16 { + top: var(--sun16) !important; + } + .sm\\:tn24 { + top: var(--sun24) !important; + } + .sm\\:tn32 { + top: var(--sun32) !important; + } + .sm\\:tn48 { + top: var(--sun48) !important; + } + .sm\\:tn64 { + top: var(--sun64) !important; + } + .sm\\:tn96 { + top: var(--sun96) !important; + } + .sm\\:tn128 { + top: var(--sun128) !important; + } + .sm\\:t50 { + top: 50% !important; + } + .sm\\:t100 { + top: 100% !important; + } + .sm\\:tn50 { + top: -50% !important; + } + .sm\\:tn100 { + top: -100% !important; + } + .sm\\:r0 { + right: var(--su0) !important; + } + .sm\\:r1 { + right: var(--su1) !important; + } + .sm\\:r2 { + right: var(--su2) !important; + } + .sm\\:r4 { + right: var(--su4) !important; + } + .sm\\:r6 { + right: var(--su6) !important; + } + .sm\\:r8 { + right: var(--su8) !important; + } + .sm\\:r12 { + right: var(--su12) !important; + } + .sm\\:r16 { + right: var(--su16) !important; + } + .sm\\:r24 { + right: var(--su24) !important; + } + .sm\\:r32 { + right: var(--su32) !important; + } + .sm\\:r48 { + right: var(--su48) !important; + } + .sm\\:r64 { + right: var(--su64) !important; + } + .sm\\:r96 { + right: var(--su96) !important; + } + .sm\\:r128 { + right: var(--su128) !important; + } + .sm\\:rn1 { + right: var(--sun1) !important; + } + .sm\\:rn2 { + right: var(--sun2) !important; + } + .sm\\:rn4 { + right: var(--sun4) !important; + } + .sm\\:rn6 { + right: var(--sun6) !important; + } + .sm\\:rn8 { + right: var(--sun8) !important; + } + .sm\\:rn12 { + right: var(--sun12) !important; + } + .sm\\:rn16 { + right: var(--sun16) !important; + } + .sm\\:rn24 { + right: var(--sun24) !important; + } + .sm\\:rn32 { + right: var(--sun32) !important; + } + .sm\\:rn48 { + right: var(--sun48) !important; + } + .sm\\:rn64 { + right: var(--sun64) !important; + } + .sm\\:rn96 { + right: var(--sun96) !important; + } + .sm\\:rn128 { + right: var(--sun128) !important; + } + .sm\\:r50 { + right: 50% !important; + } + .sm\\:r100 { + right: 100% !important; + } + .sm\\:rn50 { + right: -50% !important; + } + .sm\\:rn100 { + right: -100% !important; + } + .sm\\:b0 { + bottom: var(--su0) !important; + } + .sm\\:b1 { + bottom: var(--su1) !important; + } + .sm\\:b2 { + bottom: var(--su2) !important; + } + .sm\\:b4 { + bottom: var(--su4) !important; + } + .sm\\:b6 { + bottom: var(--su6) !important; + } + .sm\\:b8 { + bottom: var(--su8) !important; + } + .sm\\:b12 { + bottom: var(--su12) !important; + } + .sm\\:b16 { + bottom: var(--su16) !important; + } + .sm\\:b24 { + bottom: var(--su24) !important; + } + .sm\\:b32 { + bottom: var(--su32) !important; + } + .sm\\:b48 { + bottom: var(--su48) !important; + } + .sm\\:b64 { + bottom: var(--su64) !important; + } + .sm\\:b96 { + bottom: var(--su96) !important; + } + .sm\\:b128 { + bottom: var(--su128) !important; + } + .sm\\:bn1 { + bottom: var(--sun1) !important; + } + .sm\\:bn2 { + bottom: var(--sun2) !important; + } + .sm\\:bn4 { + bottom: var(--sun4) !important; + } + .sm\\:bn6 { + bottom: var(--sun6) !important; + } + .sm\\:bn8 { + bottom: var(--sun8) !important; + } + .sm\\:bn12 { + bottom: var(--sun12) !important; + } + .sm\\:bn16 { + bottom: var(--sun16) !important; + } + .sm\\:bn24 { + bottom: var(--sun24) !important; + } + .sm\\:bn32 { + bottom: var(--sun32) !important; + } + .sm\\:bn48 { + bottom: var(--sun48) !important; + } + .sm\\:bn64 { + bottom: var(--sun64) !important; + } + .sm\\:bn96 { + bottom: var(--sun96) !important; + } + .sm\\:bn128 { + bottom: var(--sun128) !important; + } + .sm\\:b50 { + bottom: 50% !important; + } + .sm\\:b100 { + bottom: 100% !important; + } + .sm\\:bn50 { + bottom: -50% !important; + } + .sm\\:bn100 { + bottom: -100% !important; + } + .sm\\:l0 { + left: var(--su0) !important; + } + .sm\\:l1 { + left: var(--su1) !important; + } + .sm\\:l2 { + left: var(--su2) !important; + } + .sm\\:l4 { + left: var(--su4) !important; + } + .sm\\:l6 { + left: var(--su6) !important; + } + .sm\\:l8 { + left: var(--su8) !important; + } + .sm\\:l12 { + left: var(--su12) !important; + } + .sm\\:l16 { + left: var(--su16) !important; + } + .sm\\:l24 { + left: var(--su24) !important; + } + .sm\\:l32 { + left: var(--su32) !important; + } + .sm\\:l48 { + left: var(--su48) !important; + } + .sm\\:l64 { + left: var(--su64) !important; + } + .sm\\:l96 { + left: var(--su96) !important; + } + .sm\\:l128 { + left: var(--su128) !important; + } + .sm\\:ln1 { + left: var(--sun1) !important; + } + .sm\\:ln2 { + left: var(--sun2) !important; + } + .sm\\:ln4 { + left: var(--sun4) !important; + } + .sm\\:ln6 { + left: var(--sun6) !important; + } + .sm\\:ln8 { + left: var(--sun8) !important; + } + .sm\\:ln12 { + left: var(--sun12) !important; + } + .sm\\:ln16 { + left: var(--sun16) !important; + } + .sm\\:ln24 { + left: var(--sun24) !important; + } + .sm\\:ln32 { + left: var(--sun32) !important; + } + .sm\\:ln48 { + left: var(--sun48) !important; + } + .sm\\:ln64 { + left: var(--sun64) !important; + } + .sm\\:ln96 { + left: var(--sun96) !important; + } + .sm\\:ln128 { + left: var(--sun128) !important; + } + .sm\\:l50 { + left: 50% !important; + } + .sm\\:l100 { + left: 100% !important; + } + .sm\\:ln50 { + left: -50% !important; + } + .sm\\:ln100 { + left: -100% !important; + } + .sm\\:w25 { + width: 25% !important; + } + .sm\\:w50 { + width: 50% !important; + } + .sm\\:w75 { + width: 75% !important; + } + .sm\\:w100 { + width: 100% !important; + } + .sm\\:w33 { + width: calc(100% / 3) !important; + } + .sm\\:w66 { + width: calc(100% / 3 * 2) !important; + } + .sm\\:w-auto { + width: auto !important; + } + .sm\\:w-screen { + width: 100vw !important; + } + .sm\\:wmn100 { + min-width: 100% !important; + } + .sm\\:wmn-initial { + min-width: initial !important; + } + .sm\\:wmn-screen { + min-width: 100vw !important; + } + .sm\\:wmx100 { + max-width: 100% !important; + } + .sm\\:wmx-initial { + max-width: initial !important; + } + .sm\\:wmx-screen { + max-width: 100vw !important; + } +} +@media print { + .print\\:d-block { + display: block !important; + } + .print\\:d-none { + display: none !important; + } +} +/* stylelint-enable */ +/* stylelint-disable */ +html, +body { + color: var(--theme-body-font-color, var(--black-600)); + font-family: var(--theme-body-font-family); + line-height: var(--lh-base); +} +body { + background-color: var(--theme-background-color, var(--white)); + box-sizing: border-box; + font-size: var(--fs-body1); + min-height: 100%; +} +body *, +body *:before, +body *:after { + box-sizing: inherit; +} +" +`; diff --git a/packages/stacks-classic/lib/stacks.less.test.ts b/packages/stacks-classic/lib/stacks.less.test.ts new file mode 100644 index 0000000000..acce924ae9 --- /dev/null +++ b/packages/stacks-classic/lib/stacks.less.test.ts @@ -0,0 +1,12 @@ +import { describe, it, expect } from "vitest"; +import { renderLess } from "./test/less-test-utils"; + +describe("stacks complete bundle", () => { + it("should output all stacks styles", async () => { + const css = await renderLess(` + @import "./lib/stacks.less"; + `); + + expect(css).toMatchSnapshot(); + }); +});