@orioncactuscorp/ui 1.1.0 → 1.2.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
CHANGED
|
@@ -202,6 +202,33 @@ import '@orioncactuscorp/ui/styles.css';
|
|
|
202
202
|
|
|
203
203
|
SCSS foundation profile은 compile-time 설정입니다. Prebuilt `foundations.css` 또는 `styles.css` import에는 적용되지 않습니다.
|
|
204
204
|
|
|
205
|
+
## SCSS Helpers
|
|
206
|
+
|
|
207
|
+
`@orioncactuscorp/ui/scss/mixins/element`는 요소 표면을 구성할 때 쓰는 SCSS helper를 제공합니다.
|
|
208
|
+
|
|
209
|
+
`oc-border`는 실제 CSS `border` 대신 inset `box-shadow`로 안쪽 border를 그립니다. 요소의 content, padding, layout 크기를 바꾸지 않는 surface stroke가 필요할 때 사용합니다.
|
|
210
|
+
|
|
211
|
+
```scss
|
|
212
|
+
@use '@orioncactuscorp/ui/scss/mixins/element' as *;
|
|
213
|
+
|
|
214
|
+
.surface {
|
|
215
|
+
@include oc-border;
|
|
216
|
+
}
|
|
217
|
+
|
|
218
|
+
.surfaceAccent {
|
|
219
|
+
@include oc-border(var(--oc-color-theme-primary-normal));
|
|
220
|
+
}
|
|
221
|
+
|
|
222
|
+
.surfaceInvalid {
|
|
223
|
+
@include oc-border(1.5px, var(--oc-color-theme-status-negative));
|
|
224
|
+
}
|
|
225
|
+
```
|
|
226
|
+
|
|
227
|
+
- `@include oc-border`는 `1px currentColor` inset border를 출력합니다.
|
|
228
|
+
- `@include oc-border(black)`처럼 색상만 넘기면 `1px black` inset border를 출력합니다.
|
|
229
|
+
- `@include oc-border(1.5px, var(--color))`처럼 width와 color를 함께 넘길 수 있습니다.
|
|
230
|
+
- `1.5px`, `2.5px`, `3.5px` 같은 half-pixel px width는 WebKit/DPR 보정을 함께 출력합니다.
|
|
231
|
+
|
|
205
232
|
## Icons
|
|
206
233
|
|
|
207
234
|
`@orioncactuscorp/ui`는 `@orioncactuscorp/icons`를 dependency로 사용합니다. `Checkbox`, `Radio`, `Select`, `Accordion`, `ModalClose` 같은 컴포넌트 내부 indicator를 별도 설정 없이 렌더링합니다.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.oc-Checkbox-module__checkbox__D0D4S{font-size:calc(var(--oc-typo-size-body2) * var(--oc-typo-scale, 1));line-height:calc(var(--oc-typo-height-body2) * var(--oc-typo-scale, 1));letter-spacing:var(--oc-typo-spacing-body2);display:inline-flex;position:relative;align-items:flex-start;gap:var(--oc-space-item-gap-tiny);opacity:1;color:var(--oc-color-theme-label-normal);transition:opacity calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-scale) * var(--oc-motion-pace-normal) * 1.5) var(--oc-motion-timing-feedback)}@media(prefers-reduced-motion:reduce){.oc-Checkbox-module__checkbox__D0D4S{transition-property:opacity;transition-duration:calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-scale-reduced) * var(--oc-motion-pace-normal) * 1.5);transition-timing-function:var(--oc-motion-timing-feedback)}}.oc-Checkbox-module__checkbox__D0D4S{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;--oc-checkbox-control-size: var(--oc-typo-height-body1)}.oc-Checkbox-module__checkbox__D0D4S:has([data-oc-part=input]:disabled){opacity:var(--oc-color-global-opacity-43);cursor:not-allowed}.oc-Checkbox-module__fill__p-vFK{display:flex;inline-size:100%}.oc-Checkbox-module__small__UzHgE{font-size:calc(var(--oc-typo-size-label1) * var(--oc-typo-scale, 1));line-height:calc(var(--oc-typo-height-label1) * var(--oc-typo-scale, 1));letter-spacing:var(--oc-typo-spacing-label1)}.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=input]{position:absolute;opacity:0;pointer-events:none;inline-size:0;block-size:0}.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=container]{position:relative;isolation:isolate;flex-shrink:0;padding:var(--oc-space-item-padding-nano);inline-size:var(--oc-checkbox-control-size);block-size:var(--oc-checkbox-control-size);--oc-interaction-inset-x: -.25rem;--oc-interaction-inset-y: -.25rem;--oc-interaction-z-index: 2;--oc-interaction-radius: var(--oc-atomic-radius-max)}.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=wrapper]{display:flex;box-shadow:inset 0 0 0 1.5px
|
|
1
|
+
.oc-Checkbox-module__checkbox__D0D4S{font-size:calc(var(--oc-typo-size-body2) * var(--oc-typo-scale, 1));line-height:calc(var(--oc-typo-height-body2) * var(--oc-typo-scale, 1));letter-spacing:var(--oc-typo-spacing-body2);display:inline-flex;position:relative;align-items:flex-start;gap:var(--oc-space-item-gap-tiny);opacity:1;color:var(--oc-color-theme-label-normal);transition:opacity calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-scale) * var(--oc-motion-pace-normal) * 1.5) var(--oc-motion-timing-feedback)}@media(prefers-reduced-motion:reduce){.oc-Checkbox-module__checkbox__D0D4S{transition-property:opacity;transition-duration:calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-scale-reduced) * var(--oc-motion-pace-normal) * 1.5);transition-timing-function:var(--oc-motion-timing-feedback)}}.oc-Checkbox-module__checkbox__D0D4S{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;--oc-checkbox-control-size: var(--oc-typo-height-body1)}.oc-Checkbox-module__checkbox__D0D4S:has([data-oc-part=input]:disabled){opacity:var(--oc-color-global-opacity-43);cursor:not-allowed}.oc-Checkbox-module__fill__p-vFK{display:flex;inline-size:100%}.oc-Checkbox-module__small__UzHgE{font-size:calc(var(--oc-typo-size-label1) * var(--oc-typo-scale, 1));line-height:calc(var(--oc-typo-height-label1) * var(--oc-typo-scale, 1));letter-spacing:var(--oc-typo-spacing-label1)}.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=input]{position:absolute;opacity:0;pointer-events:none;inline-size:0;block-size:0}.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=container]{position:relative;isolation:isolate;flex-shrink:0;padding:var(--oc-space-item-padding-nano);inline-size:var(--oc-checkbox-control-size);block-size:var(--oc-checkbox-control-size);--oc-interaction-inset-x: -.25rem;--oc-interaction-inset-y: -.25rem;--oc-interaction-z-index: 2;--oc-interaction-radius: var(--oc-atomic-radius-max)}.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=wrapper]{display:flex;box-shadow:inset 0 0 0 1.5px currentColor}@supports (-webkit-backdrop-filter: none){.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=wrapper]{box-shadow:inset 0 0 0 1px currentColor}@media only screen and (resolution:2dppx){.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=wrapper]{box-shadow:inset 0 0 0 1.5px currentColor}}@media only screen and (resolution:3dppx){.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=wrapper]{box-shadow:inset 0 0 0 1.6666px currentColor}}}.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=wrapper]{border-radius:.325rem;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-scale) * var(--oc-motion-pace-normal) * 1) var(--oc-motion-timing-feedback),background-color calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-scale) * var(--oc-motion-pace-normal) * 1) var(--oc-motion-timing-feedback)}@media(prefers-reduced-motion:reduce){.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=wrapper]{transition-property:color,background-color;transition-duration:calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-scale-reduced) * var(--oc-motion-pace-normal) * 1);transition-timing-function:var(--oc-motion-timing-feedback)}}.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=icon-wrapper]{display:flex;position:relative;align-items:center;justify-content:center;inline-size:100%;block-size:100%;color:transparent}.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=check],.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=indeterminate]{position:absolute;inset:0;transform:scale(max(0,1 + (.9 - 1) * var(--oc-motion-scale-feedback)));color:transparent;transition:transform calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-scale) * var(--oc-motion-pace-normal) * 1) var(--oc-motion-timing-feedback),color calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-scale) * var(--oc-motion-pace-normal) * 1) var(--oc-motion-timing-feedback)}@media(prefers-reduced-motion:reduce){.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=check],.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=indeterminate]{transition-property:color;transition-duration:calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-scale-reduced) * var(--oc-motion-pace-normal) * 1);transition-timing-function:var(--oc-motion-timing-feedback);transform:none}}.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=check],.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=indeterminate]{will-change:transform}.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=check]>svg,.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=indeterminate]>svg{inline-size:100%;block-size:100%;padding:.0625rem}.oc-Checkbox-module__checkbox__D0D4S [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-typo-height-body1) - var(--oc-typo-height-body2)) / 2)}.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=label]{-webkit-user-select:none;user-select:none}.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=trailing-compound]{display:flex;flex-shrink:0;margin-inline-start:auto}.oc-Checkbox-module__fill__p-vFK [data-oc-part=label]{flex:1}.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=input]:disabled+[data-oc-part=container] [data-oc-part=wrapper]{color:var(--oc-color-theme-line-normal-alternative)}.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=input]:checked+[data-oc-part=container] [data-oc-part=wrapper],.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=input]:indeterminate+[data-oc-part=container] [data-oc-part=wrapper],.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=input][data-oc-indeterminate=true]+[data-oc-part=container] [data-oc-part=wrapper]{color:transparent;background-color:var(--oc-color-theme-primary-normal)}.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=input]:checked:not([data-oc-indeterminate=true])+[data-oc-part=container] [data-oc-part=check],.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=input]:indeterminate+[data-oc-part=container] [data-oc-part=indeterminate],.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=input][data-oc-indeterminate=true]+[data-oc-part=container] [data-oc-part=indeterminate]{transform:scale(1);color:var(--oc-color-theme-static-white)}.oc-Checkbox-module__checkbox__D0D4S [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}@media(prefers-reduced-motion:reduce){.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=input]:checked:not([data-oc-indeterminate=true])+[data-oc-part=container] [data-oc-part=check],.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=input]:indeterminate+[data-oc-part=container] [data-oc-part=indeterminate],.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=input][data-oc-indeterminate=true]+[data-oc-part=container] [data-oc-part=indeterminate]{transform:none}.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=check],.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=indeterminate]{will-change:auto}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.oc-Radio-module__radio__qhO7H{font-size:calc(var(--oc-typo-size-body2) * var(--oc-typo-scale, 1));line-height:calc(var(--oc-typo-height-body2) * var(--oc-typo-scale, 1));letter-spacing:var(--oc-typo-spacing-body2);display:inline-flex;position:relative;align-items:flex-start;gap:var(--oc-space-item-gap-tiny);opacity:1;color:var(--oc-color-theme-label-normal);transition:opacity calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-scale) * 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-scale-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-control-size: var(--oc-typo-height-body1);--oc-radio-icon-scale: .675}.oc-Radio-module__radio__qhO7H:has([data-oc-part=input]:disabled){opacity:var(--oc-color-global-opacity-43);cursor:not-allowed}.oc-Radio-module__fill__h24zJ{display:flex;inline-size:100%}.oc-Radio-module__small__PGRQA{font-size:calc(var(--oc-typo-size-label1) * var(--oc-typo-scale, 1));line-height:calc(var(--oc-typo-height-label1) * var(--oc-typo-scale, 1));letter-spacing:var(--oc-typo-spacing-label1)}.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:var(--oc-space-item-padding-nano);inline-size:var(--oc-radio-control-size);block-size:var(--oc-radio-control-size);--oc-interaction-inset-x: -.25rem;--oc-interaction-inset-y: -.25rem;--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
|
|
1
|
+
.oc-Radio-module__radio__qhO7H{font-size:calc(var(--oc-typo-size-body2) * var(--oc-typo-scale, 1));line-height:calc(var(--oc-typo-height-body2) * var(--oc-typo-scale, 1));letter-spacing:var(--oc-typo-spacing-body2);display:inline-flex;position:relative;align-items:flex-start;gap:var(--oc-space-item-gap-tiny);opacity:1;color:var(--oc-color-theme-label-normal);transition:opacity calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-scale) * 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-scale-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-control-size: var(--oc-typo-height-body1);--oc-radio-icon-scale: .675}.oc-Radio-module__radio__qhO7H:has([data-oc-part=input]:disabled){opacity:var(--oc-color-global-opacity-43);cursor:not-allowed}.oc-Radio-module__fill__h24zJ{display:flex;inline-size:100%}.oc-Radio-module__small__PGRQA{font-size:calc(var(--oc-typo-size-label1) * var(--oc-typo-scale, 1));line-height:calc(var(--oc-typo-height-label1) * var(--oc-typo-scale, 1));letter-spacing:var(--oc-typo-spacing-label1)}.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:var(--oc-space-item-padding-nano);inline-size:var(--oc-radio-control-size);block-size:var(--oc-radio-control-size);--oc-interaction-inset-x: -.25rem;--oc-interaction-inset-y: -.25rem;--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-scale) * var(--oc-motion-pace-normal) * 1) var(--oc-motion-timing-feedback),background-color calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-scale) * 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-scale-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-scale) * 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-scale-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-typo-height-body1) - var(--oc-typo-height-body2)) / 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}
|
package/dist/styles.css
CHANGED
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
.oc-Button-module__button__18Bed{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-scale) * var(--oc-motion-pace-normal) * 1) var(--oc-motion-timing-feedback)}@media(prefers-reduced-motion:reduce){.oc-Button-module__button__18Bed{transition:none;transform:none}}.oc-Button-module__button__18Bed{-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;font-size:calc(var(--oc-typo-size-body1) * var(--oc-typo-scale, 1));line-height:calc(var(--oc-typo-height-body1) * var(--oc-typo-scale, 1));letter-spacing:var(--oc-typo-spacing-body1);font-weight:var(--oc-typo-weight-body1-bold);display:inline-flex;position:relative;overflow:hidden;flex-direction:column;gap:0;box-shadow:inset 0 0 0 1px var(--oc-button-border-color, transparent);border-radius:var(--oc-button-radius);background-color:var(--oc-button-background-color);padding:var(--oc-button-padding-y) var(--oc-button-padding-x);min-block-size:calc(var(--oc-button-content-height) + var(--oc-button-padding-y) * 2);color:var(--oc-button-color);white-space:nowrap;transition:background-color calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-scale) * var(--oc-motion-pace-normal) * 1) var(--oc-motion-timing-feedback),box-shadow calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-scale) * var(--oc-motion-pace-normal) * 1) var(--oc-motion-timing-feedback),color calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-scale) * var(--oc-motion-pace-normal) * 1) var(--oc-motion-timing-feedback),transform calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-scale) * var(--oc-motion-pace-normal) * 1) var(--oc-motion-timing-feedback)}@media(prefers-reduced-motion:reduce){.oc-Button-module__button__18Bed{transition-property:background-color,box-shadow,color;transition-duration:calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-scale-reduced) * var(--oc-motion-pace-normal) * 1);transition-timing-function:var(--oc-motion-timing-feedback);transform:none}}.oc-Button-module__button__18Bed{--oc-button-padding-x: var(--oc-space-item-padding-medium);--oc-button-padding-y: var(--oc-space-item-padding-xsmall);--oc-button-content-height: var(--oc-typo-height-body1);--oc-button-control-size: calc(var(--oc-button-content-height) + (var(--oc-button-padding-y) * 2));--oc-button-icon-size: var(--oc-typo-height-label1);--oc-button-gap: var(--oc-space-item-gap-tiny);--oc-button-label-padding-x: 0;--oc-button-radius: var(--oc-atomic-radius-small);--oc-button-background-color: var(--oc-color-theme-label-strong);--oc-button-color: var(--oc-color-theme-background-normal-normal);--oc-interaction-color: var(--oc-color-theme-background-normal-normal);--oc-button-border-color: var(--oc-color-theme-static-transparent);--oc-button-loading-color: var(--oc-color-theme-label-alternative);--oc-interaction-z-index: 1}.oc-Button-module__button__18Bed>[data-oc-component=interaction]{border-radius:var(--oc-button-radius)}.oc-Button-module__button__18Bed>[data-oc-part=content]{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;gap:var(--oc-button-gap);block-size:var(--oc-button-content-height)}.oc-Button-module__button__18Bed>[data-oc-part=loading]{position:absolute;z-index:3;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;justify-content:center;inline-size:var(--oc-button-content-height);block-size:var(--oc-button-content-height);color:currentcolor;line-height:0;pointer-events:none}.oc-Button-module__button__18Bed>[data-oc-part=loading]>[data-oc-component=loading]{--oc-loading-size: 100%;--oc-loading-color: var(--oc-button-loading-color)}.oc-Button-module__button__18Bed [data-oc-part=label]{display:inline-flex;align-items:center;justify-content:center;padding-inline:var(--oc-button-label-padding-x, 0)}.oc-Button-module__button__18Bed [data-oc-part=leading-icon],.oc-Button-module__button__18Bed [data-oc-part=trailing-icon],.oc-Button-module__button__18Bed [data-oc-part=icon]{display:inline-flex;align-items:center;justify-content:center;inline-size:var(--oc-button-icon-size);block-size:var(--oc-button-icon-size);color:currentcolor}.oc-Button-module__button__18Bed [data-oc-part=leading-icon]>svg,.oc-Button-module__button__18Bed [data-oc-part=trailing-icon]>svg,.oc-Button-module__button__18Bed [data-oc-part=icon]>svg{inline-size:100%;block-size:100%}.oc-Button-module__button__18Bed:focus-visible>[data-oc-component=interaction]{opacity:var(--oc-interaction-opacity-focus);transform:scale(1)}@media(hover:hover){.oc-Button-module__button__18Bed:hover:not(:disabled,[aria-disabled=true])>[data-oc-component=interaction]{opacity:var(--oc-interaction-opacity-hover);transform:scale(1)}}.oc-Button-module__button__18Bed:active:not(:disabled,[aria-disabled=true]){transform:scale(max(0,1 + (.9875 - 1) * var(--oc-motion-scale-feedback)))}.oc-Button-module__button__18Bed:active:not(:disabled,[aria-disabled=true])>[data-oc-component=interaction]{opacity:var(--oc-interaction-opacity-active);transform:scale(1)}.oc-Button-module__button__18Bed:disabled,.oc-Button-module__button__18Bed[aria-disabled=true]{--oc-button-background-color: var(--oc-color-theme-interaction-disable);--oc-button-border-color: var(--oc-color-theme-static-transparent);--oc-button-color: var(--oc-color-theme-label-disable);--oc-button-loading-color: var(--oc-color-theme-label-disable);cursor:not-allowed}.oc-Button-module__button__18Bed:where(.oc-Button-module__medium__HYxwi){font-size:calc(var(--oc-typo-size-body2) * var(--oc-typo-scale, 1));line-height:calc(var(--oc-typo-height-body2) * var(--oc-typo-scale, 1));letter-spacing:var(--oc-typo-spacing-body2);font-weight:var(--oc-typo-weight-body2-bold);--oc-button-padding-x: var(--oc-space-item-padding-small);--oc-button-padding-y: var(--oc-space-item-padding-mini)}.oc-Button-module__button__18Bed:where(.oc-Button-module__small__zfmcP){font-size:calc(var(--oc-typo-size-label1) * var(--oc-typo-scale, 1));line-height:calc(var(--oc-typo-height-label1) * var(--oc-typo-scale, 1));letter-spacing:var(--oc-typo-spacing-label1);font-weight:var(--oc-typo-weight-label1-bold);--oc-button-padding-x: var(--oc-space-item-padding-xsmall);--oc-button-padding-y: var(--oc-space-item-padding-tiny);--oc-button-gap: var(--oc-space-item-gap-nano);--oc-button-label-padding-x: var(--oc-space-item-padding-atom);--oc-button-radius: var(--oc-atomic-radius-xsmall);--oc-button-icon-size: var(--oc-typo-height-label2)}.oc-Button-module__button__18Bed:where(.oc-Button-module__xsmall__QS3d-){font-size:calc(var(--oc-typo-size-label1) * var(--oc-typo-scale, 1));line-height:calc(var(--oc-typo-height-label1) * var(--oc-typo-scale, 1));letter-spacing:var(--oc-typo-spacing-label1);font-weight:var(--oc-typo-weight-label1-bold);--oc-button-padding-x: var(--oc-space-item-padding-mini);--oc-button-padding-y: var(--oc-space-item-padding-tiny);--oc-button-content-height: var(--oc-typo-height-label1);--oc-button-gap: var(--oc-space-item-gap-atom);--oc-button-label-padding-x: var(--oc-space-item-padding-atom);--oc-button-radius: var(--oc-atomic-radius-mini);--oc-button-icon-size: var(--oc-typo-height-caption1)}.oc-Button-module__button__18Bed:where(.oc-Button-module__solid__yi-oB):where(.oc-Button-module__primary__st6yY){--oc-button-background-color: var(--oc-color-theme-primary-normal);--oc-button-color: var(--oc-color-theme-static-white);--oc-button-loading-color: var(--oc-color-theme-static-white);--oc-interaction-color: var(--oc-color-theme-label-normal)}.oc-Button-module__button__18Bed:where(.oc-Button-module__solid__yi-oB):where(.oc-Button-module__assistive__6KrCl){--oc-button-background-color: var(--oc-color-theme-fill-normal);--oc-button-color: var(--oc-color-theme-label-neutral);--oc-interaction-color: var(--oc-color-theme-label-neutral)}.oc-Button-module__button__18Bed:where(.oc-Button-module__solid__yi-oB):disabled,.oc-Button-module__button__18Bed:where(.oc-Button-module__solid__yi-oB)[aria-disabled=true]{--oc-button-background-color: var(--oc-color-theme-interaction-disable);--oc-button-border-color: var(--oc-color-theme-static-transparent);--oc-button-color: var(--oc-color-theme-label-disable);--oc-button-loading-color: var(--oc-color-theme-label-disable)}.oc-Button-module__button__18Bed:where(.oc-Button-module__outlined__f4ewH){--oc-button-background-color: transparent;--oc-button-border-color: var(--oc-color-theme-label-normal);--oc-button-color: var(--oc-color-theme-label-normal);--oc-interaction-color: var(--oc-color-theme-label-normal)}.oc-Button-module__button__18Bed:where(.oc-Button-module__outlined__f4ewH):where(.oc-Button-module__primary__st6yY){--oc-button-border-color: var(--oc-color-theme-primary-normal);--oc-button-color: var(--oc-color-theme-primary-normal);--oc-interaction-color: var(--oc-color-theme-primary-normal)}.oc-Button-module__button__18Bed:where(.oc-Button-module__outlined__f4ewH):where(.oc-Button-module__secondary__j-3rj){--oc-button-border-color: var(--oc-color-theme-line-normal-normal);--oc-button-color: var(--oc-color-theme-primary-normal);--oc-interaction-color: var(--oc-color-theme-primary-normal)}.oc-Button-module__button__18Bed:where(.oc-Button-module__outlined__f4ewH):where(.oc-Button-module__assistive__6KrCl){--oc-button-border-color: var(--oc-color-theme-line-normal-normal);--oc-button-color: var(--oc-color-theme-label-neutral);--oc-interaction-color: var(--oc-color-theme-label-neutral);font-size:calc(var(--oc-typo-size-body1) * var(--oc-typo-scale, 1));line-height:calc(var(--oc-typo-height-body1) * var(--oc-typo-scale, 1));letter-spacing:var(--oc-typo-spacing-body1);font-weight:var(--oc-typo-weight-body1-medium)}.oc-Button-module__button__18Bed:where(.oc-Button-module__outlined__f4ewH):where(.oc-Button-module__assistive__6KrCl):where(.oc-Button-module__medium__HYxwi){font-size:calc(var(--oc-typo-size-body2) * var(--oc-typo-scale, 1));line-height:calc(var(--oc-typo-height-body2) * var(--oc-typo-scale, 1));letter-spacing:var(--oc-typo-spacing-body2);font-weight:var(--oc-typo-weight-body2-medium)}.oc-Button-module__button__18Bed:where(.oc-Button-module__outlined__f4ewH):where(.oc-Button-module__assistive__6KrCl):where(.oc-Button-module__small__zfmcP),.oc-Button-module__button__18Bed:where(.oc-Button-module__outlined__f4ewH):where(.oc-Button-module__assistive__6KrCl):where(.oc-Button-module__xsmall__QS3d-){font-size:calc(var(--oc-typo-size-label1) * var(--oc-typo-scale, 1));line-height:calc(var(--oc-typo-height-label1) * var(--oc-typo-scale, 1));letter-spacing:var(--oc-typo-spacing-label1);font-weight:var(--oc-typo-weight-label1-medium)}.oc-Button-module__button__18Bed:where(.oc-Button-module__outlined__f4ewH):disabled,.oc-Button-module__button__18Bed:where(.oc-Button-module__outlined__f4ewH)[aria-disabled=true]{--oc-button-background-color: var(--oc-color-theme-static-transparent);--oc-button-border-color: var(--oc-color-theme-line-normal-neutral);--oc-button-color: var(--oc-color-theme-label-disable);--oc-button-loading-color: var(--oc-color-theme-label-disable)}.oc-Button-module__button__18Bed:where(.oc-Button-module__loading__QfItr){cursor:progress}.oc-Button-module__button__18Bed:where(.oc-Button-module__loading__QfItr)>[data-oc-part=content]{visibility:hidden}.oc-Button-module__button__18Bed:where(.oc-Button-module__iconOnly__FNrSu){aspect-ratio:1;inline-size:var(--oc-button-control-size);padding-inline:var(--oc-button-padding-y)}.oc-Button-module__button__18Bed:where(.oc-Button-module__fullWidth__AHpSl){inline-size:100%}.oc-Button-module__button__18Bed:where(.oc-Button-module__iconOnly__FNrSu):where(.oc-Button-module__fullWidth__AHpSl){aspect-ratio:auto}@media(prefers-reduced-motion:reduce){.oc-Button-module__button__18Bed:active:not(:disabled,[aria-disabled=true]){transform:none}}
|
|
18
18
|
.oc-Cell-module__cell__BDmja{font-size:calc(var(--oc-typo-size-body1) * var(--oc-typo-scale, 1));line-height:calc(var(--oc-typo-height-body1) * var(--oc-typo-scale, 1));letter-spacing:var(--oc-typo-spacing-body1);display:flex;flex-direction:column;margin-top:calc(-1 * var(--oc-cell-padding));margin-bottom:calc(-1 * var(--oc-cell-padding));padding:0;color:var(--oc-color-theme-label-normal);list-style:none;--oc-cell-padding: var(--oc-space-item-padding-small);--oc-cell-padding-inline: var(--oc-space-item-padding-medium);--oc-cell-gap: .5em;--oc-cell-icon-size: 1.375rem;--oc-cell-disabled-opacity: .28;--oc-cell-interaction-margin-inline: var(--oc-space-item-padding-xsmall);--oc-cell-interaction-radius: var(--oc-atomic-radius-small);--oc-cell-divider-color: var(--oc-color-theme-line-normal-normal)}.oc-Cell-module__item__r5fW2{position:relative;display:flex;align-items:flex-start;gap:var(--oc-cell-gap);padding-block:var(--oc-cell-padding);min-inline-size:0;color:inherit;transform:scale(var(--oc-cell-press-scale, 1));transition:border-color calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-scale) * var(--oc-motion-pace-normal) * .5) var(--oc-motion-timing-feedback),transform calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-scale) * var(--oc-motion-pace-normal) * .5) var(--oc-motion-timing-feedback)}@media(prefers-reduced-motion:reduce){.oc-Cell-module__item__r5fW2{transition-property:border-color;transition-duration:calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-scale-reduced) * var(--oc-motion-pace-normal) * .5);transition-timing-function:var(--oc-motion-timing-feedback);transform:none}}.oc-Cell-module__item__r5fW2{--oc-cell-content-min-block-size: var(--oc-typo-height-body1)}.oc-Cell-module__item__r5fW2[data-oc-vertical-align=center]{align-items:center}.oc-Cell-module__item__r5fW2[data-oc-fill-width=true]{padding-inline:var(--oc-cell-padding-inline)}.oc-Cell-module__item__r5fW2[data-oc-fill-width=true]>[data-oc-component=interaction]{--oc-interaction-inset-x: 0;--oc-interaction-radius: 0}.oc-Cell-module__item__r5fW2[data-oc-fill-width=false]>[data-oc-component=interaction]{--oc-interaction-inset-x: calc(-1 * var(--oc-cell-interaction-margin-inline));--oc-interaction-radius: var(--oc-cell-interaction-radius)}.oc-Cell-module__item__r5fW2[data-oc-divider=normal]{--oc-cell-current-divider-color: var(--oc-color-theme-line-normal-normal)}.oc-Cell-module__item__r5fW2[data-oc-divider=neutral]{--oc-cell-current-divider-color: var(--oc-color-theme-line-normal-neutral)}.oc-Cell-module__item__r5fW2[data-oc-divider=alternative]{--oc-cell-current-divider-color: var(--oc-color-theme-line-normal-alternative)}.oc-Cell-module__item__r5fW2[data-oc-divider=none]{--oc-cell-current-divider-color: transparent}.oc-Cell-module__item__r5fW2[data-oc-interactive=true]{cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.oc-Cell-module__item__r5fW2[data-oc-interactive=true]:focus-visible{outline:none}.oc-Cell-module__item__r5fW2[data-oc-interactive=true]:focus-visible>[data-oc-component=interaction]{opacity:var(--oc-interaction-opacity-focus);transform:scale(1)}@media(hover:hover){.oc-Cell-module__item__r5fW2[data-oc-interactive=true]:hover:not([data-oc-disabled=true]){--oc-cell-current-divider-color: transparent}.oc-Cell-module__item__r5fW2[data-oc-interactive=true]:hover:not([data-oc-disabled=true])>[data-oc-component=interaction]{opacity:var(--oc-interaction-opacity-hover);transform:scale(1)}.oc-Cell-module__item__r5fW2[data-oc-interactive=true]:hover:not([data-oc-disabled=true])+.oc-Cell-module__item__r5fW2{--oc-cell-current-divider-color: transparent}}.oc-Cell-module__item__r5fW2[data-oc-interactive=true]:active:not([data-oc-disabled=true]){--oc-cell-press-scale: max(0, 1 + (.9875 - 1) * var(--oc-motion-scale-feedback))}.oc-Cell-module__item__r5fW2[data-oc-interactive=true]:active:not([data-oc-disabled=true])>[data-oc-component=interaction]{opacity:var(--oc-interaction-opacity-active);transform:scale(1)}.oc-Cell-module__item__r5fW2[data-oc-interactive=true] :where([data-oc-component=checkbox],[data-oc-component=radio],[data-oc-component=switch]) [data-oc-component=interaction]{display:none}.oc-Cell-module__item__r5fW2[data-oc-disabled=true]{cursor:not-allowed}.oc-Cell-module__item__r5fW2[data-oc-disabled=true]>:where([data-oc-part=leading],[data-oc-part=content],[data-oc-part=trailing]){opacity:var(--oc-cell-disabled-opacity)}.oc-Cell-module__item__r5fW2+.oc-Cell-module__item__r5fW2{border-block-start:1px solid var(--oc-cell-current-divider-color, var(--oc-cell-divider-color))}.oc-Cell-module__item__r5fW2>[data-oc-component=interaction]{border-radius:var(--oc-interaction-radius)}.oc-Cell-module__item__r5fW2>[data-oc-part=leading],.oc-Cell-module__item__r5fW2>[data-oc-part=trailing]{position:relative;z-index:2;display:inline-flex;flex:none;align-items:center;min-block-size:var(--oc-cell-content-min-block-size);color:var(--oc-color-theme-label-alternative)}.oc-Cell-module__item__r5fW2>[data-oc-part=leading]>[data-oc-component=svg-icon],.oc-Cell-module__item__r5fW2>[data-oc-part=trailing]>[data-oc-component=svg-icon]{block-size:var(--oc-cell-icon-size)}.oc-Cell-module__item__r5fW2>[data-oc-part=content]{position:relative;z-index:2;display:flex;align-items:center;flex:1;min-block-size:var(--oc-cell-content-min-block-size);min-inline-size:0}.oc-Cell-module__item__r5fW2 [data-oc-part=text]{display:flex;flex-direction:column;gap:var(--oc-space-item-gap-atom);min-inline-size:0}.oc-Cell-module__item__r5fW2 [data-oc-part=label],.oc-Cell-module__item__r5fW2 [data-oc-part=description]{min-inline-size:0}.oc-Cell-module__item__r5fW2 [data-oc-part=description]{font-size:calc(var(--oc-typo-size-label1) * var(--oc-typo-scale, 1));line-height:calc(var(--oc-typo-height-label1) * var(--oc-typo-scale, 1));letter-spacing:var(--oc-typo-spacing-label1);color:var(--oc-color-theme-label-alternative)}.oc-Cell-module__item__r5fW2>[data-oc-part=trailing]{justify-content:flex-end}.oc-Cell-module__normal__O7uwW{--oc-cell-divider-color: var(--oc-color-theme-line-normal-normal)}.oc-Cell-module__neutral__Fhigo{--oc-cell-divider-color: var(--oc-color-theme-line-normal-neutral)}.oc-Cell-module__alternative__7dShz{--oc-cell-divider-color: var(--oc-color-theme-line-normal-alternative)}.oc-Cell-module__none__s4kvs{--oc-cell-divider-color: transparent}
|
|
19
19
|
.oc-CheckMark-module__checkMark__-KKHM{font-size:calc(var(--oc-typo-size-body2) * var(--oc-typo-scale, 1));line-height:calc(var(--oc-typo-height-body2) * var(--oc-typo-scale, 1));letter-spacing:var(--oc-typo-spacing-body2);display:inline-flex;position:relative;align-items:flex-start;gap:var(--oc-space-item-gap-tiny);opacity:1;color:var(--oc-color-theme-label-normal);transition:opacity calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-scale) * var(--oc-motion-pace-normal) * 1.5) var(--oc-motion-timing-feedback)}@media(prefers-reduced-motion:reduce){.oc-CheckMark-module__checkMark__-KKHM{transition-property:opacity;transition-duration:calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-scale-reduced) * var(--oc-motion-pace-normal) * 1.5);transition-timing-function:var(--oc-motion-timing-feedback)}}.oc-CheckMark-module__checkMark__-KKHM{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;--oc-check-mark-control-size: var(--oc-typo-height-body1)}.oc-CheckMark-module__checkMark__-KKHM:has([data-oc-part=input]:disabled){opacity:var(--oc-color-global-opacity-43);cursor:not-allowed}.oc-CheckMark-module__checkMark__-KKHM [data-oc-part=input]{position:absolute;opacity:0;pointer-events:none;inline-size:0;block-size:0}.oc-CheckMark-module__checkMark__-KKHM [data-oc-part=container]{display:flex;position:relative;isolation:isolate;flex-shrink:0;align-items:center;justify-content:center;inline-size:var(--oc-check-mark-control-size);block-size:var(--oc-check-mark-control-size);--oc-interaction-inset-x: -.25rem;--oc-interaction-inset-y: -.25rem;--oc-interaction-z-index: 2;--oc-interaction-radius: var(--oc-atomic-radius-max)}.oc-CheckMark-module__checkMark__-KKHM [data-oc-part=icon]{display:flex;position:relative;align-items:center;justify-content:center;inline-size:100%;block-size:100%;color:var(--oc-color-theme-label-assistive);transition:color calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-scale) * var(--oc-motion-pace-normal) * 1) var(--oc-motion-timing-feedback)}@media(prefers-reduced-motion:reduce){.oc-CheckMark-module__checkMark__-KKHM [data-oc-part=icon]{transition-property:color;transition-duration:calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-scale-reduced) * var(--oc-motion-pace-normal) * 1);transition-timing-function:var(--oc-motion-timing-feedback)}}.oc-CheckMark-module__checkMark__-KKHM [data-oc-part=icon]>svg{inline-size:100%;block-size:100%;padding:.125em}.oc-CheckMark-module__checkMark__-KKHM [data-oc-part=content]{display:flex;flex:1;align-items:flex-start;min-inline-size:0;padding-block:calc((var(--oc-typo-height-body1) - var(--oc-typo-height-body2)) / 2)}.oc-CheckMark-module__checkMark__-KKHM [data-oc-part=label]{-webkit-user-select:none;user-select:none}.oc-CheckMark-module__checkMark__-KKHM [data-oc-part=input]:checked+[data-oc-part=container] [data-oc-part=icon]{color:var(--oc-color-theme-primary-normal)}.oc-CheckMark-module__checkMark__-KKHM [data-oc-part=input]:focus-visible+[data-oc-part=container] [data-oc-part=icon]{outline:2px solid var(--oc-color-theme-primary-normal);outline-offset:2px;border-radius:var(--oc-atomic-radius-max)}
|
|
20
|
-
.oc-Checkbox-module__checkbox__D0D4S{font-size:calc(var(--oc-typo-size-body2) * var(--oc-typo-scale, 1));line-height:calc(var(--oc-typo-height-body2) * var(--oc-typo-scale, 1));letter-spacing:var(--oc-typo-spacing-body2);display:inline-flex;position:relative;align-items:flex-start;gap:var(--oc-space-item-gap-tiny);opacity:1;color:var(--oc-color-theme-label-normal);transition:opacity calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-scale) * var(--oc-motion-pace-normal) * 1.5) var(--oc-motion-timing-feedback)}@media(prefers-reduced-motion:reduce){.oc-Checkbox-module__checkbox__D0D4S{transition-property:opacity;transition-duration:calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-scale-reduced) * var(--oc-motion-pace-normal) * 1.5);transition-timing-function:var(--oc-motion-timing-feedback)}}.oc-Checkbox-module__checkbox__D0D4S{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;--oc-checkbox-control-size: var(--oc-typo-height-body1)}.oc-Checkbox-module__checkbox__D0D4S:has([data-oc-part=input]:disabled){opacity:var(--oc-color-global-opacity-43);cursor:not-allowed}.oc-Checkbox-module__fill__p-vFK{display:flex;inline-size:100%}.oc-Checkbox-module__small__UzHgE{font-size:calc(var(--oc-typo-size-label1) * var(--oc-typo-scale, 1));line-height:calc(var(--oc-typo-height-label1) * var(--oc-typo-scale, 1));letter-spacing:var(--oc-typo-spacing-label1)}.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=input]{position:absolute;opacity:0;pointer-events:none;inline-size:0;block-size:0}.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=container]{position:relative;isolation:isolate;flex-shrink:0;padding:var(--oc-space-item-padding-nano);inline-size:var(--oc-checkbox-control-size);block-size:var(--oc-checkbox-control-size);--oc-interaction-inset-x: -.25rem;--oc-interaction-inset-y: -.25rem;--oc-interaction-z-index: 2;--oc-interaction-radius: var(--oc-atomic-radius-max)}.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=wrapper]{display:flex;box-shadow:inset 0 0 0 1.5px
|
|
20
|
+
.oc-Checkbox-module__checkbox__D0D4S{font-size:calc(var(--oc-typo-size-body2) * var(--oc-typo-scale, 1));line-height:calc(var(--oc-typo-height-body2) * var(--oc-typo-scale, 1));letter-spacing:var(--oc-typo-spacing-body2);display:inline-flex;position:relative;align-items:flex-start;gap:var(--oc-space-item-gap-tiny);opacity:1;color:var(--oc-color-theme-label-normal);transition:opacity calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-scale) * var(--oc-motion-pace-normal) * 1.5) var(--oc-motion-timing-feedback)}@media(prefers-reduced-motion:reduce){.oc-Checkbox-module__checkbox__D0D4S{transition-property:opacity;transition-duration:calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-scale-reduced) * var(--oc-motion-pace-normal) * 1.5);transition-timing-function:var(--oc-motion-timing-feedback)}}.oc-Checkbox-module__checkbox__D0D4S{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;--oc-checkbox-control-size: var(--oc-typo-height-body1)}.oc-Checkbox-module__checkbox__D0D4S:has([data-oc-part=input]:disabled){opacity:var(--oc-color-global-opacity-43);cursor:not-allowed}.oc-Checkbox-module__fill__p-vFK{display:flex;inline-size:100%}.oc-Checkbox-module__small__UzHgE{font-size:calc(var(--oc-typo-size-label1) * var(--oc-typo-scale, 1));line-height:calc(var(--oc-typo-height-label1) * var(--oc-typo-scale, 1));letter-spacing:var(--oc-typo-spacing-label1)}.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=input]{position:absolute;opacity:0;pointer-events:none;inline-size:0;block-size:0}.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=container]{position:relative;isolation:isolate;flex-shrink:0;padding:var(--oc-space-item-padding-nano);inline-size:var(--oc-checkbox-control-size);block-size:var(--oc-checkbox-control-size);--oc-interaction-inset-x: -.25rem;--oc-interaction-inset-y: -.25rem;--oc-interaction-z-index: 2;--oc-interaction-radius: var(--oc-atomic-radius-max)}.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=wrapper]{display:flex;box-shadow:inset 0 0 0 1.5px currentColor}@supports (-webkit-backdrop-filter: none){.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=wrapper]{box-shadow:inset 0 0 0 1px currentColor}@media only screen and (resolution:2dppx){.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=wrapper]{box-shadow:inset 0 0 0 1.5px currentColor}}@media only screen and (resolution:3dppx){.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=wrapper]{box-shadow:inset 0 0 0 1.6666px currentColor}}}.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=wrapper]{border-radius:.325rem;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-scale) * var(--oc-motion-pace-normal) * 1) var(--oc-motion-timing-feedback),background-color calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-scale) * var(--oc-motion-pace-normal) * 1) var(--oc-motion-timing-feedback)}@media(prefers-reduced-motion:reduce){.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=wrapper]{transition-property:color,background-color;transition-duration:calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-scale-reduced) * var(--oc-motion-pace-normal) * 1);transition-timing-function:var(--oc-motion-timing-feedback)}}.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=icon-wrapper]{display:flex;position:relative;align-items:center;justify-content:center;inline-size:100%;block-size:100%;color:transparent}.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=check],.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=indeterminate]{position:absolute;inset:0;transform:scale(max(0,1 + (.9 - 1) * var(--oc-motion-scale-feedback)));color:transparent;transition:transform calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-scale) * var(--oc-motion-pace-normal) * 1) var(--oc-motion-timing-feedback),color calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-scale) * var(--oc-motion-pace-normal) * 1) var(--oc-motion-timing-feedback)}@media(prefers-reduced-motion:reduce){.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=check],.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=indeterminate]{transition-property:color;transition-duration:calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-scale-reduced) * var(--oc-motion-pace-normal) * 1);transition-timing-function:var(--oc-motion-timing-feedback);transform:none}}.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=check],.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=indeterminate]{will-change:transform}.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=check]>svg,.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=indeterminate]>svg{inline-size:100%;block-size:100%;padding:.0625rem}.oc-Checkbox-module__checkbox__D0D4S [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-typo-height-body1) - var(--oc-typo-height-body2)) / 2)}.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=label]{-webkit-user-select:none;user-select:none}.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=trailing-compound]{display:flex;flex-shrink:0;margin-inline-start:auto}.oc-Checkbox-module__fill__p-vFK [data-oc-part=label]{flex:1}.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=input]:disabled+[data-oc-part=container] [data-oc-part=wrapper]{color:var(--oc-color-theme-line-normal-alternative)}.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=input]:checked+[data-oc-part=container] [data-oc-part=wrapper],.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=input]:indeterminate+[data-oc-part=container] [data-oc-part=wrapper],.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=input][data-oc-indeterminate=true]+[data-oc-part=container] [data-oc-part=wrapper]{color:transparent;background-color:var(--oc-color-theme-primary-normal)}.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=input]:checked:not([data-oc-indeterminate=true])+[data-oc-part=container] [data-oc-part=check],.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=input]:indeterminate+[data-oc-part=container] [data-oc-part=indeterminate],.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=input][data-oc-indeterminate=true]+[data-oc-part=container] [data-oc-part=indeterminate]{transform:scale(1);color:var(--oc-color-theme-static-white)}.oc-Checkbox-module__checkbox__D0D4S [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}@media(prefers-reduced-motion:reduce){.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=input]:checked:not([data-oc-indeterminate=true])+[data-oc-part=container] [data-oc-part=check],.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=input]:indeterminate+[data-oc-part=container] [data-oc-part=indeterminate],.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=input][data-oc-indeterminate=true]+[data-oc-part=container] [data-oc-part=indeterminate]{transform:none}.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=check],.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=indeterminate]{will-change:auto}}
|
|
21
21
|
.oc-Divider-module__divider__uz6wt{all:unset;appearance:none;display:block;flex:none;background-color:var(--oc-divider-color);margin-block:var(--oc-divider-spacing);margin-inline:0;--oc-divider-spacing: var(--oc-space-item-gap-large);--oc-divider-color: var(--oc-color-theme-line-normal-normal)}.oc-Divider-module__horizontal__X75Kv{inline-size:100%;block-size:1px}.oc-Divider-module__vertical__RMtD4{align-self:stretch;margin-block:0;margin-inline:var(--oc-divider-spacing);inline-size:1px;block-size:auto}.oc-Divider-module__normal__bO7dV{--oc-divider-color: var(--oc-color-theme-line-normal-normal)}.oc-Divider-module__neutral__cK0Yk{--oc-divider-color: var(--oc-color-theme-line-normal-neutral)}.oc-Divider-module__alternative__WfRuQ{--oc-divider-color: var(--oc-color-theme-line-normal-alternative)}
|
|
22
22
|
.oc-Field-module__field__dnDYN{--oc-field-label-max-inline-size: 35%;--oc-field-label-row-block-size: calc(var(--oc-typo-height-body1) + var(--oc-space-item-padding-xsmall) + var(--oc-space-item-padding-xsmall));display:flex;flex-direction:column;gap:var(--oc-space-item-gap-xsmall);min-inline-size:0}.oc-Field-module__field__dnDYN[data-oc-orientation=horizontal]{display:grid;grid-template-columns:minmax(0,min(var(--oc-field-label-inline-size, var(--oc-field-label-max-inline-size)),var(--oc-field-label-max-inline-size))) minmax(0,1fr);align-items:start;gap:var(--oc-space-item-gap-xsmall) var(--oc-space-item-gap-medium)}.oc-Field-module__field__dnDYN[data-oc-orientation=horizontal]>[data-oc-component=field-label]{grid-column:1;inline-size:100%;min-block-size:var(--oc-field-label-row-block-size);align-items:center}.oc-Field-module__field__dnDYN[data-oc-orientation=horizontal]>[data-oc-component=field-control],.oc-Field-module__field__dnDYN[data-oc-orientation=horizontal]>[data-oc-component=field-message],.oc-Field-module__field__dnDYN[data-oc-orientation=horizontal]>[data-oc-component=field-error-message]{grid-column:2}.oc-Field-module__label__wdqdl{font-size:calc(var(--oc-typo-size-label1) * var(--oc-typo-scale, 1));line-height:calc(var(--oc-typo-height-label1) * var(--oc-typo-scale, 1));letter-spacing:var(--oc-typo-spacing-label1);font-weight:var(--oc-typo-weight-label1-bold);display:flex;gap:var(--oc-space-item-gap-atom);min-inline-size:0;color:var(--oc-color-theme-label-alternative)}.oc-Field-module__label__wdqdl>[data-oc-part=required-mark]{color:var(--oc-color-theme-primary-normal)}.oc-Field-module__control__93bs3{min-inline-size:0}.oc-Field-module__message__uO8Fl{font-size:calc(var(--oc-typo-size-label2) * var(--oc-typo-scale, 1));line-height:calc(var(--oc-typo-height-label2) * var(--oc-typo-scale, 1));letter-spacing:var(--oc-typo-spacing-label2);margin:0}.oc-Field-module__neutral__e0QpV{color:var(--oc-color-theme-label-alternative)}.oc-Field-module__danger__nP12-{color:var(--oc-color-theme-status-negative)}
|
|
23
23
|
.oc-Fieldset-module__fieldset__qc2Us{margin:0;padding:0;border:0;min-inline-size:0}.oc-Fieldset-module__fieldset__qc2Us:disabled{opacity:.5}.oc-Fieldset-module__label__qiThb{font-size:calc(var(--oc-typo-size-label1) * var(--oc-typo-scale, 1));line-height:calc(var(--oc-typo-height-label1) * var(--oc-typo-scale, 1));letter-spacing:var(--oc-typo-spacing-label1);font-weight:var(--oc-typo-weight-label1-bold);display:flex;gap:var(--oc-space-item-gap-atom);margin:0;padding:0;color:var(--oc-color-theme-label-alternative)}.oc-Fieldset-module__label__qiThb>[data-oc-part=required-mark]{color:var(--oc-color-theme-primary-normal)}.oc-Fieldset-module__content__mzl-k{display:flex;flex-direction:column;gap:var(--oc-space-item-gap-xsmall);min-inline-size:0}.oc-Fieldset-module__label__qiThb+.oc-Fieldset-module__content__mzl-k{margin-block-start:var(--oc-space-item-gap-xsmall)}
|
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
.oc-Loading-module__loading__7gLQd{display:inline-flex;flex:none;inline-size:var(--oc-loading-size);block-size:var(--oc-loading-size);color:var(--oc-loading-color, var(--oc-color-theme-line-normal-strong))}.oc-Loading-module__loading__7gLQd [data-oc-part=icon]{inline-size:100%;block-size:100%;stroke:currentcolor}.oc-Loading-module__loading__7gLQd circle{transform-origin:center center;fill:none;stroke:currentcolor;stroke-dasharray:0 100;stroke-dashoffset:0;stroke-linecap:round;stroke-width:2.2}.oc-Loading-module__small__Z6U9M{--oc-loading-size: 1rem}.oc-Loading-module__medium__4KydF{--oc-loading-size: 1.5rem}.oc-Loading-module__large__u-Eod{--oc-loading-size: 3rem}.oc-Loading-module__circular__KTVW- circle{animation:oc-Loading-module__oc-loading-start-in__ZjFKt 2s cubic-bezier(.4,0,1,1),oc-Loading-module__oc-loading-start-out__s5c-1 .2s cubic-bezier(0,0,.6,1) 2s,oc-Loading-module__oc-loading-fade__wpHpE 2.2s ease-in-out,oc-Loading-module__oc-loading-array__FAP-n 5.3333s ease 2.2s infinite,oc-Loading-module__oc-loading-offset__tDLdP 5.3333s ease 2.2s infinite,oc-Loading-module__oc-loading-rotate__T9lw5 2.2s linear infinite}@media(prefers-reduced-motion:reduce){.oc-Loading-module__circular__KTVW- circle{animation:none;opacity:1;transform:none;stroke-dasharray:75 25;stroke-dashoffset:0}}@keyframes oc-Loading-module__oc-loading-fade__wpHpE{0%{opacity:0}to{opacity:1}}@keyframes oc-Loading-module__oc-loading-start-in__ZjFKt{0%{stroke-dasharray:0 100;stroke-dashoffset:0}to{stroke-dasharray:50 50;stroke-dashoffset:-50}}@keyframes oc-Loading-module__oc-loading-start-out__s5c-1{0%{stroke-dasharray:50 50;stroke-dashoffset:-50}to{stroke-dasharray:0 100;stroke-dashoffset:-100.01}}@keyframes oc-Loading-module__oc-loading-array__FAP-n{0%,25%,50%,75%,to{stroke-dasharray:0 100}12.5%,37.5%,62.5%,87.5%{stroke-dasharray:75 25}}@keyframes oc-Loading-module__oc-loading-offset__tDLdP{0%,12.5%{stroke-dashoffset:0}25%,37.5%{stroke-dashoffset:-75}50%,62.5%{stroke-dashoffset:-150}75%,87.5%{stroke-dashoffset:-225}to{stroke-dashoffset:-300.01}}@keyframes oc-Loading-module__oc-loading-rotate__T9lw5{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
|
|
27
27
|
.oc-Menu-module__trigger__CbeUq{all:unset}.oc-Menu-module__trigger__CbeUq:focus,.oc-Menu-module__trigger__CbeUq:focus-visible{outline:none}.oc-Menu-module__renderTrigger__ZFKYZ:focus,.oc-Menu-module__renderTrigger__ZFKYZ:focus-visible{outline:none}.oc-Menu-module__positioner__TYz0H{z-index:var(--oc-z-index-floating, 6)}.oc-Menu-module__content__pnDF6{--oc-background-radius: 1em;--oc-menu-transform-origin: top center;z-index:var(--oc-z-index-floating, 6);min-inline-size:10em;max-inline-size:80vw;padding:1em;outline:none;overflow:visible;-webkit-user-select:none;user-select:none;opacity:1;transform:scale(1) translate(0);transform-origin:var(--oc-menu-transform-origin);will-change:opacity,transform}.oc-Menu-module__content__pnDF6[data-side=top]{--oc-menu-transform-origin: bottom center}.oc-Menu-module__content__pnDF6[data-side=bottom]{--oc-menu-transform-origin: top center}.oc-Menu-module__content__pnDF6[data-side=left]{--oc-menu-transform-origin: center right}.oc-Menu-module__content__pnDF6[data-side=right]{--oc-menu-transform-origin: center left}.oc-Menu-module__content__pnDF6[data-starting-style]{opacity:0;transform:scale(max(0,1 + (.25 - 1) * var(--oc-motion-scale-reveal))) translateY(calc(-1rem * var(--oc-motion-distance-scale-reveal)))}.oc-Menu-module__content__pnDF6[data-ending-style]{opacity:0;transform:scale(max(0,1 + (.9 - 1) * var(--oc-motion-scale-reveal))) translateY(calc(-.25rem * var(--oc-motion-distance-scale-reveal)));transition:opacity calc(.233s * var(--oc-motion-duration-scale) * var(--oc-motion-pace-normal) * 1) linear(0 0%,.0045 .83%,.0167 1.67%,.0353 2.5%,.059 3.33%,.0866 4.17%,.1172 5%,.15 5.83%,.1843 6.67%,.2196 7.5%,.2554 8.33%,.2913 9.17%,.3269 10%,.3621 10.83%,.3965 11.67%,.43 12.5%,.4626 13.33%,.494 14.17%,.5242 15%,.5531 15.83%,.5808 16.67%,.6072 17.5%,.6324 18.33%,.6562 19.17%,.6788 20%,.7002 20.83%,.7203 21.67%,.7393 22.5%,.7572 23.33%,.774 24.17%,.7898 25%,.8046 25.83%,.8185 26.67%,.8315 27.5%,.8436 28.33%,.855 29.17%,.8655 30%,.8754 30.83%,.8846 31.67%,.8932 32.5%,.9011 33.33%,.9085 34.17%,.9154 35%,.9218 35.83%,.9278 36.67%,.9333 37.5%,.9384 38.33%,.9431 39.17%,.9475 40%,.9516 40.83%,.9553 41.67%,.9588 42.5%,.962 43.33%,.965 44.17%,.9678 45%,.9703 45.83%,.9727 46.67%,.9748 47.5%,.9768 48.33%,.9787 49.17%,.9804 50%,.9819 50.83%,.9834 51.67%,.9847 52.5%,.986 53.33%,.9871 54.17%,.9881 55%,.9891 55.83%,.99 56.67%,.9908 57.5%,.9916 58.33%,.9922 59.17%,.9929 60%,.9935 60.83%,.994 61.67%,.9945 62.5%,.9949 63.33%,.9954 64.17%,.9957 65%,.9961 65.83%,.9964 66.67%,.9967 67.5%,.997 68.33%,.9972 69.17%,.9975 70%,.9977 70.83%,.9979 71.67%,.9981 72.5%,.9982 73.33%,.9984 74.17%,.9985 75%,.9986 75.83%,.9987 76.67%,.9988 77.5%,.9989 78.33%,.999 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%,.9997 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(.233s * var(--oc-motion-duration-scale) * var(--oc-motion-pace-normal) * 1) linear(0 0%,.0045 .83%,.0167 1.67%,.0353 2.5%,.059 3.33%,.0866 4.17%,.1172 5%,.15 5.83%,.1843 6.67%,.2196 7.5%,.2554 8.33%,.2913 9.17%,.3269 10%,.3621 10.83%,.3965 11.67%,.43 12.5%,.4626 13.33%,.494 14.17%,.5242 15%,.5531 15.83%,.5808 16.67%,.6072 17.5%,.6324 18.33%,.6562 19.17%,.6788 20%,.7002 20.83%,.7203 21.67%,.7393 22.5%,.7572 23.33%,.774 24.17%,.7898 25%,.8046 25.83%,.8185 26.67%,.8315 27.5%,.8436 28.33%,.855 29.17%,.8655 30%,.8754 30.83%,.8846 31.67%,.8932 32.5%,.9011 33.33%,.9085 34.17%,.9154 35%,.9218 35.83%,.9278 36.67%,.9333 37.5%,.9384 38.33%,.9431 39.17%,.9475 40%,.9516 40.83%,.9553 41.67%,.9588 42.5%,.962 43.33%,.965 44.17%,.9678 45%,.9703 45.83%,.9727 46.67%,.9748 47.5%,.9768 48.33%,.9787 49.17%,.9804 50%,.9819 50.83%,.9834 51.67%,.9847 52.5%,.986 53.33%,.9871 54.17%,.9881 55%,.9891 55.83%,.99 56.67%,.9908 57.5%,.9916 58.33%,.9922 59.17%,.9929 60%,.9935 60.83%,.994 61.67%,.9945 62.5%,.9949 63.33%,.9954 64.17%,.9957 65%,.9961 65.83%,.9964 66.67%,.9967 67.5%,.997 68.33%,.9972 69.17%,.9975 70%,.9977 70.83%,.9979 71.67%,.9981 72.5%,.9982 73.33%,.9984 74.17%,.9985 75%,.9986 75.83%,.9987 76.67%,.9988 77.5%,.9989 78.33%,.999 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%,.9997 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%)}.oc-Menu-module__content__pnDF6[data-side=top][data-starting-style]{transform:scale(max(0,1 + (.25 - 1) * var(--oc-motion-scale-reveal))) translateY(calc(1rem * var(--oc-motion-distance-scale-reveal)))}.oc-Menu-module__content__pnDF6[data-side=left][data-starting-style]{transform:scale(max(0,1 + (.25 - 1) * var(--oc-motion-scale-reveal))) translate(calc(1rem * var(--oc-motion-distance-scale-reveal)))}.oc-Menu-module__content__pnDF6[data-side=right][data-starting-style]{transform:scale(max(0,1 + (.25 - 1) * var(--oc-motion-scale-reveal))) translate(calc(-1rem * var(--oc-motion-distance-scale-reveal)))}.oc-Menu-module__content__pnDF6[data-side=top][data-ending-style]{transform:scale(max(0,1 + (.9 - 1) * var(--oc-motion-scale-reveal))) translateY(calc(.25rem * var(--oc-motion-distance-scale-reveal)))}.oc-Menu-module__content__pnDF6[data-side=left][data-ending-style]{transform:scale(max(0,1 + (.9 - 1) * var(--oc-motion-scale-reveal))) translate(calc(.25rem * var(--oc-motion-distance-scale-reveal)))}.oc-Menu-module__content__pnDF6[data-side=right][data-ending-style]{transform:scale(max(0,1 + (.9 - 1) * var(--oc-motion-scale-reveal))) translate(calc(-.25rem * var(--oc-motion-distance-scale-reveal)))}.oc-Menu-module__content__pnDF6{transition:opacity calc(.561s * var(--oc-motion-duration-scale) * 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(.58s * var(--oc-motion-duration-scale) * var(--oc-motion-pace-normal) * 1) linear(0 0%,.0046 .81%,.0174 1.61%,.0372 2.42%,.0629 3.23%,.0935 4.03%,.1279 4.84%,.1655 5.65%,.2053 6.45%,.2468 7.26%,.2893 8.06%,.3324 8.87%,.3755 9.68%,.4183 10.48%,.4605 11.29%,.5016 12.1%,.5417 12.9%,.5803 13.71%,.6174 14.52%,.6528 15.32%,.6865 16.13%,.7184 16.94%,.7484 17.74%,.7766 18.55%,.8029 19.35%,.8274 20.16%,.8501 20.97%,.871 21.77%,.8902 22.58%,.9077 23.39%,.9237 24.19%,.9382 25%,.9512 25.81%,.9629 26.61%,.9734 27.42%,.9826 28.23%,.9908 29.03%,.9979 29.84%,1.004 30.65%,1.0093 31.45%,1.0138 32.26%,1.0175 33.06%,1.0206 33.87%,1.0231 34.68%,1.025 35.48%,1.0264 36.29%,1.0274 37.1%,1.0281 37.9%,1.0283 38.71%,1.0283 39.52%,1.0281 40.32%,1.0276 41.13%,1.027 41.94%,1.0262 42.74%,1.0252 43.55%,1.0242 44.35%,1.0231 45.16%,1.0219 45.97%,1.0208 46.77%,1.0195 47.58%,1.0183 48.39%,1.0171 49.19%,1.0159 50%,1.0147 50.81%,1.0136 51.61%,1.0124 52.42%,1.0114 53.23%,1.0103 54.03%,1.0094 54.84%,1.0084 55.65%,1.0075 56.45%,1.0067 57.26%,1.0059 58.06%,1.0052 58.87%,1.0046 59.68%,1.0039 60.48%,1.0034 61.29%,1.0029 62.1%,1.0024 62.9%,1.0019 63.71%,1.0016 64.52%,1.0012 65.32%,1.0009 66.13%,1.0006 66.94%,1.0004 67.74%,1.0002 68.55%,1 69.35%,.9998 70.16%,.9997 70.97%,.9996 71.77%,.9995 72.58%,.9994 73.39%,.9993 74.19%,.9993 75%,.9992 75.81%,.9992 76.61%,.9992 77.42%,.9992 78.23%,.9992 79.03%,.9992 79.84%,.9992 80.65%,.9992 81.45%,.9993 82.26%,.9993 83.06%,.9993 83.87%,.9994 84.68%,.9994 85.48%,.9994 86.29%,.9995 87.1%,.9995 87.9%,.9995 88.71%,.9996 89.52%,.9996 90.32%,.9996 91.13%,.9997 91.94%,.9997 92.74%,.9997 93.55%,.9997 94.35%,.9998 95.16%,.9998 95.97%,.9998 96.77%,.9998 97.58%,.9999 98.39%,.9999 99.19%,1 100%)}@media(prefers-reduced-motion:reduce){.oc-Menu-module__content__pnDF6{transition-property:opacity;transition-duration:calc(var(--oc-motion-duration-reveal) * var(--oc-motion-duration-scale-reduced) * var(--oc-motion-pace-normal) * 1);transition-timing-function:var(--oc-motion-timing-reveal);transform:none}}@media(prefers-reduced-motion:reduce){.oc-Menu-module__content__pnDF6{will-change:opacity}.oc-Menu-module__content__pnDF6[data-starting-style],.oc-Menu-module__content__pnDF6[data-ending-style],.oc-Menu-module__content__pnDF6[data-side=top][data-starting-style],.oc-Menu-module__content__pnDF6[data-side=left][data-starting-style],.oc-Menu-module__content__pnDF6[data-side=right][data-starting-style],.oc-Menu-module__content__pnDF6[data-side=top][data-ending-style],.oc-Menu-module__content__pnDF6[data-side=left][data-ending-style],.oc-Menu-module__content__pnDF6[data-side=right][data-ending-style]{transform:none}.oc-Menu-module__content__pnDF6[data-ending-style]{transition-property:opacity;transition-duration:calc(var(--oc-motion-duration-reveal-exit) * var(--oc-motion-duration-scale-reduced) * var(--oc-motion-pace-normal) * 1)}}.oc-Menu-module__small__ufcV9{font-size:calc(var(--oc-typo-size-label1) * var(--oc-typo-scale, 1));line-height:calc(var(--oc-typo-height-label1) * var(--oc-typo-scale, 1));letter-spacing:var(--oc-typo-spacing-label1)}.oc-Menu-module__medium__sfbGK{font-size:calc(var(--oc-typo-size-body2) * var(--oc-typo-scale, 1));line-height:calc(var(--oc-typo-height-body2) * var(--oc-typo-scale, 1));letter-spacing:var(--oc-typo-spacing-body2)}.oc-Menu-module__content__pnDF6 .oc-Menu-module__container__5cxcL{font-size:inherit;line-height:inherit;letter-spacing:inherit}.oc-Menu-module__container__5cxcL{margin-block:-.625em;margin-inline:0;padding:0;--oc-cell-padding: .625em;--oc-cell-gap: .5em;--oc-cell-interaction-margin-inline: .625em;--oc-cell-interaction-radius: .625em}.oc-Menu-module__item__S3HKY{appearance:none;-webkit-tap-highlight-color:transparent}.oc-Menu-module__item__S3HKY:has(.oc-Menu-module__link__SOmSk:focus-visible){outline:none}.oc-Menu-module__item__S3HKY:has(.oc-Menu-module__link__SOmSk:focus-visible)>[data-oc-component=interaction]{opacity:var(--oc-interaction-opacity-focus)}.oc-Menu-module__separator__iT6cs{list-style:none}.oc-Menu-module__link__SOmSk{display:flex;position:relative;align-items:center;flex:1;gap:.5em;min-inline-size:0;color:inherit;text-decoration:none;cursor:pointer;appearance:none;-webkit-tap-highlight-color:transparent}.oc-Menu-module__link__SOmSk:focus-visible{outline:none}.oc-Menu-module__labelGroup__OwIf7{display:inline-flex;align-items:center;flex:1;gap:.5em;min-inline-size:0}.oc-Menu-module__icon__XtO-r{display:inline-flex;align-items:center;justify-content:center}.oc-Menu-module__icon__XtO-r svg{color:var(--oc-color-theme-label-alternative);inline-size:1.5rem;block-size:1.5rem}.oc-Menu-module__label__QMf-9{min-inline-size:0}
|
|
28
28
|
.oc-Modal-module__trigger__B-N3y{cursor:pointer}.oc-Modal-module__backdrop__jYpTA,.oc-Modal-module__viewport__8dW9u,.oc-Modal-module__surfaceMotion__fJnTQ{--_-modal-move-transition-duration: calc(.5s * var(--oc-motion-duration-scale) * var(--oc-motion-pace-normal) * 1);--_-modal-move-transition-timing-function: var(--oc-motion-timing-move);--_-modal-transition-duration: var(--_-modal-move-transition-duration);--_-modal-transition-timing-function: var(--_-modal-move-transition-timing-function);--_-modal-elevation-shadow-opacity: 0}.oc-Modal-module__backdrop__jYpTA{--_-modal-backdrop-transition-duration: calc(var(--oc-motion-duration-reveal) * var(--oc-motion-duration-scale) * var(--oc-motion-pace-normal) * 1);--_-modal-backdrop-transition-timing-function: var(--oc-motion-timing-reveal);--oc-modal-stack-offset: 0;--oc-modal-backdrop-opacity: 1;--oc-modal-backdrop-z-index: calc(var(--oc-zindex-4) + var(--oc-modal-stack-offset));position:fixed;inset:0;z-index:var(--oc-modal-backdrop-z-index);background-color:var(--oc-color-theme-material-dimmer);opacity:var(--oc-modal-backdrop-opacity);transition:opacity var(--_-modal-backdrop-transition-duration) var(--_-modal-backdrop-transition-timing-function)}.oc-Modal-module__backdrop__jYpTA[data-ending-style],.oc-Modal-module__backdrop__jYpTA[data-starting-style]{opacity:0}.oc-Modal-module__backdrop__jYpTA[data-oc-modal-placement=bottom]{--_-modal-backdrop-transition-duration: var(--_-modal-transition-duration);--_-modal-backdrop-transition-timing-function: var(--_-modal-transition-timing-function)}.oc-Modal-module__backdrop__jYpTA[data-oc-modal-backdrop=hidden]{--oc-modal-backdrop-opacity: 0}.oc-Modal-module__backdrop__jYpTA[data-oc-modal-presentation-state=peeked]{--oc-modal-backdrop-opacity: 0;pointer-events:none}.oc-Modal-module__viewport__8dW9u{--oc-modal-overshoot-fill-height: 0px;--oc-modal-stack-offset: 0;--oc-modal-viewport-z-index: calc(var(--oc-zindex-4) + var(--oc-modal-stack-offset) + 1);position:fixed;inset:0;z-index:var(--oc-modal-viewport-z-index);display:flex;width:100vw;height:100dvh;pointer-events:none}.oc-Modal-module__viewport__8dW9u[data-oc-modal-placement=bottom]{align-items:flex-end;justify-content:center}.oc-Modal-module__viewport__8dW9u[data-oc-modal-placement=popup]{align-items:center;justify-content:center;padding:var(--oc-space-section-padding-viewport-y) var(--oc-space-section-padding-viewport-x)}.oc-Modal-module__viewport__8dW9u[data-oc-modal-placement=full]{align-items:stretch;justify-content:stretch}.oc-Modal-module__viewport__8dW9u[data-oc-modal-dragging=true] .oc-Modal-module__bottomFill__wKrvv{transition:none}.oc-Modal-module__bottomFill__wKrvv{--_-modal-size-width: min(100vw, var(--oc-atomic-width-section-medium));position:absolute;bottom:0;left:50%;width:100%;max-width:100%;height:calc(var(--oc-modal-overshoot-fill-height) + 2px);background-color:var(--oc-color-theme-background-elevated-normal);pointer-events:none;transform:translate(-50%);transition:height var(--_-modal-transition-duration) var(--_-modal-transition-timing-function)}@media screen and (min-width:769px){.oc-Modal-module__bottomFill__wKrvv{width:var(--_-modal-size-width)}}.oc-Modal-module__surfaceMotion__fJnTQ{--_-modal-size-width: min(100vw, var(--oc-atomic-width-section-medium));--_-modal-elevation-shadow: 0 0 0 0 transparent;--_-modal-focus-ring-color: color-mix(in srgb, var(--oc-color-theme-primary-normal), transparent 57%);--_-modal-focus-ring-shadow: 0 0 0 0 transparent;--_-modal-focus-ring-width: 2px;--_-modal-surface-transition-duration: var(--_-modal-transition-duration);--_-modal-surface-transition-timing-function: var(--_-modal-transition-timing-function);--oc-modal-width: var(--_-modal-size-width);--oc-modal-max-height: calc(100dvh - var(--oc-space-section-padding-viewport-y) * 2);--oc-modal-bottom-top-clearance: 4rem;--oc-modal-radius: var(--oc-atomic-radius-medium);--oc-modal-translate-x: 0px;--oc-modal-translate-y: 0px;--oc-modal-space-x: min(var(--oc-space-section-padding-viewport-x), var(--oc-space-item-padding-large));--oc-modal-space-y: var(--oc-space-item-padding-medium);--oc-modal-header-space-x: var(--oc-modal-space-x);--oc-modal-header-space-y: min(calc(var(--oc-space-section-padding-viewport-y) * .75), var(--oc-space-item-padding-small));--oc-modal-container-space-x: var(--oc-modal-space-x);--oc-modal-footer-space-x: var(--oc-modal-space-x);--oc-modal-footer-space-y: var(--oc-space-item-padding-medium);--oc-modal-header-height: 0px;--oc-modal-footer-height: 0px;--oc-modal-scale: 1;position:relative;isolation:isolate;width:fit-content;max-width:100%;max-height:var(--oc-modal-max-height);outline:none;pointer-events:auto;transform:translate3d(var(--oc-modal-translate-x),var(--oc-modal-translate-y),0);transition:transform var(--_-modal-surface-transition-duration) var(--_-modal-surface-transition-timing-function),opacity var(--_-modal-surface-transition-duration) var(--_-modal-surface-transition-timing-function)}.oc-Modal-module__surfaceMotion__fJnTQ[data-ending-style],.oc-Modal-module__surfaceMotion__fJnTQ[data-starting-style]{opacity:0}.oc-Modal-module__surfaceMotion__fJnTQ[data-oc-modal-backdrop=hidden]{--_-modal-elevation-shadow: var(--oc-atomic-shadow-spread-xlarge);--_-modal-elevation-shadow-opacity: 1}.oc-Modal-module__surfaceMotion__fJnTQ:focus-visible{--_-modal-focus-ring-shadow: inset 0 0 0 var(--_-modal-focus-ring-width) var(--_-modal-focus-ring-color)}.oc-Modal-module__surfaceMotion__fJnTQ:before{position:absolute;inset:0;z-index:0;border-radius:var(--oc-modal-radius);box-shadow:var(--_-modal-elevation-shadow);content:"";opacity:var(--_-modal-elevation-shadow-opacity);pointer-events:none}.oc-Modal-module__surfaceMotion__fJnTQ[data-oc-modal-placement=bottom]{--oc-modal-width: 100%;--oc-modal-radius: var(--oc-atomic-radius-medium) var(--oc-atomic-radius-medium) 0 0;--oc-modal-max-height: calc(100dvh - max(env(safe-area-inset-top, 0px), var(--oc-modal-bottom-top-clearance))) ;--_-modal-elevation-shadow: var(--oc-atomic-shadow-spread-xlarge);width:var(--oc-modal-width);height:auto;min-height:0;touch-action:pan-y}@media screen and (min-width:769px){.oc-Modal-module__surfaceMotion__fJnTQ[data-oc-modal-placement=bottom]{--oc-modal-width: var(--_-modal-size-width)}}.oc-Modal-module__surfaceMotion__fJnTQ[data-oc-modal-placement=bottom][data-oc-modal-snapping=true]{height:min(var(--oc-modal-sheet-height),var(--oc-modal-max-height))}.oc-Modal-module__surfaceMotion__fJnTQ[data-oc-modal-placement=bottom][data-oc-modal-snapping=true]>.oc-Modal-module__surface__FnAX8{height:100%}.oc-Modal-module__surfaceMotion__fJnTQ[data-oc-modal-placement=bottom][data-ending-style],.oc-Modal-module__surfaceMotion__fJnTQ[data-oc-modal-placement=bottom][data-starting-style]{transform:translate3d(0,100%,0)}.oc-Modal-module__surfaceMotion__fJnTQ[data-oc-modal-placement=popup]{--_-modal-popup-exit-duration: calc(.2s * var(--oc-motion-duration-scale) * var(--oc-motion-pace-normal) * 1);--_-modal-popup-exit-timing-function: var(--oc-motion-timing-reveal-exit);transition:opacity var(--_-modal-surface-transition-duration) var(--_-modal-surface-transition-timing-function)}.oc-Modal-module__surfaceMotion__fJnTQ[data-oc-modal-placement=popup]:before,.oc-Modal-module__surfaceMotion__fJnTQ[data-oc-modal-placement=popup]>.oc-Modal-module__surface__FnAX8{transform-origin:center center;transition:transform var(--_-modal-surface-transition-duration) var(--_-modal-surface-transition-timing-function)}.oc-Modal-module__surfaceMotion__fJnTQ[data-oc-modal-placement=popup][data-ending-style]{--_-modal-surface-transition-duration: var(--_-modal-popup-exit-duration);--_-modal-surface-transition-timing-function: var(--_-modal-popup-exit-timing-function)}.oc-Modal-module__surfaceMotion__fJnTQ[data-oc-modal-placement=popup][data-ending-style],.oc-Modal-module__surfaceMotion__fJnTQ[data-oc-modal-placement=popup][data-starting-style]{--oc-modal-scale: max(0, 1 + (.98 - 1) * var(--oc-motion-scale-reveal))}.oc-Modal-module__surfaceMotion__fJnTQ[data-oc-modal-placement=popup][data-ending-style]:before,.oc-Modal-module__surfaceMotion__fJnTQ[data-oc-modal-placement=popup][data-ending-style]>.oc-Modal-module__surface__FnAX8,.oc-Modal-module__surfaceMotion__fJnTQ[data-oc-modal-placement=popup][data-starting-style]:before,.oc-Modal-module__surfaceMotion__fJnTQ[data-oc-modal-placement=popup][data-starting-style]>.oc-Modal-module__surface__FnAX8{transform:scale(var(--oc-modal-scale))}.oc-Modal-module__surfaceMotion__fJnTQ[data-oc-modal-placement=full]{--oc-modal-width: 100%;--oc-modal-max-height: 100%;--oc-modal-radius: 0;width:100%;height:100%}.oc-Modal-module__surfaceMotion__fJnTQ[data-oc-modal-feedback=reject]>.oc-Modal-module__surface__FnAX8{animation:oc-Modal-module__oc-modal-reject-shake__RJrNe calc(var(--oc-motion-duration-reject) * var(--oc-motion-duration-scale) * var(--oc-motion-pace-normal) * 1) var(--oc-motion-timing-reject) both}@keyframes oc-Modal-module__oc-modal-reject-shake__RJrNe{0%,to{transform:translateZ(0)}14%{transform:translate3d(calc(var(--_-modal-reject-distance) * -1),0,0)}30%{transform:translate3d(var(--_-modal-reject-distance),0,0)}46%{transform:translate3d(calc(var(--_-modal-reject-distance) * -.68),0,0)}62%{transform:translate3d(calc(var(--_-modal-reject-distance) * .45),0,0)}78%{transform:translate3d(calc(var(--_-modal-reject-distance) * -.18),0,0)}}.oc-Modal-module__surface__FnAX8{--oc-modal-reject-distance: .75rem;--_-modal-reject-distance: calc(var(--oc-modal-reject-distance) * var(--oc-motion-distance-scale-reject));position:relative;z-index:1;display:grid;grid-template-rows:minmax(0,1fr);width:var(--oc-modal-width);max-width:100%;max-height:var(--oc-modal-max-height);min-width:0;min-height:0;overflow:hidden;clip-path:inset(0 round var(--oc-modal-radius));background-color:var(--oc-color-theme-background-elevated-normal);color:var(--oc-color-theme-label-normal);border-radius:var(--oc-modal-radius);box-shadow:var(--_-modal-focus-ring-shadow)}.oc-Modal-module__surface__FnAX8:has(>.oc-Modal-module__header__NS30G){--oc-modal-header-height: calc(2rem + var(--oc-modal-header-space-y) * 2)}.oc-Modal-module__surface__FnAX8:has(>.oc-Modal-module__footer__Oyz-R){--oc-modal-footer-height: calc(var(--oc-typo-height-body1) + (var(--oc-space-item-padding-xsmall) * 2) + var(--oc-modal-footer-space-y) + max(var(--oc-modal-footer-space-y), env(safe-area-inset-bottom, 0px)))}.oc-Modal-module__surface__FnAX8[data-oc-modal-placement=bottom]{width:100%;height:auto;min-height:0}.oc-Modal-module__surface__FnAX8[data-oc-modal-placement=bottom]:not(:has(>.oc-Modal-module__footer__Oyz-R)){padding-bottom:env(safe-area-inset-bottom,0)}.oc-Modal-module__surface__FnAX8[data-oc-modal-placement=full]{width:100%;height:100%}@starting-style{.oc-Modal-module__backdrop__jYpTA,.oc-Modal-module__surfaceMotion__fJnTQ{opacity:0}.oc-Modal-module__surfaceMotion__fJnTQ[data-oc-modal-placement=bottom]{transform:translate3d(0,100%,0)}.oc-Modal-module__surfaceMotion__fJnTQ[data-oc-modal-placement=popup]{--oc-modal-scale: max(0, 1 + (.98 - 1) * var(--oc-motion-scale-reveal))}.oc-Modal-module__surfaceMotion__fJnTQ[data-oc-modal-placement=popup]:before,.oc-Modal-module__surfaceMotion__fJnTQ[data-oc-modal-placement=popup]>.oc-Modal-module__surface__FnAX8{transform:scale(var(--oc-modal-scale))}}.oc-Modal-module__small__qdBEU{--_-modal-size-width: min(100vw, var(--oc-atomic-width-section-xsmall))}.oc-Modal-module__medium__JRDXg{--_-modal-size-width: min(100vw, var(--oc-atomic-width-section-small))}.oc-Modal-module__large__O42Af{--_-modal-size-width: min(100vw, var(--oc-atomic-width-section-medium))}.oc-Modal-module__fixed__Gj1Dv{height:min(32rem,var(--oc-modal-max-height))}.oc-Modal-module__header__NS30G{position:absolute;inset-block-start:0;inset-inline:0;z-index:2;min-width:0;-webkit-user-select:none;user-select:none}.oc-Modal-module__handle__Fan4V{position:absolute;top:.375rem;left:calc(50% - 1rem);width:2rem;height:.25rem;border-radius:var(--oc-atomic-radius-max);background-color:var(--oc-color-theme-fill-strong)}.oc-Modal-module__headerInner__F5nxn{display:grid;grid-template-areas:"title trailing";grid-template-columns:minmax(0,1fr) auto;gap:var(--oc-space-item-gap-small);align-items:center;min-height:calc(2rem + var(--oc-modal-header-space-y) * 2);padding:var(--oc-modal-header-space-y) calc(var(--oc-modal-header-space-x) - .25rem)}.oc-Modal-module__headerInner__F5nxn[data-oc-has-leading=true]{grid-template-areas:"leading title trailing";grid-template-columns:auto minmax(0,1fr) auto}.oc-Modal-module__headerLeading__v735-,.oc-Modal-module__headerTrailing__hQamr{display:flex;align-items:center}.oc-Modal-module__headerLeading__v735-{grid-area:leading}.oc-Modal-module__headerTrailing__hQamr{grid-area:trailing;justify-content:flex-end}.oc-Modal-module__headerTitle__tJ2Qv{grid-area:title;min-width:0;padding-inline:.25rem}.oc-Modal-module__headerTitle__tJ2Qv>h2{font-size:calc(var(--oc-typo-size-headline2) * var(--oc-typo-scale, 1));line-height:calc(var(--oc-typo-height-headline2) * var(--oc-typo-scale, 1));letter-spacing:var(--oc-typo-spacing-headline2);font-weight:var(--oc-typo-weight-headline2-bold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.oc-Modal-module__close__058gy{display:none}@media screen and (min-width:769px){.oc-Modal-module__close__058gy{display:inline-flex}}.oc-Modal-module__surface__FnAX8[data-oc-modal-placement=bottom] [data-oc-part=close]{display:inline-flex}.oc-Modal-module__body__3zIj9{grid-row:1;min-height:0}.oc-Modal-module__body__3zIj9>[data-oc-part=scrollbar-vertical]{inset-block-start:var(--oc-modal-header-height)}.oc-Modal-module__bodyContainer__t57Y6{--oc-modal-container-space-y: var(--oc-modal-space-y);--oc-modal-container-space-top: 0px;display:flex;flex-direction:column;min-height:0;scroll-padding-block:var(--oc-modal-header-height) var(--oc-modal-footer-height)}.oc-Modal-module__bodyContainer__t57Y6[data-oc-modal-touch-scroll-lock=true]{overscroll-behavior-y:none}.oc-Modal-module__bodyContent__fRK23{--oc-modal-container-space-bottom: calc(var(--oc-modal-container-space-y) + var(--oc-modal-footer-height));flex:0 0 auto;padding:calc(var(--oc-modal-header-height) + var(--oc-modal-container-space-top)) var(--oc-modal-container-space-x) var(--oc-modal-container-space-bottom)}.oc-Modal-module__surface__FnAX8:has(>.oc-Modal-module__footer__Oyz-R>[data-oc-component=action-area]) .oc-Modal-module__bodyContent__fRK23{--oc-modal-container-space-bottom: var(--oc-modal-footer-height)}.oc-Modal-module__footer__Oyz-R{--_-modal-footer-background-opacity: 0;--_-modal-footer-background-scale-y: 0;--oc-modal-footer-background-bleed: var(--oc-modal-footer-space-y);--oc-modal-footer-background-gradient-size: calc(var(--oc-modal-footer-space-y) * 2);position:absolute;inset-block-end:0;inset-inline:0;z-index:2;display:flex;flex:0 0 auto;gap:var(--oc-space-item-gap-small);align-items:center;justify-content:flex-end;min-width:0;padding:var(--oc-modal-footer-space-y) var(--oc-modal-footer-space-x) max(var(--oc-modal-footer-space-y),env(safe-area-inset-bottom,0px))}.oc-Modal-module__footer__Oyz-R:before{position:absolute;inset-block:calc(var(--oc-modal-footer-background-bleed) * -1) 0;inset-inline:0;z-index:0;background-color:var(--oc-color-theme-background-elevated-normal);-webkit-mask-image:linear-gradient(to bottom,transparent 0,black var(--oc-modal-footer-background-gradient-size));mask-image:linear-gradient(to bottom,transparent 0,black var(--oc-modal-footer-background-gradient-size));opacity:var(--_-modal-footer-background-opacity);content:"";pointer-events:none;transform:scaleY(var(--_-modal-footer-background-scale-y));transform-origin:bottom center;transition:opacity calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-scale) * var(--oc-motion-pace-normal) * 1.5) var(--oc-motion-timing-feedback),transform calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-scale) * var(--oc-motion-pace-normal) * 1.5) var(--oc-motion-timing-feedback)}@media(prefers-reduced-motion:reduce){.oc-Modal-module__footer__Oyz-R:before{transition-property:opacity;transition-duration:calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-scale-reduced) * var(--oc-motion-pace-normal) * 1.5);transition-timing-function:var(--oc-motion-timing-feedback);transform:none}}.oc-Modal-module__footer__Oyz-R[data-oc-background=true]:before{--_-modal-footer-background-opacity: 1;--_-modal-footer-background-scale-y: 1;transition:transform calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-scale) * var(--oc-motion-pace-normal) * 1.5) var(--oc-motion-timing-feedback)}@media(prefers-reduced-motion:reduce){.oc-Modal-module__footer__Oyz-R[data-oc-background=true]:before{transition:none;transform:none}}.oc-Modal-module__footer__Oyz-R>*{position:relative;z-index:1}.oc-Modal-module__footer__Oyz-R:has(>[data-oc-component=action-area]){padding:0}.oc-Modal-module__footer__Oyz-R>[data-oc-component=action-area]{--oc-action-area-padding-x: var(--oc-modal-footer-space-x);--oc-action-area-padding-y: var(--oc-modal-footer-space-y);--oc-action-area-padding-bottom: max(var(--oc-modal-footer-space-y), env(safe-area-inset-bottom, 0px))}@media(prefers-reduced-motion:reduce){.oc-Modal-module__backdrop__jYpTA:not([data-oc-modal-placement=bottom]),.oc-Modal-module__surfaceMotion__fJnTQ:not([data-oc-modal-placement=bottom]){--_-modal-transition-duration: calc(.3s * var(--oc-motion-duration-scale) * var(--oc-motion-pace-normal) * 1)}.oc-Modal-module__surfaceMotion__fJnTQ[data-oc-modal-placement=popup][data-ending-style],.oc-Modal-module__surfaceMotion__fJnTQ[data-oc-modal-placement=popup][data-starting-style]{--oc-modal-scale: 1}.oc-Modal-module__surfaceMotion__fJnTQ[data-oc-modal-placement=popup][data-oc-modal-feedback=reject]>.oc-Modal-module__surface__FnAX8{animation:none}@starting-style{.oc-Modal-module__surfaceMotion__fJnTQ[data-oc-modal-placement=popup]{--oc-modal-scale: 1}}.oc-Modal-module__footer__Oyz-R[data-oc-background=true]:before{transition-property:opacity;transition-duration:calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-scale-reduced) * var(--oc-motion-pace-normal) * 1.5)}}
|
|
29
|
-
.oc-Radio-module__radio__qhO7H{font-size:calc(var(--oc-typo-size-body2) * var(--oc-typo-scale, 1));line-height:calc(var(--oc-typo-height-body2) * var(--oc-typo-scale, 1));letter-spacing:var(--oc-typo-spacing-body2);display:inline-flex;position:relative;align-items:flex-start;gap:var(--oc-space-item-gap-tiny);opacity:1;color:var(--oc-color-theme-label-normal);transition:opacity calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-scale) * 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-scale-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-control-size: var(--oc-typo-height-body1);--oc-radio-icon-scale: .675}.oc-Radio-module__radio__qhO7H:has([data-oc-part=input]:disabled){opacity:var(--oc-color-global-opacity-43);cursor:not-allowed}.oc-Radio-module__fill__h24zJ{display:flex;inline-size:100%}.oc-Radio-module__small__PGRQA{font-size:calc(var(--oc-typo-size-label1) * var(--oc-typo-scale, 1));line-height:calc(var(--oc-typo-height-label1) * var(--oc-typo-scale, 1));letter-spacing:var(--oc-typo-spacing-label1)}.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:var(--oc-space-item-padding-nano);inline-size:var(--oc-radio-control-size);block-size:var(--oc-radio-control-size);--oc-interaction-inset-x: -.25rem;--oc-interaction-inset-y: -.25rem;--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
|
|
29
|
+
.oc-Radio-module__radio__qhO7H{font-size:calc(var(--oc-typo-size-body2) * var(--oc-typo-scale, 1));line-height:calc(var(--oc-typo-height-body2) * var(--oc-typo-scale, 1));letter-spacing:var(--oc-typo-spacing-body2);display:inline-flex;position:relative;align-items:flex-start;gap:var(--oc-space-item-gap-tiny);opacity:1;color:var(--oc-color-theme-label-normal);transition:opacity calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-scale) * 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-scale-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-control-size: var(--oc-typo-height-body1);--oc-radio-icon-scale: .675}.oc-Radio-module__radio__qhO7H:has([data-oc-part=input]:disabled){opacity:var(--oc-color-global-opacity-43);cursor:not-allowed}.oc-Radio-module__fill__h24zJ{display:flex;inline-size:100%}.oc-Radio-module__small__PGRQA{font-size:calc(var(--oc-typo-size-label1) * var(--oc-typo-scale, 1));line-height:calc(var(--oc-typo-height-label1) * var(--oc-typo-scale, 1));letter-spacing:var(--oc-typo-spacing-label1)}.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:var(--oc-space-item-padding-nano);inline-size:var(--oc-radio-control-size);block-size:var(--oc-radio-control-size);--oc-interaction-inset-x: -.25rem;--oc-interaction-inset-y: -.25rem;--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-scale) * var(--oc-motion-pace-normal) * 1) var(--oc-motion-timing-feedback),background-color calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-scale) * 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-scale-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-scale) * 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-scale-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-typo-height-body1) - var(--oc-typo-height-body2)) / 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}
|
|
30
30
|
.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-scale) * 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-scale-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-scale) * var(--oc-motion-pace-normal) * 1) var(--oc-motion-timing-feedback),background-color calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-scale) * 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-scale-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-scale) * var(--oc-motion-pace-normal) * 1) var(--oc-motion-timing-feedback),background-color calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-scale) * 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-scale-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-scale) * 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-scale-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%}}
|
|
31
31
|
.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-scale, 1));line-height:calc(var(--oc-typo-height-heading2) * var(--oc-typo-scale, 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-scale, 1));line-height:calc(var(--oc-typo-height-title3) * var(--oc-typo-scale, 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-scale, 1));line-height:calc(var(--oc-typo-height-title3) * var(--oc-typo-scale, 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-scale, 1));line-height:calc(var(--oc-typo-height-heading2) * var(--oc-typo-scale, 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-scale, 1));line-height:calc(var(--oc-typo-height-headline2) * var(--oc-typo-scale, 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-scale, 1));line-height:calc(var(--oc-typo-height-heading1) * var(--oc-typo-scale, 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-scale, 1));line-height:calc(var(--oc-typo-height-heading1) * var(--oc-typo-scale, 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-scale, 1));line-height:calc(var(--oc-typo-height-headline2) * var(--oc-typo-scale, 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-scale, 1));line-height:calc(var(--oc-typo-height-body2) * var(--oc-typo-scale, 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-scale, 1));line-height:calc(var(--oc-typo-height-headline2) * var(--oc-typo-scale, 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-scale, 1));line-height:calc(var(--oc-typo-height-headline2) * var(--oc-typo-scale, 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-scale, 1));line-height:calc(var(--oc-typo-height-body2) * var(--oc-typo-scale, 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-scale, 1));line-height:calc(var(--oc-typo-height-label1) * var(--oc-typo-scale, 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-scale, 1));line-height:calc(var(--oc-typo-height-body2) * var(--oc-typo-scale, 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}
|
|
32
32
|
.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-scale) * 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-scale-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-scale) * 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-scale-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-scale, 1));line-height:calc(var(--oc-typo-height-body1) * var(--oc-typo-scale, 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);color:var(--oc-color-theme-label-alternative);pointer-events:none}.oc-Select-module__select__U4LyF [data-oc-part=indicator]>svg{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)}
|
package/package.json
CHANGED
|
@@ -1,3 +1,6 @@
|
|
|
1
|
+
@use 'sass:list';
|
|
2
|
+
@use 'sass:math';
|
|
3
|
+
@use 'sass:meta';
|
|
1
4
|
@use './motion' as *;
|
|
2
5
|
|
|
3
6
|
@mixin element-button {
|
|
@@ -25,28 +28,85 @@
|
|
|
25
28
|
user-select: none;
|
|
26
29
|
}
|
|
27
30
|
|
|
28
|
-
@
|
|
31
|
+
@function _oc-border-is-half-px($width) {
|
|
32
|
+
@if meta.type-of($width) != 'number' or math.unit($width) != 'px' {
|
|
33
|
+
@return false;
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
$pixels: math.div($width, 1px);
|
|
37
|
+
|
|
38
|
+
@return $pixels == math.floor($pixels) + 0.5;
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
@function _oc-border-webkit-base-spread($width) {
|
|
42
|
+
$pixels: math.floor(math.div($width, 1px));
|
|
43
|
+
|
|
44
|
+
@if $pixels < 1 {
|
|
45
|
+
@return 1px;
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
@return $pixels * 1px;
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
@function _oc-border-webkit-device-spread($width, $dppx) {
|
|
52
|
+
$pixels: math.div($width, 1px);
|
|
53
|
+
$device-pixels: math.ceil($pixels * $dppx);
|
|
54
|
+
$spread: math.div($device-pixels, $dppx);
|
|
55
|
+
$precision: math.pow(10, 4);
|
|
56
|
+
|
|
57
|
+
@return math.div(math.floor($spread * $precision), $precision) * 1px;
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
@function _oc-border-args($args) {
|
|
61
|
+
$count: list.length($args);
|
|
62
|
+
|
|
63
|
+
@if $count == 0 {
|
|
64
|
+
@return (1px, currentColor);
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
@if $count == 1 {
|
|
68
|
+
$value: list.nth($args, 1);
|
|
69
|
+
|
|
70
|
+
@if meta.type-of($value) == 'number' {
|
|
71
|
+
@return ($value, currentColor);
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
@return (1px, $value);
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
@if $count == 2 {
|
|
78
|
+
@return (list.nth($args, 1), list.nth($args, 2));
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
@error 'oc-border accepts zero, one, or two arguments.';
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
@mixin oc-border($args...) {
|
|
85
|
+
$resolved: _oc-border-args($args);
|
|
86
|
+
$width: list.nth($resolved, 1);
|
|
87
|
+
$color: list.nth($resolved, 2);
|
|
88
|
+
|
|
29
89
|
box-shadow: inset 0 0 0 $width $color;
|
|
30
90
|
|
|
31
|
-
@if $width
|
|
32
|
-
/* stylelint-disable block-no-redundant-nested-style-rules -- WebKit rounds
|
|
91
|
+
@if _oc-border-is-half-px($width) {
|
|
92
|
+
/* stylelint-disable block-no-redundant-nested-style-rules, media-feature-range-notation -- WebKit rounds fractional inset strokes differently by DPR; nested selectors keep the correction scoped. */
|
|
33
93
|
@supports (-webkit-backdrop-filter: none) {
|
|
34
94
|
& {
|
|
35
|
-
box-shadow: inset 0 0 0
|
|
95
|
+
box-shadow: inset 0 0 0 _oc-border-webkit-base-spread($width) $color;
|
|
36
96
|
}
|
|
37
97
|
|
|
38
98
|
@media only screen and (resolution: 2dppx) {
|
|
39
99
|
& {
|
|
40
|
-
box-shadow: inset 0 0 0
|
|
100
|
+
box-shadow: inset 0 0 0 _oc-border-webkit-device-spread($width, 2) $color;
|
|
41
101
|
}
|
|
42
102
|
}
|
|
43
103
|
|
|
44
104
|
@media only screen and (resolution: 3dppx) {
|
|
45
105
|
& {
|
|
46
|
-
box-shadow: inset 0 0 0
|
|
106
|
+
box-shadow: inset 0 0 0 _oc-border-webkit-device-spread($width, 3) $color;
|
|
47
107
|
}
|
|
48
108
|
}
|
|
49
109
|
}
|
|
50
|
-
/* stylelint-enable block-no-redundant-nested-style-rules */
|
|
110
|
+
/* stylelint-enable block-no-redundant-nested-style-rules, media-feature-range-notation */
|
|
51
111
|
}
|
|
52
112
|
}
|
|
@@ -1,14 +1,48 @@
|
|
|
1
1
|
import { compileString } from 'sass';
|
|
2
2
|
import { describe, expect, it } from 'vitest';
|
|
3
3
|
|
|
4
|
-
describe('
|
|
5
|
-
it('emits a
|
|
4
|
+
describe('oc-border mixin', () => {
|
|
5
|
+
it('emits a 1px currentColor inset border by default', () => {
|
|
6
6
|
const result = compileString(
|
|
7
7
|
`
|
|
8
8
|
@use 'element' as *;
|
|
9
9
|
|
|
10
10
|
.target {
|
|
11
|
-
@include
|
|
11
|
+
@include oc-border;
|
|
12
|
+
}
|
|
13
|
+
`,
|
|
14
|
+
{
|
|
15
|
+
loadPaths: ['src/scss/mixins'],
|
|
16
|
+
},
|
|
17
|
+
);
|
|
18
|
+
|
|
19
|
+
expect(result.css).toContain('box-shadow: inset 0 0 0 1px currentColor;');
|
|
20
|
+
});
|
|
21
|
+
|
|
22
|
+
it('treats a single non-number argument as the border color', () => {
|
|
23
|
+
const result = compileString(
|
|
24
|
+
`
|
|
25
|
+
@use 'element' as *;
|
|
26
|
+
|
|
27
|
+
.target {
|
|
28
|
+
@include oc-border(black);
|
|
29
|
+
}
|
|
30
|
+
`,
|
|
31
|
+
{
|
|
32
|
+
loadPaths: ['src/scss/mixins'],
|
|
33
|
+
},
|
|
34
|
+
);
|
|
35
|
+
|
|
36
|
+
expect(result.css).toContain('box-shadow: inset 0 0 0 1px black;');
|
|
37
|
+
});
|
|
38
|
+
|
|
39
|
+
it('emits a direct inset border for integer widths', () => {
|
|
40
|
+
const result = compileString(
|
|
41
|
+
`
|
|
42
|
+
@use 'element' as *;
|
|
43
|
+
|
|
44
|
+
.target {
|
|
45
|
+
@include oc-border(2px, var(--stroke));
|
|
12
46
|
}
|
|
13
47
|
`,
|
|
14
48
|
{
|
|
@@ -20,13 +54,13 @@ describe('inset-stroke mixin', () => {
|
|
|
20
54
|
expect(result.css).not.toContain('@supports');
|
|
21
55
|
});
|
|
22
56
|
|
|
23
|
-
it('adds WebKit DPR correction for 1.5px
|
|
57
|
+
it('adds WebKit DPR correction for 1.5px borders', () => {
|
|
24
58
|
const result = compileString(
|
|
25
59
|
`
|
|
26
60
|
@use 'element' as *;
|
|
27
61
|
|
|
28
62
|
.target {
|
|
29
|
-
@include
|
|
63
|
+
@include oc-border(1.5px);
|
|
30
64
|
}
|
|
31
65
|
`,
|
|
32
66
|
{
|
|
@@ -34,11 +68,64 @@ describe('inset-stroke mixin', () => {
|
|
|
34
68
|
},
|
|
35
69
|
);
|
|
36
70
|
|
|
37
|
-
expect(result.css).toContain('box-shadow: inset 0 0 0 1.5px
|
|
71
|
+
expect(result.css).toContain('box-shadow: inset 0 0 0 1.5px currentColor;');
|
|
38
72
|
expect(result.css).toContain('@supports (-webkit-backdrop-filter: none)');
|
|
73
|
+
expect(result.css).toContain('box-shadow: inset 0 0 0 1px currentColor;');
|
|
74
|
+
expect(result.css).toContain('@media only screen and (resolution: 2dppx)');
|
|
39
75
|
expect(result.css).toContain('@media only screen and (resolution: 3dppx)');
|
|
40
76
|
expect(result.css).toContain(
|
|
41
|
-
'box-shadow: inset 0 0 0 1.6666px
|
|
77
|
+
'box-shadow: inset 0 0 0 1.6666px currentColor;',
|
|
42
78
|
);
|
|
43
79
|
});
|
|
80
|
+
|
|
81
|
+
it('generalizes WebKit DPR correction for half-pixel borders', () => {
|
|
82
|
+
const result = compileString(
|
|
83
|
+
`
|
|
84
|
+
@use 'element' as *;
|
|
85
|
+
|
|
86
|
+
.two {
|
|
87
|
+
@include oc-border(2.5px, var(--stroke));
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
.three {
|
|
91
|
+
@include oc-border(3.5px, var(--stroke));
|
|
92
|
+
}
|
|
93
|
+
`,
|
|
94
|
+
{
|
|
95
|
+
loadPaths: ['src/scss/mixins'],
|
|
96
|
+
},
|
|
97
|
+
);
|
|
98
|
+
|
|
99
|
+
expect(result.css).toContain('box-shadow: inset 0 0 0 2px var(--stroke);');
|
|
100
|
+
expect(result.css).toContain(
|
|
101
|
+
'box-shadow: inset 0 0 0 2.5px var(--stroke);',
|
|
102
|
+
);
|
|
103
|
+
expect(result.css).toContain(
|
|
104
|
+
'box-shadow: inset 0 0 0 2.6666px var(--stroke);',
|
|
105
|
+
);
|
|
106
|
+
expect(result.css).toContain('box-shadow: inset 0 0 0 3px var(--stroke);');
|
|
107
|
+
expect(result.css).toContain(
|
|
108
|
+
'box-shadow: inset 0 0 0 3.5px var(--stroke);',
|
|
109
|
+
);
|
|
110
|
+
expect(result.css).toContain(
|
|
111
|
+
'box-shadow: inset 0 0 0 3.6666px var(--stroke);',
|
|
112
|
+
);
|
|
113
|
+
});
|
|
114
|
+
|
|
115
|
+
it('does not expose the removed inset-stroke mixin', () => {
|
|
116
|
+
expect(() =>
|
|
117
|
+
compileString(
|
|
118
|
+
`
|
|
119
|
+
@use 'element' as *;
|
|
120
|
+
|
|
121
|
+
.target {
|
|
122
|
+
@include inset-stroke(1px);
|
|
123
|
+
}
|
|
124
|
+
`,
|
|
125
|
+
{
|
|
126
|
+
loadPaths: ['src/scss/mixins'],
|
|
127
|
+
},
|
|
128
|
+
),
|
|
129
|
+
).toThrow('Undefined mixin');
|
|
130
|
+
});
|
|
44
131
|
});
|