/* src/global.next.css */ *, ::before, ::after { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; } ::backdrop { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; } [data-change-ds-theme-next=dark] { } [data-change-ds-theme-next=light] { --icon-strong-color: #403a49; --icon-strong-fixed-color: #403a49; --icon-weak-color: #766f81; --icon-weaker-color: #bdb7c9; --icon-brand-color: #bc1e19; --icon-interactive-color: #6e4415; --icon-disabled-color: #bdb7c9; --icon-error-color: #d40225; --icon-accent-primary-color: #4771ff; --icon-accent-secondary-color: #be46ff; --icon-selected-color: #4771ff; --icon-warning-color: #fe9311; --icon-success-color: #078e3f; --icon-information-color: #4771ff; --icon-inverse-strong-color: #ffffff; --icon-inverse-weak-color: #faf8fd; --icon-inverse-disabled-color: #e1dde9; --typography-strong-color: #403a49; --typography-strong-fixed-color: #403a49; --typography-weak-color: #766f81; --typography-disabled-color: #403a4966; --typography-brand-color: #bc1e19; --typography-error-color: #910a21; --typography-warning-color: #7e3b10; --typography-success-color: #0c5b2d; --typography-information-color: #003193; --typography-accent-primary-color: #003193; --typography-accent-secondary-color: #5b038b; --typography-interactive-color: #003cd6; --typography-interactive-hover-color: #0038bc; --typography-interactive-pressed-color: #0d4dfb; --typography-interactive-visited-color: #003cd6; --typography-inverse-strong-color: #ffffff; --typography-inverse-weak-color: #faf8fd; --typography-inverse-disabled-color: #e1dde9; --background-base-color: #ffffff; --background-raised-color: #faf8fd; --background-overlay-color: #f2f1f8; --background-brand-color: #f34e49; --background-accent-primary-color: #4771ff; --background-accent-secondary-color: #be46ff; --fill-transparent-color: #ffffff00; --fill-strong-color: #403a49; --fill-weak-color: #403a49b2; --fill-weaker-color: #403a491a; --fill-inverse-strong-color: #ffffff; --fill-inverse-weak-color: #403a490d; --fill-hover-color: #403a490d; --fill-hovered-weak-color: #403a490d; --fill-press-color: #403a491a; --fill-disabled-color: #403a491a; --fill-interactive-color: #ffdb00; --fill-interactive-weak-color: #fff98f; --fill-brand-strong-color: #f34e49; --fill-brand-weak-color: #fea6a3; --fill-error-strong-color: #ff3254; --fill-error-weak-color: #ffc9d2; --fill-error-weaker-color: #fef1f3; --fill-warning-strong-color: #fe9311; --fill-warning-weak-color: #ffe3a8; --fill-warning-weaker-color: #fffaed; --fill-accent-primary-strong-color: #0d4dfb; --fill-accent-primary-weak-color: #cddbff; --fill-accent-primary-weaker-color: #f0f7ff; --fill-accent-secondary-strong-color: #ab0eff; --fill-accent-secondary-weak-color: #e9c1ff; --fill-accent-secondary-weaker-color: #fbf3ff; --fill-information-strong-color: #4771ff; --fill-selected-color: #4771ff; --fill-information-weak-color: #cddbff; --fill-information-weaker-color: #f0f7ff; --fill-success-strong-color: #0dda62; --fill-success-weak-color: #b3ffd3; --fill-success-weaker-color: #eefff5; --fill-overlay-color: #3a293ebf; --stroke-strong-color: #766f81; --stroke-weak-color: #918a9d; --stroke-weaker-color: #e1dde9; --stroke-hover-color: #766f81; --stroke-press-color: #5e5768; --stroke-active-color: #918a9d; --stroke-disabled-color: #e1dde9; --stroke-error-strong-color: #910a21; --stroke-error-weak-color: #ff9dad; --stroke-warning-strong-color: #fe9311; --stroke-warning-weak-color: #ffce71; --stroke-success-strong-color: #0c5b2d; --stroke-success-weak-color: #0dda62; --stroke-warning-success-color: #fe9311; --stroke-warning-success-weak-color: #ffce71; --stroke-brand-weak-color: #fea6a3; --stroke-brand-strong-color: #e02822; --stroke-info-strong-color: #4771ff; --stroke-selected-color: #4771ff; --stroke-focus-color: #4771ff; --stroke-info-weak-color: #a5b9ff; --stroke-accent-primary-strong-color: #4771ff; --stroke-accent-primary-weak-color: #a5b9ff; --stroke-accent-secondary-strong-color: #be46ff; --stroke-accent-secondary-weak-color: #dfa5ff; --stroke-inverse-strong-color: #ffffff; --stroke-inverse-weak-color: #ffffff99; --stroke-inverse-disabled-color: #ffffff4d; --elevation-low: 0px 2px 2px rgba(0, 0, 0, 0.05), 0px 3px 19px rgba(58, 41, 62, 0.06); --elevation-elevated: 0px 4px 13px rgba(95, 95, 95, 0.07), 0px 18px 26px rgba(123, 123, 123, 0.12); --elevation-elevated-selected: 0px 4px 13px rgba(90, 95, 39, 0.07), 0px 18px 26px rgba(123, 117, 42, 0.12); --elevation-floating: 0px 148px 59px rgba(0, 0, 0, 0.01), 0px 83px 50px rgba(0, 0, 0, 0.05), 0px 37px 37px rgba(0, 0, 0, 0.09), 0px 9px 20px rgba(0, 0, 0, 0.1); --change-ds-font-family: "Commissioner", sans-serif; --change-ds-font-family-expressive: "Merriweather", serif; } [type=search]::-webkit-search-decoration { display: none; } [type=search]::-webkit-search-cancel-button { display: none; } [type=search]::-webkit-search-results-button { display: none; } [type=search]::-webkit-search-results-decoration { display: none; } *:where(.change-ds-theme-next, .change-ds-theme-next *), :where(.change-ds-theme-next, .change-ds-theme-next *)::before, :where(.change-ds-theme-next, .change-ds-theme-next *)::after { box-sizing: border-box; border-width: 0; border-style: solid; border-color: #e5e7eb; } :where(.change-ds-theme-next, .change-ds-theme-next *)::before, :where(.change-ds-theme-next, .change-ds-theme-next *)::after { --tw-content: ""; } .change-ds-theme-next { line-height: 1.5; -webkit-text-size-adjust: 100%; -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; font-family: var(--change-ds-font-family), ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-feature-settings: normal; font-variation-settings: normal; -webkit-tap-highlight-color: transparent; } .change-ds-theme-next { margin: 0; line-height: inherit; } hr:where(.change-ds-theme-next, .change-ds-theme-next *) { height: 0; color: inherit; border-top-width: 1px; } abbr:where([title]):where(.change-ds-theme-next, .change-ds-theme-next *) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } h1:where(.change-ds-theme-next, .change-ds-theme-next *), h2:where(.change-ds-theme-next, .change-ds-theme-next *), h3:where(.change-ds-theme-next, .change-ds-theme-next *), h4:where(.change-ds-theme-next, .change-ds-theme-next *), h5:where(.change-ds-theme-next, .change-ds-theme-next *), h6:where(.change-ds-theme-next, .change-ds-theme-next *) { font-size: inherit; font-weight: inherit; } a:where(.change-ds-theme-next, .change-ds-theme-next *) { color: inherit; text-decoration: inherit; } b:where(.change-ds-theme-next, .change-ds-theme-next *), strong:where(.change-ds-theme-next, .change-ds-theme-next *) { font-weight: bolder; } code:where(.change-ds-theme-next, .change-ds-theme-next *), kbd:where(.change-ds-theme-next, .change-ds-theme-next *), samp:where(.change-ds-theme-next, .change-ds-theme-next *), pre:where(.change-ds-theme-next, .change-ds-theme-next *) { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-feature-settings: normal; font-variation-settings: normal; font-size: 1em; } small:where(.change-ds-theme-next, .change-ds-theme-next *) { font-size: 80%; } sub:where(.change-ds-theme-next, .change-ds-theme-next *), sup:where(.change-ds-theme-next, .change-ds-theme-next *) { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub:where(.change-ds-theme-next, .change-ds-theme-next *) { bottom: -0.25em; } sup:where(.change-ds-theme-next, .change-ds-theme-next *) { top: -0.5em; } table:where(.change-ds-theme-next, .change-ds-theme-next *) { text-indent: 0; border-color: inherit; border-collapse: collapse; } button:where(.change-ds-theme-next, .change-ds-theme-next *), input:where(.change-ds-theme-next, .change-ds-theme-next *), optgroup:where(.change-ds-theme-next, .change-ds-theme-next *), select:where(.change-ds-theme-next, .change-ds-theme-next *), textarea:where(.change-ds-theme-next, .change-ds-theme-next *) { font-family: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; letter-spacing: inherit; color: inherit; margin: 0; padding: 0; } button:where(.change-ds-theme-next, .change-ds-theme-next *), select:where(.change-ds-theme-next, .change-ds-theme-next *) { text-transform: none; } button:where(.change-ds-theme-next, .change-ds-theme-next *), input:where([type=button]):where(.change-ds-theme-next, .change-ds-theme-next *), input:where([type=reset]):where(.change-ds-theme-next, .change-ds-theme-next *), input:where([type=submit]):where(.change-ds-theme-next, .change-ds-theme-next *) { -webkit-appearance: button; background-color: transparent; background-image: none; } :-moz-focusring:where(.change-ds-theme-next, .change-ds-theme-next *) { outline: auto; } :-moz-ui-invalid:where(.change-ds-theme-next, .change-ds-theme-next *) { box-shadow: none; } progress:where(.change-ds-theme-next, .change-ds-theme-next *) { vertical-align: baseline; } :where(.change-ds-theme-next, .change-ds-theme-next *) ::-webkit-inner-spin-button, :where(.change-ds-theme-next, .change-ds-theme-next *) ::-webkit-outer-spin-button { height: auto; } [type=search]:where(.change-ds-theme-next, .change-ds-theme-next *) { -webkit-appearance: textfield; outline-offset: -2px; } :where(.change-ds-theme-next, .change-ds-theme-next *) ::-webkit-search-decoration { -webkit-appearance: none; } :where(.change-ds-theme-next, .change-ds-theme-next *) ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } summary:where(.change-ds-theme-next, .change-ds-theme-next *) { display: list-item; } blockquote:where(.change-ds-theme-next, .change-ds-theme-next *), dl:where(.change-ds-theme-next, .change-ds-theme-next *), dd:where(.change-ds-theme-next, .change-ds-theme-next *), h1:where(.change-ds-theme-next, .change-ds-theme-next *), h2:where(.change-ds-theme-next, .change-ds-theme-next *), h3:where(.change-ds-theme-next, .change-ds-theme-next *), h4:where(.change-ds-theme-next, .change-ds-theme-next *), h5:where(.change-ds-theme-next, .change-ds-theme-next *), h6:where(.change-ds-theme-next, .change-ds-theme-next *), hr:where(.change-ds-theme-next, .change-ds-theme-next *), figure:where(.change-ds-theme-next, .change-ds-theme-next *), p:where(.change-ds-theme-next, .change-ds-theme-next *), pre:where(.change-ds-theme-next, .change-ds-theme-next *) { margin: 0; } fieldset:where(.change-ds-theme-next, .change-ds-theme-next *) { margin: 0; padding: 0; } legend:where(.change-ds-theme-next, .change-ds-theme-next *) { padding: 0; } ol:where(.change-ds-theme-next, .change-ds-theme-next *), ul:where(.change-ds-theme-next, .change-ds-theme-next *), menu:where(.change-ds-theme-next, .change-ds-theme-next *) { list-style: none; margin: 0; padding: 0; } dialog:where(.change-ds-theme-next, .change-ds-theme-next *) { padding: 0; } textarea:where(.change-ds-theme-next, .change-ds-theme-next *) { resize: vertical; } :where(.change-ds-theme-next, .change-ds-theme-next *) input::-moz-placeholder, :where(.change-ds-theme-next, .change-ds-theme-next *) textarea::-moz-placeholder { opacity: 1; color: #9ca3af; } :where(.change-ds-theme-next, .change-ds-theme-next *) input::placeholder, :where(.change-ds-theme-next, .change-ds-theme-next *) textarea::placeholder { opacity: 1; color: #9ca3af; } button:where(.change-ds-theme-next, .change-ds-theme-next *), [role=button]:where(.change-ds-theme-next, .change-ds-theme-next *) { cursor: pointer; } :disabled:where(.change-ds-theme-next, .change-ds-theme-next *) { cursor: default; } img:where(.change-ds-theme-next, .change-ds-theme-next *), svg:where(.change-ds-theme-next, .change-ds-theme-next *), video:where(.change-ds-theme-next, .change-ds-theme-next *), canvas:where(.change-ds-theme-next, .change-ds-theme-next *), audio:where(.change-ds-theme-next, .change-ds-theme-next *), iframe:where(.change-ds-theme-next, .change-ds-theme-next *), embed:where(.change-ds-theme-next, .change-ds-theme-next *), object:where(.change-ds-theme-next, .change-ds-theme-next *) { display: block; vertical-align: middle; } img:where(.change-ds-theme-next, .change-ds-theme-next *), video:where(.change-ds-theme-next, .change-ds-theme-next *) { max-width: 100%; height: auto; } [hidden]:where(:not([hidden=until-found])):where(.change-ds-theme-next, .change-ds-theme-next *) { display: none; } .container { width: 100%; } @media (min-width: 23.4375rem) { .container { max-width: 23.4375rem; } } @media (min-width: 47.9375rem) { .container { max-width: 47.9375rem; } } @media (min-width: 64rem) { .container { max-width: 64rem; } } @media (min-width: 80rem) { .container { max-width: 80rem; } } .container { width: 100%; margin-left: auto; margin-right: auto; padding-left: 16px; padding-right: 16px; max-width: 100%; } @media (min-width: 47.9375rem) { .container { padding-left: 0px; padding-right: 0px; max-width: 740px; } } @media (min-width: 64rem) { .container { padding-left: 0px; padding-right: 0px; max-width: 960px; } } @media (min-width: 80rem) { .container { padding-left: 0px; padding-right: 0px; max-width: 1216px; } } .change-ds-theme-next .pointer-events-none { pointer-events: none; } .change-ds-theme-next .pointer-events-auto { pointer-events: auto; } .change-ds-theme-next .visible { visibility: visible; } .change-ds-theme-next .static { position: static; } .change-ds-theme-next .fixed { position: fixed; } .change-ds-theme-next .absolute { position: absolute; } .change-ds-theme-next .relative { position: relative; } .change-ds-theme-next .inset-0 { inset: 0px; } .change-ds-theme-next .inset-\[2px\] { inset: 2px; } .change-ds-theme-next .-left-1 { left: -0.25rem; } .change-ds-theme-next .-top-1 { top: -0.25rem; } .change-ds-theme-next .bottom-\[-40\%\] { bottom: -40%; } .change-ds-theme-next .left-0 { left: 0px; } .change-ds-theme-next .left-1\/2 { left: 50%; } .change-ds-theme-next .left-4 { left: 1rem; } .change-ds-theme-next .left-\[-6\%\] { left: -6%; } .change-ds-theme-next .right-0 { right: 0px; } .change-ds-theme-next .right-2 { right: 0.5rem; } .change-ds-theme-next .right-4 { right: 1rem; } .change-ds-theme-next .right-\[-6\%\] { right: -6%; } .change-ds-theme-next .top-0 { top: 0px; } .change-ds-theme-next .top-2 { top: 0.5rem; } .change-ds-theme-next .top-4 { top: 1rem; } .change-ds-theme-next .z-10 { z-index: 10; } .change-ds-theme-next .z-\[15\] { z-index: 15; } .change-ds-theme-next .col-span-4 { grid-column: span 4 / span 4; } .change-ds-theme-next .m-0 { margin: 0px; } .change-ds-theme-next .mx-0 { margin-left: 0px; margin-right: 0px; } .change-ds-theme-next .mx-1 { margin-left: 0.25rem; margin-right: 0.25rem; } .change-ds-theme-next .mx-2 { margin-left: 0.5rem; margin-right: 0.5rem; } .change-ds-theme-next .my-0 { margin-top: 0px; margin-bottom: 0px; } .change-ds-theme-next .my-1 { margin-top: 0.25rem; margin-bottom: 0.25rem; } .change-ds-theme-next .my-4 { margin-top: 1rem; margin-bottom: 1rem; } .change-ds-theme-next .my-6 { margin-top: 1.5rem; margin-bottom: 1.5rem; } .change-ds-theme-next .-mt-9 { margin-top: -2.25rem; } .change-ds-theme-next .mb-0 { margin-bottom: 0px; } .change-ds-theme-next .ml-\[calc\(\(100\%-100vw\)\/2\)\] { margin-left: calc((100% - 100vw) / 2); } .change-ds-theme-next .ml-auto { margin-left: auto; } .change-ds-theme-next .mt-4 { margin-top: 1rem; } .change-ds-theme-next .mt-6 { margin-top: 1.5rem; } .change-ds-theme-next .box-border { box-sizing: border-box; } .change-ds-theme-next .box-content { box-sizing: content-box; } .change-ds-theme-next .line-clamp-1 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .change-ds-theme-next .line-clamp-2 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .change-ds-theme-next .line-clamp-3 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .change-ds-theme-next .block { display: block; } .change-ds-theme-next .flex { display: flex; } .change-ds-theme-next .inline-flex { display: inline-flex; } .change-ds-theme-next .table { display: table; } .change-ds-theme-next .grid { display: grid; } .change-ds-theme-next .contents { display: contents; } .change-ds-theme-next .hidden { display: none; } .change-ds-theme-next .aspect-\[3\/4\] { aspect-ratio: 3/4; } .change-ds-theme-next .aspect-\[4\/3\] { aspect-ratio: 4/3; } .change-ds-theme-next .aspect-\[9\/16\] { aspect-ratio: 9/16; } .change-ds-theme-next .aspect-square { aspect-ratio: 1 / 1; } .change-ds-theme-next .aspect-video { aspect-ratio: 16 / 9; } .change-ds-theme-next .h-0 { height: 0px; } .change-ds-theme-next .h-12 { height: 3rem; } .change-ds-theme-next .h-16 { height: 4rem; } .change-ds-theme-next .h-4 { height: 1rem; } .change-ds-theme-next .h-5 { height: 1.25rem; } .change-ds-theme-next .h-6 { height: 1.5rem; } .change-ds-theme-next .h-8 { height: 2rem; } .change-ds-theme-next .h-\[100dvh\] { height: 100dvh; } .change-ds-theme-next .h-\[10px\] { height: 10px; } .change-ds-theme-next .h-\[180px\] { height: 180px; } .change-ds-theme-next .h-\[220px\] { height: 220px; } .change-ds-theme-next .h-\[96px\] { height: 96px; } .change-ds-theme-next .h-fit { height: -moz-fit-content; height: fit-content; } .change-ds-theme-next .h-full { height: 100%; } .change-ds-theme-next .max-h-36 { max-height: 9rem; } .change-ds-theme-next .max-h-\[180px\] { max-height: 180px; } .change-ds-theme-next .max-h-\[320px\] { max-height: 320px; } .change-ds-theme-next .max-h-\[436px\] { max-height: 436px; } .change-ds-theme-next .max-h-\[calc\(100vh_-_0\.625rem\)\] { max-height: calc(100vh - 0.625rem); } .change-ds-theme-next .min-h-6 { min-height: 1.5rem; } .change-ds-theme-next .min-h-9 { min-height: 2.25rem; } .change-ds-theme-next .min-h-\[1px\] { min-height: 1px; } .change-ds-theme-next .w-10 { width: 2.5rem; } .change-ds-theme-next .w-12 { width: 3rem; } .change-ds-theme-next .w-14 { width: 3.5rem; } .change-ds-theme-next .w-16 { width: 4rem; } .change-ds-theme-next .w-20 { width: 5rem; } .change-ds-theme-next .w-4 { width: 1rem; } .change-ds-theme-next .w-5 { width: 1.25rem; } .change-ds-theme-next .w-6 { width: 1.5rem; } .change-ds-theme-next .w-8 { width: 2rem; } .change-ds-theme-next .w-\[102px\] { width: 102px; } .change-ds-theme-next .w-\[10px\] { width: 10px; } .change-ds-theme-next .w-\[122px\] { width: 122px; } .change-ds-theme-next .w-\[163px\] { width: 163px; } .change-ds-theme-next .w-\[245px\] { width: 245px; } .change-ds-theme-next .w-\[96px\] { width: 96px; } .change-ds-theme-next .w-full { width: 100%; } .change-ds-theme-next .w-screen { width: 100vw; } .change-ds-theme-next .min-w-0 { min-width: 0px; } .change-ds-theme-next .min-w-24 { min-width: 6rem; } .change-ds-theme-next .min-w-36 { min-width: 9rem; } .change-ds-theme-next .min-w-4 { min-width: 1rem; } .change-ds-theme-next .min-w-6 { min-width: 1.5rem; } .change-ds-theme-next .min-w-8 { min-width: 2rem; } .change-ds-theme-next .min-w-\[1px\] { min-width: 1px; } .change-ds-theme-next .min-w-\[250px\] { min-width: 250px; } .change-ds-theme-next .max-w-\[208px\] { max-width: 208px; } .change-ds-theme-next .max-w-\[280px\] { max-width: 280px; } .change-ds-theme-next .max-w-\[350px\] { max-width: 350px; } .change-ds-theme-next .max-w-\[450px\] { max-width: 450px; } .change-ds-theme-next .max-w-\[600px\] { max-width: 600px; } .change-ds-theme-next .max-w-\[686px\] { max-width: 686px; } .change-ds-theme-next .max-w-\[70vw\] { max-width: 70vw; } .change-ds-theme-next .max-w-\[75\%\] { max-width: 75%; } .change-ds-theme-next .max-w-\[767px\] { max-width: 767px; } .change-ds-theme-next .max-w-\[870px\] { max-width: 870px; } .change-ds-theme-next .max-w-full { max-width: 100%; } .change-ds-theme-next .flex-1 { flex: 1 1 0%; } .change-ds-theme-next .flex-shrink-0 { flex-shrink: 0; } .change-ds-theme-next .shrink-0 { flex-shrink: 0; } .change-ds-theme-next .flex-grow { flex-grow: 1; } .change-ds-theme-next .grow { flex-grow: 1; } .change-ds-theme-next .basis-1\/2 { flex-basis: 50%; } .change-ds-theme-next .basis-1\/3 { flex-basis: 33.333333%; } .change-ds-theme-next .basis-2\/3 { flex-basis: 66.666667%; } .change-ds-theme-next .-translate-x-1\/2 { --tw-translate-x: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .change-ds-theme-next .transform { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .change-ds-theme-next .cursor-default { cursor: default; } .change-ds-theme-next .cursor-pointer { cursor: pointer; } .change-ds-theme-next .resize { resize: both; } .change-ds-theme-next .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .change-ds-theme-next .grid-rows-\[0fr\] { grid-template-rows: 0fr; } .change-ds-theme-next .grid-rows-\[1fr\,auto\] { grid-template-rows: 1fr auto; } .change-ds-theme-next .grid-rows-\[1fr\] { grid-template-rows: 1fr; } .change-ds-theme-next .grid-rows-\[auto\,1fr\,auto\] { grid-template-rows: auto 1fr auto; } .change-ds-theme-next .grid-rows-\[auto\,1fr\] { grid-template-rows: auto 1fr; } .change-ds-theme-next .grid-rows-\[auto_1fr_auto\] { grid-template-rows: auto 1fr auto; } .change-ds-theme-next .flex-row { flex-direction: row; } .change-ds-theme-next .flex-row-reverse { flex-direction: row-reverse; } .change-ds-theme-next .flex-col { flex-direction: column; } .change-ds-theme-next .flex-col-reverse { flex-direction: column-reverse; } .change-ds-theme-next .flex-wrap { flex-wrap: wrap; } .change-ds-theme-next .flex-wrap-reverse { flex-wrap: wrap-reverse; } .change-ds-theme-next .place-content-center { place-content: center; } .change-ds-theme-next .place-items-center { place-items: center; } .change-ds-theme-next .items-start { align-items: flex-start; } .change-ds-theme-next .items-end { align-items: flex-end; } .change-ds-theme-next .items-center { align-items: center; } .change-ds-theme-next .items-stretch { align-items: stretch; } .change-ds-theme-next .justify-start { justify-content: flex-start; } .change-ds-theme-next .justify-end { justify-content: flex-end; } .change-ds-theme-next .justify-center { justify-content: center; } .change-ds-theme-next .justify-between { justify-content: space-between; } .change-ds-theme-next .gap-1 { gap: 0.25rem; } .change-ds-theme-next .gap-1\.5 { gap: 0.375rem; } .change-ds-theme-next .gap-2 { gap: 0.5rem; } .change-ds-theme-next .gap-3 { gap: 0.75rem; } .change-ds-theme-next .gap-4 { gap: 1rem; } .change-ds-theme-next .gap-6 { gap: 1.5rem; } .change-ds-theme-next .\!gap-x-4 { -moz-column-gap: 1rem !important; column-gap: 1rem !important; } .change-ds-theme-next .gap-x-6 { -moz-column-gap: 1.5rem; column-gap: 1.5rem; } .change-ds-theme-next :is(.space-x-0 > :not([hidden]) ~ :not([hidden])) { --tw-space-x-reverse: 0; margin-right: calc(0px * var(--tw-space-x-reverse)); margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse))); } .change-ds-theme-next :is(.space-x-2 > :not([hidden]) ~ :not([hidden])) { --tw-space-x-reverse: 0; margin-right: calc(0.5rem * var(--tw-space-x-reverse)); margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse))); } .change-ds-theme-next :is(.space-y-1 > :not([hidden]) ~ :not([hidden])) { --tw-space-y-reverse: 0; margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.25rem * var(--tw-space-y-reverse)); } .change-ds-theme-next :is(.space-y-2 > :not([hidden]) ~ :not([hidden])) { --tw-space-y-reverse: 0; margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)); } .change-ds-theme-next :is(.space-y-4 > :not([hidden]) ~ :not([hidden])) { --tw-space-y-reverse: 0; margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1rem * var(--tw-space-y-reverse)); } .change-ds-theme-next .self-start { align-self: flex-start; } .change-ds-theme-next .self-end { align-self: flex-end; } .change-ds-theme-next .overflow-hidden { overflow: hidden; } .change-ds-theme-next .overflow-y-auto { overflow-y: auto; } .change-ds-theme-next .overflow-x-scroll { overflow-x: scroll; } .change-ds-theme-next .truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .change-ds-theme-next .rounded { border-radius: 0.25rem; } .change-ds-theme-next .rounded-2xl { border-radius: 1rem; } .change-ds-theme-next .rounded-\[16px\] { border-radius: 16px; } .change-ds-theme-next .rounded-\[18px\] { border-radius: 18px; } .change-ds-theme-next .rounded-\[6px\] { border-radius: 6px; } .change-ds-theme-next .rounded-full { border-radius: 999px; } .change-ds-theme-next .rounded-large { border-radius: 0.75rem; } .change-ds-theme-next .rounded-lg { border-radius: 0.5rem; } .change-ds-theme-next .rounded-md { border-radius: 0.375rem; } .change-ds-theme-next .rounded-medium { border-radius: 0.5rem; } .change-ds-theme-next .rounded-none { border-radius: 0; } .change-ds-theme-next .rounded-small { border-radius: 0.25rem; } .change-ds-theme-next .rounded-xl { border-radius: 0.75rem; } .change-ds-theme-next .rounded-l-lg { border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem; } .change-ds-theme-next .rounded-l-none { border-top-left-radius: 0; border-bottom-left-radius: 0; } .change-ds-theme-next .rounded-r-lg { border-top-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem; } .change-ds-theme-next .rounded-r-none { border-top-right-radius: 0; border-bottom-right-radius: 0; } .change-ds-theme-next .rounded-t-2xl { border-top-left-radius: 1rem; border-top-right-radius: 1rem; } .change-ds-theme-next .rounded-t-lg { border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; } .change-ds-theme-next .border { border-width: 1px; } .change-ds-theme-next .border-0 { border-width: 0px; } .change-ds-theme-next .border-2 { border-width: 2px; } .change-ds-theme-next .border-4 { border-width: 4px; } .change-ds-theme-next .border-\[1\.5px\] { border-width: 1.5px; } .change-ds-theme-next .border-\[1px\] { border-width: 1px; } .change-ds-theme-next .border-x-0 { border-left-width: 0px; border-right-width: 0px; } .change-ds-theme-next .border-y-0 { border-top-width: 0px; border-bottom-width: 0px; } .change-ds-theme-next .border-b { border-bottom-width: 1px; } .change-ds-theme-next .border-b-0 { border-bottom-width: 0px; } .change-ds-theme-next .border-l-\[1px\] { border-left-width: 1px; } .change-ds-theme-next .border-r-0 { border-right-width: 0px; } .change-ds-theme-next .border-t { border-top-width: 1px; } .change-ds-theme-next .border-t-\[1px\] { border-top-width: 1px; } .change-ds-theme-next .border-solid { border-style: solid; } .change-ds-theme-next .border-none { border-style: none; } .change-ds-theme-next .border-stroke-accent-primary-strong { border-color: var(--stroke-accent-primary-strong-color); } .change-ds-theme-next .border-stroke-disabled { border-color: var(--stroke-disabled-color); } .change-ds-theme-next .border-stroke-inverse-strong { border-color: var(--stroke-inverse-strong-color); } .change-ds-theme-next .border-stroke-strong { border-color: var(--stroke-strong-color); } .change-ds-theme-next .border-stroke-weak { border-color: var(--stroke-weak-color); } .change-ds-theme-next .border-stroke-weaker { border-color: var(--stroke-weaker-color); } .change-ds-theme-next .border-transparent { border-color: transparent; } .change-ds-theme-next .border-typography-strong { border-color: var(--typography-strong-color); } .change-ds-theme-next .border-b-stroke-disabled { border-bottom-color: var(--stroke-disabled-color); } .change-ds-theme-next .\!bg-fill-interactive { background-color: var(--fill-interactive-color) !important; } .change-ds-theme-next .bg-\[\#3D3D3D29\]\/20 { background-color: rgb(61 61 61 / 0.2); } .change-ds-theme-next .bg-\[rgba\(253\,248\,242\,0\.3\)\] { background-color: rgba(253, 248, 242, 0.3); } .change-ds-theme-next .bg-background-base { background-color: var(--background-base-color); } .change-ds-theme-next .bg-fill-accent-primary-strong { background-color: var(--fill-accent-primary-strong-color); } .change-ds-theme-next .bg-fill-accent-primary-weak { background-color: var(--fill-accent-primary-weak-color); } .change-ds-theme-next .bg-fill-accent-primary-weaker { background-color: var(--fill-accent-primary-weaker-color); } .change-ds-theme-next .bg-fill-brand-strong { background-color: var(--fill-brand-strong-color); } .change-ds-theme-next .bg-fill-disabled { background-color: var(--fill-disabled-color); } .change-ds-theme-next .bg-fill-inverse-strong { background-color: var(--fill-inverse-strong-color); } .change-ds-theme-next .bg-fill-overlay { background-color: var(--fill-overlay-color); } .change-ds-theme-next .bg-fill-press { background-color: var(--fill-press-color); } .change-ds-theme-next .bg-fill-strong { background-color: var(--fill-strong-color); } .change-ds-theme-next .bg-fill-weaker { background-color: var(--fill-weaker-color); } .change-ds-theme-next .bg-icon-accent-primary { background-color: var(--icon-accent-primary-color); } .change-ds-theme-next .bg-transparent { background-color: transparent; } .change-ds-theme-next .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)); } .change-ds-theme-next .from-transparent { --tw-gradient-from: transparent var(--tw-gradient-from-position); --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .change-ds-theme-next .to-\[\#f8e74a\] { --tw-gradient-to: #f8e74a var(--tw-gradient-to-position); } .change-ds-theme-next .object-cover { -o-object-fit: cover; object-fit: cover; } .change-ds-theme-next .object-center { -o-object-position: center; object-position: center; } .change-ds-theme-next .\!p-0 { padding: 0px !important; } .change-ds-theme-next .\!p-6 { padding: 1.5rem !important; } .change-ds-theme-next .p-1 { padding: 0.25rem; } .change-ds-theme-next .p-1\.5 { padding: 0.375rem; } .change-ds-theme-next .p-2 { padding: 0.5rem; } .change-ds-theme-next .p-4 { padding: 1rem; } .change-ds-theme-next .p-6 { padding: 1.5rem; } .change-ds-theme-next .p-\[10px\] { padding: 10px; } .change-ds-theme-next .px-0 { padding-left: 0px; padding-right: 0px; } .change-ds-theme-next .px-1 { padding-left: 0.25rem; padding-right: 0.25rem; } .change-ds-theme-next .px-1\.5 { padding-left: 0.375rem; padding-right: 0.375rem; } .change-ds-theme-next .px-2 { padding-left: 0.5rem; padding-right: 0.5rem; } .change-ds-theme-next .px-3 { padding-left: 0.75rem; padding-right: 0.75rem; } .change-ds-theme-next .px-4 { padding-left: 1rem; padding-right: 1rem; } .change-ds-theme-next .px-6 { padding-left: 1.5rem; padding-right: 1.5rem; } .change-ds-theme-next .px-\[10\.5px\] { padding-left: 10.5px; padding-right: 10.5px; } .change-ds-theme-next .px-\[14px\] { padding-left: 14px; padding-right: 14px; } .change-ds-theme-next .px-\[22px\] { padding-left: 22px; padding-right: 22px; } .change-ds-theme-next .px-\[8\.5px\] { padding-left: 8.5px; padding-right: 8.5px; } .change-ds-theme-next .py-0 { padding-top: 0px; padding-bottom: 0px; } .change-ds-theme-next .py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; } .change-ds-theme-next .py-1\.5 { padding-top: 0.375rem; padding-bottom: 0.375rem; } .change-ds-theme-next .py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; } .change-ds-theme-next .py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; } .change-ds-theme-next .py-4 { padding-top: 1rem; padding-bottom: 1rem; } .change-ds-theme-next .py-\[10px\] { padding-top: 10px; padding-bottom: 10px; } .change-ds-theme-next .py-\[12px\] { padding-top: 12px; padding-bottom: 12px; } .change-ds-theme-next .py-\[14px\] { padding-top: 14px; padding-bottom: 14px; } .change-ds-theme-next .py-\[8px\] { padding-top: 8px; padding-bottom: 8px; } .change-ds-theme-next .\!pl-1\.5 { padding-left: 0.375rem !important; } .change-ds-theme-next .pb-6 { padding-bottom: 1.5rem; } .change-ds-theme-next .pl-1\.5 { padding-left: 0.375rem; } .change-ds-theme-next .pl-2 { padding-left: 0.5rem; } .change-ds-theme-next .pl-3 { padding-left: 0.75rem; } .change-ds-theme-next .pl-4 { padding-left: 1rem; } .change-ds-theme-next .pl-\[10px\] { padding-left: 10px; } .change-ds-theme-next .pl-\[14px\] { padding-left: 14px; } .change-ds-theme-next .pr-1 { padding-right: 0.25rem; } .change-ds-theme-next .pr-1\.5 { padding-right: 0.375rem; } .change-ds-theme-next .pr-2 { padding-right: 0.5rem; } .change-ds-theme-next .pr-3 { padding-right: 0.75rem; } .change-ds-theme-next .pr-4 { padding-right: 1rem; } .change-ds-theme-next .pt-1 { padding-top: 0.25rem; } .change-ds-theme-next .pt-\[0\.625rem\] { padding-top: 0.625rem; } .change-ds-theme-next .text-left { text-align: left; } .change-ds-theme-next .text-center { text-align: center; } .change-ds-theme-next .text-start { text-align: start; } .change-ds-theme-next .align-middle { vertical-align: middle; } .change-ds-theme-next .font-sans { font-family: var(--change-ds-font-family), ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } .change-ds-theme-next .font-serif { font-family: var(--change-ds-font-family-expressive), ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; } .change-ds-theme-next .\!text-\[10px\] { font-size: 10px !important; } .change-ds-theme-next .text-size-body { font-size: 1rem; line-height: 1.5rem; letter-spacing: 0; font-weight: 400; } .change-ds-theme-next .text-size-body-bold { font-size: 1rem; line-height: 1.5rem; letter-spacing: 0; font-weight: 600; } .change-ds-theme-next .text-size-body-large { font-size: 1.125rem; line-height: 1.5rem; letter-spacing: 0; font-weight: 400; } .change-ds-theme-next .text-size-body-large-bold { font-size: 1.125rem; line-height: 1.5rem; letter-spacing: 0; font-weight: 600; } .change-ds-theme-next .text-size-body-small { font-size: 0.875rem; line-height: 1.5rem; letter-spacing: 0; font-weight: 400; } .change-ds-theme-next .text-size-body-small-bold { font-size: 0.875rem; line-height: 1.5rem; letter-spacing: 0; font-weight: 600; } .change-ds-theme-next .text-size-body-xl { font-size: 1.5rem; line-height: 2rem; letter-spacing: 0; font-weight: 400; } .change-ds-theme-next .text-size-body-xl-bold { font-size: 1.5rem; line-height: 2rem; letter-spacing: 0; font-weight: 600; } .change-ds-theme-next .text-size-display-large-sm { font-size: 3.5rem; line-height: 3.5rem; letter-spacing: -0.02em; font-weight: 700; } .change-ds-theme-next .text-size-display-sm { font-size: 2.75rem; line-height: 3.25rem; letter-spacing: -0.02em; font-weight: 700; } .change-ds-theme-next .text-size-heading-large-light-sm { font-size: 1.75rem; line-height: 2.25rem; letter-spacing: -0.01em; font-weight: 400; } .change-ds-theme-next .text-size-heading-large-sm { font-size: 1.75rem; line-height: 2.25rem; letter-spacing: -0.01em; font-weight: 700; } .change-ds-theme-next .text-size-heading-light-sm { font-size: 1.625rem; line-height: 2rem; letter-spacing: -0.01em; font-weight: 400; } .change-ds-theme-next .text-size-heading-sm { font-size: 1.625rem; line-height: 2rem; letter-spacing: -0.01em; font-weight: 700; } .change-ds-theme-next .text-size-heading-small { font-size: 1.5rem; line-height: 2rem; letter-spacing: 0; font-weight: 700; } .change-ds-theme-next .text-size-heading-small-light { font-size: 1.5rem; line-height: 2rem; letter-spacing: 0; font-weight: 400; } .change-ds-theme-next .text-size-heading-xl-light-sm { font-size: 2rem; line-height: 2.5rem; letter-spacing: -0.02em; font-weight: 400; } .change-ds-theme-next .text-size-heading-xl-sm { font-size: 2rem; line-height: 2.5rem; letter-spacing: -0.02em; font-weight: 700; } .change-ds-theme-next .text-size-heading-xs { font-size: 1.125rem; line-height: 1.5rem; letter-spacing: 0; font-weight: 700; } .change-ds-theme-next .text-size-heading-xxs { font-size: 1rem; line-height: 1.5rem; letter-spacing: 0; font-weight: 700; } .change-ds-theme-next .font-bold { font-weight: 700; } .change-ds-theme-next .font-light { font-weight: 300; } .change-ds-theme-next .tabular-nums { --tw-numeric-spacing: tabular-nums; font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); } .change-ds-theme-next .leading-3 { line-height: .75rem; } .change-ds-theme-next .leading-none { line-height: 1; } .change-ds-theme-next .\!text-typography-inverse-disabled { color: var(--typography-inverse-disabled-color) !important; } .change-ds-theme-next .\!text-typography-strong { color: var(--typography-strong-color) !important; } .change-ds-theme-next .text-\[\#cfcbd0\] { --tw-text-opacity: 1; color: rgb(207 203 208 / var(--tw-text-opacity, 1)); } .change-ds-theme-next .text-icon-accent-primary { color: var(--icon-accent-primary-color); } .change-ds-theme-next .text-icon-disabled { color: var(--icon-disabled-color); } .change-ds-theme-next .text-icon-inverse-strong { color: var(--icon-inverse-strong-color); } .change-ds-theme-next .text-icon-strong { color: var(--icon-strong-color); } .change-ds-theme-next .text-typography-accent-primary { color: var(--typography-accent-primary-color); } .change-ds-theme-next .text-typography-disabled { color: var(--typography-disabled-color); } .change-ds-theme-next .text-typography-interactive { color: var(--typography-interactive-color); } .change-ds-theme-next .text-typography-inverse-disabled { color: var(--typography-inverse-disabled-color); } .change-ds-theme-next .text-typography-inverse-strong { color: var(--typography-inverse-strong-color); } .change-ds-theme-next .text-typography-strong { color: var(--typography-strong-color); } .change-ds-theme-next .text-typography-weak { color: var(--typography-weak-color); } .change-ds-theme-next .text-white { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .change-ds-theme-next .underline { text-decoration-line: underline; } .change-ds-theme-next .no-underline { text-decoration-line: none; } .change-ds-theme-next .decoration-typography-weak { text-decoration-color: var(--typography-weak-color); } .change-ds-theme-next .underline-offset-2 { text-underline-offset: 2px; } .change-ds-theme-next .underline-offset-4 { text-underline-offset: 4px; } .change-ds-theme-next .opacity-0 { opacity: 0; } .change-ds-theme-next .opacity-100 { opacity: 1; } .change-ds-theme-next .shadow { --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .change-ds-theme-next .shadow-lg { --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .change-ds-theme-next .outline-none { outline: 2px solid transparent; outline-offset: 2px; } .change-ds-theme-next .outline { outline-style: solid; } .change-ds-theme-next .outline-2 { outline-width: 2px; } .change-ds-theme-next .outline-offset-2 { outline-offset: 2px; } .change-ds-theme-next .\!outline-stroke-info-strong { outline-color: var(--stroke-info-strong-color) !important; } .change-ds-theme-next .ring { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .change-ds-theme-next .transition-all { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .change-ds-theme-next .transition-shadow { transition-property: box-shadow; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .change-ds-theme-next .duration-300 { transition-duration: 300ms; } .change-ds-theme-next .ease-in-out { transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } @keyframes enter { from { opacity: var(--tw-enter-opacity, 1); transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0)); } } @keyframes exit { to { opacity: var(--tw-exit-opacity, 1); transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0)); } } .change-ds-theme-next .duration-300 { animation-duration: 300ms; } .change-ds-theme-next .ease-in-out { animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .change-ds-theme-next .grid-areas-\[body_header\,footer_header\] { grid-template-areas: "body header" "footer header"; } .change-ds-theme-next .grid-areas-\[header_body\,header_footer\] { grid-template-areas: "header body" "header footer"; } .change-ds-theme-next .elevation-low { box-shadow: var(--elevation-low); } .change-ds-theme-next .elevation-elevated { box-shadow: var(--elevation-elevated); } .change-ds-theme-next .\[--card-gap\:0\] { --card-gap: 0; } .change-ds-theme-next .\[--card-gap\:1rem\] { --card-gap: 1rem; } .change-ds-theme-next .\[--card-gap\:\\] { --card-gap: ; } .change-ds-theme-next .\[--card-padding\:0\] { --card-padding: 0; } .change-ds-theme-next .\[--card-padding\:1rem\] { --card-padding: 1rem; } .change-ds-theme-next .\[--card-padding\:\\] { --card-padding: ; } .change-ds-theme-next .\[box-shadow\:inset_0_0_0_1px_var\(--shadow-primary-color\)\] { box-shadow: inset 0 0 0 1px var(--shadow-primary-color); } .change-ds-theme-next .\[gap\:4px_16px\] { gap: 4px 16px; } .change-ds-theme-next .\[gap\:8px_24px\] { gap: 8px 24px; } .change-ds-theme-next .\[text-decoration-thickness\:0\.5px\] { text-decoration-thickness: 0.5px; } .change-ds-theme-next .\[text-underline-offset\:1px\] { text-underline-offset: 1px; } @media (min-width: 47.9375rem) { .md\:\!container { width: 100% !important; } @media (min-width: 23.4375rem) { .md\:\!container { max-width: 23.4375rem !important; } } @media (min-width: 47.9375rem) { .md\:\!container { max-width: 47.9375rem !important; } } @media (min-width: 64rem) { .md\:\!container { max-width: 64rem !important; } } @media (min-width: 80rem) { .md\:\!container { max-width: 80rem !important; } } .md\:\!container { width: 100% !important; margin-left: auto !important; margin-right: auto !important; padding-left: 16px !important; padding-right: 16px !important; max-width: 100% !important; } @media (min-width: 47.9375rem) { .md\:\!container { padding-left: 0px !important; padding-right: 0px !important; max-width: 740px !important; } } @media (min-width: 64rem) { .md\:\!container { padding-left: 0px !important; padding-right: 0px !important; max-width: 960px !important; } } @media (min-width: 80rem) { .md\:\!container { padding-left: 0px !important; padding-right: 0px !important; max-width: 1216px !important; } } } .change-ds-theme-next .before\:pointer-events-none::before { content: var(--tw-content); pointer-events: none; } .change-ds-theme-next .before\:absolute::before { content: var(--tw-content); position: absolute; } .change-ds-theme-next .before\:-inset-\[2px\]::before { content: var(--tw-content); inset: -2px; } .change-ds-theme-next .before\:inset-0::before { content: var(--tw-content); inset: 0px; } .change-ds-theme-next .before\:inset-\[0px\]::before { content: var(--tw-content); inset: 0px; } .change-ds-theme-next .before\:left-0::before { content: var(--tw-content); left: 0px; } .change-ds-theme-next .before\:top-0::before { content: var(--tw-content); top: 0px; } .change-ds-theme-next .before\:z-0::before { content: var(--tw-content); z-index: 0; } .change-ds-theme-next .before\:z-\[-1\]::before { content: var(--tw-content); z-index: -1; } .change-ds-theme-next .before\:block::before { content: var(--tw-content); display: block; } .change-ds-theme-next .before\:h-full::before { content: var(--tw-content); height: 100%; } .change-ds-theme-next .before\:w-full::before { content: var(--tw-content); width: 100%; } .change-ds-theme-next .before\:rounded-lg::before { content: var(--tw-content); border-radius: 0.5rem; } .change-ds-theme-next .before\:border::before { content: var(--tw-content); border-width: 1px; } .change-ds-theme-next .before\:border-2::before { content: var(--tw-content); border-width: 2px; } .change-ds-theme-next .before\:border-stroke-disabled::before { content: var(--tw-content); border-color: var(--stroke-disabled-color); } .change-ds-theme-next .before\:border-stroke-inverse-disabled::before { content: var(--tw-content); border-color: var(--stroke-inverse-disabled-color); } .change-ds-theme-next .before\:border-stroke-inverse-strong::before { content: var(--tw-content); border-color: var(--stroke-inverse-strong-color); } .change-ds-theme-next .before\:border-stroke-weak::before { content: var(--tw-content); border-color: var(--stroke-weak-color); } .change-ds-theme-next .before\:bg-fill-disabled::before { content: var(--tw-content); background-color: var(--fill-disabled-color); } .change-ds-theme-next .before\:bg-fill-hover::before { content: var(--tw-content); background-color: var(--fill-hover-color); } .change-ds-theme-next .before\:bg-gradient-to-t::before { content: var(--tw-content); background-image: linear-gradient(to top, var(--tw-gradient-stops)); } .change-ds-theme-next .before\:from-\[\#FFB64D\]::before { content: var(--tw-content); --tw-gradient-from: #FFB64D var(--tw-gradient-from-position); --tw-gradient-to: rgb(255 182 77 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .change-ds-theme-next .before\:to-\[\#FFE600\]::before { content: var(--tw-content); --tw-gradient-to: #FFE600 var(--tw-gradient-to-position); } .change-ds-theme-next .before\:opacity-0::before { content: var(--tw-content); opacity: 0; } .change-ds-theme-next .before\:content-\[\"\"\]::before { --tw-content: ""; content: var(--tw-content); } .change-ds-theme-next .before\:content-\[\'\'\]::before { --tw-content: ""; content: var(--tw-content); } .change-ds-theme-next .before\:\[cursor\:inherit\]::before { content: var(--tw-content); cursor: inherit; } .change-ds-theme-next .visited\:bg-fill-brand-strong:visited { background-color: var(--fill-brand-strong-color); } .change-ds-theme-next .visited\:bg-fill-inverse-strong:visited { background-color: var(--fill-inverse-strong-color); } .change-ds-theme-next .visited\:bg-fill-strong:visited { background-color: var(--fill-strong-color); } .change-ds-theme-next .visited\:text-typography-interactive-visited:visited { color: var(--typography-interactive-visited-color); } .change-ds-theme-next .active\:\!bg-fill-press:active { background-color: var(--fill-press-color) !important; } .change-ds-theme-next .active\:\!shadow-lg:active { --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1) !important; --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color) !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .change-ds-theme-next .active\:outline-none:active { outline: 2px solid transparent; outline-offset: 2px; } .change-ds-theme-next .active\:\!elevation-elevated-selected:active { box-shadow: var(--elevation-elevated-selected) !important; } .change-ds-theme-next .before\:active\:\!bg-fill-press:active::before { content: var(--tw-content); background-color: var(--fill-press-color) !important; } .change-ds-theme-next .before\:active\:bg-fill-press:active::before { content: var(--tw-content); background-color: var(--fill-press-color); } .change-ds-theme-next .enabled\:cursor-pointer:enabled { cursor: pointer; } .change-ds-theme-next :is(.group:active .group-active\:\!bg-fill-accent-primary-weaker) { background-color: var(--fill-accent-primary-weaker-color) !important; } .change-ds-theme-next :is(.group:active .group-active\:\!bg-fill-press) { background-color: var(--fill-press-color) !important; } .change-ds-theme-next .has-\[\[data-slot\]\]\:gap-\[var\(--card-gap\)\]:has([data-slot]) { gap: var(--card-gap); } .change-ds-theme-next .has-\[\[data-slot\=footer\]\]\:gap-y-\[var\(--card-gap\)\]:has([data-slot=footer]) { row-gap: var(--card-gap); } .change-ds-theme-next .has-\[\[data-slot\]\]\:gap-x-\[var\(--card-gap\)\]:has([data-slot]) { -moz-column-gap: var(--card-gap); column-gap: var(--card-gap); } .change-ds-theme-next .has-\[\[data-slot\]\]\:py-\[var\(--card-padding\)\]:has([data-slot]) { padding-top: var(--card-padding); padding-bottom: var(--card-padding); } .change-ds-theme-next .has-\[\[data-slot\]\]\:pe-\[var\(--card-padding\)\]:has([data-slot]) { padding-inline-end: var(--card-padding); } .change-ds-theme-next .has-\[\[data-slot\]\]\:ps-\[var\(--card-padding\)\]:has([data-slot]) { padding-inline-start: var(--card-padding); } .change-ds-theme-next .has-\[\[data-variant\=media\]\]\:pt-0:has([data-variant=media]) { padding-top: 0px; } .change-ds-theme-next :is(.group\/Card:has([data-slot=footer]) .group-has-\[\[data-slot\=footer\]\]\/Card\:\!pb-0) { padding-bottom: 0px !important; } .change-ds-theme-next .aria-\[disabled\=true\]\:pointer-events-none[aria-disabled=true] { pointer-events: none; } .change-ds-theme-next .aria-\[disabled\=true\]\:opacity-30[aria-disabled=true] { opacity: 0.3; } .change-ds-theme-next :is(.group\/Card[data-orientation=horizontal] .group-data-\[orientation\=horizontal\]\/Card\:py-\[var\(--card-padding\)\]) { padding-top: var(--card-padding); padding-bottom: var(--card-padding); } .change-ds-theme-next :is(.group\/Card[data-orientation=vertical] .group-data-\[orientation\=vertical\]\/Card\:px-\[var\(--card-padding\)\]) { padding-left: var(--card-padding); padding-right: var(--card-padding); } .change-ds-theme-next :is(.group\/Card[data-orientation=horizontal] .group-data-\[orientation\=horizontal\]\/Card\:pb-\[var\(--card-padding\)\]) { padding-bottom: var(--card-padding); } .change-ds-theme-next :is(.group\/Card[data-orientation=horizontal] .group-data-\[orientation\=horizontal\]\/Card\:grid-in-\[body\/body\/footer\/footer\]) { grid-area: body/body/footer/footer; } .change-ds-theme-next :is(.group\/Card[data-orientation=horizontal] .group-data-\[orientation\=horizontal\]\/Card\:grid-in-\[footer\]) { grid-area: footer; } .change-ds-theme-next :is(.group\/Card[data-orientation=horizontal] .group-data-\[orientation\=horizontal\]\/Card\:grid-in-\[header\]) { grid-area: header; } .change-ds-theme-next :is(.group\/Card[data-orientation=horizontal]:has([data-slot=footer]) .group-data-\[orientation\=horizontal\]\/Card\:group-has-\[\[data-slot\=footer\]\]\/Card\:grid-in-\[body\]) { grid-area: body; } .change-ds-theme-next .hover\:\!bg-\[\#FFB64D\]:where([data-rac])[data-hovered] { --tw-bg-opacity: 1 !important; background-color: rgb(255 182 77 / var(--tw-bg-opacity, 1)) !important; } .change-ds-theme-next .hover\:bg-fill-accent-primary-weaker:where([data-rac])[data-hovered] { background-color: var(--fill-accent-primary-weaker-color); } .change-ds-theme-next .hover\:bg-fill-brand-strong:where([data-rac])[data-hovered] { background-color: var(--fill-brand-strong-color); } .change-ds-theme-next .hover\:bg-fill-hover:where([data-rac])[data-hovered] { background-color: var(--fill-hover-color); } .change-ds-theme-next .hover\:bg-fill-inverse-strong:where([data-rac])[data-hovered] { background-color: var(--fill-inverse-strong-color); } .change-ds-theme-next .hover\:bg-fill-press:where([data-rac])[data-hovered] { background-color: var(--fill-press-color); } .change-ds-theme-next .hover\:bg-fill-strong:where([data-rac])[data-hovered] { background-color: var(--fill-strong-color); } .change-ds-theme-next .hover\:text-typography-interactive-hover:where([data-rac])[data-hovered] { color: var(--typography-interactive-hover-color); } .change-ds-theme-next .hover\:opacity-80:where([data-rac])[data-hovered] { opacity: 0.8; } .change-ds-theme-next .hover\:shadow-md:where([data-rac])[data-hovered] { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .change-ds-theme-next .hover\:elevation-elevated:where([data-rac])[data-hovered] { box-shadow: var(--elevation-elevated); } .change-ds-theme-next .before\:hover\:bg-fill-hover:where([data-rac])[data-hovered]::before { content: var(--tw-content); background-color: var(--fill-hover-color); } .change-ds-theme-next .hover\:before\:opacity-100:where([data-rac])[data-hovered]::before { content: var(--tw-content); opacity: 1; } .change-ds-theme-next .hover\:active\:\!bg-fill-warning-strong:active:where([data-rac])[data-hovered] { background-color: var(--fill-warning-strong-color) !important; } .change-ds-theme-next .hover\:active\:bg-fill-accent-primary-weak:active:where([data-rac])[data-hovered] { background-color: var(--fill-accent-primary-weak-color); } .change-ds-theme-next .hover\:active\:bg-fill-brand-weak:active:where([data-rac])[data-hovered] { background-color: var(--fill-brand-weak-color); } .change-ds-theme-next .hover\:active\:bg-fill-inverse-strong:active:where([data-rac])[data-hovered] { background-color: var(--fill-inverse-strong-color); } .change-ds-theme-next .hover\:active\:bg-fill-press:active:where([data-rac])[data-hovered] { background-color: var(--fill-press-color); } .change-ds-theme-next .hover\:active\:bg-fill-strong:active:where([data-rac])[data-hovered] { background-color: var(--fill-strong-color); } .change-ds-theme-next .hover\:active\:to-\[\#FFDB00\]:active:where([data-rac])[data-hovered] { --tw-gradient-to: #FFDB00 var(--tw-gradient-to-position); } .change-ds-theme-next .hover\:active\:text-typography-interactive-pressed:active:where([data-rac])[data-hovered] { color: var(--typography-interactive-pressed-color); } .change-ds-theme-next .hover\:\!bg-\[\#FFB64D\]:where(:not([data-rac])):hover { --tw-bg-opacity: 1 !important; background-color: rgb(255 182 77 / var(--tw-bg-opacity, 1)) !important; } .change-ds-theme-next .hover\:bg-fill-accent-primary-weaker:where(:not([data-rac])):hover { background-color: var(--fill-accent-primary-weaker-color); } .change-ds-theme-next .hover\:bg-fill-brand-strong:where(:not([data-rac])):hover { background-color: var(--fill-brand-strong-color); } .change-ds-theme-next .hover\:bg-fill-hover:where(:not([data-rac])):hover { background-color: var(--fill-hover-color); } .change-ds-theme-next .hover\:bg-fill-inverse-strong:where(:not([data-rac])):hover { background-color: var(--fill-inverse-strong-color); } .change-ds-theme-next .hover\:bg-fill-press:where(:not([data-rac])):hover { background-color: var(--fill-press-color); } .change-ds-theme-next .hover\:bg-fill-strong:where(:not([data-rac])):hover { background-color: var(--fill-strong-color); } .change-ds-theme-next .hover\:text-typography-interactive-hover:where(:not([data-rac])):hover { color: var(--typography-interactive-hover-color); } .change-ds-theme-next .hover\:opacity-80:where(:not([data-rac])):hover { opacity: 0.8; } .change-ds-theme-next .hover\:shadow-md:where(:not([data-rac])):hover { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .change-ds-theme-next .hover\:elevation-elevated:where(:not([data-rac])):hover { box-shadow: var(--elevation-elevated); } .change-ds-theme-next .before\:hover\:bg-fill-hover:where(:not([data-rac])):hover::before { content: var(--tw-content); background-color: var(--fill-hover-color); } .change-ds-theme-next .hover\:before\:opacity-100:where(:not([data-rac])):hover::before { content: var(--tw-content); opacity: 1; } .change-ds-theme-next .hover\:active\:\!bg-fill-warning-strong:active:where(:not([data-rac])):hover { background-color: var(--fill-warning-strong-color) !important; } .change-ds-theme-next .hover\:active\:bg-fill-accent-primary-weak:active:where(:not([data-rac])):hover { background-color: var(--fill-accent-primary-weak-color); } .change-ds-theme-next .hover\:active\:bg-fill-brand-weak:active:where(:not([data-rac])):hover { background-color: var(--fill-brand-weak-color); } .change-ds-theme-next .hover\:active\:bg-fill-inverse-strong:active:where(:not([data-rac])):hover { background-color: var(--fill-inverse-strong-color); } .change-ds-theme-next .hover\:active\:bg-fill-press:active:where(:not([data-rac])):hover { background-color: var(--fill-press-color); } .change-ds-theme-next .hover\:active\:bg-fill-strong:active:where(:not([data-rac])):hover { background-color: var(--fill-strong-color); } .change-ds-theme-next .hover\:active\:to-\[\#FFDB00\]:active:where(:not([data-rac])):hover { --tw-gradient-to: #FFDB00 var(--tw-gradient-to-position); } .change-ds-theme-next .hover\:active\:text-typography-interactive-pressed:active:where(:not([data-rac])):hover { color: var(--typography-interactive-pressed-color); } .change-ds-theme-next :is(.group:where([data-rac])[data-hovered] .group-hover\:border-4) { border-width: 4px; } .change-ds-theme-next :is(.group:where([data-rac])[data-hovered] .group-hover\:bg-fill-accent-primary-weak) { background-color: var(--fill-accent-primary-weak-color); } .change-ds-theme-next :is(.group:where([data-rac])[data-hovered] .group-hover\:bg-fill-hover) { background-color: var(--fill-hover-color); } .change-ds-theme-next :is(.group\/Link:where([data-rac])[data-hovered] .group-hover\/Link\:underline) { text-decoration-line: underline; } .change-ds-theme-next :is(.group:where(:not([data-rac])):hover .group-hover\:border-4) { border-width: 4px; } .change-ds-theme-next :is(.group:where(:not([data-rac])):hover .group-hover\:bg-fill-accent-primary-weak) { background-color: var(--fill-accent-primary-weak-color); } .change-ds-theme-next :is(.group:where(:not([data-rac])):hover .group-hover\:bg-fill-hover) { background-color: var(--fill-hover-color); } .change-ds-theme-next :is(.group\/Link:where(:not([data-rac])):hover .group-hover\/Link\:underline) { text-decoration-line: underline; } .change-ds-theme-next .focus-visible\:rounded-full:where([data-rac])[data-focus-visible] { border-radius: 999px; } .change-ds-theme-next .focus-visible\:rounded-sm:where([data-rac])[data-focus-visible] { border-radius: 0.125rem; } .change-ds-theme-next .focus-visible\:outline:where([data-rac])[data-focus-visible] { outline-style: solid; } .change-ds-theme-next .focus-visible\:outline-offset-2:where([data-rac])[data-focus-visible] { outline-offset: 2px; } .change-ds-theme-next .focus-visible\:rounded-full:where(:not([data-rac])):focus-visible { border-radius: 999px; } .change-ds-theme-next .focus-visible\:rounded-sm:where(:not([data-rac])):focus-visible { border-radius: 0.125rem; } .change-ds-theme-next .focus-visible\:outline:where(:not([data-rac])):focus-visible { outline-style: solid; } .change-ds-theme-next .focus-visible\:outline-offset-2:where(:not([data-rac])):focus-visible { outline-offset: 2px; } .change-ds-theme-next .disabled\:cursor-default:where([data-rac])[data-disabled] { cursor: default; } .change-ds-theme-next .disabled\:cursor-default:where(:not([data-rac])):disabled { cursor: default; } @media (prefers-reduced-motion: no-preference) { .change-ds-theme-next .motion-safe\:duration-300 { transition-duration: 300ms; } .change-ds-theme-next .motion-safe\:ease-in { transition-timing-function: cubic-bezier(0.4, 0, 1, 1); } .change-ds-theme-next .motion-safe\:ease-out { transition-timing-function: cubic-bezier(0, 0, 0.2, 1); } .change-ds-theme-next .motion-safe\:animate-in { animation-name: enter; animation-duration: 150ms; --tw-enter-opacity: initial; --tw-enter-scale: initial; --tw-enter-rotate: initial; --tw-enter-translate-x: initial; --tw-enter-translate-y: initial; } .change-ds-theme-next .motion-safe\:animate-out { animation-name: exit; animation-duration: 150ms; --tw-exit-opacity: initial; --tw-exit-scale: initial; --tw-exit-rotate: initial; --tw-exit-translate-x: initial; --tw-exit-translate-y: initial; } .change-ds-theme-next .motion-safe\:slide-in-from-bottom { --tw-enter-translate-y: 100%; } .change-ds-theme-next .motion-safe\:slide-out-to-bottom { --tw-exit-translate-y: 100%; } .change-ds-theme-next .motion-safe\:duration-300 { animation-duration: 300ms; } .change-ds-theme-next .motion-safe\:ease-in { animation-timing-function: cubic-bezier(0.4, 0, 1, 1); } .change-ds-theme-next .motion-safe\:ease-out { animation-timing-function: cubic-bezier(0, 0, 0.2, 1); } .change-ds-theme-next :is(.group\/ModalOverlay[data-entering] .group-data-\[entering\]\/ModalOverlay\:motion-safe\:duration-300) { transition-duration: 300ms; } .change-ds-theme-next :is(.group\/ModalOverlay[data-exiting] .group-data-\[exiting\]\/ModalOverlay\:motion-safe\:duration-300) { transition-duration: 300ms; } @media (prefers-reduced-motion: no-preference) { .change-ds-theme-next :is(.group\/ModalOverlay[data-entering] .group-data-\[entering\]\/ModalOverlay\:motion-safe\:motion-safe\:ease-out) { transition-timing-function: cubic-bezier(0, 0, 0.2, 1); } } .change-ds-theme-next :is(.group\/ModalOverlay[data-exiting] .group-data-\[exiting\]\/ModalOverlay\:motion-safe\:ease-in) { transition-timing-function: cubic-bezier(0.4, 0, 1, 1); } .change-ds-theme-next :is(.group\/ModalOverlay[data-entering] .group-data-\[entering\]\/ModalOverlay\:motion-safe\:animate-in) { animation-name: enter; animation-duration: 150ms; --tw-enter-opacity: initial; --tw-enter-scale: initial; --tw-enter-rotate: initial; --tw-enter-translate-x: initial; --tw-enter-translate-y: initial; } .change-ds-theme-next :is(.group\/ModalOverlay[data-exiting] .group-data-\[exiting\]\/ModalOverlay\:motion-safe\:animate-out) { animation-name: exit; animation-duration: 150ms; --tw-exit-opacity: initial; --tw-exit-scale: initial; --tw-exit-rotate: initial; --tw-exit-translate-x: initial; --tw-exit-translate-y: initial; } .change-ds-theme-next :is(.group\/ModalOverlay[data-entering] .group-data-\[entering\]\/ModalOverlay\:motion-safe\:fade-in) { --tw-enter-opacity: 0; } .change-ds-theme-next :is(.group\/ModalOverlay[data-exiting] .group-data-\[exiting\]\/ModalOverlay\:motion-safe\:fade-out) { --tw-exit-opacity: 0; } .change-ds-theme-next :is(.group\/ModalOverlay[data-entering] .group-data-\[entering\]\/ModalOverlay\:motion-safe\:duration-300) { animation-duration: 300ms; } .change-ds-theme-next :is(.group\/ModalOverlay[data-exiting] .group-data-\[exiting\]\/ModalOverlay\:motion-safe\:duration-300) { animation-duration: 300ms; } @media (prefers-reduced-motion: no-preference) { .change-ds-theme-next :is(.group\/ModalOverlay[data-entering] .group-data-\[entering\]\/ModalOverlay\:motion-safe\:motion-safe\:ease-out) { animation-timing-function: cubic-bezier(0, 0, 0.2, 1); } } .change-ds-theme-next :is(.group\/ModalOverlay[data-exiting] .group-data-\[exiting\]\/ModalOverlay\:motion-safe\:ease-in) { animation-timing-function: cubic-bezier(0.4, 0, 1, 1); } } @media not all and (min-width: 47.9375rem) { .change-ds-theme-next .max-md\:mb-2 { margin-bottom: 0.5rem; } .change-ds-theme-next .max-md\:w-full { width: 100%; } .change-ds-theme-next .max-md\:flex-col { flex-direction: column; } .change-ds-theme-next .max-md\:flex-col-reverse { flex-direction: column-reverse; } .change-ds-theme-next .max-md\:pb-3 { padding-bottom: 0.75rem; } @media (prefers-reduced-motion: no-preference) { .change-ds-theme-next .max-md\:motion-safe\:slide-in-from-bottom { --tw-enter-translate-y: 100%; } .change-ds-theme-next .max-md\:motion-safe\:slide-out-to-bottom { --tw-exit-translate-y: 100%; } } } @media not all and (min-width: 23.4375rem) { .change-ds-theme-next .max-sm\:line-clamp-1 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .change-ds-theme-next .max-sm\:hidden { display: none; } } @media (min-width: 23.4375rem) { @media not all and (min-width: 47.9375rem) { .change-ds-theme-next .sm\:max-md\:first\:\!block:first-child { display: block !important; } .change-ds-theme-next .sm\:max-md\:last\:\!block:last-child { display: block !important; } } } @media (min-width: 47.9375rem) { .change-ds-theme-next .md\:col-span-4 { grid-column: span 4 / span 4; } .change-ds-theme-next .md\:col-span-6 { grid-column: span 6 / span 6; } .change-ds-theme-next .md\:col-start-2 { grid-column-start: 2; } .change-ds-theme-next .md\:col-start-3 { grid-column-start: 3; } .change-ds-theme-next .md\:ml-0 { margin-left: 0px; } .change-ds-theme-next .md\:mt-0 { margin-top: 0px; } .change-ds-theme-next .md\:mt-3 { margin-top: 0.75rem; } .change-ds-theme-next .md\:line-clamp-2 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .change-ds-theme-next .md\:block { display: block; } .change-ds-theme-next .md\:flex { display: flex; } .change-ds-theme-next .md\:\!grid { display: grid !important; } .change-ds-theme-next .md\:hidden { display: none; } .change-ds-theme-next .md\:\!h-40 { height: 10rem !important; } .change-ds-theme-next .md\:h-14 { height: 3.5rem; } .change-ds-theme-next .md\:h-auto { height: auto; } .change-ds-theme-next .md\:max-h-\[calc\(100vh_-_\(4rem_\*_2\)\)\] { max-height: calc(100vh - (4rem * 2)); } .change-ds-theme-next .md\:\!w-40 { width: 10rem !important; } .change-ds-theme-next .md\:w-14 { width: 3.5rem; } .change-ds-theme-next .md\:basis-1\/2 { flex-basis: 50%; } .change-ds-theme-next .md\:basis-1\/3 { flex-basis: 33.333333%; } .change-ds-theme-next .md\:basis-2\/3 { flex-basis: 66.666667%; } .change-ds-theme-next .md\:\!grid-cols-8 { grid-template-columns: repeat(8, minmax(0, 1fr)) !important; } .change-ds-theme-next .md\:grid-cols-\[minmax\(0\,1fr\)_160px\] { grid-template-columns: minmax(0, 1fr) 160px; } .change-ds-theme-next .md\:flex-row { flex-direction: row; } .change-ds-theme-next .md\:flex-row-reverse { flex-direction: row-reverse; } .change-ds-theme-next .md\:flex-col { flex-direction: column; } .change-ds-theme-next .md\:items-center { align-items: center; } .change-ds-theme-next .md\:justify-between { justify-content: space-between; } .change-ds-theme-next .md\:\!gap-x-6 { -moz-column-gap: 1.5rem !important; column-gap: 1.5rem !important; } .change-ds-theme-next .md\:gap-x-0 { -moz-column-gap: 0px; column-gap: 0px; } .change-ds-theme-next .md\:gap-x-4 { -moz-column-gap: 1rem; column-gap: 1rem; } .change-ds-theme-next :is(.md\:space-x-2 > :not([hidden]) ~ :not([hidden])) { --tw-space-x-reverse: 0; margin-right: calc(0.5rem * var(--tw-space-x-reverse)); margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse))); } .change-ds-theme-next .md\:place-self-center { place-self: center; } .change-ds-theme-next .md\:overflow-hidden { overflow: hidden; } .change-ds-theme-next .md\:rounded-b-2xl { border-bottom-right-radius: 1rem; border-bottom-left-radius: 1rem; } .change-ds-theme-next .md\:rounded-b-none { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .change-ds-theme-next .md\:rounded-l-none { border-top-left-radius: 0; border-bottom-left-radius: 0; } .change-ds-theme-next .md\:rounded-r-none { border-top-right-radius: 0; border-bottom-right-radius: 0; } .change-ds-theme-next .md\:p-6 { padding: 1.5rem; } .change-ds-theme-next .md\:p-\[50px\] { padding: 50px; } .change-ds-theme-next .md\:py-16 { padding-top: 4rem; padding-bottom: 4rem; } .change-ds-theme-next .md\:text-size-display-large-md { font-size: 5rem; line-height: 5rem; letter-spacing: -0.02em; font-weight: 700; } .change-ds-theme-next .md\:text-size-display-md { font-size: 3.5rem; line-height: 3.75rem; letter-spacing: -0.02em; font-weight: 700; } .change-ds-theme-next .md\:text-size-heading { font-size: 2rem; line-height: 2.5rem; letter-spacing: -0.01em; font-weight: 700; } .change-ds-theme-next .md\:text-size-heading-large-light-md { font-size: 2.25rem; line-height: 2.75rem; letter-spacing: -0.01em; font-weight: 400; } .change-ds-theme-next .md\:text-size-heading-large-md { font-size: 2.25rem; line-height: 2.75rem; letter-spacing: -0.01em; font-weight: 700; } .change-ds-theme-next .md\:text-size-heading-light { font-size: 2rem; line-height: 2.5rem; letter-spacing: -0.01em; font-weight: 400; } .change-ds-theme-next .md\:text-size-heading-xl-light-md { font-size: 2.5rem; line-height: 3rem; letter-spacing: -0.02em; font-weight: 400; } .change-ds-theme-next .md\:text-size-heading-xl-md { font-size: 2.5rem; line-height: 3rem; letter-spacing: -0.02em; font-weight: 700; } .change-ds-theme-next .md\:hover\:bg-fill-hover:where([data-rac])[data-hovered] { background-color: var(--fill-hover-color); } .change-ds-theme-next .md\:hover\:bg-fill-hover:where(:not([data-rac])):hover { background-color: var(--fill-hover-color); } } @media (min-width: 64rem) { .change-ds-theme-next .lg\:col-span-10 { grid-column: span 10 / span 10; } .change-ds-theme-next .lg\:col-span-6 { grid-column: span 6 / span 6; } .change-ds-theme-next .lg\:col-start-2 { grid-column-start: 2; } .change-ds-theme-next .lg\:col-start-4 { grid-column-start: 4; } .change-ds-theme-next .lg\:col-start-5 { grid-column-start: 5; } .change-ds-theme-next .lg\:\!grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)) !important; } .change-ds-theme-next .lg\:text-size-display { font-size: 5rem; line-height: 5.5rem; letter-spacing: -0.02em; font-weight: 700; } .change-ds-theme-next .lg\:text-size-display-large { font-size: 8rem; line-height: 8rem; letter-spacing: -0.02em; font-weight: 700; } .change-ds-theme-next .lg\:text-size-heading-large { font-size: 2.5rem; line-height: 3rem; letter-spacing: -0.01em; font-weight: 700; } .change-ds-theme-next .lg\:text-size-heading-large-light { font-size: 2.5rem; line-height: 3rem; letter-spacing: -0.01em; font-weight: 400; } .change-ds-theme-next .lg\:text-size-heading-xl { font-size: 3rem; line-height: 3.5rem; letter-spacing: -0.02em; font-weight: 700; } .change-ds-theme-next .lg\:text-size-heading-xl-light { font-size: 3rem; line-height: 3.5rem; letter-spacing: -0.02em; font-weight: 400; } } .change-ds-theme-next .rtl\:rotate-180:where([dir=rtl], [dir=rtl] *) { --tw-rotate: 180deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } @media not all and (min-width: 47.9375rem) { .change-ds-theme-next .max-md\:\[\&\:nth-child\(n\+3\)\]\:hidden:nth-child(n+3) { display: none; } .change-ds-theme-next .max-md\:\[\&\:nth-child\(n\+4\)\]\:block:nth-child(n+4) { display: block; } .change-ds-theme-next .max-md\:\[\&\:nth-last-child\(n\+4\)\]\:block:nth-last-child(n+4) { display: block; } .change-ds-theme-next .max-md\:\[\&\:nth-last-child\(n\+4\)\]\:hidden:nth-last-child(n+4) { display: none; } } .change-ds-theme-next :is(.\[\&_a\:not\(\.link-overlay\)\]\:relative a:not(.link-overlay)) { position: relative; } .change-ds-theme-next :is(.\[\&_a\:not\(\.link-overlay\)\]\:z-10 a:not(.link-overlay)) { z-index: 10; } .change-ds-theme-next :is(.\[\&_b\]\:text-size-body-bold b) { font-size: 1rem; line-height: 1.5rem; letter-spacing: 0; font-weight: 600; } .change-ds-theme-next :is(.\[\&_b\]\:text-size-body-large-bold b) { font-size: 1.125rem; line-height: 1.5rem; letter-spacing: 0; font-weight: 600; } .change-ds-theme-next :is(.\[\&_b\]\:text-size-body-small-bold b) { font-size: 0.875rem; line-height: 1.5rem; letter-spacing: 0; font-weight: 600; } .change-ds-theme-next :is(.\[\&_b\]\:text-size-body-xl-bold b) { font-size: 1.5rem; line-height: 2rem; letter-spacing: 0; font-weight: 600; } .change-ds-theme-next :is(.\[\&_button\]\:relative button) { position: relative; } .change-ds-theme-next :is(.\[\&_button\]\:z-10 button) { z-index: 10; } .change-ds-theme-next :is(.\[\&_strong\]\:text-size-body-bold strong) { font-size: 1rem; line-height: 1.5rem; letter-spacing: 0; font-weight: 600; } .change-ds-theme-next :is(.\[\&_strong\]\:text-size-body-large-bold strong) { font-size: 1.125rem; line-height: 1.5rem; letter-spacing: 0; font-weight: 600; } .change-ds-theme-next :is(.\[\&_strong\]\:text-size-body-small-bold strong) { font-size: 0.875rem; line-height: 1.5rem; letter-spacing: 0; font-weight: 600; } .change-ds-theme-next :is(.\[\&_strong\]\:text-size-body-xl-bold strong) { font-size: 1.5rem; line-height: 2rem; letter-spacing: 0; font-weight: 600; } /*# sourceMappingURL=index.next.css.map */