@orioncactuscorp/ui 1.0.0 → 1.2.0

package/dist/components/Alert/Alert.js

@@ -1,16 +1,19 @@
 'use client';
-import { jsx as l, jsxs as G } from "react/jsx-runtime";
-import { useId as J, isValidElement as c, cloneElement as K, Children as Q, Fragment as S, createContext as U, useContext as W } from "react";
-import { ModalContent as X, ModalRoot as Y } from "../Modal/Modal.js";
-import { useModalContext as Z } from "../Modal/contexts.js";
-import B from "../TextButton/TextButton.js";
+import { jsx as l, jsxs as Y } from "react/jsx-runtime";
+import { useId as Z, isValidElement as c, cloneElement as L, Children as tt, Fragment as et, createContext as nt, useContext as ot } from "react";
+import { ModalContent as rt, ModalRoot as it } from "../Modal/Modal.js";
+import { useModalContext as at } from "../Modal/contexts.js";
+import O from "../TextButton/TextButton.js";
 import p from "./Alert.module.scss.js";
-const j = U(null);
-function v(...t) {
+const U = nt(null);
+function b(...t) {
   return t.filter(Boolean).join(" ");
 }
-function P(t) {
-  const e = W(j);
+function $(t) {
+  return t != null && t !== !1 && t !== "";
+}
+function _(t) {
+  const e = ot(U);
   if (!e)
     throw new Error(
       `[@orioncactuscorp/ui] ${t} must be used inside AlertContent.`
@@ -18,21 +21,21 @@ function P(t) {
   return e;
 }
 function N(t) {
-  return Q.toArray(t).flatMap((e) => {
-    if (!c(e) || e.type !== S) return [e];
+  return tt.toArray(t).flatMap((e) => {
+    if (!c(e) || e.type !== et) return [e];
     const r = e.props;
     return N(r.children);
   });
 }
-function H(t, e) {
+function q(t, e) {
   return t.find(
     (i) => c(i) && i.type === e
   )?.props.id;
 }
-function E(t) {
-  return N(t).flatMap((e) => !c(e) || e.type !== V ? [] : [e]);
+function P(t) {
+  return N(t).flatMap((e) => !c(e) || e.type !== T ? [] : [e]);
 }
-function L(t, e) {
+function st(t, e) {
   if (e === "none" || t.length === 0 || t.findIndex(
     (s) => s.props.autoFocus === !0
   ) >= 0) return -1;
@@ -48,39 +51,47 @@ function L(t, e) {
   );
   return a >= 0 ? a : 0;
 }
-function tt(t, e) {
-  const r = N(t), i = E(r), n = i[L(i, e)];
-  return n ? r.map((a) => a !== n || !c(a) ? a : K(a, { autoFocus: !0 })) : r;
+function ct(t, e) {
+  const r = N(t), i = P(r), n = i[st(i, e)];
+  return n ? r.map((a) => a !== n || !c(a) ? a : L(a, { autoFocus: !0 })) : r;
 }
-function et({
+function lt({
   hasHeading: t,
   hasDescription: e,
-  hasActionArea: r,
-  ariaLabel: i,
-  ariaLabelledBy: n,
-  ariaDescribedBy: a
+  hasHeadingProp: r,
+  hasDescriptionProp: i,
+  hasHeadingChild: n,
+  hasDescriptionChild: a,
+  hasActionArea: s,
+  ariaLabel: A,
+  ariaLabelledBy: f,
+  ariaDescribedBy: m
 }) {
-  process.env.NODE_ENV !== "production" && (!t && !i && !n && console.warn(
-    "[@orioncactuscorp/ui] AlertContent without AlertHeading requires `aria-label` or `aria-labelledby`."
-  ), !e && a === void 0 && console.warn(
-    "[@orioncactuscorp/ui] AlertContent should include AlertDescription or an explicit `aria-describedby`."
-  ), r || console.warn(
+  process.env.NODE_ENV !== "production" && (r && n && console.warn(
+    "[@orioncactuscorp/ui] AlertContent received both `heading` and AlertHeading. Use one message API for the alert heading."
+  ), i && a && console.warn(
+    "[@orioncactuscorp/ui] AlertContent received both `description` and AlertDescription. Use one message API for the alert description."
+  ), !t && !A && !f && console.warn(
+    "[@orioncactuscorp/ui] AlertContent without `heading`, AlertHeading, or an explicit accessible name requires `aria-label` or `aria-labelledby`."
+  ), !e && m === void 0 && console.warn(
+    "[@orioncactuscorp/ui] AlertContent should include `description`, AlertDescription, or an explicit `aria-describedby`."
+  ), s || console.warn(
     "[@orioncactuscorp/ui] AlertContent should include AlertActionArea with at least one AlertAction."
   ));
 }
-function nt(t) {
-  process.env.NODE_ENV !== "production" && E(t).length === 0 && console.warn(
+function dt(t) {
+  process.env.NODE_ENV !== "production" && P(t).length === 0 && console.warn(
     "[@orioncactuscorp/ui] AlertActionArea should contain at least one AlertAction."
   );
 }
-function M({
+function z({
   children: t,
   outsideDismissible: e = !1,
   canCloseAttempt: r,
   ...i
 }) {
   return /* @__PURE__ */ l(
-    Y,
+    it,
     {
       ...i,
       disablePointerDismissal: !e,
@@ -89,126 +100,135 @@ function M({
     }
   );
 }
-function ot({
+function ut({
   children: t,
   className: e = "",
   role: r = "alertdialog",
-  initialFocus: i,
-  "aria-label": n,
-  "aria-labelledby": a,
-  "aria-describedby": s,
-  ...F
+  heading: i,
+  description: n,
+  initialFocus: a,
+  "aria-label": s,
+  "aria-labelledby": A,
+  "aria-describedby": f,
+  ...m
 }) {
-  const m = J(), g = N(t), d = g.filter(
-    (o) => !(c(o) && o.type === w)
-  ), f = g.filter(
-    (o) => c(o) && o.type === w
-  ), b = d.filter(
-    (o) => c(o) && (o.type === x || o.type === C)
-  ), D = d.filter(
-    (o) => !c(o) || o.type !== x && o.type !== C
-  ), u = `${m}-heading`, k = `${m}-description`, y = H(d, x) ?? u, h = H(d, C) ?? k, I = d.some(
-    (o) => c(o) && o.type === x
-  ), A = d.some(
+  const x = Z(), y = N(t), u = y.filter(
+    (o) => !(c(o) && o.type === M)
+  ), g = y.filter(
+    (o) => c(o) && o.type === M
+  ), d = u.filter(
+    (o) => c(o) && (o.type === C || o.type === v)
+  ), D = u.filter(
+    (o) => !c(o) || o.type !== C && o.type !== v
+  ), w = `${x}-heading`, F = `${x}-description`, I = q(u, C) ?? w, h = q(u, v) ?? F, k = $(i), E = $(n), B = u.some(
     (o) => c(o) && o.type === C
-  ), O = f.length > 0, R = f.some(
-    (o) => c(o) && E(o.props.children).some(
-      (T) => T.props.autoFocus === !0
+  ), H = u.some(
+    (o) => c(o) && o.type === v
+  ), j = k || B, R = E || H, V = [...[
+    k && !B ? /* @__PURE__ */ l(C, { children: i }, "alert-heading-prop") : null,
+    E && !H ? /* @__PURE__ */ l(v, { children: n }, "alert-description-prop") : null
+  ].filter(Boolean), ...d], G = g.length > 0, J = g.some(
+    (o) => c(o) && P(o.props.children).some(
+      (X) => X.props.autoFocus === !0
     )
-  ), $ = f.some(
+  ), K = g.some(
     (o) => c(o) && o.props.initialFocus !== void 0 && o.props.initialFocus !== "none"
-  ), q = a ?? (I ? y : void 0), z = s ?? (A ? h : void 0), _ = i ?? ($ || R ? void 0 : "content");
-  return et({
-    hasHeading: I,
-    hasDescription: A,
-    hasActionArea: O,
-    ariaLabel: n,
-    ariaLabelledBy: a,
-    ariaDescribedBy: s
-  }), /* @__PURE__ */ l(j.Provider, { value: { headingId: y, descriptionId: h }, children: /* @__PURE__ */ l(
-    X,
+  ), Q = A ?? (j ? I : void 0), S = f ?? (R ? h : void 0), W = a ?? (K || J ? void 0 : "content");
+  return lt({
+    hasHeading: j,
+    hasDescription: R,
+    hasHeadingProp: k,
+    hasDescriptionProp: E,
+    hasHeadingChild: B,
+    hasDescriptionChild: H,
+    hasActionArea: G,
+    ariaLabel: s,
+    ariaLabelledBy: A,
+    ariaDescribedBy: f
+  }), /* @__PURE__ */ l(U.Provider, { value: { headingId: I, descriptionId: h }, children: /* @__PURE__ */ l(
+    rt,
     {
-      ...F,
-      className: v(p.content, e),
+      ...m,
+      className: b(p.content, e),
       variant: "popup",
       resize: "hug",
       drag: !1,
       role: r,
-      "aria-label": n,
-      "aria-labelledby": q,
-      "aria-describedby": z,
-      initialFocus: _,
+      "aria-label": s,
+      "aria-labelledby": Q,
+      "aria-describedby": S,
+      initialFocus: W,
       "data-oc-alert": "true",
-      children: /* @__PURE__ */ l("div", { className: p.panel, "data-oc-component": "alert-panel", children: /* @__PURE__ */ G("div", { className: p.container, "data-oc-part": "container", children: [
-        b.length > 0 ? /* @__PURE__ */ l("div", { className: p.message, "data-oc-part": "message", children: b }) : null,
+      children: /* @__PURE__ */ l("div", { className: p.panel, "data-oc-component": "alert-panel", children: /* @__PURE__ */ Y("div", { className: p.container, "data-oc-part": "container", children: [
+        V.length > 0 ? /* @__PURE__ */ l("div", { className: p.message, "data-oc-part": "message", children: V }) : null,
         D,
-        f
+        g
       ] }) })
     }
   ) });
 }
-function x({
+function C({
   className: t = "",
   children: e,
   id: r,
   ref: i,
   ...n
 }) {
-  const a = P("AlertHeading");
+  const a = _("AlertHeading");
   return /* @__PURE__ */ l(
     "h2",
     {
       ...n,
       ref: i,
       id: r ?? a.headingId,
-      className: v(p.heading, t),
+      className: b(p.heading, t),
       "data-oc-part": "heading",
       "data-oc-component": "alert-heading",
       children: e
     }
   );
 }
-function C({
+function v({
   className: t = "",
   children: e,
   id: r,
   ref: i,
   ...n
 }) {
-  const a = P("AlertDescription");
+  const a = _("AlertDescription");
   return /* @__PURE__ */ l(
     "p",
     {
       ...n,
       ref: i,
       id: r ?? a.descriptionId,
-      className: v(p.description, t),
+      className: b(p.description, t),
       "data-oc-part": "description",
       "data-oc-component": "alert-description",
       children: e
     }
   );
 }
-function w({
+function M({
   children: t,
   className: e = "",
   initialFocus: r = "none",
   ref: i,
   ...n
 }) {
-  return nt(t), /* @__PURE__ */ l(
+  return dt(t), /* @__PURE__ */ l(
     "div",
     {
       ...n,
       ref: i,
-      className: v(p.actionArea, e),
+      className: b(p.actionArea, e),
       "data-oc-alert-action-area": "true",
       "data-oc-part": "actions",
-      children: tt(t, r)
+      children: ct(t, r)
     }
   );
 }
-function V({
+function T({
   children: t,
   className: e = "",
   variant: r = "normal",
@@ -216,78 +236,78 @@ function V({
   disabled: n = !1,
   ...a
 }) {
-  const s = Z("AlertAction"), F = r === "normal" ? "primary" : r === "assistive" ? "assistive" : "inherit", m = {
-    className: v(p.action, e),
-    variant: F,
+  const s = at("AlertAction"), A = r === "normal" ? "primary" : r === "assistive" ? "assistive" : "inherit", f = {
+    className: b(p.action, e),
+    variant: A,
     size: "medium",
     padding: !1,
     "data-oc-alert-action-variant": r
-  }, g = (u) => {
-    i && !u.defaultPrevented && !n && s.requestClose({
+  }, m = (d) => {
+    i && !d.defaultPrevented && !n && s.requestClose({
       reason: "programmatic",
-      eventDetails: u
+      eventDetails: d
     });
   };
   if ("href" in a && a.href !== void 0) {
-    const u = a, {
-      onClick: k,
-      tabIndex: y,
-      "aria-disabled": h,
+    const d = a, {
+      onClick: D,
+      tabIndex: w,
+      "aria-disabled": F,
       ...I
-    } = u;
+    } = d;
     return /* @__PURE__ */ l(
-      B,
+      O,
       {
         ...I,
-        ...m,
+        ...f,
         as: "a",
-        "aria-disabled": n ? !0 : h,
-        tabIndex: n ? -1 : y,
-        onClick: (A) => {
+        "aria-disabled": n ? !0 : F,
+        tabIndex: n ? -1 : w,
+        onClick: (h) => {
           if (n) {
-            A.preventDefault();
+            h.preventDefault();
             return;
           }
-          k?.(A), g(A);
+          D?.(h), m(h);
         },
         children: t
       }
     );
   }
-  const d = a, {
-    type: f = "button",
-    onClick: b,
-    ...D
-  } = d;
+  const x = a, {
+    type: y = "button",
+    onClick: u,
+    ...g
+  } = x;
   return /* @__PURE__ */ l(
-    B,
+    O,
     {
-      ...D,
-      ...m,
+      ...g,
+      ...f,
       as: "button",
-      type: f,
+      type: y,
       disabled: n,
-      onClick: (u) => {
-        b?.(u), g(u);
+      onClick: (d) => {
+        u?.(d), m(d);
       },
       children: t
     }
   );
 }
-const ut = Object.assign(M, {
-  Root: M,
-  Content: ot,
-  Heading: x,
-  Description: C,
-  ActionArea: w,
-  Action: V
+const vt = Object.assign(z, {
+  Root: z,
+  Content: ut,
+  Heading: C,
+  Description: v,
+  ActionArea: M,
+  Action: T
 });
 export {
-  V as AlertAction,
-  w as AlertActionArea,
-  ot as AlertContent,
-  C as AlertDescription,
-  x as AlertHeading,
-  M as AlertRoot,
-  ut as default
+  T as AlertAction,
+  M as AlertActionArea,
+  ut as AlertContent,
+  v as AlertDescription,
+  C as AlertHeading,
+  z as AlertRoot,
+  vt as default
 };

package/dist/components/Badge/Badge.css

@@ -1 +1 @@
-.oc-Badge-module__badge__ZbEBU{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);display:inline-flex;position:relative;align-items:center;justify-content:center;gap:var(--oc-space-item-gap-atom);color:var(--oc-badge-color);text-align:center;white-space:nowrap}.oc-Badge-module__badge__ZbEBU:before{position:absolute;inset-block-start:calc(-1 * var(--oc-badge-padding-y));inset-inline-start:calc(-1 * var(--oc-badge-padding-x));z-index:1;box-sizing:content-box;border-radius:var(--oc-badge-radius);background-color:var(--oc-badge-background-color);padding:var(--oc-badge-padding-y) var(--oc-badge-padding-x);inline-size:100%;block-size:100%;content:"";opacity:var(--oc-badge-background-opacity)}.oc-Badge-module__badge__ZbEBU:where(.oc-Badge-module__padding__kNk-D){overflow:hidden;border-radius:var(--oc-badge-radius);padding:var(--oc-badge-padding-y) var(--oc-badge-padding-x)}.oc-Badge-module__badge__ZbEBU:where(.oc-Badge-module__padding__kNk-D):before{inset:0;padding:0}.oc-Badge-module__badge__ZbEBU [data-oc-part=content]{position:relative;z-index:2}.oc-Badge-module__badge__ZbEBU{--oc-badge-padding-x: .4em;--oc-badge-padding-y: .25em;--oc-badge-radius: .4em;--oc-badge-color: var(--oc-color-theme-label-alternative);--oc-badge-background-color: transparent;--oc-badge-background-opacity: var(--oc-color-global-opacity-100)}.oc-Badge-module__normal__tNcew{--oc-badge-color: var(--oc-color-theme-label-alternative);--oc-badge-background-color: var(--oc-color-theme-fill-normal)}.oc-Badge-module__accent__nIDKx{--oc-badge-color: var(--oc-badge-accent-color, var(--oc-color-theme-primary-normal));--oc-badge-background-color: var(--oc-badge-accent-color, var(--oc-color-theme-primary-normal));--oc-badge-background-opacity: var(--oc-color-global-opacity-8)}.oc-Badge-module__overlay__4KVqG{-webkit-backdrop-filter:blur(var(--oc-atomic-blur-normal));backdrop-filter:blur(var(--oc-atomic-blur-normal));--oc-badge-color: var(--oc-color-theme-label-normal);--oc-badge-background-color: var(--oc-color-theme-background-normal-normal);--oc-badge-background-opacity: var(--oc-color-global-opacity-74)}.oc-Badge-module__tiny__2VWq-{font-size:calc(var(--oc-typo-size-caption1) * var(--oc-typo-scale, 1));line-height:calc(var(--oc-typo-height-caption1) * var(--oc-typo-scale, 1));letter-spacing:var(--oc-typo-spacing-caption1);font-weight:var(--oc-typo-weight-caption1-bold);--oc-badge-padding-x: .375em;--oc-badge-padding-y: .1em;--oc-badge-radius: .3125em}
+.oc-Badge-module__badge__ZbEBU{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);display:inline-flex;position:relative;isolation:isolate;align-items:center;justify-content:center;gap:var(--oc-space-item-gap-atom);color:var(--oc-badge-color);text-align:center;white-space:nowrap}.oc-Badge-module__badge__ZbEBU:before{position:absolute;inset-block-start:calc(-1 * var(--oc-badge-padding-y));inset-inline-start:calc(-1 * var(--oc-badge-padding-x));z-index:1;box-sizing:content-box;border-radius:var(--oc-badge-radius);background-color:var(--oc-badge-background-color);padding:var(--oc-badge-padding-y) var(--oc-badge-padding-x);inline-size:100%;block-size:100%;content:"";opacity:var(--oc-badge-background-opacity)}.oc-Badge-module__badge__ZbEBU:where(.oc-Badge-module__padding__kNk-D){overflow:hidden;border-radius:var(--oc-badge-radius);padding:var(--oc-badge-padding-y) var(--oc-badge-padding-x)}.oc-Badge-module__badge__ZbEBU:where(.oc-Badge-module__padding__kNk-D):before{inset:0;padding:0}.oc-Badge-module__badge__ZbEBU [data-oc-part=content]{position:relative;z-index:2}.oc-Badge-module__badge__ZbEBU{--oc-badge-padding-x: .4em;--oc-badge-padding-y: .25em;--oc-badge-radius: .4em;--oc-badge-color: var(--oc-color-theme-label-alternative);--oc-badge-background-color: transparent;--oc-badge-background-opacity: var(--oc-color-global-opacity-100)}.oc-Badge-module__normal__tNcew{--oc-badge-color: var(--oc-color-theme-label-alternative);--oc-badge-background-color: var(--oc-color-theme-fill-normal)}.oc-Badge-module__accent__nIDKx{--oc-badge-color: var(--oc-badge-accent-color, var(--oc-color-theme-primary-normal));--oc-badge-background-color: var(--oc-badge-accent-color, var(--oc-color-theme-primary-normal));--oc-badge-background-opacity: var(--oc-color-global-opacity-8)}.oc-Badge-module__overlay__4KVqG{-webkit-backdrop-filter:blur(var(--oc-atomic-blur-normal));backdrop-filter:blur(var(--oc-atomic-blur-normal));--oc-badge-color: var(--oc-color-theme-label-normal);--oc-badge-background-color: var(--oc-color-theme-background-normal-normal);--oc-badge-background-opacity: var(--oc-color-global-opacity-74)}.oc-Badge-module__tiny__2VWq-{font-size:calc(var(--oc-typo-size-caption1) * var(--oc-typo-scale, 1));line-height:calc(var(--oc-typo-height-caption1) * var(--oc-typo-scale, 1));letter-spacing:var(--oc-typo-spacing-caption1);font-weight:var(--oc-typo-weight-caption1-bold);--oc-badge-padding-x: .375em;--oc-badge-padding-y: .1em;--oc-badge-radius: .3125em}

package/dist/components/Button/Button.js

@@ -1,3 +1,4 @@
+'use client';
 import { jsx as a, jsxs as v, Fragment as A } from "react/jsx-runtime";
 import U from "../Interaction/Interaction.js";
 import X from "../Loading/Loading.js";

package/dist/components/CheckMark/CheckMark.css

@@ -1 +1 @@
-.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;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)}
+.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)}

package/dist/components/Checkbox/Checkbox.css

@@ -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;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}}
+.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}}

package/dist/components/Modal/Modal.css

@@ -1 +1 @@
-.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-gesture-settle-transition-duration: calc(var(--oc-motion-duration-gesture-settle) * var(--oc-motion-duration-scale) * var(--oc-motion-pace-normal) * 1);--_-modal-gesture-settle-transition-timing-function: var(--oc-motion-timing-gesture-settle);--_-modal-transition-duration: var(--_-modal-move-transition-duration);--_-modal-transition-timing-function: var(--_-modal-move-transition-timing-function)}.oc-Modal-module__backdrop__jYpTA[data-oc-modal-transition=gesture-settle],.oc-Modal-module__viewport__8dW9u[data-oc-modal-transition=gesture-settle],.oc-Modal-module__surfaceMotion__fJnTQ[data-oc-modal-transition=gesture-settle]{--_-modal-transition-duration: var(--_-modal-gesture-settle-transition-duration);--_-modal-transition-timing-function: var(--_-modal-gesture-settle-transition-timing-function)}.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-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: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:"";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))) ;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][data-oc-modal-transition=gesture-settle]{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-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]>.oc-Modal-module__surface__FnAX8,.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]>.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)}}
+.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)}}