@orioncactuscorp/ui 1.2.0 → 1.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +55 -26
- package/dist/components/Accordion/Accordion.css +1 -1
- package/dist/components/Accordion/Accordion.js +39 -38
- package/dist/components/Accordion/Accordion.module.scss.js +5 -5
- package/dist/components/ActionArea/ActionArea.css +1 -1
- package/dist/components/ActionArea/ActionArea.js +101 -71
- package/dist/components/Alert/Alert.css +1 -1
- package/dist/components/BackgroundIconButton/BackgroundIconButton.css +1 -1
- package/dist/components/Badge/Badge.css +1 -1
- package/dist/components/Badge/Badge.js +69 -25
- package/dist/components/Button/Button.css +1 -1
- package/dist/components/Button/Button.js +27 -27
- package/dist/components/Cell/Cell.css +1 -1
- package/dist/components/Cell/Cell.js +98 -88
- package/dist/components/CheckMark/CheckMark.css +1 -1
- package/dist/components/CheckMark/CheckMark.js +20 -18
- package/dist/components/CheckMark/CheckMark.module.scss.js +7 -3
- package/dist/components/Checkbox/Checkbox.css +1 -1
- package/dist/components/Checkbox/Checkbox.module.scss.js +10 -8
- package/dist/components/Field/Field.css +1 -1
- package/dist/components/Fieldset/Fieldset.css +1 -1
- package/dist/components/IconButton/IconButton.css +1 -1
- package/dist/components/Interaction/Interaction.css +1 -1
- package/dist/components/Loading/Loading.css +1 -1
- package/dist/components/Menu/Menu.css +1 -1
- package/dist/components/Modal/Modal.css +1 -1
- package/dist/components/Modal/Modal.js +377 -346
- package/dist/components/Modal/useModalDrag.js +654 -614
- package/dist/components/Radio/Radio.css +1 -1
- package/dist/components/Radio/Radio.module.scss.js +9 -7
- package/dist/components/ScrollArea/ScrollArea.css +1 -1
- package/dist/components/SectionHeader/SectionHeader.css +1 -1
- package/dist/components/Select/Select.css +1 -1
- package/dist/components/Select/Select.js +15 -15
- package/dist/components/Select/SelectContent.css +1 -1
- package/dist/components/Switch/Switch.css +1 -1
- package/dist/components/Switch/Switch.module.scss.js +6 -4
- package/dist/components/TextArea/TextArea.css +1 -1
- package/dist/components/TextArea/TextAreaContent.css +1 -1
- package/dist/components/TextButton/TextButton.css +1 -1
- package/dist/components/TextInput/TextInput.css +1 -1
- package/dist/components/TextInput/TextInputContent.css +1 -1
- package/dist/components/Tooltip/Tooltip.css +1 -1
- package/dist/foundations/atomic.css +1 -1
- package/dist/foundations/motion.css +1 -1
- package/dist/foundations/typo.css +1 -1
- package/dist/foundations.css +3 -3
- package/dist/react/motion.js +109 -106
- package/dist/styles.css +31 -31
- package/dist/ui/src/components/Accordion/Accordion.d.ts.map +1 -1
- package/dist/ui/src/components/ActionArea/ActionArea.d.ts +1 -1
- package/dist/ui/src/components/ActionArea/ActionArea.d.ts.map +1 -1
- package/dist/ui/src/components/ActionArea/index.d.ts +1 -1
- package/dist/ui/src/components/ActionArea/index.d.ts.map +1 -1
- package/dist/ui/src/components/ActionArea/types.d.ts +2 -2
- package/dist/ui/src/components/ActionArea/types.d.ts.map +1 -1
- package/dist/ui/src/components/Badge/Badge.d.ts +1 -1
- package/dist/ui/src/components/Badge/Badge.d.ts.map +1 -1
- package/dist/ui/src/components/Badge/types.d.ts +19 -2
- package/dist/ui/src/components/Badge/types.d.ts.map +1 -1
- package/dist/ui/src/components/Button/Button.d.ts.map +1 -1
- package/dist/ui/src/components/Cell/Cell.d.ts.map +1 -1
- package/dist/ui/src/components/CheckMark/CheckMark.d.ts +1 -1
- package/dist/ui/src/components/CheckMark/CheckMark.d.ts.map +1 -1
- package/dist/ui/src/components/CheckMark/index.d.ts +1 -1
- package/dist/ui/src/components/CheckMark/index.d.ts.map +1 -1
- package/dist/ui/src/components/CheckMark/types.d.ts +2 -0
- package/dist/ui/src/components/CheckMark/types.d.ts.map +1 -1
- package/dist/ui/src/components/Modal/Modal.d.ts.map +1 -1
- package/dist/ui/src/components/Modal/contexts.d.ts +1 -0
- package/dist/ui/src/components/Modal/contexts.d.ts.map +1 -1
- package/dist/ui/src/components/Modal/types.d.ts +5 -4
- package/dist/ui/src/components/Modal/types.d.ts.map +1 -1
- package/dist/ui/src/components/Modal/useModalDrag.d.ts.map +1 -1
- package/dist/ui/src/index.d.ts +4 -4
- package/dist/ui/src/index.d.ts.map +1 -1
- package/dist/ui/src/react/motion/index.d.ts +9 -8
- package/dist/ui/src/react/motion/index.d.ts.map +1 -1
- package/dist/ui/src/utils/motion.d.ts +15 -14
- package/dist/ui/src/utils/motion.d.ts.map +1 -1
- package/dist/utils/motion.js +282 -183
- package/dist/vscode/oc-ui-vars.css +31 -16
- package/package.json +2 -2
- package/src/scss/foundations/atomic.scss +12 -10
- package/src/scss/foundations/atomic.test.ts +34 -0
- package/src/scss/foundations/motion.scss +30 -16
- package/src/scss/foundations/typo.scss +1 -1
- package/src/scss/index.scss +1 -0
- package/src/scss/mixins/_motion.scss +168 -77
- package/src/scss/mixins/_motion.test.ts +137 -54
- package/src/scss/mixins/_radius.scss +3 -0
- package/src/scss/mixins/_radius.test.ts +52 -0
- package/src/scss/mixins/_typo.scss +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
.oc-Radio-module__radio__qhO7H{font-size:calc(var(--oc-typo-size-body2) * var(--oc-typo-
|
|
1
|
+
.oc-Radio-module__radio__qhO7H{font-size:calc(var(--oc-typo-size-body2) * var(--oc-typo-size-factor, 1));line-height:calc(var(--oc-typo-height-body2) * var(--oc-typo-size-factor, 1));letter-spacing:var(--oc-typo-spacing-body2);display:inline-flex;position:relative;align-items:flex-start;gap:.5em;opacity:1;color:var(--oc-color-theme-label-normal);transition:opacity calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1.5) var(--oc-motion-timing-feedback)}@media(prefers-reduced-motion:reduce){.oc-Radio-module__radio__qhO7H{transition-property:opacity;transition-duration:calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor-reduced) * var(--oc-motion-pace-normal) * 1.5);transition-timing-function:var(--oc-motion-timing-feedback)}}.oc-Radio-module__radio__qhO7H{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.oc-Radio-module__radio__qhO7H:has([data-oc-part=input]:disabled){opacity:var(--oc-color-global-opacity-43);cursor:not-allowed}.oc-Radio-module__radio__qhO7H{--oc-radio-icon-scale: .675}.oc-Radio-module__fill__h24zJ{display:flex;inline-size:100%}.oc-Radio-module__small__PGRQA{font-size:calc(var(--oc-typo-size-body2) * var(--oc-typo-size-factor, 1));line-height:calc(var(--oc-typo-height-body2) * var(--oc-typo-size-factor, 1));letter-spacing:var(--oc-typo-spacing-body2);--oc-radio-control-size: var(--oc-typo-height-body2);--oc-radio-content-height: var(--oc-typo-height-body2)}.oc-Radio-module__medium__OItEm{font-size:calc(var(--oc-typo-size-body1) * var(--oc-typo-size-factor, 1));line-height:calc(var(--oc-typo-height-body1) * var(--oc-typo-size-factor, 1));letter-spacing:var(--oc-typo-spacing-body1);--oc-radio-control-size: var(--oc-typo-height-body1);--oc-radio-content-height: var(--oc-typo-height-body1)}.oc-Radio-module__radio__qhO7H [data-oc-part=input]{position:absolute;opacity:0;pointer-events:none;inline-size:0;block-size:0}.oc-Radio-module__radio__qhO7H [data-oc-part=container]{position:relative;isolation:isolate;flex-shrink:0;padding:.125em;inline-size:var(--oc-radio-control-size);block-size:var(--oc-radio-control-size);--oc-interaction-inset-x: -.25em;--oc-interaction-inset-y: -.25em;--oc-interaction-z-index: 2;--oc-interaction-radius: var(--oc-atomic-radius-max)}.oc-Radio-module__radio__qhO7H [data-oc-part=wrapper]{display:flex;box-shadow:inset 0 0 0 1.5px currentColor}@supports (-webkit-backdrop-filter: none){.oc-Radio-module__radio__qhO7H [data-oc-part=wrapper]{box-shadow:inset 0 0 0 1px currentColor}@media only screen and (resolution:2dppx){.oc-Radio-module__radio__qhO7H [data-oc-part=wrapper]{box-shadow:inset 0 0 0 1.5px currentColor}}@media only screen and (resolution:3dppx){.oc-Radio-module__radio__qhO7H [data-oc-part=wrapper]{box-shadow:inset 0 0 0 1.6666px currentColor}}}.oc-Radio-module__radio__qhO7H [data-oc-part=wrapper]{border-radius:var(--oc-atomic-radius-max);inline-size:100%;block-size:100%;color:var(--oc-color-theme-line-normal-normal);transition:color 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-Radio-module__radio__qhO7H [data-oc-part=wrapper]{transition-property:color,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-Radio-module__radio__qhO7H [data-oc-part=icon-wrapper]{display:flex;align-items:center;justify-content:center;transform:scale(var(--oc-radio-icon-scale));inline-size:100%;block-size:100%;color:transparent;transition: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-Radio-module__radio__qhO7H [data-oc-part=icon-wrapper]{transition-property: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-Radio-module__radio__qhO7H [data-oc-part=icon-wrapper]>svg{inline-size:100%;block-size:100%}.oc-Radio-module__radio__qhO7H [data-oc-part=content]{display:flex;flex:1;align-items:flex-start;gap:var(--oc-space-item-gap-tiny);min-inline-size:0;padding-block:calc((var(--oc-radio-control-size) - var(--oc-radio-content-height)) / 2)}.oc-Radio-module__radio__qhO7H [data-oc-part=label]{-webkit-user-select:none;user-select:none}.oc-Radio-module__radio__qhO7H [data-oc-part=trailing-compound]{display:flex;flex-shrink:0;margin-inline-start:auto}.oc-Radio-module__fill__h24zJ [data-oc-part=label]{flex:1}.oc-Radio-module__radio__qhO7H [data-oc-part=input]:disabled+[data-oc-part=container] [data-oc-part=wrapper]{color:var(--oc-color-theme-line-normal-alternative)}.oc-Radio-module__radio__qhO7H [data-oc-part=input]:checked+[data-oc-part=container] [data-oc-part=wrapper]{color:transparent;background-color:var(--oc-color-theme-primary-normal)}.oc-Radio-module__radio__qhO7H [data-oc-part=input]:checked+[data-oc-part=container] [data-oc-part=icon-wrapper]{color:var(--oc-color-theme-static-white)}.oc-Radio-module__radio__qhO7H [data-oc-part=input]:focus-visible+[data-oc-part=container] [data-oc-part=wrapper]{outline:2px solid var(--oc-color-theme-primary-normal);outline-offset:2px}
|
|
@@ -1,11 +1,13 @@
|
|
|
1
|
-
import './Radio.css';const
|
|
2
|
-
radio:
|
|
3
|
-
fill:
|
|
4
|
-
small: _
|
|
1
|
+
import './Radio.css';const o = "oc-Radio-module__radio__qhO7H", l = "oc-Radio-module__fill__h24zJ", _ = "oc-Radio-module__small__PGRQA", d = "oc-Radio-module__medium__OItEm", m = {
|
|
2
|
+
radio: o,
|
|
3
|
+
fill: l,
|
|
4
|
+
small: _,
|
|
5
|
+
medium: d
|
|
5
6
|
};
|
|
6
7
|
export {
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
8
|
+
m as default,
|
|
9
|
+
l as fill,
|
|
10
|
+
d as medium,
|
|
11
|
+
o as radio,
|
|
10
12
|
_ as small
|
|
11
13
|
};
|
|
@@ -1 +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-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-
|
|
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-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:0;inset-inline-end:0;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-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-end:0;inset-inline:0;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-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%}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.oc-SectionHeader-module__sectionHeader__z1p-G{display:flex;align-items:flex-start;gap:var(--oc-space-item-gap-medium)}.oc-SectionHeader-module__sectionHeader__z1p-G[data-oc-size=large]{--oc-section-header-color: var(--oc-color-theme-label-strong)}.oc-SectionHeader-module__sectionHeader__z1p-G[data-oc-size=large][data-oc-viewport=auto]{--oc-section-header-heading-height: var(--oc-typo-height-heading2)}.oc-SectionHeader-module__sectionHeader__z1p-G[data-oc-size=large][data-oc-viewport=auto] [data-oc-part=title]{font-size:calc(var(--oc-typo-size-heading2) * var(--oc-typo-
|
|
1
|
+
.oc-SectionHeader-module__sectionHeader__z1p-G{display:flex;align-items:flex-start;gap:var(--oc-space-item-gap-medium)}.oc-SectionHeader-module__sectionHeader__z1p-G[data-oc-size=large]{--oc-section-header-color: var(--oc-color-theme-label-strong)}.oc-SectionHeader-module__sectionHeader__z1p-G[data-oc-size=large][data-oc-viewport=auto]{--oc-section-header-heading-height: var(--oc-typo-height-heading2)}.oc-SectionHeader-module__sectionHeader__z1p-G[data-oc-size=large][data-oc-viewport=auto] [data-oc-part=title]{font-size:calc(var(--oc-typo-size-heading2) * var(--oc-typo-size-factor, 1));line-height:calc(var(--oc-typo-height-heading2) * var(--oc-typo-size-factor, 1));letter-spacing:var(--oc-typo-spacing-heading2);font-weight:var(--oc-typo-weight-heading2-bold)}@media screen and (min-width:769px){.oc-SectionHeader-module__sectionHeader__z1p-G[data-oc-size=large][data-oc-viewport=auto]{--oc-section-header-heading-height: var(--oc-typo-height-title3)}.oc-SectionHeader-module__sectionHeader__z1p-G[data-oc-size=large][data-oc-viewport=auto] [data-oc-part=title]{font-size:calc(var(--oc-typo-size-title3) * var(--oc-typo-size-factor, 1));line-height:calc(var(--oc-typo-height-title3) * var(--oc-typo-size-factor, 1));letter-spacing:var(--oc-typo-spacing-title3);font-weight:var(--oc-typo-weight-title3-bold)}}.oc-SectionHeader-module__sectionHeader__z1p-G[data-oc-size=large][data-oc-viewport=desktop]{--oc-section-header-heading-height: var(--oc-typo-height-title3)}.oc-SectionHeader-module__sectionHeader__z1p-G[data-oc-size=large][data-oc-viewport=desktop] [data-oc-part=title]{font-size:calc(var(--oc-typo-size-title3) * var(--oc-typo-size-factor, 1));line-height:calc(var(--oc-typo-height-title3) * var(--oc-typo-size-factor, 1));letter-spacing:var(--oc-typo-spacing-title3);font-weight:var(--oc-typo-weight-title3-bold)}.oc-SectionHeader-module__sectionHeader__z1p-G[data-oc-size=large][data-oc-viewport=mobile]{--oc-section-header-heading-height: var(--oc-typo-height-heading2)}.oc-SectionHeader-module__sectionHeader__z1p-G[data-oc-size=large][data-oc-viewport=mobile] [data-oc-part=title]{font-size:calc(var(--oc-typo-size-heading2) * var(--oc-typo-size-factor, 1));line-height:calc(var(--oc-typo-height-heading2) * var(--oc-typo-size-factor, 1));letter-spacing:var(--oc-typo-spacing-heading2);font-weight:var(--oc-typo-weight-heading2-bold)}.oc-SectionHeader-module__sectionHeader__z1p-G[data-oc-size=medium]{--oc-section-header-color: var(--oc-color-theme-label-strong)}.oc-SectionHeader-module__sectionHeader__z1p-G[data-oc-size=medium][data-oc-viewport=auto]{--oc-section-header-heading-height: var(--oc-typo-height-headline2)}.oc-SectionHeader-module__sectionHeader__z1p-G[data-oc-size=medium][data-oc-viewport=auto] [data-oc-part=title]{font-size:calc(var(--oc-typo-size-headline2) * var(--oc-typo-size-factor, 1));line-height:calc(var(--oc-typo-height-headline2) * var(--oc-typo-size-factor, 1));letter-spacing:var(--oc-typo-spacing-headline2);font-weight:var(--oc-typo-weight-headline2-bold)}@media screen and (min-width:769px){.oc-SectionHeader-module__sectionHeader__z1p-G[data-oc-size=medium][data-oc-viewport=auto]{--oc-section-header-heading-height: var(--oc-typo-height-heading1)}.oc-SectionHeader-module__sectionHeader__z1p-G[data-oc-size=medium][data-oc-viewport=auto] [data-oc-part=title]{font-size:calc(var(--oc-typo-size-heading1) * var(--oc-typo-size-factor, 1));line-height:calc(var(--oc-typo-height-heading1) * var(--oc-typo-size-factor, 1));letter-spacing:var(--oc-typo-spacing-heading1);font-weight:var(--oc-typo-weight-heading1-bold)}}.oc-SectionHeader-module__sectionHeader__z1p-G[data-oc-size=medium][data-oc-viewport=desktop]{--oc-section-header-heading-height: var(--oc-typo-height-heading1)}.oc-SectionHeader-module__sectionHeader__z1p-G[data-oc-size=medium][data-oc-viewport=desktop] [data-oc-part=title]{font-size:calc(var(--oc-typo-size-heading1) * var(--oc-typo-size-factor, 1));line-height:calc(var(--oc-typo-height-heading1) * var(--oc-typo-size-factor, 1));letter-spacing:var(--oc-typo-spacing-heading1);font-weight:var(--oc-typo-weight-heading1-bold)}.oc-SectionHeader-module__sectionHeader__z1p-G[data-oc-size=medium][data-oc-viewport=mobile]{--oc-section-header-heading-height: var(--oc-typo-height-headline2)}.oc-SectionHeader-module__sectionHeader__z1p-G[data-oc-size=medium][data-oc-viewport=mobile] [data-oc-part=title]{font-size:calc(var(--oc-typo-size-headline2) * var(--oc-typo-size-factor, 1));line-height:calc(var(--oc-typo-height-headline2) * var(--oc-typo-size-factor, 1));letter-spacing:var(--oc-typo-spacing-headline2);font-weight:var(--oc-typo-weight-headline2-bold)}.oc-SectionHeader-module__sectionHeader__z1p-G[data-oc-size=small]{--oc-section-header-color: var(--oc-color-theme-label-strong)}.oc-SectionHeader-module__sectionHeader__z1p-G[data-oc-size=small][data-oc-viewport=auto]{--oc-section-header-heading-height: var(--oc-typo-height-body2)}.oc-SectionHeader-module__sectionHeader__z1p-G[data-oc-size=small][data-oc-viewport=auto] [data-oc-part=title]{font-size:calc(var(--oc-typo-size-body2) * var(--oc-typo-size-factor, 1));line-height:calc(var(--oc-typo-height-body2) * var(--oc-typo-size-factor, 1));letter-spacing:var(--oc-typo-spacing-body2);font-weight:var(--oc-typo-weight-body2-bold)}@media screen and (min-width:769px){.oc-SectionHeader-module__sectionHeader__z1p-G[data-oc-size=small][data-oc-viewport=auto]{--oc-section-header-heading-height: var(--oc-typo-height-headline2)}.oc-SectionHeader-module__sectionHeader__z1p-G[data-oc-size=small][data-oc-viewport=auto] [data-oc-part=title]{font-size:calc(var(--oc-typo-size-headline2) * var(--oc-typo-size-factor, 1));line-height:calc(var(--oc-typo-height-headline2) * var(--oc-typo-size-factor, 1));letter-spacing:var(--oc-typo-spacing-headline2);font-weight:var(--oc-typo-weight-headline2-bold)}}.oc-SectionHeader-module__sectionHeader__z1p-G[data-oc-size=small][data-oc-viewport=desktop]{--oc-section-header-heading-height: var(--oc-typo-height-headline2)}.oc-SectionHeader-module__sectionHeader__z1p-G[data-oc-size=small][data-oc-viewport=desktop] [data-oc-part=title]{font-size:calc(var(--oc-typo-size-headline2) * var(--oc-typo-size-factor, 1));line-height:calc(var(--oc-typo-height-headline2) * var(--oc-typo-size-factor, 1));letter-spacing:var(--oc-typo-spacing-headline2);font-weight:var(--oc-typo-weight-headline2-bold)}.oc-SectionHeader-module__sectionHeader__z1p-G[data-oc-size=small][data-oc-viewport=mobile]{--oc-section-header-heading-height: var(--oc-typo-height-body2)}.oc-SectionHeader-module__sectionHeader__z1p-G[data-oc-size=small][data-oc-viewport=mobile] [data-oc-part=title]{font-size:calc(var(--oc-typo-size-body2) * var(--oc-typo-size-factor, 1));line-height:calc(var(--oc-typo-height-body2) * var(--oc-typo-size-factor, 1));letter-spacing:var(--oc-typo-spacing-body2);font-weight:var(--oc-typo-weight-body2-bold)}.oc-SectionHeader-module__sectionHeader__z1p-G[data-oc-size=xsmall]{--oc-section-header-color: var(--oc-color-theme-label-alternative);--oc-section-header-heading-height: var(--oc-typo-height-label1)}.oc-SectionHeader-module__sectionHeader__z1p-G[data-oc-size=xsmall] [data-oc-part=title]{font-size:calc(var(--oc-typo-size-label1) * var(--oc-typo-size-factor, 1));line-height:calc(var(--oc-typo-height-label1) * var(--oc-typo-size-factor, 1));letter-spacing:var(--oc-typo-spacing-label1);font-weight:var(--oc-typo-weight-label1-bold)}.oc-SectionHeader-module__sectionHeader__z1p-G [data-oc-part=leading]{display:flex;flex-direction:column;gap:var(--oc-space-item-gap-tiny);flex:1;min-width:0}.oc-SectionHeader-module__sectionHeader__z1p-G [data-oc-part=heading]{display:flex;align-items:center;gap:var(--oc-space-item-gap-tiny)}.oc-SectionHeader-module__sectionHeader__z1p-G [data-oc-part=title]{color:var(--oc-section-header-color);margin:0;flex:1;min-width:0}.oc-SectionHeader-module__sectionHeader__z1p-G [data-oc-part=heading-slot],.oc-SectionHeader-module__sectionHeader__z1p-G [data-oc-part=trailing-slot]{display:flex;align-items:center;max-height:var(--oc-section-header-heading-height);overflow:hidden;flex-shrink:0}.oc-SectionHeader-module__sectionHeader__z1p-G [data-oc-part=description]{font-size:calc(var(--oc-typo-size-body2) * var(--oc-typo-size-factor, 1));line-height:calc(var(--oc-typo-height-body2) * var(--oc-typo-size-factor, 1));letter-spacing:var(--oc-typo-spacing-body2);font-weight:var(--oc-typo-weight-body2-medium);color:var(--oc-color-theme-label-alternative);margin:0}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.oc-Select-module__select__U4LyF{display:inline-flex;position:relative;align-items:center;inline-size:100%;cursor:pointer}.oc-Select-module__select__U4LyF:focus-within [data-oc-part=content]{--oc-field-control-stroke-color: color-mix(in srgb, var(--oc-field-control-outline-color), transparent 57%);--oc-field-control-stroke-width: 2.5px}.oc-Select-module__select__U4LyF:has([data-oc-part=select]:disabled) [data-oc-part=content]{--oc-field-control-background-color: var(--oc-color-theme-interaction-disable);cursor:not-allowed}.oc-Select-module__select__U4LyF [data-oc-part=content]{position:relative;isolation:isolate;overflow:hidden;border-radius:var(--oc-atomic-radius-small);background-color:var(--oc-field-control-background-color);color:var(--oc-color-theme-label-normal);transition:background-color calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-
|
|
1
|
+
.oc-Select-module__select__U4LyF{display:inline-flex;position:relative;align-items:center;inline-size:100%;cursor:pointer}.oc-Select-module__select__U4LyF:focus-within [data-oc-part=content]{--oc-field-control-stroke-color: color-mix(in srgb, var(--oc-field-control-outline-color), transparent 57%);--oc-field-control-stroke-width: 2.5px}.oc-Select-module__select__U4LyF:has([data-oc-part=select]:disabled) [data-oc-part=content]{--oc-field-control-background-color: var(--oc-color-theme-interaction-disable);cursor:not-allowed}.oc-Select-module__select__U4LyF [data-oc-part=content]{position:relative;isolation:isolate;overflow:hidden;border-radius:var(--oc-atomic-radius-small);background-color:var(--oc-field-control-background-color);color:var(--oc-color-theme-label-normal);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-Select-module__select__U4LyF [data-oc-part=content]{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-Select-module__select__U4LyF [data-oc-part=content]:after{position:absolute;z-index:3;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 var(--oc-field-control-stroke-width) var(--oc-field-control-stroke-color);pointer-events:none;content:"";transition:box-shadow 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-Select-module__select__U4LyF [data-oc-part=content]:after{transition-property:box-shadow;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-Select-module__select__U4LyF [data-oc-part=content]{--oc-field-control-content-padding-block: var(--oc-space-item-padding-xsmall);--oc-field-control-content-padding-inline: var(--oc-space-item-padding-xsmall);padding:var(--oc-field-control-content-padding-block) var(--oc-field-control-content-padding-inline);display:flex;align-items:center;gap:var(--oc-space-item-gap-small);inline-size:100%;min-inline-size:0;position:relative;min-block-size:calc(var(--oc-typo-height-body1) + var(--oc-field-control-content-padding-block) + var(--oc-field-control-content-padding-block))}.oc-Select-module__select__U4LyF [data-oc-part=content] [data-oc-part=leading-content],.oc-Select-module__select__U4LyF [data-oc-part=content] [data-oc-part=trailing-content]{position:relative;z-index:2}.oc-Select-module__select__U4LyF [data-oc-part=content]{--oc-select-leading-content-size: 0px;--oc-select-trailing-content-size: 0px;--oc-select-leading-offset: var(--oc-field-control-content-padding-inline);--oc-select-trailing-offset: calc(var(--oc-field-control-content-padding-inline) + var(--oc-select-indicator-size) + var(--oc-space-item-gap-small))}.oc-Select-module__select__U4LyF [data-oc-part=content]:has(>[data-oc-part=leading-content]){--oc-select-leading-offset: calc(var(--oc-field-control-content-padding-inline) + var(--oc-select-leading-content-size) + var(--oc-space-item-gap-small))}.oc-Select-module__select__U4LyF [data-oc-part=content]:has(>[data-oc-part=trailing-content]){--oc-select-trailing-offset: calc(var(--oc-field-control-content-padding-inline) + var(--oc-select-trailing-content-size) + var(--oc-select-indicator-size) + var(--oc-space-item-gap-small) + var(--oc-space-item-gap-small))}.oc-Select-module__select__U4LyF [data-oc-part=select]{all:unset;font-size:calc(var(--oc-typo-size-body1) * var(--oc-typo-size-factor, 1));line-height:calc(var(--oc-typo-height-body1) * var(--oc-typo-size-factor, 1));letter-spacing:var(--oc-typo-spacing-body1);display:block;flex:1;box-sizing:border-box;background:transparent;padding:0;inline-size:100%;min-inline-size:0;color:inherit;position:absolute;z-index:1;inset:0;block-size:100%;padding-block:var(--oc-field-control-content-padding-block);padding-inline:var(--oc-select-leading-offset) var(--oc-select-trailing-offset);border-radius:inherit;background-clip:padding-box}.oc-Select-module__select__U4LyF [data-oc-part=select]:-webkit-autofill,.oc-Select-module__select__U4LyF [data-oc-part=select]:-webkit-autofill:hover,.oc-Select-module__select__U4LyF [data-oc-part=select]:-webkit-autofill:focus,.oc-Select-module__select__U4LyF [data-oc-part=select]:-webkit-autofill:active{border-radius:inherit;box-shadow:0 0 0 100vmax var(--oc-field-control-autofill-tint-color) inset,0 0 0 100vmax var(--oc-field-control-autofill-surface-color) inset;caret-color:currentcolor;-webkit-text-fill-color:currentcolor}.oc-Select-module__select__U4LyF [data-oc-part=select]{appearance:none;cursor:pointer;text-overflow:ellipsis;white-space:nowrap}.oc-Select-module__select__U4LyF [data-oc-part=select]:disabled{cursor:not-allowed;color:var(--oc-color-theme-label-disable)}.oc-Select-module__select__U4LyF [data-oc-part=leading-content],.oc-Select-module__select__U4LyF [data-oc-part=trailing-content]{display:inline-flex;flex:none;align-items:center;color:var(--oc-color-theme-label-alternative);pointer-events:none}.oc-Select-module__select__U4LyF [data-oc-part=leading-content]:has(>[data-oc-component=select-content][data-oc-variant=action]),.oc-Select-module__select__U4LyF [data-oc-part=trailing-content]:has(>[data-oc-component=select-content][data-oc-variant=action]){pointer-events:auto}.oc-Select-module__select__U4LyF [data-oc-part=trailing-content]{margin-inline-start:auto}.oc-Select-module__select__U4LyF [data-oc-part=indicator]{display:inline-flex;position:relative;flex:none;align-items:center;justify-content:center;z-index:2;inline-size:var(--oc-select-indicator-size);block-size:var(--oc-select-indicator-size);padding:.0625em;line-height:0;color:var(--oc-color-theme-label-alternative);pointer-events:none}.oc-Select-module__select__U4LyF [data-oc-part=indicator]>[data-oc-component=svg-icon]{inline-size:100%;block-size:100%}.oc-Select-module__select__U4LyF [data-oc-part=content]:not(:has(>[data-oc-part=trailing-content])) [data-oc-part=indicator]{margin-inline-start:auto}.oc-Select-module__select__U4LyF{--oc-select-indicator-size: var(--oc-typo-height-body1);--oc-field-control-background-color: transparent;--oc-field-control-autofill-surface-color: var(--oc-color-theme-background-elevated-normal);--oc-field-control-autofill-tint-color: color-mix(in srgb, var(--oc-color-theme-accent-background-orange), transparent calc(100% - (100% * var(--oc-color-global-opacity-8))));--oc-field-control-stroke-color: var(--oc-color-theme-line-normal-normal);--oc-field-control-stroke-width: 1px;--oc-field-control-outline-color: var(--oc-color-theme-primary-normal)}.oc-Select-module__invalid__UZLhp [data-oc-part=content]{--oc-field-control-stroke-color: color-mix(in srgb, var(--oc-color-theme-status-negative), transparent calc(100% - (100% * var(--oc-color-global-opacity-35))));--oc-field-control-stroke-width: 1.5px;--oc-field-control-outline-color: var(--oc-color-theme-status-negative)}@supports (-webkit-backdrop-filter: none){.oc-Select-module__invalid__UZLhp [data-oc-part=content]{--oc-field-control-stroke-width: 1px}@media only screen and (resolution:2dppx){.oc-Select-module__invalid__UZLhp [data-oc-part=content]{--oc-field-control-stroke-width: 1.5px}}@media only screen and (resolution:3dppx){.oc-Select-module__invalid__UZLhp [data-oc-part=content]{--oc-field-control-stroke-width: 1.6666px}}}.oc-Select-module__invalid__UZLhp:focus-within [data-oc-part=content]:after{box-shadow:inset 0 0 0 var(--oc-field-control-stroke-width) var(--oc-field-control-stroke-color)}
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
import { jsx as
|
|
2
|
+
import { jsx as e, jsxs as f } from "react/jsx-runtime";
|
|
3
3
|
import { useRef as o } from "react";
|
|
4
|
-
import C from "@orioncactuscorp/icons/orioncactus/
|
|
4
|
+
import C from "@orioncactuscorp/icons/orioncactus/ChevronUpDown";
|
|
5
5
|
import { useFieldContext as z } from "../Field/Field.js";
|
|
6
6
|
import { useFieldControlOverlayMetrics as I } from "../Field/useFieldControlOverlayMetrics.js";
|
|
7
|
-
import
|
|
7
|
+
import p from "./Select.module.scss.js";
|
|
8
8
|
function M({
|
|
9
|
-
children:
|
|
9
|
+
children: u,
|
|
10
10
|
className: m = "",
|
|
11
|
-
invalid:
|
|
11
|
+
invalid: t = !1,
|
|
12
12
|
id: v,
|
|
13
13
|
leading: c,
|
|
14
14
|
placeholder: i,
|
|
@@ -33,31 +33,31 @@ function M({
|
|
|
33
33
|
const g = (r) => {
|
|
34
34
|
R.current = r, typeof n == "function" ? n(r) : n && (n.current = r);
|
|
35
35
|
};
|
|
36
|
-
return /* @__PURE__ */
|
|
36
|
+
return /* @__PURE__ */ e(
|
|
37
37
|
"div",
|
|
38
38
|
{
|
|
39
|
-
className: `${
|
|
40
|
-
"data-invalid":
|
|
39
|
+
className: `${p.select} ${t ? p.invalid : ""} ${m}`.trim(),
|
|
40
|
+
"data-invalid": t ? "" : void 0,
|
|
41
41
|
"data-oc-component": "select",
|
|
42
|
-
"data-oc-invalid":
|
|
42
|
+
"data-oc-invalid": t ? "true" : void 0,
|
|
43
43
|
children: /* @__PURE__ */ f("div", { ref: a, "data-oc-part": "content", children: [
|
|
44
|
-
c ? /* @__PURE__ */
|
|
44
|
+
c ? /* @__PURE__ */ e("span", { ref: s, "data-oc-part": "leading-content", children: c }) : null,
|
|
45
45
|
/* @__PURE__ */ f(
|
|
46
46
|
"select",
|
|
47
47
|
{
|
|
48
48
|
...h,
|
|
49
49
|
ref: g,
|
|
50
50
|
id: y,
|
|
51
|
-
"aria-invalid":
|
|
51
|
+
"aria-invalid": t || void 0,
|
|
52
52
|
"data-oc-part": "select",
|
|
53
53
|
children: [
|
|
54
|
-
i ? /* @__PURE__ */
|
|
55
|
-
|
|
54
|
+
i ? /* @__PURE__ */ e("option", { value: "", disabled: !0, children: i }) : null,
|
|
55
|
+
u
|
|
56
56
|
]
|
|
57
57
|
}
|
|
58
58
|
),
|
|
59
|
-
l ? /* @__PURE__ */
|
|
60
|
-
/* @__PURE__ */
|
|
59
|
+
l ? /* @__PURE__ */ e("span", { ref: d, "data-oc-part": "trailing-content", children: l }) : null,
|
|
60
|
+
/* @__PURE__ */ e("span", { "data-oc-part": "indicator", "aria-hidden": "true", children: /* @__PURE__ */ e(C, { size: "custom" }) })
|
|
61
61
|
] })
|
|
62
62
|
}
|
|
63
63
|
);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.oc-SelectContent-module__content__4wFxf{display:inline-flex;flex:none;align-items:center;justify-content:center;min-inline-size:0;color:var(--oc-color-theme-label-alternative);--oc-select-content-icon-size: var(--oc-typo-height-body1)}.oc-SelectContent-module__text__nvO0l{font-size:calc(var(--oc-typo-size-body1) * var(--oc-typo-
|
|
1
|
+
.oc-SelectContent-module__content__4wFxf{display:inline-flex;flex:none;align-items:center;justify-content:center;min-inline-size:0;color:var(--oc-color-theme-label-alternative);--oc-select-content-icon-size: var(--oc-typo-height-body1)}.oc-SelectContent-module__text__nvO0l{font-size:calc(var(--oc-typo-size-body1) * var(--oc-typo-size-factor, 1));line-height:calc(var(--oc-typo-height-body1) * var(--oc-typo-size-factor, 1));letter-spacing:var(--oc-typo-spacing-body1);white-space:nowrap}.oc-SelectContent-module__icon__YIPRR{inline-size:var(--oc-select-content-icon-size);block-size:var(--oc-select-content-icon-size);padding:.0625em}.oc-SelectContent-module__icon__YIPRR>svg{inline-size:100%;block-size:100%}.oc-SelectContent-module__action__tQgRc{color:var(--oc-color-theme-label-normal);pointer-events:auto}.oc-SelectContent-module__custom__1QuEH{color:inherit}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.oc-Switch-module__switch__PKzsW{font-size:calc(var(--oc-typo-size-body2) * var(--oc-typo-
|
|
1
|
+
.oc-Switch-module__switch__PKzsW{font-size:calc(var(--oc-typo-size-body2) * var(--oc-typo-size-factor, 1));line-height:calc(var(--oc-typo-height-body2) * var(--oc-typo-size-factor, 1));letter-spacing:var(--oc-typo-spacing-body2);display:inline-flex;position:relative;align-items:flex-start;gap:.5em;opacity:1;color:var(--oc-color-theme-label-normal);transition:opacity calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1.5) var(--oc-motion-timing-feedback)}@media(prefers-reduced-motion:reduce){.oc-Switch-module__switch__PKzsW{transition-property:opacity;transition-duration:calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor-reduced) * var(--oc-motion-pace-normal) * 1.5);transition-timing-function:var(--oc-motion-timing-feedback)}}.oc-Switch-module__switch__PKzsW{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.oc-Switch-module__switch__PKzsW:has([data-oc-part=input]:disabled){opacity:var(--oc-color-global-opacity-43);cursor:not-allowed}.oc-Switch-module__switch__PKzsW{--oc-switch-track-width: 2.5rem;--oc-switch-track-height: 1.5rem;--oc-switch-thumb-size: 1rem;--oc-switch-thumb-translate: 1rem;--oc-switch-thumb-translate-checked: var(--oc-switch-thumb-translate);--oc-switch-track-color: var(--oc-color-theme-fill-normal);--oc-switch-track-z-index: var(--oc-zindex-1);--oc-switch-interaction-z-index: var(--oc-zindex-2);--oc-switch-thumb-z-index: calc(var(--oc-switch-interaction-z-index) + 1)}.oc-Switch-module__switch__PKzsW:dir(rtl){--oc-switch-thumb-translate-checked: calc(var(--oc-switch-thumb-translate) * -1)}.oc-Switch-module__small__LEHKf{font-size:calc(var(--oc-typo-size-body2) * var(--oc-typo-size-factor, 1));line-height:calc(var(--oc-typo-height-body2) * var(--oc-typo-size-factor, 1));letter-spacing:var(--oc-typo-spacing-body2);--oc-switch-control-size: var(--oc-typo-height-body2);--oc-switch-content-height: var(--oc-typo-height-body2);--oc-switch-track-width: 2rem;--oc-switch-track-height: 1.25rem;--oc-switch-thumb-size: .875rem;--oc-switch-thumb-translate: .75rem}.oc-Switch-module__medium__rpPKx{font-size:calc(var(--oc-typo-size-body1) * var(--oc-typo-size-factor, 1));line-height:calc(var(--oc-typo-height-body1) * var(--oc-typo-size-factor, 1));letter-spacing:var(--oc-typo-spacing-body1);--oc-switch-control-size: var(--oc-typo-height-body1);--oc-switch-content-height: var(--oc-typo-height-body1)}.oc-Switch-module__switch__PKzsW [data-oc-part=input]{position:absolute;opacity:0;pointer-events:none;inline-size:0;block-size:0}.oc-Switch-module__switch__PKzsW [data-oc-part=container]{display:flex;position:relative;flex-shrink:0;align-items:center;isolation:isolate;overflow:hidden;border-radius:var(--oc-atomic-radius-max);padding-block:calc((var(--oc-switch-control-size) - var(--oc-switch-track-height)) / 2);inline-size:var(--oc-switch-track-width);block-size:var(--oc-switch-control-size);--oc-interaction-inset-y: calc((var(--oc-switch-control-size) - var(--oc-switch-track-height)) / 2);--oc-interaction-z-index: var(--oc-switch-interaction-z-index);--oc-interaction-radius: var(--oc-atomic-radius-max)}.oc-Switch-module__switch__PKzsW [data-oc-part=thumb]{position:absolute;z-index:var(--oc-switch-thumb-z-index);inset-block-start:calc((var(--oc-switch-control-size) - var(--oc-switch-thumb-size)) / 2);inset-inline-start:calc((var(--oc-switch-track-height) - var(--oc-switch-thumb-size)) / 2);transform:translate(0);border-radius:var(--oc-atomic-radius-max);background-color:var(--oc-color-theme-static-white);inline-size:var(--oc-switch-thumb-size);block-size:var(--oc-switch-thumb-size);transition:transform calc(.561s * var(--oc-motion-duration-factor) * var(--oc-motion-pace-quick) * 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%)}@media(prefers-reduced-motion:reduce){.oc-Switch-module__switch__PKzsW [data-oc-part=thumb]{transition-duration:calc(var(--oc-motion-duration-move) * var(--oc-motion-duration-factor-preserve) * var(--oc-motion-pace-quick) * 1);transition-timing-function:var(--oc-motion-timing-move)}}.oc-Switch-module__switch__PKzsW [data-oc-part=thumb]{pointer-events:none}.oc-Switch-module__switch__PKzsW [data-oc-part=container]>[data-oc-component=interaction]{inset-block:calc((var(--oc-switch-control-size) - var(--oc-switch-track-height)) / 2);inset-inline:0;inline-size:100%;block-size:var(--oc-switch-track-height)}.oc-Switch-module__switch__PKzsW [data-oc-part=container]:before{position:absolute;z-index:var(--oc-switch-track-z-index);inset-block:calc((var(--oc-switch-control-size) - var(--oc-switch-track-height)) / 2);inset-inline:0;border-radius:inherit;background-color:var(--oc-switch-track-color);content:"";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-Switch-module__switch__PKzsW [data-oc-part=container]:before{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-Switch-module__switch__PKzsW [data-oc-part=content]{display:flex;flex:1;align-items:flex-start;min-inline-size:0;padding-block:calc((var(--oc-switch-control-size) - var(--oc-switch-content-height)) / 2)}.oc-Switch-module__switch__PKzsW [data-oc-part=label]{-webkit-user-select:none;user-select:none}.oc-Switch-module__switch__PKzsW [data-oc-part=input]:checked+[data-oc-part=container]{--oc-switch-track-color: var(--oc-color-theme-primary-normal)}.oc-Switch-module__switch__PKzsW [data-oc-part=input]:checked+[data-oc-part=container] [data-oc-part=thumb]{transform:translate(var(--oc-switch-thumb-translate-checked))}.oc-Switch-module__switch__PKzsW [data-oc-part=input]:disabled+[data-oc-part=container]{--oc-switch-track-color: var(--oc-color-theme-fill-alternative)}.oc-Switch-module__switch__PKzsW [data-oc-part=input]:focus-visible+[data-oc-part=container]{outline:2px solid var(--oc-color-theme-primary-normal);outline-offset:2px}
|
|
@@ -1,8 +1,10 @@
|
|
|
1
|
-
import './Switch.css';const
|
|
1
|
+
import './Switch.css';const m = "oc-Switch-module__small__LEHKf", s = "oc-Switch-module__medium__rpPKx", _ = {
|
|
2
2
|
switch: "oc-Switch-module__switch__PKzsW",
|
|
3
|
-
small:
|
|
3
|
+
small: m,
|
|
4
|
+
medium: s
|
|
4
5
|
};
|
|
5
6
|
export {
|
|
6
|
-
|
|
7
|
-
s as
|
|
7
|
+
_ as default,
|
|
8
|
+
s as medium,
|
|
9
|
+
m as small
|
|
8
10
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.oc-TextArea-module__textArea__nlK-5{display:flex;flex-direction:column;gap:var(--oc-space-item-gap-small);inline-size:100%;min-inline-size:0}.oc-TextArea-module__textArea__nlK-5:focus-within [data-oc-part=content]{--oc-field-control-stroke-color: color-mix(in srgb, var(--oc-field-control-outline-color), transparent 57%);--oc-field-control-stroke-width: 2.5px}.oc-TextArea-module__textArea__nlK-5:has([data-oc-part=textarea]:disabled){cursor:not-allowed}.oc-TextArea-module__textArea__nlK-5:has([data-oc-part=textarea]:disabled) [data-oc-part=content]{--oc-field-control-background-color: var(--oc-color-theme-interaction-disable);cursor:not-allowed}.oc-TextArea-module__textArea__nlK-5 [data-oc-part=content]{position:relative;isolation:isolate;overflow:hidden;border-radius:var(--oc-atomic-radius-small);background-color:var(--oc-field-control-background-color);color:var(--oc-color-theme-label-normal);transition:background-color calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-
|
|
1
|
+
.oc-TextArea-module__textArea__nlK-5{display:flex;flex-direction:column;gap:var(--oc-space-item-gap-small);inline-size:100%;min-inline-size:0}.oc-TextArea-module__textArea__nlK-5:focus-within [data-oc-part=content]{--oc-field-control-stroke-color: color-mix(in srgb, var(--oc-field-control-outline-color), transparent 57%);--oc-field-control-stroke-width: 2.5px}.oc-TextArea-module__textArea__nlK-5:has([data-oc-part=textarea]:disabled){cursor:not-allowed}.oc-TextArea-module__textArea__nlK-5:has([data-oc-part=textarea]:disabled) [data-oc-part=content]{--oc-field-control-background-color: var(--oc-color-theme-interaction-disable);cursor:not-allowed}.oc-TextArea-module__textArea__nlK-5 [data-oc-part=content]{position:relative;isolation:isolate;overflow:hidden;border-radius:var(--oc-atomic-radius-small);background-color:var(--oc-field-control-background-color);color:var(--oc-color-theme-label-normal);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-TextArea-module__textArea__nlK-5 [data-oc-part=content]{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-TextArea-module__textArea__nlK-5 [data-oc-part=content]:after{position:absolute;z-index:3;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 var(--oc-field-control-stroke-width) var(--oc-field-control-stroke-color);pointer-events:none;content:"";transition:box-shadow 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-TextArea-module__textArea__nlK-5 [data-oc-part=content]:after{transition-property:box-shadow;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-TextArea-module__textArea__nlK-5 [data-oc-part=content]{--oc-field-control-content-padding-block: var(--oc-space-item-padding-xsmall);--oc-field-control-content-padding-inline: var(--oc-space-item-padding-xsmall);padding:var(--oc-field-control-content-padding-block) var(--oc-field-control-content-padding-inline);display:flex;flex-direction:column;gap:var(--oc-space-item-gap-small);inline-size:100%;min-inline-size:0;position:relative;min-block-size:calc(var(--oc-typo-height-body1) + var(--oc-field-control-content-padding-block) + var(--oc-field-control-content-padding-block))}.oc-TextArea-module__textArea__nlK-5 [data-oc-part=content] [data-oc-part=leading-content],.oc-TextArea-module__textArea__nlK-5 [data-oc-part=content] [data-oc-part=trailing-content]{position:relative;z-index:2}.oc-TextArea-module__textArea__nlK-5 [data-oc-part=content]{gap:0;min-block-size:var(--oc-text-area-control-block-size);padding:0;--oc-text-area-control-block-size: calc(var(--oc-typo-height-body1) * 2 + var(--oc-field-control-content-padding-block) + var(--oc-field-control-content-padding-block));--oc-text-area-supporting-content-size: 0px;--oc-text-area-supporting-content-offset: 0px}.oc-TextArea-module__textArea__nlK-5 [data-oc-part=content]:has(>[data-oc-part=supporting-content]){--oc-text-area-supporting-content-offset: calc(var(--oc-text-area-supporting-content-size) + var(--oc-space-item-gap-small))}.oc-TextArea-module__textArea__nlK-5 [data-oc-part=textarea]{all:unset;font-size:calc(var(--oc-typo-size-body1) * var(--oc-typo-size-factor, 1));line-height:calc(var(--oc-typo-height-body1) * var(--oc-typo-size-factor, 1));letter-spacing:var(--oc-typo-spacing-body1);display:block;flex:1;box-sizing:border-box;background:transparent;padding:0;inline-size:100%;min-inline-size:0;color:inherit;position:absolute;z-index:1;inset:0;block-size:100%;padding-block:var(--oc-field-control-content-padding-block);padding-inline:var(--oc-field-control-content-padding-inline) var(--oc-field-control-content-padding-inline);border-radius:inherit;background-clip:padding-box}.oc-TextArea-module__textArea__nlK-5 [data-oc-part=textarea]:-webkit-autofill,.oc-TextArea-module__textArea__nlK-5 [data-oc-part=textarea]:-webkit-autofill:hover,.oc-TextArea-module__textArea__nlK-5 [data-oc-part=textarea]:-webkit-autofill:focus,.oc-TextArea-module__textArea__nlK-5 [data-oc-part=textarea]:-webkit-autofill:active{border-radius:inherit;box-shadow:0 0 0 100vmax var(--oc-field-control-autofill-tint-color) inset,0 0 0 100vmax var(--oc-field-control-autofill-surface-color) inset;caret-color:currentcolor;-webkit-text-fill-color:currentcolor}.oc-TextArea-module__textArea__nlK-5 [data-oc-part=textarea]{padding-block-end:calc(var(--oc-field-control-content-padding-block) + var(--oc-text-area-supporting-content-offset));resize:none}.oc-TextArea-module__textArea__nlK-5 [data-oc-part=textarea]::placeholder{color:var(--oc-color-theme-label-assistive)}.oc-TextArea-module__textArea__nlK-5 [data-oc-part=textarea]:focus{outline:none}.oc-TextArea-module__textArea__nlK-5 [data-oc-part=textarea]:disabled{cursor:not-allowed;color:var(--oc-color-theme-label-disable)}.oc-TextArea-module__textArea__nlK-5 [data-oc-part=supporting-content]{display:flex;position:absolute;align-items:center;gap:var(--oc-space-item-gap-small);z-index:2;inset-block-end:var(--oc-field-control-content-padding-block);inset-inline:var(--oc-field-control-content-padding-inline);min-inline-size:0;pointer-events:none}.oc-TextArea-module__textArea__nlK-5 [data-oc-part=supporting-content][data-oc-align=start]{justify-content:flex-start}.oc-TextArea-module__textArea__nlK-5 [data-oc-part=supporting-content][data-oc-align=end]{justify-content:flex-end}.oc-TextArea-module__textArea__nlK-5 [data-oc-part=supporting-content][data-oc-align=space-between]{justify-content:space-between}.oc-TextArea-module__textArea__nlK-5 [data-oc-part=leading-content],.oc-TextArea-module__textArea__nlK-5 [data-oc-part=trailing-content]{display:inline-flex;flex:none;align-items:center;color:var(--oc-color-theme-label-alternative);pointer-events:none}.oc-TextArea-module__textArea__nlK-5 [data-oc-part=leading-content]:has(>[data-oc-component=text-area-content][data-oc-variant=action]),.oc-TextArea-module__textArea__nlK-5 [data-oc-part=trailing-content]:has(>[data-oc-component=text-area-content][data-oc-variant=action]){pointer-events:auto}.oc-TextArea-module__textArea__nlK-5{--oc-field-control-background-color: transparent;--oc-field-control-autofill-surface-color: var(--oc-color-theme-background-elevated-normal);--oc-field-control-autofill-tint-color: color-mix(in srgb, var(--oc-color-theme-accent-background-orange), transparent calc(100% - (100% * var(--oc-color-global-opacity-8))));--oc-field-control-stroke-color: var(--oc-color-theme-line-normal-normal);--oc-field-control-stroke-width: 1px;--oc-field-control-outline-color: var(--oc-color-theme-primary-normal)}.oc-TextArea-module__invalid__lqbKp [data-oc-part=content]{--oc-field-control-stroke-color: color-mix(in srgb, var(--oc-color-theme-status-negative), transparent calc(100% - (100% * var(--oc-color-global-opacity-35))));--oc-field-control-stroke-width: 1.5px;--oc-field-control-outline-color: var(--oc-color-theme-status-negative)}@supports (-webkit-backdrop-filter: none){.oc-TextArea-module__invalid__lqbKp [data-oc-part=content]{--oc-field-control-stroke-width: 1px}@media only screen and (resolution:2dppx){.oc-TextArea-module__invalid__lqbKp [data-oc-part=content]{--oc-field-control-stroke-width: 1.5px}}@media only screen and (resolution:3dppx){.oc-TextArea-module__invalid__lqbKp [data-oc-part=content]{--oc-field-control-stroke-width: 1.6666px}}}.oc-TextArea-module__invalid__lqbKp:focus-within [data-oc-part=content]:after{box-shadow:inset 0 0 0 var(--oc-field-control-stroke-width) var(--oc-field-control-stroke-color)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.oc-TextAreaContent-module__content__gdhDI{display:inline-flex;flex:none;align-items:center;justify-content:center;min-inline-size:0;color:var(--oc-color-theme-label-alternative);--oc-text-area-content-icon-size: var(--oc-typo-height-body1)}.oc-TextAreaContent-module__text__bflvs{font-size:calc(var(--oc-typo-size-body1) * var(--oc-typo-
|
|
1
|
+
.oc-TextAreaContent-module__content__gdhDI{display:inline-flex;flex:none;align-items:center;justify-content:center;min-inline-size:0;color:var(--oc-color-theme-label-alternative);--oc-text-area-content-icon-size: var(--oc-typo-height-body1)}.oc-TextAreaContent-module__text__bflvs{font-size:calc(var(--oc-typo-size-body1) * var(--oc-typo-size-factor, 1));line-height:calc(var(--oc-typo-height-body1) * var(--oc-typo-size-factor, 1));letter-spacing:var(--oc-typo-spacing-body1);white-space:nowrap}.oc-TextAreaContent-module__icon__7qQ5I{inline-size:var(--oc-text-area-content-icon-size);block-size:var(--oc-text-area-content-icon-size);padding:.0625em;line-height:0}.oc-TextAreaContent-module__icon__7qQ5I>svg{inline-size:100%;block-size:100%}.oc-TextAreaContent-module__action__48-uE{color:var(--oc-color-theme-label-normal);pointer-events:auto}.oc-TextAreaContent-module__custom__j1IHu{color:inherit}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.oc-TextButton-module__textButton__71n5b{position:relative;display:inline-flex;align-items:center;justify-content:center;appearance:none;border:none;background-color:transparent;padding:0;cursor:pointer;text-decoration:none;color:inherit;will-change:transform;transition:transform calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-
|
|
1
|
+
.oc-TextButton-module__textButton__71n5b{position:relative;display:inline-flex;align-items:center;justify-content:center;appearance:none;border:none;background-color:transparent;padding:0;cursor:pointer;text-decoration:none;color:inherit;will-change:transform;transition:transform calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1) var(--oc-motion-timing-feedback)}.oc-TextButton-module__textButton__71n5b{-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;display:inline-flex;align-items:center;gap:.125em;color:var(--oc-text-button-color);transition:transform 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-TextButton-module__textButton__71n5b{transition:none;transform:none}}.oc-TextButton-module__textButton__71n5b{--oc-text-button-color: inherit;--oc-interaction-color: currentcolor;--oc-interaction-scale: .95;--oc-interaction-time: .15s;--oc-interaction-inset-x: -.375em;--oc-interaction-inset-y: -.1em;--oc-interaction-radius: max(0px, .3125em * var(--oc-atomic-radius-factor))}.oc-TextButton-module__textButton__71n5b>[data-oc-part=icon]{display:inline-flex;align-items:center;justify-content:center;width:1.125em;height:1.125em}.oc-TextButton-module__textButton__71n5b>[data-oc-part=icon]>svg{width:100%;height:100%}.oc-TextButton-module__textButton__71n5b:focus-visible>[data-oc-component=interaction]{opacity:var(--oc-interaction-opacity-focus);transform:scale(1)}.oc-TextButton-module__textButton__71n5b:active{transform:scale(max(0,1 + (.95 - 1) * var(--oc-motion-scale-factor-feedback)))}.oc-TextButton-module__textButton__71n5b:active>[data-oc-component=interaction]{opacity:var(--oc-interaction-opacity-active);transform:scale(1)}.oc-TextButton-module__textButton__71n5b:where(.oc-TextButton-module__primary__dlRiO){--oc-text-button-color: var(--oc-color-theme-primary-normal)}.oc-TextButton-module__textButton__71n5b:where(.oc-TextButton-module__assistive__wUKa-){--oc-text-button-color: var(--oc-color-theme-label-alternative)}.oc-TextButton-module__textButton__71n5b:where(.oc-TextButton-module__medium__1VOra){font-size:calc(var(--oc-typo-size-body1) * var(--oc-typo-size-factor, 1));line-height:calc(var(--oc-typo-height-body1) * var(--oc-typo-size-factor, 1));letter-spacing:var(--oc-typo-spacing-body1);font-weight:var(--oc-typo-weight-body1-bold)}.oc-TextButton-module__textButton__71n5b:where(.oc-TextButton-module__small__zxHdc){font-size:calc(var(--oc-typo-size-label1) * var(--oc-typo-size-factor, 1));line-height:calc(var(--oc-typo-height-label1) * var(--oc-typo-size-factor, 1));letter-spacing:var(--oc-typo-spacing-label1);font-weight:var(--oc-typo-weight-label1-bold)}@media(prefers-reduced-motion:reduce){.oc-TextButton-module__textButton__71n5b:active{transform:none}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.oc-TextInput-module__textInput__7UMkB{display:flex;position:relative;align-items:center;cursor:text}.oc-TextInput-module__textInput__7UMkB:focus-within [data-oc-part=content]{--oc-field-control-stroke-color: color-mix(in srgb, var(--oc-field-control-outline-color), transparent 57%);--oc-field-control-stroke-width: 2.5px}.oc-TextInput-module__textInput__7UMkB:has([data-oc-part=input]:disabled) [data-oc-part=content]{--oc-field-control-background-color: var(--oc-color-theme-interaction-disable);cursor:not-allowed}.oc-TextInput-module__textInput__7UMkB [data-oc-part=content]{position:relative;isolation:isolate;overflow:hidden;border-radius:var(--oc-atomic-radius-small);background-color:var(--oc-field-control-background-color);color:var(--oc-color-theme-label-normal);transition:background-color calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-
|
|
1
|
+
.oc-TextInput-module__textInput__7UMkB{display:flex;position:relative;align-items:center;cursor:text}.oc-TextInput-module__textInput__7UMkB:focus-within [data-oc-part=content]{--oc-field-control-stroke-color: color-mix(in srgb, var(--oc-field-control-outline-color), transparent 57%);--oc-field-control-stroke-width: 2.5px}.oc-TextInput-module__textInput__7UMkB:has([data-oc-part=input]:disabled) [data-oc-part=content]{--oc-field-control-background-color: var(--oc-color-theme-interaction-disable);cursor:not-allowed}.oc-TextInput-module__textInput__7UMkB [data-oc-part=content]{position:relative;isolation:isolate;overflow:hidden;border-radius:var(--oc-atomic-radius-small);background-color:var(--oc-field-control-background-color);color:var(--oc-color-theme-label-normal);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-TextInput-module__textInput__7UMkB [data-oc-part=content]{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-TextInput-module__textInput__7UMkB [data-oc-part=content]:after{position:absolute;z-index:3;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 var(--oc-field-control-stroke-width) var(--oc-field-control-stroke-color);pointer-events:none;content:"";transition:box-shadow 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-TextInput-module__textInput__7UMkB [data-oc-part=content]:after{transition-property:box-shadow;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-TextInput-module__textInput__7UMkB [data-oc-part=content]{--oc-field-control-content-padding-block: var(--oc-space-item-padding-xsmall);--oc-field-control-content-padding-inline: var(--oc-space-item-padding-xsmall);padding:var(--oc-field-control-content-padding-block) var(--oc-field-control-content-padding-inline);display:flex;align-items:center;gap:var(--oc-space-item-gap-small);inline-size:100%;min-inline-size:0;position:relative;min-block-size:calc(var(--oc-typo-height-body1) + var(--oc-field-control-content-padding-block) + var(--oc-field-control-content-padding-block))}.oc-TextInput-module__textInput__7UMkB [data-oc-part=content] [data-oc-part=leading-content],.oc-TextInput-module__textInput__7UMkB [data-oc-part=content] [data-oc-part=trailing-content]{position:relative;z-index:2}.oc-TextInput-module__textInput__7UMkB [data-oc-part=content]{--oc-text-input-leading-content-size: 0px;--oc-text-input-trailing-content-size: 0px;--oc-text-input-leading-offset: var(--oc-field-control-content-padding-inline);--oc-text-input-trailing-offset: var(--oc-field-control-content-padding-inline)}.oc-TextInput-module__textInput__7UMkB [data-oc-part=content]:has(>[data-oc-part=leading-content]){--oc-text-input-leading-offset: calc(var(--oc-field-control-content-padding-inline) + var(--oc-text-input-leading-content-size) + var(--oc-space-item-gap-small))}.oc-TextInput-module__textInput__7UMkB [data-oc-part=content]:has(>[data-oc-part=trailing-content]){--oc-text-input-trailing-offset: calc(var(--oc-field-control-content-padding-inline) + var(--oc-text-input-trailing-content-size) + var(--oc-space-item-gap-small))}.oc-TextInput-module__textInput__7UMkB [data-oc-part=input]{all:unset;font-size:calc(var(--oc-typo-size-body1) * var(--oc-typo-size-factor, 1));line-height:calc(var(--oc-typo-height-body1) * var(--oc-typo-size-factor, 1));letter-spacing:var(--oc-typo-spacing-body1);display:block;flex:1;box-sizing:border-box;background:transparent;padding:0;inline-size:100%;min-inline-size:0;color:inherit;position:absolute;z-index:1;inset:0;block-size:100%;padding-block:var(--oc-field-control-content-padding-block);padding-inline:var(--oc-text-input-leading-offset) var(--oc-text-input-trailing-offset);border-radius:inherit;background-clip:padding-box}.oc-TextInput-module__textInput__7UMkB [data-oc-part=input]:-webkit-autofill,.oc-TextInput-module__textInput__7UMkB [data-oc-part=input]:-webkit-autofill:hover,.oc-TextInput-module__textInput__7UMkB [data-oc-part=input]:-webkit-autofill:focus,.oc-TextInput-module__textInput__7UMkB [data-oc-part=input]:-webkit-autofill:active{border-radius:inherit;box-shadow:0 0 0 100vmax var(--oc-field-control-autofill-tint-color) inset,0 0 0 100vmax var(--oc-field-control-autofill-surface-color) inset;caret-color:currentcolor;-webkit-text-fill-color:currentcolor}.oc-TextInput-module__textInput__7UMkB [data-oc-part=input]{caret-color:var(--oc-color-theme-label-normal)}.oc-TextInput-module__textInput__7UMkB [data-oc-part=input]::placeholder{color:var(--oc-color-theme-label-assistive)}.oc-TextInput-module__textInput__7UMkB [data-oc-part=input]:disabled{cursor:not-allowed;color:var(--oc-color-theme-label-disable)}.oc-TextInput-module__textInput__7UMkB [data-oc-part=leading-content],.oc-TextInput-module__textInput__7UMkB [data-oc-part=trailing-content]{display:inline-flex;flex:none;align-items:center;color:var(--oc-color-theme-label-alternative);pointer-events:none}.oc-TextInput-module__textInput__7UMkB [data-oc-part=leading-content][data-oc-interactive=true],.oc-TextInput-module__textInput__7UMkB [data-oc-part=leading-content]:has(>[data-oc-component=text-input-content][data-oc-variant=action]),.oc-TextInput-module__textInput__7UMkB [data-oc-part=trailing-content][data-oc-interactive=true],.oc-TextInput-module__textInput__7UMkB [data-oc-part=trailing-content]:has(>[data-oc-component=text-input-content][data-oc-variant=action]){pointer-events:auto}.oc-TextInput-module__textInput__7UMkB [data-oc-part=trailing-content]{margin-inline-start:auto}.oc-TextInput-module__textInput__7UMkB{--oc-field-control-background-color: transparent;--oc-field-control-autofill-surface-color: var(--oc-color-theme-background-elevated-normal);--oc-field-control-autofill-tint-color: color-mix(in srgb, var(--oc-color-theme-accent-background-orange), transparent calc(100% - (100% * var(--oc-color-global-opacity-8))));--oc-field-control-stroke-color: var(--oc-color-theme-line-normal-normal);--oc-field-control-stroke-width: 1px;--oc-field-control-outline-color: var(--oc-color-theme-primary-normal)}.oc-TextInput-module__invalid__DdPl6 [data-oc-part=content]{--oc-field-control-stroke-color: color-mix(in srgb, var(--oc-color-theme-status-negative), transparent calc(100% - (100% * var(--oc-color-global-opacity-35))));--oc-field-control-stroke-width: 1.5px;--oc-field-control-outline-color: var(--oc-color-theme-status-negative)}@supports (-webkit-backdrop-filter: none){.oc-TextInput-module__invalid__DdPl6 [data-oc-part=content]{--oc-field-control-stroke-width: 1px}@media only screen and (resolution:2dppx){.oc-TextInput-module__invalid__DdPl6 [data-oc-part=content]{--oc-field-control-stroke-width: 1.5px}}@media only screen and (resolution:3dppx){.oc-TextInput-module__invalid__DdPl6 [data-oc-part=content]{--oc-field-control-stroke-width: 1.6666px}}}.oc-TextInput-module__invalid__DdPl6:focus-within [data-oc-part=content]:after{box-shadow:inset 0 0 0 var(--oc-field-control-stroke-width) var(--oc-field-control-stroke-color)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.oc-TextInputContent-module__content__jypl-{display:inline-flex;flex:none;align-items:center;justify-content:center;min-inline-size:0;color:var(--oc-color-theme-label-alternative);--oc-text-input-content-icon-size: var(--oc-typo-height-body1)}.oc-TextInputContent-module__text__IEbrv{font-size:calc(var(--oc-typo-size-body1) * var(--oc-typo-
|
|
1
|
+
.oc-TextInputContent-module__content__jypl-{display:inline-flex;flex:none;align-items:center;justify-content:center;min-inline-size:0;color:var(--oc-color-theme-label-alternative);--oc-text-input-content-icon-size: var(--oc-typo-height-body1)}.oc-TextInputContent-module__text__IEbrv{font-size:calc(var(--oc-typo-size-body1) * var(--oc-typo-size-factor, 1));line-height:calc(var(--oc-typo-height-body1) * var(--oc-typo-size-factor, 1));letter-spacing:var(--oc-typo-spacing-body1);white-space:nowrap}.oc-TextInputContent-module__icon__v0I-X{inline-size:var(--oc-text-input-content-icon-size);block-size:var(--oc-text-input-content-icon-size);padding:.0625em;line-height:0}.oc-TextInputContent-module__icon__v0I-X>svg{inline-size:100%;block-size:100%}.oc-TextInputContent-module__action__-3xf2{color:var(--oc-color-theme-label-normal);pointer-events:auto}.oc-TextInputContent-module__custom__nyjf7{color:inherit}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.oc-Tooltip-module__trigger__bpvLZ{all:unset}.oc-Tooltip-module__tooltip__LjRUX{font-size:calc(var(--oc-typo-size-caption2) * var(--oc-typo-
|
|
1
|
+
.oc-Tooltip-module__trigger__bpvLZ{all:unset}.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)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--oc-atomic-radius-max: 10000px;--oc-atomic-radius-huge: clamp(1.5rem, 24 / 768 * 100vw, 4rem);--oc-atomic-radius-xlarge: clamp(0.75rem, 12 / 768 * 100vw, 2rem);--oc-atomic-radius-large: clamp(0.75rem, 12 / 768 * 100vw, 1.5rem);--oc-atomic-radius-medium: clamp(0.75rem, 12 / 768 * 100vw, 1rem);--oc-atomic-radius-small: clamp(0.625rem, 10 / 768 * 100vw, 0.75rem);--oc-atomic-radius-xsmall: clamp(0.5rem, 8 / 768 * 100vw, 0.625rem);--oc-atomic-radius-mini: clamp(0.375rem, 6 / 768 * 100vw, 0.5rem);--oc-atomic-radius-tiny: clamp(0.25rem, 4 / 768 * 100vw, 0.375rem);--oc-atomic-radius-micro: 0.25rem;--oc-atomic-width-content: 35em;--oc-atomic-width-section-large: 60rem;--oc-atomic-width-section-medium: 48rem;--oc-atomic-width-section-small: 30rem;--oc-atomic-width-section-xsmall: 24rem;--oc-atomic-blur-normal: 64px;--oc-atomic-blur-compact: 28px;--oc-atomic-shadow-normal-xsmall: 0 1px 4px -1px color-mix(in srgb, var(--oc-color-global-coolNeutral-10), transparent calc(100% - (100% * 0.06)));--oc-atomic-shadow-normal-small: 0 2px 6px -1px color-mix(in srgb, var(--oc-color-global-coolNeutral-10), transparent calc(100% - (100% * var(--oc-color-global-opacity-8))));--oc-atomic-shadow-normal-medium: 0 4px 12px -2px color-mix(in srgb, var(--oc-color-global-coolNeutral-10), transparent calc(100% - (100% * var(--oc-color-global-opacity-8))));--oc-atomic-shadow-normal-large: 0 6px 18px -2px color-mix(in srgb, var(--oc-color-global-coolNeutral-10), transparent calc(100% - (100% * var(--oc-color-global-opacity-8))));--oc-atomic-shadow-normal-xlarge: 0 12px 32px -4px color-mix(in srgb, var(--oc-color-global-coolNeutral-10), transparent calc(100% - (100% * var(--oc-color-global-opacity-12))));--oc-atomic-shadow-spread-small: 0 0 32px -2px color-mix(in srgb, var(--oc-color-global-coolNeutral-10), transparent calc(100% - (100% * 0.06)));--oc-atomic-shadow-spread-xlarge: 0 12px 160px -4px color-mix(in srgb, var(--oc-color-global-coolNeutral-10), transparent calc(100% - (100% * 0.1)))}
|
|
1
|
+
:root{--oc-atomic-radius-factor: 1;--oc-atomic-radius-max: max(0px, 10000px * var(--oc-atomic-radius-factor));--oc-atomic-radius-huge: max(0px, clamp(1.5rem, 24 / 768 * 100vw, 4rem) * var(--oc-atomic-radius-factor));--oc-atomic-radius-xlarge: max(0px, clamp(0.75rem, 12 / 768 * 100vw, 2rem) * var(--oc-atomic-radius-factor));--oc-atomic-radius-large: max(0px, clamp(0.75rem, 12 / 768 * 100vw, 1.5rem) * var(--oc-atomic-radius-factor));--oc-atomic-radius-medium: max(0px, clamp(0.75rem, 12 / 768 * 100vw, 1rem) * var(--oc-atomic-radius-factor));--oc-atomic-radius-small: max(0px, clamp(0.625rem, 10 / 768 * 100vw, 0.75rem) * var(--oc-atomic-radius-factor));--oc-atomic-radius-xsmall: max(0px, clamp(0.5rem, 8 / 768 * 100vw, 0.625rem) * var(--oc-atomic-radius-factor));--oc-atomic-radius-mini: max(0px, clamp(0.375rem, 6 / 768 * 100vw, 0.5rem) * var(--oc-atomic-radius-factor));--oc-atomic-radius-tiny: max(0px, clamp(0.25rem, 4 / 768 * 100vw, 0.375rem) * var(--oc-atomic-radius-factor));--oc-atomic-radius-micro: max(0px, 0.25rem * var(--oc-atomic-radius-factor));--oc-atomic-width-content: 35em;--oc-atomic-width-section-large: 60rem;--oc-atomic-width-section-medium: 48rem;--oc-atomic-width-section-small: 30rem;--oc-atomic-width-section-xsmall: 24rem;--oc-atomic-blur-normal: 64px;--oc-atomic-blur-compact: 28px;--oc-atomic-shadow-normal-xsmall: 0 1px 4px -1px color-mix(in srgb, var(--oc-color-global-coolNeutral-10), transparent calc(100% - (100% * 0.06)));--oc-atomic-shadow-normal-small: 0 2px 6px -1px color-mix(in srgb, var(--oc-color-global-coolNeutral-10), transparent calc(100% - (100% * var(--oc-color-global-opacity-8))));--oc-atomic-shadow-normal-medium: 0 4px 12px -2px color-mix(in srgb, var(--oc-color-global-coolNeutral-10), transparent calc(100% - (100% * var(--oc-color-global-opacity-8))));--oc-atomic-shadow-normal-large: 0 6px 18px -2px color-mix(in srgb, var(--oc-color-global-coolNeutral-10), transparent calc(100% - (100% * var(--oc-color-global-opacity-8))));--oc-atomic-shadow-normal-xlarge: 0 12px 32px -4px color-mix(in srgb, var(--oc-color-global-coolNeutral-10), transparent calc(100% - (100% * var(--oc-color-global-opacity-12))));--oc-atomic-shadow-spread-small: 0 0 32px -2px color-mix(in srgb, var(--oc-color-global-coolNeutral-10), transparent calc(100% - (100% * 0.06)));--oc-atomic-shadow-spread-xlarge: 0 12px 160px -4px color-mix(in srgb, var(--oc-color-global-coolNeutral-10), transparent calc(100% - (100% * 0.1)))}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--oc-motion-duration-
|
|
1
|
+
:root{--oc-motion-duration-factor: 1;--oc-motion-duration-factor-reduced: 0.75;--oc-motion-duration-factor-preserve: 1;--oc-motion-scale-factor: 1;--oc-motion-scale-factor-feedback: var(--oc-motion-scale-factor);--oc-motion-scale-factor-spatial: var(--oc-motion-scale-factor);--oc-motion-distance-factor: 1;--oc-motion-distance-factor-reject: var(--oc-motion-distance-factor);--oc-motion-distance-factor-spatial: var(--oc-motion-distance-factor);--oc-motion-pace-quick: 0.75;--oc-motion-pace-normal: 1;--oc-motion-pace-slow: 1.35;--oc-motion-duration-feedback: 0.2s;--oc-motion-duration-reject: 0.598s;--oc-motion-duration-disclosure: 0.2s;--oc-motion-duration-disclosure-exit: 0.14s;--oc-motion-duration-surface: 0.26s;--oc-motion-duration-surface-exit: 0.24s;--oc-motion-duration-sheet: 0.26s;--oc-motion-duration-sheet-exit: 0.33s;--oc-motion-duration-sheet-release: 0.33s;--oc-motion-duration-expand: 0.3s;--oc-motion-duration-expand-exit: 0.24s;--oc-motion-duration-move: 0.3s;--oc-motion-duration-gesture: 0.2s;--oc-motion-duration-gesture-release: 0.52s;--oc-motion-duration-ambient: 1.2s;--oc-motion-timing-feedback: ease;--oc-motion-timing-reject: linear(0 0%, 0.0149 1.56%, 0.0529 3.13%, 0.1059 4.69%, 0.1677 6.25%, 0.2339 7.81%, 0.3013 9.38%, 0.3676 10.94%, 0.4313 12.5%, 0.4914 14.06%, 0.5474 15.63%, 0.5989 17.19%, 0.6458 18.75%, 0.6883 20.31%, 0.7265 21.88%, 0.7606 23.44%, 0.791 25%, 0.8179 26.56%, 0.8417 28.13%, 0.8626 29.69%, 0.881 31.25%, 0.897 32.81%, 0.911 34.38%, 0.9233 35.94%, 0.9339 37.5%, 0.9431 39.06%, 0.9511 40.63%, 0.958 42.19%, 0.9639 43.75%, 0.9691 45.31%, 0.9735 46.88%, 0.9773 48.44%, 0.9806 50%, 0.9834 51.56%, 0.9859 53.13%, 0.9879 54.69%, 0.9897 56.25%, 0.9912 57.81%, 0.9925 59.38%, 0.9936 60.94%, 0.9946 62.5%, 0.9954 64.06%, 0.9961 65.63%, 0.9967 67.19%, 0.9972 68.75%, 0.9976 70.31%, 0.998 71.88%, 0.9983 73.44%, 0.9985 75%, 0.9988 76.56%, 0.9989 78.13%, 0.9991 79.69%, 0.9992 81.25%, 0.9994 82.81%, 0.9995 84.38%, 0.9995 85.94%, 0.9996 87.5%, 0.9997 89.06%, 0.9997 90.63%, 0.9998 92.19%, 0.9998 93.75%, 0.9998 95.31%, 0.9999 96.88%, 0.9999 98.44%, 1 100%);--oc-motion-timing-disclosure: ease;--oc-motion-timing-disclosure-exit: cubic-bezier(0.8, 0, 1, 1);--oc-motion-timing-surface: ease;--oc-motion-timing-surface-exit: ease-in;--oc-motion-timing-sheet: ease;--oc-motion-timing-sheet-exit: ease-in;--oc-motion-timing-sheet-release: ease;--oc-motion-timing-expand: ease;--oc-motion-timing-expand-exit: ease-in;--oc-motion-timing-move: cubic-bezier(0.32, 0.72, 0, 1);--oc-motion-timing-gesture: ease;--oc-motion-timing-gesture-release: cubic-bezier(0.32, 0.72, 0, 1);--oc-motion-timing-ambient: linear;--oc-spring-smooth-timing: linear(0 0%, 0.0149 1.56%, 0.053 3.13%, 0.106 4.69%, 0.1678 6.25%, 0.2341 7.81%, 0.3015 9.38%, 0.3679 10.94%, 0.4316 12.5%, 0.4918 14.06%, 0.5477 15.63%, 0.5992 17.19%, 0.6462 18.75%, 0.6886 20.31%, 0.7268 21.88%, 0.7609 23.44%, 0.7913 25%, 0.8182 26.56%, 0.842 28.13%, 0.8629 29.69%, 0.8812 31.25%, 0.8972 32.81%, 0.9112 34.38%, 0.9234 35.94%, 0.934 37.5%, 0.9432 39.06%, 0.9512 40.63%, 0.9581 42.19%, 0.964 43.75%, 0.9692 45.31%, 0.9736 46.88%, 0.9774 48.44%, 0.9807 50%, 0.9835 51.56%, 0.9859 53.13%, 0.988 54.69%, 0.9897 56.25%, 0.9913 57.81%, 0.9926 59.38%, 0.9937 60.94%, 0.9946 62.5%, 0.9954 64.06%, 0.9961 65.63%, 0.9967 67.19%, 0.9972 68.75%, 0.9976 70.31%, 0.998 71.88%, 0.9983 73.44%, 0.9985 75%, 0.9988 76.56%, 0.999 78.13%, 0.9991 79.69%, 0.9992 81.25%, 0.9994 82.81%, 0.9995 84.38%, 0.9995 85.94%, 0.9996 87.5%, 0.9997 89.06%, 0.9997 90.63%, 0.9998 92.19%, 0.9998 93.75%, 0.9998 95.31%, 0.9999 96.88%, 0.9999 98.44%, 1 100%);--oc-spring-smooth-duration-scale: 1.87;--oc-spring-snappy-timing: linear(0 0%, 0.0117 1.56%, 0.0427 3.13%, 0.0878 4.69%, 0.1425 6.25%, 0.2034 7.81%, 0.2676 9.38%, 0.3329 10.94%, 0.3975 12.5%, 0.4603 14.06%, 0.5202 15.63%, 0.5765 17.19%, 0.6289 18.75%, 0.6771 20.31%, 0.7211 21.88%, 0.7608 23.44%, 0.7964 25%, 0.8281 26.56%, 0.8561 28.13%, 0.8807 29.69%, 0.902 31.25%, 0.9205 32.81%, 0.9363 34.38%, 0.9498 35.94%, 0.9612 37.5%, 0.9708 39.06%, 0.9787 40.63%, 0.9853 42.19%, 0.9905 43.75%, 0.9948 45.31%, 0.9981 46.88%, 1.0007 48.44%, 1.0027 50%, 1.0041 51.56%, 1.0051 53.13%, 1.0058 54.69%, 1.0061 56.25%, 1.0063 57.81%, 1.0062 59.38%, 1.0061 60.94%, 1.0058 62.5%, 1.0055 64.06%, 1.0051 65.63%, 1.0047 67.19%, 1.0043 68.75%, 1.0039 70.31%, 1.0035 71.88%, 1.0031 73.44%, 1.0028 75%, 1.0024 76.56%, 1.0021 78.13%, 1.0018 79.69%, 1.0016 81.25%, 1.0013 82.81%, 1.0011 84.38%, 1.0009 85.94%, 1.0008 87.5%, 1.0007 89.06%, 1.0005 90.63%, 1.0004 92.19%, 1.0003 93.75%, 1.0003 95.31%, 1.0002 96.88%, 1.0001 98.44%, 1 100%);--oc-spring-snappy-duration-scale: 1.63;--oc-spring-bouncy-timing: linear(0 0%, 0.0154 1.56%, 0.0563 3.13%, 0.1157 4.69%, 0.1878 6.25%, 0.2675 7.81%, 0.3508 9.38%, 0.4343 10.94%, 0.5157 12.5%, 0.5929 14.06%, 0.6647 15.63%, 0.7301 17.19%, 0.7887 18.75%, 0.8403 20.31%, 0.8849 21.88%, 0.9228 23.44%, 0.9545 25%, 0.9803 26.56%, 1.0009 28.13%, 1.0168 29.69%, 1.0286 31.25%, 1.0369 32.81%, 1.0422 34.38%, 1.0451 35.94%, 1.046 37.5%, 1.0453 39.06%, 1.0435 40.63%, 1.0408 42.19%, 1.0375 43.75%, 1.0338 45.31%, 1.03 46.88%, 1.0262 48.44%, 1.0224 50%, 1.0189 51.56%, 1.0155 53.13%, 1.0125 54.69%, 1.0098 56.25%, 1.0074 57.81%, 1.0054 59.38%, 1.0036 60.94%, 1.0021 62.5%, 1.0009 64.06%, 1 65.63%, 0.9993 67.19%, 0.9987 68.75%, 0.9983 70.31%, 0.9981 71.88%, 0.9979 73.44%, 0.9979 75%, 0.9979 76.56%, 0.998 78.13%, 0.9981 79.69%, 0.9983 81.25%, 0.9984 82.81%, 0.9986 84.38%, 0.9988 85.94%, 0.999 87.5%, 0.9991 89.06%, 0.9993 90.63%, 0.9994 92.19%, 0.9995 93.75%, 0.9997 95.31%, 0.9997 96.88%, 0.9998 98.44%, 1 100%);--oc-spring-bouncy-duration-scale: 1.864}@media(prefers-reduced-motion: reduce){:root{--oc-motion-duration-factor: var(--oc-motion-duration-factor-reduced)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--oc-typo-font-family: system-ui, sans-serif;--oc-typo-scale: 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}
|
|
1
|
+
: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}
|