@orioncactuscorp/ui 1.0.0 → 1.2.0

package/dist/components/Radio/Radio.css

@@ -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;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}
+.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/components/Select/Select.css

@@ -1 +1 @@
-.oc-Select-module__select__U4LyF{display:inline-flex;position:relative;align-items:center;inline-size:100%;cursor:pointer}.oc-Select-module__select__U4LyF:focus-within [data-oc-part=content]{--oc-field-control-stroke-color: color-mix(in srgb, var(--oc-field-control-outline-color), transparent 57%);--oc-field-control-stroke-width: 2.5px}.oc-Select-module__select__U4LyF:has([data-oc-part=select]:disabled) [data-oc-part=content]{--oc-field-control-background-color: var(--oc-color-theme-interaction-disable);cursor:not-allowed}.oc-Select-module__select__U4LyF [data-oc-part=content]{position:relative;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)}
+.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/dist/components/TextArea/TextArea.css

@@ -1 +1 @@
-.oc-TextArea-module__textArea__nlK-5{display:flex;flex-direction:column;gap:var(--oc-space-item-gap-small);inline-size:100%;min-inline-size:0}.oc-TextArea-module__textArea__nlK-5:focus-within [data-oc-part=content]{--oc-field-control-stroke-color: color-mix(in srgb, var(--oc-field-control-outline-color), transparent 57%);--oc-field-control-stroke-width: 2.5px}.oc-TextArea-module__textArea__nlK-5:has([data-oc-part=textarea]:disabled){cursor:not-allowed}.oc-TextArea-module__textArea__nlK-5:has([data-oc-part=textarea]:disabled) [data-oc-part=content]{--oc-field-control-background-color: var(--oc-color-theme-interaction-disable);cursor:not-allowed}.oc-TextArea-module__textArea__nlK-5 [data-oc-part=content]{position:relative;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-TextArea-module__textArea__nlK-5 [data-oc-part=content]{transition-property:background-color;transition-duration:calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-scale-reduced) * var(--oc-motion-pace-normal) * 1);transition-timing-function:var(--oc-motion-timing-feedback)}}.oc-TextArea-module__textArea__nlK-5 [data-oc-part=content]:after{position:absolute;z-index:3;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 var(--oc-field-control-stroke-width) var(--oc-field-control-stroke-color);pointer-events:none;content:"";transition:box-shadow calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-scale) * var(--oc-motion-pace-normal) * 1) var(--oc-motion-timing-feedback)}@media(prefers-reduced-motion:reduce){.oc-TextArea-module__textArea__nlK-5 [data-oc-part=content]:after{transition-property:box-shadow;transition-duration:calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-scale-reduced) * var(--oc-motion-pace-normal) * 1);transition-timing-function:var(--oc-motion-timing-feedback)}}.oc-TextArea-module__textArea__nlK-5 [data-oc-part=content]{--oc-field-control-content-padding-block: var(--oc-space-item-padding-xsmall);--oc-field-control-content-padding-inline: var(--oc-space-item-padding-xsmall);padding:var(--oc-field-control-content-padding-block) var(--oc-field-control-content-padding-inline);display:flex;flex-direction:column;gap:var(--oc-space-item-gap-small);inline-size:100%;min-inline-size:0;position:relative;min-block-size:calc(var(--oc-typo-height-body1) + var(--oc-field-control-content-padding-block) + var(--oc-field-control-content-padding-block))}.oc-TextArea-module__textArea__nlK-5 [data-oc-part=content] [data-oc-part=leading-content],.oc-TextArea-module__textArea__nlK-5 [data-oc-part=content] [data-oc-part=trailing-content]{position:relative;z-index:2}.oc-TextArea-module__textArea__nlK-5 [data-oc-part=content]{gap:0;min-block-size:var(--oc-text-area-control-block-size);padding:0;--oc-text-area-control-block-size: calc(var(--oc-typo-height-body1) * 2 + var(--oc-field-control-content-padding-block) + var(--oc-field-control-content-padding-block));--oc-text-area-supporting-content-size: 0px;--oc-text-area-supporting-content-offset: 0px}.oc-TextArea-module__textArea__nlK-5 [data-oc-part=content]:has(>[data-oc-part=supporting-content]){--oc-text-area-supporting-content-offset: calc(var(--oc-text-area-supporting-content-size) + var(--oc-space-item-gap-small))}.oc-TextArea-module__textArea__nlK-5 [data-oc-part=textarea]{all:unset;font-size:calc(var(--oc-typo-size-body1) * var(--oc-typo-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-field-control-content-padding-inline) var(--oc-field-control-content-padding-inline);border-radius:inherit;background-clip:padding-box}.oc-TextArea-module__textArea__nlK-5 [data-oc-part=textarea]:-webkit-autofill,.oc-TextArea-module__textArea__nlK-5 [data-oc-part=textarea]:-webkit-autofill:hover,.oc-TextArea-module__textArea__nlK-5 [data-oc-part=textarea]:-webkit-autofill:focus,.oc-TextArea-module__textArea__nlK-5 [data-oc-part=textarea]:-webkit-autofill:active{border-radius:inherit;box-shadow:0 0 0 100vmax var(--oc-field-control-autofill-tint-color) inset,0 0 0 100vmax var(--oc-field-control-autofill-surface-color) inset;caret-color:currentcolor;-webkit-text-fill-color:currentcolor}.oc-TextArea-module__textArea__nlK-5 [data-oc-part=textarea]{padding-block-end:calc(var(--oc-field-control-content-padding-block) + var(--oc-text-area-supporting-content-offset));resize:none}.oc-TextArea-module__textArea__nlK-5 [data-oc-part=textarea]::placeholder{color:var(--oc-color-theme-label-assistive)}.oc-TextArea-module__textArea__nlK-5 [data-oc-part=textarea]:focus{outline:none}.oc-TextArea-module__textArea__nlK-5 [data-oc-part=textarea]:disabled{cursor:not-allowed;color:var(--oc-color-theme-label-disable)}.oc-TextArea-module__textArea__nlK-5 [data-oc-part=supporting-content]{display:flex;position:absolute;align-items:center;gap:var(--oc-space-item-gap-small);z-index:2;inset-block-end:var(--oc-field-control-content-padding-block);inset-inline:var(--oc-field-control-content-padding-inline);min-inline-size:0;pointer-events:none}.oc-TextArea-module__textArea__nlK-5 [data-oc-part=supporting-content][data-oc-align=start]{justify-content:flex-start}.oc-TextArea-module__textArea__nlK-5 [data-oc-part=supporting-content][data-oc-align=end]{justify-content:flex-end}.oc-TextArea-module__textArea__nlK-5 [data-oc-part=supporting-content][data-oc-align=space-between]{justify-content:space-between}.oc-TextArea-module__textArea__nlK-5 [data-oc-part=leading-content],.oc-TextArea-module__textArea__nlK-5 [data-oc-part=trailing-content]{display:inline-flex;flex:none;align-items:center;color:var(--oc-color-theme-label-alternative);pointer-events:none}.oc-TextArea-module__textArea__nlK-5 [data-oc-part=leading-content]:has(>[data-oc-component=text-area-content][data-oc-variant=action]),.oc-TextArea-module__textArea__nlK-5 [data-oc-part=trailing-content]:has(>[data-oc-component=text-area-content][data-oc-variant=action]){pointer-events:auto}.oc-TextArea-module__textArea__nlK-5{--oc-field-control-background-color: transparent;--oc-field-control-autofill-surface-color: var(--oc-color-theme-background-elevated-normal);--oc-field-control-autofill-tint-color: color-mix(in srgb, var(--oc-color-theme-accent-background-orange), transparent calc(100% - (100% * var(--oc-color-global-opacity-8))));--oc-field-control-stroke-color: var(--oc-color-theme-line-normal-normal);--oc-field-control-stroke-width: 1px;--oc-field-control-outline-color: var(--oc-color-theme-primary-normal)}.oc-TextArea-module__invalid__lqbKp [data-oc-part=content]{--oc-field-control-stroke-color: color-mix(in srgb, var(--oc-color-theme-status-negative), transparent calc(100% - (100% * var(--oc-color-global-opacity-35))));--oc-field-control-stroke-width: 1.5px;--oc-field-control-outline-color: var(--oc-color-theme-status-negative)}@supports (-webkit-backdrop-filter: none){.oc-TextArea-module__invalid__lqbKp [data-oc-part=content]{--oc-field-control-stroke-width: 1px}@media only screen and (resolution:2dppx){.oc-TextArea-module__invalid__lqbKp [data-oc-part=content]{--oc-field-control-stroke-width: 1.5px}}@media only screen and (resolution:3dppx){.oc-TextArea-module__invalid__lqbKp [data-oc-part=content]{--oc-field-control-stroke-width: 1.6666px}}}.oc-TextArea-module__invalid__lqbKp:focus-within [data-oc-part=content]:after{box-shadow:inset 0 0 0 var(--oc-field-control-stroke-width) var(--oc-field-control-stroke-color)}
+.oc-TextArea-module__textArea__nlK-5{display:flex;flex-direction:column;gap:var(--oc-space-item-gap-small);inline-size:100%;min-inline-size:0}.oc-TextArea-module__textArea__nlK-5:focus-within [data-oc-part=content]{--oc-field-control-stroke-color: color-mix(in srgb, var(--oc-field-control-outline-color), transparent 57%);--oc-field-control-stroke-width: 2.5px}.oc-TextArea-module__textArea__nlK-5:has([data-oc-part=textarea]:disabled){cursor:not-allowed}.oc-TextArea-module__textArea__nlK-5:has([data-oc-part=textarea]:disabled) [data-oc-part=content]{--oc-field-control-background-color: var(--oc-color-theme-interaction-disable);cursor:not-allowed}.oc-TextArea-module__textArea__nlK-5 [data-oc-part=content]{position:relative;isolation:isolate;overflow:hidden;border-radius:var(--oc-atomic-radius-small);background-color:var(--oc-field-control-background-color);color:var(--oc-color-theme-label-normal);transition:background-color calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-scale) * var(--oc-motion-pace-normal) * 1) var(--oc-motion-timing-feedback)}@media(prefers-reduced-motion:reduce){.oc-TextArea-module__textArea__nlK-5 [data-oc-part=content]{transition-property:background-color;transition-duration:calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-scale-reduced) * var(--oc-motion-pace-normal) * 1);transition-timing-function:var(--oc-motion-timing-feedback)}}.oc-TextArea-module__textArea__nlK-5 [data-oc-part=content]:after{position:absolute;z-index:3;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 var(--oc-field-control-stroke-width) var(--oc-field-control-stroke-color);pointer-events:none;content:"";transition:box-shadow calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-scale) * var(--oc-motion-pace-normal) * 1) var(--oc-motion-timing-feedback)}@media(prefers-reduced-motion:reduce){.oc-TextArea-module__textArea__nlK-5 [data-oc-part=content]:after{transition-property:box-shadow;transition-duration:calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-scale-reduced) * var(--oc-motion-pace-normal) * 1);transition-timing-function:var(--oc-motion-timing-feedback)}}.oc-TextArea-module__textArea__nlK-5 [data-oc-part=content]{--oc-field-control-content-padding-block: var(--oc-space-item-padding-xsmall);--oc-field-control-content-padding-inline: var(--oc-space-item-padding-xsmall);padding:var(--oc-field-control-content-padding-block) var(--oc-field-control-content-padding-inline);display:flex;flex-direction:column;gap:var(--oc-space-item-gap-small);inline-size:100%;min-inline-size:0;position:relative;min-block-size:calc(var(--oc-typo-height-body1) + var(--oc-field-control-content-padding-block) + var(--oc-field-control-content-padding-block))}.oc-TextArea-module__textArea__nlK-5 [data-oc-part=content] [data-oc-part=leading-content],.oc-TextArea-module__textArea__nlK-5 [data-oc-part=content] [data-oc-part=trailing-content]{position:relative;z-index:2}.oc-TextArea-module__textArea__nlK-5 [data-oc-part=content]{gap:0;min-block-size:var(--oc-text-area-control-block-size);padding:0;--oc-text-area-control-block-size: calc(var(--oc-typo-height-body1) * 2 + var(--oc-field-control-content-padding-block) + var(--oc-field-control-content-padding-block));--oc-text-area-supporting-content-size: 0px;--oc-text-area-supporting-content-offset: 0px}.oc-TextArea-module__textArea__nlK-5 [data-oc-part=content]:has(>[data-oc-part=supporting-content]){--oc-text-area-supporting-content-offset: calc(var(--oc-text-area-supporting-content-size) + var(--oc-space-item-gap-small))}.oc-TextArea-module__textArea__nlK-5 [data-oc-part=textarea]{all:unset;font-size:calc(var(--oc-typo-size-body1) * var(--oc-typo-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-field-control-content-padding-inline) var(--oc-field-control-content-padding-inline);border-radius:inherit;background-clip:padding-box}.oc-TextArea-module__textArea__nlK-5 [data-oc-part=textarea]:-webkit-autofill,.oc-TextArea-module__textArea__nlK-5 [data-oc-part=textarea]:-webkit-autofill:hover,.oc-TextArea-module__textArea__nlK-5 [data-oc-part=textarea]:-webkit-autofill:focus,.oc-TextArea-module__textArea__nlK-5 [data-oc-part=textarea]:-webkit-autofill:active{border-radius:inherit;box-shadow:0 0 0 100vmax var(--oc-field-control-autofill-tint-color) inset,0 0 0 100vmax var(--oc-field-control-autofill-surface-color) inset;caret-color:currentcolor;-webkit-text-fill-color:currentcolor}.oc-TextArea-module__textArea__nlK-5 [data-oc-part=textarea]{padding-block-end:calc(var(--oc-field-control-content-padding-block) + var(--oc-text-area-supporting-content-offset));resize:none}.oc-TextArea-module__textArea__nlK-5 [data-oc-part=textarea]::placeholder{color:var(--oc-color-theme-label-assistive)}.oc-TextArea-module__textArea__nlK-5 [data-oc-part=textarea]:focus{outline:none}.oc-TextArea-module__textArea__nlK-5 [data-oc-part=textarea]:disabled{cursor:not-allowed;color:var(--oc-color-theme-label-disable)}.oc-TextArea-module__textArea__nlK-5 [data-oc-part=supporting-content]{display:flex;position:absolute;align-items:center;gap:var(--oc-space-item-gap-small);z-index:2;inset-block-end:var(--oc-field-control-content-padding-block);inset-inline:var(--oc-field-control-content-padding-inline);min-inline-size:0;pointer-events:none}.oc-TextArea-module__textArea__nlK-5 [data-oc-part=supporting-content][data-oc-align=start]{justify-content:flex-start}.oc-TextArea-module__textArea__nlK-5 [data-oc-part=supporting-content][data-oc-align=end]{justify-content:flex-end}.oc-TextArea-module__textArea__nlK-5 [data-oc-part=supporting-content][data-oc-align=space-between]{justify-content:space-between}.oc-TextArea-module__textArea__nlK-5 [data-oc-part=leading-content],.oc-TextArea-module__textArea__nlK-5 [data-oc-part=trailing-content]{display:inline-flex;flex:none;align-items:center;color:var(--oc-color-theme-label-alternative);pointer-events:none}.oc-TextArea-module__textArea__nlK-5 [data-oc-part=leading-content]:has(>[data-oc-component=text-area-content][data-oc-variant=action]),.oc-TextArea-module__textArea__nlK-5 [data-oc-part=trailing-content]:has(>[data-oc-component=text-area-content][data-oc-variant=action]){pointer-events:auto}.oc-TextArea-module__textArea__nlK-5{--oc-field-control-background-color: transparent;--oc-field-control-autofill-surface-color: var(--oc-color-theme-background-elevated-normal);--oc-field-control-autofill-tint-color: color-mix(in srgb, var(--oc-color-theme-accent-background-orange), transparent calc(100% - (100% * var(--oc-color-global-opacity-8))));--oc-field-control-stroke-color: var(--oc-color-theme-line-normal-normal);--oc-field-control-stroke-width: 1px;--oc-field-control-outline-color: var(--oc-color-theme-primary-normal)}.oc-TextArea-module__invalid__lqbKp [data-oc-part=content]{--oc-field-control-stroke-color: color-mix(in srgb, var(--oc-color-theme-status-negative), transparent calc(100% - (100% * var(--oc-color-global-opacity-35))));--oc-field-control-stroke-width: 1.5px;--oc-field-control-outline-color: var(--oc-color-theme-status-negative)}@supports (-webkit-backdrop-filter: none){.oc-TextArea-module__invalid__lqbKp [data-oc-part=content]{--oc-field-control-stroke-width: 1px}@media only screen and (resolution:2dppx){.oc-TextArea-module__invalid__lqbKp [data-oc-part=content]{--oc-field-control-stroke-width: 1.5px}}@media only screen and (resolution:3dppx){.oc-TextArea-module__invalid__lqbKp [data-oc-part=content]{--oc-field-control-stroke-width: 1.6666px}}}.oc-TextArea-module__invalid__lqbKp:focus-within [data-oc-part=content]:after{box-shadow:inset 0 0 0 var(--oc-field-control-stroke-width) var(--oc-field-control-stroke-color)}

package/dist/components/TextInput/TextInput.css

@@ -1 +1 @@
-.oc-TextInput-module__textInput__7UMkB{display:flex;position:relative;align-items:center;cursor:text}.oc-TextInput-module__textInput__7UMkB:focus-within [data-oc-part=content]{--oc-field-control-stroke-color: color-mix(in srgb, var(--oc-field-control-outline-color), transparent 57%);--oc-field-control-stroke-width: 2.5px}.oc-TextInput-module__textInput__7UMkB:has([data-oc-part=input]:disabled) [data-oc-part=content]{--oc-field-control-background-color: var(--oc-color-theme-interaction-disable);cursor:not-allowed}.oc-TextInput-module__textInput__7UMkB [data-oc-part=content]{position:relative;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-TextInput-module__textInput__7UMkB [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-TextInput-module__textInput__7UMkB [data-oc-part=content]:after{position:absolute;z-index:3;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 var(--oc-field-control-stroke-width) var(--oc-field-control-stroke-color);pointer-events:none;content:"";transition:box-shadow calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-scale) * var(--oc-motion-pace-normal) * 1) var(--oc-motion-timing-feedback)}@media(prefers-reduced-motion:reduce){.oc-TextInput-module__textInput__7UMkB [data-oc-part=content]:after{transition-property:box-shadow;transition-duration:calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-scale-reduced) * var(--oc-motion-pace-normal) * 1);transition-timing-function:var(--oc-motion-timing-feedback)}}.oc-TextInput-module__textInput__7UMkB [data-oc-part=content]{--oc-field-control-content-padding-block: var(--oc-space-item-padding-xsmall);--oc-field-control-content-padding-inline: var(--oc-space-item-padding-xsmall);padding:var(--oc-field-control-content-padding-block) var(--oc-field-control-content-padding-inline);display:flex;align-items:center;gap:var(--oc-space-item-gap-small);inline-size:100%;min-inline-size:0;position:relative;min-block-size:calc(var(--oc-typo-height-body1) + var(--oc-field-control-content-padding-block) + var(--oc-field-control-content-padding-block))}.oc-TextInput-module__textInput__7UMkB [data-oc-part=content] [data-oc-part=leading-content],.oc-TextInput-module__textInput__7UMkB [data-oc-part=content] [data-oc-part=trailing-content]{position:relative;z-index:2}.oc-TextInput-module__textInput__7UMkB [data-oc-part=content]{--oc-text-input-leading-content-size: 0px;--oc-text-input-trailing-content-size: 0px;--oc-text-input-leading-offset: var(--oc-field-control-content-padding-inline);--oc-text-input-trailing-offset: var(--oc-field-control-content-padding-inline)}.oc-TextInput-module__textInput__7UMkB [data-oc-part=content]:has(>[data-oc-part=leading-content]){--oc-text-input-leading-offset: calc(var(--oc-field-control-content-padding-inline) + var(--oc-text-input-leading-content-size) + var(--oc-space-item-gap-small))}.oc-TextInput-module__textInput__7UMkB [data-oc-part=content]:has(>[data-oc-part=trailing-content]){--oc-text-input-trailing-offset: calc(var(--oc-field-control-content-padding-inline) + var(--oc-text-input-trailing-content-size) + var(--oc-space-item-gap-small))}.oc-TextInput-module__textInput__7UMkB [data-oc-part=input]{all:unset;font-size:calc(var(--oc-typo-size-body1) * var(--oc-typo-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-text-input-leading-offset) var(--oc-text-input-trailing-offset);border-radius:inherit;background-clip:padding-box}.oc-TextInput-module__textInput__7UMkB [data-oc-part=input]:-webkit-autofill,.oc-TextInput-module__textInput__7UMkB [data-oc-part=input]:-webkit-autofill:hover,.oc-TextInput-module__textInput__7UMkB [data-oc-part=input]:-webkit-autofill:focus,.oc-TextInput-module__textInput__7UMkB [data-oc-part=input]:-webkit-autofill:active{border-radius:inherit;box-shadow:0 0 0 100vmax var(--oc-field-control-autofill-tint-color) inset,0 0 0 100vmax var(--oc-field-control-autofill-surface-color) inset;caret-color:currentcolor;-webkit-text-fill-color:currentcolor}.oc-TextInput-module__textInput__7UMkB [data-oc-part=input]{caret-color:var(--oc-color-theme-label-normal)}.oc-TextInput-module__textInput__7UMkB [data-oc-part=input]::placeholder{color:var(--oc-color-theme-label-assistive)}.oc-TextInput-module__textInput__7UMkB [data-oc-part=input]:disabled{cursor:not-allowed;color:var(--oc-color-theme-label-disable)}.oc-TextInput-module__textInput__7UMkB [data-oc-part=leading-content],.oc-TextInput-module__textInput__7UMkB [data-oc-part=trailing-content]{display:inline-flex;flex:none;align-items:center;color:var(--oc-color-theme-label-alternative);pointer-events:none}.oc-TextInput-module__textInput__7UMkB [data-oc-part=leading-content][data-oc-interactive=true],.oc-TextInput-module__textInput__7UMkB [data-oc-part=leading-content]:has(>[data-oc-component=text-input-content][data-oc-variant=action]),.oc-TextInput-module__textInput__7UMkB [data-oc-part=trailing-content][data-oc-interactive=true],.oc-TextInput-module__textInput__7UMkB [data-oc-part=trailing-content]:has(>[data-oc-component=text-input-content][data-oc-variant=action]){pointer-events:auto}.oc-TextInput-module__textInput__7UMkB [data-oc-part=trailing-content]{margin-inline-start:auto}.oc-TextInput-module__textInput__7UMkB{--oc-field-control-background-color: transparent;--oc-field-control-autofill-surface-color: var(--oc-color-theme-background-elevated-normal);--oc-field-control-autofill-tint-color: color-mix(in srgb, var(--oc-color-theme-accent-background-orange), transparent calc(100% - (100% * var(--oc-color-global-opacity-8))));--oc-field-control-stroke-color: var(--oc-color-theme-line-normal-normal);--oc-field-control-stroke-width: 1px;--oc-field-control-outline-color: var(--oc-color-theme-primary-normal)}.oc-TextInput-module__invalid__DdPl6 [data-oc-part=content]{--oc-field-control-stroke-color: color-mix(in srgb, var(--oc-color-theme-status-negative), transparent calc(100% - (100% * var(--oc-color-global-opacity-35))));--oc-field-control-stroke-width: 1.5px;--oc-field-control-outline-color: var(--oc-color-theme-status-negative)}@supports (-webkit-backdrop-filter: none){.oc-TextInput-module__invalid__DdPl6 [data-oc-part=content]{--oc-field-control-stroke-width: 1px}@media only screen and (resolution:2dppx){.oc-TextInput-module__invalid__DdPl6 [data-oc-part=content]{--oc-field-control-stroke-width: 1.5px}}@media only screen and (resolution:3dppx){.oc-TextInput-module__invalid__DdPl6 [data-oc-part=content]{--oc-field-control-stroke-width: 1.6666px}}}.oc-TextInput-module__invalid__DdPl6:focus-within [data-oc-part=content]:after{box-shadow:inset 0 0 0 var(--oc-field-control-stroke-width) var(--oc-field-control-stroke-color)}
+.oc-TextInput-module__textInput__7UMkB{display:flex;position:relative;align-items:center;cursor:text}.oc-TextInput-module__textInput__7UMkB:focus-within [data-oc-part=content]{--oc-field-control-stroke-color: color-mix(in srgb, var(--oc-field-control-outline-color), transparent 57%);--oc-field-control-stroke-width: 2.5px}.oc-TextInput-module__textInput__7UMkB:has([data-oc-part=input]:disabled) [data-oc-part=content]{--oc-field-control-background-color: var(--oc-color-theme-interaction-disable);cursor:not-allowed}.oc-TextInput-module__textInput__7UMkB [data-oc-part=content]{position:relative;isolation:isolate;overflow:hidden;border-radius:var(--oc-atomic-radius-small);background-color:var(--oc-field-control-background-color);color:var(--oc-color-theme-label-normal);transition:background-color calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-scale) * var(--oc-motion-pace-normal) * 1) var(--oc-motion-timing-feedback)}@media(prefers-reduced-motion:reduce){.oc-TextInput-module__textInput__7UMkB [data-oc-part=content]{transition-property:background-color;transition-duration:calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-scale-reduced) * var(--oc-motion-pace-normal) * 1);transition-timing-function:var(--oc-motion-timing-feedback)}}.oc-TextInput-module__textInput__7UMkB [data-oc-part=content]:after{position:absolute;z-index:3;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 var(--oc-field-control-stroke-width) var(--oc-field-control-stroke-color);pointer-events:none;content:"";transition:box-shadow calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-scale) * var(--oc-motion-pace-normal) * 1) var(--oc-motion-timing-feedback)}@media(prefers-reduced-motion:reduce){.oc-TextInput-module__textInput__7UMkB [data-oc-part=content]:after{transition-property:box-shadow;transition-duration:calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-scale-reduced) * var(--oc-motion-pace-normal) * 1);transition-timing-function:var(--oc-motion-timing-feedback)}}.oc-TextInput-module__textInput__7UMkB [data-oc-part=content]{--oc-field-control-content-padding-block: var(--oc-space-item-padding-xsmall);--oc-field-control-content-padding-inline: var(--oc-space-item-padding-xsmall);padding:var(--oc-field-control-content-padding-block) var(--oc-field-control-content-padding-inline);display:flex;align-items:center;gap:var(--oc-space-item-gap-small);inline-size:100%;min-inline-size:0;position:relative;min-block-size:calc(var(--oc-typo-height-body1) + var(--oc-field-control-content-padding-block) + var(--oc-field-control-content-padding-block))}.oc-TextInput-module__textInput__7UMkB [data-oc-part=content] [data-oc-part=leading-content],.oc-TextInput-module__textInput__7UMkB [data-oc-part=content] [data-oc-part=trailing-content]{position:relative;z-index:2}.oc-TextInput-module__textInput__7UMkB [data-oc-part=content]{--oc-text-input-leading-content-size: 0px;--oc-text-input-trailing-content-size: 0px;--oc-text-input-leading-offset: var(--oc-field-control-content-padding-inline);--oc-text-input-trailing-offset: var(--oc-field-control-content-padding-inline)}.oc-TextInput-module__textInput__7UMkB [data-oc-part=content]:has(>[data-oc-part=leading-content]){--oc-text-input-leading-offset: calc(var(--oc-field-control-content-padding-inline) + var(--oc-text-input-leading-content-size) + var(--oc-space-item-gap-small))}.oc-TextInput-module__textInput__7UMkB [data-oc-part=content]:has(>[data-oc-part=trailing-content]){--oc-text-input-trailing-offset: calc(var(--oc-field-control-content-padding-inline) + var(--oc-text-input-trailing-content-size) + var(--oc-space-item-gap-small))}.oc-TextInput-module__textInput__7UMkB [data-oc-part=input]{all:unset;font-size:calc(var(--oc-typo-size-body1) * var(--oc-typo-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-text-input-leading-offset) var(--oc-text-input-trailing-offset);border-radius:inherit;background-clip:padding-box}.oc-TextInput-module__textInput__7UMkB [data-oc-part=input]:-webkit-autofill,.oc-TextInput-module__textInput__7UMkB [data-oc-part=input]:-webkit-autofill:hover,.oc-TextInput-module__textInput__7UMkB [data-oc-part=input]:-webkit-autofill:focus,.oc-TextInput-module__textInput__7UMkB [data-oc-part=input]:-webkit-autofill:active{border-radius:inherit;box-shadow:0 0 0 100vmax var(--oc-field-control-autofill-tint-color) inset,0 0 0 100vmax var(--oc-field-control-autofill-surface-color) inset;caret-color:currentcolor;-webkit-text-fill-color:currentcolor}.oc-TextInput-module__textInput__7UMkB [data-oc-part=input]{caret-color:var(--oc-color-theme-label-normal)}.oc-TextInput-module__textInput__7UMkB [data-oc-part=input]::placeholder{color:var(--oc-color-theme-label-assistive)}.oc-TextInput-module__textInput__7UMkB [data-oc-part=input]:disabled{cursor:not-allowed;color:var(--oc-color-theme-label-disable)}.oc-TextInput-module__textInput__7UMkB [data-oc-part=leading-content],.oc-TextInput-module__textInput__7UMkB [data-oc-part=trailing-content]{display:inline-flex;flex:none;align-items:center;color:var(--oc-color-theme-label-alternative);pointer-events:none}.oc-TextInput-module__textInput__7UMkB [data-oc-part=leading-content][data-oc-interactive=true],.oc-TextInput-module__textInput__7UMkB [data-oc-part=leading-content]:has(>[data-oc-component=text-input-content][data-oc-variant=action]),.oc-TextInput-module__textInput__7UMkB [data-oc-part=trailing-content][data-oc-interactive=true],.oc-TextInput-module__textInput__7UMkB [data-oc-part=trailing-content]:has(>[data-oc-component=text-input-content][data-oc-variant=action]){pointer-events:auto}.oc-TextInput-module__textInput__7UMkB [data-oc-part=trailing-content]{margin-inline-start:auto}.oc-TextInput-module__textInput__7UMkB{--oc-field-control-background-color: transparent;--oc-field-control-autofill-surface-color: var(--oc-color-theme-background-elevated-normal);--oc-field-control-autofill-tint-color: color-mix(in srgb, var(--oc-color-theme-accent-background-orange), transparent calc(100% - (100% * var(--oc-color-global-opacity-8))));--oc-field-control-stroke-color: var(--oc-color-theme-line-normal-normal);--oc-field-control-stroke-width: 1px;--oc-field-control-outline-color: var(--oc-color-theme-primary-normal)}.oc-TextInput-module__invalid__DdPl6 [data-oc-part=content]{--oc-field-control-stroke-color: color-mix(in srgb, var(--oc-color-theme-status-negative), transparent calc(100% - (100% * var(--oc-color-global-opacity-35))));--oc-field-control-stroke-width: 1.5px;--oc-field-control-outline-color: var(--oc-color-theme-status-negative)}@supports (-webkit-backdrop-filter: none){.oc-TextInput-module__invalid__DdPl6 [data-oc-part=content]{--oc-field-control-stroke-width: 1px}@media only screen and (resolution:2dppx){.oc-TextInput-module__invalid__DdPl6 [data-oc-part=content]{--oc-field-control-stroke-width: 1.5px}}@media only screen and (resolution:3dppx){.oc-TextInput-module__invalid__DdPl6 [data-oc-part=content]{--oc-field-control-stroke-width: 1.6666px}}}.oc-TextInput-module__invalid__DdPl6:focus-within [data-oc-part=content]:after{box-shadow:inset 0 0 0 var(--oc-field-control-stroke-width) var(--oc-field-control-stroke-color)}

package/dist/foundations/atomic.css

@@ -1 +1 @@
-:root{--oc-atomic-radius-max: 10000px;--oc-atomic-radius-huge: clamp(1.5rem, 24 / 768 * 100vw, 4rem);--oc-atomic-radius-xlarge: clamp(0.75rem, 12 / 768 * 100vw, 2rem);--oc-atomic-radius-large: clamp(0.75rem, 12 / 768 * 100vw, 1.5rem);--oc-atomic-radius-medium: clamp(0.75rem, 12 / 768 * 100vw, 1rem);--oc-atomic-radius-small: clamp(0.625rem, 10 / 768 * 100vw, 0.75rem);--oc-atomic-radius-xsmall: clamp(0.5rem, 8 / 768 * 100vw, 0.625rem);--oc-atomic-radius-mini: clamp(0.375rem, 6 / 768 * 100vw, 0.5rem);--oc-atomic-radius-tiny: clamp(0.25rem, 4 / 768 * 100vw, 0.375rem);--oc-atomic-radius-micro: 0.25rem;--oc-atomic-width-content: 35em;--oc-atomic-width-section-large: 60rem;--oc-atomic-width-section-medium: 48rem;--oc-atomic-width-section-small: 30rem;--oc-atomic-width-section-xsmall: 24rem;--oc-atomic-blur-normal: 64px;--oc-atomic-blur-compact: 28px}
+:root{--oc-atomic-radius-max: 10000px;--oc-atomic-radius-huge: clamp(1.5rem, 24 / 768 * 100vw, 4rem);--oc-atomic-radius-xlarge: clamp(0.75rem, 12 / 768 * 100vw, 2rem);--oc-atomic-radius-large: clamp(0.75rem, 12 / 768 * 100vw, 1.5rem);--oc-atomic-radius-medium: clamp(0.75rem, 12 / 768 * 100vw, 1rem);--oc-atomic-radius-small: clamp(0.625rem, 10 / 768 * 100vw, 0.75rem);--oc-atomic-radius-xsmall: clamp(0.5rem, 8 / 768 * 100vw, 0.625rem);--oc-atomic-radius-mini: clamp(0.375rem, 6 / 768 * 100vw, 0.5rem);--oc-atomic-radius-tiny: clamp(0.25rem, 4 / 768 * 100vw, 0.375rem);--oc-atomic-radius-micro: 0.25rem;--oc-atomic-width-content: 35em;--oc-atomic-width-section-large: 60rem;--oc-atomic-width-section-medium: 48rem;--oc-atomic-width-section-small: 30rem;--oc-atomic-width-section-xsmall: 24rem;--oc-atomic-blur-normal: 64px;--oc-atomic-blur-compact: 28px;--oc-atomic-shadow-normal-xsmall: 0 1px 4px -1px color-mix(in srgb, var(--oc-color-global-coolNeutral-10), transparent calc(100% - (100% * 0.06)));--oc-atomic-shadow-normal-small: 0 2px 6px -1px color-mix(in srgb, var(--oc-color-global-coolNeutral-10), transparent calc(100% - (100% * var(--oc-color-global-opacity-8))));--oc-atomic-shadow-normal-medium: 0 4px 12px -2px color-mix(in srgb, var(--oc-color-global-coolNeutral-10), transparent calc(100% - (100% * var(--oc-color-global-opacity-8))));--oc-atomic-shadow-normal-large: 0 6px 18px -2px color-mix(in srgb, var(--oc-color-global-coolNeutral-10), transparent calc(100% - (100% * var(--oc-color-global-opacity-8))));--oc-atomic-shadow-normal-xlarge: 0 12px 32px -4px color-mix(in srgb, var(--oc-color-global-coolNeutral-10), transparent calc(100% - (100% * var(--oc-color-global-opacity-12))));--oc-atomic-shadow-spread-small: 0 0 32px -2px color-mix(in srgb, var(--oc-color-global-coolNeutral-10), transparent calc(100% - (100% * 0.06)));--oc-atomic-shadow-spread-xlarge: 0 12px 160px -4px color-mix(in srgb, var(--oc-color-global-coolNeutral-10), transparent calc(100% - (100% * 0.1)))}

package/dist/foundations.css

@@ -4,7 +4,7 @@
 :root{--oc-breakpoint-sm: 480px;--oc-breakpoint-md: 768px;--oc-breakpoint-lg: 1280px;--oc-breakpoint-xl: 1600px;--oc-breakpoint-hg: 1920px}
 :root{--oc-typo-font-family: system-ui, sans-serif;--oc-typo-scale: 1;--oc-typo-size-display1: 3rem;--oc-typo-size-display2: 2.5rem;--oc-typo-size-display3: 2.25rem;--oc-typo-size-title1: 2rem;--oc-typo-size-title2: 1.75rem;--oc-typo-size-title3: 1.5rem;--oc-typo-size-heading1: 1.375rem;--oc-typo-size-heading2: 1.25rem;--oc-typo-size-headline1: 1.125rem;--oc-typo-size-headline2: 1.0625rem;--oc-typo-size-body1: 1rem;--oc-typo-size-body1reading: 1rem;--oc-typo-size-body2: 0.9375rem;--oc-typo-size-body2reading: 0.9375rem;--oc-typo-size-label1: 0.875rem;--oc-typo-size-label1reading: 0.875rem;--oc-typo-size-label2: 0.8125rem;--oc-typo-size-caption1: 0.75rem;--oc-typo-size-caption2: 0.6875rem}@media screen and (max-width: 768px){:root{--oc-typo-size-body1: clamp(1rem, 17 / 375 * 100vw, 1.0625rem);--oc-typo-size-body1reading: clamp(1rem, 17 / 375 * 100vw, 1.0625rem);--oc-typo-size-body2: clamp(0.9375rem, 16 / 375 * 100vw, 1rem);--oc-typo-size-body2reading: clamp(0.9375rem, 16 / 375 * 100vw, 1rem);--oc-typo-size-label1: clamp(0.875rem, 15 / 375 * 100vw, 0.9375rem);--oc-typo-size-label1reading: clamp(0.875rem, 15 / 375 * 100vw, 0.9375rem);--oc-typo-size-label2: clamp(0.8125rem, 14 / 375 * 100vw, 0.875rem);--oc-typo-size-caption1: clamp(0.75rem, 13 / 375 * 100vw, 0.8125rem);--oc-typo-size-caption2: clamp(0.6875rem, 12 / 375 * 100vw, 0.75rem)}}@media screen and (min-width: 769px){:root{--oc-typo-size-display1: clamp(3rem, 64 / 1280 * 100vw, 4rem);--oc-typo-size-display2: clamp(2.5rem, 48 / 1280 * 100vw, 3rem);--oc-typo-size-display3: clamp(2.25rem, 40 / 1280 * 100vw, 2.5rem);--oc-typo-size-title1: clamp(2rem, 36 / 1280 * 100vw, 2.25rem);--oc-typo-size-title2: clamp(1.75rem, 32 / 1280 * 100vw, 2rem);--oc-typo-size-title3: clamp(1.5rem, 28 / 1280 * 100vw, 1.75rem);--oc-typo-size-heading1: clamp(1.375rem, 24 / 1280 * 100vw, 1.5rem);--oc-typo-size-heading2: clamp(1.25rem, 22 / 1280 * 100vw, 1.375rem);--oc-typo-size-headline1: clamp(1.125rem, 20 / 1280 * 100vw, 1.25rem);--oc-typo-size-headline2: clamp(1.0625rem, 18 / 1280 * 100vw, 1.125rem);--oc-typo-size-body1: clamp(1.0625rem, 18 / 1280 * 100vw, 1.125rem);--oc-typo-size-body1reading: clamp(1.0625rem, 18 / 1280 * 100vw, 1.125rem);--oc-typo-size-body2: clamp(1rem, 17 / 1280 * 100vw, 1.0625rem);--oc-typo-size-body2reading: clamp(1rem, 17 / 1280 * 100vw, 1.0625rem);--oc-typo-size-label1: clamp(0.9375rem, 16 / 1280 * 100vw, 1rem);--oc-typo-size-label1reading: clamp(0.9375rem, 16 / 1280 * 100vw, 1rem);--oc-typo-size-label2: clamp(0.875rem, 15 / 1280 * 100vw, 0.9375rem);--oc-typo-size-caption1: clamp(0.8125rem, 14 / 1280 * 100vw, 0.875rem);--oc-typo-size-caption2: clamp(0.75rem, 13 / 1280 * 100vw, 0.8125rem)}}@media screen and (min-width: 1281px){:root{--oc-typo-size-heading1: clamp(1.5rem, 26 / 1600 * 100vw, 1.625rem);--oc-typo-size-heading2: clamp(1.375rem, 24 / 1600 * 100vw, 1.5rem);--oc-typo-size-headline1: clamp(1.25rem, 22 / 1600 * 100vw, 1.375rem);--oc-typo-size-headline2: clamp(1.125rem, 20 / 1600 * 100vw, 1.25rem);--oc-typo-size-body1: clamp(1.125rem, 20 / 1600 * 100vw, 1.25rem);--oc-typo-size-body1reading: clamp(1.125rem, 20 / 1600 * 100vw, 1.25rem);--oc-typo-size-body2: clamp(1.0625rem, 18 / 1600 * 100vw, 1.125rem);--oc-typo-size-body2reading: clamp(1.0625rem, 18 / 1600 * 100vw, 1.125rem);--oc-typo-size-label1: clamp(1rem, 17 / 1600 * 100vw, 1.0625rem);--oc-typo-size-label1reading: clamp(1rem, 17 / 1600 * 100vw, 1.0625rem);--oc-typo-size-label2: clamp(0.9375rem, 16 / 1600 * 100vw, 1rem);--oc-typo-size-caption1: clamp(0.875rem, 15 / 1600 * 100vw, 0.9375rem);--oc-typo-size-caption2: clamp(0.8125rem, 14 / 1600 * 100vw, 0.875rem)}}:root{--oc-typo-height-display1: 3.875rem;--oc-typo-height-display2: 3.25rem;--oc-typo-height-display3: 3rem;--oc-typo-height-title1: 2.75rem;--oc-typo-height-title2: 2.375rem;--oc-typo-height-title3: 2rem;--oc-typo-height-heading1: 1.875rem;--oc-typo-height-heading2: 1.75rem;--oc-typo-height-headline1: 1.625rem;--oc-typo-height-headline2: 1.5rem;--oc-typo-height-body1: 1.5rem;--oc-typo-height-body1reading: 1.625rem;--oc-typo-height-body2: 1.375rem;--oc-typo-height-body2reading: 1.5rem;--oc-typo-height-label1: 1.25rem;--oc-typo-height-label1reading: 1.375rem;--oc-typo-height-label2: 1.125rem;--oc-typo-height-caption1: 1rem;--oc-typo-height-caption2: 0.875rem}@media screen and (max-width: 768px){:root{--oc-typo-height-body1: clamp(1.5rem, 26 / 375 * 100vw, 1.625rem);--oc-typo-height-body1reading: clamp(1.625rem, 28 / 375 * 100vw, 1.75rem);--oc-typo-height-body2: clamp(1.375rem, 24 / 375 * 100vw, 1.5rem);--oc-typo-height-body2reading: clamp(1.5rem, 26 / 375 * 100vw, 1.625rem);--oc-typo-height-label1: clamp(1.25rem, 22 / 375 * 100vw, 1.375rem);--oc-typo-height-label1reading: clamp(1.375rem, 24 / 375 * 100vw, 1.5rem);--oc-typo-height-label2: clamp(1.125rem, 20 / 375 * 100vw, 1.25rem);--oc-typo-height-caption1: clamp(1rem, 18 / 375 * 100vw, 1.125rem);--oc-typo-height-caption2: clamp(0.875rem, 16 / 375 * 100vw, 1rem)}}@media screen and (min-width: 769px){:root{--oc-typo-height-display1: clamp(3.875rem, 82 / 1280 * 100vw, 5.125rem);--oc-typo-height-display2: clamp(3.25rem, 62 / 1280 * 100vw, 3.875rem);--oc-typo-height-display3: clamp(3rem, 52 / 1280 * 100vw, 3.25rem);--oc-typo-height-title1: clamp(2.75rem, 48 / 1280 * 100vw, 3rem);--oc-typo-height-title2: clamp(2.375rem, 42 / 1280 * 100vw, 2.625rem);--oc-typo-height-title3: clamp(2rem, 36 / 1280 * 100vw, 2.25rem);--oc-typo-height-heading1: clamp(1.875rem, 32 / 1280 * 100vw, 2rem);--oc-typo-height-heading2: clamp(1.75rem, 30 / 1280 * 100vw, 1.875rem);--oc-typo-height-headline1: clamp(1.625rem, 28 / 1280 * 100vw, 1.75rem);--oc-typo-height-headline2: clamp(1.5rem, 26 / 1280 * 100vw, 1.625rem);--oc-typo-height-body1: clamp(1.625rem, 28 / 1280 * 100vw, 1.75rem);--oc-typo-height-body1reading: clamp(1.75rem, 30 / 1280 * 100vw, 1.875rem);--oc-typo-height-body2: clamp(1.5rem, 26 / 1280 * 100vw, 1.625rem);--oc-typo-height-body2reading: clamp(1.625rem, 28 / 1280 * 100vw, 1.75rem);--oc-typo-height-label1: clamp(1.375rem, 24 / 1280 * 100vw, 1.5rem);--oc-typo-height-label1reading: clamp(1.5rem, 26 / 1280 * 100vw, 1.625rem);--oc-typo-height-label2: clamp(1.25rem, 22 / 1280 * 100vw, 1.375rem);--oc-typo-height-caption1: clamp(1.125rem, 20 / 1280 * 100vw, 1.25rem);--oc-typo-height-caption2: clamp(1rem, 18 / 1280 * 100vw, 1.125rem)}}@media screen and (min-width: 1281px){:root{--oc-typo-height-heading1: clamp(2rem, 34 / 1600 * 100vw, 2.125rem);--oc-typo-height-heading2: clamp(1.875rem, 32 / 1600 * 100vw, 2rem);--oc-typo-height-headline1: clamp(1.75rem, 30 / 1600 * 100vw, 1.875rem);--oc-typo-height-headline2: clamp(1.625rem, 28 / 1600 * 100vw, 1.75rem);--oc-typo-height-body1: clamp(1.75rem, 30 / 1600 * 100vw, 1.875rem);--oc-typo-height-body1reading: clamp(1.875rem, 32 / 1600 * 100vw, 2rem);--oc-typo-height-body2: clamp(1.625rem, 28 / 1600 * 100vw, 1.75rem);--oc-typo-height-body2reading: clamp(1.75rem, 30 / 1600 * 100vw, 1.875rem);--oc-typo-height-label1: clamp(1.5rem, 26 / 1600 * 100vw, 1.625rem);--oc-typo-height-label1reading: clamp(1.625rem, 28 / 1600 * 100vw, 1.75rem);--oc-typo-height-label2: clamp(1.375rem, 24 / 1600 * 100vw, 1.5rem);--oc-typo-height-caption1: clamp(1.25rem, 22 / 1600 * 100vw, 1.375rem);--oc-typo-height-caption2: clamp(1.125rem, 20 / 1600 * 100vw, 1.25rem)}}:root{--oc-typo-spacing-display1: 0em;--oc-typo-spacing-display2: 0em;--oc-typo-spacing-display3: 0em;--oc-typo-spacing-title1: 0em;--oc-typo-spacing-title2: 0em;--oc-typo-spacing-title3: 0em;--oc-typo-spacing-heading1: 0em;--oc-typo-spacing-heading2: 0em;--oc-typo-spacing-headline1: 0em;--oc-typo-spacing-headline2: 0em;--oc-typo-spacing-body1: 0em;--oc-typo-spacing-body1reading: 0em;--oc-typo-spacing-body2: 0em;--oc-typo-spacing-body2reading: 0em;--oc-typo-spacing-label1: 0.01em;--oc-typo-spacing-label1reading: 0.01em;--oc-typo-spacing-label2: 0.01em;--oc-typo-spacing-caption1: 0.01em;--oc-typo-spacing-caption2: 0.01em;--oc-typo-weight-display1-normal: 400;--oc-typo-weight-display1-medium: 500;--oc-typo-weight-display1-bold: 700;--oc-typo-weight-display2-normal: 400;--oc-typo-weight-display2-medium: 500;--oc-typo-weight-display2-bold: 700;--oc-typo-weight-display3-normal: 400;--oc-typo-weight-display3-medium: 500;--oc-typo-weight-display3-bold: 700;--oc-typo-weight-title1-normal: 400;--oc-typo-weight-title1-medium: 500;--oc-typo-weight-title1-bold: 700;--oc-typo-weight-title2-normal: 400;--oc-typo-weight-title2-medium: 500;--oc-typo-weight-title2-bold: 700;--oc-typo-weight-title3-normal: 400;--oc-typo-weight-title3-medium: 500;--oc-typo-weight-title3-bold: 700;--oc-typo-weight-heading1-normal: 400;--oc-typo-weight-heading1-medium: 500;--oc-typo-weight-heading1-bold: 600;--oc-typo-weight-heading2-normal: 400;--oc-typo-weight-heading2-medium: 500;--oc-typo-weight-heading2-bold: 600;--oc-typo-weight-headline1-normal: 400;--oc-typo-weight-headline1-medium: 500;--oc-typo-weight-headline1-bold: 600;--oc-typo-weight-headline2-normal: 400;--oc-typo-weight-headline2-medium: 500;--oc-typo-weight-headline2-bold: 600;--oc-typo-weight-body1-normal: 400;--oc-typo-weight-body1-medium: 500;--oc-typo-weight-body1-bold: 600;--oc-typo-weight-body1reading-normal: 400;--oc-typo-weight-body1reading-medium: 500;--oc-typo-weight-body1reading-bold: 600;--oc-typo-weight-body2-normal: 400;--oc-typo-weight-body2-medium: 500;--oc-typo-weight-body2-bold: 600;--oc-typo-weight-body2reading-normal: 400;--oc-typo-weight-body2reading-medium: 500;--oc-typo-weight-body2reading-bold: 600;--oc-typo-weight-label1-normal: 400;--oc-typo-weight-label1-medium: 500;--oc-typo-weight-label1-bold: 550;--oc-typo-weight-label1reading-normal: 400;--oc-typo-weight-label1reading-medium: 500;--oc-typo-weight-label1reading-bold: 550;--oc-typo-weight-label2-normal: 400;--oc-typo-weight-label2-medium: 500;--oc-typo-weight-label2-bold: 550;--oc-typo-weight-caption1-normal: 400;--oc-typo-weight-caption1-medium: 500;--oc-typo-weight-caption1-bold: 540;--oc-typo-weight-caption2-normal: 400;--oc-typo-weight-caption2-medium: 500;--oc-typo-weight-caption2-bold: 530}
 :root{--oc-space-section-padding-viewport: var(--oc-space-section-padding-viewport-y) var(--oc-space-section-padding-viewport-x);--oc-space-section-padding-viewport-x-safe-left: max(var(--oc-space-section-padding-viewport-x), env(safe-area-inset-left));--oc-space-section-padding-viewport-x-safe-right: max(var(--oc-space-section-padding-viewport-x), env(safe-area-inset-right));--oc-space-section-padding-viewport-y-safe-top: max(var(--oc-space-section-padding-viewport-y), env(safe-area-inset-top));--oc-space-section-padding-viewport-y-safe-bottom: max(var(--oc-space-section-padding-viewport-y), env(safe-area-inset-bottom));--oc-space-section-padding-viewport-x: 1rem;--oc-space-section-padding-viewport-y: 1rem;--oc-space-section-gap-section: 3rem;--oc-space-section-gap-xlarge: 2.5rem;--oc-space-section-gap-large: 2rem;--oc-space-section-gap-medium: 1.25rem;--oc-space-item-padding-large: 1.5rem;--oc-space-item-padding-medium: 1.25rem;--oc-space-item-padding-small: 1rem;--oc-space-item-padding-xsmall: 0.75rem;--oc-space-item-padding-mini: 0.5rem;--oc-space-item-padding-tiny: 0.375rem;--oc-space-item-padding-micro: 0.25rem;--oc-space-item-padding-nano: 0.25rem;--oc-space-item-padding-atom: 0.125rem;--oc-space-item-gap-huge: 1.5rem;--oc-space-item-gap-xlarge: 1.25rem;--oc-space-item-gap-large: 1.125rem;--oc-space-item-gap-medium: 1rem;--oc-space-item-gap-small: 0.75rem;--oc-space-item-gap-xsmall: 0.625rem;--oc-space-item-gap-mini: 0.5rem;--oc-space-item-gap-tiny: 0.375rem;--oc-space-item-gap-micro: 0.25rem;--oc-space-item-gap-nano: 0.25rem;--oc-space-item-gap-atom: 0.125rem}@media screen and (max-width: 768px){:root{--oc-space-section-padding-viewport-x: clamp(1.5rem, 32 / 768 * 100vw, 2rem);--oc-space-section-padding-viewport-y: clamp(1rem, 24 / 768 * 100vw, 1.5rem);--oc-space-section-gap-section: clamp(3rem, 72 / 768 * 100vw, 4.5rem);--oc-space-section-gap-xlarge: clamp(2.5rem, 52 / 768 * 100vw, 3.25rem);--oc-space-section-gap-large: clamp(2rem, 40 / 768 * 100vw, 2.5rem);--oc-space-section-gap-medium: clamp(1.25rem, 26 / 768 * 100vw, 1.625rem);--oc-space-item-padding-large: clamp(1.5rem, 28 / 768 * 100vw, 1.75rem);--oc-space-item-padding-medium: clamp(1.25rem, 24 / 768 * 100vw, 1.5rem);--oc-space-item-padding-small: clamp(1rem, 20 / 768 * 100vw, 1.25rem);--oc-space-item-padding-xsmall: clamp(0.75rem, 14 / 768 * 100vw, 0.875rem);--oc-space-item-padding-mini: clamp(0.5rem, 10 / 768 * 100vw, 0.625rem);--oc-space-item-padding-tiny: clamp(0.375rem, 8 / 768 * 100vw, 0.5rem);--oc-space-item-padding-micro: clamp(0.25rem, 6 / 768 * 100vw, 0.375rem);--oc-space-item-gap-huge: clamp(1.5rem, 32 / 768 * 100vw, 2rem);--oc-space-item-gap-xlarge: clamp(1.25rem, 26 / 768 * 100vw, 1.625rem);--oc-space-item-gap-large: clamp(1.125rem, 22 / 768 * 100vw, 1.375rem);--oc-space-item-gap-medium: clamp(1rem, 18 / 768 * 100vw, 1.125rem);--oc-space-item-gap-small: clamp(0.75rem, 14 / 768 * 100vw, 0.875rem);--oc-space-item-gap-xsmall: clamp(0.625rem, 12 / 768 * 100vw, 0.75rem);--oc-space-item-gap-mini: clamp(0.5rem, 10 / 768 * 100vw, 0.625rem);--oc-space-item-gap-tiny: clamp(0.375rem, 8 / 768 * 100vw, 0.5rem);--oc-space-item-gap-micro: clamp(0.25rem, 6 / 768 * 100vw, 0.375rem)}}@media screen and (max-width: 480px){:root{--oc-space-section-padding-viewport-x: clamp(1rem, 24 / 480 * 100vw, 1.5rem)}}@media screen and (min-width: 769px){:root{--oc-space-section-padding-viewport-x: clamp(2rem, 32 / 768 * 100vw, 3rem);--oc-space-section-padding-viewport-y: clamp(1.5rem, 24 / 768 * 100vw, 2rem);--oc-space-section-gap-section: clamp(4.5rem, 96 / 1600 * 100vw, 6rem);--oc-space-section-gap-xlarge: clamp(3.25rem, 64 / 1600 * 100vw, 4rem);--oc-space-section-gap-large: clamp(2.5rem, 48 / 1600 * 100vw, 3rem);--oc-space-section-gap-medium: clamp(1.625rem, 32 / 1600 * 100vw, 2rem);--oc-space-item-padding-large: clamp(1.75rem, 32 / 1600 * 100vw, 2rem);--oc-space-item-padding-medium: clamp(1.5rem, 28 / 1600 * 100vw, 1.75rem);--oc-space-item-padding-small: clamp(1.25rem, 24 / 1600 * 100vw, 1.5rem);--oc-space-item-padding-xsmall: clamp(0.875rem, 16 / 1600 * 100vw, 1rem);--oc-space-item-padding-mini: clamp(0.625rem, 12 / 1600 * 100vw, 0.75rem);--oc-space-item-padding-tiny: 0.5rem;--oc-space-item-padding-micro: 0.375rem;--oc-space-item-gap-huge: clamp(2rem, 40 / 1600 * 100vw, 2.5rem);--oc-space-item-gap-xlarge: clamp(1.625rem, 32 / 1600 * 100vw, 2rem);--oc-space-item-gap-large: clamp(1.375rem, 24 / 1600 * 100vw, 1.5rem);--oc-space-item-gap-medium: clamp(1.125rem, 20 / 1600 * 100vw, 1.25rem);--oc-space-item-gap-small: clamp(0.875rem, 16 / 1600 * 100vw, 1rem);--oc-space-item-gap-xsmall: 0.75rem;--oc-space-item-gap-mini: 0.625rem;--oc-space-item-gap-tiny: 0.5rem;--oc-space-item-gap-micro: 0.375rem}}@media screen and (min-width: 1921px){:root{--oc-space-section-padding-viewport-x: clamp(3rem, 48 / 1920 * 100vw, 4rem);--oc-space-section-padding-viewport-y: clamp(2rem, 32 / 1920 * 100vw, 2.6666666667rem)}}
-:root{--oc-atomic-radius-max: 10000px;--oc-atomic-radius-huge: clamp(1.5rem, 24 / 768 * 100vw, 4rem);--oc-atomic-radius-xlarge: clamp(0.75rem, 12 / 768 * 100vw, 2rem);--oc-atomic-radius-large: clamp(0.75rem, 12 / 768 * 100vw, 1.5rem);--oc-atomic-radius-medium: clamp(0.75rem, 12 / 768 * 100vw, 1rem);--oc-atomic-radius-small: clamp(0.625rem, 10 / 768 * 100vw, 0.75rem);--oc-atomic-radius-xsmall: clamp(0.5rem, 8 / 768 * 100vw, 0.625rem);--oc-atomic-radius-mini: clamp(0.375rem, 6 / 768 * 100vw, 0.5rem);--oc-atomic-radius-tiny: clamp(0.25rem, 4 / 768 * 100vw, 0.375rem);--oc-atomic-radius-micro: 0.25rem;--oc-atomic-width-content: 35em;--oc-atomic-width-section-large: 60rem;--oc-atomic-width-section-medium: 48rem;--oc-atomic-width-section-small: 30rem;--oc-atomic-width-section-xsmall: 24rem;--oc-atomic-blur-normal: 64px;--oc-atomic-blur-compact: 28px}
+:root{--oc-atomic-radius-max: 10000px;--oc-atomic-radius-huge: clamp(1.5rem, 24 / 768 * 100vw, 4rem);--oc-atomic-radius-xlarge: clamp(0.75rem, 12 / 768 * 100vw, 2rem);--oc-atomic-radius-large: clamp(0.75rem, 12 / 768 * 100vw, 1.5rem);--oc-atomic-radius-medium: clamp(0.75rem, 12 / 768 * 100vw, 1rem);--oc-atomic-radius-small: clamp(0.625rem, 10 / 768 * 100vw, 0.75rem);--oc-atomic-radius-xsmall: clamp(0.5rem, 8 / 768 * 100vw, 0.625rem);--oc-atomic-radius-mini: clamp(0.375rem, 6 / 768 * 100vw, 0.5rem);--oc-atomic-radius-tiny: clamp(0.25rem, 4 / 768 * 100vw, 0.375rem);--oc-atomic-radius-micro: 0.25rem;--oc-atomic-width-content: 35em;--oc-atomic-width-section-large: 60rem;--oc-atomic-width-section-medium: 48rem;--oc-atomic-width-section-small: 30rem;--oc-atomic-width-section-xsmall: 24rem;--oc-atomic-blur-normal: 64px;--oc-atomic-blur-compact: 28px;--oc-atomic-shadow-normal-xsmall: 0 1px 4px -1px color-mix(in srgb, var(--oc-color-global-coolNeutral-10), transparent calc(100% - (100% * 0.06)));--oc-atomic-shadow-normal-small: 0 2px 6px -1px color-mix(in srgb, var(--oc-color-global-coolNeutral-10), transparent calc(100% - (100% * var(--oc-color-global-opacity-8))));--oc-atomic-shadow-normal-medium: 0 4px 12px -2px color-mix(in srgb, var(--oc-color-global-coolNeutral-10), transparent calc(100% - (100% * var(--oc-color-global-opacity-8))));--oc-atomic-shadow-normal-large: 0 6px 18px -2px color-mix(in srgb, var(--oc-color-global-coolNeutral-10), transparent calc(100% - (100% * var(--oc-color-global-opacity-8))));--oc-atomic-shadow-normal-xlarge: 0 12px 32px -4px color-mix(in srgb, var(--oc-color-global-coolNeutral-10), transparent calc(100% - (100% * var(--oc-color-global-opacity-12))));--oc-atomic-shadow-spread-small: 0 0 32px -2px color-mix(in srgb, var(--oc-color-global-coolNeutral-10), transparent calc(100% - (100% * 0.06)));--oc-atomic-shadow-spread-xlarge: 0 12px 160px -4px color-mix(in srgb, var(--oc-color-global-coolNeutral-10), transparent calc(100% - (100% * 0.1)))}
 :root{--oc-motion-duration-scale: 1;--oc-motion-duration-scale-reduced: 0.75;--oc-motion-duration-scale-preserve: 1;--oc-motion-scale: 1;--oc-motion-scale-feedback: var(--oc-motion-scale);--oc-motion-scale-reveal: var(--oc-motion-scale);--oc-motion-distance-scale: 1;--oc-motion-distance-scale-reject: var(--oc-motion-distance-scale);--oc-motion-distance-scale-reveal: var(--oc-motion-distance-scale);--oc-motion-pace-quick: 0.75;--oc-motion-pace-normal: 1;--oc-motion-pace-slow: 1.35;--oc-motion-duration-feedback: 0.2s;--oc-motion-duration-reject: 0.598s;--oc-motion-duration-reveal: 0.3s;--oc-motion-duration-reveal-exit: 0.125s;--oc-motion-duration-move: 0.3s;--oc-motion-duration-gesture: 0.2s;--oc-motion-duration-gesture-settle: 0.52s;--oc-motion-duration-ambient: 1.2s;--oc-motion-timing-feedback: ease;--oc-motion-timing-reject: linear(0 0%, 0.0149 1.56%, 0.0529 3.13%, 0.1059 4.69%, 0.1677 6.25%, 0.2339 7.81%, 0.3013 9.38%, 0.3676 10.94%, 0.4313 12.5%, 0.4914 14.06%, 0.5474 15.63%, 0.5989 17.19%, 0.6458 18.75%, 0.6883 20.31%, 0.7265 21.88%, 0.7606 23.44%, 0.791 25%, 0.8179 26.56%, 0.8417 28.13%, 0.8626 29.69%, 0.881 31.25%, 0.897 32.81%, 0.911 34.38%, 0.9233 35.94%, 0.9339 37.5%, 0.9431 39.06%, 0.9511 40.63%, 0.958 42.19%, 0.9639 43.75%, 0.9691 45.31%, 0.9735 46.88%, 0.9773 48.44%, 0.9806 50%, 0.9834 51.56%, 0.9859 53.13%, 0.9879 54.69%, 0.9897 56.25%, 0.9912 57.81%, 0.9925 59.38%, 0.9936 60.94%, 0.9946 62.5%, 0.9954 64.06%, 0.9961 65.63%, 0.9967 67.19%, 0.9972 68.75%, 0.9976 70.31%, 0.998 71.88%, 0.9983 73.44%, 0.9985 75%, 0.9988 76.56%, 0.9989 78.13%, 0.9991 79.69%, 0.9992 81.25%, 0.9994 82.81%, 0.9995 84.38%, 0.9995 85.94%, 0.9996 87.5%, 0.9997 89.06%, 0.9997 90.63%, 0.9998 92.19%, 0.9998 93.75%, 0.9998 95.31%, 0.9999 96.88%, 0.9999 98.44%, 1 100%);--oc-motion-timing-reveal: ease;--oc-motion-timing-reveal-exit: ease-in;--oc-motion-timing-move: cubic-bezier(0.32, 0.72, 0, 1);--oc-motion-timing-gesture: ease;--oc-motion-timing-gesture-settle: cubic-bezier(0.32, 0.72, 0, 1);--oc-motion-timing-ambient: linear;--oc-spring-smooth-timing: linear(0 0%, 0.0149 1.56%, 0.053 3.13%, 0.106 4.69%, 0.1678 6.25%, 0.2341 7.81%, 0.3015 9.38%, 0.3679 10.94%, 0.4316 12.5%, 0.4918 14.06%, 0.5477 15.63%, 0.5992 17.19%, 0.6462 18.75%, 0.6886 20.31%, 0.7268 21.88%, 0.7609 23.44%, 0.7913 25%, 0.8182 26.56%, 0.842 28.13%, 0.8629 29.69%, 0.8812 31.25%, 0.8972 32.81%, 0.9112 34.38%, 0.9234 35.94%, 0.934 37.5%, 0.9432 39.06%, 0.9512 40.63%, 0.9581 42.19%, 0.964 43.75%, 0.9692 45.31%, 0.9736 46.88%, 0.9774 48.44%, 0.9807 50%, 0.9835 51.56%, 0.9859 53.13%, 0.988 54.69%, 0.9897 56.25%, 0.9913 57.81%, 0.9926 59.38%, 0.9937 60.94%, 0.9946 62.5%, 0.9954 64.06%, 0.9961 65.63%, 0.9967 67.19%, 0.9972 68.75%, 0.9976 70.31%, 0.998 71.88%, 0.9983 73.44%, 0.9985 75%, 0.9988 76.56%, 0.999 78.13%, 0.9991 79.69%, 0.9992 81.25%, 0.9994 82.81%, 0.9995 84.38%, 0.9995 85.94%, 0.9996 87.5%, 0.9997 89.06%, 0.9997 90.63%, 0.9998 92.19%, 0.9998 93.75%, 0.9998 95.31%, 0.9999 96.88%, 0.9999 98.44%, 1 100%);--oc-spring-smooth-duration-scale: 1.87;--oc-spring-snappy-timing: linear(0 0%, 0.0117 1.56%, 0.0427 3.13%, 0.0878 4.69%, 0.1425 6.25%, 0.2034 7.81%, 0.2676 9.38%, 0.3329 10.94%, 0.3975 12.5%, 0.4603 14.06%, 0.5202 15.63%, 0.5765 17.19%, 0.6289 18.75%, 0.6771 20.31%, 0.7211 21.88%, 0.7608 23.44%, 0.7964 25%, 0.8281 26.56%, 0.8561 28.13%, 0.8807 29.69%, 0.902 31.25%, 0.9205 32.81%, 0.9363 34.38%, 0.9498 35.94%, 0.9612 37.5%, 0.9708 39.06%, 0.9787 40.63%, 0.9853 42.19%, 0.9905 43.75%, 0.9948 45.31%, 0.9981 46.88%, 1.0007 48.44%, 1.0027 50%, 1.0041 51.56%, 1.0051 53.13%, 1.0058 54.69%, 1.0061 56.25%, 1.0063 57.81%, 1.0062 59.38%, 1.0061 60.94%, 1.0058 62.5%, 1.0055 64.06%, 1.0051 65.63%, 1.0047 67.19%, 1.0043 68.75%, 1.0039 70.31%, 1.0035 71.88%, 1.0031 73.44%, 1.0028 75%, 1.0024 76.56%, 1.0021 78.13%, 1.0018 79.69%, 1.0016 81.25%, 1.0013 82.81%, 1.0011 84.38%, 1.0009 85.94%, 1.0008 87.5%, 1.0007 89.06%, 1.0005 90.63%, 1.0004 92.19%, 1.0003 93.75%, 1.0003 95.31%, 1.0002 96.88%, 1.0001 98.44%, 1 100%);--oc-spring-snappy-duration-scale: 1.63;--oc-spring-bouncy-timing: linear(0 0%, 0.0154 1.56%, 0.0563 3.13%, 0.1157 4.69%, 0.1878 6.25%, 0.2675 7.81%, 0.3508 9.38%, 0.4343 10.94%, 0.5157 12.5%, 0.5929 14.06%, 0.6647 15.63%, 0.7301 17.19%, 0.7887 18.75%, 0.8403 20.31%, 0.8849 21.88%, 0.9228 23.44%, 0.9545 25%, 0.9803 26.56%, 1.0009 28.13%, 1.0168 29.69%, 1.0286 31.25%, 1.0369 32.81%, 1.0422 34.38%, 1.0451 35.94%, 1.046 37.5%, 1.0453 39.06%, 1.0435 40.63%, 1.0408 42.19%, 1.0375 43.75%, 1.0338 45.31%, 1.03 46.88%, 1.0262 48.44%, 1.0224 50%, 1.0189 51.56%, 1.0155 53.13%, 1.0125 54.69%, 1.0098 56.25%, 1.0074 57.81%, 1.0054 59.38%, 1.0036 60.94%, 1.0021 62.5%, 1.0009 64.06%, 1 65.63%, 0.9993 67.19%, 0.9987 68.75%, 0.9983 70.31%, 0.9981 71.88%, 0.9979 73.44%, 0.9979 75%, 0.9979 76.56%, 0.998 78.13%, 0.9981 79.69%, 0.9983 81.25%, 0.9984 82.81%, 0.9986 84.38%, 0.9988 85.94%, 0.999 87.5%, 0.9991 89.06%, 0.9993 90.63%, 0.9994 92.19%, 0.9995 93.75%, 0.9997 95.31%, 0.9997 96.88%, 0.9998 98.44%, 1 100%);--oc-spring-bouncy-duration-scale: 1.864}@media(prefers-reduced-motion: reduce){:root{--oc-motion-duration-scale: var(--oc-motion-duration-scale-reduced)}}
 :root{--oc-zindex-0: -1;--oc-zindex-1: 0;--oc-zindex-2: 10;--oc-zindex-3: 1000;--oc-zindex-4: 1400;--oc-zindex-5: 1800}
 }@layer oc-reset{*,*::before,*::after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}body{min-height:100dvh}body,h1,h2,h3,h4,h5,h6,p,ul,figure,blockquote,dl,dd,input{margin:0}h1,h2,h3,h4,h5,h6,input,button,textarea,select,label{font:inherit}h1,h2,h3,h4,h5,h6{text-wrap:balance}ul,ol{list-style:none;padding:0}a:not([class]){text-decoration-skip-ink:auto;color:currentColor}a:visited{color:currentColor}img,picture{max-width:100%;display:block;object-fit:cover}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}svg{fill:currentColor;stroke:rgba(0,0,0,0)}textarea,button{padding:0;appearance:none}button:focus-visible{outline:none}textarea,input[type=text]{color:currentColor;background-color:rgba(0,0,0,0)}input:not(input:-webkit-autofill)::-webkit-contacts-auto-fill-button{background-color:currentColor}iframe,textarea,button{border:none}

package/dist/react/motion.js

@@ -1,3 +1,4 @@
+'use client';
 import { jsx as N } from "react/jsx-runtime";
 import { useRef as i, useState as k, useCallback as V, useEffect as y, useLayoutEffect as rt } from "react";
 import { createSpringAnimator as ct } from "../utils/spring/animator.js";

package/dist/react/spring.js

@@ -1,3 +1,4 @@
+'use client';
 import { useRef as S, useEffect as f, useState as l, useCallback as u } from "react";
 import { createSpringAnimator as d } from "../utils/spring/animator.js";
 const A = (e) => typeof e == "number" ? 0 : Array.isArray(e) ? e.map(() => 0) : Object.keys(e).reduce(