@orioncactuscorp/ui 1.11.0 → 1.12.0

package/README.md

@@ -10,7 +10,7 @@ orioncactus 디자인 시스템의 React 19+ UI package입니다.
 - CSS Modules와 CSS `@layer`를 처리하는 bundler
 - package manager: npm-compatible package manager
 
-공개 계약의 범위와 breaking change 기준은 [Stability Policy](./docs/stability.md)를 참조하세요.
+공개 계약의 범위와 breaking change 기준은 [Stability Policy][stability]를 참조하세요.
 
 ## 설치
 
@@ -66,18 +66,20 @@ export default function Example() {
 
 ## Documentation
 
-이 패키지는 상세 가이드를 `docs/`로 함께 배포합니다. 설치 후 `node_modules/@orioncactuscorp/ui/docs/`에서 설치 버전과 일치하는 문서를 바로 읽을 수 있고, 웹에서는 `https://unpkg.com/@orioncactuscorp/ui/docs/<파일명>`으로 볼 수 있습니다.
-
-| 문서                                                                     | 내용                                                                     |
-| ------------------------------------------------------------------------ | ------------------------------------------------------------------------ |
-| [Selector Contract](./docs/selector-contract.md)                         | `data-oc-*` 기반 커스터마이즈 계약 — 컴포넌트별 selector/slot/state 표   |
-| [SCSS Helpers](./docs/scss-helpers.md)                                   | `oc-border`, `oc-radius`, `oc-alpha`, `typo`, `respond-to`, `fluidClamp` |
-| [Semantic Motion](./docs/motion.md)                                      | intent/phase/pace 기반 motion 계약과 reduced-motion 정책                 |
-| [Spring Motion](./docs/spring.md)                                        | iOS perceptual duration 기반 spring transition                           |
-| [Responsive Foundation Profile](./docs/responsive-foundation-profile.md) | typo/space responsive 출력 mode 컴파일 설정                              |
-| [Token Reference](./docs/tokens.md)                                      | `--oc-*` foundation 토큰 전체 목록                                       |
-| [Stability Policy](./docs/stability.md)                                  | 공개 계약 범위, SemVer 기준, deprecation 절차                            |
-| [Editor Setup](./docs/editor-setup.md)                                   | VS Code CSS 변수 자동완성 설정                                           |
+이 패키지는 상세 가이드를 `docs/`로 함께 배포합니다. 설치 후 `node_modules/@orioncactuscorp/ui/docs/`에서 설치 버전과 일치하는 문서를 바로 읽을 수 있고, 웹에서는 `https://cdn.jsdelivr.net/npm/@orioncactuscorp/ui@1.12.0/docs/<파일명>`으로 볼 수 있습니다.
+
+| 문서                                                           | 내용                                                                     |
+| -------------------------------------------------------------- | ------------------------------------------------------------------------ |
+| [Selector Contract][selector-contract]                         | `data-oc-*` 기반 커스터마이즈 계약 — 컴포넌트별 selector/slot/state 표   |
+| [Semantic Colors][colors]                                      | 57개 semantic color의 역할, light/dark 기본값, pairing 규칙              |
+| [Typography][typography]                                       | 19개 variant의 용도, responsive stop, line-height, weight                |
+| [SCSS Helpers][scss-helpers]                                   | `oc-border`, `oc-radius`, `oc-alpha`, `typo`, `respond-to`, `fluidClamp` |
+| [Semantic Motion][motion]                                      | intent/phase/pace 기반 motion 계약과 reduced-motion 정책                 |
+| [Spring Motion][spring]                                        | iOS perceptual duration 기반 spring transition                           |
+| [Responsive Foundation Profile][responsive-foundation-profile] | typo/space responsive 출력 mode 컴파일 설정                              |
+| [Token Reference][tokens]                                      | `--oc-*` foundation 토큰 전체 목록                                       |
+| [Stability Policy][stability]                                  | 공개 계약 범위, SemVer 기준, deprecation 절차                            |
+| [Editor Setup][editor-setup]                                   | VS Code CSS 변수 자동완성 설정                                           |
 
 ## Components
 
@@ -118,7 +120,7 @@ export default function Example() {
 }
 ```
 
-이 selector들은 버전 관리되는 계약입니다. 컴포넌트별 전체 표는 [Selector Contract](./docs/selector-contract.md)를 참조하세요.
+이 selector들은 버전 관리되는 계약입니다. 컴포넌트별 전체 표는 [Selector Contract][selector-contract]를 참조하세요.
 
 ## Exports
 
@@ -181,6 +183,8 @@ prebuilt `foundations.css`의 theme 동작은 다음과 같습니다.
 
 - 기본은 light theme이고, OS가 dark를 선호하면 `prefers-color-scheme: dark`로 자동 전환됩니다.
 - `data-theme='light'` 또는 `data-theme='dark'` attribute를 지정하면 system preference와 무관하게 해당 theme으로 고정됩니다. `<html>`에 지정하면 전체, 하위 요소에 지정하면 해당 서브트리만 적용됩니다.
+- 각 theme selector는 같은 scope에 `color-scheme: light` 또는 `color-scheme: dark`를 선언해 네이티브 form control, scrollbar 등 브라우저 UI도 theme과 일치시킵니다. 이 동작을 원하지 않으면 package CSS import 이후 원하는 scope에서 `color-scheme`을 override하세요. 문서 전체의 `<meta name='color-scheme'>`와 `theme-color` 설정은 소비자 앱이 담당합니다.
+- `next-themes`처럼 `color-scheme`을 inline style로 관리하는 도구를 함께 사용하면 inline 선언이 foundation CSS보다 우선합니다. foundation에 제어를 위임하려면 해당 도구의 중복 제어를 끄고, 직접 관리한다면 `data-theme`과 같은 값으로 유지하세요.
 - 위 brand override 예시가 `:root`와 두 `[data-theme]` selector를 모두 덮는 이유는 이 세 가지 적용 경로를 전부 커버하기 위해서입니다. theme별로 다른 값이 필요하면 selector를 나눠 지정하세요.
 
 theme 출력 자체를 바꾸려면(예: light 전용 출력, system preference 자동 전환 제거) SCSS foundation source를 compile하면서 `color.config`를 설정합니다.
@@ -228,7 +232,7 @@ import './styles/foundations.scss';
 
 ### SCSS Profile
 
-전체 설정 옵션과 동작은 [Responsive Foundation Profile](./docs/responsive-foundation-profile.md)을 참조하세요. `responsive.config`는 `typo`와 `space`의 responsive 출력 mode를 정합니다. `$oc-responsive-mode`는 공통으로 적용하고, active stop range는 foundation별로 따로 지정할 수 있습니다. `space`는 stepped mode에서 base/media point별 target stop도 지정할 수 있습니다.
+전체 설정 옵션과 동작은 [Responsive Foundation Profile][responsive-foundation-profile]을 참조하세요. `responsive.config`는 `typo`와 `space`의 responsive 출력 mode를 정합니다. `$oc-responsive-mode`는 공통으로 적용하고, active stop range는 foundation별로 따로 지정할 수 있습니다. `space`는 stepped mode에서 base/media point별 target stop도 지정할 수 있습니다.
 
 `$oc-responsive-mode`는 아래 값을 사용합니다.
 
@@ -295,7 +299,7 @@ SCSS foundation profile은 compile-time 설정입니다. Prebuilt `foundations.c
 
 ## SCSS Helpers
 
-SCSS mixin/function 전체 시그니처와 예시는 [SCSS Helpers 가이드](./docs/scss-helpers.md)를 참조하세요. 아래는 대표 helper 요약입니다.
+SCSS mixin/function 전체 시그니처와 예시는 [SCSS Helpers 가이드][scss-helpers]를 참조하세요. 아래는 대표 helper 요약입니다.
 
 | Helper                             | 모듈                     | 용도                                                                    |
 | ---------------------------------- | ------------------------ | ----------------------------------------------------------------------- |
@@ -357,7 +361,7 @@ import { IconClose, IconDefault } from '@orioncactuscorp/icons';
 
 ## Motion
 
-intent별 정책과 reduced-motion 동작 전체는 [Semantic Motion 가이드](./docs/motion.md)를 참조하세요. Motion은 duration/easing 숫자를 직접 고르는 대신 `feedback`, `fade`, `disclosure`, `surface`, `sheet`, `expand` 같은 intent 기준으로 작성합니다. `oc-motion`은 intent, phase, pace를 기반으로 duration token, spring profile, reduced-motion 정책을 함께 적용합니다.
+intent별 정책과 reduced-motion 동작 전체는 [Semantic Motion 가이드][motion]를 참조하세요. Motion은 duration/easing 숫자를 직접 고르는 대신 `feedback`, `fade`, `disclosure`, `surface`, `sheet`, `expand` 같은 intent 기준으로 작성합니다. `oc-motion`은 intent, phase, pace를 기반으로 duration token, spring profile, reduced-motion 정책을 함께 적용합니다.
 
 ```scss
 @include oc-motion(
@@ -435,7 +439,7 @@ export function Panel({ open, children }) {
 
 ## Spring
 
-preset·physical spring·고급 옵션 전체는 [Spring Motion 가이드](./docs/spring.md)를 참조하세요. SCSS에서는 iOS spring의 perceptual duration 기준으로 low-level transition을 작성할 수 있습니다. helper는 실제 CSS duration을 감쇠 settling duration으로 출력합니다.
+preset·physical spring·고급 옵션 전체는 [Spring Motion 가이드][spring]를 참조하세요. SCSS에서는 iOS spring의 perceptual duration 기준으로 low-level transition을 작성할 수 있습니다. helper는 실제 CSS duration을 감쇠 settling duration으로 출력합니다.
 
 ```scss
 transition: oc-spring($property, $duration, $preset: smooth, $extra-bounce: 0);
@@ -524,7 +528,7 @@ export function Follower() {
 
 ## VS Code CSS Variable Autocomplete
 
-package는 VS Code CSS variable autocomplete 확장(`phoenisx.cssvar`)이 읽을 수 있는 foundation token index(`dist/vscode/oc-ui-vars.css`)를 함께 배포합니다. 설정 방법과 트러블슈팅은 [Editor Setup](./docs/editor-setup.md)을 참조하세요.
+package는 VS Code CSS variable autocomplete 확장(`phoenisx.cssvar`)이 읽을 수 있는 foundation token index(`dist/vscode/oc-ui-vars.css`)를 함께 배포합니다. 설정 방법과 트러블슈팅은 [Editor Setup][editor-setup]을 참조하세요.
 
 ## 참고
 
@@ -533,3 +537,16 @@ package는 VS Code CSS variable autocomplete 확장(`phoenisx.cssvar`)이 읽을
 ## 라이선스
 
 MIT
+
+<!-- 버전은 `bun run agent:sync-version`이 릴리스마다 stamp합니다. 직접 수정하지 마세요. -->
+
+[selector-contract]: https://cdn.jsdelivr.net/npm/@orioncactuscorp/ui@1.12.0/docs/selector-contract.md
+[colors]: https://cdn.jsdelivr.net/npm/@orioncactuscorp/ui@1.12.0/docs/colors.md
+[typography]: https://cdn.jsdelivr.net/npm/@orioncactuscorp/ui@1.12.0/docs/typography.md
+[scss-helpers]: https://cdn.jsdelivr.net/npm/@orioncactuscorp/ui@1.12.0/docs/scss-helpers.md
+[motion]: https://cdn.jsdelivr.net/npm/@orioncactuscorp/ui@1.12.0/docs/motion.md
+[spring]: https://cdn.jsdelivr.net/npm/@orioncactuscorp/ui@1.12.0/docs/spring.md
+[responsive-foundation-profile]: https://cdn.jsdelivr.net/npm/@orioncactuscorp/ui@1.12.0/docs/responsive-foundation-profile.md
+[tokens]: https://cdn.jsdelivr.net/npm/@orioncactuscorp/ui@1.12.0/docs/tokens.md
+[stability]: https://cdn.jsdelivr.net/npm/@orioncactuscorp/ui@1.12.0/docs/stability.md
+[editor-setup]: https://cdn.jsdelivr.net/npm/@orioncactuscorp/ui@1.12.0/docs/editor-setup.md

package/dist/components/ScrollArea/ScrollArea.css

@@ -1 +1 @@
-.oc-ScrollArea-module__scrollArea__DqPec{position:relative;min-inline-size:0;min-block-size:0;--oc-scroll-area-padding: .25rem;--oc-scroll-area-size: .4375rem;--oc-scroll-area-scrollbar-vertical-inset-block-start: 0px;--oc-scroll-area-scrollbar-vertical-inset-block-end: 0px;--oc-scroll-area-scrollbar-vertical-inset-inline-start: auto;--oc-scroll-area-scrollbar-vertical-inset-inline-end: 0px;--oc-scroll-area-scrollbar-horizontal-inset-block-start: auto;--oc-scroll-area-scrollbar-horizontal-inset-block-end: 0px;--oc-scroll-area-scrollbar-horizontal-inset-inline-start: 0px;--oc-scroll-area-scrollbar-horizontal-inset-inline-end: 0px}.oc-ScrollArea-module__scrollArea__DqPec[data-oc-scroll-root=true]>[data-oc-part=scrollbar-vertical],.oc-ScrollArea-module__scrollArea__DqPec[data-oc-scroll-root=true]>[data-oc-part=scrollbar-horizontal]{position:fixed}.oc-ScrollArea-module__scrollArea__DqPec[data-oc-scroll-root=true]>[data-oc-scroll-container]{block-size:auto;overflow:visible}.oc-ScrollArea-module__container__dGQhY{inline-size:100%;block-size:100%;min-inline-size:0;min-block-size:0;overflow:auto;scrollbar-width:none}.oc-ScrollArea-module__container__dGQhY::-webkit-scrollbar{display:none}.oc-ScrollArea-module__scrollbar__fSzQp{display:flex;position:absolute;z-index:var(--oc-z-index-floating, 6);box-sizing:content-box;padding:var(--oc-scroll-area-padding);opacity:0;transition:opacity calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1) var(--oc-motion-timing-feedback)}@media(prefers-reduced-motion:reduce){.oc-ScrollArea-module__scrollbar__fSzQp{transition-property:opacity;transition-duration:calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor-reduced) * var(--oc-motion-pace-normal) * 1);transition-timing-function:var(--oc-motion-timing-feedback)}}.oc-ScrollArea-module__scrollbar__fSzQp[data-oc-state=active],.oc-ScrollArea-module__scrollbar__fSzQp:hover{opacity:1}.oc-ScrollArea-module__scrollbar__fSzQp[data-oc-orientation=vertical]{inset-block:var(--oc-scroll-area-scrollbar-vertical-inset-block-start) var(--oc-scroll-area-scrollbar-vertical-inset-block-end);inset-inline:var(--oc-scroll-area-scrollbar-vertical-inset-inline-start) var(--oc-scroll-area-scrollbar-vertical-inset-inline-end);inline-size:var(--oc-scroll-area-size)}.oc-ScrollArea-module__scrollbar__fSzQp[data-oc-orientation=vertical]:has(+[data-oc-part=scrollbar-horizontal]){inset-block-end:calc(var(--oc-scroll-area-scrollbar-vertical-inset-block-end) + var(--oc-scroll-area-size) + var(--oc-scroll-area-padding) / 2)}.oc-ScrollArea-module__scrollbar__fSzQp[data-oc-orientation=vertical]>[data-oc-part=scrollbar-track]{inline-size:100%}.oc-ScrollArea-module__scrollbar__fSzQp[data-oc-orientation=vertical]>[data-oc-part=scrollbar-track]>[data-oc-part=thumb]{inline-size:100%;min-block-size:var(--oc-scroll-area-size);block-size:var(--oc-scroll-area-thumb-height)}.oc-ScrollArea-module__scrollbar__fSzQp[data-oc-orientation=vertical] [data-oc-part=thumb-background]{inset-block:0;inset-inline-end:0;inline-size:100%;block-size:var(--oc-scroll-area-thumb-height);transition:inline-size calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1) var(--oc-motion-timing-feedback),background-color calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1) var(--oc-motion-timing-feedback)}@media(prefers-reduced-motion:reduce){.oc-ScrollArea-module__scrollbar__fSzQp[data-oc-orientation=vertical] [data-oc-part=thumb-background]{transition-property:background-color;transition-duration:calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor-reduced) * var(--oc-motion-pace-normal) * 1);transition-timing-function:var(--oc-motion-timing-feedback)}}.oc-ScrollArea-module__scrollbar__fSzQp[data-oc-orientation=vertical] [data-oc-part=thumb]:is(:hover,:active,[data-oc-state=dragging],:has(>[data-oc-part=thumb-background]>[data-oc-self=true]:hover),:has(>[data-oc-part=thumb-background]>[data-oc-self=true]:active))>[data-oc-part=thumb-background]{inline-size:calc(100% + var(--oc-scroll-area-padding))}.oc-ScrollArea-module__scrollbar__fSzQp[data-oc-orientation=horizontal]{inset-block:var(--oc-scroll-area-scrollbar-horizontal-inset-block-start) var(--oc-scroll-area-scrollbar-horizontal-inset-block-end);inset-inline:var(--oc-scroll-area-scrollbar-horizontal-inset-inline-start) var(--oc-scroll-area-scrollbar-horizontal-inset-inline-end);block-size:var(--oc-scroll-area-size)}[data-oc-part=scrollbar-vertical]+.oc-ScrollArea-module__scrollbar__fSzQp[data-oc-orientation=horizontal]{inset-inline-end:calc(var(--oc-scroll-area-scrollbar-horizontal-inset-inline-end) + var(--oc-scroll-area-size) + var(--oc-scroll-area-padding) / 2)}.oc-ScrollArea-module__scrollbar__fSzQp[data-oc-orientation=horizontal]>[data-oc-part=scrollbar-track]{inline-size:100%;block-size:100%}.oc-ScrollArea-module__scrollbar__fSzQp[data-oc-orientation=horizontal]>[data-oc-part=scrollbar-track]>[data-oc-part=thumb]{min-inline-size:var(--oc-scroll-area-size);inline-size:var(--oc-scroll-area-thumb-width);block-size:100%}.oc-ScrollArea-module__scrollbar__fSzQp[data-oc-orientation=horizontal] [data-oc-part=thumb-background]{inset-block-end:0;inset-inline:0;inline-size:var(--oc-scroll-area-thumb-width);block-size:100%;transition:block-size calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1) var(--oc-motion-timing-feedback),background-color calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1) var(--oc-motion-timing-feedback)}@media(prefers-reduced-motion:reduce){.oc-ScrollArea-module__scrollbar__fSzQp[data-oc-orientation=horizontal] [data-oc-part=thumb-background]{transition-property:background-color;transition-duration:calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor-reduced) * var(--oc-motion-pace-normal) * 1);transition-timing-function:var(--oc-motion-timing-feedback)}}.oc-ScrollArea-module__scrollbar__fSzQp[data-oc-orientation=horizontal] [data-oc-part=thumb]:is(:hover,:active,[data-oc-state=dragging],:has(>[data-oc-part=thumb-background]>[data-oc-self=true]:hover),:has(>[data-oc-part=thumb-background]>[data-oc-self=true]:active))>[data-oc-part=thumb-background]{block-size:calc(100% + var(--oc-scroll-area-padding))}.oc-ScrollArea-module__wrapper__wSIU3{position:relative;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.oc-ScrollArea-module__wrapper__wSIU3:before{position:absolute;inset:calc(-1 * var(--oc-scroll-area-padding));content:""}.oc-ScrollArea-module__scrollbar__fSzQp[data-oc-state=active]>[data-oc-part=scrollbar-track]:not([data-oc-state=active]){overflow:hidden;border-radius:var(--oc-atomic-radius-max)}.oc-ScrollArea-module__thumb__vIWmD{position:relative;transition:background-color calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1) var(--oc-motion-timing-feedback)}@media(prefers-reduced-motion:reduce){.oc-ScrollArea-module__thumb__vIWmD{transition-property:background-color;transition-duration:calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor-reduced) * var(--oc-motion-pace-normal) * 1);transition-timing-function:var(--oc-motion-timing-feedback)}}.oc-ScrollArea-module__thumb__vIWmD{cursor:pointer}.oc-ScrollArea-module__background__sPGmG{position:absolute;overflow:hidden;border-radius:var(--oc-atomic-radius-max);background-color:var(--oc-color-theme-label-assistive)}[data-oc-part=thumb][data-oc-state=dragging]>[data-oc-part=thumb-background]>[data-oc-component=interaction]{opacity:var(--oc-interaction-opacity-active);transform:scale(1)}@media(prefers-reduced-motion:reduce){.oc-ScrollArea-module__scrollbar__fSzQp[data-oc-orientation=vertical] [data-oc-part=thumb]:is(:hover,:active,[data-oc-state=dragging],:has(>[data-oc-part=thumb-background]>[data-oc-self=true]:hover),:has(>[data-oc-part=thumb-background]>[data-oc-self=true]:active))>[data-oc-part=thumb-background]{inline-size:100%}.oc-ScrollArea-module__scrollbar__fSzQp[data-oc-orientation=horizontal] [data-oc-part=thumb]:is(:hover,:active,[data-oc-state=dragging],:has(>[data-oc-part=thumb-background]>[data-oc-self=true]:hover),:has(>[data-oc-part=thumb-background]>[data-oc-self=true]:active))>[data-oc-part=thumb-background]{block-size:100%}}
+.oc-ScrollArea-module__scrollArea__DqPec{position:relative;isolation:isolate;min-inline-size:0;min-block-size:0;--oc-scroll-area-padding: .25rem;--oc-scroll-area-size: .4375rem;--oc-scroll-area-scrollbar-vertical-inset-block-start: 0px;--oc-scroll-area-scrollbar-vertical-inset-block-end: 0px;--oc-scroll-area-scrollbar-vertical-inset-inline-start: auto;--oc-scroll-area-scrollbar-vertical-inset-inline-end: 0px;--oc-scroll-area-scrollbar-horizontal-inset-block-start: auto;--oc-scroll-area-scrollbar-horizontal-inset-block-end: 0px;--oc-scroll-area-scrollbar-horizontal-inset-inline-start: 0px;--oc-scroll-area-scrollbar-horizontal-inset-inline-end: 0px}.oc-ScrollArea-module__scrollArea__DqPec[data-oc-scroll-root=true]>[data-oc-part=scrollbar-vertical],.oc-ScrollArea-module__scrollArea__DqPec[data-oc-scroll-root=true]>[data-oc-part=scrollbar-horizontal]{position:fixed}.oc-ScrollArea-module__scrollArea__DqPec[data-oc-scroll-root=true]>[data-oc-scroll-container]{block-size:auto;overflow:visible}.oc-ScrollArea-module__container__dGQhY{inline-size:100%;block-size:100%;min-inline-size:0;min-block-size:0;overflow:auto;scrollbar-width:none}.oc-ScrollArea-module__container__dGQhY::-webkit-scrollbar{display:none}.oc-ScrollArea-module__scrollbar__fSzQp{display:flex;position:absolute;z-index:1;box-sizing:content-box;padding:var(--oc-scroll-area-padding);opacity:0;transition:opacity calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1) var(--oc-motion-timing-feedback)}@media(prefers-reduced-motion:reduce){.oc-ScrollArea-module__scrollbar__fSzQp{transition-property:opacity;transition-duration:calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor-reduced) * var(--oc-motion-pace-normal) * 1);transition-timing-function:var(--oc-motion-timing-feedback)}}.oc-ScrollArea-module__scrollbar__fSzQp[data-oc-state=active],.oc-ScrollArea-module__scrollbar__fSzQp:hover{opacity:1}.oc-ScrollArea-module__scrollbar__fSzQp[data-oc-orientation=vertical]{inset-block:var(--oc-scroll-area-scrollbar-vertical-inset-block-start) var(--oc-scroll-area-scrollbar-vertical-inset-block-end);inset-inline:var(--oc-scroll-area-scrollbar-vertical-inset-inline-start) var(--oc-scroll-area-scrollbar-vertical-inset-inline-end);inline-size:var(--oc-scroll-area-size)}.oc-ScrollArea-module__scrollbar__fSzQp[data-oc-orientation=vertical]:has(+[data-oc-part=scrollbar-horizontal]){inset-block-end:calc(var(--oc-scroll-area-scrollbar-vertical-inset-block-end) + var(--oc-scroll-area-size) + var(--oc-scroll-area-padding) / 2)}.oc-ScrollArea-module__scrollbar__fSzQp[data-oc-orientation=vertical]>[data-oc-part=scrollbar-track]{inline-size:100%}.oc-ScrollArea-module__scrollbar__fSzQp[data-oc-orientation=vertical]>[data-oc-part=scrollbar-track]>[data-oc-part=thumb]{inline-size:100%;min-block-size:var(--oc-scroll-area-size);block-size:var(--oc-scroll-area-thumb-height)}.oc-ScrollArea-module__scrollbar__fSzQp[data-oc-orientation=vertical] [data-oc-part=thumb-background]{inset-block:0;inset-inline-end:0;inline-size:100%;block-size:var(--oc-scroll-area-thumb-height);transition:inline-size calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1) var(--oc-motion-timing-feedback),background-color calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1) var(--oc-motion-timing-feedback)}@media(prefers-reduced-motion:reduce){.oc-ScrollArea-module__scrollbar__fSzQp[data-oc-orientation=vertical] [data-oc-part=thumb-background]{transition-property:background-color;transition-duration:calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor-reduced) * var(--oc-motion-pace-normal) * 1);transition-timing-function:var(--oc-motion-timing-feedback)}}.oc-ScrollArea-module__scrollbar__fSzQp[data-oc-orientation=vertical] [data-oc-part=thumb]:is(:hover,:active,[data-oc-state=dragging],:has(>[data-oc-part=thumb-background]>[data-oc-self=true]:hover),:has(>[data-oc-part=thumb-background]>[data-oc-self=true]:active))>[data-oc-part=thumb-background]{inline-size:calc(100% + var(--oc-scroll-area-padding))}.oc-ScrollArea-module__scrollbar__fSzQp[data-oc-orientation=horizontal]{inset-block:var(--oc-scroll-area-scrollbar-horizontal-inset-block-start) var(--oc-scroll-area-scrollbar-horizontal-inset-block-end);inset-inline:var(--oc-scroll-area-scrollbar-horizontal-inset-inline-start) var(--oc-scroll-area-scrollbar-horizontal-inset-inline-end);block-size:var(--oc-scroll-area-size)}[data-oc-part=scrollbar-vertical]+.oc-ScrollArea-module__scrollbar__fSzQp[data-oc-orientation=horizontal]{inset-inline-end:calc(var(--oc-scroll-area-scrollbar-horizontal-inset-inline-end) + var(--oc-scroll-area-size) + var(--oc-scroll-area-padding) / 2)}.oc-ScrollArea-module__scrollbar__fSzQp[data-oc-orientation=horizontal]>[data-oc-part=scrollbar-track]{inline-size:100%;block-size:100%}.oc-ScrollArea-module__scrollbar__fSzQp[data-oc-orientation=horizontal]>[data-oc-part=scrollbar-track]>[data-oc-part=thumb]{min-inline-size:var(--oc-scroll-area-size);inline-size:var(--oc-scroll-area-thumb-width);block-size:100%}.oc-ScrollArea-module__scrollbar__fSzQp[data-oc-orientation=horizontal] [data-oc-part=thumb-background]{inset-block-end:0;inset-inline:0;inline-size:var(--oc-scroll-area-thumb-width);block-size:100%;transition:block-size calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1) var(--oc-motion-timing-feedback),background-color calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1) var(--oc-motion-timing-feedback)}@media(prefers-reduced-motion:reduce){.oc-ScrollArea-module__scrollbar__fSzQp[data-oc-orientation=horizontal] [data-oc-part=thumb-background]{transition-property:background-color;transition-duration:calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor-reduced) * var(--oc-motion-pace-normal) * 1);transition-timing-function:var(--oc-motion-timing-feedback)}}.oc-ScrollArea-module__scrollbar__fSzQp[data-oc-orientation=horizontal] [data-oc-part=thumb]:is(:hover,:active,[data-oc-state=dragging],:has(>[data-oc-part=thumb-background]>[data-oc-self=true]:hover),:has(>[data-oc-part=thumb-background]>[data-oc-self=true]:active))>[data-oc-part=thumb-background]{block-size:calc(100% + var(--oc-scroll-area-padding))}.oc-ScrollArea-module__wrapper__wSIU3{position:relative;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.oc-ScrollArea-module__wrapper__wSIU3:before{position:absolute;inset:calc(-1 * var(--oc-scroll-area-padding));content:""}.oc-ScrollArea-module__scrollbar__fSzQp[data-oc-state=active]>[data-oc-part=scrollbar-track]:not([data-oc-state=active]){overflow:hidden;border-radius:var(--oc-atomic-radius-max)}.oc-ScrollArea-module__thumb__vIWmD{position:relative;transition:background-color calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1) var(--oc-motion-timing-feedback)}@media(prefers-reduced-motion:reduce){.oc-ScrollArea-module__thumb__vIWmD{transition-property:background-color;transition-duration:calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor-reduced) * var(--oc-motion-pace-normal) * 1);transition-timing-function:var(--oc-motion-timing-feedback)}}.oc-ScrollArea-module__thumb__vIWmD{cursor:pointer}.oc-ScrollArea-module__background__sPGmG{position:absolute;overflow:hidden;border-radius:var(--oc-atomic-radius-max);background-color:var(--oc-color-theme-label-assistive)}[data-oc-part=thumb][data-oc-state=dragging]>[data-oc-part=thumb-background]>[data-oc-component=interaction]{opacity:var(--oc-interaction-opacity-active);transform:scale(1)}@media(prefers-reduced-motion:reduce){.oc-ScrollArea-module__scrollbar__fSzQp[data-oc-orientation=vertical] [data-oc-part=thumb]:is(:hover,:active,[data-oc-state=dragging],:has(>[data-oc-part=thumb-background]>[data-oc-self=true]:hover),:has(>[data-oc-part=thumb-background]>[data-oc-self=true]:active))>[data-oc-part=thumb-background]{inline-size:100%}.oc-ScrollArea-module__scrollbar__fSzQp[data-oc-orientation=horizontal] [data-oc-part=thumb]:is(:hover,:active,[data-oc-state=dragging],:has(>[data-oc-part=thumb-background]>[data-oc-self=true]:hover),:has(>[data-oc-part=thumb-background]>[data-oc-self=true]:active))>[data-oc-part=thumb-background]{block-size:100%}}

package/dist/components/Tooltip/Tooltip.css

@@ -1 +1 @@
-.oc-Tooltip-module__trigger__bpvLZ{all:unset}.oc-Tooltip-module__trigger__bpvLZ:focus-visible{outline:var(--oc-focus-ring-width) solid var(--oc-color-theme-focus-ring);outline-offset:var(--oc-focus-ring-offset)}.oc-Tooltip-module__tooltip__LjRUX{font-size:calc(var(--oc-typo-size-caption2) * var(--oc-typo-size-factor, 1));line-height:calc(var(--oc-typo-height-caption2) * var(--oc-typo-size-factor, 1));letter-spacing:var(--oc-typo-spacing-caption2);font-weight:var(--oc-typo-weight-caption2-medium);--oc-background-radius: max(0px, .5rem * var(--oc-atomic-radius-factor));--oc-tooltip-transform-origin: top center;z-index:var(--oc-z-index-floating, 5);overflow:hidden;padding:.25rem .5rem;max-inline-size:min(20rem,100vw - var(--oc-space-item-padding-large));color:var(--oc-color-theme-label-alternative);opacity:1;transform:scale(1);transform-origin:var(--oc-tooltip-transform-origin);will-change:opacity,transform}.oc-Tooltip-module__tooltip__LjRUX[data-side=top]{--oc-tooltip-transform-origin: bottom center}.oc-Tooltip-module__tooltip__LjRUX[data-side=bottom]{--oc-tooltip-transform-origin: top center}.oc-Tooltip-module__tooltip__LjRUX[data-side=left]{--oc-tooltip-transform-origin: right center}.oc-Tooltip-module__tooltip__LjRUX[data-side=right]{--oc-tooltip-transform-origin: left center}.oc-Tooltip-module__tooltip__LjRUX[data-starting-style],.oc-Tooltip-module__tooltip__LjRUX[data-ending-style]{opacity:0;transform:scale(max(0,1 + (.95 - 1) * var(--oc-motion-scale-factor-spatial)))}.oc-Tooltip-module__tooltip__LjRUX[data-ending-style]{transition:opacity calc(var(--oc-motion-duration-disclosure-exit) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1) var(--oc-motion-timing-disclosure-exit),transform calc(var(--oc-motion-duration-disclosure-exit) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1) var(--oc-motion-timing-disclosure-exit)}.oc-Tooltip-module__tooltip__LjRUX{transition:opacity calc(.374s * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1) linear(0 0%,.0045 .83%,.0168 1.67%,.0356 2.5%,.0593 3.33%,.0871 4.17%,.1178 5%,.1507 5.83%,.1852 6.67%,.2207 7.5%,.2566 8.33%,.2926 9.17%,.3283 10%,.3635 10.83%,.398 11.67%,.4316 12.5%,.4642 13.33%,.4957 14.17%,.5259 15%,.5549 15.83%,.5826 16.67%,.609 17.5%,.6341 18.33%,.6579 19.17%,.6805 20%,.7018 20.83%,.722 21.67%,.7409 22.5%,.7588 23.33%,.7756 24.17%,.7913 25%,.8061 25.83%,.8199 26.67%,.8328 27.5%,.8449 28.33%,.8562 29.17%,.8667 30%,.8765 30.83%,.8857 31.67%,.8942 32.5%,.9021 33.33%,.9095 34.17%,.9163 35%,.9227 35.83%,.9286 36.67%,.934 37.5%,.9391 38.33%,.9438 39.17%,.9481 40%,.9522 40.83%,.9559 41.67%,.9594 42.5%,.9625 43.33%,.9655 44.17%,.9682 45%,.9707 45.83%,.9731 46.67%,.9752 47.5%,.9772 48.33%,.979 49.17%,.9807 50%,.9822 50.83%,.9837 51.67%,.985 52.5%,.9862 53.33%,.9873 54.17%,.9883 55%,.9893 55.83%,.9902 56.67%,.991 57.5%,.9917 58.33%,.9924 59.17%,.993 60%,.9936 60.83%,.9941 61.67%,.9946 62.5%,.995 63.33%,.9955 64.17%,.9958 65%,.9962 65.83%,.9965 66.67%,.9968 67.5%,.9971 68.33%,.9973 69.17%,.9975 70%,.9977 70.83%,.9979 71.67%,.9981 72.5%,.9983 73.33%,.9984 74.17%,.9985 75%,.9987 75.83%,.9988 76.67%,.9989 77.5%,.999 78.33%,.9991 79.17%,.9991 80%,.9992 80.83%,.9993 81.67%,.9993 82.5%,.9994 83.33%,.9994 84.17%,.9995 85%,.9995 85.83%,.9996 86.67%,.9996 87.5%,.9996 88.33%,.9997 89.17%,.9997 90%,.9997 90.83%,.9998 91.67%,.9998 92.5%,.9998 93.33%,.9998 94.17%,.9998 95%,.9998 95.83%,.9999 96.67%,.9999 97.5%,.9999 98.33%,.9999 99.17%,1 100%),transform calc(.326s * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1) linear(0 0%,.0045 .95%,.017 1.9%,.0363 2.86%,.061 3.81%,.0902 4.76%,.1229 5.71%,.1582 6.67%,.1956 7.62%,.2343 8.57%,.2738 9.52%,.3136 10.48%,.3533 11.43%,.3927 12.38%,.4313 13.33%,.469 14.29%,.5056 15.24%,.541 16.19%,.5749 17.14%,.6074 18.1%,.6384 19.05%,.6678 20%,.6956 20.95%,.7219 21.9%,.7466 22.86%,.7697 23.81%,.7913 24.76%,.8114 25.71%,.8301 26.67%,.8474 27.62%,.8635 28.57%,.8782 29.52%,.8918 30.48%,.9043 31.43%,.9157 32.38%,.9261 33.33%,.9355 34.29%,.9441 35.24%,.9518 36.19%,.9588 37.14%,.9651 38.1%,.9707 39.05%,.9757 40%,.9802 40.95%,.9842 41.9%,.9877 42.86%,.9907 43.81%,.9934 44.76%,.9957 45.71%,.9977 46.67%,.9995 47.62%,1.0009 48.57%,1.0022 49.52%,1.0032 50.48%,1.004 51.43%,1.0047 52.38%,1.0052 53.33%,1.0056 54.29%,1.0059 55.24%,1.0061 56.19%,1.0062 57.14%,1.0063 58.1%,1.0063 59.05%,1.0062 60%,1.0061 60.95%,1.0059 61.9%,1.0057 62.86%,1.0055 63.81%,1.0053 64.76%,1.0051 65.71%,1.0048 66.67%,1.0046 67.62%,1.0044 68.57%,1.0041 69.52%,1.0039 70.48%,1.0036 71.43%,1.0034 72.38%,1.0031 73.33%,1.0029 74.29%,1.0027 75.24%,1.0025 76.19%,1.0023 77.14%,1.0021 78.1%,1.0019 79.05%,1.0018 80%,1.0016 80.95%,1.0015 81.9%,1.0013 82.86%,1.0012 83.81%,1.0011 84.76%,1.001 85.71%,1.0009 86.67%,1.0008 87.62%,1.0007 88.57%,1.0006 89.52%,1.0005 90.48%,1.0005 91.43%,1.0004 92.38%,1.0004 93.33%,1.0003 94.29%,1.0003 95.24%,1.0002 96.19%,1.0002 97.14%,1.0002 98.1%,1.0001 99.05%,1 100%)}@media(prefers-reduced-motion:reduce){.oc-Tooltip-module__tooltip__LjRUX{transition-property:opacity;transition-duration:calc(var(--oc-motion-duration-disclosure) * var(--oc-motion-duration-factor-reduced) * var(--oc-motion-pace-normal) * 1);transition-timing-function:var(--oc-motion-timing-disclosure);transform:none}}@media(prefers-reduced-motion:reduce){.oc-Tooltip-module__tooltip__LjRUX{will-change:opacity}.oc-Tooltip-module__tooltip__LjRUX[data-starting-style],.oc-Tooltip-module__tooltip__LjRUX[data-ending-style]{transform:none}.oc-Tooltip-module__tooltip__LjRUX[data-ending-style]{transition-property:opacity;transition-duration:calc(var(--oc-motion-duration-disclosure-exit) * var(--oc-motion-duration-factor-reduced) * var(--oc-motion-pace-normal) * 1);transition-timing-function:var(--oc-motion-timing-disclosure-exit)}}
+.oc-Tooltip-module__trigger__bpvLZ{all:unset}.oc-Tooltip-module__trigger__bpvLZ:focus-visible{outline:var(--oc-focus-ring-width) solid var(--oc-color-theme-focus-ring);outline-offset:var(--oc-focus-ring-offset)}.oc-Tooltip-module__tooltip__LjRUX{font-size:calc(var(--oc-typo-size-caption2) * var(--oc-typo-size-factor, 1));line-height:calc(var(--oc-typo-height-caption2) * var(--oc-typo-size-factor, 1));letter-spacing:var(--oc-typo-spacing-caption2);font-weight:var(--oc-typo-weight-caption2-medium);--oc-background-radius: max(0px, .5rem * var(--oc-atomic-radius-factor));--oc-tooltip-transform-origin: top center;z-index:var(--oc-tooltip-z-index, var(--oc-zindex-5));overflow:hidden;padding:.25rem .5rem;max-inline-size:min(20rem,100vw - var(--oc-space-item-padding-large));color:var(--oc-color-theme-label-alternative);opacity:1;transform:scale(1);transform-origin:var(--oc-tooltip-transform-origin);will-change:opacity,transform}.oc-Tooltip-module__tooltip__LjRUX[data-side=top]{--oc-tooltip-transform-origin: bottom center}.oc-Tooltip-module__tooltip__LjRUX[data-side=bottom]{--oc-tooltip-transform-origin: top center}.oc-Tooltip-module__tooltip__LjRUX[data-side=left]{--oc-tooltip-transform-origin: right center}.oc-Tooltip-module__tooltip__LjRUX[data-side=right]{--oc-tooltip-transform-origin: left center}.oc-Tooltip-module__tooltip__LjRUX[data-starting-style],.oc-Tooltip-module__tooltip__LjRUX[data-ending-style]{opacity:0;transform:scale(max(0,1 + (.95 - 1) * var(--oc-motion-scale-factor-spatial)))}.oc-Tooltip-module__tooltip__LjRUX[data-ending-style]{transition:opacity calc(var(--oc-motion-duration-disclosure-exit) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1) var(--oc-motion-timing-disclosure-exit),transform calc(var(--oc-motion-duration-disclosure-exit) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1) var(--oc-motion-timing-disclosure-exit)}.oc-Tooltip-module__tooltip__LjRUX{transition:opacity calc(.374s * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1) linear(0 0%,.0045 .83%,.0168 1.67%,.0356 2.5%,.0593 3.33%,.0871 4.17%,.1178 5%,.1507 5.83%,.1852 6.67%,.2207 7.5%,.2566 8.33%,.2926 9.17%,.3283 10%,.3635 10.83%,.398 11.67%,.4316 12.5%,.4642 13.33%,.4957 14.17%,.5259 15%,.5549 15.83%,.5826 16.67%,.609 17.5%,.6341 18.33%,.6579 19.17%,.6805 20%,.7018 20.83%,.722 21.67%,.7409 22.5%,.7588 23.33%,.7756 24.17%,.7913 25%,.8061 25.83%,.8199 26.67%,.8328 27.5%,.8449 28.33%,.8562 29.17%,.8667 30%,.8765 30.83%,.8857 31.67%,.8942 32.5%,.9021 33.33%,.9095 34.17%,.9163 35%,.9227 35.83%,.9286 36.67%,.934 37.5%,.9391 38.33%,.9438 39.17%,.9481 40%,.9522 40.83%,.9559 41.67%,.9594 42.5%,.9625 43.33%,.9655 44.17%,.9682 45%,.9707 45.83%,.9731 46.67%,.9752 47.5%,.9772 48.33%,.979 49.17%,.9807 50%,.9822 50.83%,.9837 51.67%,.985 52.5%,.9862 53.33%,.9873 54.17%,.9883 55%,.9893 55.83%,.9902 56.67%,.991 57.5%,.9917 58.33%,.9924 59.17%,.993 60%,.9936 60.83%,.9941 61.67%,.9946 62.5%,.995 63.33%,.9955 64.17%,.9958 65%,.9962 65.83%,.9965 66.67%,.9968 67.5%,.9971 68.33%,.9973 69.17%,.9975 70%,.9977 70.83%,.9979 71.67%,.9981 72.5%,.9983 73.33%,.9984 74.17%,.9985 75%,.9987 75.83%,.9988 76.67%,.9989 77.5%,.999 78.33%,.9991 79.17%,.9991 80%,.9992 80.83%,.9993 81.67%,.9993 82.5%,.9994 83.33%,.9994 84.17%,.9995 85%,.9995 85.83%,.9996 86.67%,.9996 87.5%,.9996 88.33%,.9997 89.17%,.9997 90%,.9997 90.83%,.9998 91.67%,.9998 92.5%,.9998 93.33%,.9998 94.17%,.9998 95%,.9998 95.83%,.9999 96.67%,.9999 97.5%,.9999 98.33%,.9999 99.17%,1 100%),transform calc(.326s * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1) linear(0 0%,.0045 .95%,.017 1.9%,.0363 2.86%,.061 3.81%,.0902 4.76%,.1229 5.71%,.1582 6.67%,.1956 7.62%,.2343 8.57%,.2738 9.52%,.3136 10.48%,.3533 11.43%,.3927 12.38%,.4313 13.33%,.469 14.29%,.5056 15.24%,.541 16.19%,.5749 17.14%,.6074 18.1%,.6384 19.05%,.6678 20%,.6956 20.95%,.7219 21.9%,.7466 22.86%,.7697 23.81%,.7913 24.76%,.8114 25.71%,.8301 26.67%,.8474 27.62%,.8635 28.57%,.8782 29.52%,.8918 30.48%,.9043 31.43%,.9157 32.38%,.9261 33.33%,.9355 34.29%,.9441 35.24%,.9518 36.19%,.9588 37.14%,.9651 38.1%,.9707 39.05%,.9757 40%,.9802 40.95%,.9842 41.9%,.9877 42.86%,.9907 43.81%,.9934 44.76%,.9957 45.71%,.9977 46.67%,.9995 47.62%,1.0009 48.57%,1.0022 49.52%,1.0032 50.48%,1.004 51.43%,1.0047 52.38%,1.0052 53.33%,1.0056 54.29%,1.0059 55.24%,1.0061 56.19%,1.0062 57.14%,1.0063 58.1%,1.0063 59.05%,1.0062 60%,1.0061 60.95%,1.0059 61.9%,1.0057 62.86%,1.0055 63.81%,1.0053 64.76%,1.0051 65.71%,1.0048 66.67%,1.0046 67.62%,1.0044 68.57%,1.0041 69.52%,1.0039 70.48%,1.0036 71.43%,1.0034 72.38%,1.0031 73.33%,1.0029 74.29%,1.0027 75.24%,1.0025 76.19%,1.0023 77.14%,1.0021 78.1%,1.0019 79.05%,1.0018 80%,1.0016 80.95%,1.0015 81.9%,1.0013 82.86%,1.0012 83.81%,1.0011 84.76%,1.001 85.71%,1.0009 86.67%,1.0008 87.62%,1.0007 88.57%,1.0006 89.52%,1.0005 90.48%,1.0005 91.43%,1.0004 92.38%,1.0004 93.33%,1.0003 94.29%,1.0003 95.24%,1.0002 96.19%,1.0002 97.14%,1.0002 98.1%,1.0001 99.05%,1 100%)}@media(prefers-reduced-motion:reduce){.oc-Tooltip-module__tooltip__LjRUX{transition-property:opacity;transition-duration:calc(var(--oc-motion-duration-disclosure) * var(--oc-motion-duration-factor-reduced) * var(--oc-motion-pace-normal) * 1);transition-timing-function:var(--oc-motion-timing-disclosure);transform:none}}@media(prefers-reduced-motion:reduce){.oc-Tooltip-module__tooltip__LjRUX{will-change:opacity}.oc-Tooltip-module__tooltip__LjRUX[data-starting-style],.oc-Tooltip-module__tooltip__LjRUX[data-ending-style]{transform:none}.oc-Tooltip-module__tooltip__LjRUX[data-ending-style]{transition-property:opacity;transition-duration:calc(var(--oc-motion-duration-disclosure-exit) * var(--oc-motion-duration-factor-reduced) * var(--oc-motion-pace-normal) * 1);transition-timing-function:var(--oc-motion-timing-disclosure-exit)}}

package/dist/foundations/color.theme.dark.css

@@ -1 +1 @@
-@media(prefers-color-scheme: dark){:root{--oc-color-theme-static-white: var(--oc-color-global-common-100);--oc-color-theme-static-black: var(--oc-color-global-common-0);--oc-color-theme-static-transparent: var(--oc-color-global-common-transparent);--oc-color-theme-primary-normal: var(--oc-color-global-redOrange-60);--oc-color-theme-focus-ring: var(--oc-color-theme-primary-normal);--oc-color-theme-label-strong: var(--oc-color-global-common-100);--oc-color-theme-label-normal: var(--oc-color-global-coolNeutral-99);--oc-color-theme-label-neutral: color-mix(in srgb, var(--oc-color-global-coolNeutral-90), transparent calc(100% - (100% * var(--oc-color-global-opacity-88))));--oc-color-theme-label-alternative: color-mix(in srgb, var(--oc-color-global-coolNeutral-80), transparent calc(100% - (100% * var(--oc-color-global-opacity-61))));--oc-color-theme-label-assistive: color-mix(in srgb, var(--oc-color-global-coolNeutral-80), transparent calc(100% - (100% * var(--oc-color-global-opacity-28))));--oc-color-theme-label-disable: color-mix(in srgb, var(--oc-color-global-coolNeutral-70), transparent calc(100% - (100% * var(--oc-color-global-opacity-16))));--oc-color-theme-background-normal-normal: var(--oc-color-global-coolNeutral-15);--oc-color-theme-background-normal-alternative: var(--oc-color-global-coolNeutral-5);--oc-color-theme-background-elevated-normal: var(--oc-color-global-coolNeutral-17);--oc-color-theme-background-elevated-alternative: var(--oc-color-global-coolNeutral-7);--oc-color-theme-interaction-inactive: var(--oc-color-global-coolNeutral-40);--oc-color-theme-interaction-disable: var(--oc-color-global-coolNeutral-22);--oc-color-theme-line-normal-strong: color-mix(in srgb, var(--oc-color-global-coolNeutral-90), transparent calc(100% - (100% * var(--oc-color-global-opacity-52))));--oc-color-theme-line-normal-normal: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * 0.32)));--oc-color-theme-line-normal-neutral: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-28))));--oc-color-theme-line-normal-alternative: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-22))));--oc-color-theme-line-solid-strong: var(--oc-color-global-coolNeutral-50);--oc-color-theme-line-solid-normal: var(--oc-color-global-coolNeutral-25);--oc-color-theme-line-solid-neutral: var(--oc-color-global-coolNeutral-23);--oc-color-theme-line-solid-alternative: var(--oc-color-global-coolNeutral-22);--oc-color-theme-fill-normal: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-22))));--oc-color-theme-fill-strong: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-28))));--oc-color-theme-fill-alternative: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-12))));--oc-color-theme-accent-background-red: var(--oc-color-global-red-60);--oc-color-theme-accent-background-orange: var(--oc-color-global-orange-60);--oc-color-theme-accent-background-lime: var(--oc-color-global-lime-60);--oc-color-theme-accent-background-green: var(--oc-color-global-green-60);--oc-color-theme-accent-background-cyan: var(--oc-color-global-cyan-60);--oc-color-theme-accent-background-lightBlue: var(--oc-color-global-lightBlue-60);--oc-color-theme-accent-background-blue: var(--oc-color-global-blue-60);--oc-color-theme-accent-background-violet: var(--oc-color-global-violet-60);--oc-color-theme-accent-background-purple: var(--oc-color-global-purple-60);--oc-color-theme-accent-background-pink: var(--oc-color-global-pink-60);--oc-color-theme-accent-background-redOrange: var(--oc-color-global-redOrange-60);--oc-color-theme-accent-foreground-red: var(--oc-color-global-red-60);--oc-color-theme-accent-foreground-redOrange: var(--oc-color-global-redOrange-60);--oc-color-theme-accent-foreground-orange: var(--oc-color-global-orange-50);--oc-color-theme-accent-foreground-lime: var(--oc-color-global-lime-50);--oc-color-theme-accent-foreground-green: var(--oc-color-global-green-60);--oc-color-theme-accent-foreground-cyan: var(--oc-color-global-cyan-50);--oc-color-theme-accent-foreground-lightBlue: var(--oc-color-global-lightBlue-50);--oc-color-theme-accent-foreground-blue: var(--oc-color-global-blue-65);--oc-color-theme-accent-foreground-violet: var(--oc-color-global-violet-70);--oc-color-theme-accent-foreground-purple: var(--oc-color-global-purple-60);--oc-color-theme-accent-foreground-pink: var(--oc-color-global-pink-60);--oc-color-theme-status-positive: var(--oc-color-theme-accent-background-green);--oc-color-theme-status-cautionary: var(--oc-color-theme-accent-background-orange);--oc-color-theme-status-negative: var(--oc-color-theme-accent-background-red);--oc-color-theme-inverse-primary: var(--oc-color-global-redOrange-50);--oc-color-theme-inverse-background: var(--oc-color-global-common-100);--oc-color-theme-inverse-label: var(--oc-color-global-coolNeutral-10);--oc-color-theme-material-dimmer: color-mix(in srgb, var(--oc-color-global-coolNeutral-10), transparent calc(100% - (100% * var(--oc-color-global-opacity-74))))}}[data-theme=dark]{--oc-color-theme-static-white: var(--oc-color-global-common-100);--oc-color-theme-static-black: var(--oc-color-global-common-0);--oc-color-theme-static-transparent: var(--oc-color-global-common-transparent);--oc-color-theme-primary-normal: var(--oc-color-global-redOrange-60);--oc-color-theme-focus-ring: var(--oc-color-theme-primary-normal);--oc-color-theme-label-strong: var(--oc-color-global-common-100);--oc-color-theme-label-normal: var(--oc-color-global-coolNeutral-99);--oc-color-theme-label-neutral: color-mix(in srgb, var(--oc-color-global-coolNeutral-90), transparent calc(100% - (100% * var(--oc-color-global-opacity-88))));--oc-color-theme-label-alternative: color-mix(in srgb, var(--oc-color-global-coolNeutral-80), transparent calc(100% - (100% * var(--oc-color-global-opacity-61))));--oc-color-theme-label-assistive: color-mix(in srgb, var(--oc-color-global-coolNeutral-80), transparent calc(100% - (100% * var(--oc-color-global-opacity-28))));--oc-color-theme-label-disable: color-mix(in srgb, var(--oc-color-global-coolNeutral-70), transparent calc(100% - (100% * var(--oc-color-global-opacity-16))));--oc-color-theme-background-normal-normal: var(--oc-color-global-coolNeutral-15);--oc-color-theme-background-normal-alternative: var(--oc-color-global-coolNeutral-5);--oc-color-theme-background-elevated-normal: var(--oc-color-global-coolNeutral-17);--oc-color-theme-background-elevated-alternative: var(--oc-color-global-coolNeutral-7);--oc-color-theme-interaction-inactive: var(--oc-color-global-coolNeutral-40);--oc-color-theme-interaction-disable: var(--oc-color-global-coolNeutral-22);--oc-color-theme-line-normal-strong: color-mix(in srgb, var(--oc-color-global-coolNeutral-90), transparent calc(100% - (100% * var(--oc-color-global-opacity-52))));--oc-color-theme-line-normal-normal: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * 0.32)));--oc-color-theme-line-normal-neutral: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-28))));--oc-color-theme-line-normal-alternative: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-22))));--oc-color-theme-line-solid-strong: var(--oc-color-global-coolNeutral-50);--oc-color-theme-line-solid-normal: var(--oc-color-global-coolNeutral-25);--oc-color-theme-line-solid-neutral: var(--oc-color-global-coolNeutral-23);--oc-color-theme-line-solid-alternative: var(--oc-color-global-coolNeutral-22);--oc-color-theme-fill-normal: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-22))));--oc-color-theme-fill-strong: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-28))));--oc-color-theme-fill-alternative: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-12))));--oc-color-theme-accent-background-red: var(--oc-color-global-red-60);--oc-color-theme-accent-background-orange: var(--oc-color-global-orange-60);--oc-color-theme-accent-background-lime: var(--oc-color-global-lime-60);--oc-color-theme-accent-background-green: var(--oc-color-global-green-60);--oc-color-theme-accent-background-cyan: var(--oc-color-global-cyan-60);--oc-color-theme-accent-background-lightBlue: var(--oc-color-global-lightBlue-60);--oc-color-theme-accent-background-blue: var(--oc-color-global-blue-60);--oc-color-theme-accent-background-violet: var(--oc-color-global-violet-60);--oc-color-theme-accent-background-purple: var(--oc-color-global-purple-60);--oc-color-theme-accent-background-pink: var(--oc-color-global-pink-60);--oc-color-theme-accent-background-redOrange: var(--oc-color-global-redOrange-60);--oc-color-theme-accent-foreground-red: var(--oc-color-global-red-60);--oc-color-theme-accent-foreground-redOrange: var(--oc-color-global-redOrange-60);--oc-color-theme-accent-foreground-orange: var(--oc-color-global-orange-50);--oc-color-theme-accent-foreground-lime: var(--oc-color-global-lime-50);--oc-color-theme-accent-foreground-green: var(--oc-color-global-green-60);--oc-color-theme-accent-foreground-cyan: var(--oc-color-global-cyan-50);--oc-color-theme-accent-foreground-lightBlue: var(--oc-color-global-lightBlue-50);--oc-color-theme-accent-foreground-blue: var(--oc-color-global-blue-65);--oc-color-theme-accent-foreground-violet: var(--oc-color-global-violet-70);--oc-color-theme-accent-foreground-purple: var(--oc-color-global-purple-60);--oc-color-theme-accent-foreground-pink: var(--oc-color-global-pink-60);--oc-color-theme-status-positive: var(--oc-color-theme-accent-background-green);--oc-color-theme-status-cautionary: var(--oc-color-theme-accent-background-orange);--oc-color-theme-status-negative: var(--oc-color-theme-accent-background-red);--oc-color-theme-inverse-primary: var(--oc-color-global-redOrange-50);--oc-color-theme-inverse-background: var(--oc-color-global-common-100);--oc-color-theme-inverse-label: var(--oc-color-global-coolNeutral-10);--oc-color-theme-material-dimmer: color-mix(in srgb, var(--oc-color-global-coolNeutral-10), transparent calc(100% - (100% * var(--oc-color-global-opacity-74))))}
+@media(prefers-color-scheme: dark){:root:where(:not([data-theme=light])){color-scheme:dark;--oc-color-theme-static-white: var(--oc-color-global-common-100);--oc-color-theme-static-black: var(--oc-color-global-common-0);--oc-color-theme-static-transparent: var(--oc-color-global-common-transparent);--oc-color-theme-primary-normal: var(--oc-color-global-redOrange-60);--oc-color-theme-focus-ring: var(--oc-color-theme-primary-normal);--oc-color-theme-label-strong: var(--oc-color-global-common-100);--oc-color-theme-label-normal: var(--oc-color-global-coolNeutral-99);--oc-color-theme-label-neutral: color-mix(in srgb, var(--oc-color-global-coolNeutral-90), transparent calc(100% - (100% * var(--oc-color-global-opacity-88))));--oc-color-theme-label-alternative: color-mix(in srgb, var(--oc-color-global-coolNeutral-80), transparent calc(100% - (100% * var(--oc-color-global-opacity-61))));--oc-color-theme-label-assistive: color-mix(in srgb, var(--oc-color-global-coolNeutral-80), transparent calc(100% - (100% * var(--oc-color-global-opacity-28))));--oc-color-theme-label-disable: color-mix(in srgb, var(--oc-color-global-coolNeutral-70), transparent calc(100% - (100% * var(--oc-color-global-opacity-16))));--oc-color-theme-background-normal-normal: var(--oc-color-global-coolNeutral-15);--oc-color-theme-background-normal-alternative: var(--oc-color-global-coolNeutral-5);--oc-color-theme-background-elevated-normal: var(--oc-color-global-coolNeutral-17);--oc-color-theme-background-elevated-alternative: var(--oc-color-global-coolNeutral-7);--oc-color-theme-interaction-inactive: var(--oc-color-global-coolNeutral-40);--oc-color-theme-interaction-disable: var(--oc-color-global-coolNeutral-22);--oc-color-theme-line-normal-strong: color-mix(in srgb, var(--oc-color-global-coolNeutral-90), transparent calc(100% - (100% * var(--oc-color-global-opacity-52))));--oc-color-theme-line-normal-normal: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * 0.32)));--oc-color-theme-line-normal-neutral: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-28))));--oc-color-theme-line-normal-alternative: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-22))));--oc-color-theme-line-solid-strong: var(--oc-color-global-coolNeutral-50);--oc-color-theme-line-solid-normal: var(--oc-color-global-coolNeutral-25);--oc-color-theme-line-solid-neutral: var(--oc-color-global-coolNeutral-23);--oc-color-theme-line-solid-alternative: var(--oc-color-global-coolNeutral-22);--oc-color-theme-fill-normal: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-22))));--oc-color-theme-fill-strong: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-28))));--oc-color-theme-fill-alternative: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-12))));--oc-color-theme-accent-background-red: var(--oc-color-global-red-60);--oc-color-theme-accent-background-orange: var(--oc-color-global-orange-60);--oc-color-theme-accent-background-lime: var(--oc-color-global-lime-60);--oc-color-theme-accent-background-green: var(--oc-color-global-green-60);--oc-color-theme-accent-background-cyan: var(--oc-color-global-cyan-60);--oc-color-theme-accent-background-lightBlue: var(--oc-color-global-lightBlue-60);--oc-color-theme-accent-background-blue: var(--oc-color-global-blue-60);--oc-color-theme-accent-background-violet: var(--oc-color-global-violet-60);--oc-color-theme-accent-background-purple: var(--oc-color-global-purple-60);--oc-color-theme-accent-background-pink: var(--oc-color-global-pink-60);--oc-color-theme-accent-background-redOrange: var(--oc-color-global-redOrange-60);--oc-color-theme-accent-foreground-red: var(--oc-color-global-red-60);--oc-color-theme-accent-foreground-redOrange: var(--oc-color-global-redOrange-60);--oc-color-theme-accent-foreground-orange: var(--oc-color-global-orange-50);--oc-color-theme-accent-foreground-lime: var(--oc-color-global-lime-50);--oc-color-theme-accent-foreground-green: var(--oc-color-global-green-60);--oc-color-theme-accent-foreground-cyan: var(--oc-color-global-cyan-50);--oc-color-theme-accent-foreground-lightBlue: var(--oc-color-global-lightBlue-50);--oc-color-theme-accent-foreground-blue: var(--oc-color-global-blue-65);--oc-color-theme-accent-foreground-violet: var(--oc-color-global-violet-70);--oc-color-theme-accent-foreground-purple: var(--oc-color-global-purple-60);--oc-color-theme-accent-foreground-pink: var(--oc-color-global-pink-60);--oc-color-theme-status-positive: var(--oc-color-theme-accent-background-green);--oc-color-theme-status-cautionary: var(--oc-color-theme-accent-background-orange);--oc-color-theme-status-negative: var(--oc-color-theme-accent-background-red);--oc-color-theme-inverse-primary: var(--oc-color-global-redOrange-50);--oc-color-theme-inverse-background: var(--oc-color-global-common-100);--oc-color-theme-inverse-label: var(--oc-color-global-coolNeutral-10);--oc-color-theme-material-dimmer: color-mix(in srgb, var(--oc-color-global-coolNeutral-10), transparent calc(100% - (100% * var(--oc-color-global-opacity-74))))}}[data-theme=dark]{color-scheme:dark;--oc-color-theme-static-white: var(--oc-color-global-common-100);--oc-color-theme-static-black: var(--oc-color-global-common-0);--oc-color-theme-static-transparent: var(--oc-color-global-common-transparent);--oc-color-theme-primary-normal: var(--oc-color-global-redOrange-60);--oc-color-theme-focus-ring: var(--oc-color-theme-primary-normal);--oc-color-theme-label-strong: var(--oc-color-global-common-100);--oc-color-theme-label-normal: var(--oc-color-global-coolNeutral-99);--oc-color-theme-label-neutral: color-mix(in srgb, var(--oc-color-global-coolNeutral-90), transparent calc(100% - (100% * var(--oc-color-global-opacity-88))));--oc-color-theme-label-alternative: color-mix(in srgb, var(--oc-color-global-coolNeutral-80), transparent calc(100% - (100% * var(--oc-color-global-opacity-61))));--oc-color-theme-label-assistive: color-mix(in srgb, var(--oc-color-global-coolNeutral-80), transparent calc(100% - (100% * var(--oc-color-global-opacity-28))));--oc-color-theme-label-disable: color-mix(in srgb, var(--oc-color-global-coolNeutral-70), transparent calc(100% - (100% * var(--oc-color-global-opacity-16))));--oc-color-theme-background-normal-normal: var(--oc-color-global-coolNeutral-15);--oc-color-theme-background-normal-alternative: var(--oc-color-global-coolNeutral-5);--oc-color-theme-background-elevated-normal: var(--oc-color-global-coolNeutral-17);--oc-color-theme-background-elevated-alternative: var(--oc-color-global-coolNeutral-7);--oc-color-theme-interaction-inactive: var(--oc-color-global-coolNeutral-40);--oc-color-theme-interaction-disable: var(--oc-color-global-coolNeutral-22);--oc-color-theme-line-normal-strong: color-mix(in srgb, var(--oc-color-global-coolNeutral-90), transparent calc(100% - (100% * var(--oc-color-global-opacity-52))));--oc-color-theme-line-normal-normal: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * 0.32)));--oc-color-theme-line-normal-neutral: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-28))));--oc-color-theme-line-normal-alternative: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-22))));--oc-color-theme-line-solid-strong: var(--oc-color-global-coolNeutral-50);--oc-color-theme-line-solid-normal: var(--oc-color-global-coolNeutral-25);--oc-color-theme-line-solid-neutral: var(--oc-color-global-coolNeutral-23);--oc-color-theme-line-solid-alternative: var(--oc-color-global-coolNeutral-22);--oc-color-theme-fill-normal: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-22))));--oc-color-theme-fill-strong: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-28))));--oc-color-theme-fill-alternative: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-12))));--oc-color-theme-accent-background-red: var(--oc-color-global-red-60);--oc-color-theme-accent-background-orange: var(--oc-color-global-orange-60);--oc-color-theme-accent-background-lime: var(--oc-color-global-lime-60);--oc-color-theme-accent-background-green: var(--oc-color-global-green-60);--oc-color-theme-accent-background-cyan: var(--oc-color-global-cyan-60);--oc-color-theme-accent-background-lightBlue: var(--oc-color-global-lightBlue-60);--oc-color-theme-accent-background-blue: var(--oc-color-global-blue-60);--oc-color-theme-accent-background-violet: var(--oc-color-global-violet-60);--oc-color-theme-accent-background-purple: var(--oc-color-global-purple-60);--oc-color-theme-accent-background-pink: var(--oc-color-global-pink-60);--oc-color-theme-accent-background-redOrange: var(--oc-color-global-redOrange-60);--oc-color-theme-accent-foreground-red: var(--oc-color-global-red-60);--oc-color-theme-accent-foreground-redOrange: var(--oc-color-global-redOrange-60);--oc-color-theme-accent-foreground-orange: var(--oc-color-global-orange-50);--oc-color-theme-accent-foreground-lime: var(--oc-color-global-lime-50);--oc-color-theme-accent-foreground-green: var(--oc-color-global-green-60);--oc-color-theme-accent-foreground-cyan: var(--oc-color-global-cyan-50);--oc-color-theme-accent-foreground-lightBlue: var(--oc-color-global-lightBlue-50);--oc-color-theme-accent-foreground-blue: var(--oc-color-global-blue-65);--oc-color-theme-accent-foreground-violet: var(--oc-color-global-violet-70);--oc-color-theme-accent-foreground-purple: var(--oc-color-global-purple-60);--oc-color-theme-accent-foreground-pink: var(--oc-color-global-pink-60);--oc-color-theme-status-positive: var(--oc-color-theme-accent-background-green);--oc-color-theme-status-cautionary: var(--oc-color-theme-accent-background-orange);--oc-color-theme-status-negative: var(--oc-color-theme-accent-background-red);--oc-color-theme-inverse-primary: var(--oc-color-global-redOrange-50);--oc-color-theme-inverse-background: var(--oc-color-global-common-100);--oc-color-theme-inverse-label: var(--oc-color-global-coolNeutral-10);--oc-color-theme-material-dimmer: color-mix(in srgb, var(--oc-color-global-coolNeutral-10), transparent calc(100% - (100% * var(--oc-color-global-opacity-74))))}

package/dist/foundations/color.theme.light.css

@@ -1 +1 @@
-:root{--oc-color-theme-static-white: var(--oc-color-global-common-100);--oc-color-theme-static-black: var(--oc-color-global-common-0);--oc-color-theme-static-transparent: var(--oc-color-global-common-transparent);--oc-color-theme-primary-normal: var(--oc-color-global-redOrange-50);--oc-color-theme-focus-ring: var(--oc-color-theme-primary-normal);--oc-color-theme-label-strong: var(--oc-color-global-common-0);--oc-color-theme-label-normal: var(--oc-color-global-coolNeutral-10);--oc-color-theme-label-neutral: color-mix(in srgb, var(--oc-color-global-coolNeutral-22), transparent calc(100% - (100% * var(--oc-color-global-opacity-88))));--oc-color-theme-label-alternative: color-mix(in srgb, var(--oc-color-global-coolNeutral-25), transparent calc(100% - (100% * var(--oc-color-global-opacity-61))));--oc-color-theme-label-assistive: color-mix(in srgb, var(--oc-color-global-coolNeutral-25), transparent calc(100% - (100% * var(--oc-color-global-opacity-28))));--oc-color-theme-label-disable: color-mix(in srgb, var(--oc-color-global-coolNeutral-25), transparent calc(100% - (100% * var(--oc-color-global-opacity-16))));--oc-color-theme-background-normal-normal: var(--oc-color-global-common-100);--oc-color-theme-background-normal-alternative: var(--oc-color-global-coolNeutral-99);--oc-color-theme-background-elevated-normal: var(--oc-color-global-common-100);--oc-color-theme-background-elevated-alternative: var(--oc-color-global-coolNeutral-99);--oc-color-theme-interaction-inactive: var(--oc-color-global-coolNeutral-70);--oc-color-theme-interaction-disable: var(--oc-color-global-coolNeutral-98);--oc-color-theme-line-normal-strong: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-52))));--oc-color-theme-line-normal-normal: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-22))));--oc-color-theme-line-normal-neutral: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-16))));--oc-color-theme-line-normal-alternative: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-8))));--oc-color-theme-line-solid-strong: var(--oc-color-global-coolNeutral-80);--oc-color-theme-line-solid-normal: var(--oc-color-global-coolNeutral-96);--oc-color-theme-line-solid-neutral: var(--oc-color-global-coolNeutral-97);--oc-color-theme-line-solid-alternative: var(--oc-color-global-coolNeutral-98);--oc-color-theme-fill-normal: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-8))));--oc-color-theme-fill-strong: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-16))));--oc-color-theme-fill-alternative: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-5))));--oc-color-theme-accent-background-red: var(--oc-color-global-red-50);--oc-color-theme-accent-background-orange: var(--oc-color-global-orange-50);--oc-color-theme-accent-background-lime: var(--oc-color-global-lime-50);--oc-color-theme-accent-background-green: var(--oc-color-global-green-50);--oc-color-theme-accent-background-cyan: var(--oc-color-global-cyan-50);--oc-color-theme-accent-background-lightBlue: var(--oc-color-global-lightBlue-50);--oc-color-theme-accent-background-blue: var(--oc-color-global-blue-50);--oc-color-theme-accent-background-violet: var(--oc-color-global-violet-50);--oc-color-theme-accent-background-purple: var(--oc-color-global-purple-50);--oc-color-theme-accent-background-pink: var(--oc-color-global-pink-50);--oc-color-theme-accent-background-redOrange: var(--oc-color-global-redOrange-50);--oc-color-theme-accent-foreground-red: var(--oc-color-global-red-40);--oc-color-theme-accent-foreground-redOrange: var(--oc-color-global-redOrange-48);--oc-color-theme-accent-foreground-orange: var(--oc-color-global-orange-39);--oc-color-theme-accent-foreground-lime: var(--oc-color-global-lime-37);--oc-color-theme-accent-foreground-green: var(--oc-color-global-green-40);--oc-color-theme-accent-foreground-cyan: var(--oc-color-global-cyan-40);--oc-color-theme-accent-foreground-lightBlue: var(--oc-color-global-lightBlue-40);--oc-color-theme-accent-foreground-blue: var(--oc-color-global-blue-45);--oc-color-theme-accent-foreground-violet: var(--oc-color-global-violet-45);--oc-color-theme-accent-foreground-purple: var(--oc-color-global-purple-40);--oc-color-theme-accent-foreground-pink: var(--oc-color-global-pink-46);--oc-color-theme-status-positive: var(--oc-color-theme-accent-background-green);--oc-color-theme-status-cautionary: var(--oc-color-theme-accent-background-orange);--oc-color-theme-status-negative: var(--oc-color-theme-accent-background-red);--oc-color-theme-inverse-primary: var(--oc-color-global-redOrange-60);--oc-color-theme-inverse-background: var(--oc-color-global-coolNeutral-15);--oc-color-theme-inverse-label: var(--oc-color-global-coolNeutral-99);--oc-color-theme-material-dimmer: color-mix(in srgb, var(--oc-color-global-coolNeutral-10), transparent calc(100% - (100% * var(--oc-color-global-opacity-52))))}[data-theme=light]{--oc-color-theme-static-white: var(--oc-color-global-common-100);--oc-color-theme-static-black: var(--oc-color-global-common-0);--oc-color-theme-static-transparent: var(--oc-color-global-common-transparent);--oc-color-theme-primary-normal: var(--oc-color-global-redOrange-50);--oc-color-theme-focus-ring: var(--oc-color-theme-primary-normal);--oc-color-theme-label-strong: var(--oc-color-global-common-0);--oc-color-theme-label-normal: var(--oc-color-global-coolNeutral-10);--oc-color-theme-label-neutral: color-mix(in srgb, var(--oc-color-global-coolNeutral-22), transparent calc(100% - (100% * var(--oc-color-global-opacity-88))));--oc-color-theme-label-alternative: color-mix(in srgb, var(--oc-color-global-coolNeutral-25), transparent calc(100% - (100% * var(--oc-color-global-opacity-61))));--oc-color-theme-label-assistive: color-mix(in srgb, var(--oc-color-global-coolNeutral-25), transparent calc(100% - (100% * var(--oc-color-global-opacity-28))));--oc-color-theme-label-disable: color-mix(in srgb, var(--oc-color-global-coolNeutral-25), transparent calc(100% - (100% * var(--oc-color-global-opacity-16))));--oc-color-theme-background-normal-normal: var(--oc-color-global-common-100);--oc-color-theme-background-normal-alternative: var(--oc-color-global-coolNeutral-99);--oc-color-theme-background-elevated-normal: var(--oc-color-global-common-100);--oc-color-theme-background-elevated-alternative: var(--oc-color-global-coolNeutral-99);--oc-color-theme-interaction-inactive: var(--oc-color-global-coolNeutral-70);--oc-color-theme-interaction-disable: var(--oc-color-global-coolNeutral-98);--oc-color-theme-line-normal-strong: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-52))));--oc-color-theme-line-normal-normal: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-22))));--oc-color-theme-line-normal-neutral: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-16))));--oc-color-theme-line-normal-alternative: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-8))));--oc-color-theme-line-solid-strong: var(--oc-color-global-coolNeutral-80);--oc-color-theme-line-solid-normal: var(--oc-color-global-coolNeutral-96);--oc-color-theme-line-solid-neutral: var(--oc-color-global-coolNeutral-97);--oc-color-theme-line-solid-alternative: var(--oc-color-global-coolNeutral-98);--oc-color-theme-fill-normal: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-8))));--oc-color-theme-fill-strong: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-16))));--oc-color-theme-fill-alternative: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-5))));--oc-color-theme-accent-background-red: var(--oc-color-global-red-50);--oc-color-theme-accent-background-orange: var(--oc-color-global-orange-50);--oc-color-theme-accent-background-lime: var(--oc-color-global-lime-50);--oc-color-theme-accent-background-green: var(--oc-color-global-green-50);--oc-color-theme-accent-background-cyan: var(--oc-color-global-cyan-50);--oc-color-theme-accent-background-lightBlue: var(--oc-color-global-lightBlue-50);--oc-color-theme-accent-background-blue: var(--oc-color-global-blue-50);--oc-color-theme-accent-background-violet: var(--oc-color-global-violet-50);--oc-color-theme-accent-background-purple: var(--oc-color-global-purple-50);--oc-color-theme-accent-background-pink: var(--oc-color-global-pink-50);--oc-color-theme-accent-background-redOrange: var(--oc-color-global-redOrange-50);--oc-color-theme-accent-foreground-red: var(--oc-color-global-red-40);--oc-color-theme-accent-foreground-redOrange: var(--oc-color-global-redOrange-48);--oc-color-theme-accent-foreground-orange: var(--oc-color-global-orange-39);--oc-color-theme-accent-foreground-lime: var(--oc-color-global-lime-37);--oc-color-theme-accent-foreground-green: var(--oc-color-global-green-40);--oc-color-theme-accent-foreground-cyan: var(--oc-color-global-cyan-40);--oc-color-theme-accent-foreground-lightBlue: var(--oc-color-global-lightBlue-40);--oc-color-theme-accent-foreground-blue: var(--oc-color-global-blue-45);--oc-color-theme-accent-foreground-violet: var(--oc-color-global-violet-45);--oc-color-theme-accent-foreground-purple: var(--oc-color-global-purple-40);--oc-color-theme-accent-foreground-pink: var(--oc-color-global-pink-46);--oc-color-theme-status-positive: var(--oc-color-theme-accent-background-green);--oc-color-theme-status-cautionary: var(--oc-color-theme-accent-background-orange);--oc-color-theme-status-negative: var(--oc-color-theme-accent-background-red);--oc-color-theme-inverse-primary: var(--oc-color-global-redOrange-60);--oc-color-theme-inverse-background: var(--oc-color-global-coolNeutral-15);--oc-color-theme-inverse-label: var(--oc-color-global-coolNeutral-99);--oc-color-theme-material-dimmer: color-mix(in srgb, var(--oc-color-global-coolNeutral-10), transparent calc(100% - (100% * var(--oc-color-global-opacity-52))))}
+:root{color-scheme:light;--oc-color-theme-static-white: var(--oc-color-global-common-100);--oc-color-theme-static-black: var(--oc-color-global-common-0);--oc-color-theme-static-transparent: var(--oc-color-global-common-transparent);--oc-color-theme-primary-normal: var(--oc-color-global-redOrange-50);--oc-color-theme-focus-ring: var(--oc-color-theme-primary-normal);--oc-color-theme-label-strong: var(--oc-color-global-common-0);--oc-color-theme-label-normal: var(--oc-color-global-coolNeutral-10);--oc-color-theme-label-neutral: color-mix(in srgb, var(--oc-color-global-coolNeutral-22), transparent calc(100% - (100% * var(--oc-color-global-opacity-88))));--oc-color-theme-label-alternative: color-mix(in srgb, var(--oc-color-global-coolNeutral-25), transparent calc(100% - (100% * var(--oc-color-global-opacity-61))));--oc-color-theme-label-assistive: color-mix(in srgb, var(--oc-color-global-coolNeutral-25), transparent calc(100% - (100% * var(--oc-color-global-opacity-28))));--oc-color-theme-label-disable: color-mix(in srgb, var(--oc-color-global-coolNeutral-25), transparent calc(100% - (100% * var(--oc-color-global-opacity-16))));--oc-color-theme-background-normal-normal: var(--oc-color-global-common-100);--oc-color-theme-background-normal-alternative: var(--oc-color-global-coolNeutral-99);--oc-color-theme-background-elevated-normal: var(--oc-color-global-common-100);--oc-color-theme-background-elevated-alternative: var(--oc-color-global-coolNeutral-99);--oc-color-theme-interaction-inactive: var(--oc-color-global-coolNeutral-70);--oc-color-theme-interaction-disable: var(--oc-color-global-coolNeutral-98);--oc-color-theme-line-normal-strong: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-52))));--oc-color-theme-line-normal-normal: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-22))));--oc-color-theme-line-normal-neutral: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-16))));--oc-color-theme-line-normal-alternative: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-8))));--oc-color-theme-line-solid-strong: var(--oc-color-global-coolNeutral-80);--oc-color-theme-line-solid-normal: var(--oc-color-global-coolNeutral-96);--oc-color-theme-line-solid-neutral: var(--oc-color-global-coolNeutral-97);--oc-color-theme-line-solid-alternative: var(--oc-color-global-coolNeutral-98);--oc-color-theme-fill-normal: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-8))));--oc-color-theme-fill-strong: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-16))));--oc-color-theme-fill-alternative: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-5))));--oc-color-theme-accent-background-red: var(--oc-color-global-red-50);--oc-color-theme-accent-background-orange: var(--oc-color-global-orange-50);--oc-color-theme-accent-background-lime: var(--oc-color-global-lime-50);--oc-color-theme-accent-background-green: var(--oc-color-global-green-50);--oc-color-theme-accent-background-cyan: var(--oc-color-global-cyan-50);--oc-color-theme-accent-background-lightBlue: var(--oc-color-global-lightBlue-50);--oc-color-theme-accent-background-blue: var(--oc-color-global-blue-50);--oc-color-theme-accent-background-violet: var(--oc-color-global-violet-50);--oc-color-theme-accent-background-purple: var(--oc-color-global-purple-50);--oc-color-theme-accent-background-pink: var(--oc-color-global-pink-50);--oc-color-theme-accent-background-redOrange: var(--oc-color-global-redOrange-50);--oc-color-theme-accent-foreground-red: var(--oc-color-global-red-40);--oc-color-theme-accent-foreground-redOrange: var(--oc-color-global-redOrange-48);--oc-color-theme-accent-foreground-orange: var(--oc-color-global-orange-39);--oc-color-theme-accent-foreground-lime: var(--oc-color-global-lime-37);--oc-color-theme-accent-foreground-green: var(--oc-color-global-green-40);--oc-color-theme-accent-foreground-cyan: var(--oc-color-global-cyan-40);--oc-color-theme-accent-foreground-lightBlue: var(--oc-color-global-lightBlue-40);--oc-color-theme-accent-foreground-blue: var(--oc-color-global-blue-45);--oc-color-theme-accent-foreground-violet: var(--oc-color-global-violet-45);--oc-color-theme-accent-foreground-purple: var(--oc-color-global-purple-40);--oc-color-theme-accent-foreground-pink: var(--oc-color-global-pink-46);--oc-color-theme-status-positive: var(--oc-color-theme-accent-background-green);--oc-color-theme-status-cautionary: var(--oc-color-theme-accent-background-orange);--oc-color-theme-status-negative: var(--oc-color-theme-accent-background-red);--oc-color-theme-inverse-primary: var(--oc-color-global-redOrange-60);--oc-color-theme-inverse-background: var(--oc-color-global-coolNeutral-15);--oc-color-theme-inverse-label: var(--oc-color-global-coolNeutral-99);--oc-color-theme-material-dimmer: color-mix(in srgb, var(--oc-color-global-coolNeutral-10), transparent calc(100% - (100% * var(--oc-color-global-opacity-52))))}[data-theme=light]{color-scheme:light;--oc-color-theme-static-white: var(--oc-color-global-common-100);--oc-color-theme-static-black: var(--oc-color-global-common-0);--oc-color-theme-static-transparent: var(--oc-color-global-common-transparent);--oc-color-theme-primary-normal: var(--oc-color-global-redOrange-50);--oc-color-theme-focus-ring: var(--oc-color-theme-primary-normal);--oc-color-theme-label-strong: var(--oc-color-global-common-0);--oc-color-theme-label-normal: var(--oc-color-global-coolNeutral-10);--oc-color-theme-label-neutral: color-mix(in srgb, var(--oc-color-global-coolNeutral-22), transparent calc(100% - (100% * var(--oc-color-global-opacity-88))));--oc-color-theme-label-alternative: color-mix(in srgb, var(--oc-color-global-coolNeutral-25), transparent calc(100% - (100% * var(--oc-color-global-opacity-61))));--oc-color-theme-label-assistive: color-mix(in srgb, var(--oc-color-global-coolNeutral-25), transparent calc(100% - (100% * var(--oc-color-global-opacity-28))));--oc-color-theme-label-disable: color-mix(in srgb, var(--oc-color-global-coolNeutral-25), transparent calc(100% - (100% * var(--oc-color-global-opacity-16))));--oc-color-theme-background-normal-normal: var(--oc-color-global-common-100);--oc-color-theme-background-normal-alternative: var(--oc-color-global-coolNeutral-99);--oc-color-theme-background-elevated-normal: var(--oc-color-global-common-100);--oc-color-theme-background-elevated-alternative: var(--oc-color-global-coolNeutral-99);--oc-color-theme-interaction-inactive: var(--oc-color-global-coolNeutral-70);--oc-color-theme-interaction-disable: var(--oc-color-global-coolNeutral-98);--oc-color-theme-line-normal-strong: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-52))));--oc-color-theme-line-normal-normal: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-22))));--oc-color-theme-line-normal-neutral: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-16))));--oc-color-theme-line-normal-alternative: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-8))));--oc-color-theme-line-solid-strong: var(--oc-color-global-coolNeutral-80);--oc-color-theme-line-solid-normal: var(--oc-color-global-coolNeutral-96);--oc-color-theme-line-solid-neutral: var(--oc-color-global-coolNeutral-97);--oc-color-theme-line-solid-alternative: var(--oc-color-global-coolNeutral-98);--oc-color-theme-fill-normal: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-8))));--oc-color-theme-fill-strong: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-16))));--oc-color-theme-fill-alternative: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-5))));--oc-color-theme-accent-background-red: var(--oc-color-global-red-50);--oc-color-theme-accent-background-orange: var(--oc-color-global-orange-50);--oc-color-theme-accent-background-lime: var(--oc-color-global-lime-50);--oc-color-theme-accent-background-green: var(--oc-color-global-green-50);--oc-color-theme-accent-background-cyan: var(--oc-color-global-cyan-50);--oc-color-theme-accent-background-lightBlue: var(--oc-color-global-lightBlue-50);--oc-color-theme-accent-background-blue: var(--oc-color-global-blue-50);--oc-color-theme-accent-background-violet: var(--oc-color-global-violet-50);--oc-color-theme-accent-background-purple: var(--oc-color-global-purple-50);--oc-color-theme-accent-background-pink: var(--oc-color-global-pink-50);--oc-color-theme-accent-background-redOrange: var(--oc-color-global-redOrange-50);--oc-color-theme-accent-foreground-red: var(--oc-color-global-red-40);--oc-color-theme-accent-foreground-redOrange: var(--oc-color-global-redOrange-48);--oc-color-theme-accent-foreground-orange: var(--oc-color-global-orange-39);--oc-color-theme-accent-foreground-lime: var(--oc-color-global-lime-37);--oc-color-theme-accent-foreground-green: var(--oc-color-global-green-40);--oc-color-theme-accent-foreground-cyan: var(--oc-color-global-cyan-40);--oc-color-theme-accent-foreground-lightBlue: var(--oc-color-global-lightBlue-40);--oc-color-theme-accent-foreground-blue: var(--oc-color-global-blue-45);--oc-color-theme-accent-foreground-violet: var(--oc-color-global-violet-45);--oc-color-theme-accent-foreground-purple: var(--oc-color-global-purple-40);--oc-color-theme-accent-foreground-pink: var(--oc-color-global-pink-46);--oc-color-theme-status-positive: var(--oc-color-theme-accent-background-green);--oc-color-theme-status-cautionary: var(--oc-color-theme-accent-background-orange);--oc-color-theme-status-negative: var(--oc-color-theme-accent-background-red);--oc-color-theme-inverse-primary: var(--oc-color-global-redOrange-60);--oc-color-theme-inverse-background: var(--oc-color-global-coolNeutral-15);--oc-color-theme-inverse-label: var(--oc-color-global-coolNeutral-99);--oc-color-theme-material-dimmer: color-mix(in srgb, var(--oc-color-global-coolNeutral-10), transparent calc(100% - (100% * var(--oc-color-global-opacity-52))))}

package/dist/foundations.css

@@ -1,6 +1,6 @@
 @layer oc-tokens, oc-reset;@layer oc-tokens{:root{--oc-color-global-common-100: white;--oc-color-global-common-0: black;--oc-color-global-common-transparent: transparent;--oc-color-global-neutral-100: var(--oc-color-global-common-100);--oc-color-global-neutral-99: #f7f7f7;--oc-color-global-neutral-95: #dcdcdc;--oc-color-global-neutral-90: #c4c4c4;--oc-color-global-neutral-80: #b0b0b0;--oc-color-global-neutral-70: #9b9b9b;--oc-color-global-neutral-60: #8a8a8a;--oc-color-global-neutral-50: #737373;--oc-color-global-neutral-40: #5c5c5c;--oc-color-global-neutral-30: #474747;--oc-color-global-neutral-22: #303030;--oc-color-global-neutral-20: #2a2a2a;--oc-color-global-neutral-15: #1c1c1c;--oc-color-global-neutral-10: #171717;--oc-color-global-neutral-5: #0f0f0f;--oc-color-global-neutral-0: var(--oc-color-global-common-0);--oc-color-global-coolNeutral-100: var(--oc-color-global-common-100);--oc-color-global-coolNeutral-99: #f7f7f8;--oc-color-global-coolNeutral-98: #f4f4f5;--oc-color-global-coolNeutral-97: #eaebec;--oc-color-global-coolNeutral-96: #e1e2e4;--oc-color-global-coolNeutral-95: #dbdcdf;--oc-color-global-coolNeutral-90: #c2c4c8;--oc-color-global-coolNeutral-80: #aeb0b6;--oc-color-global-coolNeutral-70: #989ba2;--oc-color-global-coolNeutral-60: #878a93;--oc-color-global-coolNeutral-50: #70737c;--oc-color-global-coolNeutral-40: #5a5c63;--oc-color-global-coolNeutral-30: #46474c;--oc-color-global-coolNeutral-25: #37383c;--oc-color-global-coolNeutral-23: #333438;--oc-color-global-coolNeutral-22: #2e2f33;--oc-color-global-coolNeutral-20: #292a2d;--oc-color-global-coolNeutral-17: #212225;--oc-color-global-coolNeutral-15: #1b1c1e;--oc-color-global-coolNeutral-10: #171719;--oc-color-global-coolNeutral-7: #141415;--oc-color-global-coolNeutral-5: #0f0f10;--oc-color-global-coolNeutral-0: var(--oc-color-global-common-0);--oc-color-global-red-100: var(--oc-color-global-common-100);--oc-color-global-red-99: #fffafa;--oc-color-global-red-95: #feecec;--oc-color-global-red-90: #fed5d5;--oc-color-global-red-80: #ffb5b5;--oc-color-global-red-70: #ff8c8c;--oc-color-global-red-60: #ff6363;--oc-color-global-red-50: #ff4242;--oc-color-global-red-40: #e52222;--oc-color-global-red-30: #b20c0c;--oc-color-global-red-20: #750404;--oc-color-global-red-10: #3b0101;--oc-color-global-red-0: var(--oc-color-global-common-0);--oc-color-global-green-100: var(--oc-color-global-common-100);--oc-color-global-green-99: #f2fff6;--oc-color-global-green-95: #d9ffe6;--oc-color-global-green-90: #acfcc7;--oc-color-global-green-80: #7df5a5;--oc-color-global-green-70: #49e57d;--oc-color-global-green-60: #1ed45a;--oc-color-global-green-50: #00bf40;--oc-color-global-green-40: #009632;--oc-color-global-green-30: #006e25;--oc-color-global-green-20: #004517;--oc-color-global-green-10: #00240c;--oc-color-global-green-0: var(--oc-color-global-common-0);--oc-color-global-orange-100: var(--oc-color-global-common-100);--oc-color-global-orange-99: #fffcf7;--oc-color-global-orange-95: #fef4e6;--oc-color-global-orange-90: #fee6c6;--oc-color-global-orange-80: #ffd49c;--oc-color-global-orange-70: #ffc06e;--oc-color-global-orange-60: #ffa938;--oc-color-global-orange-50: #ff9200;--oc-color-global-orange-40: #d47800;--oc-color-global-orange-39: #d17600;--oc-color-global-orange-30: #9c5800;--oc-color-global-orange-20: #663a00;--oc-color-global-orange-10: #361e00;--oc-color-global-orange-0: var(--oc-color-global-common-0);--oc-color-global-blue-100: var(--oc-color-global-common-100);--oc-color-global-blue-99: #f7fbff;--oc-color-global-blue-95: #eaf2fe;--oc-color-global-blue-90: #c9defe;--oc-color-global-blue-80: #9ec5ff;--oc-color-global-blue-70: #69a5ff;--oc-color-global-blue-65: #4f95ff;--oc-color-global-blue-60: #3385ff;--oc-color-global-blue-55: #1a75ff;--oc-color-global-blue-50: #0066ff;--oc-color-global-blue-45: #005eeb;--oc-color-global-blue-40: #0054d1;--oc-color-global-blue-30: #003e9c;--oc-color-global-blue-20: #002966;--oc-color-global-blue-10: #001536;--oc-color-global-blue-0: var(--oc-color-global-common-0);--oc-color-global-redOrange-100: var(--oc-color-global-common-100);--oc-color-global-redOrange-99: #fffaf7;--oc-color-global-redOrange-95: #feeee5;--oc-color-global-redOrange-90: #fed9c4;--oc-color-global-redOrange-80: #ffbd96;--oc-color-global-redOrange-70: #ff9b61;--oc-color-global-redOrange-60: #ff7b2e;--oc-color-global-redOrange-50: #ff5e00;--oc-color-global-redOrange-48: #f55a00;--oc-color-global-redOrange-40: #c94a00;--oc-color-global-redOrange-30: #913500;--oc-color-global-redOrange-20: #592100;--oc-color-global-redOrange-10: #290f00;--oc-color-global-redOrange-0: var(--oc-color-global-common-0);--oc-color-global-lime-100: var(--oc-color-global-common-100);--oc-color-global-lime-99: #f8fff2;--oc-color-global-lime-95: #e6ffd4;--oc-color-global-lime-90: #ccfca9;--oc-color-global-lime-80: #aef779;--oc-color-global-lime-70: #88f03e;--oc-color-global-lime-60: #6be016;--oc-color-global-lime-50: #58cf04;--oc-color-global-lime-40: #48ad00;--oc-color-global-lime-37: #429e00;--oc-color-global-lime-30: #347d00;--oc-color-global-lime-20: #225200;--oc-color-global-lime-10: #112900;--oc-color-global-lime-0: var(--oc-color-global-common-0);--oc-color-global-cyan-100: var(--oc-color-global-common-100);--oc-color-global-cyan-99: #f7feff;--oc-color-global-cyan-95: #defaff;--oc-color-global-cyan-90: #b5f4ff;--oc-color-global-cyan-80: #8aedff;--oc-color-global-cyan-70: #57dff7;--oc-color-global-cyan-60: #28d0ed;--oc-color-global-cyan-50: #00bdde;--oc-color-global-cyan-40: #0098b2;--oc-color-global-cyan-30: #006f82;--oc-color-global-cyan-20: #004854;--oc-color-global-cyan-10: #00252b;--oc-color-global-cyan-0: var(--oc-color-global-common-0);--oc-color-global-lightBlue-100: var(--oc-color-global-common-100);--oc-color-global-lightBlue-99: #f7fdff;--oc-color-global-lightBlue-95: #e5f6fe;--oc-color-global-lightBlue-90: #c4ecfe;--oc-color-global-lightBlue-80: #a1e1ff;--oc-color-global-lightBlue-70: #70d2ff;--oc-color-global-lightBlue-60: #3dc2ff;--oc-color-global-lightBlue-50: #00aeff;--oc-color-global-lightBlue-40: #008dcf;--oc-color-global-lightBlue-30: #006796;--oc-color-global-lightBlue-20: #004261;--oc-color-global-lightBlue-10: #002130;--oc-color-global-lightBlue-0: var(--oc-color-global-common-0);--oc-color-global-violet-100: var(--oc-color-global-common-100);--oc-color-global-violet-99: #fbfaff;--oc-color-global-violet-95: #f0ecfe;--oc-color-global-violet-90: #dbd3fe;--oc-color-global-violet-80: #c0b0ff;--oc-color-global-violet-70: #9e86fc;--oc-color-global-violet-60: #7d5ef7;--oc-color-global-violet-50: #6541f2;--oc-color-global-violet-45: #5b37ed;--oc-color-global-violet-40: #4f29e5;--oc-color-global-violet-30: #3a16c9;--oc-color-global-violet-20: #23098f;--oc-color-global-violet-10: #11024d;--oc-color-global-violet-0: var(--oc-color-global-common-0);--oc-color-global-purple-100: var(--oc-color-global-common-100);--oc-color-global-purple-99: #fefbff;--oc-color-global-purple-95: #f9edff;--oc-color-global-purple-90: #f2d6ff;--oc-color-global-purple-80: #e9baff;--oc-color-global-purple-70: #de96ff;--oc-color-global-purple-60: #d478ff;--oc-color-global-purple-50: #cb59ff;--oc-color-global-purple-40: #ad36e3;--oc-color-global-purple-30: #861cb8;--oc-color-global-purple-20: #580a7d;--oc-color-global-purple-10: #290247;--oc-color-global-purple-0: var(--oc-color-global-common-0);--oc-color-global-pink-100: var(--oc-color-global-common-100);--oc-color-global-pink-99: #fffafe;--oc-color-global-pink-95: #feecfb;--oc-color-global-pink-90: #fed3f7;--oc-color-global-pink-80: #ffb8f3;--oc-color-global-pink-70: #ff94ed;--oc-color-global-pink-60: #fa73e3;--oc-color-global-pink-50: #f553da;--oc-color-global-pink-46: #e846cd;--oc-color-global-pink-40: #d331b8;--oc-color-global-pink-30: #a81690;--oc-color-global-pink-20: #730560;--oc-color-global-pink-10: #3d0133;--oc-color-global-pink-0: var(--oc-color-global-common-0);--oc-color-global-opacity-0: 0;--oc-color-global-opacity-5: 0.05;--oc-color-global-opacity-8: 0.08;--oc-color-global-opacity-12: 0.12;--oc-color-global-opacity-16: 0.16;--oc-color-global-opacity-22: 0.22;--oc-color-global-opacity-28: 0.28;--oc-color-global-opacity-35: 0.35;--oc-color-global-opacity-43: 0.43;--oc-color-global-opacity-52: 0.52;--oc-color-global-opacity-61: 0.61;--oc-color-global-opacity-74: 0.74;--oc-color-global-opacity-88: 0.88;--oc-color-global-opacity-97: 0.97;--oc-color-global-opacity-100: 1}
-:root{--oc-color-theme-static-white: var(--oc-color-global-common-100);--oc-color-theme-static-black: var(--oc-color-global-common-0);--oc-color-theme-static-transparent: var(--oc-color-global-common-transparent);--oc-color-theme-primary-normal: var(--oc-color-global-redOrange-50);--oc-color-theme-focus-ring: var(--oc-color-theme-primary-normal);--oc-color-theme-label-strong: var(--oc-color-global-common-0);--oc-color-theme-label-normal: var(--oc-color-global-coolNeutral-10);--oc-color-theme-label-neutral: color-mix(in srgb, var(--oc-color-global-coolNeutral-22), transparent calc(100% - (100% * var(--oc-color-global-opacity-88))));--oc-color-theme-label-alternative: color-mix(in srgb, var(--oc-color-global-coolNeutral-25), transparent calc(100% - (100% * var(--oc-color-global-opacity-61))));--oc-color-theme-label-assistive: color-mix(in srgb, var(--oc-color-global-coolNeutral-25), transparent calc(100% - (100% * var(--oc-color-global-opacity-28))));--oc-color-theme-label-disable: color-mix(in srgb, var(--oc-color-global-coolNeutral-25), transparent calc(100% - (100% * var(--oc-color-global-opacity-16))));--oc-color-theme-background-normal-normal: var(--oc-color-global-common-100);--oc-color-theme-background-normal-alternative: var(--oc-color-global-coolNeutral-99);--oc-color-theme-background-elevated-normal: var(--oc-color-global-common-100);--oc-color-theme-background-elevated-alternative: var(--oc-color-global-coolNeutral-99);--oc-color-theme-interaction-inactive: var(--oc-color-global-coolNeutral-70);--oc-color-theme-interaction-disable: var(--oc-color-global-coolNeutral-98);--oc-color-theme-line-normal-strong: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-52))));--oc-color-theme-line-normal-normal: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-22))));--oc-color-theme-line-normal-neutral: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-16))));--oc-color-theme-line-normal-alternative: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-8))));--oc-color-theme-line-solid-strong: var(--oc-color-global-coolNeutral-80);--oc-color-theme-line-solid-normal: var(--oc-color-global-coolNeutral-96);--oc-color-theme-line-solid-neutral: var(--oc-color-global-coolNeutral-97);--oc-color-theme-line-solid-alternative: var(--oc-color-global-coolNeutral-98);--oc-color-theme-fill-normal: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-8))));--oc-color-theme-fill-strong: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-16))));--oc-color-theme-fill-alternative: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-5))));--oc-color-theme-accent-background-red: var(--oc-color-global-red-50);--oc-color-theme-accent-background-orange: var(--oc-color-global-orange-50);--oc-color-theme-accent-background-lime: var(--oc-color-global-lime-50);--oc-color-theme-accent-background-green: var(--oc-color-global-green-50);--oc-color-theme-accent-background-cyan: var(--oc-color-global-cyan-50);--oc-color-theme-accent-background-lightBlue: var(--oc-color-global-lightBlue-50);--oc-color-theme-accent-background-blue: var(--oc-color-global-blue-50);--oc-color-theme-accent-background-violet: var(--oc-color-global-violet-50);--oc-color-theme-accent-background-purple: var(--oc-color-global-purple-50);--oc-color-theme-accent-background-pink: var(--oc-color-global-pink-50);--oc-color-theme-accent-background-redOrange: var(--oc-color-global-redOrange-50);--oc-color-theme-accent-foreground-red: var(--oc-color-global-red-40);--oc-color-theme-accent-foreground-redOrange: var(--oc-color-global-redOrange-48);--oc-color-theme-accent-foreground-orange: var(--oc-color-global-orange-39);--oc-color-theme-accent-foreground-lime: var(--oc-color-global-lime-37);--oc-color-theme-accent-foreground-green: var(--oc-color-global-green-40);--oc-color-theme-accent-foreground-cyan: var(--oc-color-global-cyan-40);--oc-color-theme-accent-foreground-lightBlue: var(--oc-color-global-lightBlue-40);--oc-color-theme-accent-foreground-blue: var(--oc-color-global-blue-45);--oc-color-theme-accent-foreground-violet: var(--oc-color-global-violet-45);--oc-color-theme-accent-foreground-purple: var(--oc-color-global-purple-40);--oc-color-theme-accent-foreground-pink: var(--oc-color-global-pink-46);--oc-color-theme-status-positive: var(--oc-color-theme-accent-background-green);--oc-color-theme-status-cautionary: var(--oc-color-theme-accent-background-orange);--oc-color-theme-status-negative: var(--oc-color-theme-accent-background-red);--oc-color-theme-inverse-primary: var(--oc-color-global-redOrange-60);--oc-color-theme-inverse-background: var(--oc-color-global-coolNeutral-15);--oc-color-theme-inverse-label: var(--oc-color-global-coolNeutral-99);--oc-color-theme-material-dimmer: color-mix(in srgb, var(--oc-color-global-coolNeutral-10), transparent calc(100% - (100% * var(--oc-color-global-opacity-52))))}[data-theme=light]{--oc-color-theme-static-white: var(--oc-color-global-common-100);--oc-color-theme-static-black: var(--oc-color-global-common-0);--oc-color-theme-static-transparent: var(--oc-color-global-common-transparent);--oc-color-theme-primary-normal: var(--oc-color-global-redOrange-50);--oc-color-theme-focus-ring: var(--oc-color-theme-primary-normal);--oc-color-theme-label-strong: var(--oc-color-global-common-0);--oc-color-theme-label-normal: var(--oc-color-global-coolNeutral-10);--oc-color-theme-label-neutral: color-mix(in srgb, var(--oc-color-global-coolNeutral-22), transparent calc(100% - (100% * var(--oc-color-global-opacity-88))));--oc-color-theme-label-alternative: color-mix(in srgb, var(--oc-color-global-coolNeutral-25), transparent calc(100% - (100% * var(--oc-color-global-opacity-61))));--oc-color-theme-label-assistive: color-mix(in srgb, var(--oc-color-global-coolNeutral-25), transparent calc(100% - (100% * var(--oc-color-global-opacity-28))));--oc-color-theme-label-disable: color-mix(in srgb, var(--oc-color-global-coolNeutral-25), transparent calc(100% - (100% * var(--oc-color-global-opacity-16))));--oc-color-theme-background-normal-normal: var(--oc-color-global-common-100);--oc-color-theme-background-normal-alternative: var(--oc-color-global-coolNeutral-99);--oc-color-theme-background-elevated-normal: var(--oc-color-global-common-100);--oc-color-theme-background-elevated-alternative: var(--oc-color-global-coolNeutral-99);--oc-color-theme-interaction-inactive: var(--oc-color-global-coolNeutral-70);--oc-color-theme-interaction-disable: var(--oc-color-global-coolNeutral-98);--oc-color-theme-line-normal-strong: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-52))));--oc-color-theme-line-normal-normal: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-22))));--oc-color-theme-line-normal-neutral: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-16))));--oc-color-theme-line-normal-alternative: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-8))));--oc-color-theme-line-solid-strong: var(--oc-color-global-coolNeutral-80);--oc-color-theme-line-solid-normal: var(--oc-color-global-coolNeutral-96);--oc-color-theme-line-solid-neutral: var(--oc-color-global-coolNeutral-97);--oc-color-theme-line-solid-alternative: var(--oc-color-global-coolNeutral-98);--oc-color-theme-fill-normal: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-8))));--oc-color-theme-fill-strong: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-16))));--oc-color-theme-fill-alternative: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-5))));--oc-color-theme-accent-background-red: var(--oc-color-global-red-50);--oc-color-theme-accent-background-orange: var(--oc-color-global-orange-50);--oc-color-theme-accent-background-lime: var(--oc-color-global-lime-50);--oc-color-theme-accent-background-green: var(--oc-color-global-green-50);--oc-color-theme-accent-background-cyan: var(--oc-color-global-cyan-50);--oc-color-theme-accent-background-lightBlue: var(--oc-color-global-lightBlue-50);--oc-color-theme-accent-background-blue: var(--oc-color-global-blue-50);--oc-color-theme-accent-background-violet: var(--oc-color-global-violet-50);--oc-color-theme-accent-background-purple: var(--oc-color-global-purple-50);--oc-color-theme-accent-background-pink: var(--oc-color-global-pink-50);--oc-color-theme-accent-background-redOrange: var(--oc-color-global-redOrange-50);--oc-color-theme-accent-foreground-red: var(--oc-color-global-red-40);--oc-color-theme-accent-foreground-redOrange: var(--oc-color-global-redOrange-48);--oc-color-theme-accent-foreground-orange: var(--oc-color-global-orange-39);--oc-color-theme-accent-foreground-lime: var(--oc-color-global-lime-37);--oc-color-theme-accent-foreground-green: var(--oc-color-global-green-40);--oc-color-theme-accent-foreground-cyan: var(--oc-color-global-cyan-40);--oc-color-theme-accent-foreground-lightBlue: var(--oc-color-global-lightBlue-40);--oc-color-theme-accent-foreground-blue: var(--oc-color-global-blue-45);--oc-color-theme-accent-foreground-violet: var(--oc-color-global-violet-45);--oc-color-theme-accent-foreground-purple: var(--oc-color-global-purple-40);--oc-color-theme-accent-foreground-pink: var(--oc-color-global-pink-46);--oc-color-theme-status-positive: var(--oc-color-theme-accent-background-green);--oc-color-theme-status-cautionary: var(--oc-color-theme-accent-background-orange);--oc-color-theme-status-negative: var(--oc-color-theme-accent-background-red);--oc-color-theme-inverse-primary: var(--oc-color-global-redOrange-60);--oc-color-theme-inverse-background: var(--oc-color-global-coolNeutral-15);--oc-color-theme-inverse-label: var(--oc-color-global-coolNeutral-99);--oc-color-theme-material-dimmer: color-mix(in srgb, var(--oc-color-global-coolNeutral-10), transparent calc(100% - (100% * var(--oc-color-global-opacity-52))))}
-@media(prefers-color-scheme: dark){:root{--oc-color-theme-static-white: var(--oc-color-global-common-100);--oc-color-theme-static-black: var(--oc-color-global-common-0);--oc-color-theme-static-transparent: var(--oc-color-global-common-transparent);--oc-color-theme-primary-normal: var(--oc-color-global-redOrange-60);--oc-color-theme-focus-ring: var(--oc-color-theme-primary-normal);--oc-color-theme-label-strong: var(--oc-color-global-common-100);--oc-color-theme-label-normal: var(--oc-color-global-coolNeutral-99);--oc-color-theme-label-neutral: color-mix(in srgb, var(--oc-color-global-coolNeutral-90), transparent calc(100% - (100% * var(--oc-color-global-opacity-88))));--oc-color-theme-label-alternative: color-mix(in srgb, var(--oc-color-global-coolNeutral-80), transparent calc(100% - (100% * var(--oc-color-global-opacity-61))));--oc-color-theme-label-assistive: color-mix(in srgb, var(--oc-color-global-coolNeutral-80), transparent calc(100% - (100% * var(--oc-color-global-opacity-28))));--oc-color-theme-label-disable: color-mix(in srgb, var(--oc-color-global-coolNeutral-70), transparent calc(100% - (100% * var(--oc-color-global-opacity-16))));--oc-color-theme-background-normal-normal: var(--oc-color-global-coolNeutral-15);--oc-color-theme-background-normal-alternative: var(--oc-color-global-coolNeutral-5);--oc-color-theme-background-elevated-normal: var(--oc-color-global-coolNeutral-17);--oc-color-theme-background-elevated-alternative: var(--oc-color-global-coolNeutral-7);--oc-color-theme-interaction-inactive: var(--oc-color-global-coolNeutral-40);--oc-color-theme-interaction-disable: var(--oc-color-global-coolNeutral-22);--oc-color-theme-line-normal-strong: color-mix(in srgb, var(--oc-color-global-coolNeutral-90), transparent calc(100% - (100% * var(--oc-color-global-opacity-52))));--oc-color-theme-line-normal-normal: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * 0.32)));--oc-color-theme-line-normal-neutral: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-28))));--oc-color-theme-line-normal-alternative: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-22))));--oc-color-theme-line-solid-strong: var(--oc-color-global-coolNeutral-50);--oc-color-theme-line-solid-normal: var(--oc-color-global-coolNeutral-25);--oc-color-theme-line-solid-neutral: var(--oc-color-global-coolNeutral-23);--oc-color-theme-line-solid-alternative: var(--oc-color-global-coolNeutral-22);--oc-color-theme-fill-normal: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-22))));--oc-color-theme-fill-strong: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-28))));--oc-color-theme-fill-alternative: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-12))));--oc-color-theme-accent-background-red: var(--oc-color-global-red-60);--oc-color-theme-accent-background-orange: var(--oc-color-global-orange-60);--oc-color-theme-accent-background-lime: var(--oc-color-global-lime-60);--oc-color-theme-accent-background-green: var(--oc-color-global-green-60);--oc-color-theme-accent-background-cyan: var(--oc-color-global-cyan-60);--oc-color-theme-accent-background-lightBlue: var(--oc-color-global-lightBlue-60);--oc-color-theme-accent-background-blue: var(--oc-color-global-blue-60);--oc-color-theme-accent-background-violet: var(--oc-color-global-violet-60);--oc-color-theme-accent-background-purple: var(--oc-color-global-purple-60);--oc-color-theme-accent-background-pink: var(--oc-color-global-pink-60);--oc-color-theme-accent-background-redOrange: var(--oc-color-global-redOrange-60);--oc-color-theme-accent-foreground-red: var(--oc-color-global-red-60);--oc-color-theme-accent-foreground-redOrange: var(--oc-color-global-redOrange-60);--oc-color-theme-accent-foreground-orange: var(--oc-color-global-orange-50);--oc-color-theme-accent-foreground-lime: var(--oc-color-global-lime-50);--oc-color-theme-accent-foreground-green: var(--oc-color-global-green-60);--oc-color-theme-accent-foreground-cyan: var(--oc-color-global-cyan-50);--oc-color-theme-accent-foreground-lightBlue: var(--oc-color-global-lightBlue-50);--oc-color-theme-accent-foreground-blue: var(--oc-color-global-blue-65);--oc-color-theme-accent-foreground-violet: var(--oc-color-global-violet-70);--oc-color-theme-accent-foreground-purple: var(--oc-color-global-purple-60);--oc-color-theme-accent-foreground-pink: var(--oc-color-global-pink-60);--oc-color-theme-status-positive: var(--oc-color-theme-accent-background-green);--oc-color-theme-status-cautionary: var(--oc-color-theme-accent-background-orange);--oc-color-theme-status-negative: var(--oc-color-theme-accent-background-red);--oc-color-theme-inverse-primary: var(--oc-color-global-redOrange-50);--oc-color-theme-inverse-background: var(--oc-color-global-common-100);--oc-color-theme-inverse-label: var(--oc-color-global-coolNeutral-10);--oc-color-theme-material-dimmer: color-mix(in srgb, var(--oc-color-global-coolNeutral-10), transparent calc(100% - (100% * var(--oc-color-global-opacity-74))))}}[data-theme=dark]{--oc-color-theme-static-white: var(--oc-color-global-common-100);--oc-color-theme-static-black: var(--oc-color-global-common-0);--oc-color-theme-static-transparent: var(--oc-color-global-common-transparent);--oc-color-theme-primary-normal: var(--oc-color-global-redOrange-60);--oc-color-theme-focus-ring: var(--oc-color-theme-primary-normal);--oc-color-theme-label-strong: var(--oc-color-global-common-100);--oc-color-theme-label-normal: var(--oc-color-global-coolNeutral-99);--oc-color-theme-label-neutral: color-mix(in srgb, var(--oc-color-global-coolNeutral-90), transparent calc(100% - (100% * var(--oc-color-global-opacity-88))));--oc-color-theme-label-alternative: color-mix(in srgb, var(--oc-color-global-coolNeutral-80), transparent calc(100% - (100% * var(--oc-color-global-opacity-61))));--oc-color-theme-label-assistive: color-mix(in srgb, var(--oc-color-global-coolNeutral-80), transparent calc(100% - (100% * var(--oc-color-global-opacity-28))));--oc-color-theme-label-disable: color-mix(in srgb, var(--oc-color-global-coolNeutral-70), transparent calc(100% - (100% * var(--oc-color-global-opacity-16))));--oc-color-theme-background-normal-normal: var(--oc-color-global-coolNeutral-15);--oc-color-theme-background-normal-alternative: var(--oc-color-global-coolNeutral-5);--oc-color-theme-background-elevated-normal: var(--oc-color-global-coolNeutral-17);--oc-color-theme-background-elevated-alternative: var(--oc-color-global-coolNeutral-7);--oc-color-theme-interaction-inactive: var(--oc-color-global-coolNeutral-40);--oc-color-theme-interaction-disable: var(--oc-color-global-coolNeutral-22);--oc-color-theme-line-normal-strong: color-mix(in srgb, var(--oc-color-global-coolNeutral-90), transparent calc(100% - (100% * var(--oc-color-global-opacity-52))));--oc-color-theme-line-normal-normal: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * 0.32)));--oc-color-theme-line-normal-neutral: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-28))));--oc-color-theme-line-normal-alternative: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-22))));--oc-color-theme-line-solid-strong: var(--oc-color-global-coolNeutral-50);--oc-color-theme-line-solid-normal: var(--oc-color-global-coolNeutral-25);--oc-color-theme-line-solid-neutral: var(--oc-color-global-coolNeutral-23);--oc-color-theme-line-solid-alternative: var(--oc-color-global-coolNeutral-22);--oc-color-theme-fill-normal: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-22))));--oc-color-theme-fill-strong: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-28))));--oc-color-theme-fill-alternative: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-12))));--oc-color-theme-accent-background-red: var(--oc-color-global-red-60);--oc-color-theme-accent-background-orange: var(--oc-color-global-orange-60);--oc-color-theme-accent-background-lime: var(--oc-color-global-lime-60);--oc-color-theme-accent-background-green: var(--oc-color-global-green-60);--oc-color-theme-accent-background-cyan: var(--oc-color-global-cyan-60);--oc-color-theme-accent-background-lightBlue: var(--oc-color-global-lightBlue-60);--oc-color-theme-accent-background-blue: var(--oc-color-global-blue-60);--oc-color-theme-accent-background-violet: var(--oc-color-global-violet-60);--oc-color-theme-accent-background-purple: var(--oc-color-global-purple-60);--oc-color-theme-accent-background-pink: var(--oc-color-global-pink-60);--oc-color-theme-accent-background-redOrange: var(--oc-color-global-redOrange-60);--oc-color-theme-accent-foreground-red: var(--oc-color-global-red-60);--oc-color-theme-accent-foreground-redOrange: var(--oc-color-global-redOrange-60);--oc-color-theme-accent-foreground-orange: var(--oc-color-global-orange-50);--oc-color-theme-accent-foreground-lime: var(--oc-color-global-lime-50);--oc-color-theme-accent-foreground-green: var(--oc-color-global-green-60);--oc-color-theme-accent-foreground-cyan: var(--oc-color-global-cyan-50);--oc-color-theme-accent-foreground-lightBlue: var(--oc-color-global-lightBlue-50);--oc-color-theme-accent-foreground-blue: var(--oc-color-global-blue-65);--oc-color-theme-accent-foreground-violet: var(--oc-color-global-violet-70);--oc-color-theme-accent-foreground-purple: var(--oc-color-global-purple-60);--oc-color-theme-accent-foreground-pink: var(--oc-color-global-pink-60);--oc-color-theme-status-positive: var(--oc-color-theme-accent-background-green);--oc-color-theme-status-cautionary: var(--oc-color-theme-accent-background-orange);--oc-color-theme-status-negative: var(--oc-color-theme-accent-background-red);--oc-color-theme-inverse-primary: var(--oc-color-global-redOrange-50);--oc-color-theme-inverse-background: var(--oc-color-global-common-100);--oc-color-theme-inverse-label: var(--oc-color-global-coolNeutral-10);--oc-color-theme-material-dimmer: color-mix(in srgb, var(--oc-color-global-coolNeutral-10), transparent calc(100% - (100% * var(--oc-color-global-opacity-74))))}
+:root{color-scheme:light;--oc-color-theme-static-white: var(--oc-color-global-common-100);--oc-color-theme-static-black: var(--oc-color-global-common-0);--oc-color-theme-static-transparent: var(--oc-color-global-common-transparent);--oc-color-theme-primary-normal: var(--oc-color-global-redOrange-50);--oc-color-theme-focus-ring: var(--oc-color-theme-primary-normal);--oc-color-theme-label-strong: var(--oc-color-global-common-0);--oc-color-theme-label-normal: var(--oc-color-global-coolNeutral-10);--oc-color-theme-label-neutral: color-mix(in srgb, var(--oc-color-global-coolNeutral-22), transparent calc(100% - (100% * var(--oc-color-global-opacity-88))));--oc-color-theme-label-alternative: color-mix(in srgb, var(--oc-color-global-coolNeutral-25), transparent calc(100% - (100% * var(--oc-color-global-opacity-61))));--oc-color-theme-label-assistive: color-mix(in srgb, var(--oc-color-global-coolNeutral-25), transparent calc(100% - (100% * var(--oc-color-global-opacity-28))));--oc-color-theme-label-disable: color-mix(in srgb, var(--oc-color-global-coolNeutral-25), transparent calc(100% - (100% * var(--oc-color-global-opacity-16))));--oc-color-theme-background-normal-normal: var(--oc-color-global-common-100);--oc-color-theme-background-normal-alternative: var(--oc-color-global-coolNeutral-99);--oc-color-theme-background-elevated-normal: var(--oc-color-global-common-100);--oc-color-theme-background-elevated-alternative: var(--oc-color-global-coolNeutral-99);--oc-color-theme-interaction-inactive: var(--oc-color-global-coolNeutral-70);--oc-color-theme-interaction-disable: var(--oc-color-global-coolNeutral-98);--oc-color-theme-line-normal-strong: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-52))));--oc-color-theme-line-normal-normal: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-22))));--oc-color-theme-line-normal-neutral: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-16))));--oc-color-theme-line-normal-alternative: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-8))));--oc-color-theme-line-solid-strong: var(--oc-color-global-coolNeutral-80);--oc-color-theme-line-solid-normal: var(--oc-color-global-coolNeutral-96);--oc-color-theme-line-solid-neutral: var(--oc-color-global-coolNeutral-97);--oc-color-theme-line-solid-alternative: var(--oc-color-global-coolNeutral-98);--oc-color-theme-fill-normal: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-8))));--oc-color-theme-fill-strong: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-16))));--oc-color-theme-fill-alternative: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-5))));--oc-color-theme-accent-background-red: var(--oc-color-global-red-50);--oc-color-theme-accent-background-orange: var(--oc-color-global-orange-50);--oc-color-theme-accent-background-lime: var(--oc-color-global-lime-50);--oc-color-theme-accent-background-green: var(--oc-color-global-green-50);--oc-color-theme-accent-background-cyan: var(--oc-color-global-cyan-50);--oc-color-theme-accent-background-lightBlue: var(--oc-color-global-lightBlue-50);--oc-color-theme-accent-background-blue: var(--oc-color-global-blue-50);--oc-color-theme-accent-background-violet: var(--oc-color-global-violet-50);--oc-color-theme-accent-background-purple: var(--oc-color-global-purple-50);--oc-color-theme-accent-background-pink: var(--oc-color-global-pink-50);--oc-color-theme-accent-background-redOrange: var(--oc-color-global-redOrange-50);--oc-color-theme-accent-foreground-red: var(--oc-color-global-red-40);--oc-color-theme-accent-foreground-redOrange: var(--oc-color-global-redOrange-48);--oc-color-theme-accent-foreground-orange: var(--oc-color-global-orange-39);--oc-color-theme-accent-foreground-lime: var(--oc-color-global-lime-37);--oc-color-theme-accent-foreground-green: var(--oc-color-global-green-40);--oc-color-theme-accent-foreground-cyan: var(--oc-color-global-cyan-40);--oc-color-theme-accent-foreground-lightBlue: var(--oc-color-global-lightBlue-40);--oc-color-theme-accent-foreground-blue: var(--oc-color-global-blue-45);--oc-color-theme-accent-foreground-violet: var(--oc-color-global-violet-45);--oc-color-theme-accent-foreground-purple: var(--oc-color-global-purple-40);--oc-color-theme-accent-foreground-pink: var(--oc-color-global-pink-46);--oc-color-theme-status-positive: var(--oc-color-theme-accent-background-green);--oc-color-theme-status-cautionary: var(--oc-color-theme-accent-background-orange);--oc-color-theme-status-negative: var(--oc-color-theme-accent-background-red);--oc-color-theme-inverse-primary: var(--oc-color-global-redOrange-60);--oc-color-theme-inverse-background: var(--oc-color-global-coolNeutral-15);--oc-color-theme-inverse-label: var(--oc-color-global-coolNeutral-99);--oc-color-theme-material-dimmer: color-mix(in srgb, var(--oc-color-global-coolNeutral-10), transparent calc(100% - (100% * var(--oc-color-global-opacity-52))))}[data-theme=light]{color-scheme:light;--oc-color-theme-static-white: var(--oc-color-global-common-100);--oc-color-theme-static-black: var(--oc-color-global-common-0);--oc-color-theme-static-transparent: var(--oc-color-global-common-transparent);--oc-color-theme-primary-normal: var(--oc-color-global-redOrange-50);--oc-color-theme-focus-ring: var(--oc-color-theme-primary-normal);--oc-color-theme-label-strong: var(--oc-color-global-common-0);--oc-color-theme-label-normal: var(--oc-color-global-coolNeutral-10);--oc-color-theme-label-neutral: color-mix(in srgb, var(--oc-color-global-coolNeutral-22), transparent calc(100% - (100% * var(--oc-color-global-opacity-88))));--oc-color-theme-label-alternative: color-mix(in srgb, var(--oc-color-global-coolNeutral-25), transparent calc(100% - (100% * var(--oc-color-global-opacity-61))));--oc-color-theme-label-assistive: color-mix(in srgb, var(--oc-color-global-coolNeutral-25), transparent calc(100% - (100% * var(--oc-color-global-opacity-28))));--oc-color-theme-label-disable: color-mix(in srgb, var(--oc-color-global-coolNeutral-25), transparent calc(100% - (100% * var(--oc-color-global-opacity-16))));--oc-color-theme-background-normal-normal: var(--oc-color-global-common-100);--oc-color-theme-background-normal-alternative: var(--oc-color-global-coolNeutral-99);--oc-color-theme-background-elevated-normal: var(--oc-color-global-common-100);--oc-color-theme-background-elevated-alternative: var(--oc-color-global-coolNeutral-99);--oc-color-theme-interaction-inactive: var(--oc-color-global-coolNeutral-70);--oc-color-theme-interaction-disable: var(--oc-color-global-coolNeutral-98);--oc-color-theme-line-normal-strong: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-52))));--oc-color-theme-line-normal-normal: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-22))));--oc-color-theme-line-normal-neutral: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-16))));--oc-color-theme-line-normal-alternative: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-8))));--oc-color-theme-line-solid-strong: var(--oc-color-global-coolNeutral-80);--oc-color-theme-line-solid-normal: var(--oc-color-global-coolNeutral-96);--oc-color-theme-line-solid-neutral: var(--oc-color-global-coolNeutral-97);--oc-color-theme-line-solid-alternative: var(--oc-color-global-coolNeutral-98);--oc-color-theme-fill-normal: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-8))));--oc-color-theme-fill-strong: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-16))));--oc-color-theme-fill-alternative: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-5))));--oc-color-theme-accent-background-red: var(--oc-color-global-red-50);--oc-color-theme-accent-background-orange: var(--oc-color-global-orange-50);--oc-color-theme-accent-background-lime: var(--oc-color-global-lime-50);--oc-color-theme-accent-background-green: var(--oc-color-global-green-50);--oc-color-theme-accent-background-cyan: var(--oc-color-global-cyan-50);--oc-color-theme-accent-background-lightBlue: var(--oc-color-global-lightBlue-50);--oc-color-theme-accent-background-blue: var(--oc-color-global-blue-50);--oc-color-theme-accent-background-violet: var(--oc-color-global-violet-50);--oc-color-theme-accent-background-purple: var(--oc-color-global-purple-50);--oc-color-theme-accent-background-pink: var(--oc-color-global-pink-50);--oc-color-theme-accent-background-redOrange: var(--oc-color-global-redOrange-50);--oc-color-theme-accent-foreground-red: var(--oc-color-global-red-40);--oc-color-theme-accent-foreground-redOrange: var(--oc-color-global-redOrange-48);--oc-color-theme-accent-foreground-orange: var(--oc-color-global-orange-39);--oc-color-theme-accent-foreground-lime: var(--oc-color-global-lime-37);--oc-color-theme-accent-foreground-green: var(--oc-color-global-green-40);--oc-color-theme-accent-foreground-cyan: var(--oc-color-global-cyan-40);--oc-color-theme-accent-foreground-lightBlue: var(--oc-color-global-lightBlue-40);--oc-color-theme-accent-foreground-blue: var(--oc-color-global-blue-45);--oc-color-theme-accent-foreground-violet: var(--oc-color-global-violet-45);--oc-color-theme-accent-foreground-purple: var(--oc-color-global-purple-40);--oc-color-theme-accent-foreground-pink: var(--oc-color-global-pink-46);--oc-color-theme-status-positive: var(--oc-color-theme-accent-background-green);--oc-color-theme-status-cautionary: var(--oc-color-theme-accent-background-orange);--oc-color-theme-status-negative: var(--oc-color-theme-accent-background-red);--oc-color-theme-inverse-primary: var(--oc-color-global-redOrange-60);--oc-color-theme-inverse-background: var(--oc-color-global-coolNeutral-15);--oc-color-theme-inverse-label: var(--oc-color-global-coolNeutral-99);--oc-color-theme-material-dimmer: color-mix(in srgb, var(--oc-color-global-coolNeutral-10), transparent calc(100% - (100% * var(--oc-color-global-opacity-52))))}
+@media(prefers-color-scheme: dark){:root:where(:not([data-theme=light])){color-scheme:dark;--oc-color-theme-static-white: var(--oc-color-global-common-100);--oc-color-theme-static-black: var(--oc-color-global-common-0);--oc-color-theme-static-transparent: var(--oc-color-global-common-transparent);--oc-color-theme-primary-normal: var(--oc-color-global-redOrange-60);--oc-color-theme-focus-ring: var(--oc-color-theme-primary-normal);--oc-color-theme-label-strong: var(--oc-color-global-common-100);--oc-color-theme-label-normal: var(--oc-color-global-coolNeutral-99);--oc-color-theme-label-neutral: color-mix(in srgb, var(--oc-color-global-coolNeutral-90), transparent calc(100% - (100% * var(--oc-color-global-opacity-88))));--oc-color-theme-label-alternative: color-mix(in srgb, var(--oc-color-global-coolNeutral-80), transparent calc(100% - (100% * var(--oc-color-global-opacity-61))));--oc-color-theme-label-assistive: color-mix(in srgb, var(--oc-color-global-coolNeutral-80), transparent calc(100% - (100% * var(--oc-color-global-opacity-28))));--oc-color-theme-label-disable: color-mix(in srgb, var(--oc-color-global-coolNeutral-70), transparent calc(100% - (100% * var(--oc-color-global-opacity-16))));--oc-color-theme-background-normal-normal: var(--oc-color-global-coolNeutral-15);--oc-color-theme-background-normal-alternative: var(--oc-color-global-coolNeutral-5);--oc-color-theme-background-elevated-normal: var(--oc-color-global-coolNeutral-17);--oc-color-theme-background-elevated-alternative: var(--oc-color-global-coolNeutral-7);--oc-color-theme-interaction-inactive: var(--oc-color-global-coolNeutral-40);--oc-color-theme-interaction-disable: var(--oc-color-global-coolNeutral-22);--oc-color-theme-line-normal-strong: color-mix(in srgb, var(--oc-color-global-coolNeutral-90), transparent calc(100% - (100% * var(--oc-color-global-opacity-52))));--oc-color-theme-line-normal-normal: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * 0.32)));--oc-color-theme-line-normal-neutral: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-28))));--oc-color-theme-line-normal-alternative: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-22))));--oc-color-theme-line-solid-strong: var(--oc-color-global-coolNeutral-50);--oc-color-theme-line-solid-normal: var(--oc-color-global-coolNeutral-25);--oc-color-theme-line-solid-neutral: var(--oc-color-global-coolNeutral-23);--oc-color-theme-line-solid-alternative: var(--oc-color-global-coolNeutral-22);--oc-color-theme-fill-normal: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-22))));--oc-color-theme-fill-strong: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-28))));--oc-color-theme-fill-alternative: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-12))));--oc-color-theme-accent-background-red: var(--oc-color-global-red-60);--oc-color-theme-accent-background-orange: var(--oc-color-global-orange-60);--oc-color-theme-accent-background-lime: var(--oc-color-global-lime-60);--oc-color-theme-accent-background-green: var(--oc-color-global-green-60);--oc-color-theme-accent-background-cyan: var(--oc-color-global-cyan-60);--oc-color-theme-accent-background-lightBlue: var(--oc-color-global-lightBlue-60);--oc-color-theme-accent-background-blue: var(--oc-color-global-blue-60);--oc-color-theme-accent-background-violet: var(--oc-color-global-violet-60);--oc-color-theme-accent-background-purple: var(--oc-color-global-purple-60);--oc-color-theme-accent-background-pink: var(--oc-color-global-pink-60);--oc-color-theme-accent-background-redOrange: var(--oc-color-global-redOrange-60);--oc-color-theme-accent-foreground-red: var(--oc-color-global-red-60);--oc-color-theme-accent-foreground-redOrange: var(--oc-color-global-redOrange-60);--oc-color-theme-accent-foreground-orange: var(--oc-color-global-orange-50);--oc-color-theme-accent-foreground-lime: var(--oc-color-global-lime-50);--oc-color-theme-accent-foreground-green: var(--oc-color-global-green-60);--oc-color-theme-accent-foreground-cyan: var(--oc-color-global-cyan-50);--oc-color-theme-accent-foreground-lightBlue: var(--oc-color-global-lightBlue-50);--oc-color-theme-accent-foreground-blue: var(--oc-color-global-blue-65);--oc-color-theme-accent-foreground-violet: var(--oc-color-global-violet-70);--oc-color-theme-accent-foreground-purple: var(--oc-color-global-purple-60);--oc-color-theme-accent-foreground-pink: var(--oc-color-global-pink-60);--oc-color-theme-status-positive: var(--oc-color-theme-accent-background-green);--oc-color-theme-status-cautionary: var(--oc-color-theme-accent-background-orange);--oc-color-theme-status-negative: var(--oc-color-theme-accent-background-red);--oc-color-theme-inverse-primary: var(--oc-color-global-redOrange-50);--oc-color-theme-inverse-background: var(--oc-color-global-common-100);--oc-color-theme-inverse-label: var(--oc-color-global-coolNeutral-10);--oc-color-theme-material-dimmer: color-mix(in srgb, var(--oc-color-global-coolNeutral-10), transparent calc(100% - (100% * var(--oc-color-global-opacity-74))))}}[data-theme=dark]{color-scheme:dark;--oc-color-theme-static-white: var(--oc-color-global-common-100);--oc-color-theme-static-black: var(--oc-color-global-common-0);--oc-color-theme-static-transparent: var(--oc-color-global-common-transparent);--oc-color-theme-primary-normal: var(--oc-color-global-redOrange-60);--oc-color-theme-focus-ring: var(--oc-color-theme-primary-normal);--oc-color-theme-label-strong: var(--oc-color-global-common-100);--oc-color-theme-label-normal: var(--oc-color-global-coolNeutral-99);--oc-color-theme-label-neutral: color-mix(in srgb, var(--oc-color-global-coolNeutral-90), transparent calc(100% - (100% * var(--oc-color-global-opacity-88))));--oc-color-theme-label-alternative: color-mix(in srgb, var(--oc-color-global-coolNeutral-80), transparent calc(100% - (100% * var(--oc-color-global-opacity-61))));--oc-color-theme-label-assistive: color-mix(in srgb, var(--oc-color-global-coolNeutral-80), transparent calc(100% - (100% * var(--oc-color-global-opacity-28))));--oc-color-theme-label-disable: color-mix(in srgb, var(--oc-color-global-coolNeutral-70), transparent calc(100% - (100% * var(--oc-color-global-opacity-16))));--oc-color-theme-background-normal-normal: var(--oc-color-global-coolNeutral-15);--oc-color-theme-background-normal-alternative: var(--oc-color-global-coolNeutral-5);--oc-color-theme-background-elevated-normal: var(--oc-color-global-coolNeutral-17);--oc-color-theme-background-elevated-alternative: var(--oc-color-global-coolNeutral-7);--oc-color-theme-interaction-inactive: var(--oc-color-global-coolNeutral-40);--oc-color-theme-interaction-disable: var(--oc-color-global-coolNeutral-22);--oc-color-theme-line-normal-strong: color-mix(in srgb, var(--oc-color-global-coolNeutral-90), transparent calc(100% - (100% * var(--oc-color-global-opacity-52))));--oc-color-theme-line-normal-normal: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * 0.32)));--oc-color-theme-line-normal-neutral: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-28))));--oc-color-theme-line-normal-alternative: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-22))));--oc-color-theme-line-solid-strong: var(--oc-color-global-coolNeutral-50);--oc-color-theme-line-solid-normal: var(--oc-color-global-coolNeutral-25);--oc-color-theme-line-solid-neutral: var(--oc-color-global-coolNeutral-23);--oc-color-theme-line-solid-alternative: var(--oc-color-global-coolNeutral-22);--oc-color-theme-fill-normal: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-22))));--oc-color-theme-fill-strong: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-28))));--oc-color-theme-fill-alternative: color-mix(in srgb, var(--oc-color-global-coolNeutral-50), transparent calc(100% - (100% * var(--oc-color-global-opacity-12))));--oc-color-theme-accent-background-red: var(--oc-color-global-red-60);--oc-color-theme-accent-background-orange: var(--oc-color-global-orange-60);--oc-color-theme-accent-background-lime: var(--oc-color-global-lime-60);--oc-color-theme-accent-background-green: var(--oc-color-global-green-60);--oc-color-theme-accent-background-cyan: var(--oc-color-global-cyan-60);--oc-color-theme-accent-background-lightBlue: var(--oc-color-global-lightBlue-60);--oc-color-theme-accent-background-blue: var(--oc-color-global-blue-60);--oc-color-theme-accent-background-violet: var(--oc-color-global-violet-60);--oc-color-theme-accent-background-purple: var(--oc-color-global-purple-60);--oc-color-theme-accent-background-pink: var(--oc-color-global-pink-60);--oc-color-theme-accent-background-redOrange: var(--oc-color-global-redOrange-60);--oc-color-theme-accent-foreground-red: var(--oc-color-global-red-60);--oc-color-theme-accent-foreground-redOrange: var(--oc-color-global-redOrange-60);--oc-color-theme-accent-foreground-orange: var(--oc-color-global-orange-50);--oc-color-theme-accent-foreground-lime: var(--oc-color-global-lime-50);--oc-color-theme-accent-foreground-green: var(--oc-color-global-green-60);--oc-color-theme-accent-foreground-cyan: var(--oc-color-global-cyan-50);--oc-color-theme-accent-foreground-lightBlue: var(--oc-color-global-lightBlue-50);--oc-color-theme-accent-foreground-blue: var(--oc-color-global-blue-65);--oc-color-theme-accent-foreground-violet: var(--oc-color-global-violet-70);--oc-color-theme-accent-foreground-purple: var(--oc-color-global-purple-60);--oc-color-theme-accent-foreground-pink: var(--oc-color-global-pink-60);--oc-color-theme-status-positive: var(--oc-color-theme-accent-background-green);--oc-color-theme-status-cautionary: var(--oc-color-theme-accent-background-orange);--oc-color-theme-status-negative: var(--oc-color-theme-accent-background-red);--oc-color-theme-inverse-primary: var(--oc-color-global-redOrange-50);--oc-color-theme-inverse-background: var(--oc-color-global-common-100);--oc-color-theme-inverse-label: var(--oc-color-global-coolNeutral-10);--oc-color-theme-material-dimmer: color-mix(in srgb, var(--oc-color-global-coolNeutral-10), transparent calc(100% - (100% * var(--oc-color-global-opacity-74))))}
 :root{--oc-breakpoint-sm: 480px;--oc-breakpoint-md: 768px;--oc-breakpoint-lg: 1280px;--oc-breakpoint-xl: 1600px;--oc-breakpoint-hg: 1920px}
 :root{--oc-typo-font-family: system-ui, sans-serif;--oc-typo-size-factor: 1;--oc-typo-size-display1: 3rem;--oc-typo-size-display2: 2.5rem;--oc-typo-size-display3: 2.25rem;--oc-typo-size-title1: 2rem;--oc-typo-size-title2: 1.75rem;--oc-typo-size-title3: 1.5rem;--oc-typo-size-heading1: 1.375rem;--oc-typo-size-heading2: 1.25rem;--oc-typo-size-headline1: 1.125rem;--oc-typo-size-headline2: 1.0625rem;--oc-typo-size-body1: 1rem;--oc-typo-size-body1reading: 1rem;--oc-typo-size-body2: 0.9375rem;--oc-typo-size-body2reading: 0.9375rem;--oc-typo-size-label1: 0.875rem;--oc-typo-size-label1reading: 0.875rem;--oc-typo-size-label2: 0.8125rem;--oc-typo-size-caption1: 0.75rem;--oc-typo-size-caption2: 0.6875rem}@media screen and (max-width: 768px){:root{--oc-typo-size-body1: clamp(1rem, 17 / 375 * 100vw, 1.0625rem);--oc-typo-size-body1reading: clamp(1rem, 17 / 375 * 100vw, 1.0625rem);--oc-typo-size-body2: clamp(0.9375rem, 16 / 375 * 100vw, 1rem);--oc-typo-size-body2reading: clamp(0.9375rem, 16 / 375 * 100vw, 1rem);--oc-typo-size-label1: clamp(0.875rem, 15 / 375 * 100vw, 0.9375rem);--oc-typo-size-label1reading: clamp(0.875rem, 15 / 375 * 100vw, 0.9375rem);--oc-typo-size-label2: clamp(0.8125rem, 14 / 375 * 100vw, 0.875rem);--oc-typo-size-caption1: clamp(0.75rem, 13 / 375 * 100vw, 0.8125rem);--oc-typo-size-caption2: clamp(0.6875rem, 12 / 375 * 100vw, 0.75rem)}}@media screen and (min-width: 769px){:root{--oc-typo-size-display1: clamp(3rem, 64 / 1280 * 100vw, 4rem);--oc-typo-size-display2: clamp(2.5rem, 48 / 1280 * 100vw, 3rem);--oc-typo-size-display3: clamp(2.25rem, 40 / 1280 * 100vw, 2.5rem);--oc-typo-size-title1: clamp(2rem, 36 / 1280 * 100vw, 2.25rem);--oc-typo-size-title2: clamp(1.75rem, 32 / 1280 * 100vw, 2rem);--oc-typo-size-title3: clamp(1.5rem, 28 / 1280 * 100vw, 1.75rem);--oc-typo-size-heading1: clamp(1.375rem, 24 / 1280 * 100vw, 1.5rem);--oc-typo-size-heading2: clamp(1.25rem, 22 / 1280 * 100vw, 1.375rem);--oc-typo-size-headline1: clamp(1.125rem, 20 / 1280 * 100vw, 1.25rem);--oc-typo-size-headline2: clamp(1.0625rem, 18 / 1280 * 100vw, 1.125rem);--oc-typo-size-body1: clamp(1.0625rem, 18 / 1280 * 100vw, 1.125rem);--oc-typo-size-body1reading: clamp(1.0625rem, 18 / 1280 * 100vw, 1.125rem);--oc-typo-size-body2: clamp(1rem, 17 / 1280 * 100vw, 1.0625rem);--oc-typo-size-body2reading: clamp(1rem, 17 / 1280 * 100vw, 1.0625rem);--oc-typo-size-label1: clamp(0.9375rem, 16 / 1280 * 100vw, 1rem);--oc-typo-size-label1reading: clamp(0.9375rem, 16 / 1280 * 100vw, 1rem);--oc-typo-size-label2: clamp(0.875rem, 15 / 1280 * 100vw, 0.9375rem);--oc-typo-size-caption1: clamp(0.8125rem, 14 / 1280 * 100vw, 0.875rem);--oc-typo-size-caption2: clamp(0.75rem, 13 / 1280 * 100vw, 0.8125rem)}}@media screen and (min-width: 1281px){:root{--oc-typo-size-heading1: clamp(1.5rem, 26 / 1600 * 100vw, 1.625rem);--oc-typo-size-heading2: clamp(1.375rem, 24 / 1600 * 100vw, 1.5rem);--oc-typo-size-headline1: clamp(1.25rem, 22 / 1600 * 100vw, 1.375rem);--oc-typo-size-headline2: clamp(1.125rem, 20 / 1600 * 100vw, 1.25rem);--oc-typo-size-body1: clamp(1.125rem, 20 / 1600 * 100vw, 1.25rem);--oc-typo-size-body1reading: clamp(1.125rem, 20 / 1600 * 100vw, 1.25rem);--oc-typo-size-body2: clamp(1.0625rem, 18 / 1600 * 100vw, 1.125rem);--oc-typo-size-body2reading: clamp(1.0625rem, 18 / 1600 * 100vw, 1.125rem);--oc-typo-size-label1: clamp(1rem, 17 / 1600 * 100vw, 1.0625rem);--oc-typo-size-label1reading: clamp(1rem, 17 / 1600 * 100vw, 1.0625rem);--oc-typo-size-label2: clamp(0.9375rem, 16 / 1600 * 100vw, 1rem);--oc-typo-size-caption1: clamp(0.875rem, 15 / 1600 * 100vw, 0.9375rem);--oc-typo-size-caption2: clamp(0.8125rem, 14 / 1600 * 100vw, 0.875rem)}}:root{--oc-typo-height-display1: 3.875rem;--oc-typo-height-display2: 3.25rem;--oc-typo-height-display3: 3rem;--oc-typo-height-title1: 2.75rem;--oc-typo-height-title2: 2.375rem;--oc-typo-height-title3: 2rem;--oc-typo-height-heading1: 1.875rem;--oc-typo-height-heading2: 1.75rem;--oc-typo-height-headline1: 1.625rem;--oc-typo-height-headline2: 1.5rem;--oc-typo-height-body1: 1.5rem;--oc-typo-height-body1reading: 1.625rem;--oc-typo-height-body2: 1.375rem;--oc-typo-height-body2reading: 1.5rem;--oc-typo-height-label1: 1.25rem;--oc-typo-height-label1reading: 1.375rem;--oc-typo-height-label2: 1.125rem;--oc-typo-height-caption1: 1rem;--oc-typo-height-caption2: 0.875rem}@media screen and (max-width: 768px){:root{--oc-typo-height-body1: clamp(1.5rem, 26 / 375 * 100vw, 1.625rem);--oc-typo-height-body1reading: clamp(1.625rem, 28 / 375 * 100vw, 1.75rem);--oc-typo-height-body2: clamp(1.375rem, 24 / 375 * 100vw, 1.5rem);--oc-typo-height-body2reading: clamp(1.5rem, 26 / 375 * 100vw, 1.625rem);--oc-typo-height-label1: clamp(1.25rem, 22 / 375 * 100vw, 1.375rem);--oc-typo-height-label1reading: clamp(1.375rem, 24 / 375 * 100vw, 1.5rem);--oc-typo-height-label2: clamp(1.125rem, 20 / 375 * 100vw, 1.25rem);--oc-typo-height-caption1: clamp(1rem, 18 / 375 * 100vw, 1.125rem);--oc-typo-height-caption2: clamp(0.875rem, 16 / 375 * 100vw, 1rem)}}@media screen and (min-width: 769px){:root{--oc-typo-height-display1: clamp(3.875rem, 82 / 1280 * 100vw, 5.125rem);--oc-typo-height-display2: clamp(3.25rem, 62 / 1280 * 100vw, 3.875rem);--oc-typo-height-display3: clamp(3rem, 52 / 1280 * 100vw, 3.25rem);--oc-typo-height-title1: clamp(2.75rem, 48 / 1280 * 100vw, 3rem);--oc-typo-height-title2: clamp(2.375rem, 42 / 1280 * 100vw, 2.625rem);--oc-typo-height-title3: clamp(2rem, 36 / 1280 * 100vw, 2.25rem);--oc-typo-height-heading1: clamp(1.875rem, 32 / 1280 * 100vw, 2rem);--oc-typo-height-heading2: clamp(1.75rem, 30 / 1280 * 100vw, 1.875rem);--oc-typo-height-headline1: clamp(1.625rem, 28 / 1280 * 100vw, 1.75rem);--oc-typo-height-headline2: clamp(1.5rem, 26 / 1280 * 100vw, 1.625rem);--oc-typo-height-body1: clamp(1.625rem, 28 / 1280 * 100vw, 1.75rem);--oc-typo-height-body1reading: clamp(1.75rem, 30 / 1280 * 100vw, 1.875rem);--oc-typo-height-body2: clamp(1.5rem, 26 / 1280 * 100vw, 1.625rem);--oc-typo-height-body2reading: clamp(1.625rem, 28 / 1280 * 100vw, 1.75rem);--oc-typo-height-label1: clamp(1.375rem, 24 / 1280 * 100vw, 1.5rem);--oc-typo-height-label1reading: clamp(1.5rem, 26 / 1280 * 100vw, 1.625rem);--oc-typo-height-label2: clamp(1.25rem, 22 / 1280 * 100vw, 1.375rem);--oc-typo-height-caption1: clamp(1.125rem, 20 / 1280 * 100vw, 1.25rem);--oc-typo-height-caption2: clamp(1rem, 18 / 1280 * 100vw, 1.125rem)}}@media screen and (min-width: 1281px){:root{--oc-typo-height-heading1: clamp(2rem, 34 / 1600 * 100vw, 2.125rem);--oc-typo-height-heading2: clamp(1.875rem, 32 / 1600 * 100vw, 2rem);--oc-typo-height-headline1: clamp(1.75rem, 30 / 1600 * 100vw, 1.875rem);--oc-typo-height-headline2: clamp(1.625rem, 28 / 1600 * 100vw, 1.75rem);--oc-typo-height-body1: clamp(1.75rem, 30 / 1600 * 100vw, 1.875rem);--oc-typo-height-body1reading: clamp(1.875rem, 32 / 1600 * 100vw, 2rem);--oc-typo-height-body2: clamp(1.625rem, 28 / 1600 * 100vw, 1.75rem);--oc-typo-height-body2reading: clamp(1.75rem, 30 / 1600 * 100vw, 1.875rem);--oc-typo-height-label1: clamp(1.5rem, 26 / 1600 * 100vw, 1.625rem);--oc-typo-height-label1reading: clamp(1.625rem, 28 / 1600 * 100vw, 1.75rem);--oc-typo-height-label2: clamp(1.375rem, 24 / 1600 * 100vw, 1.5rem);--oc-typo-height-caption1: clamp(1.25rem, 22 / 1600 * 100vw, 1.375rem);--oc-typo-height-caption2: clamp(1.125rem, 20 / 1600 * 100vw, 1.25rem)}}:root{--oc-typo-spacing-display1: 0em;--oc-typo-spacing-display2: 0em;--oc-typo-spacing-display3: 0em;--oc-typo-spacing-title1: 0em;--oc-typo-spacing-title2: 0em;--oc-typo-spacing-title3: 0em;--oc-typo-spacing-heading1: 0em;--oc-typo-spacing-heading2: 0em;--oc-typo-spacing-headline1: 0em;--oc-typo-spacing-headline2: 0em;--oc-typo-spacing-body1: 0em;--oc-typo-spacing-body1reading: 0em;--oc-typo-spacing-body2: 0em;--oc-typo-spacing-body2reading: 0em;--oc-typo-spacing-label1: 0.01em;--oc-typo-spacing-label1reading: 0.01em;--oc-typo-spacing-label2: 0.01em;--oc-typo-spacing-caption1: 0.01em;--oc-typo-spacing-caption2: 0.01em;--oc-typo-weight-display1-normal: 400;--oc-typo-weight-display1-medium: 500;--oc-typo-weight-display1-bold: 700;--oc-typo-weight-display2-normal: 400;--oc-typo-weight-display2-medium: 500;--oc-typo-weight-display2-bold: 700;--oc-typo-weight-display3-normal: 400;--oc-typo-weight-display3-medium: 500;--oc-typo-weight-display3-bold: 700;--oc-typo-weight-title1-normal: 400;--oc-typo-weight-title1-medium: 500;--oc-typo-weight-title1-bold: 700;--oc-typo-weight-title2-normal: 400;--oc-typo-weight-title2-medium: 500;--oc-typo-weight-title2-bold: 700;--oc-typo-weight-title3-normal: 400;--oc-typo-weight-title3-medium: 500;--oc-typo-weight-title3-bold: 700;--oc-typo-weight-heading1-normal: 400;--oc-typo-weight-heading1-medium: 500;--oc-typo-weight-heading1-bold: 600;--oc-typo-weight-heading2-normal: 400;--oc-typo-weight-heading2-medium: 500;--oc-typo-weight-heading2-bold: 600;--oc-typo-weight-headline1-normal: 400;--oc-typo-weight-headline1-medium: 500;--oc-typo-weight-headline1-bold: 600;--oc-typo-weight-headline2-normal: 400;--oc-typo-weight-headline2-medium: 500;--oc-typo-weight-headline2-bold: 600;--oc-typo-weight-body1-normal: 400;--oc-typo-weight-body1-medium: 500;--oc-typo-weight-body1-bold: 600;--oc-typo-weight-body1reading-normal: 400;--oc-typo-weight-body1reading-medium: 500;--oc-typo-weight-body1reading-bold: 600;--oc-typo-weight-body2-normal: 400;--oc-typo-weight-body2-medium: 500;--oc-typo-weight-body2-bold: 600;--oc-typo-weight-body2reading-normal: 400;--oc-typo-weight-body2reading-medium: 500;--oc-typo-weight-body2reading-bold: 600;--oc-typo-weight-label1-normal: 400;--oc-typo-weight-label1-medium: 500;--oc-typo-weight-label1-bold: 550;--oc-typo-weight-label1reading-normal: 400;--oc-typo-weight-label1reading-medium: 500;--oc-typo-weight-label1reading-bold: 550;--oc-typo-weight-label2-normal: 400;--oc-typo-weight-label2-medium: 500;--oc-typo-weight-label2-bold: 550;--oc-typo-weight-caption1-normal: 400;--oc-typo-weight-caption1-medium: 500;--oc-typo-weight-caption1-bold: 540;--oc-typo-weight-caption2-normal: 400;--oc-typo-weight-caption2-medium: 500;--oc-typo-weight-caption2-bold: 530}
 :root{--oc-space-section-padding-viewport: var(--oc-space-section-padding-viewport-y) var(--oc-space-section-padding-viewport-x);--oc-space-section-padding-viewport-inline-safe-start: max(var(--oc-space-section-padding-viewport-x), env(safe-area-inset-left, 0px));--oc-space-section-padding-viewport-inline-safe-end: max(var(--oc-space-section-padding-viewport-x), env(safe-area-inset-right, 0px));--oc-space-section-padding-viewport-block-safe-start: max(var(--oc-space-section-padding-viewport-y), env(safe-area-inset-top, 0px));--oc-space-section-padding-viewport-block-safe-end: max(var(--oc-space-section-padding-viewport-y), env(safe-area-inset-bottom, 0px));--oc-space-section-padding-viewport-x: 1rem;--oc-space-section-padding-viewport-y: 1rem;--oc-space-section-gap-section: 3rem;--oc-space-section-gap-xlarge: 2.5rem;--oc-space-section-gap-large: 2rem;--oc-space-section-gap-medium: 1.25rem;--oc-space-item-padding-large: 1.5rem;--oc-space-item-padding-medium: 1.25rem;--oc-space-item-padding-small: 1rem;--oc-space-item-padding-xsmall: 0.75rem;--oc-space-item-padding-mini: 0.5rem;--oc-space-item-padding-tiny: 0.375rem;--oc-space-item-padding-micro: 0.25rem;--oc-space-item-padding-nano: 0.25rem;--oc-space-item-padding-atom: 0.125rem;--oc-space-item-gap-huge: 1.5rem;--oc-space-item-gap-xlarge: 1.25rem;--oc-space-item-gap-large: 1.125rem;--oc-space-item-gap-medium: 1rem;--oc-space-item-gap-small: 0.75rem;--oc-space-item-gap-xsmall: 0.625rem;--oc-space-item-gap-mini: 0.5rem;--oc-space-item-gap-tiny: 0.375rem;--oc-space-item-gap-micro: 0.25rem;--oc-space-item-gap-nano: 0.25rem;--oc-space-item-gap-atom: 0.125rem}@media screen and (max-width: 768px){:root{--oc-space-section-padding-viewport-x: clamp(1.5rem, 32 / 768 * 100vw, 2rem);--oc-space-section-padding-viewport-y: clamp(1rem, 24 / 768 * 100vw, 1.5rem);--oc-space-section-gap-section: clamp(3rem, 72 / 768 * 100vw, 4.5rem);--oc-space-section-gap-xlarge: clamp(2.5rem, 52 / 768 * 100vw, 3.25rem);--oc-space-section-gap-large: clamp(2rem, 40 / 768 * 100vw, 2.5rem);--oc-space-section-gap-medium: clamp(1.25rem, 26 / 768 * 100vw, 1.625rem);--oc-space-item-padding-large: clamp(1.5rem, 28 / 768 * 100vw, 1.75rem);--oc-space-item-padding-medium: clamp(1.25rem, 24 / 768 * 100vw, 1.5rem);--oc-space-item-padding-small: clamp(1rem, 20 / 768 * 100vw, 1.25rem);--oc-space-item-padding-xsmall: clamp(0.75rem, 14 / 768 * 100vw, 0.875rem);--oc-space-item-padding-mini: clamp(0.5rem, 10 / 768 * 100vw, 0.625rem);--oc-space-item-padding-tiny: clamp(0.375rem, 8 / 768 * 100vw, 0.5rem);--oc-space-item-padding-micro: clamp(0.25rem, 6 / 768 * 100vw, 0.375rem);--oc-space-item-gap-huge: clamp(1.5rem, 32 / 768 * 100vw, 2rem);--oc-space-item-gap-xlarge: clamp(1.25rem, 26 / 768 * 100vw, 1.625rem);--oc-space-item-gap-large: clamp(1.125rem, 22 / 768 * 100vw, 1.375rem);--oc-space-item-gap-medium: clamp(1rem, 18 / 768 * 100vw, 1.125rem);--oc-space-item-gap-small: clamp(0.75rem, 14 / 768 * 100vw, 0.875rem);--oc-space-item-gap-xsmall: clamp(0.625rem, 12 / 768 * 100vw, 0.75rem);--oc-space-item-gap-mini: clamp(0.5rem, 10 / 768 * 100vw, 0.625rem);--oc-space-item-gap-tiny: clamp(0.375rem, 8 / 768 * 100vw, 0.5rem);--oc-space-item-gap-micro: clamp(0.25rem, 6 / 768 * 100vw, 0.375rem)}}@media screen and (max-width: 480px){:root{--oc-space-section-padding-viewport-x: clamp(1rem, 24 / 480 * 100vw, 1.5rem)}}@media screen and (min-width: 769px){:root{--oc-space-section-padding-viewport-x: clamp(2rem, 32 / 768 * 100vw, 3rem);--oc-space-section-padding-viewport-y: clamp(1.5rem, 24 / 768 * 100vw, 2rem);--oc-space-section-gap-section: clamp(4.5rem, 96 / 1600 * 100vw, 6rem);--oc-space-section-gap-xlarge: clamp(3.25rem, 64 / 1600 * 100vw, 4rem);--oc-space-section-gap-large: clamp(2.5rem, 48 / 1600 * 100vw, 3rem);--oc-space-section-gap-medium: clamp(1.625rem, 32 / 1600 * 100vw, 2rem);--oc-space-item-padding-large: clamp(1.75rem, 32 / 1600 * 100vw, 2rem);--oc-space-item-padding-medium: clamp(1.5rem, 28 / 1600 * 100vw, 1.75rem);--oc-space-item-padding-small: clamp(1.25rem, 24 / 1600 * 100vw, 1.5rem);--oc-space-item-padding-xsmall: clamp(0.875rem, 16 / 1600 * 100vw, 1rem);--oc-space-item-padding-mini: clamp(0.625rem, 12 / 1600 * 100vw, 0.75rem);--oc-space-item-padding-tiny: 0.5rem;--oc-space-item-padding-micro: 0.375rem;--oc-space-item-gap-huge: clamp(2rem, 40 / 1600 * 100vw, 2.5rem);--oc-space-item-gap-xlarge: clamp(1.625rem, 32 / 1600 * 100vw, 2rem);--oc-space-item-gap-large: clamp(1.375rem, 24 / 1600 * 100vw, 1.5rem);--oc-space-item-gap-medium: clamp(1.125rem, 20 / 1600 * 100vw, 1.25rem);--oc-space-item-gap-small: clamp(0.875rem, 16 / 1600 * 100vw, 1rem);--oc-space-item-gap-xsmall: 0.75rem;--oc-space-item-gap-mini: 0.625rem;--oc-space-item-gap-tiny: 0.5rem;--oc-space-item-gap-micro: 0.375rem}}@media screen and (min-width: 1921px){:root{--oc-space-section-padding-viewport-x: clamp(3rem, 48 / 1920 * 100vw, 4rem);--oc-space-section-padding-viewport-y: clamp(2rem, 32 / 1920 * 100vw, 2.6666666667rem)}}:root:dir(rtl){--oc-space-section-padding-viewport-inline-safe-start: max(var(--oc-space-section-padding-viewport-x), env(safe-area-inset-right, 0px));--oc-space-section-padding-viewport-inline-safe-end: max(var(--oc-space-section-padding-viewport-x), env(safe-area-inset-left, 0px))}