/*!
 * Oink UI · 设计令牌
 * 颜色、圆角、间距、字阶、控件高度、时长与弹簧。组件样式在各组目录里。
 * 命名：令牌 --ok-*，组件 .ok-*，状态 .is-* / aria-*。
 */:root{color-scheme:light;--ok-ink: #1B1C22;--ok-pink: #FF6B8E;--ok-paper: #F4F4F6;--ok-bg-light: #F9F9FB;--ok-bg-dark: #1B1A18;--ok-bg: var(--ok-bg-light);--ok-surface: #FDFDFE;--ok-card: #FFFFFF;--ok-raised: #FFFFFF;--ok-well: #ECECEF;--ok-well-2: #E0E0E5;--ok-well-hi: #F6F6F8;--ok-fill: #ECECEF;--ok-fill-hover: #E0E0E5;--ok-scrollbar: color-mix(in srgb, var(--ok-text-3) 55%, var(--ok-bg));--ok-scrollbar-hover: color-mix(in srgb, var(--ok-text-3) 85%, var(--ok-bg));--ok-hover: rgb(27 28 34 / .055);--ok-pop: #FFFFFF;--ok-thumb: #FFFFFF;--ok-line: rgb(27 28 34 / .07);--ok-line-2: rgb(27 28 34 / .14);--ok-hi: rgb(255 255 255 / .9);--ok-scrim: rgb(17 18 22 / .38);--ok-text: #1B1C22;--ok-text-2: #5F606A;--ok-text-3: #989AA4;--ok-inverse: #1B1C22;--ok-inverse-hover: #2D2E36;--ok-on-inverse: #F4F4F6;--ok-accent: #FF6B8E;--ok-accent-deep: #D42E62;--ok-on-accent: #1B1C22;--ok-success: #2FBF71;--ok-success-text: #17794D;--ok-warning: #F5A524;--ok-warning-text: #96600A;--ok-danger: #F04452;--ok-danger-text: #C7283A;--ok-info: #3B82F6;--ok-info-text: #1D5FD1;--ok-font: "Inter", "SF Pro Text", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Segoe UI", system-ui, sans-serif;--ok-font-display: ui-rounded, "SF Pro Rounded", "Nunito", "Inter", -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei UI", system-ui, sans-serif;--ok-font-mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;--ok-corner: round;--ok-rk: 1;--ok-r-1: calc(8px * var(--ok-rk));--ok-r-2: calc(12px * var(--ok-rk));--ok-r-3: calc(16px * var(--ok-rk));--ok-r-4: calc(24px * var(--ok-rk));--ok-r-5: calc(32px * var(--ok-rk));--ok-r-6: calc(44px * var(--ok-rk));--ok-r-full: 999px;--ok-s-1: 4px;--ok-s-2: 8px;--ok-s-3: 12px;--ok-s-4: 16px;--ok-s-5: 20px;--ok-s-6: 24px;--ok-s-8: 32px;--ok-s-10: 40px;--ok-s-12: 48px;--ok-s-16: 64px;--ok-h-sm: 32px;--ok-h-md: 40px;--ok-h-lg: 48px;--ok-fs-display: 56px;--ok-fs-h1: 40px;--ok-fs-h2: 28px;--ok-fs-h3: 20px;--ok-fs-h4: 17px;--ok-h-item: 36px;--ok-h-item-sub: 30px;--ok-ms: 1;--ok-dur-1: calc(90ms * var(--ok-ms));--ok-dur-2: calc(.15s * var(--ok-ms));--ok-dur-3: calc(.24s * var(--ok-ms));--ok-dur-4: calc(.36s * var(--ok-ms));--ok-dur-5: calc(.52s * var(--ok-ms));--ok-dur-6: calc(.8s * var(--ok-ms));--ok-ease-out: cubic-bezier(.22, 1, .36, 1);--ok-ease-in: cubic-bezier(.55, 0, 1, .45);--ok-ease-in-out: cubic-bezier(.65, 0, .35, 1);--ok-ease-standard: cubic-bezier(.2, 0, 0, 1);--ok-spring-soft: cubic-bezier(.22, 1, .36, 1);--ok-spring: cubic-bezier(.3, 1.3, .5, 1);--ok-spring-snappy: cubic-bezier(.3, 1.25, .45, 1);--ok-spring-bouncy: cubic-bezier(.3, 1.7, .5, 1);--ok-spring-wobbly: cubic-bezier(.3, 2.3, .5, 1);--ok-spring-soft-dur: calc(587ms * var(--ok-ms));--ok-spring-dur: calc(454ms * var(--ok-ms));--ok-spring-snappy-dur: calc(325ms * var(--ok-ms));--ok-spring-bouncy-dur: calc(542ms * var(--ok-ms));--ok-spring-wobbly-dur: calc(1104ms * var(--ok-ms));--ok-float-in-dur: calc(303ms * var(--ok-ms));--ok-float-in-ease: var(--ok-spring-soft);--ok-float-fade-dur: calc(.1s * var(--ok-ms));--ok-float-out-dur: calc(.16s * var(--ok-ms));--ok-float-out-ease: var(--ok-ease-in)}@supports (corner-shape: squircle){:root{--ok-corner: superellipse(1.75);--ok-rk: 1.45}}@supports (transition-timing-function: linear(0,1)){:root{--ok-spring-soft: linear(0, .015, .055, .109, .173, .24, .309, .377, .441, .502, .558, .61, .657, .699, .737, .771, .801, .827, .85, .871, .888, .904, .917, .929, .939, .948, .955, .962, .967, .972, .976, .98, .983, .985, .988, .989, .991, .992, .994, .995, .995, 1);--ok-spring: linear(0, .023, .083, .166, .262, .363, .463, .558, .645, .722, .79, .847, .894, .933, .963, .986, 1.003, 1.016, 1.023, 1.028, 1.03, 1.03, 1.029, 1.027, 1.024, 1.021, 1.018, 1.015, 1.012, 1.01, 1.007, 1.006, 1);--ok-spring-snappy: linear(0, .044, .15, .284, .426, .561, .68, .78, .86, .92, .965, .995, 1.014, 1.024, 1.029, 1.03, 1.027, 1.024, 1.02, 1.016, 1.012, 1.008, 1.006, 1);--ok-spring-bouncy: linear(0, .028, .101, .206, .33, .462, .592, .715, .825, .92, .997, 1.058, 1.101, 1.129, 1.144, 1.148, 1.143, 1.131, 1.116, 1.097, 1.078, 1.058, 1.04, 1.024, 1.01, .999, .991, .984, .981, .979, .978, .979, .981, .983, .986, .989, .992, .994, 1);--ok-spring-wobbly: linear(0, .044, .162, .329, .522, .72, .904, 1.063, 1.186, 1.271, 1.316, 1.326, 1.307, 1.264, 1.208, 1.144, 1.079, 1.02, .971, .933, .908, .895, .894, .902, .917, .936, .957, .978, .997, 1.012, 1.024, 1.031, 1.035, 1.034, 1.031, 1.026, 1.02, 1.013, 1.006, 1, .995, .992, .989, .989, .989, .99, .992, .994, 1)}}:root[data-theme=dark]{color-scheme:dark;--ok-bg: var(--ok-bg-dark);--ok-surface: #232220;--ok-card: #2A2927;--ok-raised: #3E3C38;--ok-well: #181716;--ok-well-2: #383632;--ok-well-hi: #2E2D2A;--ok-fill: #33322E;--ok-fill-hover: #413F3A;--ok-hover: rgb(255 255 255 / .055);--ok-pop: #312F2C;--ok-thumb: #EEEEF0;--ok-line: rgb(255 255 255 / .07);--ok-line-2: rgb(255 255 255 / .15);--ok-hi: rgb(255 255 255 / .05);--ok-scrim: rgb(0 0 0 / .56);--ok-text: #F4F4F6;--ok-text-2: #AEACA8;--ok-text-3: #7A7875;--ok-inverse: #EEEEF0;--ok-inverse-hover: #F9F9F9;--ok-on-inverse: #1B1C22;--ok-success-text: #5FD99A;--ok-warning-text: #FFC35C;--ok-danger-text: #FF7C87;--ok-info-text: #7FB0FF}[data-accent=pink]{--ok-accent: #FF6B8E;--ok-accent-deep: #D42E62;--ok-on-accent: #1B1C22}[data-accent=orange]{--ok-accent: #FF7A2F;--ok-accent-deep: #C2470A;--ok-on-accent: #1B1C22}[data-accent=amber]{--ok-accent: #FFBE3B;--ok-accent-deep: #96600A;--ok-on-accent: #1B1C22}[data-accent=blue]{--ok-accent: #2E7BFF;--ok-accent-deep: #1D5FD1;--ok-on-accent: #FFFFFF}[data-accent=violet]{--ok-accent: #C77DFF;--ok-accent-deep: #8B36D6;--ok-on-accent: #1B1C22}:root,[data-accent]{--ok-accent-hover: color-mix(in srgb, var(--ok-accent) 88%, #1B1C22);--ok-accent-soft: color-mix(in srgb, var(--ok-accent) 16%, #FFFFFF);--ok-accent-ring: color-mix(in srgb, var(--ok-accent) 36%, #FFFFFF);--ok-accent-text: var(--ok-accent-deep);--ok-accent-tint: color-mix(in srgb, var(--ok-accent) 26%, #FFFFFF);--ok-accent-tint-2: color-mix(in srgb, var(--ok-accent) 40%, #FFFFFF);--ok-accent-fill: color-mix(in srgb, var(--ok-accent) 70%, #FFFFFF);--ok-accent-fill-hover: color-mix(in srgb, var(--ok-accent) 86%, #FFFFFF);--ok-success-soft: color-mix(in srgb, var(--ok-success) 16%, #FFFFFF);--ok-warning-soft: color-mix(in srgb, var(--ok-warning) 18%, #FFFFFF);--ok-danger-soft: color-mix(in srgb, var(--ok-danger) 14%, #FFFFFF);--ok-info-soft: color-mix(in srgb, var(--ok-info) 14%, #FFFFFF);--ok-danger-soft-2: color-mix(in srgb, var(--ok-danger) 24%, #FFFFFF)}:root[data-theme=dark],:root[data-theme=dark] [data-accent]{--ok-accent-hover: color-mix(in srgb, var(--ok-accent) 86%, #FFFFFF);--ok-accent-text: color-mix(in srgb, var(--ok-accent) 78%, #FFFFFF);--ok-accent-tint: color-mix(in srgb, var(--ok-accent) 34%, #2A2927);--ok-accent-tint-2: color-mix(in srgb, var(--ok-accent) 48%, #2A2927);--ok-accent-fill-hover: color-mix(in srgb, var(--ok-accent) 56%, #FFFFFF);--ok-accent-soft: color-mix(in srgb, var(--ok-accent) 16%, #2A2927);--ok-accent-ring: color-mix(in srgb, var(--ok-accent) 36%, #2A2927);--ok-success-soft: color-mix(in srgb, var(--ok-success) 16%, #2A2927);--ok-warning-soft: color-mix(in srgb, var(--ok-warning) 18%, #2A2927);--ok-danger-soft: color-mix(in srgb, var(--ok-danger) 14%, #2A2927);--ok-info-soft: color-mix(in srgb, var(--ok-info) 14%, #2A2927);--ok-danger-soft-2: color-mix(in srgb, var(--ok-danger) 24%, #2A2927)}:root[data-theme=dark][data-accent=custom],:root[data-theme=dark] [data-accent=custom]{--ok-accent-text: var(--ok-accent-light, color-mix(in srgb, var(--ok-accent) 78%, #FFFFFF))}[data-accent]{--ok-logo-snout: var(--ok-accent)}:root[data-accent=custom],[data-accent=custom]{--ok-logo-snout: var(--ok-logo-snout-light, var(--ok-accent))}:root[data-theme=dark][data-accent=custom],:root[data-theme=dark] [data-accent=custom]{--ok-logo-snout: var(--ok-logo-snout-dark, var(--ok-accent))}[data-accent=blue]{--ok-accent-fill: var(--ok-accent);--ok-accent-fill-hover: var(--ok-accent-hover)}:root[data-theme=dark][data-accent=blue],:root[data-theme=dark] [data-accent=blue]{--ok-accent-fill-hover: var(--ok-accent-hover)}@media (prefers-reduced-motion: reduce){:root:not([data-motion=full]){--ok-ms: 0 !important}}:root[data-motion=reduced]{--ok-ms: 0 !important}*,*:before,*:after{box-sizing:border-box}.ok-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.ok-icon{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.ok-icon--fill{fill:currentColor;stroke:none}.ok-focusable{outline:2px solid transparent;outline-offset:5px;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.ok-focusable:focus-visible{outline-color:var(--ok-accent);outline-offset:2px;transition:outline-offset var(--ok-dur-3) var(--ok-ease-out),outline-color var(--ok-dur-2)}.ok-t-display{font:700 var(--ok-fs-display)/1.06 var(--ok-font-display);letter-spacing:-.025em}.ok-t-h1{font:700 var(--ok-fs-h1)/1.15 var(--ok-font-display);letter-spacing:-.02em}.ok-t-h2{font:700 var(--ok-fs-h2)/1.25 var(--ok-font-display);letter-spacing:-.015em}.ok-t-h3{font:600 var(--ok-fs-h3)/1.35 var(--ok-font);letter-spacing:-.01em}@media (max-width: 519.98px){:root{--ok-fs-display: 38px;--ok-fs-h1: 30px;--ok-fs-h2: 24px;--ok-fs-h3: 18px;--ok-fs-h4: 16px}}.ok-t-body-l{font:450 17px/1.6 var(--ok-font)}.ok-t-body{font:450 15px/1.6 var(--ok-font)}.ok-t-label{font:600 15px/1.3 var(--ok-font)}.ok-t-caption{font:500 13px/1.4 var(--ok-font)}.ok-t-micro{font:700 11px/1.3 var(--ok-font);letter-spacing:.08em;text-transform:uppercase}.ok-t-mono{font:500 13px/1.5 var(--ok-font-mono)}@media (pointer: coarse){:root{--ok-h-sm: 36px;--ok-h-md: 44px;--ok-h-lg: 52px}.ok-input input{font-size:16px}}[data-touch]{--ok-h-sm: 36px;--ok-h-md: 44px;--ok-h-lg: 52px}@media (pointer: coarse){:root{--ok-h-item: 44px;--ok-h-item-sub: 44px}}@media (max-width: 519.98px){:root{--ok-h-item: 44px;--ok-h-item-sub: 44px}}[data-touch]{--ok-h-item: 44px;--ok-h-item-sub: 44px}[data-touch] .ok-input input{font-size:16px}@property --ok-sb{syntax: "<color>"; inherits: true; initial-value: transparent;}.ok-scroll{overflow:auto}.ok-scroll,.ok-table{--ok-sb: var(--ok-scrollbar)}@media (hover: hover){.ok-scroll,.ok-table{--ok-sb: transparent;transition:--ok-sb var(--ok-dur-2) var(--ok-ease-out)}.ok-scroll:hover,.ok-scroll:focus-visible,.ok-table:hover,.ok-table:focus-visible{--ok-sb: var(--ok-scrollbar)}}.ok-scroll:focus-visible,.ok-table:focus-visible{outline:2px solid var(--ok-accent);outline-offset:2px}@media (hover: hover){.ok-scroll::-webkit-scrollbar,.ok-table::-webkit-scrollbar{width:10px;height:10px}.ok-scroll::-webkit-scrollbar-track,.ok-table::-webkit-scrollbar-track,.ok-scroll::-webkit-scrollbar-corner,.ok-table::-webkit-scrollbar-corner{background:transparent}.ok-scroll::-webkit-scrollbar-track:vertical,.ok-table::-webkit-scrollbar-track:vertical{margin:10px 0}.ok-scroll::-webkit-scrollbar-track:horizontal,.ok-table::-webkit-scrollbar-track:horizontal{margin:0 10px}.ok-scroll::-webkit-scrollbar-thumb,.ok-table::-webkit-scrollbar-thumb{min-width:28px;min-height:28px;border:2px solid transparent;border-radius:999px;background-clip:content-box;background-color:var(--ok-sb)}.ok-scroll::-webkit-scrollbar-thumb:hover,.ok-scroll::-webkit-scrollbar-thumb:active,.ok-table::-webkit-scrollbar-thumb:hover,.ok-table::-webkit-scrollbar-thumb:active{border-width:1px;background-color:var(--ok-scrollbar-hover)}}@supports not selector(::-webkit-scrollbar){.ok-scroll,.ok-table{scrollbar-width:thin;scrollbar-color:var(--ok-sb) transparent}}@keyframes ok-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes ok-pop{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:none}}@keyframes ok-draw{to{stroke-dashoffset:0}}@keyframes ok-spin{to{transform:rotate(360deg)}}@keyframes ok-shake{0%,to{transform:translate(0)}15%{transform:translate(-7px)}35%{transform:translate(6px)}55%{transform:translate(-4px)}75%{transform:translate(2px)}}@keyframes ok-bump{0%{transform:scale(1)}30%{transform:scale(1.35)}to{transform:scale(1)}}@keyframes ok-ping{0%{transform:scale(1);opacity:.7}80%,to{transform:scale(3.2);opacity:0}}@keyframes ok-breathe{0%,to{box-shadow:inset 0 0 0 1.5px var(--ok-accent),0 0 0 3px var(--ok-accent-soft)}50%{box-shadow:inset 0 0 0 1.5px var(--ok-accent),0 0 0 7px var(--ok-accent-soft)}}@keyframes ok-shimmer{0%{background-position:100% 0}to{background-position:-50% 0}}@keyframes ok-indeterminate{0%{left:-40%;width:30%}50%{width:55%}to{left:100%;width:30%}}@keyframes ok-tail-draw{0%{stroke-dashoffset:1.05}45%,55%{stroke-dashoffset:0}to{stroke-dashoffset:-1.05}}@keyframes ok-tail-wag{0%,to{transform:rotate(-10deg)}50%{transform:rotate(12deg)}}@keyframes ok-dot-bounce{0%,60%,to{transform:translateY(0) scale(1);opacity:.45}30%{transform:translateY(-7px) scale(.92,1.1);opacity:1}}@keyframes ok-oink{0%{transform:scale(1)}18%{transform:scale(.7) rotate(-8deg)}45%{transform:scale(1.3) rotate(6deg)}70%{transform:scale(.95) rotate(-2deg)}to{transform:scale(1)}}:root.ok-theming::view-transition-old(root),:root.ok-theming::view-transition-new(root){animation:none;mix-blend-mode:normal}:root.ok-theming::view-transition-old(root){z-index:0;animation:ok-vt-hold .6s linear both}:root.ok-theming::view-transition-new(root){z-index:1;clip-path:circle(0px at 50% 0%)}@keyframes ok-vt-hold{0%{opacity:1}to{opacity:1}}:root.ok-theming *,:root.ok-theming *:before,:root.ok-theming *:after{transition:none!important}:root.ok-theming::view-transition{pointer-events:none}.ok-logo{--ok-logo-size: 28px;display:inline-flex;align-items:center;gap:calc(var(--ok-logo-size) * .32);flex:none;vertical-align:middle;line-height:1;color:var(--ok-text)}.ok-logo__mark{display:block;width:var(--ok-logo-size);height:var(--ok-logo-size);flex:none;overflow:visible}.ok-logo__ink{fill:var(--ok-logo-ink, currentColor)}.ok-logo__accent{fill:var(--ok-logo-accent, var(--ok-logo-snout, var(--ok-accent)))}.ok-logo__nostril{fill:var(--ok-logo-nostril, var(--ok-logo-ink, currentColor))}.ok-logo__word{font:700 calc(var(--ok-logo-size) * .62) / 1 var(--ok-font-display);letter-spacing:-.01em;white-space:nowrap;color:var(--ok-logo-ink, currentColor)}.ok-logo--mono .ok-logo__ink,.ok-logo--mono .ok-logo__accent{fill:currentColor}.ok-logo--mono .ok-logo__word{color:currentColor}.ok-logo[data-animated] .ok-logo__snout{transform-box:fill-box;transform-origin:30% 30%;animation:ok-logo-oink var(--ok-spring-bouncy-dur) var(--ok-spring-bouncy) calc(.16s * var(--ok-ms)) both}@keyframes ok-logo-oink{0%{transform:scale(.5) rotate(-10deg)}to{transform:none}}@media (prefers-reduced-motion: reduce){:root:not([data-motion=full]) .ok-logo[data-animated] .ok-logo__snout{animation:none}}:root[data-motion=reduced] .ok-logo[data-animated] .ok-logo__snout{animation:none}.ok-btn{--_h: var(--ok-h-md);--_bg: var(--ok-fill);--_bg-hover: var(--ok-fill-hover);--_fg: var(--ok-text);position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:var(--_h);min-width:var(--_h);padding:0 calc(var(--_h) * .48);border:0;border-radius:var(--ok-r-full);corner-shape:round;margin:0;background:var(--_bg);color:var(--_fg);font:600 15px/1 var(--ok-font);letter-spacing:-.005em;white-space:nowrap;text-decoration:none;cursor:pointer;user-select:none;transition:transform var(--ok-spring-bouncy-dur) var(--ok-spring-bouncy),background-color var(--ok-dur-2) var(--ok-ease-out),color var(--ok-dur-2) var(--ok-ease-out),outline-offset var(--ok-dur-3) var(--ok-ease-out)}@media (hover: hover){.ok-btn:hover{background:var(--_bg-hover)}}.ok-btn:active{transform:scale(.955);transition:transform var(--ok-dur-1) var(--ok-ease-out),background-color var(--ok-dur-2) var(--ok-ease-out)}.ok-btn .ok-icon{width:18px;height:18px}.ok-btn--primary{--_bg: var(--ok-inverse);--_bg-hover: var(--ok-inverse-hover);--_fg: var(--ok-on-inverse)}.ok-btn--accent{--_bg: var(--ok-accent-fill);--_bg-hover: var(--ok-accent-fill-hover);--_fg: var(--ok-on-accent)}.ok-btn--ghost{--_bg: transparent;--_bg-hover: var(--ok-fill)}.ok-btn--outline{--_bg: transparent;--_bg-hover: var(--ok-fill);box-shadow:inset 0 0 0 1.5px var(--ok-line-2)}.ok-btn--danger{--_bg: var(--ok-danger-soft);--_fg: var(--ok-danger-text);--_bg-hover: var(--ok-danger-soft-2)}.ok-btn--sm{--_h: var(--ok-h-sm);font-size:13px;gap:6px}.ok-btn--sm .ok-icon{width:16px;height:16px}.ok-btn--lg{--_h: var(--ok-h-lg);font-size:16px}.ok-btn--icon{padding:0;width:var(--_h)}.ok-btn--block{display:flex;width:100%}.ok-btn:disabled,.ok-btn[aria-disabled=true]{opacity:.42;cursor:not-allowed;background:var(--_bg);transform:none}.ok-btn__label{display:inline-flex;align-items:center;gap:inherit;transition:transform var(--ok-dur-3) var(--ok-ease-out),opacity var(--ok-dur-2) var(--ok-ease-out)}.ok-btn__status{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}.ok-btn__status>*{grid-area:1 / 1;opacity:0;transform:translateY(14px) scale(.5);transition:transform var(--ok-dur-2) var(--ok-ease-in),opacity var(--ok-dur-2) var(--ok-ease-in)}.ok-btn__status .ok-tail{width:20px;height:20px;color:currentColor}.ok-btn__check{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.ok-btn__check path{stroke-dasharray:1;stroke-dashoffset:1}.ok-btn__cross{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round}.ok-btn__cross path{stroke-dasharray:1;stroke-dashoffset:1}.ok-btn[data-state=loading],.ok-btn[data-state=success]{pointer-events:none}.ok-btn[data-state=loading] .ok-btn__label,.ok-btn[data-state=success] .ok-btn__label{opacity:0;transform:translateY(-14px) scale(.9)}.ok-btn[data-state=loading] .ok-tail,.ok-btn[data-state=success] .ok-btn__check{opacity:1;transform:none;transition:transform var(--ok-spring-bouncy-dur) var(--ok-spring-bouncy),opacity var(--ok-dur-2) var(--ok-ease-out)}.ok-btn[data-state=success] .ok-btn__check path{stroke-dashoffset:0;transition:stroke-dashoffset var(--ok-dur-4) var(--ok-ease-out) calc(80ms * var(--ok-ms))}.ok-btn[data-state=error]{animation:ok-shake var(--ok-dur-5) var(--ok-ease-out)}.ok-btn[data-state=error] .ok-btn__label{opacity:0;transform:translateY(-14px) scale(.9)}.ok-btn[data-state=error] .ok-btn__cross{opacity:1;transform:none;transition:transform var(--ok-spring-bouncy-dur) var(--ok-spring-bouncy),opacity var(--ok-dur-2) var(--ok-ease-out)}.ok-btn[data-state=error] .ok-btn__cross path{stroke-dashoffset:0;transition:stroke-dashoffset var(--ok-dur-3) var(--ok-ease-out) calc(60ms * var(--ok-ms))}.ok-btn[data-state=error]:not(.ok-btn--primary,.ok-btn--accent,.ok-btn--danger) .ok-btn__cross{color:var(--ok-danger-text)}.ok-btn__status .ok-tail{overflow:visible;flex:none;transform-origin:20% 20%;animation:ok-tail-wag 1.5s var(--ok-ease-in-out) infinite}.ok-btn__status .ok-tail :is(path,circle,ellipse,line,polyline,polygon,rect):not([fill]){fill:none}.ok-btn__status .ok-tail :is(path,circle,ellipse,line,polyline,polygon,rect):not([stroke]){stroke:currentColor}.ok-btn__status .ok-tail :is(path,circle,ellipse,line,polyline,polygon,rect):not([stroke-width]){stroke-width:5.5}.ok-btn__status .ok-tail :is(path,circle,ellipse,line,polyline,polygon,rect){stroke-linecap:round;stroke-linejoin:round}.ok-btn__status .ok-tail [pathLength="1"]{stroke-dasharray:1 1.2;animation:ok-tail-draw 1.5s var(--ok-ease-in-out) infinite}@media (prefers-reduced-motion: reduce){:root:not([data-motion=full]) .ok-btn__status .ok-tail{animation:none}}:root[data-motion=reduced] .ok-btn__status .ok-tail{animation:none}.ok-btn:disabled,.ok-btn[aria-disabled=true]{--_bg-hover: var(--_bg)}.ok-btn{max-width:100%;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.ok-btn[aria-pressed=true]{--_bg: var(--ok-well-2);--_bg-hover: var(--ok-well-2);--_fg: var(--ok-text)}.ok-btn--primary[aria-pressed=true]{--_bg: var(--ok-inverse);--_bg-hover: var(--ok-inverse-hover);--_fg: var(--ok-on-inverse)}.ok-btn-group{display:inline-flex;flex-wrap:wrap;align-items:center;gap:var(--ok-s-2);min-width:0}.ok-btn-group--vertical{flex-direction:column;align-items:stretch}.ok-btn-group--block{display:flex}.ok-btn-group--block>.ok-btn{flex:1}.ok-btn-group--attached{flex-wrap:nowrap;gap:2px}.ok-btn-group--attached:not(.ok-btn-group--vertical)>.ok-btn:not(:first-child){border-start-start-radius:calc(6px * var(--ok-rk));border-end-start-radius:calc(6px * var(--ok-rk))}.ok-btn-group--attached:not(.ok-btn-group--vertical)>.ok-btn:not(:last-child){border-start-end-radius:calc(6px * var(--ok-rk));border-end-end-radius:calc(6px * var(--ok-rk))}.ok-btn-group--attached.ok-btn-group--vertical>.ok-btn{border-radius:calc(6px * var(--ok-rk))}.ok-btn-group--attached.ok-btn-group--vertical>.ok-btn:first-child{border-start-start-radius:calc(20px * var(--ok-rk));border-start-end-radius:calc(20px * var(--ok-rk))}.ok-btn-group--attached.ok-btn-group--vertical>.ok-btn:last-child{border-end-start-radius:calc(20px * var(--ok-rk));border-end-end-radius:calc(20px * var(--ok-rk))}:where(.ok-btn){outline:2px solid transparent;outline-offset:5px}:where(.ok-btn):focus-visible{outline-color:var(--ok-accent);outline-offset:2px}.ok-label{display:inline-flex;align-items:center;gap:4px;min-width:0;font:600 13px/1.3 var(--ok-font);color:var(--ok-text-2);cursor:default}.ok-label--md{font-size:15px;color:var(--ok-text)}.ok-label__required{color:var(--ok-danger-text)}.ok-label[data-disabled]{color:var(--ok-text-3);cursor:not-allowed}.ok-field{display:grid;gap:6px}.ok-field__label{font:600 13px/1.3 var(--ok-font);color:var(--ok-text-2)}.ok-field__msg{display:grid;grid-template-rows:0fr;font:500 13px/1.4 var(--ok-font);color:var(--ok-danger-text);transition:grid-template-rows var(--ok-dur-3) var(--ok-ease-out)}.ok-field__msg>span{min-height:0;overflow:hidden;opacity:0;transform:translateY(-6px);transition:opacity var(--ok-dur-2),transform var(--ok-dur-3) var(--ok-ease-out)}.ok-field.is-error .ok-input{box-shadow:inset 0 0 0 1.5px var(--ok-danger)}.ok-field.is-error .ok-field__msg{grid-template-rows:1fr}.ok-field.is-error .ok-field__msg>span{opacity:1;transform:none}.ok-field.is-valid .ok-input{box-shadow:inset 0 0 0 1.5px var(--ok-success)}.ok-field.is-valid .ok-input__icon{color:var(--ok-success-text)}.is-shaking{animation:ok-shake var(--ok-dur-5) var(--ok-ease-out)}.ok-field{min-width:0}.ok-field__label{display:inline-flex;align-items:center;gap:4px;justify-self:start}.ok-field__required{color:var(--ok-danger-text)}.ok-field__control{display:grid;min-width:0}.ok-field__control>:where(.ok-stepper,.ok-switch,.ok-rating,.ok-seg:not(.ok-seg--block),.ok-select:not(.ok-select--block)){justify-self:start}.ok-field__hint{font:500 13px/1.4 var(--ok-font);color:var(--ok-text-2)}.ok-field__msg>span{display:flex;align-items:flex-start;gap:4px}.ok-field__msg .ok-icon{width:16px;height:16px;margin-top:1px}.ok-field[data-invalid] .ok-input{box-shadow:inset 0 0 0 1.5px var(--ok-danger)}.ok-field[data-invalid] .ok-field__msg{grid-template-rows:1fr}.ok-field[data-invalid] .ok-field__msg>span{opacity:1;transform:none}.ok-field:not(.is-error):not([data-invalid]) .ok-field__msg{margin-top:-6px}.ok-field[data-disabled] .ok-field__label{color:var(--ok-text-3)}.ok-field--horizontal{grid-template-columns:minmax(0,1fr)}@media (min-width: 520px){.ok-field--horizontal{grid-template-columns:minmax(96px,30%) minmax(0,1fr);column-gap:var(--ok-s-4);align-items:start}.ok-field--horizontal>.ok-field__label{min-height:var(--ok-h-md)}.ok-field--horizontal>:not(.ok-field__label){grid-column:2}}.ok-fieldset{display:grid;gap:var(--ok-s-3);min-width:0;margin:0;padding:0;border:0}.ok-fieldset__legend{float:left;width:100%;padding:0;font:600 15px/1.3 var(--ok-font);color:var(--ok-text)}.ok-fieldset__legend+*{clear:both}.ok-fieldset__hint{font:500 13px/1.4 var(--ok-font);color:var(--ok-text-2);margin-top:calc(var(--ok-s-2) * -1)}.ok-fieldset__body{display:grid;gap:var(--ok-s-4);min-width:0}.ok-fieldset:disabled .ok-fieldset__legend{color:var(--ok-text-3)}.ok-form{--_gap: var(--ok-s-5);display:grid;gap:var(--_gap);min-width:0;margin:0}.ok-form--sm{--_gap: var(--ok-s-3)}.ok-form--lg{--_gap: var(--ok-s-8)}.ok-form__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ok-s-2)}.ok-form__actions--end{justify-content:flex-end}.ok-form__actions--between{justify-content:space-between}@media (max-width: 519.98px){.ok-form__actions--stack{flex-direction:column-reverse;align-items:stretch}.ok-form__actions--stack>.ok-btn{width:100%}}.ok-input{display:flex;align-items:center;gap:8px;height:var(--ok-h-md);padding:0 14px;border-radius:calc(14px * var(--ok-rk));corner-shape:var(--ok-corner);background:var(--ok-well);color:var(--ok-text-3);box-shadow:inset 0 0 0 1.5px transparent;cursor:text;transition:background-color var(--ok-dur-2) var(--ok-ease-out),box-shadow var(--ok-dur-3) var(--ok-ease-out),color var(--ok-dur-2)}@media (hover: hover){.ok-input:hover{background:color-mix(in srgb,var(--ok-well) 70%,var(--ok-well-2))}}@media (hover: hover){:root[data-theme=dark] .ok-input:hover:not(:focus-within){background:color-mix(in srgb,var(--ok-well) 88%,var(--ok-well-2))}}.ok-input:focus-within{background:var(--ok-raised);color:var(--ok-text-2);box-shadow:inset 0 0 0 1.5px var(--ok-accent)}.ok-input input{all:unset;flex:1;min-width:0;height:100%;font:500 15px/1 var(--ok-font);color:var(--ok-text)}.ok-input input::placeholder{color:var(--ok-text-3)}.ok-input input::-webkit-search-cancel-button{display:none}.ok-input--pill{border-radius:var(--ok-r-full);corner-shape:round;padding:0 16px}.ok-input--lg{height:var(--ok-h-lg);padding:0 18px;gap:10px}.ok-input--lg input{font-size:16px}.ok-input__icon{width:18px;height:18px;flex:none;transition:transform var(--ok-spring-bouncy-dur) var(--ok-spring-bouncy),color var(--ok-dur-2)}.ok-input:focus-within .ok-input__icon{color:var(--ok-accent-text);transform:scale(1.1)}.ok-input__clear{display:grid;place-items:center;flex:none;width:20px;height:20px;padding:0;border:0;border-radius:50%;corner-shape:round;background:var(--ok-text-3);color:var(--ok-raised);cursor:pointer;opacity:0;transform:scale(0) rotate(-90deg);transition:transform var(--ok-dur-2) var(--ok-ease-in),opacity var(--ok-dur-2),background-color var(--ok-dur-2)}.ok-input__clear .ok-icon{width:12px;height:12px;stroke-width:2.4}@media (hover: hover){.ok-input__clear:hover{background:var(--ok-text-2)}}.ok-input.has-value .ok-input__clear{opacity:1;transform:none;transition:transform var(--ok-spring-bouncy-dur) var(--ok-spring-bouncy),opacity var(--ok-dur-2),background-color var(--ok-dur-2)}.ok-input{min-width:0}.ok-input[data-has-value] .ok-input__clear{opacity:1;transform:none;transition:transform var(--ok-spring-bouncy-dur) var(--ok-spring-bouncy),opacity var(--ok-dur-2),background-color var(--ok-dur-2)}.ok-input__clear:disabled{pointer-events:none}.ok-input--sm{height:var(--ok-h-sm);padding:0 12px;gap:6px;border-radius:calc(11px * var(--ok-rk))}.ok-input--sm input{font-size:13px}.ok-input--sm.ok-input--pill{border-radius:var(--ok-r-full)}.ok-input--inline{display:inline-flex;vertical-align:middle}.ok-input__affix{display:inline-flex;align-items:center;flex:none;gap:6px;font:500 14px/1 var(--ok-font);color:inherit;white-space:nowrap}.ok-input__affix .ok-icon{width:18px;height:18px}.ok-input__toggle{display:grid;place-items:center;flex:none;width:28px;height:28px;margin-right:-6px;padding:0;border:0;border-radius:50%;corner-shape:round;background:transparent;color:var(--ok-text-2);cursor:pointer;transition:background-color var(--ok-dur-2) var(--ok-ease-out),color var(--ok-dur-2) var(--ok-ease-out)}.ok-input__toggle .ok-icon{width:18px;height:18px}.ok-input{--_ih: var(--ok-h-md);--_ipx: 14px}.ok-input--pill{--_ipx: 16px}.ok-input--lg{--_ih: var(--ok-h-lg);--_ipx: 18px}.ok-input--sm{--_ih: var(--ok-h-sm);--_ipx: 12px}.ok-input>.ok-input__clear:last-child{margin-right:calc((var(--_ih) - 20px) / 2 - var(--_ipx))}.ok-input>.ok-input__toggle:last-child{margin-right:calc((var(--_ih) - 28px) / 2 - var(--_ipx))}@media (hover: hover){.ok-input__toggle:hover{background:var(--ok-hover);color:var(--ok-text)}}.ok-input[data-invalid]{box-shadow:inset 0 0 0 1.5px var(--ok-danger)}.ok-input[data-disabled]{opacity:.5;cursor:not-allowed}.ok-input[data-disabled] input{cursor:not-allowed}@media (hover: hover){.ok-input[data-disabled]:hover{background:var(--ok-well)}}@media (pointer: coarse){.ok-input--sm input{font-size:16px}}[data-touch] .ok-input--sm input{font-size:16px}.ok-textarea{--_min-rows: 3;--_max-rows: 999;--_lh: 1.5em;--_pad: 10px;display:block;width:100%;min-width:0;margin:0;border:0;padding:var(--_pad) 14px;min-height:calc(var(--_min-rows) * var(--_lh) + var(--_pad) * 2);max-height:calc(var(--_max-rows) * var(--_lh) + var(--_pad) * 2);border-radius:calc(14px * var(--ok-rk));corner-shape:var(--ok-corner);background:var(--ok-well);color:var(--ok-text);box-shadow:inset 0 0 0 1.5px transparent;font:500 15px/1.5 var(--ok-font);outline:0;resize:none;transition:background-color var(--ok-dur-2) var(--ok-ease-out),box-shadow var(--ok-dur-3) var(--ok-ease-out)}.ok-textarea[data-autogrow]{field-sizing:content}.ok-textarea[data-resize=vertical]{resize:vertical}.ok-textarea::placeholder{color:var(--ok-text-3)}@media (hover: hover){.ok-textarea:hover:not(:focus):not(:disabled){background:color-mix(in srgb,var(--ok-well) 70%,var(--ok-well-2))}}@media (hover: hover){:root[data-theme=dark] .ok-textarea:hover:not(:focus):not(:disabled){background:color-mix(in srgb,var(--ok-well) 88%,var(--ok-well-2))}}.ok-textarea:focus{background:var(--ok-raised);box-shadow:inset 0 0 0 1.5px var(--ok-accent)}.ok-textarea[aria-invalid=true]{box-shadow:inset 0 0 0 1.5px var(--ok-danger)}.ok-textarea:disabled{opacity:.5;cursor:not-allowed}@media (pointer: coarse){.ok-textarea{font-size:16px}}[data-touch] .ok-textarea{font-size:16px}.ok-textarea:focus-visible{outline:0}.ok-stepper{display:inline-flex;align-items:center;gap:2px;height:var(--ok-h-md);padding:3px;border-radius:var(--ok-r-full);corner-shape:round;background:var(--ok-well)}.ok-stepper__btn{display:grid;place-items:center;width:calc(var(--ok-h-md) - 6px);height:calc(var(--ok-h-md) - 6px);padding:0;margin:0;border:0;border-radius:50%;corner-shape:round;background:var(--ok-raised);color:var(--ok-text);cursor:pointer;box-shadow:inset 0 0 0 1px var(--ok-line);transition:transform var(--ok-spring-bouncy-dur) var(--ok-spring-bouncy),opacity var(--ok-dur-2)}.ok-stepper__btn:active{transform:scale(.84);transition-duration:var(--ok-dur-1);transition-timing-function:var(--ok-ease-out)}.ok-stepper__btn[aria-disabled=true]{opacity:.4}.ok-stepper__btn .ok-icon{width:16px;height:16px;stroke-width:2.2}.ok-stepper__value{position:relative;display:grid;place-items:center;min-width:46px;height:calc(var(--ok-h-md) - 6px);overflow:hidden;font:600 15px/1 var(--ok-font);font-variant-numeric:tabular-nums;color:var(--ok-text)}.ok-stepper__value>span{grid-area:1 / 1}.ok-stepper{box-shadow:inset 0 0 0 1.5px transparent;transition:box-shadow var(--ok-dur-3) var(--ok-ease-out),background-color var(--ok-dur-2) var(--ok-ease-out)}.ok-stepper:focus-within{box-shadow:inset 0 0 0 1.5px var(--ok-accent)}.ok-stepper[data-invalid]{box-shadow:inset 0 0 0 1.5px var(--ok-danger)}.ok-stepper__btn{flex:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none}.ok-stepper__btn[aria-disabled=true]{cursor:not-allowed}.ok-stepper__btn[aria-disabled=true]:active{transform:none}input.ok-stepper__value{display:block;width:46px;min-width:46px;padding:0;margin:0;border:0;outline:0;background:none;text-align:center;appearance:none;cursor:text}@supports (field-sizing: content){input.ok-stepper__value{field-sizing:content;width:auto;max-width:12ch;padding:0 4px}}.ok-stepper--sm{height:var(--ok-h-sm)}.ok-stepper--sm .ok-stepper__btn{width:calc(var(--ok-h-sm) - 6px);height:calc(var(--ok-h-sm) - 6px)}.ok-stepper--sm .ok-stepper__value{height:calc(var(--ok-h-sm) - 6px);font-size:13px}.ok-stepper--lg{height:var(--ok-h-lg)}.ok-stepper--lg .ok-stepper__btn{width:calc(var(--ok-h-lg) - 6px);height:calc(var(--ok-h-lg) - 6px)}.ok-stepper--lg .ok-stepper__value{height:calc(var(--ok-h-lg) - 6px);font-size:16px}.ok-stepper[data-disabled]{opacity:.5;cursor:not-allowed}.ok-stepper[data-disabled] .ok-stepper__btn,.ok-stepper[data-disabled] input{cursor:not-allowed}@media (pointer: coarse){input.ok-stepper__value{font-size:16px}}[data-touch] input.ok-stepper__value{font-size:16px}.ok-pin{display:inline-flex;align-items:center;gap:8px;max-width:100%;min-width:0}.ok-pin__cell{flex:1 1 var(--ok-h-lg);width:var(--ok-h-lg);min-width:0;max-width:var(--ok-h-lg);height:var(--ok-h-lg);margin:0;padding:0;border:0;outline:0;border-radius:calc(14px * var(--ok-rk));corner-shape:var(--ok-corner);background:var(--ok-well);color:var(--ok-text);text-align:center;caret-color:var(--ok-accent);box-shadow:inset 0 0 0 1.5px transparent;font:600 20px/1 var(--ok-font);font-variant-numeric:tabular-nums;transition:background-color var(--ok-dur-2) var(--ok-ease-out),box-shadow var(--ok-dur-3) var(--ok-ease-out),transform var(--ok-spring-bouncy-dur) var(--ok-spring-bouncy)}@media (hover: hover){.ok-pin__cell:hover:not(:focus):not(:disabled){background:color-mix(in srgb,var(--ok-well) 70%,var(--ok-well-2))}}.ok-pin__cell::selection{background:transparent;color:inherit}.ok-pin__cell:focus{background:var(--ok-raised);box-shadow:inset 0 0 0 1.5px var(--ok-accent);transform:scale(1.04)}.ok-pin[data-invalid] .ok-pin__cell{box-shadow:inset 0 0 0 1.5px var(--ok-danger)}.ok-pin__cell:disabled{opacity:.5;cursor:not-allowed}.ok-pin--sm .ok-pin__cell{flex-basis:var(--ok-h-md);width:var(--ok-h-md);max-width:var(--ok-h-md);height:var(--ok-h-md);font-size:16px;border-radius:calc(12px * var(--ok-rk))}.ok-pin--sm{gap:6px}.ok-check{position:relative;display:inline-flex;align-items:center;gap:10px;font:500 15px/1.4 var(--ok-font);color:var(--ok-text);cursor:pointer;-webkit-tap-highlight-color:transparent}.ok-check input{position:absolute;left:0;top:50%;width:22px;height:22px;margin:-11px 0 0;opacity:0;cursor:pointer}.ok-check__box{position:relative;display:grid;place-items:center;flex:none;width:22px;height:22px;background:var(--ok-raised);box-shadow:inset 0 0 0 1.5px var(--ok-line-2);outline:2px solid transparent;outline-offset:5px;transition:background-color var(--ok-dur-2) var(--ok-ease-out),box-shadow var(--ok-dur-2) var(--ok-ease-out),transform var(--ok-spring-bouncy-dur) var(--ok-spring-bouncy),outline-offset var(--ok-dur-3) var(--ok-ease-out)}.ok-check__box{border-radius:calc(7px * var(--ok-rk));corner-shape:var(--ok-corner)}@media (hover: hover){.ok-check:hover .ok-check__box{box-shadow:inset 0 0 0 1.5px var(--ok-accent)}}.ok-check:active .ok-check__box{transform:scale(.84);transition-duration:var(--ok-dur-2),var(--ok-dur-2),var(--ok-dur-1),var(--ok-dur-3);transition-timing-function:var(--ok-ease-out)}.ok-check__box svg{width:16px;height:16px;fill:none;stroke:var(--ok-on-accent);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.ok-check__box path{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset var(--ok-dur-1) var(--ok-ease-in)}.ok-check input:checked+.ok-check__box{background:var(--ok-accent);box-shadow:inset 0 0 0 1.5px transparent}.ok-check input:checked+.ok-check__box path{stroke-dashoffset:0;transition:stroke-dashoffset var(--ok-dur-3) var(--ok-ease-out) calc(50ms * var(--ok-ms))}.ok-check input:focus-visible+.ok-check__box{outline-color:var(--ok-accent);outline-offset:2px}.ok-check{min-width:0;touch-action:manipulation}.ok-check__box svg{grid-area:1 / 1}.ok-check input:checked+.ok-check__box path.ok-check__dash{stroke-dashoffset:1}.ok-check input:indeterminate+.ok-check__box{background:var(--ok-accent);box-shadow:inset 0 0 0 1.5px transparent}.ok-check input:indeterminate+.ok-check__box path.ok-check__tick{stroke-dashoffset:1}.ok-check input:indeterminate+.ok-check__box path.ok-check__dash{stroke-dashoffset:0;transition:stroke-dashoffset var(--ok-dur-3) var(--ok-ease-out) calc(50ms * var(--ok-ms))}.ok-check[data-invalid] .ok-check__box{box-shadow:inset 0 0 0 1.5px var(--ok-danger)}.ok-check__text{display:grid;gap:2px;min-width:0}.ok-check__desc{font:500 13px/1.4 var(--ok-font);color:var(--ok-text-2)}.ok-check:has(input:disabled){cursor:not-allowed;color:var(--ok-text-3)}.ok-check input:disabled{cursor:not-allowed}.ok-check input:disabled+.ok-check__box{transform:none;background:var(--ok-well);box-shadow:inset 0 0 0 1.5px var(--ok-line-2)}.ok-check input:disabled:checked+.ok-check__box,.ok-check input:disabled:indeterminate+.ok-check__box{opacity:.5;background:var(--ok-accent);box-shadow:inset 0 0 0 1.5px transparent}.ok-check[data-described]{align-items:flex-start}.ok-check[data-described] input{top:0;margin-top:0}@media (pointer: coarse){.ok-check{min-height:44px}.ok-check input{width:100%;height:100%;top:0;margin:0}}[data-touch] .ok-check{min-height:44px}[data-touch] .ok-check input{width:100%;height:100%;top:0;margin:0}.ok-check-group{display:flex;flex-direction:column;gap:var(--ok-s-3);min-width:0}.ok-check-group--horizontal{flex-direction:row;flex-wrap:wrap;gap:var(--ok-s-3) var(--ok-s-5)}.ok-radio{position:relative;display:inline-flex;align-items:center;gap:10px;font:500 15px/1.4 var(--ok-font);color:var(--ok-text);cursor:pointer;-webkit-tap-highlight-color:transparent}.ok-radio input{position:absolute;left:0;top:50%;width:22px;height:22px;margin:-11px 0 0;opacity:0;cursor:pointer}.ok-radio__dot{position:relative;display:grid;place-items:center;flex:none;width:22px;height:22px;background:var(--ok-raised);box-shadow:inset 0 0 0 1.5px var(--ok-line-2);outline:2px solid transparent;outline-offset:5px;transition:background-color var(--ok-dur-2) var(--ok-ease-out),box-shadow var(--ok-dur-2) var(--ok-ease-out),transform var(--ok-spring-bouncy-dur) var(--ok-spring-bouncy),outline-offset var(--ok-dur-3) var(--ok-ease-out)}.ok-radio__dot{border-radius:50%;corner-shape:round}@media (hover: hover){.ok-radio:hover .ok-radio__dot{box-shadow:inset 0 0 0 1.5px var(--ok-accent)}}.ok-radio:active .ok-radio__dot{transform:scale(.84);transition-duration:var(--ok-dur-2),var(--ok-dur-2),var(--ok-dur-1),var(--ok-dur-3);transition-timing-function:var(--ok-ease-out)}.ok-radio input:checked+.ok-radio__dot{background:var(--ok-accent);box-shadow:inset 0 0 0 1.5px transparent}.ok-radio__dot:after{content:"";width:8px;height:8px;border-radius:50%;corner-shape:round;background:var(--ok-on-accent);transform:scale(0);transition:transform var(--ok-dur-1) var(--ok-ease-in)}.ok-radio input:checked+.ok-radio__dot:after{transform:scale(1);transition:transform var(--ok-spring-bouncy-dur) var(--ok-spring-bouncy)}.ok-radio input:focus-visible+.ok-radio__dot{outline-color:var(--ok-accent);outline-offset:2px}.ok-radio{min-width:0;touch-action:manipulation}.ok-radio__text{display:grid;gap:2px;min-width:0}.ok-radio__desc{font:500 13px/1.4 var(--ok-font);color:var(--ok-text-2)}.ok-radio:has(input:disabled){cursor:not-allowed;color:var(--ok-text-3)}.ok-radio input:disabled{cursor:not-allowed}.ok-radio input:disabled+.ok-radio__dot{transform:none;background:var(--ok-well);box-shadow:inset 0 0 0 1.5px var(--ok-line-2)}.ok-radio input:disabled:checked+.ok-radio__dot{opacity:.5;background:var(--ok-accent);box-shadow:inset 0 0 0 1.5px transparent}.ok-radio[data-described]{align-items:flex-start}.ok-radio[data-described] input{top:0;margin-top:0}.ok-radio-group[data-invalid] .ok-radio__dot{box-shadow:inset 0 0 0 1.5px var(--ok-danger)}@media (pointer: coarse){.ok-radio{min-height:44px}.ok-radio input{width:100%;height:100%;top:0;margin:0}}[data-touch] .ok-radio{min-height:44px}[data-touch] .ok-radio input{width:100%;height:100%;top:0;margin:0}.ok-radio-group{display:flex;flex-direction:column;gap:var(--ok-s-3);min-width:0}.ok-radio-group--horizontal{flex-direction:row;flex-wrap:wrap;gap:var(--ok-s-3) var(--ok-s-5)}.ok-switch{position:relative;display:inline-flex;flex:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.ok-switch input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;z-index:1}.ok-switch__track{position:relative;display:block;width:54px;height:32px;border-radius:var(--ok-r-full);corner-shape:round;background:var(--ok-well-2);outline:2px solid transparent;outline-offset:5px;transition:background-color var(--ok-dur-3) var(--ok-ease-out),outline-offset var(--ok-dur-3) var(--ok-ease-out)}.ok-switch__thumb{position:absolute;top:3px;left:3px;width:32px;height:26px;border-radius:var(--ok-r-full);corner-shape:round;background:var(--ok-thumb);transition:transform var(--ok-spring-dur) var(--ok-spring),width var(--ok-dur-2) var(--ok-ease-out)}.ok-switch input:checked+.ok-switch__track{background:var(--ok-accent)}.ok-switch input:checked+.ok-switch__track .ok-switch__thumb{transform:translate(16px)}.ok-switch:active input:not(:disabled)+.ok-switch__track .ok-switch__thumb{width:38px}.ok-switch:active input:checked:not(:disabled)+.ok-switch__track .ok-switch__thumb{transform:translate(10px)}.ok-switch input:focus-visible+.ok-switch__track{outline-color:var(--ok-accent);outline-offset:2px}.ok-switch input:disabled{cursor:not-allowed}.ok-switch input:disabled+.ok-switch__track{background:transparent;box-shadow:inset 0 0 0 1.5px var(--ok-line-2)}.ok-switch input:disabled+.ok-switch__track .ok-switch__thumb{background:var(--ok-well-2)}.ok-switch input:disabled:checked+.ok-switch__track{background:var(--ok-accent-tint);box-shadow:none}.ok-switch input:disabled:checked+.ok-switch__track .ok-switch__thumb{background:var(--ok-raised)}.ok-switch{align-items:center;gap:10px;touch-action:manipulation}.ok-switch__label{font:500 15px/1.4 var(--ok-font);color:var(--ok-text)}.ok-switch:has(input:disabled){cursor:not-allowed}.ok-switch:has(input:disabled) .ok-switch__label{color:var(--ok-text-3)}.ok-switch__label{min-width:0}.ok-switch__track{flex:none}.ok-switch[data-label-position=start] .ok-switch__label{flex:1 1 auto}.ok-slider{--v: .5;--tw: 42px;--th: 28px;position:relative;display:flex;align-items:center;flex:1 1 auto;height:32px;min-height:32px;max-height:32px;min-width:120px;cursor:pointer;touch-action:none;user-select:none;border-radius:var(--ok-r-full);corner-shape:round}.ok-slider__track{position:absolute;left:0;right:0;height:6px;border-radius:6px;background:var(--ok-well-2);overflow:hidden}.ok-slider__fill{position:absolute;inset:0 auto 0 0;border-radius:inherit;corner-shape:inherit;background:var(--ok-accent);width:calc(var(--v) * (100% - var(--tw)) + var(--tw) / 2);transition:width var(--ok-spring-dur) var(--ok-spring)}.ok-slider__ticks{position:absolute;left:calc(var(--tw) / 2);right:calc(var(--tw) / 2);height:6px;pointer-events:none}.ok-slider__ticks i{position:absolute;top:1.5px;width:3px;height:3px;margin-left:-1.5px;border-radius:50%;corner-shape:round;background:color-mix(in srgb,var(--ok-text-3) 55%,var(--ok-well-2))}.ok-slider__thumb{position:absolute;left:calc(var(--v) * (100% - var(--tw)));width:var(--tw);height:var(--th);border-radius:var(--ok-r-full);corner-shape:round;background:var(--ok-thumb);box-shadow:inset 0 0 0 1px var(--ok-line-2);transition:left var(--ok-spring-dur) var(--ok-spring),transform var(--ok-spring-bouncy-dur) var(--ok-spring-bouncy)}.ok-slider.is-active .ok-slider__thumb{transform:scale(1.12,1.06)}.ok-slider.is-tracking .ok-slider__thumb{transition-property:transform}.ok-slider.is-tracking .ok-slider__fill{transition:none}.ok-slider__bubble{position:absolute;left:50%;bottom:calc(100% + 10px);padding:5px 9px;border-radius:calc(10px * var(--ok-rk));corner-shape:var(--ok-corner);background:var(--ok-inverse);color:var(--ok-on-inverse);font:600 12px/1 var(--ok-font);font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;opacity:0;transform-origin:50% 130%;transform:translate(-50%) scale(.4);transition:transform var(--ok-dur-2) var(--ok-ease-in),opacity var(--ok-dur-2) var(--ok-ease-in)}.ok-slider[data-ticks] .ok-slider__bubble{display:none}.ok-slider.is-active .ok-slider__bubble,.ok-slider:focus-visible .ok-slider__bubble{opacity:1;transform:translate(-50%) scale(1);transition:transform var(--ok-spring-bouncy-dur) var(--ok-spring-bouncy),opacity var(--ok-dur-2) var(--ok-ease-out)}.ok-slider:not(.ok-slider--range)[data-active] .ok-slider__thumb{transform:scale(1.12,1.06)}.ok-slider[data-tracking] .ok-slider__thumb{transition-property:transform}.ok-slider[data-tracking] .ok-slider__fill{transition:none}.ok-slider:not(.ok-slider--range)[data-active] .ok-slider__bubble{opacity:1;transform:translate(-50%) scale(1);transition:transform var(--ok-spring-bouncy-dur) var(--ok-spring-bouncy),opacity var(--ok-dur-2) var(--ok-ease-out)}.ok-slider[aria-disabled=true]{cursor:not-allowed;opacity:.5}.ok-slider[aria-disabled=true] .ok-slider__thumb{transform:none}.ok-slider--range{--a: 0;--b: 1}.ok-slider--range .ok-slider__fill{inset:0 auto 0 calc(var(--a) * (100% - var(--tw)) + var(--tw) / 2);width:calc((var(--b) - var(--a)) * (100% - var(--tw)));transition:width var(--ok-spring-dur) var(--ok-spring),left var(--ok-spring-dur) var(--ok-spring)}.ok-slider--range .ok-slider__thumb[data-index="0"]{left:calc(var(--a) * (100% - var(--tw)))}.ok-slider--range .ok-slider__thumb[data-index="1"]{left:calc(var(--b) * (100% - var(--tw)))}.ok-slider--range .ok-slider__thumb[data-active]{transform:scale(1.12,1.06);z-index:1}.ok-slider--range .ok-slider__thumb:focus-visible{z-index:1}.ok-slider--range .ok-slider__thumb[data-active] .ok-slider__bubble,.ok-slider--range .ok-slider__thumb:focus-visible .ok-slider__bubble{opacity:1;transform:translate(-50%) scale(1);transition:transform var(--ok-spring-bouncy-dur) var(--ok-spring-bouncy),opacity var(--ok-dur-2) var(--ok-ease-out)}.ok-slider--range[data-disabled]{cursor:not-allowed;opacity:.5}@media (hover: hover){.ok-slider:not([data-active]):hover .ok-slider__thumb:not([data-active]){transform:scale(1.05)}}.ok-meter{--v: .5;position:relative;isolation:isolate;overflow:hidden;flex:none;width:190px;height:var(--ok-h-md);border-radius:var(--ok-r-full);corner-shape:round;background:var(--ok-well);cursor:ew-resize;touch-action:none;user-select:none;transition:transform var(--ok-spring-bouncy-dur) var(--ok-spring-bouncy)}.ok-meter__fill{position:absolute;inset:0;z-index:-1;background:var(--ok-accent-tint);transform-origin:0 50%;transform:scaleX(var(--v));transition:transform var(--ok-spring-dur) var(--ok-spring),background-color var(--ok-dur-3)}.ok-meter__value{position:absolute;inset:0 auto 0 16px;display:flex;align-items:center;font:600 15px/1 var(--ok-font);font-variant-numeric:tabular-nums;color:var(--ok-text)}.ok-meter.is-active{transform:scale(1.03,1.08)}.ok-meter.is-active .ok-meter__fill{background:var(--ok-accent-tint-2)}.ok-meter.is-tracking .ok-meter__fill{transition:background-color var(--ok-dur-3)}:where(.ok-meter){outline:2px solid transparent;outline-offset:5px;-webkit-tap-highlight-color:transparent}:where(.ok-meter):focus-visible{outline-color:var(--ok-accent);outline-offset:2px;transition:outline-offset var(--ok-dur-3) var(--ok-ease-out),outline-color var(--ok-dur-2)}.ok-seg{position:relative;isolation:isolate;display:inline-flex;padding:3px;border-radius:var(--ok-r-full);corner-shape:round;background:var(--ok-well)}.ok-seg__thumb{position:absolute;z-index:-1;top:3px;bottom:3px;left:0;width:var(--w, 0);transform:translate(var(--x, 0));border-radius:inherit;corner-shape:inherit;background:var(--ok-raised);box-shadow:inset 0 0 0 1px var(--ok-line);transition:transform var(--ok-spring-dur) var(--ok-spring),width var(--ok-spring-dur) var(--ok-spring)}.ok-seg:not(.is-ready):not([data-ready]) .ok-seg__thumb{transition:none}.ok-seg__item{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:1;height:calc(var(--ok-h-md) - 6px);padding:0 16px;margin:0;border:0;border-radius:inherit;corner-shape:inherit;background:none;font:600 14px/1 var(--ok-font);color:var(--ok-text-2);white-space:nowrap;cursor:pointer;transition:color var(--ok-dur-2) var(--ok-ease-out),transform var(--ok-spring-bouncy-dur) var(--ok-spring-bouncy)}@media (hover: hover){.ok-seg__item:hover{color:var(--ok-text)}}.ok-seg__item:active{transform:scale(.93);transition-duration:var(--ok-dur-2),var(--ok-dur-1)}.ok-seg__item[aria-checked=true]{color:var(--ok-text)}.ok-seg__item .ok-icon{width:16px;height:16px}.ok-seg--sm .ok-seg__item{height:calc(var(--ok-h-sm) - 6px);padding:0 12px;font-size:13px}.ok-seg--block{display:flex}.ok-seg{max-width:100%;min-width:0}.ok-seg--block .ok-seg__item{min-width:0}.ok-seg__item{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.ok-seg__item>span{overflow:hidden;text-overflow:ellipsis}.ok-seg__item:disabled,.ok-seg__item[aria-disabled=true]{opacity:.42;cursor:not-allowed;transform:none;color:var(--ok-text-2)}.ok-seg--lg .ok-seg__item{height:calc(var(--ok-h-lg) - 6px);padding:0 20px;font-size:15px}.ok-seg{overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}.ok-seg::-webkit-scrollbar{display:none}.ok-seg:not(.ok-seg--block) .ok-seg__item{min-width:max-content}@media (prefers-reduced-motion: no-preference){:root:not([data-motion=reduced]) .ok-seg[data-ready]{scroll-behavior:smooth}}:root[data-motion=full] .ok-seg[data-ready]{scroll-behavior:smooth}.ok-seg__item.ok-focusable:focus-visible{outline-offset:1px}.ok-chips{display:flex;flex-wrap:wrap;gap:8px}.ok-chip{display:inline-flex;align-items:center;height:32px;padding:0 13px;margin:0;border:0;border-radius:var(--ok-r-full);corner-shape:round;background:var(--ok-fill);color:var(--ok-text-2);font:600 13px/1 var(--ok-font);white-space:nowrap;cursor:pointer;user-select:none;transition:background-color var(--ok-dur-2) var(--ok-ease-out),color var(--ok-dur-2) var(--ok-ease-out),transform var(--ok-spring-bouncy-dur) var(--ok-spring-bouncy)}@media (hover: hover){.ok-chip:hover{background:var(--ok-fill-hover);color:var(--ok-text)}}.ok-chip:active{transform:scale(.93);transition-duration:var(--ok-dur-2),var(--ok-dur-2),var(--ok-dur-1)}.ok-chip__check{display:inline-grid;width:0;margin-right:0;opacity:0;overflow:hidden;transition:width var(--ok-spring-dur) var(--ok-spring),margin var(--ok-spring-dur) var(--ok-spring),opacity var(--ok-dur-2)}.ok-chip__check svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.ok-chip__check path{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset var(--ok-dur-1)}.ok-chip[aria-pressed=true]{background:var(--ok-accent-soft);color:var(--ok-accent-text)}.ok-chip[aria-pressed=true] .ok-chip__check{width:14px;margin-right:6px;opacity:1}.ok-chip[aria-pressed=true] .ok-chip__check path{stroke-dashoffset:0;transition:stroke-dashoffset var(--ok-dur-3) var(--ok-ease-out) calc(80ms * var(--ok-ms))}.ok-chip__remove{display:grid;place-items:center;width:18px;height:18px;margin:0 -6px 0 6px;padding:0;border:0;border-radius:50%;corner-shape:round;background:transparent;color:inherit;cursor:pointer;transition:background-color var(--ok-dur-2) var(--ok-ease-out)}@media (hover: hover){.ok-chip__remove:hover{background:var(--ok-line-2)}}.ok-chip__remove .ok-icon{width:12px;height:12px;stroke-width:2.4}.ok-chip{max-width:100%;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.ok-chip__text{min-width:0;overflow:hidden;text-overflow:ellipsis}.ok-chip .ok-icon{width:14px;height:14px}.ok-chip__lead{display:inline-grid;margin-right:6px}span.ok-chip{cursor:default}@media (hover: hover){span.ok-chip:hover{background:var(--ok-fill);color:var(--ok-text-2)}}span.ok-chip:active{transform:none}.ok-chip:disabled,.ok-chip[aria-disabled=true]{opacity:.42;cursor:not-allowed;transform:none}.ok-chip__remove:disabled{cursor:not-allowed}.ok-chip,.ok-chip__remove{position:relative}@media (pointer: coarse){.ok-chip{height:36px}.ok-chip__remove{width:24px;height:24px}button.ok-chip:before{content:"";position:absolute;inset:-4px 0}.ok-chip__remove:before{content:"";position:absolute;inset:-10px}}[data-touch] .ok-chip{height:36px}[data-touch] .ok-chip__remove{width:24px;height:24px}[data-touch] button.ok-chip:before{content:"";position:absolute;inset:-4px 0}[data-touch] .ok-chip__remove:before{content:"";position:absolute;inset:-10px}.ok-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:16px}.ok-option{position:relative;display:grid;gap:8px;padding:8px;margin:0;border:0;text-align:left;border-radius:calc(20px * var(--ok-rk));corner-shape:var(--ok-corner);background:var(--ok-raised);color:var(--ok-text);box-shadow:inset 0 0 0 1px var(--ok-line);font:600 15px/1 var(--ok-font);cursor:pointer;transition:transform var(--ok-spring-bouncy-dur) var(--ok-spring-bouncy),box-shadow var(--ok-dur-2) var(--ok-ease-out)}.ok-option:after{content:"";position:absolute;inset:0;border-radius:inherit;corner-shape:inherit;pointer-events:none;box-shadow:0 0 0 4px var(--ok-well),0 0 0 5px var(--ok-line-2);opacity:0;transform:scale(.94);transition:opacity var(--ok-dur-2) var(--ok-ease-in),transform var(--ok-dur-2) var(--ok-ease-in)}@media (hover: hover){.ok-option:hover{box-shadow:inset 0 0 0 1px var(--ok-line-2)}}.ok-option:active{transform:scale(.97);transition-duration:var(--ok-dur-1),var(--ok-dur-2);transition-timing-function:var(--ok-ease-out)}.ok-option[aria-checked=true]{box-shadow:inset 0 0 0 1px var(--ok-line)}.ok-option[aria-checked=true]:after{opacity:1;transform:none;transition:opacity var(--ok-dur-2) var(--ok-ease-out),transform var(--ok-spring-bouncy-dur) var(--ok-spring-bouncy)}.ok-option__art{position:relative;display:block;height:68px;border-radius:calc(12px * var(--ok-rk));corner-shape:var(--ok-corner);overflow:hidden;background:var(--ok-well);box-shadow:inset 0 0 0 1px var(--ok-line)}.ok-option__art i{position:absolute;height:4px;border-radius:4px;background:var(--ok-line-2);transform-origin:0 50%;transition:transform var(--ok-spring-dur) var(--ok-spring)}.ok-option__art b{position:absolute;background:var(--ok-raised)}.ok-option:not([aria-checked=true]) .ok-option__art i{transform:scaleX(.72)}.ok-option__art i:nth-of-type(2){transition-delay:calc(30ms * var(--ok-ms))}.ok-option__art i:nth-of-type(3){transition-delay:calc(60ms * var(--ok-ms))}.ok-option__art i:nth-of-type(4){transition-delay:calc(90ms * var(--ok-ms))}.ok-option__art i:nth-of-type(5){transition-delay:calc(.12s * var(--ok-ms))}.ok-option__foot{display:flex;align-items:center;justify-content:space-between;height:24px;padding:0 4px 0 6px}.ok-option__check{display:grid;place-items:center;width:22px;height:22px;border-radius:calc(7px * var(--ok-rk));corner-shape:var(--ok-corner);background:var(--ok-accent);transform:scale(0) rotate(-30deg);transition:transform var(--ok-dur-2) var(--ok-ease-in)}.ok-option__check svg{width:16px;height:16px;fill:none;stroke:var(--ok-on-accent);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.ok-option__check path{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset var(--ok-dur-1)}.ok-option[aria-checked=true] .ok-option__check{transform:none;transition:transform var(--ok-spring-bouncy-dur) var(--ok-spring-bouncy)}.ok-option[aria-checked=true] .ok-option__check path{stroke-dashoffset:0;transition:stroke-dashoffset var(--ok-dur-3) var(--ok-ease-out) calc(.12s * var(--ok-ms))}.ok-options{min-width:0}.ok-option{min-width:0;align-content:start;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.ok-option__foot{gap:8px;min-width:0}.ok-option__title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ok-option__desc{padding:0 6px 4px;font:500 13px/1.4 var(--ok-font);color:var(--ok-text-2)}.ok-option:disabled{opacity:.42;cursor:not-allowed;transform:none}@media (hover: hover){.ok-option:disabled:hover{box-shadow:inset 0 0 0 1px var(--ok-line)}}.ok-option__art{height:var(--ok-option-art-h, 68px);min-width:0;isolation:isolate;border-radius:max(calc(4px * var(--ok-rk)),calc(20px * var(--ok-rk) - 8px * var(--ok-rk)))}.ok-option__art>:where(svg,img,video,canvas){display:block;width:100%;height:100%}.ok-option__art>:where(img,video){object-fit:cover}.ok-swatches{display:inline-flex;align-items:center;gap:10px}.ok-swatch{--c: var(--ok-accent);position:relative;display:grid;place-items:center;flex:none;width:30px;height:30px;padding:0;margin:0;border:0;border-radius:50%;corner-shape:round;background:var(--c);cursor:pointer;box-shadow:inset 0 0 0 1px var(--ok-line);transition:transform var(--ok-spring-bouncy-dur) var(--ok-spring-bouncy)}.ok-swatch:after{content:"";width:10px;height:10px;border-radius:50%;corner-shape:round;background:#fff;transform:scale(0);transition:transform var(--ok-dur-1) var(--ok-ease-in)}.ok-swatch:active{transform:scale(.88);transition-duration:var(--ok-dur-1);transition-timing-function:var(--ok-ease-out)}.ok-swatch[aria-checked=true]:after{transform:scale(1);transition:transform var(--ok-spring-bouncy-dur) var(--ok-spring-bouncy)}.ok-swatches--sm{gap:8px}.ok-swatches--sm .ok-swatch{width:22px;height:22px}.ok-swatches--sm .ok-swatch:after{width:8px;height:8px}.ok-swatches{flex-wrap:wrap}.ok-swatch{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.ok-swatch:disabled{opacity:.42;cursor:not-allowed;transform:none}.ok-swatches--lg .ok-swatch{width:38px;height:38px}.ok-swatches--lg .ok-swatch:after{width:12px;height:12px}.ok-swatch{--ok-swatch-hit: -7px}.ok-swatches--sm .ok-swatch{--ok-swatch-hit: -11px}.ok-swatches--lg .ok-swatch{--ok-swatch-hit: -3px}@media (pointer: coarse){.ok-swatch:before{content:"";position:absolute;inset:var(--ok-swatch-hit)}.ok-swatches{gap:14px}.ok-swatches--sm{gap:22px}}[data-touch] .ok-swatch:before{content:"";position:absolute;inset:var(--ok-swatch-hit)}[data-touch] .ok-swatches{gap:14px}[data-touch] .ok-swatches--sm{gap:22px}@media (hover: hover){.ok-swatch:hover{transform:scale(1.14)}}.ok-color-picker{--h: 0;--c: #ff6b8e;--_ring: #fff;--_ring-line: rgb(27 28 34 / .22);display:flex;flex-direction:column;gap:12px;width:240px;max-width:100%;min-width:0}.ok-color-picker__area{--s: 1;--v: 1;position:relative;flex:none;width:100%;aspect-ratio:3 / 2;border-radius:var(--ok-r-nested, var(--ok-r-2));corner-shape:var(--ok-corner);background:linear-gradient(to top,#000,#0000),linear-gradient(to right,#fff,hsl(var(--h) 100% 50%));box-shadow:inset 0 0 0 1px var(--ok-line);cursor:crosshair;touch-action:none;user-select:none;-webkit-user-select:none}.ok-color-picker__thumb{position:absolute;left:calc(var(--s) * 100%);top:calc((1 - var(--v)) * 100%);width:22px;height:22px;margin:-11px 0 0 -11px;border:3px solid var(--_ring);border-radius:50%;corner-shape:round;background:var(--c);box-shadow:0 0 0 1px var(--_ring-line),inset 0 0 0 1px var(--_ring-line);pointer-events:none;transition:transform var(--ok-spring-bouncy-dur) var(--ok-spring-bouncy)}.ok-color-picker__area[data-active] .ok-color-picker__thumb{transform:scale(1.18)}.ok-color-picker__hue{--tw: 22px;--tk: 12px;-webkit-appearance:none;appearance:none;display:block;flex:none;width:100%;height:var(--tw);margin:0;padding:0;border-radius:var(--ok-r-full);corner-shape:round;background:transparent;cursor:pointer}.ok-color-picker__hue::-webkit-slider-runnable-track{height:var(--tk);border-radius:var(--ok-r-full);corner-shape:round;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red) center / calc(100% - var(--tw)) 100% no-repeat,red;box-shadow:inset 0 0 0 1px var(--ok-line)}.ok-color-picker__hue::-moz-range-track{height:var(--tk);border-radius:var(--ok-r-full);background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red) center / calc(100% - var(--tw)) 100% no-repeat,red;box-shadow:inset 0 0 0 1px var(--ok-line)}.ok-color-picker__hue::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;box-sizing:border-box;width:var(--tw);height:var(--tw);margin-top:calc((var(--tk) - var(--tw)) / 2);border:3px solid var(--_ring);border-radius:50%;background:hsl(var(--h) 100% 50%);box-shadow:0 0 0 1px var(--_ring-line),inset 0 0 0 1px var(--_ring-line);transition:transform var(--ok-spring-bouncy-dur) var(--ok-spring-bouncy)}.ok-color-picker__hue::-moz-range-thumb{box-sizing:border-box;width:var(--tw);height:var(--tw);border:3px solid var(--_ring);border-radius:50%;background:hsl(var(--h) 100% 50%);box-shadow:0 0 0 1px var(--_ring-line),inset 0 0 0 1px var(--_ring-line);transition:transform var(--ok-spring-bouncy-dur) var(--ok-spring-bouncy)}.ok-color-picker__hue:active::-webkit-slider-thumb{transform:scale(1.18)}.ok-color-picker__hue:active::-moz-range-thumb{transform:scale(1.18)}@media (pointer: coarse){.ok-color-picker__hue{height:44px;margin-block:-11px}}[data-touch] .ok-color-picker__hue{height:44px;margin-block:-11px}.ok-color-picker__row{display:flex;align-items:center;gap:8px;min-width:0}.ok-color-picker__hex{flex:1 1 auto}.ok-color-picker__hex input{font-family:var(--ok-font-mono);font-variant-numeric:tabular-nums}.ok-color-picker__chip{display:block;flex:none;width:16px;height:16px;margin-left:calc((var(--_ih) - 16px) / 2 - var(--_ipx));border-radius:50%;corner-shape:round;background:var(--c);box-shadow:inset 0 0 0 1px var(--ok-line-2)}.ok-color-picker[data-disabled]{opacity:.5}.ok-color-picker[data-disabled] :is(.ok-input,.ok-swatch,.ok-btn){opacity:1}.ok-color-picker[data-disabled] .ok-color-picker__area,.ok-color-picker__hue:disabled{cursor:not-allowed}@media (hover: hover){.ok-color-picker__area:not([data-active]):not([aria-disabled=true]):hover .ok-color-picker__thumb{transform:scale(1.05)}.ok-color-picker__hue:not(:disabled):not(:active):hover::-webkit-slider-thumb{transform:scale(1.05)}.ok-color-picker__hue:not(:disabled):not(:active):hover::-moz-range-thumb{transform:scale(1.05)}}.ok-kbd{display:inline-grid;place-items:center;min-width:24px;height:24px;padding:0 7px;border-radius:calc(7px * var(--ok-rk));corner-shape:var(--ok-corner);background:var(--ok-well);color:var(--ok-text);box-shadow:inset 0 0 0 1px var(--ok-line),inset 0 -1.5px 0 var(--ok-line-2);font:600 13px/1 var(--ok-font)}.ok-kbd--sm{min-width:20px;height:20px;padding:0 5px;font-size:11px}.ok-kbd--lg{min-width:28px;height:28px;padding:0 9px;font-size:14px}.ok-hotkey{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:180px;height:var(--ok-h-md);padding:0 14px;border-radius:calc(12px * var(--ok-rk));corner-shape:var(--ok-corner);background:var(--ok-raised);color:var(--ok-text);box-shadow:inset 0 0 0 1px var(--ok-line);font:600 14px/1 var(--ok-font);cursor:pointer;user-select:none;transition:box-shadow var(--ok-dur-3) var(--ok-ease-out),transform var(--ok-spring-bouncy-dur) var(--ok-spring-bouncy)}.ok-hotkey:active{transform:scale(.97);transition-duration:var(--ok-dur-3),var(--ok-dur-1)}.ok-hotkey__hint{color:var(--ok-text-3);font-weight:500}.ok-hotkey.is-recording{box-shadow:inset 0 0 0 1.5px var(--ok-accent),0 0 0 4px var(--ok-accent-soft);animation:ok-breathe 1.6s var(--ok-ease-in-out) infinite}.ok-hotkey.is-recording,.ok-hotkey.is-pointer{outline-color:transparent}.ok-hotkey.is-recording .ok-hotkey__hint{color:var(--ok-accent-text)}.ok-hotkey{max-width:100%}.ok-hotkey[data-recording]{box-shadow:inset 0 0 0 1.5px var(--ok-accent),0 0 0 4px var(--ok-accent-soft);animation:ok-breathe 1.6s var(--ok-ease-in-out) infinite}.ok-hotkey[data-recording],.ok-hotkey[data-pointer]{outline-color:transparent}@media (prefers-reduced-motion: reduce){:root:not([data-motion=full]) :is(.ok-hotkey.is-recording,.ok-hotkey[data-recording]){animation:none}}:root[data-motion=reduced] :is(.ok-hotkey.is-recording,.ok-hotkey[data-recording]){animation:none}.ok-hotkey[data-recording] .ok-hotkey__hint{color:var(--ok-accent-text)}.ok-hotkey[aria-disabled=true]{opacity:.5;cursor:not-allowed;transform:none}.ok-hotkey--sm{height:var(--ok-h-sm);min-width:140px;font-size:13px}.ok-hotkey--lg{height:var(--ok-h-lg)}.ok-rating{display:inline-flex;align-items:center;gap:2px}.ok-rating{flex-wrap:wrap;max-width:100%}.ok-rating__star{display:grid;place-items:center;width:32px;height:32px;padding:0;margin:0;border:0;border-radius:50%;corner-shape:round;background:none;color:var(--ok-well-2);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:color var(--ok-dur-2) var(--ok-ease-out),transform var(--ok-spring-bouncy-dur) var(--ok-spring-bouncy)}.ok-rating__star svg{width:24px;height:24px;fill:currentColor;stroke:none}.ok-rating__star[data-on]{color:var(--ok-accent)}.ok-rating__star:active{transform:scale(.84);transition-duration:var(--ok-dur-2),var(--ok-dur-1);transition-timing-function:var(--ok-ease-out)}.ok-rating--sm .ok-rating__star{width:24px;height:24px}.ok-rating--sm .ok-rating__star svg{width:18px;height:18px}.ok-rating--lg .ok-rating__star{width:40px;height:40px}.ok-rating--lg .ok-rating__star svg{width:30px;height:30px}.ok-rating[aria-disabled=true]{opacity:.5}.ok-rating[aria-disabled=true] .ok-rating__star{cursor:not-allowed;transform:none}.ok-rating[data-readonly] .ok-rating__star{cursor:default;transform:none}.ok-rating__star{position:relative}.ok-rating__star svg{grid-area:1 / 1}.ok-rating__star svg.ok-rating__fill{color:var(--ok-accent);clip-path:inset(0 var(--ok-rating-cut, 100%) 0 0)}@media (pointer: coarse){.ok-rating:not([data-readonly]) .ok-rating__star{width:44px;height:44px}.ok-rating--sm:not([data-readonly]) .ok-rating__star{width:36px;height:36px}.ok-rating--sm:not([data-readonly]) .ok-rating__star:before{content:"";position:absolute;inset:-4px 0}}[data-touch] .ok-rating:not([data-readonly]) .ok-rating__star{width:44px;height:44px}[data-touch] .ok-rating--sm:not([data-readonly]) .ok-rating__star{width:36px;height:36px}[data-touch] .ok-rating--sm:not([data-readonly]) .ok-rating__star:before{content:"";position:absolute;inset:-4px 0}@media (hover: hover){.ok-rating:not([aria-disabled=true]):not([data-readonly]) .ok-rating__star:hover{transform:scale(1.14)}}.ok-filedrop{position:relative;display:block;min-width:0;cursor:pointer;-webkit-tap-highlight-color:transparent}.ok-filedrop__input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.ok-filedrop__input::file-selector-button{cursor:pointer}.ok-filedrop__body{display:grid;justify-items:center;gap:6px;padding:var(--ok-s-6);text-align:center;border-radius:var(--ok-r-4);corner-shape:var(--ok-corner);background:var(--ok-well);color:var(--ok-text-2);box-shadow:inset 0 0 0 1.5px transparent;outline:2px solid transparent;outline-offset:5px;font:500 13px/1.4 var(--ok-font);transition:background-color var(--ok-dur-2) var(--ok-ease-out),box-shadow var(--ok-dur-3) var(--ok-ease-out),transform var(--ok-spring-bouncy-dur) var(--ok-spring-bouncy),outline-offset var(--ok-dur-3) var(--ok-ease-out)}.ok-filedrop__icon{width:28px;height:28px;color:var(--ok-text-3);transition:transform var(--ok-spring-bouncy-dur) var(--ok-spring-bouncy),color var(--ok-dur-2)}.ok-filedrop__title{font:600 15px/1.3 var(--ok-font);color:var(--ok-text)}.ok-filedrop__hint{color:var(--ok-text-2)}.ok-filedrop__status{color:var(--ok-text);font-weight:600;overflow-wrap:anywhere}.ok-filedrop__status:empty{display:none}@media (hover: hover){.ok-filedrop:hover .ok-filedrop__body{background:color-mix(in srgb,var(--ok-well) 70%,var(--ok-well-2))}}.ok-filedrop__input:focus-visible+.ok-filedrop__body{outline-color:var(--ok-accent);outline-offset:2px}.ok-filedrop[data-dragging] .ok-filedrop__body{background:var(--ok-raised);box-shadow:inset 0 0 0 1.5px var(--ok-accent);transform:scale(1.01)}.ok-filedrop[data-dragging] .ok-filedrop__icon{color:var(--ok-accent-text);transform:translateY(-3px) scale(1.1)}.ok-filedrop[data-invalid] .ok-filedrop__body{box-shadow:inset 0 0 0 1.5px var(--ok-danger)}.ok-filedrop[data-disabled],.ok-filedrop[data-disabled] .ok-filedrop__input{cursor:not-allowed}.ok-filedrop[data-disabled] .ok-filedrop__body{opacity:.5;background:var(--ok-well)}.ok-float{--_gap: var(--ok-float-gap, 12px);position:fixed;inset:0;z-index:80;display:grid;padding:max(var(--_gap),env(safe-area-inset-top,0px)) max(var(--_gap),env(safe-area-inset-right,0px)) max(var(--_gap),env(safe-area-inset-bottom,0px)) max(var(--_gap),env(safe-area-inset-left,0px));pointer-events:none;overflow:hidden}.ok-float--contained{position:absolute;z-index:5}@media (max-width: 519px){.ok-float{--_gap: var(--ok-float-gap, 8px)}}.ok-float__scrim{position:absolute;inset:0;pointer-events:auto;background:transparent;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);transition:background-color var(--ok-float-out-dur) var(--ok-float-out-ease),opacity var(--ok-float-out-dur) var(--ok-float-out-ease),backdrop-filter var(--ok-float-out-dur) var(--ok-float-out-ease),-webkit-backdrop-filter var(--ok-float-out-dur) var(--ok-float-out-ease)}.ok-float[data-state=open]>.ok-float__scrim{background:var(--ok-scrim);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background-color var(--ok-float-out-dur) var(--ok-ease-out),opacity var(--ok-float-out-dur) var(--ok-ease-out),backdrop-filter var(--ok-float-out-dur) var(--ok-ease-out),-webkit-backdrop-filter var(--ok-float-out-dur) var(--ok-ease-out)}.ok-float__card{position:relative;pointer-events:auto;display:flex;flex-direction:column;min-width:0;min-height:0;max-width:100%;max-height:100%;overflow:auto;overscroll-behavior:contain;border-radius:var(--_fr);corner-shape:var(--ok-corner);background:var(--ok-surface);color:var(--ok-text);box-shadow:inset 0 0 0 1px var(--ok-line-2),inset 0 1.5px 0 var(--ok-hi);outline:none;opacity:0;transform:var(--_from);transition:opacity var(--ok-float-out-dur) var(--ok-float-out-ease),transform var(--ok-float-out-dur) var(--ok-float-out-ease)}.ok-float[data-state=open]>.ok-float__card{opacity:1;transform:none;transition:opacity var(--ok-float-fade-dur) var(--ok-ease-out),transform var(--ok-float-in-dur) var(--ok-float-in-ease)}.ok-float[data-placement=center]{place-items:center}.ok-float[data-placement=center]>.ok-float__card{--_from: scale(.92);width:min(var(--ok-float-size, 400px),100%)}.ok-float[data-placement=left]{justify-items:start}.ok-float[data-placement=right]{justify-items:end}.ok-float:is([data-placement=left],[data-placement=right])>.ok-float__card{width:min(var(--ok-float-size, 360px),100%)}.ok-float:is([data-placement=left],[data-placement=right]):not([data-stretch]){align-items:center}.ok-float:is([data-placement=left],[data-placement=right]):not([data-stretch])[data-align=start]{align-items:start}.ok-float:is([data-placement=left],[data-placement=right]):not([data-stretch])[data-align=end]{align-items:end}.ok-float[data-placement=left]>.ok-float__card{--_from: translateX(calc(-100% - var(--_gap)))}.ok-float[data-placement=right]>.ok-float__card{--_from: translateX(calc(100% + var(--_gap)))}.ok-float[data-placement=top]{align-items:start}.ok-float[data-placement=bottom]{align-items:end}.ok-float:is([data-placement=top],[data-placement=bottom])>.ok-float__card{height:var(--ok-float-size, auto);width:100%}.ok-float:is([data-placement=top],[data-placement=bottom]):not([data-stretch]){justify-items:center}.ok-float:is([data-placement=top],[data-placement=bottom]):not([data-stretch])>.ok-float__card{width:min(560px,100%)}.ok-float:is([data-placement=top],[data-placement=bottom]):not([data-stretch])[data-align=start]{justify-items:start}.ok-float:is([data-placement=top],[data-placement=bottom]):not([data-stretch])[data-align=end]{justify-items:end}.ok-float[data-size=auto]:is([data-placement=center],[data-placement=left],[data-placement=right])>.ok-float__card{width:auto}.ok-float[data-size=auto]:is([data-placement=top],[data-placement=bottom])>.ok-float__card{height:auto}.ok-float[data-placement=top]>.ok-float__card{--_from: translateY(calc(-100% - var(--_gap)))}.ok-float[data-placement=bottom]>.ok-float__card{--_from: translateY(calc(100% + var(--_gap)))}.ok-float[data-zoom]>.ok-float__card{--_from: scale(.6);transform-origin:var(--_ox, 50%) var(--_oy, 50%)}@media (max-width: 519.98px){.ok-float[data-placement],.ok-float[data-placement]:not([data-stretch])[data-align]{justify-items:center}.ok-float[data-placement]>.ok-float__card,.ok-float[data-placement]:not([data-stretch])>.ok-float__card,.ok-float[data-placement][data-size=auto]>.ok-float__card{width:100%}.ok-float[data-placement=left]:not([data-zoom])>.ok-float__card{--_from: translateX(-32%)}.ok-float[data-placement=right]:not([data-zoom])>.ok-float__card{--_from: translateX(32%)}.ok-float[data-placement=top]:not([data-zoom])>.ok-float__card{--_from: translateY(-32%)}.ok-float[data-placement=bottom]:not([data-zoom])>.ok-float__card{--_from: translateY(32%)}}.ok-float__card[data-draggable] [data-ok-drag-handle]{touch-action:none;-webkit-user-select:none;user-select:none}.ok-float__card[data-dragging]{-webkit-user-select:none;user-select:none}.ok-float__grip{flex:none;display:grid;place-items:center;height:24px;padding-top:3px}.ok-float__grip>span{width:36px;height:5px;border-radius:var(--ok-r-full);corner-shape:round;background:var(--ok-line-2);transition:background-color var(--ok-dur-2) var(--ok-ease-out),width var(--ok-spring-dur) var(--ok-spring)}.ok-float__card[data-draggable] .ok-float__grip{cursor:grab}.ok-float__card[data-dragging] .ok-float__grip{cursor:grabbing}.ok-float__card[data-dragging] .ok-float__grip>span{width:44px;background:var(--ok-text-3)}@media (hover: hover){.ok-float__card[data-draggable] .ok-float__grip:hover>span{background:var(--ok-text-3)}}.ok-float__card{--_pad: var(--ok-float-pad, var(--ok-s-6))}.ok-float__card{--_fr: var(--ok-r-5);--ok-r-nested: max(calc(4px * var(--ok-rk)), calc(var(--_fr) - var(--_pad) * var(--ok-rk)))}.ok-float__header{flex:none;display:flex;align-items:flex-start;gap:var(--ok-s-3);min-width:0;padding:var(--_pad) var(--_pad) 0}.ok-float__header:last-child{padding-bottom:var(--_pad)}.ok-float__heading{flex:1;display:grid;gap:var(--ok-s-1);min-width:0;align-self:center}.ok-float__title{margin:0;font:700 var(--ok-fs-h3)/1.3 var(--ok-font-display);letter-spacing:-.01em;overflow-wrap:anywhere}.ok-float__desc{margin:0;font:450 14px/1.5 var(--ok-font);color:var(--ok-text-2);overflow-wrap:anywhere}.ok-float__icon{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:calc(12px * var(--ok-rk));corner-shape:var(--ok-corner);background:var(--ok-accent-soft);color:var(--ok-accent-text)}.ok-float__close{flex:none;margin:-3px -6px -3px 0;color:var(--ok-text-2)}.ok-float__card:has(>.ok-float__body){overflow:hidden}.ok-float__body{flex:1 1 auto;min-width:0;min-height:0;padding:var(--ok-s-3) var(--_pad);overflow:auto;overscroll-behavior:contain}.ok-float__body:first-child{padding-top:var(--_pad)}.ok-float__body:last-child{padding-bottom:var(--_pad)}.ok-float__body--flush,.ok-float__body--flush:first-child,.ok-float__body--flush:last-child{padding:0}.ok-float__header+.ok-float__body--flush{margin-top:var(--ok-s-3)}.ok-float__footer{flex:none;margin-top:auto;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;min-width:0;padding:var(--ok-s-3) var(--_pad) var(--_pad)}.ok-float__footer:first-child{padding-top:var(--_pad)}.ok-float__footer[data-align=start]{justify-content:flex-start}.ok-float__footer[data-align=between]{justify-content:space-between}.ok-float__footer[data-align=stretch]>*{flex:1}.ok-float__grip+.ok-float__header,.ok-float__grip+.ok-float__body,.ok-float__grip+.ok-float__footer{padding-top:var(--ok-s-2)}.ok-panel-float .ok-float__title{font:600 17px/1.35 var(--ok-font)}.ok-float__card[data-swipe]{touch-action:pan-y}.ok-float__close--auto{position:absolute;z-index:2;top:var(--ok-s-3);right:var(--ok-s-3);margin:0}.ok-float__card.ok-dialog__panel{display:flex;flex-direction:column;gap:var(--ok-s-3);padding:var(--ok-s-6)}.ok-float__card.ok-dialog__panel>*,.ok-dialog__form>*{flex:none}.ok-float__card.ok-dialog__panel:has(.ok-dialog__body){overflow:hidden}.ok-dialog__form{display:contents}.ok-dialog__head{display:flex;align-items:center;gap:12px;min-width:0}.ok-dialog__panel--center{text-align:center}.ok-dialog__panel--center .ok-dialog__head{justify-content:center}.ok-dialog__icon{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:calc(12px * var(--ok-rk));corner-shape:var(--ok-corner);background:var(--ok-accent-soft);color:var(--ok-accent-text)}.ok-dialog__icon--neutral{background:var(--ok-fill);color:var(--ok-text)}.ok-dialog__icon--success{background:var(--ok-success-soft);color:var(--ok-success-text)}.ok-dialog__icon--warning{background:var(--ok-warning-soft);color:var(--ok-warning-text)}.ok-dialog__icon--danger{background:var(--ok-danger-soft);color:var(--ok-danger-text)}.ok-dialog__icon--info{background:var(--ok-info-soft);color:var(--ok-info-text)}.ok-dialog__title{flex:1;min-width:0;margin:0;font:700 var(--ok-fs-h3)/1.3 var(--ok-font-display);letter-spacing:-.01em;overflow-wrap:anywhere}.ok-dialog__panel--center .ok-dialog__title{flex:0 1 auto}.ok-dialog__close{flex:none;align-self:flex-start;margin:-3px -6px -3px 0;color:var(--ok-text-2)}.ok-dialog__desc{margin:0;font:450 15px/1.6 var(--ok-font);color:var(--ok-text-2);overflow-wrap:anywhere}.ok-float__card.ok-dialog__panel .ok-dialog__body{flex:1 1 auto;min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain;margin:-4px calc(var(--ok-s-6) * -1);padding:4px var(--ok-s-6)}.ok-dialog__actions{display:flex;gap:10px;margin-top:var(--ok-s-3);min-width:0}.ok-dialog__actions>*{flex:1;min-width:0}.ok-float__card.ok-dialog__panel:focus-visible{outline:none}.ok-toasts{--_off: var(--ok-toast-offset, 20px);position:fixed;z-index:500;display:flex;flex-direction:column;gap:10px;pointer-events:none;top:max(var(--ok-toast-top, var(--_off)),env(safe-area-inset-top,0px));right:max(var(--_off),env(safe-area-inset-right,0px));align-items:flex-end}.ok-toasts:empty{display:none}.ok-toasts[data-position$=left]{right:auto;left:max(var(--_off),env(safe-area-inset-left,0px));align-items:flex-start}.ok-toasts[data-position$=center]{right:0;left:0;align-items:center}.ok-toasts[data-position^=bottom]{top:auto;bottom:max(var(--ok-toast-bottom, var(--_off)),env(safe-area-inset-bottom,0px));flex-direction:column-reverse}@media (max-width: 519.98px){.ok-toasts,.ok-toasts[data-position]{--_off: var(--ok-toast-offset, 12px);left:max(var(--_off),env(safe-area-inset-left,0px));right:max(var(--_off),env(safe-area-inset-right,0px));align-items:stretch}.ok-toasts:not([data-position^=bottom]){top:max(var(--ok-toast-top, var(--_off)),calc(env(safe-area-inset-top,0px) + 8px))}.ok-toasts[data-position^=bottom]{bottom:max(var(--ok-toast-bottom, var(--_off)),calc(env(safe-area-inset-bottom,0px) + 8px))}.ok-toasts .ok-toast{width:auto}}.ok-toast{position:relative;overflow:hidden;pointer-events:auto;display:flex;align-items:center;gap:12px;width:min(360px,calc(100vw - 32px));padding:var(--ok-s-4);border-radius:calc(20px * var(--ok-rk));corner-shape:var(--ok-corner);background:var(--ok-pop);color:var(--ok-text);box-shadow:inset 0 0 0 1px var(--ok-line-2),inset 0 1.5px 0 var(--ok-hi);cursor:pointer;touch-action:manipulation}.ok-toast[data-leaving]{pointer-events:none}.ok-toast__icon{--_c: var(--ok-accent-text);--_s: var(--ok-accent-soft);display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:50%;corner-shape:round;background:var(--_s);color:var(--_c);animation:ok-pop var(--ok-spring-bouncy-dur) var(--ok-spring-bouncy) calc(.12s * var(--ok-ms)) both}.ok-toast__icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.ok-toast__glyph path{stroke-dasharray:1;stroke-dashoffset:1;animation:ok-draw var(--ok-dur-4) var(--ok-ease-out) calc(.26s * var(--ok-ms)) forwards}.ok-toast__glyph path+path{animation-delay:calc(.36s * var(--ok-ms))}.ok-toast--success .ok-toast__icon{--_c: var(--ok-success-text);--_s: var(--ok-success-soft)}.ok-toast--warning .ok-toast__icon{--_c: var(--ok-warning-text);--_s: var(--ok-warning-soft)}.ok-toast--danger .ok-toast__icon{--_c: var(--ok-danger-text);--_s: var(--ok-danger-soft)}.ok-toast--info .ok-toast__icon{--_c: var(--ok-info-text);--_s: var(--ok-info-soft)}.ok-toast__body{flex:1;display:grid;gap:2px;min-width:0}.ok-toast__title{font:600 14px/1.45 var(--ok-font);overflow-wrap:anywhere}.ok-toast__desc{font:450 13px/1.5 var(--ok-font);color:var(--ok-text-2);overflow-wrap:anywhere}.ok-toast__desc:empty{display:none}.ok-toast__action{flex:none}.ok-toast__close{flex:none;margin-right:-4px;color:var(--ok-text-2)}.ok-toast__action+.ok-toast__close{margin-left:-6px}@media (pointer: coarse){.ok-toast .ok-toast__action,.ok-toast .ok-toast__close{--_h: var(--ok-h-item)}}@media (max-width: 519.98px){.ok-toast .ok-toast__action,.ok-toast .ok-toast__close{--_h: var(--ok-h-item)}}[data-touch] .ok-toast .ok-toast__action,[data-touch] .ok-toast .ok-toast__close{--_h: var(--ok-h-item)}.ok-float[data-placement=top]:not([data-stretch])>.ok-float__card.ok-cmdk{--_drop: clamp(0px, 10vh, 96px);width:min(var(--ok-cmdk-width, 560px),100%);margin-top:var(--_drop);max-height:min(calc(100% - var(--_drop)),520px);overflow:hidden;--_fr: var(--ok-r-4);border-radius:var(--_fr);--_pad: var(--ok-s-3)}@media (max-width: 519px){.ok-float[data-placement=top]:not([data-stretch])>.ok-float__card.ok-cmdk{--_drop: 0px}}.ok-cmdk__search{flex:none;display:flex;align-items:center;gap:12px;height:56px;padding:0 var(--ok-s-5);box-shadow:inset 0 -1px 0 var(--ok-line)}.ok-cmdk__search-icon{color:var(--ok-text-3);transition:color var(--ok-dur-2) var(--ok-ease-out)}.ok-cmdk__search:focus-within .ok-cmdk__search-icon{color:var(--ok-accent-text)}.ok-cmdk__input{flex:1;min-width:0;height:100%;padding:0;border:0;outline:none;background:none;color:var(--ok-text);font:500 16px/1.4 var(--ok-font);caret-color:var(--ok-accent)}.ok-cmdk__input::placeholder{color:var(--ok-text-3)}.ok-cmdk__esc{flex:none;color:var(--ok-text-2)}@media (pointer: coarse){.ok-cmdk__esc{display:none}}.ok-cmdk__list{position:relative;flex:1 1 auto;min-height:0;padding:var(--_pad);overscroll-behavior:contain;scroll-padding:var(--_pad)}.ok-cmdk__list[hidden]{display:none}.ok-cmdk__hl{position:absolute;left:var(--_pad);right:var(--_pad);top:0;height:max(var(--ok-h-md),var(--ok-h-item));border-radius:calc(12px * var(--ok-rk));corner-shape:var(--ok-corner);background:var(--ok-hover);opacity:0;pointer-events:none;transform:translateY(var(--y, 0));transition:transform var(--ok-dur-1) var(--ok-ease-out),opacity var(--ok-dur-1) var(--ok-ease-out),height var(--ok-dur-1) var(--ok-ease-out)}.ok-cmdk__list[data-hl]>.ok-cmdk__hl{opacity:1}.ok-cmdk__group+.ok-cmdk__group{margin-top:var(--ok-s-2)}.ok-cmdk__group-label{padding:8px 10px 6px;font:600 12px/1.3 var(--ok-font);color:var(--ok-text-3)}.ok-cmdk__item{position:relative;display:flex;align-items:center;gap:10px;min-width:0;min-height:max(var(--ok-h-md),var(--ok-h-item));padding:6px 10px;border-radius:calc(12px * var(--ok-rk));corner-shape:var(--ok-corner);font:500 14px/1.3 var(--ok-font);color:var(--ok-text);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.ok-cmdk__item[aria-disabled=true]{color:var(--ok-text-3);cursor:not-allowed}.ok-cmdk__item-icon{display:grid;place-items:center;flex:none;width:20px;height:20px;color:var(--ok-text-2)}.ok-cmdk__item-icon .ok-icon{width:18px;height:18px}.ok-cmdk__item[aria-disabled=true] .ok-cmdk__item-icon{color:inherit}.ok-cmdk__item-text{flex:1;display:flex;align-items:baseline;gap:10px;min-width:0}.ok-cmdk__item-label{flex:none;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ok-cmdk__item-desc{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:var(--ok-text-2)}.ok-cmdk__item-keys{flex:none;display:inline-flex;gap:4px;margin-left:auto}.ok-cmdk__empty:not([data-empty]){display:contents}.ok-cmdk__empty[data-empty]{padding:var(--ok-s-8) var(--ok-s-5);text-align:center;font:450 14px/1.5 var(--ok-font);color:var(--ok-text-2)}.ok-cmdk__footer{flex:none;display:flex;align-items:center;gap:var(--ok-s-4);min-width:0;padding:var(--ok-s-3) var(--ok-s-5);box-shadow:inset 0 1px 0 var(--ok-line);font:500 12px/1.3 var(--ok-font);color:var(--ok-text-2)}.ok-popup{position:fixed;z-index:90;left:0;top:0;box-sizing:border-box;max-width:var(--ok-popup-avail-w, calc(100vw - 16px) );max-height:min(var(--ok-popup-cap-h, 100vh),var(--ok-popup-avail-h, 100vh));opacity:0;transform:translateY(-6px);pointer-events:none;transition:opacity var(--ok-dur-1) var(--ok-ease-in),transform var(--ok-dur-1) var(--ok-ease-in)}.ok-popup[data-side=top]{transform:translateY(6px)}.ok-popup[data-state=open]{opacity:1;transform:none;pointer-events:auto;transition:opacity var(--ok-dur-2) var(--ok-ease-out),transform var(--ok-dur-2) var(--ok-ease-out)}.ok-popup:focus{outline:none}.ok-popup--surface{display:flex;flex-direction:column;overflow:hidden;border-radius:calc(18px * var(--ok-rk));corner-shape:var(--ok-corner);background:var(--ok-pop);color:var(--ok-text);font:500 14px/1.5 var(--ok-font)}.ok-popup--surface:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;border-radius:inherit;corner-shape:var(--ok-corner);box-shadow:inset 0 0 0 1px var(--ok-line-2),inset 0 1.5px 0 var(--ok-hi)}.ok-popover{min-width:0;width:max-content}.ok-popover__body{--_bp: 12px;flex:1 1 auto;min-height:0;padding:var(--_bp);overflow:auto}.ok-popover--calendar .ok-popover__body{--_bp: 8px}.ok-popover__body{--ok-r-nested: max(calc(4px * var(--ok-rk)), calc(18px * var(--ok-rk) - var(--_bp) * var(--ok-rk)))}.ok-tip{position:fixed;z-index:400;left:0;top:0;display:flex;align-items:center;gap:8px;max-width:var(--ok-popup-avail-w, calc(100vw - 16px) );padding:7px 10px;border-radius:calc(10px * var(--ok-rk));corner-shape:var(--ok-corner);background:var(--ok-inverse);color:var(--ok-on-inverse);font:500 12.5px/1.2 var(--ok-font);white-space:nowrap;pointer-events:none;user-select:text;-webkit-user-select:text;opacity:0;translate:0 6px;scale:.86;transform-origin:50% 100%;transition:opacity var(--ok-dur-2) var(--ok-ease-in),translate var(--ok-dur-2) var(--ok-ease-in),scale var(--ok-dur-2) var(--ok-ease-in)}@media (max-width: 519.98px){.ok-tip{white-space:normal}}.ok-tip:before{content:"";position:absolute;top:100%;left:calc(var(--bl, 0px) * -1);right:calc(var(--br, 0px) * -1);height:8px}.ok-tip[data-side=bottom]{translate:0 -6px;transform-origin:50% 0}.ok-tip[data-side=bottom]:before{top:auto;bottom:100%}.ok-tip[data-side=left]{translate:6px 0;transform-origin:100% 50%}.ok-tip[data-side=right]{translate:-6px 0;transform-origin:0 50%}.ok-tip[data-side=left]:before,.ok-tip[data-side=right]:before{height:auto;inset:0 auto;width:8px}.ok-tip[data-side=left]:before{left:100%}.ok-tip[data-side=right]:before{right:100%}.ok-tip[data-state=open]{pointer-events:auto;opacity:1;translate:0 0;scale:1;transition:opacity var(--ok-dur-2) var(--ok-ease-out),translate var(--ok-spring-dur) var(--ok-spring),scale var(--ok-spring-dur) var(--ok-spring)}.ok-tip[data-warm]{opacity:1;translate:0 0;scale:1;transition:none;pointer-events:auto}.ok-tip[data-instant]{transition:none}.ok-tip kbd{font:600 11px/1 var(--ok-font);color:color-mix(in srgb,var(--ok-on-inverse) 60%,var(--ok-inverse))}.ok-popup--menu{--ok-popup-cap-h: 560px;width:max-content}.ok-menu{position:relative;flex:1 1 auto;min-width:0;min-height:0;padding:6px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;outline:none}.ok-menu[hidden]{display:none}.ok-menu--static{width:max-content;max-width:100%;border-radius:calc(18px * var(--ok-rk));corner-shape:var(--ok-corner);background:var(--ok-pop);box-shadow:inset 0 0 0 1px var(--ok-line-2),inset 0 1.5px 0 var(--ok-hi)}.ok-menu__hl{position:absolute;left:6px;right:6px;top:0;height:var(--ok-h-item);border-radius:calc(12px * var(--ok-rk));corner-shape:var(--ok-corner);background:var(--ok-hover);opacity:0;pointer-events:none;transform:translateY(var(--y, 0));transition:transform var(--ok-dur-1) var(--ok-ease-out),opacity var(--ok-dur-1) var(--ok-ease-out),height var(--ok-dur-1) var(--ok-ease-out),background-color var(--ok-dur-1) var(--ok-ease-out)}.ok-menu[data-hl]>.ok-menu__hl{opacity:1}.ok-menu__hl[data-tone=success]{background:var(--ok-success-soft)}.ok-menu__hl[data-tone=warning]{background:var(--ok-warning-soft)}.ok-menu__hl[data-tone=danger]{background:var(--ok-danger-soft)}.ok-menu__hl[data-tone=info]{background:var(--ok-info-soft)}.ok-menu__item{position:relative;display:flex;align-items:center;gap:10px;width:100%;min-height:var(--ok-h-item);padding:0 10px;margin:0;border:0;border-radius:calc(12px * var(--ok-rk));corner-shape:var(--ok-corner);background:none;font:500 14px/1 var(--ok-font);color:var(--ok-text);text-align:left;white-space:nowrap;cursor:pointer;outline:2px solid transparent;outline-offset:-2px;-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:none;-webkit-user-select:none}.ok-menu__item:focus-visible{outline-color:var(--ok-accent)}.ok-menu__item[aria-disabled=true]{color:var(--ok-text-3);cursor:not-allowed}.ok-menu__item[aria-disabled=true] .ok-icon{color:var(--ok-text-3)}.ok-menu__label{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.ok-menu__item[aria-selected=true],.ok-menu[data-measuring] .ok-menu__item{font-weight:600}.ok-menu__item .ok-icon{width:17px;height:17px;color:var(--ok-text-2)}.ok-menu__item--success,.ok-menu__item--success .ok-icon{color:var(--ok-success-text)}.ok-menu__item--warning,.ok-menu__item--warning .ok-icon{color:var(--ok-warning-text)}.ok-menu__item--danger,.ok-menu__item--danger .ok-icon{color:var(--ok-danger-text)}.ok-menu__item--info,.ok-menu__item--info .ok-icon{color:var(--ok-info-text)}.ok-menu__meta{margin-left:auto;padding-left:20px;font:500 12px/1 var(--ok-font);color:var(--ok-text-3)}.ok-menu__check{flex:none;width:16px;height:16px;margin-left:auto;fill:none;stroke:var(--ok-text);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.ok-menu__meta+.ok-menu__check{margin-left:10px}.ok-menu__check path{stroke-dasharray:1;stroke-dashoffset:1}.ok-menu__item[aria-selected=true] .ok-menu__check path,.ok-menu__item[aria-checked=true] .ok-menu__check path{stroke-dashoffset:0;transition:stroke-dashoffset var(--ok-dur-3) var(--ok-ease-out)}.ok-menu[data-check=instant] .ok-menu__item .ok-menu__check path{transition:none}.ok-menu__item .ok-menu__chevron{width:14px;height:14px;margin-left:auto;color:var(--ok-text-3)}.ok-menu__meta+.ok-menu__chevron{margin-left:10px}.ok-menu__sep{height:1px;margin:6px 10px;background:var(--ok-line)}.ok-menu__heading{padding:8px 10px 4px;font:600 12px/1.3 var(--ok-font);color:var(--ok-text-3);white-space:nowrap}.ok-menu__empty{padding:14px 16px;font:500 13px/1.4 var(--ok-font);color:var(--ok-text-2);text-align:center}.ok-menu__empty+.ok-menu:not([hidden]){padding-top:0}.ok-context-area{-webkit-touch-callout:none}.ok-menu:has(.ok-menu__item[data-icon]) .ok-menu__item:not([data-icon]){padding-left:37px}.ok-select{--ok-select-min: 168px;position:relative;display:inline-flex;flex-direction:column;min-width:0;max-width:100%}.ok-select:after{content:"";flex:none;width:var(--ok-select-min);max-width:100%;height:0}.ok-select--block{display:flex;width:100%}.ok-select__trigger{display:flex;align-items:center;justify-content:space-between;gap:10px;flex:none;min-width:0;max-width:100%;height:var(--ok-h-md);padding:0 12px 0 16px;margin:0;border:0;border-radius:var(--ok-r-full);corner-shape:round;background:var(--ok-fill);color:var(--ok-text);font:600 14px/1 var(--ok-font);cursor:pointer;transition:background-color var(--ok-dur-2),transform var(--ok-spring-bouncy-dur) var(--ok-spring-bouncy)}@media (hover: hover){.ok-select__trigger:hover:not(:disabled){background:var(--ok-fill-hover)}}.ok-select__trigger:active:not(:disabled){transform:scale(.97);transition-duration:var(--ok-dur-2),var(--ok-dur-1)}.ok-select__trigger>.ok-icon{flex:none;width:16px;height:16px;color:var(--ok-text-3)}.ok-select__trigger:disabled{color:var(--ok-text-3);cursor:not-allowed}.ok-select__trigger[aria-invalid=true]{box-shadow:inset 0 0 0 1.5px var(--ok-danger)}.ok-select__value{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.4}.ok-select__value[data-placeholder]{color:var(--ok-text-3);font-weight:500}.ok-select[data-size=sm]{--ok-select-min: 128px}.ok-select[data-size=sm] .ok-select__trigger{height:var(--ok-h-sm);padding:0 10px 0 12px;gap:8px;font-size:13px}.ok-select[data-size=lg] .ok-select__trigger{height:var(--ok-h-lg);padding:0 16px 0 20px;font-size:15px}.ok-select__chips{display:flex;align-items:center;gap:4px;min-width:0;max-width:100%}.ok-select__chip{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:3px 8px;border-radius:var(--ok-r-full);corner-shape:round;background:var(--ok-raised);font:600 12px/1.3 var(--ok-font);color:var(--ok-text)}.ok-select__chip--more{flex:none;color:var(--ok-text-2)}.ok-combobox{min-width:0}.ok-combobox[data-size=sm]{height:var(--ok-h-sm);padding:0 12px}.ok-combobox[data-size=sm] input{font-size:14px}.ok-combobox[data-invalid]{box-shadow:inset 0 0 0 1.5px var(--ok-danger)}.ok-combobox[data-disabled]{cursor:not-allowed}.ok-combobox[data-disabled] input{color:var(--ok-text-3);cursor:not-allowed}.ok-combobox__icon{display:inline-flex}.ok-combobox__icon .ok-icon{width:18px;height:18px}.ok-calendar{--ok-cal-cell: calc(var(--ok-h-sm) + 4px);display:inline-grid;gap:8px;padding:4px;width:max-content;max-width:100%;justify-self:start;font:500 14px/1 var(--ok-font);color:var(--ok-text)}.ok-calendar__head{display:flex;align-items:center;justify-content:space-between;gap:8px}.ok-calendar__title{flex:1;min-width:0;text-align:center;font:600 14px/1.3 var(--ok-font)}.ok-calendar__grid{border-collapse:collapse;border-spacing:0;table-layout:fixed}.ok-calendar__grid th{width:var(--ok-cal-cell);height:28px;padding:0;font:600 12px/1 var(--ok-font);color:var(--ok-text-3);text-align:center}.ok-calendar__grid td{padding:0}.ok-calendar__day{position:relative;display:grid;place-items:center;width:var(--ok-cal-cell);height:var(--ok-cal-cell);padding:0;margin:0;border:0;border-radius:var(--ok-r-full);corner-shape:round;background:none;font:500 14px/1 var(--ok-font);font-variant-numeric:tabular-nums;color:var(--ok-text);cursor:pointer;transition:background-color var(--ok-dur-1) var(--ok-ease-out),color var(--ok-dur-1) var(--ok-ease-out),transform var(--ok-spring-bouncy-dur) var(--ok-spring-bouncy)}.ok-calendar__day:focus-visible{z-index:1}@media (hover: hover){.ok-calendar__day:hover:not([aria-disabled=true]):not([data-selected]){background:var(--ok-hover)}}.ok-calendar__day:active:not([aria-disabled=true]){transform:scale(.9);transition-duration:var(--ok-dur-1)}.ok-calendar__day[data-outside]{color:var(--ok-text-3)}.ok-calendar__day[data-today]{font-weight:700}.ok-calendar__day[data-today]:after{content:"";position:absolute;left:50%;bottom:5px;width:4px;height:4px;margin-left:-2px;border-radius:50%;corner-shape:round;background:var(--ok-accent)}.ok-calendar__day[aria-disabled=true]{color:var(--ok-text-3);text-decoration:line-through;cursor:not-allowed}.ok-calendar__day[data-selected]{background:var(--ok-accent);color:var(--ok-on-accent);font-weight:600}.ok-calendar__day[data-selected][data-today]:after{background:currentColor}.ok-calendar__grid td[data-range=in],.ok-calendar__grid td[data-range=start],.ok-calendar__grid td[data-range=end]{background:var(--ok-accent-soft)}.ok-calendar__grid td[data-range=start]{border-radius:var(--ok-r-full) 0 0 var(--ok-r-full)}.ok-calendar__grid td[data-range=end]{border-radius:0 var(--ok-r-full) var(--ok-r-full) 0}.ok-calendar__grid td[data-range=in] .ok-calendar__day[data-selected]{background:none;color:var(--ok-text);font-weight:500}.ok-calendar__grid td[data-range=start] .ok-calendar__day:not([data-selected]),.ok-calendar__grid td[data-range=end] .ok-calendar__day:not([data-selected]){background:var(--ok-accent-tint)}.ok-datepicker{min-width:0;padding-right:6px}.ok-datepicker[data-size=sm],.ok-daterange[data-size=sm]{height:var(--ok-h-sm);padding-left:12px}.ok-datepicker[data-size=sm] input{font-size:14px}.ok-datepicker[data-invalid],.ok-daterange[data-invalid]{box-shadow:inset 0 0 0 1.5px var(--ok-danger)}.ok-datepicker[data-disabled] input{color:var(--ok-text-3);cursor:not-allowed}.ok-datepicker__btn{display:grid;place-items:center;flex:none;width:calc(var(--ok-h-md) - 12px);height:calc(var(--ok-h-md) - 12px);padding:0;margin:0;border:0;border-radius:var(--ok-r-full);corner-shape:round;background:none;color:var(--ok-text-2);cursor:pointer;transition:background-color var(--ok-dur-2) var(--ok-ease-out),color var(--ok-dur-2)}.ok-datepicker[data-size=sm] .ok-datepicker__btn{width:calc(var(--ok-h-sm) - 8px);height:calc(var(--ok-h-sm) - 8px)}.ok-datepicker__btn .ok-icon{width:18px;height:18px}@media (hover: hover){.ok-datepicker__btn:hover:not(:disabled){background:var(--ok-hover);color:var(--ok-text)}}.ok-datepicker__btn:disabled{color:var(--ok-text-3);cursor:not-allowed}.ok-daterange{justify-content:space-between;min-width:0;max-width:100%;margin:0;border:0;font:500 15px/1 var(--ok-font);color:var(--ok-text);text-align:left;cursor:pointer}.ok-daterange>.ok-icon{width:18px;height:18px;color:var(--ok-text-2)}.ok-daterange__value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.4;font-variant-numeric:tabular-nums}.ok-daterange__value[data-placeholder]{color:var(--ok-text-3)}.ok-daterange:disabled{color:var(--ok-text-3);cursor:not-allowed}.ok-roll{position:relative;display:inline-grid;overflow:hidden;vertical-align:bottom}.ok-roll>span{grid-area:1 / 1}.ok-text{margin:0;min-width:0;overflow-wrap:anywhere}.ok-heading{color:var(--ok-text);text-wrap:balance}.ok-t-h4{font:600 var(--ok-fs-h4)/1.4 var(--ok-font);letter-spacing:-.005em}.ok-text[data-tone=neutral]{color:var(--ok-text-2)}.ok-text[data-tone=subtle]{color:var(--ok-text-3)}.ok-text[data-tone=accent]{color:var(--ok-accent-text)}.ok-text[data-tone=success]{color:var(--ok-success-text)}.ok-text[data-tone=warning]{color:var(--ok-warning-text)}.ok-text[data-tone=danger]{color:var(--ok-danger-text)}.ok-text[data-tone=info]{color:var(--ok-info-text)}.ok-text[data-align=start]{text-align:start}.ok-text[data-align=center]{text-align:center}.ok-text[data-align=end]{text-align:end}.ok-text[data-truncate]{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ok-text[data-clamp]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--ok-clamp, 2);line-clamp:var(--ok-clamp, 2);overflow:hidden}.ok-panel{--_r: var(--ok-r-6);--_p: var(--ok-s-4);display:flex;flex-direction:column;gap:var(--_p);min-width:0;padding:var(--_p);border-radius:var(--_r);corner-shape:var(--ok-corner);--ok-r-nested: max(calc(4px * var(--ok-rk)), calc(var(--_r) - var(--_p) * var(--ok-rk)));background:var(--ok-surface);box-shadow:inset 0 0 0 1px var(--ok-line),inset 0 1.5px 0 var(--ok-hi)}.ok-panel--sm{--_r: var(--ok-r-5);--_p: var(--ok-s-3)}.ok-panel--lg{--_p: var(--ok-s-5)}.ok-image{--_ir: var(--ok-r-nested, var(--ok-r-3));position:relative;display:block;min-width:0;max-width:100%;overflow:hidden;isolation:isolate;border-radius:var(--_ir);corner-shape:var(--ok-corner);background:var(--ok-well);color:var(--ok-text-3)}.ok-image[data-radius="0"]{--_ir: 0px}.ok-image[data-radius="1"]{--_ir: var(--ok-r-1)}.ok-image[data-radius="2"]{--_ir: var(--ok-r-2)}.ok-image[data-radius="4"]{--_ir: var(--ok-r-4)}.ok-image[data-radius="5"]{--_ir: var(--ok-r-5)}.ok-image[data-radius="6"]{--_ir: var(--ok-r-6)}.ok-image[data-radius=full]{--_ir: var(--ok-r-full);corner-shape:round}.ok-image:not([data-ratio]):is([data-status=loading],[data-status=error],[data-status=empty]){min-height:96px}.ok-image__img{display:block;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity var(--ok-dur-3) var(--ok-ease-out)}.ok-image[data-fit=contain] .ok-image__img{object-fit:contain}.ok-image[data-status=loaded] .ok-image__img{opacity:1}.ok-image[data-ratio]>:is(.ok-image__img,.ok-image__content){position:absolute;inset:0}.ok-image[data-status=loading][data-placeholder=skeleton]{background:linear-gradient(100deg,var(--ok-well) 30%,var(--ok-well-hi) 50%,var(--ok-well) 70%) 0 0 / 300% 100%;animation:ok-shimmer 1.6s linear infinite}.ok-image__fallback{position:absolute;inset:0;display:grid;place-items:center;color:var(--ok-text-3)}.ok-image__icon{width:clamp(20px,18%,40px);height:auto;aspect-ratio:1}.ok-image__content{display:block;width:100%;height:100%}.ok-image__content>:is(svg,img,canvas,video){display:block;width:100%;height:100%}.ok-image[data-fit=cover] .ok-image__content>:is(img,video){object-fit:cover}.ok-image[data-fit=contain] .ok-image__content>:is(img,video){object-fit:contain}.ok-image__overlay{position:absolute;inset:0;z-index:1;display:block}@media (prefers-reduced-motion: reduce){:root:not([data-motion=full]) .ok-image[data-status=loading]{animation:none}}:root[data-motion=reduced] .ok-image[data-status=loading]{animation:none}.ok-card{--_p: var(--ok-s-5);--_r: var(--ok-r-nested, var(--ok-r-4));display:block;min-width:0;margin:0;padding:var(--_p);border:0;border-radius:var(--_r);corner-shape:var(--ok-corner);background:var(--ok-card);color:var(--ok-text);box-shadow:inset 0 0 0 1px var(--ok-line),inset 0 1.5px 0 var(--ok-hi);--ok-avatar-ring: var(--ok-card)}.ok-card--sm{--_p: var(--ok-s-4);--_r: var(--ok-r-nested, calc(20px * var(--ok-rk)))}.ok-card--lg{--_p: var(--ok-s-6);--_r: var(--ok-r-nested, var(--ok-r-5))}.ok-card{--_card-nest: max(calc(4px * var(--ok-rk)), calc(var(--_r) - var(--_p) * var(--ok-rk)))}.ok-card>:not(.ok-card,.ok-panel){--ok-r-nested: var(--_card-nest)}a.ok-card,button.ok-card{width:100%;font:inherit;text-align:start;text-decoration:none}.ok-card--interactive,.ok-card:has(.ok-card__link){position:relative;cursor:pointer;transition:transform var(--ok-spring-dur) var(--ok-spring),box-shadow var(--ok-dur-2) var(--ok-ease-out)}@media (hover: hover){.ok-card--interactive:hover,.ok-card:has(.ok-card__link):hover{box-shadow:inset 0 0 0 1px var(--ok-line-2),inset 0 1.5px 0 var(--ok-hi)}}.ok-card--interactive:active,.ok-card:has(.ok-card__link:active){transform:scale(.985);transition-duration:var(--ok-dur-1),var(--ok-dur-2);transition-timing-function:var(--ok-ease-out)}.ok-card--chev{display:flex;align-items:center;gap:var(--ok-s-4)}.ok-card__main{display:block;flex:1;min-width:0}.ok-card__chev{flex:none;color:var(--ok-text-3);transition:transform var(--ok-spring-dur) var(--ok-spring),color var(--ok-dur-2) var(--ok-ease-out)}@media (hover: hover){.ok-card--interactive:hover .ok-card__chev,.ok-card:has(.ok-card__link):hover .ok-card__chev{color:var(--ok-text)}}.ok-card--interactive:disabled,.ok-card--interactive[aria-disabled=true]{cursor:not-allowed;opacity:.5;transform:none;box-shadow:inset 0 0 0 1px var(--ok-line),inset 0 1.5px 0 var(--ok-hi)}.ok-card--interactive:disabled .ok-card__chev,.ok-card--interactive[aria-disabled=true] .ok-card__chev{transform:none;color:var(--ok-text-3)}.ok-card__link{margin:0;padding:0;border:0;background:none;font:inherit;color:inherit;text-align:inherit;text-decoration:none;cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.ok-card__link:after{content:"";position:absolute;inset:0;border-radius:var(--_r);corner-shape:var(--ok-corner);outline:2px solid transparent;outline-offset:5px}.ok-card__link:focus-visible:after{outline-color:var(--ok-accent);outline-offset:2px;transition:outline-offset var(--ok-dur-3) var(--ok-ease-out)}.ok-card:has(.ok-card__link) :is(a,button,input,select,textarea,label,summary):not(.ok-card__link):not(.ok-check input,.ok-radio input,.ok-switch input,.ok-filedrop__input):not([inert] *,[aria-hidden=true] *){position:relative;z-index:1}.ok-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--ok-s-3);min-width:0}.ok-card__heading{display:grid;gap:2px;min-width:0;flex:1}.ok-card__title{margin:0;font:600 17px/1.35 var(--ok-font);letter-spacing:-.005em;color:var(--ok-text);overflow-wrap:anywhere}.ok-card__desc{margin:0;font:450 14px/1.5 var(--ok-font);color:var(--ok-text-2);overflow-wrap:anywhere}.ok-card__actions{display:flex;align-items:center;gap:var(--ok-s-2);flex:none}.ok-card__body{min-width:0;font:450 15px/1.6 var(--ok-font);color:var(--ok-text-2);overflow-wrap:anywhere}.ok-card__header+.ok-card__body{margin-top:var(--ok-s-3)}.ok-card__footer{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ok-s-2);margin-top:var(--ok-s-4)}.ok-card__footer[data-align=end]{justify-content:flex-end}.ok-card__footer[data-align=between]{justify-content:space-between}.ok-card>.ok-card__media:first-child{max-width:none;margin:calc(-1 * var(--_p)) calc(-1 * var(--_p)) var(--_p);border-radius:var(--_r) var(--_r) 0 0;corner-shape:var(--ok-corner)}.ok-card>.ok-card__media:only-child{margin-bottom:calc(-1 * var(--_p));border-radius:var(--_r)}.ok-card>.ok-card__media:not(:first-child){border-radius:var(--_card-nest);margin-block:var(--ok-s-4)}.ok-card>.ok-card__media:not(:first-child):last-child{margin-bottom:0}.ok-card:has(>.ok-card__media:first-child){--_ring: var(--ok-line);position:relative;isolation:isolate}.ok-card.ok-card:has(>.ok-card__media:first-child){box-shadow:none}.ok-card:has(>.ok-card__media:first-child):after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;border-radius:inherit;corner-shape:inherit;box-shadow:inset 0 0 0 1px var(--_ring),inset 0 1.5px 0 var(--ok-hi);transition:box-shadow var(--ok-dur-2) var(--ok-ease-out)}@media (hover: hover){.ok-card--interactive:has(>.ok-card__media:first-child):hover,.ok-card:has(.ok-card__link):has(>.ok-card__media:first-child):hover{--_ring: var(--ok-line-2)}}.ok-card--interactive:has(>.ok-card__media:first-child):is(:disabled,[aria-disabled=true]){--_ring: var(--ok-line)}.ok-card:has(>.ok-card__media--start:first-child){container-type:inline-size;min-height:160px;--_mw: calc((100cqi + 2 * var(--_p)) * var(--ok-card-media-share, .4))}@container (min-width: 480px){.ok-card>.ok-card__media--start:first-child{position:absolute;inset-block:0;inset-inline-start:0;width:var(--_mw);height:100%;margin:0;border-radius:0;border-start-start-radius:var(--_r);border-end-start-radius:var(--_r)}.ok-card>.ok-card__media--start:first-child~*{margin-inline-start:var(--_mw)}}.ok-group{--_inset: var(--ok-s-5);--_row: var(--ok-s-3);display:block;min-width:0;margin:0;padding-inline:0;list-style:none;padding-block:calc(var(--_inset) - var(--_row));border-radius:var(--ok-r-nested, var(--ok-r-4));corner-shape:var(--ok-corner);background:var(--ok-card);box-shadow:inset 0 0 0 1px var(--ok-line),inset 0 1.5px 0 var(--ok-hi)}.ok-row{display:flex;align-items:center;justify-content:space-between;gap:var(--ok-s-4);min-width:0;min-height:56px;padding:var(--_row, var(--ok-s-3)) var(--_inset, var(--ok-s-5));font:500 16px/1.3 var(--ok-font);color:var(--ok-text);transition:min-height var(--ok-spring-soft-dur) var(--ok-spring-soft),padding var(--ok-spring-soft-dur) var(--ok-spring-soft)}a.ok-row,button.ok-row{width:100%;margin:0;border:0;background:none;text-align:start;text-decoration:none}.ok-row+.ok-row,.ok-row.has-divider{border-top:1px solid var(--ok-line)}.ok-row__leading{display:grid;place-items:center;flex:none;color:var(--ok-text-2)}.ok-row__text{display:grid;gap:2px;min-width:0;flex:1 1 auto;overflow-wrap:anywhere}.ok-row__desc{font:450 13px/1.4 var(--ok-font);color:var(--ok-text-2)}.ok-row__value{flex:0 1 auto;min-width:0;margin-left:auto;font:450 15px/1.3 var(--ok-font);color:var(--ok-text-2);text-align:end;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ok-row--stack{flex-direction:column;align-items:stretch;gap:var(--ok-s-3)}.ok-row__control{display:flex;align-items:center;justify-content:flex-end;gap:var(--ok-s-2);min-width:0}.ok-row__control>.ok-slider{min-width:0}.ok-row--fill>.ok-row__text,.ok-row:not(.ok-row--stack):has(>.ok-slider)>.ok-row__text{flex:0 1 auto}.ok-row--fill>.ok-row__control,.ok-row:not(.ok-row--stack)>.ok-slider{flex:1 1 0;min-width:var(--ok-row-control-min, 50%)}.ok-row--fixed>.ok-row__control{flex:0 1 var(--_cw);min-width:min(var(--_cw),var(--ok-row-control-min, 50%))}.ok-row--stack>.ok-row__control{justify-content:flex-start}.ok-row.ok-row--wrap{flex-wrap:wrap;row-gap:var(--ok-s-3)}.ok-row.ok-row--wrap>.ok-row__text{flex:1 1 auto}.ok-row.ok-row--wrap>:is(.ok-row__control,.ok-slider){flex:1 1 var(--ok-row-wrap-at, 12rem);min-width:0}.ok-row--link{cursor:pointer;border-radius:inherit;corner-shape:inherit}.ok-row--link.ok-focusable:focus-visible{outline-offset:-3px}.ok-row--link .ok-row__chev{flex:none;color:var(--ok-text-3);transition:transform var(--ok-spring-dur) var(--ok-spring),color var(--ok-dur-2)}.ok-row--link .ok-row__value+.ok-row__chev{margin-left:calc(var(--ok-s-2) - var(--ok-s-4))}@media (hover: hover){.ok-row--link:hover .ok-row__chev{color:var(--ok-text)}}.ok-row--link:disabled,.ok-row--link[aria-disabled=true]{cursor:not-allowed;opacity:.5}.ok-row--link:disabled .ok-row__chev,.ok-row--link[aria-disabled=true] .ok-row__chev{transform:none;color:var(--ok-text-3)}.ok-group--compact{--_inset: var(--ok-s-4);--_row: var(--ok-s-2)}.ok-group--compact .ok-row{min-height:48px}.ok-collapse{display:grid;grid-template-rows:1fr;min-width:0;transition:grid-template-rows var(--ok-spring-soft-dur) var(--ok-spring-soft),opacity var(--ok-dur-3) var(--ok-ease-out)}.ok-collapse>*{min-height:0;overflow:hidden}.ok-collapse.is-collapsed,.ok-collapse[data-state=closed]{grid-template-rows:0fr;opacity:0;pointer-events:none}.ok-list{--_gap: var(--ok-s-3);display:grid;min-width:0;margin:0;padding:0;list-style:none;counter-reset:ok-list;font:450 15px/1.5 var(--ok-font);color:var(--ok-text)}.ok-list--sm{--_gap: var(--ok-s-2);font-size:14px}.ok-list--lg{--_gap: var(--ok-s-4)}.ok-list__item{display:flex;align-items:flex-start;gap:var(--ok-s-3);min-width:0;padding-block:calc(var(--_gap) / 2);counter-increment:ok-list}.ok-list[data-divided]>.ok-list__item{padding-block:var(--_gap)}.ok-list[data-divided]>.ok-list__item+.ok-list__item{border-top:1px solid var(--ok-line)}.ok-list>.ok-list__item:first-child{padding-top:0}.ok-list>.ok-list__item:last-child{padding-bottom:0}.ok-list__content{display:grid;gap:2px;flex:1;min-width:0;overflow-wrap:anywhere}.ok-list__title{font-weight:600;color:var(--ok-text)}.ok-list__desc{font:450 13px/1.45 var(--ok-font);color:var(--ok-text-2)}.ok-list__leading{display:grid;place-items:center;flex:none;min-height:1.5em;color:var(--ok-text-2)}.ok-list__trailing{display:flex;align-items:center;gap:var(--ok-s-2);flex:none;min-height:1.5em;font:450 13px/1.45 var(--ok-font);color:var(--ok-text-2)}.ok-list[data-marker=bullet]>.ok-list__item:before{content:"";flex:none;width:6px;height:6px;margin:calc(.75em - 3px) 3px 0;border-radius:50%;corner-shape:round;background:var(--ok-text-3)}.ok-list[data-marker=number]>.ok-list__item:before{content:counter(ok-list) ".";flex:none;min-width:1.5em;font-weight:600;font-variant-numeric:tabular-nums;color:var(--ok-text-2)}.ok-dl{--_term: minmax(96px, 30%);display:grid;gap:var(--ok-s-3);min-width:0;margin:0;font:450 15px/1.5 var(--ok-font)}.ok-dl__item{display:grid;gap:2px;min-width:0}.ok-dl__term{font:500 13px/1.4 var(--ok-font);color:var(--ok-text-2)}.ok-dl__desc{margin:0;min-width:0;color:var(--ok-text);overflow-wrap:anywhere}.ok-dl[data-divided]{gap:0}.ok-dl[data-divided]>.ok-dl__item{padding-block:var(--ok-s-3)}.ok-dl[data-divided]>.ok-dl__item+.ok-dl__item{border-top:1px solid var(--ok-line)}.ok-dl[data-divided]>.ok-dl__item:first-child{padding-top:0}.ok-dl[data-divided]>.ok-dl__item:last-child{padding-bottom:0}.ok-dl[data-layout=inline]>.ok-dl__item{grid-template-columns:var(--_term) minmax(0,1fr);gap:var(--ok-s-4);align-items:baseline}.ok-dl[data-layout=inline] .ok-dl__term{font-size:15px;line-height:1.5}@media (min-width: 520px){.ok-dl[data-layout=auto]>.ok-dl__item{grid-template-columns:var(--_term) minmax(0,1fr);gap:var(--ok-s-4);align-items:baseline}.ok-dl[data-layout=auto] .ok-dl__term{font-size:15px;line-height:1.5}}.ok-table{position:relative;min-width:0;border-radius:var(--ok-r-nested, var(--ok-r-4));corner-shape:var(--ok-corner);background:var(--ok-card);color:var(--ok-text-2);box-shadow:inset 0 0 0 1px var(--ok-line),inset 0 1.5px 0 var(--ok-hi);overflow-x:auto;overflow-y:hidden;--_inset: var(--ok-s-5);--_row: var(--ok-s-3);padding-block:calc(var(--_inset) - var(--_row))}.ok-table table{position:relative;isolation:isolate;width:100%;border-collapse:collapse;font:450 14px/1.5 var(--ok-font)}.ok-table th{padding:var(--_row) var(--_inset);text-align:left;font:600 12px/1.3 var(--ok-font);letter-spacing:.04em;color:var(--ok-text-3);white-space:nowrap}.ok-table td{padding:var(--_row) var(--_inset);border-top:1px solid var(--ok-line);white-space:nowrap}.ok-table .ok-table__primary{font-weight:600;color:var(--ok-text)}.ok-table .is-num{text-align:right;font-variant-numeric:tabular-nums}.ok-table .ok-table__cell--start{text-align:start}.ok-table .ok-table__cell--center{text-align:center}.ok-table .ok-table__cell--end{text-align:end}.ok-table__caption{caption-side:top;padding:var(--_row) var(--_inset);text-align:start;font:600 15px/1.3 var(--ok-font);color:var(--ok-text)}.ok-table table:before{content:"";position:absolute;z-index:-1;left:0;right:0;top:0;height:var(--hl-h, 0px);transform:translateY(var(--hl-y, 0px));background:var(--ok-hover);opacity:0;pointer-events:none;transition:transform var(--ok-dur-1) var(--ok-ease-out),opacity var(--ok-dur-1) var(--ok-ease-out),height var(--ok-dur-1) var(--ok-ease-out)}.ok-table table[data-hl]:before{opacity:1}.ok-table table[data-no-anim]:before,.ok-table table[data-jumping]:before{transition:none}@media (hover: hover){.ok-table:not([data-ready]) tbody tr:not([data-empty]):hover{background:var(--ok-hover)}}.ok-table__sort{display:inline-flex;align-items:center;gap:4px;margin:-6px -8px;padding:6px 8px;border:0;border-radius:calc(8px * var(--ok-rk));corner-shape:var(--ok-corner);background:none;font:inherit;letter-spacing:inherit;color:inherit;white-space:nowrap;cursor:pointer;transition:color var(--ok-dur-2) var(--ok-ease-out)}.ok-table .is-num .ok-table__sort{flex-direction:row-reverse}.ok-table__sort-icon{width:14px;height:14px;stroke-width:2.2;opacity:0;transition:transform var(--ok-spring-dur) var(--ok-spring),opacity var(--ok-dur-2) var(--ok-ease-out)}.ok-table__sort[data-dir]{color:var(--ok-text)}.ok-table__sort[data-dir] .ok-table__sort-icon{opacity:1}.ok-table__sort[data-dir=desc] .ok-table__sort-icon{transform:rotate(180deg)}.ok-table__sort:not([data-dir]) .ok-table__sort-icon{color:var(--ok-text-3)}.ok-table__sort:focus-visible .ok-table__sort-icon{opacity:1}.ok-table__sort[data-dir]:focus-visible .ok-table__sort-icon{opacity:1}@media (hover: hover){.ok-table__sort:hover{color:var(--ok-text-2)}.ok-table__sort[data-dir]:hover{color:var(--ok-text)}.ok-table__sort:not([data-dir]):hover .ok-table__sort-icon{opacity:1}}@media (pointer: coarse){.ok-table__sort{min-height:44px;margin-block:-16px}}.ok-table .ok-table__select{width:1px;padding-right:0}.ok-table .ok-table__select .ok-check{display:flex}.ok-table tbody tr[data-selected]{background:var(--ok-hover)}.ok-table .ok-check input:indeterminate+.ok-check__box{background:var(--ok-accent);box-shadow:inset 0 0 0 1.5px transparent}.ok-table .ok-check input:indeterminate+.ok-check__box svg{display:none}.ok-table .ok-check input:indeterminate+.ok-check__box:after{content:"";width:10px;height:2.4px;border-radius:2px;background:var(--ok-on-accent)}.ok-table:not(.ok-table--scroll) tbody tr[data-selected]:last-child td{box-shadow:0 calc(var(--_inset) - var(--_row)) 0 var(--ok-hover)}.ok-table tbody tr[data-action]{position:relative}.ok-table__row-action{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;border:0;background:none;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.ok-table__row-action.ok-focusable:focus-visible{outline-offset:-2px;border-radius:calc(8px * var(--ok-rk))}.ok-table tbody tr[data-action] :is(a,button,input,select,textarea,label,summary):not(.ok-table__row-action):not(.ok-check input,.ok-radio input,.ok-switch input){position:relative;z-index:1}.ok-table-paged{display:grid;gap:var(--ok-s-3);min-width:0}.ok-table__pagination{justify-self:end;max-width:100%}.ok-table[data-responsive]{container:ok-table / inline-size}@container ok-table (max-width: 519.98px){.ok-table [data-hide-below=sm]{display:none}}@container ok-table (max-width: 767.98px){.ok-table [data-hide-below=md]{display:none}}@container ok-table (max-width: 1023.98px){.ok-table [data-hide-below=lg]{display:none}}@container ok-table (max-width: 1279.98px){.ok-table [data-hide-below=xl]{display:none}}@supports not (container-type: inline-size){@media (max-width: 519.98px){.ok-table [data-hide-below=sm]{display:none}}@media (max-width: 767.98px){.ok-table [data-hide-below=md]{display:none}}@media (max-width: 1023.98px){.ok-table [data-hide-below=lg]{display:none}}@media (max-width: 1279.98px){.ok-table [data-hide-below=xl]{display:none}}}.ok-table td.ok-table__empty{padding:var(--ok-s-8) var(--_inset);text-align:center;white-space:normal;font-weight:450;color:var(--ok-text-2)}.ok-table--scroll{overflow:auto;max-height:var(--ok-table-h, 320px);border:1px solid var(--ok-line);box-shadow:none;padding-block:0}.ok-table--scroll thead th{padding-top:var(--_inset)}.ok-table--scroll tbody tr:last-child td{padding-bottom:var(--_inset)}.ok-table--scroll thead th{position:sticky;top:0;z-index:1;background:var(--ok-card);box-shadow:inset 0 -1px 0 var(--ok-line),inset 0 1px 0 var(--ok-hi)}.ok-table--scroll tbody tr:first-child td{border-top:0}@media (max-width: 519.98px){.ok-table--stack{overflow:visible;max-height:none;padding-block:0;border:0;border-radius:0;background:none;box-shadow:none}.ok-table--stack table,.ok-table--stack thead,.ok-table--stack tbody,.ok-table--stack tr,.ok-table--stack td,.ok-table--stack caption{display:block}.ok-table--stack table:before{display:none}.ok-table--stack caption{padding-inline:0}.ok-table--stack thead tr{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ok-s-2) var(--ok-s-4)}.ok-table--stack thead th{position:static;display:block;padding:0 0 var(--ok-s-3);background:none;box-shadow:none}.ok-table--stack thead th:not([aria-sort]):not(.ok-table__select){position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%)}.ok-table--stack .ok-table__sort{margin:0;padding:0}.ok-table--stack tbody{display:grid;gap:var(--ok-s-2)}.ok-table--stack tbody tr{--_inset: var(--ok-s-4);--_row: 10px;padding-block:calc(var(--_inset) - var(--_row));border-radius:calc(20px * var(--ok-rk));corner-shape:var(--ok-corner);background:var(--ok-card);box-shadow:inset 0 0 0 1px var(--ok-line),inset 0 1.5px 0 var(--ok-hi)}.ok-table--stack tbody tr[data-selected]{box-shadow:inset 0 0 0 1.5px var(--ok-accent),inset 0 1.5px 0 var(--ok-hi)}.ok-table--stack tbody tr:hover{background:var(--ok-card)}.ok-table--stack tbody tr[data-selected]:last-child td{box-shadow:none}.ok-table--stack .ok-table__row-action.ok-focusable:focus-visible{border-radius:inherit}.ok-table--stack tbody td{display:flex;align-items:baseline;justify-content:space-between;gap:var(--ok-s-4);width:auto;padding:var(--_row) var(--_inset);white-space:normal;text-align:end}.ok-table--stack tbody td:first-child,.ok-table--stack tbody tr:first-child td:first-child{border-top:0}.ok-table--stack tbody tr:first-child td:not(:first-child){border-top:1px solid var(--ok-line)}.ok-table--stack tbody tr:last-child td{padding-bottom:var(--_row)}.ok-table--stack tbody td:before{content:attr(data-label);flex:none;max-width:45%;font:600 12px/1.5 var(--ok-font);letter-spacing:.04em;color:var(--ok-text-3);text-align:start}.ok-table--stack .ok-table__value{min-width:0;overflow-wrap:anywhere}.ok-table--stack .ok-table__select{width:auto}.ok-table--stack tbody td.ok-table__select{align-items:center;padding-right:var(--_inset)}.ok-table--stack tbody td.ok-table__empty{display:block;text-align:center}.ok-table--stack tbody td.ok-table__empty:before{content:none}}@media (hover: none){.ok-table__sort:not([data-dir]) .ok-table__sort-icon{opacity:1}}.ok-tabs{min-width:0}.ok-tabs__list{position:relative;display:flex;gap:4px;min-width:0;box-shadow:inset 0 -1px 0 var(--ok-line);overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:none}.ok-tabs__list::-webkit-scrollbar{display:none}.ok-tabs__tab{flex:none;height:44px;padding:0 14px;margin:0;border:0;border-radius:calc(12px * var(--ok-rk)) calc(12px * var(--ok-rk)) 0 0;corner-shape:var(--ok-corner);background:none;font:600 15px/1 var(--ok-font);color:var(--ok-text-3);white-space:nowrap;cursor:pointer;transition:color var(--ok-dur-2) var(--ok-ease-out)}.ok-tabs__tab.ok-focusable:focus-visible{outline-offset:-3px}@media (hover: hover){.ok-tabs__tab:not(:disabled):hover{color:var(--ok-text-2)}}.ok-tabs__tab[aria-selected=true]{color:var(--ok-text)}.ok-tabs__tab:disabled{cursor:not-allowed;opacity:.5}.ok-tabs__ink{position:absolute;left:0;bottom:0;height:3px;width:var(--w, 0);transform:translate(var(--x, 0));border-radius:3px 3px 0 0;background:var(--ok-accent);pointer-events:none}.ok-tabs__panels{display:grid;min-width:0;padding-top:var(--ok-s-5)}.ok-tabs__panel{grid-area:1 / 1;min-width:0;visibility:hidden;opacity:0;outline:2px solid transparent;outline-offset:2px;border-radius:var(--ok-r-1)}.ok-tabs__panel:focus-visible{outline-color:var(--ok-accent)}.ok-tabs__panel[data-state=active]{visibility:visible;opacity:1}.ok-tabs__panel[data-leaving]{visibility:visible}.ok-accordion{min-width:0}.ok-accordion__item+.ok-accordion__item{border-top:1px solid var(--ok-line)}.ok-accordion__heading{margin:0;font:inherit}.ok-accordion__head{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:48px;padding:var(--ok-s-2) var(--_inset, var(--ok-s-5));margin:0;border:0;border-radius:calc(20px * var(--ok-rk));corner-shape:var(--ok-corner);background:none;font:600 15px/1.3 var(--ok-font);color:var(--ok-text);text-align:left;cursor:pointer}.ok-accordion__head.ok-focusable:focus-visible{outline-offset:-3px}.ok-accordion__title{min-width:0;overflow-wrap:anywhere}.ok-accordion--plain{--_inset: 0px}.ok-accordion--plain .ok-accordion__head{border-radius:calc(8px * var(--ok-rk))}.ok-accordion--plain .ok-accordion__head.ok-focusable:focus-visible{outline-offset:-2px}.ok-accordion__head .ok-icon{width:18px;height:18px;color:var(--ok-text-3);transition:transform var(--ok-spring-bouncy-dur) var(--ok-spring-bouncy),color var(--ok-dur-2)}@media (hover: hover){.ok-accordion__head:not(:disabled):hover .ok-icon{color:var(--ok-text)}}.ok-accordion__head:disabled{cursor:not-allowed;opacity:.5}.ok-accordion{--_dur: calc(391ms * var(--ok-ms))}.ok-accordion__body{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--_dur) var(--ok-spring-soft)}.ok-accordion__body>div{min-height:0;overflow:hidden;opacity:0;transform:translateY(-8px);visibility:hidden;transition:opacity calc(.1s * var(--ok-ms)) var(--ok-ease-in),transform calc(.16s * var(--ok-ms)) var(--ok-ease-out),visibility 0s linear var(--_dur)}.ok-accordion__content{padding:0 var(--_inset, var(--ok-s-5)) var(--_row, var(--ok-s-3));font:450 14px/1.65 var(--ok-font);color:var(--ok-text-2);overflow-wrap:anywhere}.ok-accordion__content>:first-child{margin-top:0}.ok-accordion__content>:last-child{margin-bottom:0}.ok-accordion__item[data-state=open] .ok-accordion__head .ok-icon{transform:rotate(90deg);color:var(--ok-text)}.ok-accordion__item[data-state=open] .ok-accordion__body{grid-template-rows:1fr}.ok-accordion__item[data-state=open] .ok-accordion__body>div{opacity:1;transform:none;visibility:visible;transition:opacity calc(.16s * var(--ok-ms)) var(--ok-ease-out) calc(53ms * var(--ok-ms)),transform calc(.24s * var(--ok-ms)) var(--ok-ease-out) calc(40ms * var(--ok-ms)),visibility 0s}.ok-breadcrumb{min-width:0;font:500 14px/1.3 var(--ok-font);color:var(--ok-text-2)}.ok-breadcrumb__list{display:flex;flex-wrap:wrap;align-items:center;gap:2px;min-width:0;margin:0;padding:0;list-style:none}.ok-breadcrumb__item{display:flex;align-items:center;gap:2px;min-width:0}.ok-breadcrumb__sep{display:grid;place-items:center;flex:none;color:var(--ok-text-3)}.ok-breadcrumb__sep .ok-icon{width:14px;height:14px}.ok-breadcrumb__link,.ok-breadcrumb__text,.ok-breadcrumb__current{display:inline-flex;align-items:center;min-width:0;max-width:24ch;min-height:28px;padding:0 6px;border-radius:var(--ok-r-1);corner-shape:var(--ok-corner);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ok-breadcrumb__link{margin:0;border:0;background:none;font:inherit;color:inherit;text-decoration:none;cursor:pointer;transition:color var(--ok-dur-2) var(--ok-ease-out),background-color var(--ok-dur-2) var(--ok-ease-out)}@media (hover: hover){.ok-breadcrumb__link:hover{color:var(--ok-text);background:var(--ok-hover)}}@media (pointer: coarse){.ok-breadcrumb__link,.ok-breadcrumb__text,.ok-breadcrumb__current{min-height:44px}}.ok-breadcrumb__current{font-weight:600;color:var(--ok-text)}.ok-breadcrumb__more .ok-icon{width:18px;height:18px}.ok-breadcrumb__more{display:none}.ok-breadcrumb[data-collapse=always] .ok-breadcrumb__more{display:flex}.ok-breadcrumb[data-collapse=always] [data-middle]{display:none}@media (max-width: 519.98px){.ok-breadcrumb[data-collapse=narrow] .ok-breadcrumb__more{display:flex}.ok-breadcrumb[data-collapse=narrow] [data-middle]{display:none}}.ok-pagination{--_h: var(--ok-h-md);position:relative;min-width:0;font:600 14px/1 var(--ok-font);color:var(--ok-text-2)}.ok-pagination--sm{--_h: var(--ok-h-sm);font-size:13px}.ok-pagination__list{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin:0;padding:0;list-style:none}.ok-pagination__btn{display:grid;place-items:center;min-width:var(--_h);height:var(--_h);padding:0 8px;margin:0;border:0;border-radius:var(--ok-r-full);corner-shape:round;background:none;font:inherit;font-variant-numeric:tabular-nums;color:inherit;cursor:pointer;transition:background-color var(--ok-dur-2) var(--ok-ease-out),color var(--ok-dur-2) var(--ok-ease-out),transform var(--ok-spring-bouncy-dur) var(--ok-spring-bouncy)}.ok-pagination__btn .ok-icon{width:18px;height:18px}@media (hover: hover){.ok-pagination__btn:not(:disabled):hover{background:var(--ok-fill);color:var(--ok-text)}}.ok-pagination__btn:not(:disabled):active{transform:scale(.93);transition-duration:var(--ok-dur-2),var(--ok-dur-2),var(--ok-dur-1)}.ok-pagination__btn[aria-current=page]{background:var(--ok-inverse);color:var(--ok-on-inverse)}@media (hover: hover){.ok-pagination__btn[aria-current=page]:not(:disabled):hover{background:var(--ok-inverse-hover);color:var(--ok-on-inverse)}}.ok-pagination__btn:disabled{cursor:not-allowed;opacity:.4}.ok-pagination__gap{display:grid;place-items:center;min-width:24px;height:var(--_h);color:var(--ok-text-3);user-select:none}.ok-pagination__status{min-width:64px;padding:0 8px;text-align:center;font-variant-numeric:tabular-nums;color:var(--ok-text)}.ok-pagination__page,.ok-pagination__gap{display:none}.ok-pagination__list{justify-content:space-between}@media (min-width: 520px){.ok-pagination__page{display:block}.ok-pagination__gap{display:grid}.ok-pagination__status{display:none}.ok-pagination__list{justify-content:flex-start}}.ok-steps{--_m: 28px;display:grid;min-width:0;margin:0;padding:0;list-style:none;font:450 14px/1.4 var(--ok-font);color:var(--ok-text-2)}.ok-steps__item{position:relative;display:flex;align-items:flex-start;gap:var(--ok-s-3);min-width:0;padding-bottom:var(--ok-s-5)}.ok-steps__item:last-child{padding-bottom:0}.ok-steps__item:not(:last-child):after{content:"";position:absolute;left:calc(var(--_m) / 2 - 1px);top:calc(var(--_m) + 4px);bottom:4px;width:2px;border-radius:2px;background:var(--ok-well-2);transition:background-color var(--ok-dur-3) var(--ok-ease-out)}.ok-steps__item[data-state=complete]:not(:last-child):after{background:var(--ok-accent)}.ok-steps__marker{display:grid;place-items:center;flex:none;width:var(--_m);height:var(--_m);border-radius:50%;corner-shape:round;background:var(--ok-fill);color:var(--ok-text-2);font:700 13px/1 var(--ok-font);font-variant-numeric:tabular-nums;transition:background-color var(--ok-dur-3) var(--ok-ease-out),color var(--ok-dur-3) var(--ok-ease-out),box-shadow var(--ok-dur-3) var(--ok-ease-out)}.ok-steps__marker .ok-icon{width:16px;height:16px;stroke-width:2.4}.ok-steps__item[data-state=complete] .ok-steps__marker{background:var(--ok-accent-soft);color:var(--ok-accent-text)}.ok-steps__item[data-state=current] .ok-steps__marker{background:var(--ok-accent);color:var(--ok-on-accent);box-shadow:0 0 0 4px var(--ok-accent-soft)}.ok-steps__item[data-error] .ok-steps__marker{background:var(--ok-danger);color:#fff;box-shadow:0 0 0 4px var(--ok-danger-soft)}.ok-steps__text{display:grid;gap:2px;min-width:0;padding-top:calc((var(--_m) - 1.4em) / 2);overflow-wrap:anywhere}.ok-steps__title{font-weight:600;color:var(--ok-text-2)}.ok-steps__item[data-state=complete] .ok-steps__title,.ok-steps__item[data-state=current] .ok-steps__title{color:var(--ok-text)}.ok-steps__item[data-error] .ok-steps__title{color:var(--ok-danger-text)}.ok-steps__desc{font-size:13px;color:var(--ok-text-2)}@media (min-width: 520px){.ok-steps[data-orientation=horizontal]{grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}.ok-steps[data-orientation=horizontal] .ok-steps__item{flex-direction:column;align-items:center;gap:var(--ok-s-2);padding:0 var(--ok-s-2);text-align:center}.ok-steps[data-orientation=horizontal] .ok-steps__item:not(:last-child):after{left:calc(50% + var(--_m) / 2 + 8px);right:auto;top:calc(var(--_m) / 2 - 1px);bottom:auto;width:calc(100% - var(--_m) - 16px);height:2px}.ok-steps[data-orientation=horizontal] .ok-steps__text{padding-top:0;justify-items:center}}.ok-timeline{--_m: 24px;display:grid;min-width:0;margin:0;padding:0;list-style:none;font:450 14px/1.5 var(--ok-font);color:var(--ok-text-2)}.ok-timeline__item{--_c: var(--ok-text-3);--_s: var(--ok-fill);position:relative;display:flex;align-items:flex-start;gap:var(--ok-s-3);min-width:0;padding-bottom:var(--ok-s-5)}.ok-timeline__item:last-child{padding-bottom:0}.ok-timeline__item:not(:last-child):after{content:"";position:absolute;left:calc(var(--_m) / 2 - .5px);top:calc(var(--_m) + 2px);bottom:2px;width:1px;background:var(--ok-line-2)}.ok-timeline__item[data-tone=accent]{--_c: var(--ok-accent-text);--_s: var(--ok-accent-soft)}.ok-timeline__item[data-tone=success]{--_c: var(--ok-success-text);--_s: var(--ok-success-soft)}.ok-timeline__item[data-tone=warning]{--_c: var(--ok-warning-text);--_s: var(--ok-warning-soft)}.ok-timeline__item[data-tone=danger]{--_c: var(--ok-danger-text);--_s: var(--ok-danger-soft)}.ok-timeline__item[data-tone=info]{--_c: var(--ok-info-text);--_s: var(--ok-info-soft)}.ok-timeline__marker{display:grid;place-items:center;flex:none;width:var(--_m);height:var(--_m);border-radius:50%;corner-shape:round;color:var(--_c)}.ok-timeline__marker:not([data-icon]):before{content:"";width:9px;height:9px;border-radius:50%;corner-shape:round;background:currentColor;box-shadow:0 0 0 4px var(--_s)}.ok-timeline__marker[data-icon]{background:var(--_s)}.ok-timeline__marker .ok-icon{width:14px;height:14px;stroke-width:2.2}.ok-timeline__content{display:grid;gap:2px;flex:1;min-width:0;padding-top:calc((var(--_m) - 1.5em) / 2);overflow-wrap:anywhere}.ok-timeline__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:0 var(--ok-s-3)}.ok-timeline__title{font-weight:600;color:var(--ok-text)}.ok-timeline__time{font:500 13px/1.5 var(--ok-font);font-variant-numeric:tabular-nums;color:var(--ok-text-2)}.ok-tree,.ok-tree__group{display:grid;gap:2px;min-width:0;margin:0;padding:0;list-style:none}.ok-tree{--_indent: 20px;font:500 14px/1.3 var(--ok-font);color:var(--ok-text-2)}.ok-tree__group{margin-top:2px;padding-left:var(--_indent);animation:ok-rise var(--ok-dur-3) var(--ok-ease-out)}.ok-tree__item{min-width:0;outline:none;-webkit-tap-highlight-color:transparent}.ok-tree__row{display:flex;align-items:center;gap:6px;min-width:0;min-height:var(--ok-h-item);padding:0 10px 0 4px;border-radius:calc(10px * var(--ok-rk));corner-shape:var(--ok-corner);cursor:pointer;touch-action:manipulation;outline:2px solid transparent;outline-offset:5px;transition:background-color var(--ok-dur-2) var(--ok-ease-out),color var(--ok-dur-2) var(--ok-ease-out)}@media (hover: hover){.ok-tree__item:not([aria-disabled=true])>.ok-tree__row:hover{background:var(--ok-hover);color:var(--ok-text)}}.ok-tree__item:focus-visible>.ok-tree__row{outline-color:var(--ok-accent);outline-offset:2px;transition:outline-offset var(--ok-dur-3) var(--ok-ease-out),outline-color var(--ok-dur-2)}.ok-tree__item[aria-selected=true]>.ok-tree__row{background:var(--ok-fill);color:var(--ok-text);font-weight:600}@media (hover: hover){.ok-tree__item[aria-selected=true]:not([aria-disabled=true])>.ok-tree__row:hover{background:var(--ok-fill-hover)}}.ok-tree__item[aria-disabled=true]>.ok-tree__row{cursor:not-allowed;opacity:.5}.ok-tree__chev{display:grid;place-items:center;flex:none;width:20px;height:20px;color:var(--ok-text-3)}.ok-tree__chev .ok-icon{width:14px;height:14px;stroke-width:2.2;transition:transform var(--ok-spring-bouncy-dur) var(--ok-spring-bouncy)}.ok-tree__item[aria-expanded=true]>.ok-tree__row .ok-tree__chev .ok-icon{transform:rotate(90deg)}.ok-tree__icon{display:grid;place-items:center;flex:none}.ok-tree__icon .ok-icon{width:16px;height:16px}.ok-tree__label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ok-badge{--_c: var(--ok-text-2);--_s: var(--ok-fill);--_solid: var(--ok-accent);--_on: var(--ok-on-accent);display:inline-flex;align-items:center;gap:6px;height:24px;max-width:100%;padding:0 10px;border-radius:var(--ok-r-full);corner-shape:round;background:var(--_s);color:var(--_c);font:600 12px/1 var(--ok-font);white-space:nowrap;vertical-align:middle}.ok-badge--accent{--_c: var(--ok-accent-text);--_s: var(--ok-accent-soft);--_solid: var(--ok-accent);--_on: var(--ok-on-accent)}.ok-badge--success{--_c: var(--ok-success-text);--_s: var(--ok-success-soft);--_solid: var(--ok-success);--_on: #1B1C22}.ok-badge--warning{--_c: var(--ok-warning-text);--_s: var(--ok-warning-soft);--_solid: var(--ok-warning);--_on: #1B1C22}.ok-badge--danger{--_c: var(--ok-danger-text);--_s: var(--ok-danger-soft);--_solid: var(--ok-danger);--_on: #1B1C22}.ok-badge--info{--_c: var(--ok-info-text);--_s: var(--ok-info-soft);--_solid: var(--ok-info);--_on: #1B1C22}.ok-badge--solid{background:var(--_solid);color:var(--_on)}.ok-badge--ink{background:var(--ok-inverse);color:var(--ok-on-inverse)}.ok-dot{position:relative;display:inline-block;width:7px;height:7px;border-radius:50%;corner-shape:round;background:currentColor;flex:none}.ok-dot--live:after{content:"";position:absolute;inset:0;border-radius:50%;corner-shape:round;background:currentColor;animation:ok-ping calc(1.8s * var(--ok-ms)) var(--ok-ease-out) infinite}@media (prefers-reduced-motion: reduce){:root:not([data-motion=full]) .ok-dot--live:after{animation:none}}:root[data-motion=reduced] .ok-dot--live:after{animation:none}.ok-tag{--_c: var(--ok-text-2);--_s: var(--ok-fill);display:inline-flex;align-items:center;gap:6px;height:28px;max-width:100%;padding:0 10px;border-radius:var(--ok-r-1);corner-shape:var(--ok-corner);background:var(--_s);color:var(--_c);font:600 13px/1 var(--ok-font);white-space:nowrap;vertical-align:middle}.ok-tag--sm{height:24px;padding:0 8px;gap:4px;font-size:12px}.ok-tag[data-tone=accent]{--_c: var(--ok-accent-text);--_s: var(--ok-accent-soft)}.ok-tag[data-tone=success]{--_c: var(--ok-success-text);--_s: var(--ok-success-soft)}.ok-tag[data-tone=warning]{--_c: var(--ok-warning-text);--_s: var(--ok-warning-soft)}.ok-tag[data-tone=danger]{--_c: var(--ok-danger-text);--_s: var(--ok-danger-soft)}.ok-tag[data-tone=info]{--_c: var(--ok-info-text);--_s: var(--ok-info-soft)}.ok-tag__icon{display:grid;place-items:center;flex:none}.ok-tag__icon .ok-icon{width:14px;height:14px}.ok-tag__label{min-width:0;overflow:hidden;text-overflow:ellipsis}.ok-tag__remove{position:relative;display:grid;place-items:center;flex:none;width:18px;height:18px;margin:0 -4px 0 0;padding:0;border:0;border-radius:50%;corner-shape:round;background:none;color:inherit;cursor:pointer;transition:background-color var(--ok-dur-2) var(--ok-ease-out),transform var(--ok-spring-bouncy-dur) var(--ok-spring-bouncy)}@media (pointer: coarse){.ok-tag__remove:before{content:"";position:absolute;inset:-13px}}.ok-tag__remove .ok-icon{width:12px;height:12px;stroke-width:2.4}@media (hover: hover){.ok-tag__remove:hover{background:var(--ok-line-2)}}.ok-tag__remove:active{transform:scale(.84);transition-duration:var(--ok-dur-2),var(--ok-dur-1)}.ok-count{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:var(--ok-r-full);corner-shape:round;background:var(--ok-accent);color:var(--ok-on-accent);font:700 12px/1 var(--ok-font);font-variant-numeric:tabular-nums;vertical-align:middle}.ok-count[data-tone=danger]{background:var(--ok-danger);color:#1b1c22}.ok-count[data-tone=neutral]{background:var(--ok-inverse);color:var(--ok-on-inverse)}.ok-count.is-bump{animation:ok-bump var(--ok-spring-bouncy-dur) var(--ok-spring-bouncy)}.ok-alert{--_c: var(--ok-accent-text);--_s: var(--ok-accent-soft);display:flex;align-items:flex-start;gap:12px;min-width:0;padding:var(--ok-s-4);border-radius:var(--ok-r-nested, calc(18px * var(--ok-rk)));corner-shape:var(--ok-corner);background:var(--_s);color:var(--ok-text);font:450 14px/1.55 var(--ok-font)}.ok-alert>.ok-icon{color:var(--_c);margin-top:1px}.ok-alert b{font-weight:600}.ok-alert__body{flex:1;min-width:0;overflow-wrap:anywhere}.ok-alert__title{margin-right:.35em}.ok-alert__action{display:flex;align-items:center;gap:var(--ok-s-2);flex:none;margin:-5px 0}.ok-alert>.ok-btn{flex:none;margin:-5px -6px -5px 0}.ok-alert--neutral{--_c: var(--ok-text-2);--_s: var(--ok-fill)}.ok-alert--info{--_c: var(--ok-info-text);--_s: var(--ok-info-soft)}.ok-alert--success{--_c: var(--ok-success-text);--_s: var(--ok-success-soft)}.ok-alert--warning{--_c: var(--ok-warning-text);--_s: var(--ok-warning-soft)}.ok-alert--danger{--_c: var(--ok-danger-text);--_s: var(--ok-danger-soft)}@media (max-width: 519.98px){.ok-alert:has(.ok-alert__action){flex-wrap:wrap}.ok-alert__action{order:3;flex-basis:100%;margin:0;padding-left:32px}}.ok-progress{--v: 0;--_c: var(--ok-accent);position:relative;height:8px;min-width:0;border-radius:8px;background:var(--ok-well-2);overflow:hidden}.ok-progress--sm{height:4px}.ok-progress--lg{height:12px;border-radius:12px}.ok-progress[data-tone=success]{--_c: var(--ok-success)}.ok-progress[data-tone=warning]{--_c: var(--ok-warning)}.ok-progress[data-tone=danger]{--_c: var(--ok-danger)}.ok-progress[data-tone=info]{--_c: var(--ok-info)}.ok-progress__bar{position:absolute;inset:0;border-radius:inherit;corner-shape:inherit;background:var(--_c);transform:translate(calc((var(--v) - 1) * 100%));transition:transform var(--ok-spring-soft-dur) var(--ok-spring-soft),background-color var(--ok-dur-3)}.ok-progress.is-done .ok-progress__bar,.ok-progress[data-done] .ok-progress__bar{background:var(--ok-success)}.ok-progress--indeterminate .ok-progress__bar{width:38%;transform:none;animation:ok-indeterminate 1.5s var(--ok-ease-in-out) infinite}@media (prefers-reduced-motion: reduce){:root:not([data-motion=full]) .ok-progress--indeterminate .ok-progress__bar{left:0;width:100%;animation:ok-progress-pulse 1.6s var(--ok-ease-in-out) infinite}}:root[data-motion=reduced] .ok-progress--indeterminate .ok-progress__bar{left:0;width:100%;animation:ok-progress-pulse 1.6s var(--ok-ease-in-out) infinite}@keyframes ok-progress-pulse{0%,to{opacity:.35}50%{opacity:1}}.ok-ring{--v: 0;--size: 64px;position:relative;display:inline-grid;place-items:center;width:var(--size);height:var(--size);flex:none}.ok-ring svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg);fill:none;stroke-width:6;stroke-linecap:round}.ok-ring__track{stroke:var(--ok-well-2)}.ok-ring__bar{stroke:var(--ok-accent);stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--v) * 100);transition:stroke-dashoffset var(--ok-spring-soft-dur) var(--ok-spring-soft),stroke var(--ok-dur-3)}.ok-ring.is-done .ok-ring__bar,.ok-ring[data-done] .ok-ring__bar{stroke:var(--ok-success)}.ok-ring__label{font:700 14px/1 var(--ok-font);font-variant-numeric:tabular-nums;color:var(--ok-text)}.ok-level{--_c: var(--ok-accent);--_h: 16px;--_w: 6px;display:flex;align-items:stretch;gap:3px;height:var(--_h);min-width:0}.ok-level--sm{--_h: 8px;--_w: 4px;gap:2px}.ok-level--lg{--_h: 24px;--_w: 8px;gap:4px}.ok-level[data-tone=neutral]{--_c: var(--ok-inverse)}.ok-level[data-tone=success]{--_c: var(--ok-success)}.ok-level[data-tone=warning]{--_c: var(--ok-warning)}.ok-level[data-tone=danger]{--_c: var(--ok-danger)}.ok-level[data-tone=info]{--_c: var(--ok-info)}.ok-level__seg{flex:1 1 auto;width:var(--_w);min-width:2px;max-width:12px;border-radius:3px;background:var(--ok-well-2);transition:background-color var(--ok-dur-2) var(--ok-ease-out),transform var(--ok-spring-bouncy-dur) var(--ok-spring-bouncy);transform:scaleY(.7)}.ok-level__seg[data-on]{background:var(--_c);transform:none}.ok-level:not([data-tone]) .ok-level__seg[data-on][data-zone=warning]{background:var(--ok-warning)}.ok-level:not([data-tone]) .ok-level__seg[data-on][data-zone=danger]{background:var(--ok-danger)}.ok-skel{display:block;height:12px;max-width:100%;border-radius:8px;background:linear-gradient(100deg,var(--ok-well) 30%,var(--ok-well-hi) 50%,var(--ok-well) 70%) 0 0 / 300% 100%;animation:ok-shimmer 1.6s linear infinite}.ok-skel--circle{width:40px;height:40px;border-radius:50%;corner-shape:round;flex:none}.ok-skel--rect{height:96px;border-radius:var(--ok-r-2);corner-shape:var(--ok-corner)}.ok-skel-lines{display:grid;gap:10px;min-width:0}@media (prefers-reduced-motion: reduce){:root:not([data-motion=full]) .ok-skel{animation:none}}:root[data-motion=reduced] .ok-skel{animation:none}.ok-loader{--size: 28px;position:relative;display:inline-grid;place-items:center;flex:none;vertical-align:middle}.ok-tail{width:var(--size, 28px);height:var(--size, 28px);overflow:visible;color:var(--ok-accent);flex:none;animation:ok-tail-wag 1.5s var(--ok-ease-in-out) infinite;transform-origin:20% 20%}.ok-tail :is(path,circle,ellipse,line,polyline,polygon,rect):not([fill]){fill:none}.ok-tail :is(path,circle,ellipse,line,polyline,polygon,rect):not([stroke]){stroke:currentColor}.ok-tail :is(path,circle,ellipse,line,polyline,polygon,rect):not([stroke-width]){stroke-width:5.5}.ok-tail :is(path,circle,ellipse,line,polyline,polygon,rect){stroke-linecap:round;stroke-linejoin:round}.ok-tail [pathLength="1"]{stroke-dasharray:1 1.2;animation:ok-tail-draw 1.5s var(--ok-ease-in-out) infinite}.ok-spinner{display:block;width:calc(var(--size, 28px) * .8);height:calc(var(--size, 28px) * .8);border-radius:50%;corner-shape:round;border:2.5px solid var(--ok-well-2);border-top-color:var(--ok-accent);animation:ok-spin .8s linear infinite;flex:none}.ok-dots{position:relative;display:inline-flex;align-items:center;gap:5px;color:var(--ok-accent);vertical-align:middle}.ok-dots i{width:8px;height:8px;border-radius:50%;corner-shape:round;background:currentColor;animation:ok-dot-bounce 1s var(--ok-ease-in-out) infinite}.ok-dots i:nth-child(2){animation-delay:.12s}.ok-dots i:nth-child(3){animation-delay:.24s}@media (prefers-reduced-motion: reduce){:root:not([data-motion=full]) .ok-tail{animation:none}:root:not([data-motion=full]) .ok-dots i{animation-name:ok-dots-fade}:root:not([data-motion=full]) .ok-spinner{animation:ok-dots-fade 1.2s var(--ok-ease-in-out) infinite}}:root[data-motion=reduced] .ok-tail{animation:none}:root[data-motion=reduced] .ok-dots i{animation-name:ok-dots-fade}:root[data-motion=reduced] .ok-spinner{animation:ok-dots-fade 1.2s var(--ok-ease-in-out) infinite}@keyframes ok-dots-fade{0%,60%,to{opacity:.45}30%{opacity:1}}.ok-empty{--_m: 56px;display:flex;flex-direction:column;align-items:center;gap:var(--ok-s-2);min-width:0;padding:var(--ok-s-8) var(--ok-s-5);text-align:center;color:var(--ok-text-2)}.ok-empty--sm{--_m: 44px;padding:var(--ok-s-5) var(--ok-s-4)}.ok-empty--lg{--_m: 72px;padding:var(--ok-s-12) var(--ok-s-6);gap:var(--ok-s-3)}.ok-empty__media{display:grid;place-items:center;min-width:var(--_m);min-height:var(--_m);margin-bottom:var(--ok-s-2);border-radius:50%;corner-shape:round;background:var(--ok-fill);color:var(--ok-text-2)}.ok-empty__media>.ok-icon{width:calc(var(--_m) * .43);height:calc(var(--_m) * .43)}.ok-empty__media:has(>:is(img,svg:not(.ok-icon))){border-radius:0;background:none}.ok-empty__media>:is(img,svg:not(.ok-icon)){max-width:100%;height:auto}.ok-empty__title{margin:0;font:600 17px/1.35 var(--ok-font);letter-spacing:-.005em;color:var(--ok-text);overflow-wrap:anywhere}.ok-empty--sm .ok-empty__title{font-size:15px}.ok-empty--lg .ok-empty__title{font:600 var(--ok-fs-h3)/1.35 var(--ok-font);letter-spacing:-.01em}.ok-empty__desc{margin:0;max-width:44ch;font:450 14px/1.55 var(--ok-font);overflow-wrap:anywhere}.ok-empty__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--ok-s-2);margin-top:var(--ok-s-3)}.ok-stat{display:grid;grid-template-rows:auto auto;grid-auto-rows:1fr;gap:var(--ok-s-2);min-width:0;align-content:start}.ok-grid>.ok-stat{align-self:stretch}.ok-stat__label{display:flex;align-items:center;gap:6px;min-width:0;font:500 13px/1.4 var(--ok-font);color:var(--ok-text-2);overflow-wrap:anywhere}.ok-stat__icon{display:grid;place-items:center;flex:none}.ok-stat__icon .ok-icon{width:16px;height:16px}.ok-stat__value{min-width:0;font:700 clamp(24px,6vw,28px)/1.2 var(--ok-font-display);letter-spacing:-.015em;font-variant-numeric:tabular-nums;color:var(--ok-text);overflow-wrap:anywhere}.ok-stat__foot{align-self:end;display:flex;flex-wrap:wrap;align-items:center;min-width:0;gap:4px var(--ok-s-2);font:500 13px/1.4 var(--ok-font);color:var(--ok-text-2)}.ok-stat__delta{position:relative;display:inline-flex;align-items:center;gap:2px;height:22px;padding:0 8px 0 5px;border-radius:var(--ok-r-full);corner-shape:round;background:var(--ok-fill);color:var(--ok-text-2);font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.ok-stat__delta .ok-icon{width:14px;height:14px;stroke-width:2.2}.ok-stat__delta[data-mood=good]{background:var(--ok-success-soft);color:var(--ok-success-text)}.ok-stat__delta[data-mood=bad]{background:var(--ok-danger-soft);color:var(--ok-danger-text)}.ok-avatar{--c: var(--ok-accent);--size: 36px;position:relative;display:inline-grid;place-items:center;width:var(--size);height:var(--size);border-radius:50%;corner-shape:round;flex:none;background:var(--c);color:#1b1c22;font:700 calc(var(--size) * .36)/1 var(--ok-font);vertical-align:middle;user-select:none;box-shadow:0 0 0 2.5px var(--ok-avatar-ring, var(--ok-surface))}.ok-avatar__fallback{display:grid;place-items:center;white-space:nowrap}.ok-avatar__fallback .ok-icon{width:calc(var(--size) * .56);height:calc(var(--size) * .56)}.ok-avatar__img{position:absolute;inset:0;width:100%;height:100%;border-radius:inherit;corner-shape:inherit;object-fit:cover}.ok-avatar--more{--c: var(--ok-fill);color:var(--ok-text-2);font-size:calc(var(--size) * .32);font-variant-numeric:tabular-nums}.ok-avatar__status{position:absolute;right:-1px;bottom:-1px;width:max(9px,calc(var(--size) * .28));height:max(9px,calc(var(--size) * .28));border-radius:50%;corner-shape:round;background:var(--ok-success);box-shadow:0 0 0 2px var(--ok-avatar-ring, var(--ok-surface))}.ok-avatar__status[data-status=busy]{background:var(--ok-danger)}.ok-avatar__status[data-status=busy]:after{content:"";position:absolute;inset:calc(50% - 1px) 22%;border-radius:1px;background:var(--ok-avatar-ring, var(--ok-surface))}.ok-avatar__status[data-status=away]{background:var(--ok-warning)}.ok-avatar__status[data-status=away]:after{content:"";position:absolute;left:-10%;top:-10%;width:60%;height:60%;border-radius:50%;corner-shape:round;background:var(--ok-avatar-ring, var(--ok-surface))}.ok-avatar__status[data-status=offline]{background:var(--ok-avatar-ring, var(--ok-surface))}.ok-avatar__status[data-status=offline]:after{content:"";position:absolute;inset:0;border-radius:50%;corner-shape:round;box-shadow:inset 0 0 0 2px var(--ok-text-3)}.ok-avatars{display:inline-flex;min-width:0}.ok-avatars .ok-avatar+.ok-avatar{margin-left:-10px}.ok-avatars__more{display:inline-flex;margin:0 0 0 -10px;padding:0;border:0;background:none;border-radius:50%;corner-shape:round;cursor:pointer}.ok-avatars__more .ok-avatar--more{margin-left:0}@media (hover: hover){.ok-avatars__more:hover .ok-avatar--more{--c: var(--ok-fill-hover);color:var(--ok-text)}}.ok-avatars__panel{min-width:200px;max-width:min(280px,calc(100vw - 16px))}.ok-avatars__list{margin:0;padding:6px;list-style:none;max-height:min(320px,var(--ok-popup-avail-h, 320px));overflow:auto}.ok-avatars__item{display:flex;align-items:center;gap:10px;min-height:var(--ok-h-item);padding:0 10px}.ok-avatars__name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:500 14px/1.3 var(--ok-font)}.ok-avatars__rest{margin:0;padding:4px 16px 12px;font:450 13px/1.4 var(--ok-font);color:var(--ok-text-2)}.ok-react{display:inline-flex;align-items:center;gap:8px;height:var(--ok-h-md);padding:0 16px 0 12px;margin:0;border:0;border-radius:var(--ok-r-full);corner-shape:round;background:var(--ok-fill);color:var(--ok-text-2);font:600 14px/1 var(--ok-font);font-variant-numeric:tabular-nums;cursor:pointer;user-select:none;transition:background-color var(--ok-dur-3),color var(--ok-dur-3),transform var(--ok-spring-bouncy-dur) var(--ok-spring-bouncy)}.ok-react:active{transform:scale(.92);transition-duration:var(--ok-dur-3),var(--ok-dur-3),var(--ok-dur-1)}.ok-react__icon{display:grid;width:24px;height:24px}.ok-react__icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;transition:fill var(--ok-dur-3)}.ok-react__icon .nostril{fill:currentColor;stroke:none}.ok-react[aria-pressed=true]{background:var(--ok-accent-soft);color:var(--ok-accent-text)}.ok-react[aria-pressed=true] .ok-react__icon{animation:ok-oink var(--ok-dur-6) var(--ok-ease-out)}.ok-react[aria-pressed=true] .ok-react__icon svg{fill:var(--ok-accent-ring)}.ok-react:disabled{cursor:not-allowed;opacity:.5;transform:none}.ok-react[data-icon-only]{padding:0;width:var(--ok-h-md);justify-content:center}.ok-particle{position:fixed;z-index:600;left:0;top:0;border-radius:50%;corner-shape:round;pointer-events:none}.ok-code{padding:.12em .4em;border-radius:calc(6px * var(--ok-rk));corner-shape:var(--ok-corner);background:var(--ok-fill);font:500 .88em/1.5 var(--ok-font-mono);color:var(--ok-text);overflow-wrap:anywhere}.ok-codeblock{--_r: var(--ok-r-nested, calc(20px * var(--ok-rk)));--_p: var(--ok-s-4);position:relative;display:flex;flex-direction:column;min-width:0;border-radius:var(--_r);corner-shape:var(--ok-corner);background:var(--ok-well);color:var(--ok-text)}.ok-codeblock__head{display:flex;align-items:center;gap:var(--ok-s-2);min-width:0;min-height:calc(var(--ok-h-sm) + 16px);padding:8px 8px 0 var(--_p);font:600 12px/1.3 var(--ok-font);color:var(--ok-text-2)}.ok-codeblock__title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ok-text)}.ok-codeblock__lang{flex:none;letter-spacing:.04em;text-transform:uppercase}.ok-codeblock__copy{flex:none;margin-left:auto}.ok-codeblock__copy[data-state=copied]{color:var(--ok-success-text)}.ok-codeblock__copy[data-state=failed]{color:var(--ok-danger-text)}.ok-codeblock:not([data-head]) .ok-codeblock__head{position:absolute;z-index:1;top:0;right:0;padding:8px}.ok-codeblock:not([data-head]) .ok-codeblock__copy{background:var(--ok-well)}.ok-codeblock__pre{flex:1;min-width:0;margin:0;padding:var(--_p);border-radius:inherit;corner-shape:inherit;font:500 13px/1.6 var(--ok-font-mono);tab-size:2;white-space:pre;-webkit-text-size-adjust:100%}.ok-codeblock[data-head] .ok-codeblock__pre{padding-top:var(--ok-s-2)}.ok-codeblock__pre.ok-scroll:focus-visible{outline-offset:-2px}.ok-codeblock__pre[data-wrap]{white-space:pre-wrap;overflow-wrap:anywhere}.ok-codeblock__pre code{font:inherit}.ok-codeblock{max-width:100%}.ok-l{box-sizing:border-box;min-width:0;--ok-l-gap: initial;--ok-l-gap-sm: initial;--ok-l-gap-md: initial;--ok-l-gap-lg: initial;--ok-l-gap-xl: initial;--ok-l-rgap: initial;--ok-l-rgap-sm: initial;--ok-l-rgap-md: initial;--ok-l-rgap-lg: initial;--ok-l-rgap-xl: initial;--ok-l-p: initial;--ok-l-p-sm: initial;--ok-l-p-md: initial;--ok-l-p-lg: initial;--ok-l-p-xl: initial;--ok-l-px: initial;--ok-l-px-sm: initial;--ok-l-px-md: initial;--ok-l-px-lg: initial;--ok-l-px-xl: initial;--ok-l-py: initial;--ok-l-py-sm: initial;--ok-l-py-md: initial;--ok-l-py-lg: initial;--ok-l-py-xl: initial;--ok-l-align: initial;--ok-l-align-sm: initial;--ok-l-align-md: initial;--ok-l-align-lg: initial;--ok-l-align-xl: initial;--ok-l-justify: initial;--ok-l-justify-sm: initial;--ok-l-justify-md: initial;--ok-l-justify-lg: initial;--ok-l-justify-xl: initial;--ok-l-cols: initial;--ok-l-cols-sm: initial;--ok-l-cols-md: initial;--ok-l-cols-lg: initial;--ok-l-cols-xl: initial;--ok-l-span: initial;--ok-l-span-sm: initial;--ok-l-span-md: initial;--ok-l-span-lg: initial;--ok-l-span-xl: initial;--_l-gap: var(--ok-l-gap);--_l-rgap: var(--ok-l-rgap);--_l-p: var(--ok-l-p);--_l-px: var(--ok-l-px);--_l-py: var(--ok-l-py);--_l-align: var(--ok-l-align);--_l-justify: var(--ok-l-justify);--_l-cols: var(--ok-l-cols);--_l-span: var(--ok-l-span)}@media (min-width: 520px){.ok-l{--_l-gap: var(--ok-l-gap-sm, var(--ok-l-gap));--_l-rgap: var(--ok-l-rgap-sm, var(--ok-l-rgap));--_l-p: var(--ok-l-p-sm, var(--ok-l-p));--_l-px: var(--ok-l-px-sm, var(--ok-l-px));--_l-py: var(--ok-l-py-sm, var(--ok-l-py));--_l-align: var(--ok-l-align-sm, var(--ok-l-align));--_l-justify: var(--ok-l-justify-sm, var(--ok-l-justify));--_l-cols: var(--ok-l-cols-sm, var(--ok-l-cols));--_l-span: var(--ok-l-span-sm, var(--ok-l-span))}}@media (min-width: 768px){.ok-l{--_l-gap: var(--ok-l-gap-md, var(--ok-l-gap));--_l-rgap: var(--ok-l-rgap-md, var(--ok-l-rgap));--_l-p: var(--ok-l-p-md, var(--ok-l-p));--_l-px: var(--ok-l-px-md, var(--ok-l-px));--_l-py: var(--ok-l-py-md, var(--ok-l-py));--_l-align: var(--ok-l-align-md, var(--ok-l-align));--_l-justify: var(--ok-l-justify-md, var(--ok-l-justify));--_l-cols: var(--ok-l-cols-md, var(--ok-l-cols));--_l-span: var(--ok-l-span-md, var(--ok-l-span))}}@media (min-width: 1024px){.ok-l{--_l-gap: var(--ok-l-gap-lg, var(--ok-l-gap));--_l-rgap: var(--ok-l-rgap-lg, var(--ok-l-rgap));--_l-p: var(--ok-l-p-lg, var(--ok-l-p));--_l-px: var(--ok-l-px-lg, var(--ok-l-px));--_l-py: var(--ok-l-py-lg, var(--ok-l-py));--_l-align: var(--ok-l-align-lg, var(--ok-l-align));--_l-justify: var(--ok-l-justify-lg, var(--ok-l-justify));--_l-cols: var(--ok-l-cols-lg, var(--ok-l-cols));--_l-span: var(--ok-l-span-lg, var(--ok-l-span))}}@media (min-width: 1280px){.ok-l{--_l-gap: var(--ok-l-gap-xl, var(--ok-l-gap));--_l-rgap: var(--ok-l-rgap-xl, var(--ok-l-rgap));--_l-p: var(--ok-l-p-xl, var(--ok-l-p));--_l-px: var(--ok-l-px-xl, var(--ok-l-px));--_l-py: var(--ok-l-py-xl, var(--ok-l-py));--_l-align: var(--ok-l-align-xl, var(--ok-l-align));--_l-justify: var(--ok-l-justify-xl, var(--ok-l-justify));--_l-cols: var(--ok-l-cols-xl, var(--ok-l-cols));--_l-span: var(--ok-l-span-xl, var(--ok-l-span))}}.ok-l[data-pad]{padding:var(--_l-py, var(--_l-p, 0px)) var(--_l-px, var(--_l-p, 0px))}.ok-show:not([data-box]){display:contents}@media (max-width: 519.98px){[data-ok-hide-below=sm]{display:none!important}}@media (max-width: 767.98px){[data-ok-hide-below=md]{display:none!important}}@media (max-width: 1023.98px){[data-ok-hide-below=lg]{display:none!important}}@media (max-width: 1279.98px){[data-ok-hide-below=xl]{display:none!important}}@media (min-width: 520px){[data-ok-hide-above=sm]{display:none!important}}@media (min-width: 768px){[data-ok-hide-above=md]{display:none!important}}@media (min-width: 1024px){[data-ok-hide-above=lg]{display:none!important}}@media (min-width: 1280px){[data-ok-hide-above=xl]{display:none!important}}.ok-box[data-radius]{border-radius:var(--ok-box-r);corner-shape:var(--ok-corner)}.ok-box[data-radius=full]{corner-shape:round}.ok-box[data-surface]{background:var(--ok-box-bg);color:var(--ok-text)}.ok-box:is([data-border],[data-highlight]){--_box-line: transparent;--_box-hi: transparent;box-shadow:inset 0 0 0 1px var(--_box-line),inset 0 1.5px 0 var(--_box-hi)}.ok-box[data-border=line]{--_box-line: var(--ok-line)}.ok-box[data-border=strong]{--_box-line: var(--ok-line-2)}.ok-box[data-highlight]{--_box-hi: var(--ok-hi)}.ok-stack{display:flex;flex-direction:column;gap:var(--_l-gap, var(--ok-s-4));align-items:var(--_l-align, stretch);justify-content:var(--_l-justify, flex-start)}.ok-stack>*{min-width:0}.ok-stack>.ok-divider{flex:none;align-self:stretch}.ok-inline{display:flex;flex-wrap:wrap;gap:var(--_l-rgap, var(--_l-gap, var(--ok-s-2))) var(--_l-gap, var(--ok-s-2));align-items:var(--_l-align, center);justify-content:var(--_l-justify, flex-start)}.ok-inline[data-nowrap]{flex-wrap:nowrap}.ok-inline>*{min-width:0}.ok-grid{display:grid;grid-template-columns:repeat(var(--_l-cols, 1),minmax(0,1fr));gap:var(--_l-rgap, var(--_l-gap, var(--ok-s-4))) var(--_l-gap, var(--ok-s-4));align-items:var(--_l-align, stretch);justify-items:var(--_l-justify, stretch)}.ok-grid[data-auto]{grid-template-columns:repeat(auto-fill,minmax(min(var(--ok-grid-min),100%),1fr))}.ok-grid>*{min-width:0}.ok-grid__item{grid-column:var(--_l-span, auto)}.ok-container{--_gutter: var(--ok-s-4);--_max: 960px;box-sizing:border-box;width:100%;min-width:0;max-width:calc(var(--_max) + 2 * var(--_gutter));margin-inline:auto;padding-left:max(var(--_gutter),env(safe-area-inset-left,0px));padding-right:max(var(--_gutter),env(safe-area-inset-right,0px))}@media (min-width: 520px){.ok-container{--_gutter: var(--ok-s-5)}}@media (min-width: 768px){.ok-container{--_gutter: var(--ok-s-6)}}@media (min-width: 1024px){.ok-container{--_gutter: var(--ok-s-8)}}.ok-container[data-size=sm]{--_max: 560px}.ok-container[data-size=md]{--_max: 720px}.ok-container[data-size=lg]{--_max: 960px}.ok-container[data-size=xl]{--_max: 1200px}.ok-container[data-size=full]{max-width:none}.ok-container[data-gutter=false]{--_gutter: 0px;padding-left:0;padding-right:0}.ok-container[data-center=false]{margin-inline:0}.ok-center{display:grid;place-items:center}.ok-center[data-inline]{display:inline-grid}.ok-center[data-axis=horizontal]{place-items:start center}.ok-center[data-axis=vertical]{place-items:center start}.ok-center>*{min-width:0;max-width:100%}.ok-spacer{flex:1 1 0%;align-self:stretch;min-width:0;min-height:0;pointer-events:none}.ok-divider{flex:none;height:1px;min-width:0;border:0;margin:0;background:var(--ok-line)}.ok-divider[data-orientation=vertical]{width:1px;height:auto;min-height:1em;align-self:stretch}.ok-divider--label{display:flex;align-items:center;gap:var(--ok-s-3);height:auto;background:none;font:500 13px/1.4 var(--ok-font);color:var(--ok-text-2)}.ok-divider--label:before,.ok-divider--label:after{content:"";flex:1 1 0%;min-width:var(--ok-s-4);height:1px;background:var(--ok-line)}.ok-divider--label[data-label-align=start]:before,.ok-divider--label[data-label-align=end]:after{display:none}.ok-divider__label{flex:0 1 auto;min-width:0;overflow-wrap:anywhere}.ok-aspect{position:relative;min-width:0;overflow:hidden}.ok-aspect>:where(img,video,iframe,picture,canvas,embed,object){display:block;width:100%;height:100%;border:0;object-fit:cover}.ok-aspect>picture>img{display:block;width:100%;height:100%;object-fit:cover}.ok-sticky{position:sticky;z-index:2;min-width:0}.ok-scroll-area{box-sizing:border-box;min-width:0;min-height:0;max-width:100%;max-height:100%}.ok-scroll-area[data-direction=vertical]{overflow-x:hidden;overflow-y:auto}.ok-scroll-area[data-direction=horizontal]{overflow-x:auto;overflow-y:hidden}.ok-scroll-area[data-direction=both]{overflow:auto}.ok-scroll-area:focus-visible{outline-offset:-2px}.ok-page{display:flex;flex-direction:column;gap:var(--_l-gap, var(--ok-s-8));padding-top:var(--ok-s-6);padding-bottom:max(var(--ok-s-8),env(safe-area-inset-bottom,0px))}@media (min-width: 768px){.ok-page{padding-top:var(--ok-s-8);padding-bottom:max(var(--ok-s-12),env(safe-area-inset-bottom,0px))}}.ok-page[data-padded=false]{padding-top:0;padding-bottom:0}.ok-page>*{min-width:0}.ok-page-header{display:flex;flex-direction:column;gap:var(--ok-s-3);min-width:0}.ok-page-header__breadcrumb{min-width:0;font:500 13px/1.4 var(--ok-font);color:var(--ok-text-2)}.ok-page-header__row{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--ok-s-3) var(--ok-s-4);min-width:0}.ok-page-header__text{display:grid;gap:var(--ok-s-1);flex:1 1 280px;min-width:0}.ok-page-header__title{margin:0;font:700 var(--ok-fs-h2)/1.25 var(--ok-font-display);letter-spacing:-.015em;color:var(--ok-text);overflow-wrap:anywhere}.ok-page-header__desc{margin:0;max-width:68ch;font:450 15px/1.6 var(--ok-font);color:var(--ok-text-2)}.ok-page-header__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ok-s-2);flex:0 1 auto;min-width:0;max-width:100%}.ok-section{display:flex;flex-direction:column;gap:var(--_l-gap, var(--ok-s-4));min-width:0}.ok-section>*{min-width:0}.ok-section__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--ok-s-2) var(--ok-s-4)}.ok-section__text{display:grid;gap:2px;flex:1 1 200px;min-width:0}.ok-section__title{margin:0;font:600 var(--ok-fs-h3)/1.35 var(--ok-font);letter-spacing:-.01em;color:var(--ok-text);overflow-wrap:anywhere}.ok-section__desc{margin:0;font:450 14px/1.6 var(--ok-font);color:var(--ok-text-2)}.ok-section__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ok-s-2);min-width:0;max-width:100%}.ok-toolbar{--_bleed: 4px;display:flex;align-items:center;gap:var(--_l-gap, var(--ok-s-2));max-width:calc(100% + 2 * var(--_bleed));padding:var(--_bleed);margin:calc(-1 * var(--_bleed));overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:none;scroll-padding:var(--_bleed)}.ok-toolbar::-webkit-scrollbar{display:none}.ok-toolbar>*{flex:none}.ok-toolbar>.ok-spacer{flex:1 1 0%}.ok-toolbar[data-wrap]{flex-wrap:wrap;overflow:visible}.ok-toolbar[data-orientation=vertical]{flex-direction:column;align-items:stretch;max-width:none;max-height:calc(100% + 2 * var(--_bleed));overflow-x:hidden;overflow-y:auto;overscroll-behavior:auto contain}.ok-nav{position:relative;isolation:isolate;display:grid;gap:2px;min-width:0}.ok-nav__pill{position:absolute;z-index:-1;left:0;right:0;top:0;height:var(--h, var(--ok-h-item));transform:translateY(var(--y, 0));border-radius:calc(12px * var(--ok-rk));corner-shape:var(--ok-corner);background:var(--ok-raised);box-shadow:inset 0 0 0 1px var(--ok-line);opacity:0;pointer-events:none;transition:transform var(--ok-spring-dur) var(--ok-spring),height var(--ok-spring-dur) var(--ok-spring),opacity var(--ok-dur-2)}.ok-nav:not([data-ready]) .ok-nav__pill{transition:none}.ok-nav[data-ready] .ok-nav__pill{opacity:1}.ok-nav__item{box-sizing:border-box;display:flex;align-items:center;gap:10px;width:100%;min-width:0;height:var(--ok-h-item);padding:0 12px;margin:0;border:0;border-radius:calc(12px * var(--ok-rk));corner-shape:var(--ok-corner);background:none;font:500 14px/1 var(--ok-font);color:var(--ok-text-2);text-align:left;text-decoration:none;cursor:pointer;transition:color var(--ok-dur-2) var(--ok-ease-out),transform var(--ok-spring-dur) var(--ok-spring)}@media (hover: hover){.ok-nav__item:hover{color:var(--ok-text)}}.ok-nav__item[aria-current]:not([aria-current=false]){color:var(--ok-text);font-weight:600}.ok-nav__item--sub{height:var(--ok-h-item-sub);padding-left:26px;font-size:13px}.ok-nav__item[aria-disabled=true]{color:var(--ok-text-3);cursor:not-allowed;transform:none}.ok-nav__icon{display:inline-grid;place-items:center;flex:none;width:20px;height:20px}.ok-nav__icon .ok-icon{width:18px;height:18px}.ok-nav__label{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.3}.ok-nav__badge{display:inline-flex;align-items:center;flex:none;margin-left:auto;font-weight:600;font-size:12px;color:var(--ok-text-3)}.ok-nav__group{display:grid;gap:2px;min-width:0}.ok-nav__group+.ok-nav__group,.ok-nav__item+.ok-nav__group{margin-top:var(--ok-s-3)}.ok-nav__group-label{display:flex;align-items:center;height:28px;padding:0 12px;min-width:0;font:600 12px/1.3 var(--ok-font);color:var(--ok-text-3)}.ok-nav__group-label>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ok-nav[data-collapsed] .ok-nav__item{position:relative;justify-content:center;gap:0;padding:0}.ok-nav[data-collapsed] .ok-nav__label{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%)}.ok-nav[data-collapsed] .ok-nav__item:not(:has(.ok-nav__icon)) .ok-nav__label{position:static;width:1.2em;height:auto;margin:0;clip-path:none;text-overflow:clip;text-align:center}.ok-nav[data-collapsed] .ok-nav__badge{display:none}.ok-nav[data-collapsed] .ok-nav__item[data-has-badge]:after{content:"";position:absolute;top:7px;right:7px;width:7px;height:7px;border-radius:50%;corner-shape:round;background:var(--ok-accent)}.ok-nav[data-collapsed] .ok-nav__group-label{height:13px;padding:0 8px}.ok-nav[data-collapsed] .ok-nav__group-label:before{content:"";flex:1;height:1px;background:var(--ok-line)}.ok-nav[data-collapsed] .ok-nav__group-label>span{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%)}.ok-tabbar{--_pad: var(--ok-s-4);position:fixed;z-index:20;box-sizing:border-box;left:calc(max(var(--_pad),env(safe-area-inset-left,0px)) + var(--ok-tabbar-inset-start, 0px));right:calc(max(var(--_pad),env(safe-area-inset-right,0px)) + var(--ok-tabbar-inset-end, 0px));bottom:calc(env(safe-area-inset-bottom,0px) + 14px);display:flex;align-items:center;gap:10px;min-width:0}.ok-tabbar[data-position=absolute]{position:absolute;z-index:4}.ok-tabbar[data-position=static]{position:static}.ok-tabbar__list{position:relative;isolation:isolate;display:flex;flex:1 1 0%;min-width:0;padding:4px;border-radius:var(--ok-r-full);corner-shape:round;background:var(--ok-well);box-shadow:inset 0 0 0 1px var(--ok-line-2)}.ok-tabbar__thumb{position:absolute;z-index:-1;top:4px;bottom:4px;left:0;width:var(--w, 0);transform:translate(var(--x, 0));border-radius:inherit;corner-shape:inherit;background:var(--ok-raised);box-shadow:inset 0 0 0 1px var(--ok-line);opacity:0;transition:transform var(--ok-spring-dur) var(--ok-spring),width var(--ok-spring-dur) var(--ok-spring)}.ok-tabbar__list:not([data-ready]) .ok-tabbar__thumb{transition:none}.ok-tabbar__list[data-ready] .ok-tabbar__thumb{opacity:1}.ok-tabbar__item{position:relative;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:1 1 0%;min-width:0;height:calc(var(--ok-h-lg) - 8px);padding:0 12px;margin:0;border:0;border-radius:inherit;corner-shape:inherit;background:none;font:600 15px/1 var(--ok-font);color:var(--ok-text-2);text-decoration:none;white-space:nowrap;cursor:pointer;transition:color var(--ok-dur-2) var(--ok-ease-out),transform var(--ok-spring-bouncy-dur) var(--ok-spring-bouncy)}@media (hover: hover){.ok-tabbar__item:hover{color:var(--ok-text)}}.ok-tabbar__item:active{transform:scale(.93);transition-duration:var(--ok-dur-2),var(--ok-dur-1)}.ok-tabbar__item[aria-current=page]{color:var(--ok-text)}.ok-tabbar__item[aria-disabled=true]{color:var(--ok-text-3);cursor:not-allowed;transform:none}.ok-tabbar__icon{display:inline-grid;place-items:center;flex:none}.ok-tabbar__icon .ok-icon{width:18px;height:18px}.ok-tabbar__label{min-width:0;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.ok-tabbar__badge{display:inline-flex;flex:none;font-size:12px}.ok-tabbar__action{display:flex;flex:none}.ok-tabbar[data-position=static]{padding-inline:var(--ok-tabbar-inset-start, 0px) var(--ok-tabbar-inset-end, 0px)}.ok-tabbar[data-layout=stacked] .ok-tabbar__list{border-radius:calc(26px * var(--ok-rk, 1));corner-shape:var(--ok-corner)}.ok-tabbar[data-layout=stacked] :is(.ok-tabbar__thumb,.ok-tabbar__item){border-radius:calc(22px * var(--ok-rk, 1))}.ok-tabbar[data-layout=stacked] .ok-tabbar__item{flex:1 1 auto;flex-direction:column;gap:3px;min-width:44px;height:auto;min-height:52px;padding:6px 8px;font-size:11px;letter-spacing:.01em}.ok-tabbar[data-layout=stacked] .ok-tabbar__icon .ok-icon{width:20px;height:20px}.ok-tabbar[data-layout=stacked] .ok-tabbar__label{max-width:100%}.ok-tabbar[data-layout=stacked] .ok-tabbar__badge{position:absolute;top:3px;left:calc(50% + 5px)}.ok-split{--_sep: 12px;box-sizing:border-box;min-width:0;min-height:0;width:100%;height:100%;container-type:inline-size}@media (pointer: coarse){.ok-split{--_sep: 20px}}.ok-split__track{display:flex;width:100%;height:100%;min-width:0;min-height:0}.ok-split[data-orientation=vertical]>.ok-split__track{flex-direction:column}.ok-split__pane{box-sizing:border-box;min-width:0;min-height:0;overflow:auto}.ok-split__pane--first{flex:0 0 calc(var(--ok-split-size, 50) * 1% - var(--_sep) / 2)}.ok-split__pane--second{flex:1 1 0%}.ok-split__sep{position:relative;flex:0 0 var(--_sep);align-self:stretch;display:grid;place-items:center;border-radius:var(--ok-r-full);corner-shape:round;cursor:col-resize;touch-action:none;user-select:none;-webkit-user-select:none}.ok-split[data-orientation=vertical]>.ok-split__track>.ok-split__sep{cursor:row-resize}.ok-split__sep:after{content:"";width:4px;height:32px;max-height:60%;border-radius:var(--ok-r-full);corner-shape:round;background:var(--ok-line-2);transition:background-color var(--ok-dur-2) var(--ok-ease-out),transform var(--ok-spring-dur) var(--ok-spring)}.ok-split[data-orientation=vertical]>.ok-split__track>.ok-split__sep:after{width:32px;max-width:60%;height:4px;max-height:none}@media (hover: hover){.ok-split__sep:hover:after{background:var(--ok-text-3)}}.ok-split__sep:focus-visible{outline-offset:-2px}.ok-split__sep:focus-visible:after,.ok-split[data-dragging] .ok-split__sep:after{background:var(--ok-text-2);transform:scaleY(1.25)}.ok-split[data-orientation=vertical] .ok-split__sep:focus-visible:after,.ok-split[data-orientation=vertical][data-dragging] .ok-split__sep:after{transform:scaleX(1.25)}.ok-split[data-dragging] .ok-split__pane{user-select:none;-webkit-user-select:none;pointer-events:none}.ok-split[data-stacked=true]>.ok-split__track{flex-direction:column}.ok-split[data-stacked=true]>.ok-split__track>.ok-split__pane{flex:0 0 auto;width:auto;height:auto}.ok-split[data-stacked=true]>.ok-split__track>.ok-split__pane--second{flex:1 1 auto}.ok-split[data-stacked=true]>.ok-split__track>.ok-split__sep{flex-basis:1px;width:auto;height:1px;margin:var(--ok-s-3) 0;background:var(--ok-line);cursor:auto;pointer-events:none;touch-action:auto}.ok-split[data-stacked=true]>.ok-split__track>.ok-split__sep:after{display:none}@container (max-width: 519.98px){.ok-split[data-stack-below=sm]>.ok-split__track{flex-direction:column}.ok-split[data-stack-below=sm]>.ok-split__track>.ok-split__pane{flex:0 0 auto;width:auto;height:auto}.ok-split[data-stack-below=sm]>.ok-split__track>.ok-split__pane--second{flex:1 1 auto}.ok-split[data-stack-below=sm]>.ok-split__track>.ok-split__sep{flex-basis:1px;width:auto;height:1px;margin:var(--ok-s-3) 0;background:var(--ok-line);cursor:auto;pointer-events:none;touch-action:auto}.ok-split[data-stack-below=sm]>.ok-split__track>.ok-split__sep:after{display:none}}@container (max-width: 767.98px){.ok-split[data-stack-below=md]>.ok-split__track{flex-direction:column}.ok-split[data-stack-below=md]>.ok-split__track>.ok-split__pane{flex:0 0 auto;width:auto;height:auto}.ok-split[data-stack-below=md]>.ok-split__track>.ok-split__pane--second{flex:1 1 auto}.ok-split[data-stack-below=md]>.ok-split__track>.ok-split__sep{flex-basis:1px;width:auto;height:1px;margin:var(--ok-s-3) 0;background:var(--ok-line);cursor:auto;pointer-events:none;touch-action:auto}.ok-split[data-stack-below=md]>.ok-split__track>.ok-split__sep:after{display:none}}@container (max-width: 1023.98px){.ok-split[data-stack-below=lg]>.ok-split__track{flex-direction:column}.ok-split[data-stack-below=lg]>.ok-split__track>.ok-split__pane{flex:0 0 auto;width:auto;height:auto}.ok-split[data-stack-below=lg]>.ok-split__track>.ok-split__pane--second{flex:1 1 auto}.ok-split[data-stack-below=lg]>.ok-split__track>.ok-split__sep{flex-basis:1px;width:auto;height:1px;margin:var(--ok-s-3) 0;background:var(--ok-line);cursor:auto;pointer-events:none;touch-action:auto}.ok-split[data-stack-below=lg]>.ok-split__track>.ok-split__sep:after{display:none}}@container (max-width: 1279.98px){.ok-split[data-stack-below=xl]>.ok-split__track{flex-direction:column}.ok-split[data-stack-below=xl]>.ok-split__track>.ok-split__pane{flex:0 0 auto;width:auto;height:auto}.ok-split[data-stack-below=xl]>.ok-split__track>.ok-split__pane--second{flex:1 1 auto}.ok-split[data-stack-below=xl]>.ok-split__track>.ok-split__sep{flex-basis:1px;width:auto;height:1px;margin:var(--ok-s-3) 0;background:var(--ok-line);cursor:auto;pointer-events:none;touch-action:auto}.ok-split[data-stack-below=xl]>.ok-split__track>.ok-split__sep:after{display:none}}.ok-shell{--_gap: var(--ok-shell-gap, 12px);position:relative;box-sizing:border-box;display:grid;min-width:0;grid-template:"header header header" auto "sidebar main aside" minmax(0,1fr) "footer footer footer" auto / auto minmax(0,1fr) auto;height:100vh;height:100dvh;overflow:hidden;overflow:clip;padding:max(var(--_gap),env(safe-area-inset-top,0px)) max(var(--_gap),env(safe-area-inset-right,0px)) max(var(--_gap),env(safe-area-inset-bottom,0px)) max(var(--_gap),env(safe-area-inset-left,0px));background:var(--ok-bg);color:var(--ok-text);font-family:var(--ok-font)}@media (max-width: 519.98px){.ok-shell:not([data-contained]){--_gap: var(--ok-shell-gap, 8px)}}.ok-shell[data-contained]{height:100%;padding:var(--_gap);container:ok-shell / inline-size}.ok-skip-link{position:absolute;z-index:90;top:var(--_gap, 12px);left:var(--_gap, 12px);display:inline-flex;align-items:center;height:var(--ok-h-md);padding:0 var(--ok-s-4);border-radius:var(--ok-r-full);corner-shape:round;background:var(--ok-inverse);color:var(--ok-on-inverse);font:600 14px/1 var(--ok-font);text-decoration:none;white-space:nowrap;opacity:0;transform:translateY(calc(-100% - 2 * var(--_gap, 12px)));pointer-events:none;transition:opacity var(--ok-dur-2) var(--ok-ease-in),transform var(--ok-dur-3) var(--ok-ease-in)}.ok-skip-link:focus,.ok-skip-link:focus-visible{opacity:1;transform:none;pointer-events:auto;transition:opacity var(--ok-dur-2) var(--ok-ease-out),transform var(--ok-spring-soft-dur) var(--ok-spring-soft)}.ok-shell-card{box-sizing:border-box;display:flex;flex-direction:column;min-width:0;min-height:0;padding:var(--ok-shell-card-pad, var(--ok-s-5));border-radius:var(--ok-r-5);corner-shape:var(--ok-corner);background:var(--ok-surface);color:var(--ok-text);box-shadow:inset 0 0 0 1px var(--ok-line),inset 0 1.5px 0 var(--ok-hi);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;position:relative}.ok-shell-card,.ok-float__card.ok-shell-card{--ok-r-nested: max(calc(4px * var(--ok-rk)), calc(var(--ok-r-5) - var(--ok-shell-card-pad, var(--ok-s-5)) * var(--ok-rk)))}.ok-float__card.ok-shell__drawer{box-shadow:inset 0 0 0 1px var(--ok-line-2),inset 0 1.5px 0 var(--ok-hi)}.ok-shell__drawer-body{display:flex;flex-direction:column;flex:1 1 auto;min-width:0;min-height:0}.ok-shell__sidebar{grid-area:sidebar;margin-inline-end:var(--_gap);width:var(--ok-shell-sidebar-w, 260px);max-width:45vw;transition:width var(--ok-spring-soft-dur) var(--ok-spring-soft)}.ok-shell__sidebar[data-rail]{width:calc(36px + 2 * var(--ok-shell-card-pad, var(--ok-s-5)))}@media (pointer: coarse){.ok-shell__sidebar[data-rail]{width:calc(44px + 2 * var(--ok-shell-card-pad, var(--ok-s-5)))}}.ok-shell__aside{grid-area:aside;margin-inline-start:var(--_gap);width:var(--ok-shell-aside-w, 320px);max-width:45vw}.ok-shell__main{position:relative;grid-area:main;box-sizing:border-box;min-width:0;min-height:0;overflow:auto}.ok-shell__main:focus-visible{outline-offset:-2px;border-radius:var(--ok-r-3)}.ok-shell__header,.ok-shell__footer{box-sizing:border-box;display:flex;align-items:center;gap:var(--ok-s-3);min-width:0}.ok-shell__header{grid-area:header;min-height:var(--ok-h-lg);margin-bottom:var(--_gap);padding:0 var(--ok-s-2)}.ok-shell__footer{grid-area:footer;min-height:var(--ok-h-md);margin-top:var(--_gap);padding:0 var(--ok-s-2);font:450 13px/1.4 var(--ok-font);color:var(--ok-text-2)}.ok-shell__header>*,.ok-shell__footer>*{min-width:0}:is(.ok-shell__header,.ok-shell__footer)[data-variant=card]{padding:var(--ok-s-2) var(--ok-s-4);border-radius:var(--ok-r-4);corner-shape:var(--ok-corner);background:var(--ok-surface);box-shadow:inset 0 0 0 1px var(--ok-line),inset 0 1.5px 0 var(--ok-hi)}@media (max-width: 519.98px){.ok-shell:not([data-contained])[data-collapsed=auto][data-collapse-below=sm]>.ok-shell__sidebar,.ok-shell:not([data-contained])[data-collapsed=auto][data-aside-collapse-below=sm]>.ok-shell__aside{display:none}}@container ok-shell (max-width: 519.98px){.ok-shell[data-contained][data-collapsed=auto][data-collapse-below=sm]>.ok-shell__sidebar,.ok-shell[data-contained][data-collapsed=auto][data-aside-collapse-below=sm]>.ok-shell__aside{display:none}}@media (max-width: 767.98px){.ok-shell:not([data-contained])[data-collapsed=auto][data-collapse-below=md]>.ok-shell__sidebar,.ok-shell:not([data-contained])[data-collapsed=auto][data-aside-collapse-below=md]>.ok-shell__aside{display:none}}@container ok-shell (max-width: 767.98px){.ok-shell[data-contained][data-collapsed=auto][data-collapse-below=md]>.ok-shell__sidebar,.ok-shell[data-contained][data-collapsed=auto][data-aside-collapse-below=md]>.ok-shell__aside{display:none}}@media (max-width: 1023.98px){.ok-shell:not([data-contained])[data-collapsed=auto][data-collapse-below=lg]>.ok-shell__sidebar,.ok-shell:not([data-contained])[data-collapsed=auto][data-aside-collapse-below=lg]>.ok-shell__aside{display:none}}@container ok-shell (max-width: 1023.98px){.ok-shell[data-contained][data-collapsed=auto][data-collapse-below=lg]>.ok-shell__sidebar,.ok-shell[data-contained][data-collapsed=auto][data-aside-collapse-below=lg]>.ok-shell__aside{display:none}}@media (max-width: 1279.98px){.ok-shell:not([data-contained])[data-collapsed=auto][data-collapse-below=xl]>.ok-shell__sidebar,.ok-shell:not([data-contained])[data-collapsed=auto][data-aside-collapse-below=xl]>.ok-shell__aside{display:none}}@container ok-shell (max-width: 1279.98px){.ok-shell[data-contained][data-collapsed=auto][data-collapse-below=xl]>.ok-shell__sidebar,.ok-shell[data-contained][data-collapsed=auto][data-aside-collapse-below=xl]>.ok-shell__aside{display:none}}.site-search__foot{display:inline-flex;align-items:center;gap:4px;font:450 12px/1 var(--ok-font);color:var(--ok-text-3)}.site-search__foot kbd+kbd{margin-left:-1px}html,body{margin:0}body{background:var(--ok-bg);color:var(--ok-text);font:450 15px/1.6 var(--ok-font);-webkit-font-smoothing:antialiased}a{color:inherit}.site-brand{display:inline-flex;align-items:center;flex:none;color:var(--ok-text);text-decoration:none;border-radius:var(--ok-r-1)}.site-top{display:flex;gap:4px;margin-left:8px;margin-right:auto}.site-top a{padding:8px 12px;border-radius:var(--ok-r-full);corner-shape:round;font:500 14px/1 var(--ok-font);color:var(--ok-text-2);text-decoration:none;white-space:nowrap}.site-top a[aria-current=page]{color:var(--ok-text);font-weight:600;background:var(--ok-fill)}@media (hover: hover){.site-top a:hover{color:var(--ok-text)}}.site-controls{display:flex;align-items:center;gap:12px;flex:none}.site-theme{flex:none}:root:not([data-theme=dark]) .site-theme__sun,:root[data-theme=dark] .site-theme__moon{display:none}@media (max-width: 419.98px){.site-brand .ok-logo__word{display:none}}.site-actions{display:flex;align-items:center;gap:0;flex:none}.site-accents{display:flex;align-items:center;gap:6px}.site-accent{flex:none;width:22px;height:22px;padding:0;border:0;border-radius:50%;background:var(--ok-accent);cursor:pointer;box-shadow:inset 0 0 0 1px var(--ok-line-2);touch-action:manipulation;transition:box-shadow var(--ok-dur-2) var(--ok-ease-out),transform var(--ok-spring-dur) var(--ok-spring)}:root[data-accent=pink] .site-accent[data-accent=pink],:root[data-accent=orange] .site-accent[data-accent=orange],:root[data-accent=amber] .site-accent[data-accent=amber],:root[data-accent=blue] .site-accent[data-accent=blue],:root[data-accent=violet] .site-accent[data-accent=violet],:root[data-accent=custom] .site-accent--custom{box-shadow:inset 0 0 0 2px var(--ok-bg),0 0 0 1.5px var(--ok-text)}.site-accent:active{transform:scale(.9)}.site-accent-row{display:flex;align-items:center;gap:6px}.site-accent-row--wrap{flex-wrap:wrap}.site-accent--custom{position:relative;background:conic-gradient(from 200deg,#ff5f7e,#ff9f43,#ffd43b,#69db7c,#4dabf7,#9775fa,#f06595,#ff5f7e)}.site-accent--custom:before{content:"";position:absolute;inset:6px;border-radius:50%;corner-shape:round;background:var(--ok-accent);opacity:0;transform:scale(.4);transition:opacity var(--ok-dur-2) var(--ok-ease-out),transform var(--ok-spring-dur) var(--ok-spring)}:root[data-accent=custom] .site-accent--custom:before{opacity:1;transform:none;box-shadow:0 0 0 1.5px var(--ok-bg)}.site-accent-custom{flex-basis:100%;margin-top:12px}@media (pointer: coarse){.site-accent{position:relative}.site-accent:after{content:"";position:absolute;inset:-11px -4px}}@media (max-width: 767.98px){.site-top{margin-left:0}.site-top a{padding:8px}}.site-main{width:100%;max-width:980px;margin:0 auto;padding:32px clamp(16px,4vw,40px) 96px;min-width:0}.site-404{padding:80px 0;text-align:center}:root[data-embed] .site-back{display:none}.site-back{position:fixed;z-index:70;left:max(12px,env(safe-area-inset-left));bottom:max(12px,env(safe-area-inset-bottom));text-decoration:none;background:var(--ok-pop);box-shadow:inset 0 0 0 1px var(--ok-line-2)}.site-sticky{position:sticky;top:0;z-index:40;max-width:none!important;background:var(--ok-bg);padding-left:max(var(--_pad, 16px),calc((100% - var(--_max, 1440px)) / 2 + var(--_pad, 16px)))!important;padding-right:max(var(--_pad, 16px),calc((100% - var(--_max, 1440px)) / 2 + var(--_pad, 16px)))!important;transition:box-shadow var(--ok-dur-2) var(--ok-ease-out)}.site-sticky[data-scrolled]{box-shadow:inset 0 -1px 0 var(--ok-line)}.home .site-sticky{--_pad: var(--home-pad);--_max: var(--home-max)}.gal .site-sticky{--_pad: var(--gal-pad);--_max: var(--gal-max)}@media (min-width: 768px){.site-controls .site-accent-btn{display:none}}@media (max-width: 767.98px){.site-accents--wide{display:none}}.site-accent-btn .site-accent--swatch{width:18px;height:18px;pointer-events:none;box-shadow:inset 0 0 0 1px var(--ok-line-2)}.site-accent-pop{padding:12px 14px}