@med-o/ui 0.0.0-stage → 0.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (47) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +38 -2
  3. package/dist/index.d.ts +2237 -0
  4. package/dist/index.js +5119 -0
  5. package/dist/index.js.map +1 -0
  6. package/dist/styles.css +1 -0
  7. package/package.json +77 -4
  8. package/src/accordion/accordion.css +184 -0
  9. package/src/alert/alert.css +147 -0
  10. package/src/avatar/avatar.css +221 -0
  11. package/src/badge/badge.css +153 -0
  12. package/src/bottom-sheet/bottom-sheet.css +202 -0
  13. package/src/breadcrumbs/breadcrumbs.css +147 -0
  14. package/src/bulk-action-bar/bulk-action-bar.css +98 -0
  15. package/src/button/button.css +319 -0
  16. package/src/card/card.css +217 -0
  17. package/src/checkbox/choice.css +196 -0
  18. package/src/combobox/combobox.css +125 -0
  19. package/src/date-time/date-time.css +474 -0
  20. package/src/dialog/dialog.css +319 -0
  21. package/src/drawer/drawer.css +156 -0
  22. package/src/empty-state/empty-state.css +161 -0
  23. package/src/field/field.css +115 -0
  24. package/src/link/link.css +103 -0
  25. package/src/list/list.css +172 -0
  26. package/src/list-view/list-view.css +473 -0
  27. package/src/listbox/listbox.css +203 -0
  28. package/src/media/media.css +298 -0
  29. package/src/menu/menu.css +183 -0
  30. package/src/navigation/navigation.css +625 -0
  31. package/src/pagination/pagination.css +132 -0
  32. package/src/popover/popover.css +166 -0
  33. package/src/progress/progress.css +225 -0
  34. package/src/search/search.css +309 -0
  35. package/src/select/select.css +229 -0
  36. package/src/slider/slider.css +212 -0
  37. package/src/styles.css +48 -0
  38. package/src/switch/switch.css +160 -0
  39. package/src/table/table.css +286 -0
  40. package/src/tabs/tabs.css +211 -0
  41. package/src/tag/tag.css +225 -0
  42. package/src/text-field/input.css +206 -0
  43. package/src/toast/toast.css +184 -0
  44. package/src/toggle-button/toggle-button.css +143 -0
  45. package/src/tooltip/tooltip.css +66 -0
  46. package/src/upload/upload.css +380 -0
  47. package/src/utils/utilities.css +14 -0
package/dist/styles.css ADDED
@@ -0,0 +1 @@
1
+ @layer theme,base;@layer components{.medo-visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.medo-button{--_bg:transparent;--_bg-hover:var(--_bg);--_bg-pressed:var(--_bg-hover);--_fg:var(--medo-color-text-primary);--_fg-hover:var(--_fg);--_fg-pressed:var(--_fg-hover);--_focus:var(--medo-shadow-focus-ring-inset);box-sizing:border-box;justify-content:center;align-items:center;gap:var(--medo-space-2);block-size:var(--medo-size-control-md);padding-block:0;padding-inline:var(--medo-space-4);border-radius:var(--medo-radius-md);background-color:var(--_bg);color:var(--_fg);font:var(--medo-typography-label-md);letter-spacing:var(--medo-font-tracking-normal);white-space:nowrap;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;transition:background-color var(--medo-motion-duration-fast) var(--medo-motion-easing-standard), color var(--medo-motion-duration-fast) var(--medo-motion-easing-standard), box-shadow var(--medo-motion-duration-fast) var(--medo-motion-easing-standard);border:0;text-decoration:none;display:inline-flex}.medo-button[data-hovered]{background-color:var(--_bg-hover);color:var(--_fg-hover)}@media (hover:hover){.medo-button:not([data-rac]):hover{background-color:var(--_bg-hover);color:var(--_fg-hover)}}.medo-button[data-pressed],.medo-button:not([data-rac]):active{background-color:var(--_bg-pressed);color:var(--_fg-pressed)}.medo-button:focus-visible{outline:none}.medo-button[data-focus-visible],.medo-button:not([data-rac]):focus-visible{box-shadow:var(--_focus)}@media (forced-colors:active){.medo-button:is([data-focus-visible],:not([data-rac]):focus-visible){outline:var(--medo-focus-ring-width) solid CanvasText;outline-offset:2px}}.medo-button:disabled,.medo-button[data-disabled],.medo-button[aria-disabled=true]:not([data-pending]){--_bg:var(--medo-color-action-disabled);--_bg-hover:var(--_bg);--_bg-pressed:var(--_bg);--_fg:var(--medo-color-text-disabled);--_fg-hover:var(--_fg);cursor:not-allowed}.medo-button:is([data-pressed],:not([data-rac]):active){transition-duration:0s}.medo-button--sm{gap:var(--medo-space-1);block-size:var(--medo-size-control-sm);padding-inline:var(--medo-space-3)}.medo-button--lg{block-size:var(--medo-size-control-lg);padding-inline:var(--medo-space-5);font:var(--medo-typography-label-lg)}.medo-button__icon{inline-size:var(--medo-size-icon-sm);block-size:var(--medo-size-icon-sm);flex-shrink:0;display:inline-flex}.medo-button--lg .medo-button__icon{inline-size:var(--medo-size-icon-md);block-size:var(--medo-size-icon-md)}.medo-button__icon>svg,.medo-button__icon>.medo-spinner{block-size:100%;inline-size:100%}.medo-button[data-pending]{cursor:progress}.medo-button--primary{--_bg:var(--medo-color-action-primary);--_bg-hover:var(--medo-color-action-primary-hover);--_bg-pressed:var(--medo-color-action-primary-pressed);--_fg:var(--medo-color-text-on-action)}.medo-button--secondary{--_bg:var(--medo-color-action-secondary);--_bg-hover:var(--medo-color-action-secondary-hover);--_bg-pressed:var(--medo-color-action-secondary-pressed);--_fg:var(--medo-color-text-primary)}.medo-button--danger{--_bg:var(--medo-color-action-danger);--_bg-hover:var(--medo-color-action-danger-hover);--_bg-pressed:var(--medo-color-action-danger-pressed);--_fg:var(--medo-color-text-on-danger)}.medo-button--ghost{--_bg-hover:var(--medo-color-state-hover);--_bg-pressed:var(--medo-color-state-pressed);--_fg:var(--medo-color-text-primary);--_focus:inset 0 0 0 var(--medo-focus-ring-width) var(--medo-color-focus-ring)}.medo-button--ghost-danger{--_bg-hover:var(--medo-color-feedback-danger-surface);--_bg-pressed:var(--medo-color-state-pressed);--_fg:var(--medo-color-text-danger);--_focus:inset 0 0 0 var(--medo-focus-ring-width) var(--medo-color-focus-ring)}.medo-button--text{--_fg:var(--medo-color-text-brand);--_fg-hover:var(--medo-color-text-brand-hover);--_fg-pressed:var(--medo-color-text-brand-pressed);border-radius:var(--medo-radius-sm);padding-inline:0}.medo-button--text[data-hovered],.medo-button--text[data-pressed],.medo-button--text:not([data-rac]):is(:hover,:active){text-underline-offset:.2em;text-decoration:underline}.medo-button--text:is([data-focus-visible],:not([data-rac]):focus-visible){box-shadow:none;outline:var(--medo-focus-ring-width) solid var(--medo-color-focus-ring);outline-offset:2px}.medo-button--ghost:is(:disabled,[data-disabled],[aria-disabled=true]),.medo-button--ghost-danger:is(:disabled,[data-disabled],[aria-disabled=true]),.medo-button--text:is(:disabled,[data-disabled],[aria-disabled=true]){--_bg:transparent;text-decoration:none}.medo-button--icon-only{inline-size:var(--medo-size-control-md);padding-inline:0}.medo-button--icon-only .medo-button__icon{inline-size:var(--medo-size-icon-md);block-size:var(--medo-size-icon-md)}.medo-button--icon-only.medo-button--sm{inline-size:var(--medo-size-control-sm)}.medo-button--icon-only.medo-button--sm .medo-button__icon{inline-size:var(--medo-size-icon-sm);block-size:var(--medo-size-icon-sm)}.medo-button--icon-only.medo-button--lg{inline-size:var(--medo-size-control-lg)}.medo-button--icon-only.medo-button--lg .medo-button__icon{inline-size:var(--medo-size-icon-lg);block-size:var(--medo-size-icon-lg)}.medo-button--media,.medo-button--media-ghost{--_fg:var(--medo-color-text-on-media);--_tint:transparent;border-radius:var(--medo-radius-full);background-image:linear-gradient(var(--_tint), var(--_tint));position:relative}.medo-button--media{--_bg:var(--medo-color-overlay-media);--_focus:var(--medo-shadow-focus-ring)}.medo-button--media:is([data-hovered],:not([data-rac]):hover),.medo-button--media-ghost:is([data-hovered],:not([data-rac]):hover){--_tint:var(--medo-color-state-hover-on-media)}.medo-button--media:is([data-pressed],:not([data-rac]):active),.medo-button--media-ghost:is([data-pressed],:not([data-rac]):active){--_tint:var(--medo-color-state-pressed-on-media)}.medo-button--icon-only:is(.medo-button--media,.medo-button--media-ghost).medo-button--sm{inline-size:calc(var(--medo-space-6) + var(--medo-space-1));block-size:calc(var(--medo-space-6) + var(--medo-space-1))}.medo-button--icon-only:is(.medo-button--media,.medo-button--media-ghost).medo-button--sm:before{content:"";inset:calc(-1 * var(--medo-space-2));border-radius:var(--medo-radius-full);position:absolute}.medo-button-group{align-items:center;gap:var(--medo-space-2);flex-wrap:wrap;display:flex}.medo-button-group--footer,.medo-button-group--header{justify-content:flex-end}.medo-button-group__destructive{margin-inline-end:auto}@media (width<=639.98px){.medo-button-group--footer,.medo-button-group--content{flex-direction:column;align-items:stretch}.medo-button-group--footer{flex-direction:column-reverse}.medo-button-group--footer .medo-button-group__destructive{order:-1;margin-inline-end:0;display:grid}}.medo-field{gap:var(--medo-space-1);flex-direction:column;min-inline-size:0;display:flex}.medo-field--group{gap:var(--medo-space-2)}.medo-field__label{gap:var(--medo-space-1);font:var(--medo-typography-label-md);color:var(--medo-color-text-primary);padding-inline-start:var(--medo-space-0-5);display:inline-flex}.medo-field__required{color:var(--medo-color-text-danger)}.medo-field__footer{align-items:flex-start;gap:var(--medo-space-2);font:var(--medo-typography-body-sm);padding-inline-start:var(--medo-space-0-5);display:flex}.medo-field__footer:empty{display:none}.medo-field__description{color:var(--medo-color-text-secondary)}.medo-field[data-invalid]>.medo-field__footer>.medo-field__description{display:none}.medo-field__error{align-items:flex-start;gap:var(--medo-space-1);color:var(--medo-color-text-danger);display:flex}.medo-field__error>svg{inline-size:var(--medo-size-icon-sm);block-size:var(--medo-size-icon-sm);flex-shrink:0;margin-block-start:var(--medo-space-0-5)}.medo-field__counter{color:var(--medo-color-text-secondary);white-space:nowrap;font-variant-numeric:tabular-nums;margin-inline-start:auto}.medo-field__counter[data-over]{color:var(--medo-color-text-danger)}.medo-field[data-disabled] .medo-field__label{color:var(--medo-color-text-disabled)}.medo-field__options{gap:var(--medo-space-2);flex-direction:column;display:flex}.medo-field[data-orientation=horizontal] .medo-field__options{column-gap:var(--medo-space-6);flex-flow:wrap}.medo-field__error{transition:opacity var(--medo-motion-duration-fast) var(--medo-motion-easing-standard), translate var(--medo-motion-spring-snappy-duration) var(--medo-motion-spring-snappy)}@starting-style{.medo-field__error{opacity:0;translate:0 calc(-1 * var(--medo-space-1))}}@media (prefers-reduced-motion:reduce){@starting-style{.medo-field__error{translate:none}}}.medo-input,.medo-textarea{--_border:var(--medo-color-border-strong);box-sizing:border-box;border:var(--medo-border-width-thin) solid var(--_border);border-radius:var(--medo-radius-md);background-color:var(--medo-color-surface-default);inline-size:100%;color:var(--medo-color-text-primary);font:var(--medo-typography-body-sm);transition:border-color var(--medo-motion-duration-fast) var(--medo-motion-easing-standard), box-shadow var(--medo-motion-duration-fast) var(--medo-motion-easing-standard)}.medo-input{align-items:center;gap:var(--medo-space-2);block-size:var(--medo-size-control-md);padding-inline:var(--medo-space-3);cursor:text;display:flex}.medo-input__control{block-size:100%;min-inline-size:0;color:inherit;font:inherit;background:0 0;border:0;outline:none;flex:1;padding:0}.medo-input__control::placeholder,.medo-textarea::placeholder{color:var(--medo-color-text-secondary);opacity:1}.medo-input__icon{inline-size:var(--medo-size-icon-sm);block-size:var(--medo-size-icon-sm);color:var(--medo-color-text-secondary);flex-shrink:0;display:inline-flex}.medo-input__icon>svg{block-size:100%;inline-size:100%}.medo-textarea{padding:var(--medo-space-2) var(--medo-space-3);min-block-size:calc(3lh + 2 * var(--medo-space-2) + 2 * var(--medo-border-width-thin));max-block-size:calc(8lh + 2 * var(--medo-space-2) + 2 * var(--medo-border-width-thin));field-sizing:content;resize:vertical;outline:none;display:block;overflow:auto}@media (hover:hover){.medo-input:hover:not(:has(>.medo-input__control:is(:disabled,[readonly]))),.medo-textarea:hover:not(:disabled,[readonly]){--_border:var(--medo-color-border-strong-hover)}}.medo-input:has(>.medo-input__control[data-invalid]),.medo-textarea[data-invalid]{--_border:var(--medo-color-border-danger)}.medo-input:has(>.medo-input__control:focus),.medo-textarea:focus{--_border:var(--medo-color-focus-ring);box-shadow:inset 0 0 0 var(--medo-border-width-thin) var(--medo-color-focus-ring)}.medo-input:has(>.medo-input__control[readonly]),.medo-textarea[readonly]{--_border:var(--medo-color-border-default);background-color:var(--medo-color-surface-subtle)}.medo-input:has(>.medo-input__control:disabled),.medo-textarea:disabled{--_border:var(--medo-color-border-default);background-color:var(--medo-color-action-disabled);color:var(--medo-color-text-disabled);cursor:not-allowed}.medo-input:has(>.medo-input__control:disabled) .medo-input__icon{color:var(--medo-color-text-disabled)}@media (forced-colors:active){.medo-input:has(>.medo-input__control:focus),.medo-textarea:focus{outline:var(--medo-focus-ring-width) solid Highlight}}.medo-input--sm{block-size:var(--medo-size-control-sm)}.medo-input--lg{block-size:var(--medo-size-control-lg);padding-inline:var(--medo-space-4);font:var(--medo-typography-body-md)}.medo-input--lg .medo-input__icon{inline-size:var(--medo-size-icon-md);block-size:var(--medo-size-icon-md)}.medo-textarea--lg{padding:var(--medo-space-3) var(--medo-space-4);font:var(--medo-typography-body-md);min-block-size:calc(3lh + 2 * var(--medo-space-3) + 2 * var(--medo-border-width-thin));max-block-size:calc(8lh + 2 * var(--medo-space-3) + 2 * var(--medo-border-width-thin))}.medo-input__action{inline-size:var(--medo-size-icon-lg);block-size:var(--medo-size-icon-lg);border-radius:var(--medo-radius-sm);color:var(--medo-color-text-secondary);cursor:pointer;background:0 0;border:0;outline:none;flex-shrink:0;place-items:center;margin-inline-end:calc(-1 * var(--medo-space-1));padding:0;display:inline-grid}.medo-input__action>svg{inline-size:var(--medo-size-icon-sm);block-size:var(--medo-size-icon-sm)}.medo-input__action[data-hovered]{background:var(--medo-color-state-hover);color:var(--medo-color-text-primary)}.medo-input__action[data-pressed]{background:var(--medo-color-state-pressed);color:var(--medo-color-text-primary)}.medo-input__action[data-focus-visible]{box-shadow:inset 0 0 0 var(--medo-focus-ring-width) var(--medo-color-focus-ring)}.medo-input__action[data-disabled]{color:var(--medo-color-text-disabled);cursor:not-allowed}.medo-input--lg .medo-input__action{inline-size:var(--medo-size-control-sm);block-size:var(--medo-size-control-sm)}.medo-input--lg .medo-input__action>svg{inline-size:var(--medo-size-icon-md);block-size:var(--medo-size-icon-md)}.medo-choice{--_box:var(--medo-size-icon-sm);--_gap:var(--medo-space-2);--_border:var(--medo-color-border-strong);--_accent:var(--medo-color-action-primary);font:var(--medo-typography-body-sm);color:var(--medo-color-text-primary);flex-direction:column;display:flex}.medo-choice--lg{--_box:var(--medo-size-icon-md);font:var(--medo-typography-body-md)}.medo-choice__button{align-items:flex-start;gap:var(--_gap);cursor:pointer;inline-size:fit-content;display:inline-flex}.medo-choice__control{box-sizing:border-box;inline-size:var(--_box);block-size:var(--_box);border:var(--medo-border-width-thin) solid var(--_border);background-color:var(--medo-color-surface-default);color:var(--medo-color-text-on-action);transition:background-color var(--medo-motion-duration-fast) var(--medo-motion-easing-standard), border-color var(--medo-motion-duration-fast) var(--medo-motion-easing-standard);flex-shrink:0;place-items:center;margin-block-start:var(--medo-space-0-5);display:inline-grid}.medo-checkbox .medo-choice__control{border-radius:var(--medo-radius-sm)}.medo-checkbox .medo-choice__control>svg{inline-size:calc(var(--_box) - 2 * var(--medo-space-0-5));block-size:calc(var(--_box) - 2 * var(--medo-space-0-5));stroke-width:3px}.medo-radio .medo-choice__control{border-radius:var(--medo-radius-full)}.medo-radio .medo-choice__control:after{content:"";inline-size:calc(var(--_box) / 2);block-size:calc(var(--_box) / 2);border-radius:var(--medo-radius-full);background-color:var(--_accent);transition:transform var(--medo-motion-spring-snappy-duration) var(--medo-motion-spring-snappy);transform:scale(0)}.medo-checkbox .medo-choice__control>svg{transition:scale var(--medo-motion-spring-snappy-duration) var(--medo-motion-spring-snappy), opacity var(--medo-motion-duration-fast) var(--medo-motion-easing-standard)}@starting-style{.medo-checkbox .medo-choice__control>svg{opacity:0;scale:.4}}.medo-choice__description{font:var(--medo-typography-body-sm);color:var(--medo-color-text-secondary);margin-inline-start:calc(var(--_box) + var(--_gap))}.medo-choice__button[data-hovered]{--_border:var(--medo-color-border-strong-hover);--_accent:var(--medo-color-action-primary-hover)}.medo-choice[data-invalid]{--_border:var(--medo-color-border-danger)}.medo-checkbox:is([data-selected],[data-indeterminate]) .medo-choice__control{border-color:var(--_accent);background-color:var(--_accent)}.medo-radio[data-selected] .medo-choice__control{border-color:var(--_accent)}.medo-radio[data-selected] .medo-choice__control:after{transform:scale(1)}.medo-choice__button[data-focus-visible] .medo-choice__control{box-shadow:var(--medo-shadow-focus-ring)}.medo-choice[data-readonly] .medo-choice__button{cursor:default}.medo-choice[data-disabled]{--_border:var(--medo-color-border-default);--_accent:var(--medo-color-border-default);color:var(--medo-color-text-disabled)}.medo-choice[data-disabled] .medo-choice__button{cursor:not-allowed}.medo-choice[data-disabled] .medo-choice__control{background-color:var(--medo-color-action-disabled);color:var(--medo-color-text-disabled)}.medo-checkbox[data-disabled]:is([data-selected],[data-indeterminate]) .medo-choice__control{background-color:var(--medo-color-action-disabled)}.medo-radio[data-disabled] .medo-choice__control:after{background-color:var(--medo-color-text-disabled)}@media (forced-colors:active){.medo-choice__control{border-color:canvastext}.medo-checkbox:is([data-selected],[data-indeterminate]) .medo-choice__control,.medo-radio[data-selected] .medo-choice__control:after{background-color:highlight;border-color:highlight}.medo-choice__button[data-focus-visible] .medo-choice__control{outline:var(--medo-focus-ring-width) solid Highlight;outline-offset:2px}}@media (prefers-reduced-motion:reduce){.medo-radio .medo-choice__control:after{opacity:0;transition:opacity var(--medo-motion-duration-fast) var(--medo-motion-easing-standard);transform:none}.medo-radio[data-selected] .medo-choice__control:after{opacity:1}.medo-checkbox .medo-choice__control>svg{transition:opacity var(--medo-motion-duration-fast) var(--medo-motion-easing-standard)}@starting-style{.medo-checkbox .medo-choice__control>svg{scale:none}}}.medo-switch{--_track-w:calc(var(--medo-space-8) + var(--medo-space-1));--_track-h:var(--medo-space-5);--_thumb:var(--medo-space-4);--_pad:var(--medo-space-0-5);--_track:var(--medo-color-action-toggle-off);--_gap:var(--medo-space-2);font:var(--medo-typography-body-sm);color:var(--medo-color-text-primary);flex-direction:column;display:flex}.medo-switch--lg{--_track-w:calc(var(--medo-space-10) + var(--medo-space-1));--_track-h:var(--medo-space-6);--_thumb:var(--medo-space-5);font:var(--medo-typography-body-md)}.medo-switch__button{align-items:flex-start;gap:var(--_gap);cursor:pointer;inline-size:fit-content;display:inline-flex}.medo-switch--label-start .medo-switch__button{--_gap:var(--medo-space-4);flex-direction:row-reverse;justify-content:space-between;inline-size:100%}.medo-switch__track{box-sizing:border-box;inline-size:var(--_track-w);block-size:var(--_track-h);padding:var(--_pad);border-radius:var(--medo-radius-full);background-color:var(--_track);transition:background-color var(--medo-motion-duration-fast) var(--medo-motion-easing-standard);flex-shrink:0;align-items:center;display:flex}.medo-switch__thumb{inline-size:var(--_thumb);block-size:var(--_thumb);border-radius:var(--medo-radius-full);background-color:var(--medo-color-text-on-action);color:var(--_track);transition:transform var(--medo-motion-spring-snappy-duration) var(--medo-motion-spring-snappy), color var(--medo-motion-duration-fast) var(--medo-motion-easing-standard);place-items:center;display:grid}.medo-switch__thumb>svg{stroke-width:3px;block-size:70%;inline-size:70%}.medo-switch__description{font:var(--medo-typography-body-sm);color:var(--medo-color-text-secondary)}.medo-switch--label-end .medo-switch__description{margin-inline-start:calc(var(--_track-w) + var(--_gap))}.medo-switch__button[data-hovered]{--_track:var(--medo-color-action-toggle-off-hover)}.medo-switch[data-selected]{--_track:var(--medo-color-action-primary)}.medo-switch[data-selected] .medo-switch__button[data-hovered]{--_track:var(--medo-color-action-primary-hover)}.medo-switch[data-selected] .medo-switch__thumb{transform:translateX(calc(var(--_track-w) - var(--_thumb) - 2 * var(--_pad)))}.medo-switch[data-selected]:dir(rtl) .medo-switch__thumb{transform:translateX(calc(-1 * (var(--_track-w) - var(--_thumb) - 2 * var(--_pad))))}.medo-switch__button[data-focus-visible] .medo-switch__track{box-shadow:var(--medo-shadow-focus-ring)}.medo-switch[data-disabled]{--_track:var(--medo-color-border-default);color:var(--medo-color-text-disabled)}.medo-switch[data-disabled] .medo-switch__button{cursor:not-allowed}.medo-switch[data-disabled] .medo-switch__thumb{background-color:var(--medo-color-surface-default);color:var(--medo-color-text-disabled)}.medo-switch[aria-busy=true] .medo-switch__button{cursor:progress}.medo-switch__spinner{animation:.8s linear infinite medo-switch-spin}@keyframes medo-switch-spin{to{transform:rotate(1turn)}}@media (forced-colors:active){.medo-switch__track{border:var(--medo-border-width-thin) solid CanvasText}.medo-switch[data-selected] .medo-switch__track{background-color:highlight}}@media (prefers-reduced-motion:reduce){.medo-switch__thumb{transition:transform var(--medo-motion-duration-fast) var(--medo-motion-easing-standard), color var(--medo-motion-duration-fast) var(--medo-motion-easing-standard)}.medo-switch__spinner{animation-duration:3s}}.medo-badge{--_bg:var(--medo-color-surface-subtle);--_fg:var(--medo-color-text-secondary);box-sizing:border-box;align-items:center;gap:var(--medo-space-1);block-size:var(--medo-space-6);padding-inline:var(--medo-space-2);border-radius:var(--medo-radius-sm);background-color:var(--_bg);color:var(--_fg);font:var(--medo-typography-label-sm);white-space:nowrap;vertical-align:middle;display:inline-flex}.medo-badge--sm{block-size:var(--medo-space-5);padding-inline:var(--medo-space-1-5)}.medo-badge--brand{--_bg:var(--medo-color-surface-brand-subtle);--_fg:var(--medo-color-text-brand)}.medo-badge--success{--_bg:var(--medo-color-feedback-success-surface);--_fg:var(--medo-color-feedback-success-text)}.medo-badge--warning{--_bg:var(--medo-color-feedback-warning-surface);--_fg:var(--medo-color-feedback-warning-text)}.medo-badge--danger{--_bg:var(--medo-color-feedback-danger-surface);--_fg:var(--medo-color-feedback-danger-text)}.medo-badge--info{--_bg:var(--medo-color-feedback-info-surface);--_fg:var(--medo-color-feedback-info-text)}.medo-badge__dot{inline-size:var(--medo-space-1-5);block-size:var(--medo-space-1-5);border-radius:var(--medo-radius-full);background-color:currentColor;flex-shrink:0}.medo-badge__icon{flex-shrink:0;display:inline-flex}.medo-badge__icon>svg{inline-size:var(--medo-space-3);block-size:var(--medo-space-3);stroke-width:3px}.medo-badge-count{--_bg:var(--medo-color-feedback-danger-solid);--_fg:var(--medo-color-feedback-danger-on-solid);box-sizing:border-box;min-inline-size:var(--medo-space-5);block-size:var(--medo-space-5);padding-inline:var(--medo-space-1);border-radius:var(--medo-radius-full);background-color:var(--_bg);color:var(--_fg);font:var(--medo-typography-label-sm);font-variant-numeric:tabular-nums;white-space:nowrap;justify-content:center;align-items:center;display:inline-flex}.medo-badge-count--sm{min-inline-size:var(--medo-space-4);block-size:var(--medo-space-4);font:var(--medo-typography-label-xs)}.medo-badge-count--brand{--_bg:var(--medo-color-action-primary);--_fg:var(--medo-color-text-on-action)}.medo-badge-count--neutral{--_bg:var(--medo-color-surface-inverse);--_fg:var(--medo-color-text-inverse)}.medo-badge-dot{inline-size:var(--medo-space-2);block-size:var(--medo-space-2);border-radius:var(--medo-radius-full);background-color:var(--medo-color-text-secondary);flex-shrink:0;display:inline-block}.medo-badge-dot--brand{background-color:var(--medo-color-action-primary)}.medo-badge-dot--success{background-color:var(--medo-color-feedback-success-solid)}.medo-badge-dot--warning{background-color:var(--medo-color-feedback-warning-solid)}.medo-badge-dot--danger{background-color:var(--medo-color-feedback-danger-solid)}.medo-badge-dot--info{background-color:var(--medo-color-feedback-info-solid)}@media (forced-colors:active){.medo-badge,.medo-badge-count{border:var(--medo-border-width-thin) solid CanvasText}.medo-badge__dot,.medo-badge-dot{forced-color-adjust:none;background-color:canvastext}}.medo-tag-list{gap:var(--medo-space-2);flex-wrap:wrap;display:flex}.medo-tag{--_bg:var(--medo-color-action-secondary);--_fg:var(--medo-color-text-primary);--_icon:var(--medo-color-text-secondary);--_h:var(--medo-space-8);--_icon-size:var(--medo-space-4);--_pad:var(--medo-space-3);box-sizing:border-box;align-items:center;gap:var(--medo-space-1);block-size:var(--_h);padding-inline:var(--_pad);border-radius:var(--medo-radius-full);background-color:var(--_bg);color:var(--_fg);font:var(--medo-typography-label-md);white-space:nowrap;cursor:default;-webkit-tap-highlight-color:transparent;transition:background-color var(--medo-motion-duration-fast) var(--medo-motion-easing-standard), color var(--medo-motion-duration-fast) var(--medo-motion-easing-standard);outline:none;display:inline-flex}.medo-tag--sm{--_h:var(--medo-space-6);--_icon-size:var(--medo-space-3);--_pad:var(--medo-space-2);font:var(--medo-typography-label-sm)}.medo-tag[data-allows-removing]{padding-inline-end:var(--medo-space-1)}.medo-tag__label{text-overflow:ellipsis;max-inline-size:12.5rem;overflow:hidden}.medo-tag__icon{color:var(--_icon);flex-shrink:0;display:inline-flex}.medo-tag__icon>svg{inline-size:var(--_icon-size);block-size:var(--_icon-size);stroke-width:2.66px}.medo-tag--sm .medo-tag__icon>svg{stroke-width:3px}.medo-tag--selectable{cursor:pointer;user-select:none}.medo-tag--selectable[data-hovered]{--_bg:var(--medo-color-action-secondary-hover)}.medo-tag--selectable[data-pressed]{--_bg:var(--medo-color-action-secondary-pressed)}.medo-tag[data-selected]{--_bg:var(--medo-color-action-selected);--_fg:var(--medo-color-text-brand);--_icon:var(--medo-color-text-brand)}.medo-tag[data-selected][data-hovered]{--_bg:var(--medo-color-action-selected-hover)}.medo-tag[data-selected][data-pressed]{--_bg:var(--medo-color-action-selected-pressed);--_fg:var(--medo-color-text-brand-hover);--_icon:var(--medo-color-text-brand-hover)}.medo-tag[data-focus-visible]{box-shadow:var(--medo-shadow-focus-ring)}.medo-tag[data-disabled]{--_bg:var(--medo-color-action-disabled);--_fg:var(--medo-color-text-disabled);--_icon:var(--medo-color-text-disabled);cursor:not-allowed}.medo-tag__remove{--_size:var(--medo-space-6);box-sizing:border-box;inline-size:var(--_size);block-size:var(--_size);border-radius:var(--medo-radius-full);color:var(--medo-color-text-secondary);cursor:pointer;transition:background-color var(--medo-motion-duration-fast) var(--medo-motion-easing-standard);background-color:#0000;border:0;outline:none;flex-shrink:0;place-items:center;padding:0;display:inline-grid;position:relative}.medo-tag__remove>svg{inline-size:var(--medo-space-4);block-size:var(--medo-space-4);stroke-width:2.66px}.medo-tag--sm .medo-tag__remove{--_size:var(--medo-space-4)}.medo-tag--sm .medo-tag__remove>svg{inline-size:var(--medo-space-3);block-size:var(--medo-space-3);stroke-width:3px}.medo-tag--sm .medo-tag__remove:before{content:"";inset:calc(-1 * var(--medo-space-1));position:absolute}.medo-tag__remove[data-hovered]{background-color:var(--medo-color-state-hover);color:var(--medo-color-text-primary)}.medo-tag__remove[data-pressed]{background-color:var(--medo-color-state-pressed);color:var(--medo-color-text-primary)}.medo-tag__remove[data-focus-visible]{box-shadow:var(--medo-shadow-focus-ring-inset)}.medo-tag__remove[data-disabled]{color:var(--medo-color-text-disabled);cursor:not-allowed;background-color:#0000}@media (forced-colors:active){.medo-tag{border:var(--medo-border-width-thin) solid CanvasText}.medo-tag[data-selected]{border-width:var(--medo-border-width-thick)}.medo-tag[data-focus-visible],.medo-tag__remove[data-focus-visible]{outline:var(--medo-focus-ring-width) solid Highlight;outline-offset:2px}}@starting-style{.medo-tag{opacity:0;scale:.9}}.medo-tag{transition:background-color var(--medo-motion-duration-fast) var(--medo-motion-easing-standard), color var(--medo-motion-duration-fast) var(--medo-motion-easing-standard), opacity var(--medo-motion-duration-fast) var(--medo-motion-easing-standard), scale var(--medo-motion-spring-snappy-duration) var(--medo-motion-spring-snappy)}@media (prefers-reduced-motion:reduce){@starting-style{.medo-tag{scale:none}}}.medo-avatar{--_size:var(--medo-space-8);--_bg:var(--medo-color-surface-subtle);--_fg:var(--medo-color-text-secondary);--_radius:var(--medo-radius-md);--_status:calc(var(--medo-space-2) + var(--medo-space-0-5));box-sizing:border-box;inline-size:var(--_size);block-size:var(--_size);border-radius:var(--medo-radius-full);background-color:var(--_bg);color:var(--_fg);vertical-align:middle;user-select:none;flex-shrink:0;place-items:center;display:inline-grid;position:relative}.medo-avatar>*{grid-area:1/1}.medo-avatar--square{border-radius:var(--_radius)}.medo-avatar--xs{--_size:var(--medo-space-5);--_radius:var(--medo-radius-sm);--_status:var(--medo-space-2);font:var(--medo-typography-avatar-xs)}.medo-avatar--sm{--_size:var(--medo-space-6);--_radius:var(--medo-radius-sm);--_status:var(--medo-space-2);font:var(--medo-typography-avatar-sm)}.medo-avatar--md{font:var(--medo-typography-avatar-md)}.medo-avatar--lg{--_size:var(--medo-space-10);font:var(--medo-typography-avatar-lg)}.medo-avatar--xl{--_size:calc(var(--medo-space-12) + var(--medo-space-2));--_radius:var(--medo-radius-lg);--_status:calc(var(--medo-space-3) + var(--medo-space-0-5));font:var(--medo-typography-avatar-xl)}.medo-avatar--2xl{--_size:var(--medo-space-20);--_radius:var(--medo-radius-lg);--_status:calc(var(--medo-space-3) + var(--medo-space-0-5));font:var(--medo-typography-avatar-2xl)}.medo-avatar--blue{--_bg:var(--medo-color-avatar-blue-surface);--_fg:var(--medo-color-avatar-blue-text)}.medo-avatar--violet{--_bg:var(--medo-color-avatar-violet-surface);--_fg:var(--medo-color-avatar-violet-text)}.medo-avatar--pink{--_bg:var(--medo-color-avatar-pink-surface);--_fg:var(--medo-color-avatar-pink-text)}.medo-avatar--amber{--_bg:var(--medo-color-avatar-amber-surface);--_fg:var(--medo-color-avatar-amber-text)}.medo-avatar--green{--_bg:var(--medo-color-avatar-green-surface);--_fg:var(--medo-color-avatar-green-text)}.medo-avatar--teal{--_bg:var(--medo-color-avatar-teal-surface);--_fg:var(--medo-color-avatar-teal-text)}.medo-avatar__initials{text-transform:uppercase;line-height:1}.medo-avatar__icon{display:inline-flex}.medo-avatar__icon>svg{inline-size:calc(var(--_size) * .5);block-size:calc(var(--_size) * .5)}.medo-avatar--xs .medo-avatar__icon>svg{inline-size:calc(var(--_size) * .6);block-size:calc(var(--_size) * .6)}.medo-avatar--sm .medo-avatar__icon>svg{inline-size:calc(var(--_size) * 7 / 12);block-size:calc(var(--_size) * 7 / 12)}.medo-avatar__image{object-fit:cover;border-radius:inherit;block-size:100%;inline-size:100%}.medo-avatar--has-image:after{content:"";border-radius:inherit;block-size:100%;inline-size:100%;box-shadow:inset 0 0 0 1px var(--medo-color-avatar-image-border);pointer-events:none;grid-area:1/1}.medo-avatar__status{box-sizing:border-box;inline-size:var(--_status);block-size:var(--_status);border-radius:var(--medo-radius-full);box-shadow:0 0 0 2px var(--medo-color-surface-default);position:absolute;inset-block-end:0;inset-inline-end:0}.medo-avatar__status--online{background-color:var(--medo-color-feedback-success-solid)}.medo-avatar__status--away{background-color:var(--medo-color-feedback-warning-solid)}.medo-avatar__status--busy{background-color:var(--medo-color-feedback-danger-solid)}.medo-avatar__status--offline{background-color:var(--medo-color-border-strong)}.medo-avatar-group{isolation:isolate;align-items:center;display:inline-flex}.medo-avatar-group>.medo-avatar{box-shadow:0 0 0 2px var(--medo-color-surface-default)}.medo-avatar-group>.medo-avatar+.medo-avatar{margin-inline-start:calc(var(--_size) * -.25)}.medo-avatar--more{font:var(--medo-typography-label-sm);border:0;padding:0}.medo-avatar-group--xs .medo-avatar--more,.medo-avatar-group--sm .medo-avatar--more{font:var(--medo-typography-label-xs)}button.medo-avatar--more{cursor:pointer;outline:none}button.medo-avatar--more[data-hovered]{background-image:linear-gradient(var(--medo-color-state-hover), var(--medo-color-state-hover))}button.medo-avatar--more[data-pressed]{background-image:linear-gradient(var(--medo-color-state-pressed), var(--medo-color-state-pressed))}.medo-avatar-group>button.medo-avatar--more[data-focus-visible]{box-shadow:0 0 0 2px var(--medo-color-surface-default), var(--medo-shadow-focus-ring)}@media (forced-colors:active){.medo-avatar{border:var(--medo-border-width-thin) solid CanvasText}.medo-avatar__status{forced-color-adjust:none;background-color:canvastext}}.medo-tooltip{box-sizing:border-box;align-items:baseline;gap:var(--medo-space-2);max-inline-size:15rem;padding:var(--medo-space-1) var(--medo-space-2);border-radius:var(--medo-radius-sm);background-color:var(--medo-color-surface-inverse);color:var(--medo-color-text-inverse);box-shadow:var(--medo-shadow-elevation-2);font:var(--medo-typography-caption);overflow-wrap:break-word;z-index:var(--medo-layer-tooltip);pointer-events:auto;display:flex}.medo-tooltip__shortcut{font:inherit;color:var(--medo-color-text-inverse-secondary);white-space:nowrap}.medo-tooltip{transform-origin:var(--trigger-anchor-point,top);transition:opacity var(--medo-motion-duration-normal) var(--medo-motion-easing-enter), scale var(--medo-motion-spring-snappy-duration) var(--medo-motion-spring-snappy)}.medo-tooltip[data-entering]{opacity:0;scale:.96}.medo-tooltip[data-exiting]{opacity:0;transition:opacity var(--medo-motion-duration-fast) var(--medo-motion-easing-exit), scale var(--medo-motion-duration-fast) var(--medo-motion-easing-exit);scale:1}@media (forced-colors:active){.medo-tooltip{border:var(--medo-border-width-thin) solid CanvasText}}@media (prefers-reduced-motion:reduce){.medo-tooltip{transition:opacity var(--medo-motion-duration-fast) var(--medo-motion-easing-standard)}.medo-tooltip:is([data-entering],[data-exiting]){scale:none}}.medo-spinner{--_size:var(--medo-space-5);--_stroke:2.4;inline-size:var(--_size);block-size:var(--_size);color:currentColor;vertical-align:middle;flex-shrink:0;display:inline-flex}.medo-spinner--sm{--_size:var(--medo-space-4);--_stroke:3}.medo-spinner--lg{--_size:var(--medo-space-6);--_stroke:2.5}.medo-spinner--xl{--_size:var(--medo-space-10);--_stroke:2.4}.medo-spinner--brand{color:var(--medo-color-text-brand)}.medo-spinner--neutral{color:var(--medo-color-text-secondary)}.medo-spinner--on-brand{color:var(--medo-color-text-on-brand)}.medo-spinner>svg{fill:none;stroke:currentColor;block-size:100%;inline-size:100%;stroke-width:var(--_stroke);animation:.8s linear infinite medo-spin}.medo-spinner__track{opacity:.2}.medo-spinner__arc{stroke-linecap:round;stroke-dasharray:25 100}@keyframes medo-spin{to{transform:rotate(1turn)}}.medo-progress{--_fill:var(--medo-color-action-primary);--_h:var(--medo-space-2);gap:var(--medo-space-2);min-inline-size:0;display:grid}.medo-progress--sm{--_h:var(--medo-space-1)}.medo-progress--success{--_fill:var(--medo-color-feedback-success-solid)}.medo-progress--error{--_fill:var(--medo-color-feedback-danger-solid)}.medo-progress__header{justify-content:space-between;align-items:baseline;gap:var(--medo-space-4);display:flex}.medo-progress__label{font:var(--medo-typography-label-md);color:var(--medo-color-text-primary)}.medo-progress__value{font:var(--medo-typography-body-sm);color:var(--medo-color-text-secondary);font-variant-numeric:tabular-nums;white-space:nowrap}.medo-progress__track{block-size:var(--_h);border-radius:var(--medo-radius-full);background-color:var(--medo-color-surface-subtle);position:relative;overflow:hidden}.medo-progress__fill{border-radius:inherit;background-color:var(--_fill);block-size:100%;transition:inline-size var(--medo-motion-spring-smooth-duration) var(--medo-motion-spring-smooth)}.medo-progress--indeterminate .medo-progress__fill{inline-size:30%;animation:1.5s ease-in-out infinite medo-progress-slide;position:absolute;inset-block:0}@keyframes medo-progress-slide{0%{inset-inline-start:-30%}to{inset-inline-start:100%}}.medo-progress__description{font:var(--medo-typography-caption);color:var(--medo-color-text-secondary)}.medo-progress--error .medo-progress__description{color:var(--medo-color-text-danger)}.medo-skeleton{inline-size:100%;block-size:var(--medo-space-3);border-radius:var(--medo-radius-sm);background-color:var(--medo-color-surface-subtle);animation:1.5s ease-in-out infinite alternate medo-skeleton-pulse;display:block}.medo-skeleton--circle{inline-size:var(--medo-space-10);block-size:var(--medo-space-10);border-radius:var(--medo-radius-full)}.medo-skeleton--rect{block-size:var(--medo-space-24);border-radius:var(--medo-radius-md)}.medo-skeleton-lines{gap:var(--medo-space-2);display:grid}.medo-skeleton-lines>.medo-skeleton:last-child:not(:first-child){inline-size:60%}@keyframes medo-skeleton-pulse{to{opacity:.5}}@media (prefers-reduced-motion:reduce){.medo-spinner>svg{animation-duration:1.6s}.medo-skeleton{animation:none}.medo-progress--indeterminate .medo-progress__fill{inline-size:40%;animation:none;inset-inline-start:0}.medo-progress__fill{transition-duration:var(--medo-motion-duration-fast)}}@media (forced-colors:active){.medo-spinner>svg{stroke:canvastext}.medo-progress__track{border:var(--medo-border-width-thin) solid CanvasText}.medo-progress__fill{forced-color-adjust:none;background-color:highlight}.medo-skeleton{border:var(--medo-border-width-thin) solid GrayText}}.medo-list{--_col:1.5rem;--_icon:max(1rem, 1em);gap:var(--medo-space-2);color:var(--medo-color-text-primary);margin:0;padding:0;list-style:none;display:grid}.medo-list--sm{font:var(--medo-typography-body-sm)}.medo-list--md{font:var(--medo-typography-body-md)}.medo-list--lg{--_icon:var(--medo-size-icon-md);font:var(--medo-typography-body-lg)}.medo-list--number{--_col:1.75rem;counter-reset:medo-list}.medo-list__item{padding-inline-start:var(--_col);position:relative}.medo-list__item>.medo-list{margin-block-start:var(--medo-space-2)}.medo-list--bullet>.medo-list__item:before,.medo-list--number>.medo-list__item:before,.medo-list__icon{block-size:1lh;color:var(--medo-color-text-secondary);align-items:center;display:flex;position:absolute;inset-block-start:0;inset-inline-start:0}.medo-list--bullet>.medo-list__item:before{content:"";border-radius:var(--medo-radius-full);background-color:currentColor;block-size:.375em;inline-size:.375em;inset-block-start:calc(.5lh - .1875em)}.medo-list__item .medo-list--bullet>.medo-list__item:before{box-sizing:border-box;background-color:#0000;border:1.25px solid}.medo-list--number>.medo-list__item{counter-increment:medo-list}.medo-list--number>.medo-list__item:before{content:counter(medo-list) ".";inline-size:calc(var(--_col) - .375em);font-variant-numeric:tabular-nums;justify-content:flex-end}.medo-list__item .medo-list--number>.medo-list__item:before{content:counter(medo-list, lower-alpha) "."}.medo-list__icon{color:var(--medo-color-text-brand)}.medo-list__icon>svg{inline-size:var(--_icon);block-size:var(--_icon)}.medo-list__item--excluded,.medo-list__item--excluded .medo-list__icon{color:var(--medo-color-text-secondary)}.medo-dl{margin:0;container-type:inline-size}.medo-dl__row{gap:var(--medo-space-1) var(--medo-space-4);padding-block:var(--medo-space-3);grid-template-columns:11.25rem minmax(0,1fr);align-items:baseline;display:grid}.medo-dl__row:first-child{padding-block-start:0}.medo-dl__row+.medo-dl__row{border-block-start:var(--medo-border-width-thin) solid var(--medo-color-border-default)}.medo-dl__term{font:var(--medo-typography-label-md);color:var(--medo-color-text-secondary)}.medo-dl__value{min-inline-size:0;font:var(--medo-typography-body-md);color:var(--medo-color-text-primary);overflow-wrap:anywhere;margin:0}.medo-dl--stacked .medo-dl__row{grid-template-columns:minmax(0,1fr)}@container (width<=22.5rem){.medo-dl--auto .medo-dl__row{grid-template-columns:minmax(0,1fr)}}@media (forced-colors:active){.medo-list--bullet>.medo-list__item:before{background-color:canvastext}.medo-list__item .medo-list--bullet>.medo-list__item:before{background-color:#0000;border-color:canvastext}}.medo-list-view{outline:none;flex-direction:column;display:flex}.medo-list-view--card{border:var(--medo-border-width-thin) solid var(--medo-color-border-default);border-radius:var(--medo-radius-lg);background-color:var(--medo-color-surface-default);overflow:hidden}.medo-list-view[data-focus-visible]{box-shadow:var(--medo-shadow-focus-ring)}.medo-list-view__empty{padding-inline:var(--medo-space-4)}.medo-list-row{--_lead:var(--medo-size-control-md);box-sizing:border-box;align-items:center;gap:var(--medo-space-3);color:var(--medo-color-text-primary);cursor:default;-webkit-tap-highlight-color:transparent;outline:none;padding-inline-start:var(--medo-space-4);display:flex;position:relative}.medo-list-row--lines-1{--_lead:var(--medo-size-icon-lg)}.medo-list-row[data-href],.medo-list-row[data-allows-selection],.medo-list-row[data-has-action]{cursor:pointer}.medo-list-row{transition:background-color var(--medo-motion-duration-fast) var(--medo-motion-easing-standard)}.medo-list-row[data-pressed]{transition-duration:0s}.medo-list-row[data-hovered]{background-color:var(--medo-color-state-hover)}.medo-list-row[data-pressed]{background-color:var(--medo-color-state-pressed)}.medo-list-row[data-selected]{background-color:var(--medo-color-action-selected)}.medo-list-row[data-focus-visible]{box-shadow:var(--medo-shadow-focus-ring-inset)}.medo-list-row[data-disabled]{opacity:.5;cursor:not-allowed}.medo-list-row--lines-3{align-items:flex-start}.medo-list-row__check,.medo-list-row__leading{padding-block:var(--medo-space-3);flex:none;align-items:center;display:flex}.medo-list-row__leading>*{max-inline-size:var(--_lead);max-block-size:var(--_lead)}.medo-list-row__icon{inline-size:var(--_lead);block-size:var(--_lead);border-radius:var(--medo-radius-md);background-color:var(--medo-color-surface-subtle);color:var(--medo-color-text-secondary);place-items:center;display:inline-grid}.medo-list-row__icon>svg{inline-size:var(--medo-size-icon-md);block-size:var(--medo-size-icon-md)}.medo-list-row__main{align-self:stretch;align-items:center;gap:var(--medo-space-3);min-inline-size:0;padding:var(--medo-space-3) var(--medo-space-2) var(--medo-space-3) 0;border-block-end:var(--medo-border-width-thin) solid var(--medo-color-border-default);flex:1;display:flex}.medo-list-row--lines-3 .medo-list-row__main{align-items:flex-start}.medo-list-row:last-child .medo-list-row__main{border-block-end-color:#0000}.medo-list-row__content{gap:var(--medo-space-0-5);flex:1;min-inline-size:0;display:grid}.medo-list-row__title{font:var(--medo-typography-label-md);color:var(--medo-color-text-primary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.medo-list-row__description{font:var(--medo-typography-body-sm);color:var(--medo-color-text-secondary);-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.medo-list-row--lines-3 .medo-list-row__description{-webkit-line-clamp:2;line-clamp:2}.medo-list-row__meta{align-items:flex-end;gap:var(--medo-space-1-5);flex-direction:column;flex:none;display:flex}.medo-list-row__meta-text{font:var(--medo-typography-caption);color:var(--medo-color-text-secondary);white-space:nowrap}.medo-list-row__dot{inline-size:var(--medo-space-2);block-size:var(--medo-space-2);border-radius:var(--medo-radius-full);background-color:var(--medo-color-action-primary)}.medo-list-row__trailing{align-items:center;gap:var(--medo-space-2);flex:none;display:flex}.medo-list-row__chevron{inline-size:var(--medo-size-icon-md);block-size:var(--medo-size-icon-md);color:var(--medo-color-text-secondary);flex:none;display:inline-flex}.medo-list-row__chevron>svg{block-size:100%;inline-size:100%}.medo-list-row--unread .medo-list-row__title{font:var(--medo-typography-label-md-strong)}.medo-list-row--unread .medo-list-row__description{font:var(--medo-typography-body-sm-strong)}.medo-list-row--unread .medo-list-row__meta-text{color:var(--medo-color-text-brand)}.medo-list-row--loading .medo-list-row__content{gap:var(--medo-space-2)}@media (forced-colors:active){.medo-list-row[data-selected]{outline-offset:-2px;outline:2px solid highlight}.medo-list-row__dot{background-color:canvastext}}.medo-list-view--cards{gap:var(--medo-space-3)}.medo-list-card{box-sizing:border-box;align-items:flex-start;gap:var(--medo-space-3);padding:var(--medo-space-4);border:var(--medo-border-width-thin) solid var(--medo-color-border-default);border-radius:var(--medo-radius-md);background-color:var(--medo-color-surface-default);color:var(--medo-color-text-primary);cursor:default;-webkit-tap-highlight-color:transparent;outline:none;display:flex}.medo-list-card[data-href],.medo-list-card[data-allows-selection],.medo-list-card[data-has-action]{cursor:pointer}.medo-list-card[data-hovered]{background-color:var(--medo-color-state-hover)}.medo-list-card[data-pressed]{background-color:var(--medo-color-state-pressed)}.medo-list-card[data-selected]{border-color:var(--medo-color-action-primary);background-color:var(--medo-color-action-selected)}.medo-list-card[data-focus-visible]{box-shadow:var(--medo-shadow-focus-ring)}.medo-list-card[data-disabled]{opacity:.5;cursor:not-allowed}.medo-list-card__check{flex:none;display:flex}.medo-list-card__content{gap:var(--medo-space-2);flex:1;min-inline-size:0;display:grid}.medo-list-card__top,.medo-list-card__bottom{justify-content:space-between;align-items:center;gap:var(--medo-space-3);min-inline-size:0;display:flex}.medo-list-card__title{font:var(--medo-typography-label-md);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.medo-list-card__amount{font:var(--medo-typography-label-md-strong);font-variant-numeric:tabular-nums;white-space:nowrap;flex:none}.medo-list-card__description{align-items:center;gap:var(--medo-space-2);min-inline-size:0;font:var(--medo-typography-body-sm);color:var(--medo-color-text-secondary);white-space:nowrap;display:flex;overflow:hidden}.medo-list-card__meta{font:var(--medo-typography-caption);font-variant-numeric:tabular-nums;color:var(--medo-color-text-secondary)}.medo-list-card--loading .medo-list-card__content{gap:var(--medo-space-3)}@media (forced-colors:active){.medo-list-card[data-selected]{outline-offset:-2px;outline:2px solid highlight}}.medo-list-row--swipe{padding-inline-start:0;overflow:hidden}.medo-list-row__surface{align-self:stretch;align-items:center;gap:var(--medo-space-3);min-inline-size:0;touch-action:pan-y;transition:transform var(--medo-motion-spring-smooth-duration) var(--medo-motion-spring-smooth);flex:1;padding-inline-start:var(--medo-space-4);display:flex;position:relative}.medo-list-row--lines-3 .medo-list-row__surface{align-items:flex-start}.medo-list-row__surface--dragging{transition:none}.medo-list-row__surface--leaving{transition:transform var(--medo-motion-duration-normal) var(--medo-motion-easing-exit)}.medo-list-row:has(.medo-list-row__surface--dragging) .medo-list-row__swipe-action{transition:none}.medo-list-row:has(.medo-list-row__surface--leaving) .medo-list-row__swipe-action{transition:inline-size var(--medo-motion-duration-normal) var(--medo-motion-easing-exit)}.medo-list-row__swipe-action{transition:inline-size var(--medo-motion-spring-smooth-duration) var(--medo-motion-spring-smooth);z-index:0;cursor:pointer;align-items:center;display:flex;position:absolute;inset-block:0;overflow:hidden}.medo-list-row__swipe-action--end{justify-content:flex-end;inset-inline-end:0}.medo-list-row__swipe-action--start{justify-content:flex-start;inset-inline-start:0}.medo-list-row__swipe-action--danger{background-color:var(--medo-color-feedback-danger-solid);color:var(--medo-color-feedback-danger-on-solid)}.medo-list-row__swipe-action--primary{background-color:var(--medo-color-action-primary);color:var(--medo-color-text-on-action)}.medo-list-row__swipe-label{justify-content:center;align-items:center;gap:var(--medo-space-1);inline-size:calc(var(--medo-space-20) + var(--medo-space-2));font:var(--medo-typography-label-sm);flex-direction:column;flex:none;display:flex}.medo-list-row__swipe-label>svg{inline-size:var(--medo-size-icon-md);block-size:var(--medo-size-icon-md)}.medo-list-row__swipe-shield{z-index:1;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.medo-list-row__surface,.medo-list-row__swipe-action{transition-duration:var(--medo-motion-duration-fast);transition-timing-function:var(--medo-motion-easing-standard)}}@media (forced-colors:active){.medo-list-row__swipe-action{forced-color-adjust:none;color:highlighttext;background-color:highlight}}.medo-bulk-bar-host{display:contents}.medo-bulk-bar{z-index:var(--medo-layer-toast);box-sizing:border-box;transition:opacity var(--medo-motion-duration-normal) var(--medo-motion-easing-enter), translate var(--medo-motion-spring-smooth-duration) var(--medo-motion-spring-smooth);align-items:center;display:flex;position:fixed}@starting-style{.medo-bulk-bar{opacity:0;translate:0 var(--medo-space-4)}}.medo-bulk-bar--desktop{inline-size:fit-content;max-inline-size:calc(100vw - 2 * var(--medo-space-4));gap:var(--medo-space-2);padding:var(--medo-space-2) var(--medo-space-2) var(--medo-space-2) var(--medo-space-4);border-radius:var(--medo-radius-lg);background-color:var(--medo-color-surface-inverse);box-shadow:var(--medo-shadow-elevation-3);color:var(--medo-color-text-inverse);margin-inline:auto;inset-block-end:var(--medo-space-6);inset-inline:0}.medo-bulk-bar__count{font:var(--medo-typography-label-md-strong);font-variant-numeric:tabular-nums;white-space:nowrap}.medo-bulk-bar__divider{inline-size:var(--medo-border-width-thin);block-size:var(--medo-space-5);background-color:var(--medo-color-text-inverse-secondary);opacity:var(--medo-opacity-40);flex:none}.medo-bulk-bar--mobile{justify-content:space-between;gap:var(--medo-space-1);padding:var(--medo-space-2) var(--medo-space-2) max(var(--medo-space-2), env(safe-area-inset-bottom));border-block-start:var(--medo-border-width-thin) solid var(--medo-color-border-default);background-color:var(--medo-color-surface-raised);box-shadow:var(--medo-shadow-elevation-3);color:var(--medo-color-text-primary);inset-block-end:0;inset-inline:0}.medo-bulk-bar__start,.medo-bulk-bar__actions{align-items:center;gap:var(--medo-space-1);min-inline-size:0;display:flex}@media (prefers-reduced-motion:reduce){.medo-bulk-bar{transition:opacity var(--medo-motion-duration-fast) var(--medo-motion-easing-standard)}@starting-style{.medo-bulk-bar{translate:none}}}@media (forced-colors:active){.medo-bulk-bar{border:1px solid canvastext}}.medo-empty-state{--_max:30rem;--_gap:var(--medo-space-4);box-sizing:border-box;align-items:center;gap:var(--_gap);inline-size:100%;max-inline-size:var(--_max);padding-block:var(--medo-space-12);text-align:center;flex-direction:column;margin-inline:auto;display:flex}.medo-empty-state--section{--_max:25rem;--_gap:var(--medo-space-3);padding-block:var(--medo-space-8)}.medo-empty-state--inline{--_max:20rem;--_gap:var(--medo-space-2);padding-block:var(--medo-space-6)}.medo-empty-state__content{gap:var(--medo-space-1);overflow-wrap:anywhere;inline-size:100%;display:grid}.medo-empty-state__title{font:var(--medo-typography-heading-md);color:var(--medo-color-text-primary);margin:0}.medo-empty-state__description{font:var(--medo-typography-body-md);color:var(--medo-color-text-secondary);margin:0}.medo-empty-state--section .medo-empty-state__title{font:var(--medo-typography-heading-sm)}.medo-empty-state--inline .medo-empty-state__title{font:var(--medo-typography-label-md)}.medo-empty-state:is(.medo-empty-state--section,.medo-empty-state--inline) .medo-empty-state__description{font:var(--medo-typography-body-sm)}.medo-empty-state__actions{justify-content:center;align-items:center;gap:var(--medo-space-2);flex-wrap:wrap;padding-block-start:var(--medo-space-2);display:flex}.medo-empty-state--inline .medo-empty-state__actions{padding-block-start:0}.medo-empty-state__illustration{border-radius:var(--medo-radius-lg);block-size:10rem;inline-size:15rem;display:block;overflow:hidden}.medo-empty-state--section .medo-empty-state__illustration{block-size:7.5rem;inline-size:10rem}.medo-empty-state--inline .medo-empty-state__illustration{block-size:5.5rem;inline-size:7.5rem}.medo-empty-state__illustration>:is(img,svg){object-fit:contain;block-size:100%;inline-size:100%;display:block}.medo-icon-tile{--_tile:var(--medo-size-control-lg);--_icon:var(--medo-size-icon-lg);inline-size:var(--_tile);block-size:var(--_tile);border-radius:var(--medo-radius-full);background-color:var(--medo-color-surface-subtle);color:var(--medo-color-text-secondary);flex:none;place-items:center;display:inline-grid}.medo-icon-tile--sm{--_tile:var(--medo-size-control-md);--_icon:var(--medo-size-icon-md)}.medo-icon-tile--lg{--_tile:var(--medo-space-16);--_icon:var(--medo-space-8)}.medo-icon-tile>svg{inline-size:var(--_icon);block-size:var(--_icon)}.medo-icon-tile--raised{background-color:var(--medo-color-surface-default)}.medo-icon-tile--danger{background-color:var(--medo-color-feedback-danger-surface);color:var(--medo-color-feedback-danger-text)}.medo-icon-tile--success{background-color:var(--medo-color-feedback-success-surface);color:var(--medo-color-feedback-success-text)}@media (forced-colors:active){.medo-icon-tile{outline:1px solid canvastext}}.medo-pagination{justify-content:space-between;align-items:center;gap:var(--medo-space-4) var(--medo-space-6);flex-wrap:wrap;display:flex}.medo-pagination__info{align-items:center;gap:var(--medo-space-2) var(--medo-space-6);flex-wrap:wrap;display:flex}.medo-pagination__summary{font:var(--medo-typography-body-sm);font-variant-numeric:tabular-nums;color:var(--medo-color-text-secondary);white-space:nowrap;margin:0}.medo-pagination__size{align-items:center;gap:var(--medo-space-2);flex-direction:row}.medo-pagination__size .medo-field__label{font:var(--medo-typography-body-sm);color:var(--medo-color-text-secondary);white-space:nowrap;padding-inline-start:0}.medo-pagination__size .medo-select__field{inline-size:5rem}.medo-pagination__size .medo-field__footer{display:none}.medo-pagination__pages{align-items:center;gap:var(--medo-space-1);margin:0;padding:0;list-style:none;display:flex}.medo-page-item{min-inline-size:var(--medo-size-control-md);padding-inline:var(--medo-space-2);font-variant-numeric:tabular-nums}.medo-page-item--lg{min-inline-size:var(--medo-size-control-lg);font:var(--medo-typography-label-lg)}.medo-page-item[aria-current=page]{--_bg:var(--medo-color-action-selected);--_bg-hover:var(--medo-color-action-selected-hover);--_bg-pressed:var(--medo-color-action-selected-pressed);--_fg:var(--medo-color-text-brand);font:var(--medo-typography-label-md-strong)}.medo-page-item--lg[aria-current=page]{font:var(--medo-typography-label-lg-strong)}.medo-page-item--ellipsis{block-size:var(--medo-size-control-md);font:var(--medo-typography-label-md);color:var(--medo-color-text-secondary);user-select:none;justify-content:center;align-items:center;display:inline-flex}.medo-page-item--ellipsis.medo-page-item--lg{block-size:var(--medo-size-control-lg)}.medo-pagination--compact{flex-wrap:nowrap;inline-size:100%}.medo-pagination__compact-label{font:var(--medo-typography-label-lg);font-variant-numeric:tabular-nums;color:var(--medo-color-text-primary);text-align:center;margin:0}.medo-pagination a.medo-button[data-disabled]{pointer-events:none}@media (forced-colors:active){.medo-page-item[aria-current=page]{outline-offset:-2px;outline:2px solid highlight}}.medo-search-field[data-empty] .medo-search-field__clear{display:none}.medo-search-field .medo-input__control::-webkit-search-cancel-button,.medo-search-field .medo-input__control::-webkit-search-decoration{appearance:none}.medo-search-results{margin:0;padding:0;list-style:none;display:grid}.medo-search-results:has(>li>.medo-search-result--aesthetic){gap:var(--medo-space-2)}.medo-search-result{--_pad:var(--medo-space-4);box-sizing:border-box;align-items:flex-start;gap:var(--_pad);padding:var(--_pad);border-radius:var(--medo-radius-sm);color:var(--medo-color-text-primary);display:flex;position:relative}.medo-search-result--base{border-block-end:var(--medo-border-width-thin) solid var(--medo-color-border-default)}.medo-search-result--aesthetic{--_pad:var(--medo-space-5);border-radius:var(--medo-radius-lg)}.medo-search-result:has(.medo-search-result__link[data-hovered]){background-color:var(--medo-color-state-hover)}.medo-search-result:has(.medo-search-result__link[data-pressed]){background-color:var(--medo-color-state-pressed)}.medo-search-result:has(.medo-search-result__link[data-focus-visible]){box-shadow:var(--medo-shadow-focus-ring-inset)}.medo-search-result__leading{flex:none;display:flex}.medo-search-result--media .medo-search-result__leading{aspect-ratio:4/3;border-radius:var(--medo-radius-md);background-color:var(--medo-color-surface-subtle);inline-size:8rem;overflow:hidden}.medo-search-result--media.medo-search-result--aesthetic .medo-search-result__leading{inline-size:10rem}.medo-search-result--media .medo-search-result__leading>:is(img,picture,video,.medo-image){object-fit:cover;block-size:100%;inline-size:100%}.medo-search-result__content{gap:var(--medo-space-1);flex:1;min-inline-size:0;display:grid}.medo-search-result__path{font:var(--medo-typography-caption);color:var(--medo-color-text-secondary)}.medo-search-result__title{font:var(--medo-typography-label-lg);color:var(--medo-color-text-brand);margin:0}.medo-search-result--aesthetic .medo-search-result__title{font:var(--medo-typography-heading-sm);color:var(--medo-color-text-primary)}.medo-search-result__link{color:inherit;outline:none;text-decoration:none}.medo-search-result__link:after{content:"";border-radius:inherit;position:absolute;inset:0}.medo-search-result__link[data-hovered]{text-underline-offset:.2em;text-decoration:underline}.medo-search-result__snippet{font:var(--medo-typography-body-sm);color:var(--medo-color-text-secondary);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.medo-search-result__match{color:inherit;font-weight:var(--medo-font-weight-bold);background:0 0}.medo-search-result__snippet .medo-search-result__match{color:var(--medo-color-text-primary);font-weight:var(--medo-font-weight-semibold)}.medo-search-result__meta{align-items:center;gap:var(--medo-space-2);flex-wrap:wrap;padding-block-start:var(--medo-space-1);display:flex}.medo-search-result__meta-text{font:var(--medo-typography-caption);color:var(--medo-color-text-secondary)}.medo-dialog-overlay.medo-quick-search-overlay{align-items:start;padding-block-start:12vh}.medo-dialog.medo-quick-search{--_width:40rem;max-block-size:min(36rem,100%)}.medo-quick-search__dialog{outline:none;flex-direction:column;min-block-size:0;display:flex}.medo-quick-search__bar{align-items:center;gap:var(--medo-space-2);padding:var(--medo-space-3);border-block-end:var(--medo-border-width-thin) solid var(--medo-color-border-default);display:flex}.medo-quick-search__field{flex:1}.medo-quick-search__scroll{align-content:start;gap:var(--medo-space-1);overscroll-behavior:contain;min-block-size:0;padding:var(--medo-space-2);outline:none;flex:1;display:grid;overflow:auto}.medo-quick-search__scroll:focus-visible{box-shadow:var(--medo-shadow-focus-ring-inset)}.medo-quick-search__scroll:not(:has([role=option],.medo-quick-search__message)){display:none}.medo-quick-search__message{padding:var(--medo-space-2);font:var(--medo-typography-body-sm);color:var(--medo-color-text-secondary);margin:0}.medo-quick-search__all{align-items:center;gap:var(--medo-space-2);min-block-size:calc(var(--medo-space-8) + var(--medo-space-1));padding:var(--medo-space-2);border-radius:var(--medo-radius-sm);color:var(--medo-color-text-primary);font:var(--medo-typography-body-sm);text-align:start;cursor:pointer;background:0 0;border:0;outline:none;display:flex}.medo-quick-search__all>svg{inline-size:var(--medo-size-icon-sm);block-size:var(--medo-size-icon-sm);flex:none}.medo-quick-search__all[data-hovered]{background-color:var(--medo-color-state-hover)}.medo-quick-search__all[data-focus-visible]{box-shadow:var(--medo-shadow-focus-ring-inset)}.medo-quick-search__footer{align-items:center;gap:var(--medo-space-4);padding:var(--medo-space-2) var(--medo-space-4);background-color:var(--medo-color-surface-subtle);font:var(--medo-typography-caption);color:var(--medo-color-text-secondary);flex-wrap:wrap;display:flex}.medo-quick-search__hint{align-items:center;gap:var(--medo-space-1-5);display:inline-flex}.medo-quick-search__all-results{margin-inline-start:auto}.medo-dialog-overlay.medo-quick-search-overlay--mobile{padding:0}.medo-dialog.medo-quick-search--mobile{--_width:100%;block-size:100%;max-block-size:none;box-shadow:none;border:0;border-radius:0}.medo-quick-search--mobile .medo-quick-search__bar{padding:var(--medo-space-3) var(--medo-space-2) var(--medo-space-3) var(--medo-space-3)}.medo-quick-search .medo-quick-search__list{max-block-size:none;padding:0;overflow:visible}.medo-breadcrumbs{--_height:var(--medo-space-6);--_icon:var(--medo-size-icon-sm);--_sep:var(--medo-space-3);--_gap:var(--medo-space-0-5);--_text:var(--medo-typography-caption);--_current:var(--medo-typography-label-sm)}.medo-breadcrumbs--md{--_height:calc(var(--medo-space-6) + var(--medo-space-1));--_icon:var(--medo-size-icon-md);--_sep:var(--medo-space-4);--_gap:var(--medo-space-1);--_text:var(--medo-typography-body-sm);--_current:var(--medo-typography-label-md)}.medo-breadcrumbs__list{align-items:center;gap:var(--_gap);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.medo-breadcrumbs__item{align-items:center;gap:var(--_gap);min-inline-size:0;display:inline-flex}.medo-breadcrumbs__link,.medo-breadcrumbs__icon-part{box-sizing:border-box;align-items:center;gap:var(--medo-space-0-5);min-block-size:var(--_height);padding:var(--medo-space-1);border-radius:var(--medo-radius-sm);color:var(--medo-color-text-secondary);font:var(--_text);-webkit-tap-highlight-color:transparent;transition:background-color var(--medo-motion-duration-fast) var(--medo-motion-easing-standard), color var(--medo-motion-duration-fast) var(--medo-motion-easing-standard);background:0 0;border:0;outline:none;text-decoration:none;display:inline-flex}.medo-breadcrumbs__link[data-pressed]{transition-duration:0s}.medo-breadcrumbs__link[data-hovered]:not([data-current]){color:var(--medo-color-text-primary);text-underline-offset:.2em;text-decoration:underline}.medo-breadcrumbs__link[data-pressed]{background-color:var(--medo-color-state-pressed);color:var(--medo-color-text-primary)}.medo-breadcrumbs__current{color:var(--medo-color-text-primary);font:var(--_current);cursor:default}.medo-breadcrumbs__label{text-overflow:ellipsis;white-space:nowrap;max-inline-size:12.5rem;overflow:hidden}.medo-breadcrumbs__icon-part{inline-size:var(--_height);cursor:pointer;justify-content:center;padding:0}.medo-breadcrumbs__icon-part>svg{inline-size:var(--_icon);block-size:var(--_icon)}.medo-breadcrumbs__icon-part:is([data-hovered],[aria-expanded=true]){background-color:var(--medo-color-state-hover);color:var(--medo-color-text-primary)}.medo-breadcrumbs__icon-part[data-pressed]{background-color:var(--medo-color-state-pressed)}.medo-breadcrumbs__link[data-focus-visible],.medo-breadcrumbs__icon-part[data-focus-visible]{box-shadow:inset 0 0 0 var(--medo-focus-ring-width) var(--medo-color-focus-ring)}.medo-breadcrumbs__separator{inline-size:var(--_sep);block-size:var(--_sep);color:var(--medo-color-text-secondary);flex:none}.medo-breadcrumbs__back-icon{inline-size:var(--_icon);block-size:var(--_icon);flex:none}@media (forced-colors:active){.medo-breadcrumbs__link[data-focus-visible],.medo-breadcrumbs__icon-part[data-focus-visible]{outline-offset:-2px;outline:2px solid highlight}}.medo-accordion-wrap{gap:var(--medo-space-2);display:grid}.medo-accordion__toolbar{justify-content:flex-end;display:flex}.medo-accordion{--_pad-y:var(--medo-space-3);--_pad-x:var(--medo-space-4);--_min:var(--medo-space-12);--_icon:var(--medo-size-icon-md);--_title:var(--medo-typography-label-md);--_desc:var(--medo-typography-body-sm);--_panel:var(--medo-space-3) var(--medo-space-4) var(--medo-space-4);border:var(--medo-border-width-thin) solid var(--medo-color-border-default);border-radius:var(--medo-radius-lg);background-color:var(--medo-color-surface-default);color:var(--medo-color-text-primary);overflow:hidden}.medo-accordion--lg{--_pad-y:var(--medo-space-5);--_pad-x:var(--medo-space-6);--_min:var(--medo-space-16);--_icon:var(--medo-size-icon-lg);--_title:var(--medo-typography-heading-sm);--_desc:var(--medo-typography-body-md);--_panel:var(--medo-space-4) var(--medo-space-6) var(--medo-space-6)}.medo-accordion__item+.medo-accordion__item{border-block-start:var(--medo-border-width-thin) solid var(--medo-color-border-default)}.medo-accordion__heading{font:inherit;margin:0}.medo-accordion__trigger{box-sizing:border-box;align-items:center;gap:var(--medo-space-3);inline-size:100%;min-block-size:var(--_min);padding:var(--_pad-y) var(--_pad-x);color:inherit;font:inherit;text-align:start;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;outline:none;display:flex}.medo-accordion__trigger[data-hovered]{background-color:var(--medo-color-state-hover)}.medo-accordion__trigger[data-pressed]{background-color:var(--medo-color-state-pressed)}.medo-accordion__trigger[data-focus-visible]{box-shadow:inset 0 0 0 var(--medo-focus-ring-width) var(--medo-color-focus-ring)}.medo-accordion__item[data-disabled] .medo-accordion__trigger{opacity:.5;cursor:not-allowed}.medo-accordion__icon{color:var(--medo-color-text-secondary);font:var(--_title);flex:none;align-self:flex-start;margin-block-start:calc((1lh - var(--_icon)) / 2);display:inline-flex}.medo-accordion__icon>svg{inline-size:var(--_icon);block-size:var(--_icon)}.medo-accordion__text{flex:1;min-inline-size:0;display:grid}.medo-accordion__title{font:var(--_title);color:var(--medo-color-text-primary)}.medo-accordion__description{font:var(--_desc);color:var(--medo-color-text-secondary)}.medo-accordion__badge{flex:none;display:inline-flex}.medo-accordion__chevron{inline-size:var(--_icon);block-size:var(--_icon);color:var(--medo-color-text-secondary);transition:rotate var(--medo-motion-spring-smooth-duration) var(--medo-motion-spring-smooth);flex:none}.medo-accordion__item[data-expanded] .medo-accordion__chevron{rotate:180deg}.medo-accordion__panel{block-size:var(--disclosure-panel-height);transition:block-size var(--medo-motion-spring-smooth-duration) var(--medo-motion-spring-smooth);overflow:clip}.medo-accordion__content{padding:var(--_panel);transition:opacity var(--medo-motion-duration-normal) var(--medo-motion-easing-standard)}.medo-accordion__item:not([data-expanded]) .medo-accordion__content{opacity:0}.medo-accordion__item--icon .medo-accordion__content{padding-inline-start:calc(var(--_pad-x) + var(--_icon) + var(--medo-space-3))}@media (prefers-reduced-motion:reduce){.medo-accordion__panel{transition:none}.medo-accordion__chevron{transition:rotate var(--medo-motion-duration-fast) var(--medo-motion-easing-standard)}.medo-accordion__content{transition-duration:var(--medo-motion-duration-fast)}}@media (forced-colors:active){.medo-accordion__trigger[data-focus-visible]{outline-offset:-2px;outline:2px solid highlight}}.medo-slider{gap:var(--medo-space-2);inline-size:100%;min-inline-size:0;display:grid}.medo-slider[data-disabled]{opacity:.5}.medo-slider__header{justify-content:space-between;align-items:baseline;gap:var(--medo-space-3);display:flex}.medo-slider__label{font:var(--medo-typography-label-md);color:var(--medo-color-text-primary)}.medo-slider__value{font:var(--medo-typography-body-sm);font-variant-numeric:tabular-nums;color:var(--medo-color-text-secondary);white-space:nowrap}.medo-slider__track{block-size:var(--medo-space-5);margin-inline:calc(var(--medo-space-2) + var(--medo-space-0-5));cursor:pointer;position:relative}.medo-slider[data-disabled] .medo-slider__track{cursor:not-allowed}.medo-slider__rail,.medo-slider__fill{block-size:var(--medo-space-1);border-radius:var(--medo-radius-full);position:absolute;inset-block-start:50%;translate:0 -50%}.medo-slider__rail{background-color:var(--medo-color-border-default);inset-inline:0}.medo-slider__fill{background-color:var(--medo-color-action-primary)}.medo-slider__ticks{position:absolute;inset-block-start:calc(var(--medo-space-4));inset-inline:0}.medo-slider__tick{inline-size:var(--medo-space-0-5);block-size:var(--medo-space-1-5);border-radius:var(--medo-radius-full);background-color:var(--medo-color-border-strong);position:absolute;translate:-50%}.medo-slider__thumb{box-sizing:border-box;inline-size:var(--medo-space-5);block-size:var(--medo-space-5);border:var(--medo-border-width-thick) solid var(--medo-color-action-primary);border-radius:var(--medo-radius-full);background-color:var(--medo-color-surface-default);box-shadow:var(--medo-shadow-elevation-1);transition:box-shadow var(--medo-motion-duration-fast) var(--medo-motion-easing-standard), left var(--medo-motion-spring-snappy-duration) var(--medo-motion-spring-snappy), right var(--medo-motion-spring-snappy-duration) var(--medo-motion-spring-snappy);inset-block-start:50%}.medo-slider__thumb:before{content:"";inset:calc(-1 * var(--medo-space-3));border-radius:var(--medo-radius-full);position:absolute}.medo-slider__thumb[data-hovered]{box-shadow:0 0 0 var(--medo-space-2) var(--medo-color-state-hover), var(--medo-shadow-elevation-1)}.medo-slider__thumb[data-dragging]{box-shadow:0 0 0 calc(var(--medo-space-2) + var(--medo-space-0-5)) var(--medo-color-state-pressed), var(--medo-shadow-elevation-1)}.medo-slider__thumb[data-focus-visible]{outline:var(--medo-focus-ring-width) solid var(--medo-color-focus-ring);outline-offset:var(--medo-space-0-5)}.medo-slider__thumb[data-disabled]{cursor:not-allowed}.medo-slider__bubble{white-space:nowrap;pointer-events:none;position:absolute;inset-block-end:calc(100% + var(--medo-space-2));inset-inline-start:50%;translate:-50%}.medo-slider__limits{font:var(--medo-typography-caption);font-variant-numeric:tabular-nums;color:var(--medo-color-text-secondary);justify-content:space-between;display:flex}.medo-slider-field{gap:var(--medo-space-2);display:grid}.medo-slider-field--single{align-items:end;gap:var(--medo-space-4);grid-template-columns:1fr 5.5rem}.medo-slider-field__inputs{align-items:center;gap:var(--medo-space-2);grid-template-columns:1fr auto 1fr;display:grid}.medo-slider-field__dash{color:var(--medo-color-text-secondary)}.medo-number-field__control{font-variant-numeric:tabular-nums}.medo-slider__fill{transition:inset-inline-start var(--medo-motion-spring-snappy-duration) var(--medo-motion-spring-snappy), inline-size var(--medo-motion-spring-snappy-duration) var(--medo-motion-spring-snappy)}.medo-slider__track:has(.medo-slider__thumb[data-dragging]) :is(.medo-slider__thumb,.medo-slider__fill){transition-property:box-shadow}@media (prefers-reduced-motion:reduce){.medo-slider__thumb{transition:box-shadow var(--medo-motion-duration-fast) var(--medo-motion-easing-standard)}.medo-slider__fill{transition:none}}@media (forced-colors:active){.medo-slider__fill,.medo-slider__thumb{forced-color-adjust:none;background-color:highlight;border-color:canvastext}.medo-slider__rail{background-color:graytext}}.medo-toggle{--_bg-hover:var(--medo-color-state-hover);--_bg-pressed:var(--medo-color-state-pressed);--_fg:var(--medo-color-text-secondary);--_fg-hover:var(--medo-color-text-primary)}.medo-toggle:is([data-selected],[aria-pressed=true]){--_bg:var(--medo-color-action-selected);--_bg-hover:var(--medo-color-action-selected-hover);--_bg-pressed:var(--medo-color-action-selected-pressed);--_fg:var(--medo-color-text-brand);--_fg-hover:var(--medo-color-text-brand);--_fg-pressed:var(--medo-color-text-brand-hover)}.medo-toggle:is(:disabled,[data-disabled]){--_bg:transparent;--_bg-hover:var(--_bg);--_bg-pressed:var(--_bg);--_fg:var(--medo-color-text-disabled);--_fg-hover:var(--_fg);--_fg-pressed:var(--_fg)}.medo-toggle:is(:disabled,[data-disabled]):is([data-selected],[aria-pressed=true]){--_bg:var(--medo-color-action-disabled)}.medo-toggle-group{align-items:center;gap:var(--medo-space-1);display:inline-flex}.medo-toggle-group--segmented{box-sizing:border-box;gap:var(--medo-space-0-5);padding:var(--medo-space-1);border-radius:var(--medo-radius-md);background-color:var(--medo-color-surface-default);box-shadow:inset 0 0 0 var(--medo-border-width-thin) var(--medo-color-border-default)}.medo-toggle-group--segmented .medo-toggle{isolation:isolate;border-radius:var(--medo-radius-sm);position:relative}.medo-toggle-group--segmented .medo-toggle:is([data-selected],[aria-pressed=true]){--_bg:transparent}.medo-toggle__indicator{z-index:-1;border-radius:inherit;background-color:var(--medo-color-action-selected);transition:translate var(--medo-motion-spring-snappy-duration) var(--medo-motion-spring-snappy), width var(--medo-motion-spring-snappy-duration) var(--medo-motion-spring-snappy), background-color var(--medo-motion-duration-fast) var(--medo-motion-easing-standard);position:absolute;inset:0}.medo-toggle[data-hovered]>.medo-toggle__indicator{background-color:var(--medo-color-action-selected-hover)}.medo-toggle[data-pressed]>.medo-toggle__indicator{background-color:var(--medo-color-action-selected-pressed)}.medo-toggle:is(:disabled,[data-disabled])>.medo-toggle__indicator{background-color:var(--medo-color-action-disabled)}@media (prefers-reduced-motion:reduce){.medo-toggle__indicator{transition:background-color var(--medo-motion-duration-fast) var(--medo-motion-easing-standard)}}.medo-toggle-group--full{inline-size:100%;display:flex}.medo-toggle-group--full .medo-toggle{flex:1 1 0;min-inline-size:0}.medo-toolbar{align-items:center;gap:var(--medo-space-1);flex-wrap:wrap;display:flex}.medo-toolbar__separator{inline-size:var(--medo-border-width-thin);block-size:var(--medo-size-icon-lg);margin:0 var(--medo-space-1);background-color:var(--medo-color-border-default);border:0;flex:none;align-self:center}@media (forced-colors:active){.medo-toggle:is([data-selected],[aria-pressed=true]){forced-color-adjust:none;color:highlighttext;background-color:highlight}.medo-toggle-group--segmented{border:1px solid canvastext}.medo-toolbar__separator{background-color:canvastext}}.medo-listbox-popover{box-sizing:border-box;min-inline-size:var(--trigger-width);max-inline-size:calc(100vw - 2 * var(--medo-space-4));border:var(--medo-border-width-thin) solid var(--medo-color-border-default);border-radius:var(--medo-radius-md);background-color:var(--medo-color-surface-raised);box-shadow:var(--medo-shadow-elevation-2);z-index:var(--medo-layer-dropdown);transform-origin:var(--trigger-anchor-point,top);transition:opacity var(--medo-motion-duration-normal) var(--medo-motion-easing-enter), scale var(--medo-motion-spring-snappy-duration) var(--medo-motion-spring-snappy);outline:none;overflow:hidden}.medo-listbox-popover[data-entering]{opacity:0;scale:.98}.medo-listbox-popover[data-exiting]{opacity:0;transition:opacity var(--medo-motion-duration-fast) var(--medo-motion-easing-exit), scale var(--medo-motion-duration-fast) var(--medo-motion-easing-exit);scale:.98}.medo-listbox{--_pad:var(--medo-space-2);--_label:var(--medo-typography-body-sm);--_desc:var(--medo-typography-caption);--_icon:var(--medo-size-icon-sm);box-sizing:border-box;gap:var(--medo-space-1);max-block-size:20rem;padding:var(--medo-space-1);color:var(--medo-color-text-primary);outline:none;flex-direction:column;display:flex;overflow:auto}.medo-listbox--lg{--_pad:var(--medo-space-3);--_label:var(--medo-typography-body-md);--_desc:var(--medo-typography-body-sm);--_icon:var(--medo-size-icon-md)}.medo-listbox__section{gap:var(--medo-space-1);flex-direction:column;display:flex}.medo-listbox__header{padding:var(--medo-space-2) var(--medo-space-2) var(--medo-space-1);font:var(--medo-typography-overline);color:var(--medo-color-text-secondary)}.medo-listbox__section+.medo-listbox__section{border-block-start:var(--medo-border-width-thin) solid var(--medo-color-border-default);margin-block-start:var(--medo-space-1);padding-block-start:var(--medo-space-1)}.medo-listbox__message{padding:var(--_pad);font:var(--_label);color:var(--medo-color-text-secondary)}.medo-option{box-sizing:border-box;align-items:flex-start;gap:var(--medo-space-2);padding:var(--_pad);border-radius:var(--medo-radius-sm);font:var(--_label);color:var(--medo-color-text-primary);cursor:pointer;-webkit-tap-highlight-color:transparent;outline:none;display:flex}.medo-option[data-focused],.medo-option[data-hovered]{background-color:var(--medo-color-state-hover)}.medo-option[data-disabled]{color:var(--medo-color-text-disabled);cursor:not-allowed}.medo-option__content{overflow-wrap:anywhere;flex-direction:column;flex:1;min-inline-size:0;display:flex}.medo-option__match{font-weight:var(--medo-font-weight-semibold)}.medo-option__description{font:var(--_desc);color:var(--medo-color-text-secondary)}.medo-option__icon,.medo-option__check{inline-size:var(--_icon);block-size:var(--_icon);flex:none;margin-block-start:var(--medo-space-0-5);display:inline-flex}.medo-option__icon{color:var(--medo-color-text-secondary)}.medo-option__check{color:var(--medo-color-text-brand)}.medo-option__icon>svg,.medo-option__check>svg{block-size:100%;inline-size:100%}.medo-option[data-disabled] :is(.medo-option__icon,.medo-option__check){color:var(--medo-color-text-disabled)}.medo-option__checkbox{flex:none}@media (forced-colors:active){.medo-option:is([data-focused],[data-hovered]){forced-color-adjust:none;color:highlighttext;background-color:highlight}}@media (prefers-reduced-motion:reduce){.medo-listbox-popover{transition:opacity var(--medo-motion-duration-fast) var(--medo-motion-easing-standard)}.medo-listbox-popover:is([data-entering],[data-exiting]){scale:none}}.medo-select__field{--_pad:var(--medo-space-3);--_pad-start:var(--_pad);--_icon:var(--medo-size-icon-sm);--_clear:var(--medo-size-icon-lg);cursor:pointer;position:relative}.medo-input.medo-select__field{padding-inline:0}.medo-select__field.medo-input--lg{--_pad:var(--medo-space-4);--_icon:var(--medo-size-icon-md);--_clear:var(--medo-size-control-sm)}.medo-select--tags .medo-select__field{--_pad-start:var(--medo-space-2)}.medo-select--tags .medo-select__field.medo-input--sm{--_pad-start:var(--medo-space-1)}.medo-select__trigger{box-sizing:border-box;align-items:center;gap:var(--medo-space-2);block-size:100%;min-inline-size:0;padding-block:0;padding-inline:var(--_pad-start) var(--_pad);border-radius:inherit;color:inherit;font:inherit;text-align:start;cursor:inherit;background:0 0;border:0;outline:none;flex:1;display:flex}.medo-select--clearable .medo-select__chevron{margin-inline-start:calc(var(--_clear) + var(--medo-space-2))}.medo-select__value{text-overflow:ellipsis;white-space:nowrap;flex:1;min-inline-size:0;overflow:hidden}.medo-select__value[data-placeholder]{color:var(--medo-color-text-secondary)}.medo-select__chevron{inline-size:var(--_icon);block-size:var(--_icon);color:var(--medo-color-text-secondary);transition:transform var(--medo-motion-spring-snappy-duration) var(--medo-motion-spring-snappy);flex:none;display:inline-flex}.medo-select__chevron>svg{block-size:100%;inline-size:100%}.medo-select[data-open] .medo-select__chevron{transform:rotate(180deg)}.medo-select__clear{display:flex;position:absolute;inset-block-start:50%;inset-inline-end:calc(var(--_pad) + var(--_icon) + var(--medo-space-2));translate:0 -50%}.medo-select__clear>.medo-input__action{margin:0}.medo-select__native{opacity:0;cursor:pointer;appearance:none;border:0;block-size:100%;inline-size:100%;margin:0;font-size:1rem;position:absolute;inset:0}.medo-select:has(.medo-select__native:focus-visible) .medo-select__field{--_border:var(--medo-color-focus-ring);box-shadow:inset 0 0 0 var(--medo-border-width-thin) var(--medo-color-focus-ring)}.medo-select__clear{z-index:1}.medo-select__tags{align-items:center;gap:var(--medo-space-1);flex:1;min-inline-size:0;display:flex;position:relative;overflow:hidden}.medo-select__tags .medo-tag{flex:none;max-inline-size:100%}.medo-select__tags .medo-tag:first-child{flex-shrink:1;min-inline-size:0}.medo-select__tag-label{text-overflow:ellipsis;overflow:hidden}.medo-select__measure{gap:var(--medo-space-1);visibility:hidden;pointer-events:none;display:flex;position:absolute;inset-inline-start:0}.medo-select:is([data-open],:has(.medo-select__trigger[data-focus-visible])) .medo-select__field{--_border:var(--medo-color-focus-ring);box-shadow:inset 0 0 0 var(--medo-border-width-thin) var(--medo-color-focus-ring)}.medo-select[data-invalid] .medo-select__field{--_border:var(--medo-color-border-danger)}.medo-select[data-readonly] .medo-select__field{--_border:var(--medo-color-border-default);background-color:var(--medo-color-surface-subtle);cursor:default}.medo-select[data-disabled] .medo-select__field{--_border:var(--medo-color-border-default);background-color:var(--medo-color-action-disabled);color:var(--medo-color-text-disabled);cursor:not-allowed}.medo-select[data-disabled] :is(.medo-select__value[data-placeholder],.medo-select__chevron,.medo-input__icon){color:var(--medo-color-text-disabled)}.medo-select[data-disabled] .medo-tag{--_bg:transparent;--_fg:var(--medo-color-text-disabled)}@media (hover:hover){.medo-select:is([data-readonly],[data-disabled]) .medo-select__field:hover{--_border:var(--medo-color-border-default)}}@media (forced-colors:active){.medo-select:is([data-open],:has(.medo-select__trigger[data-focus-visible])) .medo-select__field{outline:var(--medo-focus-ring-width) solid Highlight}}@media (prefers-reduced-motion:reduce){.medo-select__chevron{transition:transform var(--medo-motion-duration-fast) var(--medo-motion-easing-standard)}}.medo-combobox__field:has(.medo-combobox__tags-row){padding-inline-start:var(--medo-space-2)}.medo-combobox__field.medo-input--sm:has(.medo-combobox__tags-row){padding-inline-start:var(--medo-space-1)}.medo-combobox__field>.medo-input__action{margin-inline-end:0}.medo-combobox__toggle>svg{transition:transform var(--medo-motion-spring-snappy-duration) var(--medo-motion-spring-snappy)}.medo-combobox__toggle[data-pressed]:not([data-hovered]){background:0 0}.medo-combobox[data-open] .medo-combobox__toggle>svg{transform:rotate(180deg)}.medo-combobox__input{min-inline-size:4rem}.medo-combobox__entry{align-items:center;gap:var(--medo-space-1);flex:1;block-size:100%;min-inline-size:0;display:flex;position:relative}.medo-combobox__tags-row{align-items:center;gap:var(--medo-space-1);flex:0 auto;min-inline-size:0;display:flex;overflow:hidden}.medo-combobox__tags{flex-direction:row;gap:0;min-inline-size:0}.medo-combobox__tags .medo-tag-list{gap:var(--medo-space-1);flex-wrap:nowrap;min-inline-size:0}.medo-combobox__tags .medo-tag:first-child{flex-shrink:1;min-inline-size:0}.medo-combobox__more{flex:none}.medo-combobox__measure{gap:var(--medo-space-1);visibility:hidden;pointer-events:none;display:flex;position:absolute;inset-inline-start:0}.medo-combobox[data-open] .medo-combobox__field{--_border:var(--medo-color-focus-ring);box-shadow:inset 0 0 0 var(--medo-border-width-thin) var(--medo-color-focus-ring)}.medo-combobox[data-invalid] .medo-combobox__field{--_border:var(--medo-color-border-danger)}.medo-combobox[data-invalid]:is([data-open],:focus-within) .medo-combobox__field{--_border:var(--medo-color-focus-ring)}.medo-combobox[data-disabled] .medo-tag{--_bg:transparent;--_fg:var(--medo-color-text-disabled)}@media (prefers-reduced-motion:reduce){.medo-combobox__toggle>svg{transition:transform var(--medo-motion-duration-fast) var(--medo-motion-easing-standard)}}.medo-sheet-overlay{z-index:var(--medo-layer-modal);background-color:var(--medo-color-overlay-scrim);transition:opacity var(--medo-motion-duration-normal) var(--medo-motion-easing-enter);align-items:flex-end;display:flex;position:fixed;inset:0}.medo-sheet-overlay[data-entering]{opacity:0}.medo-sheet-overlay[data-exiting]{opacity:0;transition:opacity var(--medo-motion-duration-normal) var(--medo-motion-easing-exit)}.medo-sheet{box-sizing:border-box;background-color:var(--medo-color-surface-raised);max-block-size:90dvh;inline-size:100%;box-shadow:var(--medo-shadow-elevation-4);color:var(--medo-color-text-primary);touch-action:pan-y;transition:transform var(--medo-motion-spring-smooth-duration) var(--medo-motion-spring-smooth);border-start-start-radius:var(--medo-radius-xl);border-start-end-radius:var(--medo-radius-xl);outline:none;flex-direction:column;display:flex}.medo-sheet--full{block-size:90dvh}.medo-sheet[data-entering],.medo-sheet-overlay[data-entering] .medo-sheet{transform:translateY(100%)}.medo-sheet[data-exiting],.medo-sheet-overlay[data-exiting] .medo-sheet{transition:transform var(--medo-motion-duration-normal) var(--medo-motion-easing-exit);transform:translateY(100%)}.medo-sheet-overlay--popover{block-size:auto!important;max-block-size:none!important;inline-size:auto!important;max-inline-size:none!important;position:fixed!important;inset:0!important}.medo-sheet-scrim{flex:1;align-items:flex-end;block-size:100%;display:flex}.medo-sheet[data-dragging]{transition:none}.medo-sheet__dialog{outline:none;flex-direction:column;flex:1;min-block-size:0;display:flex}.medo-sheet__grab{touch-action:none;cursor:grab;flex:none}.medo-sheet__handle{inline-size:var(--medo-space-8);block-size:var(--medo-space-1);margin:var(--medo-space-2) auto var(--medo-space-1);border-radius:var(--medo-radius-full);background-color:var(--medo-color-border-default);display:block}.medo-sheet__header{justify-content:space-between;align-items:center;gap:var(--medo-space-2);padding-inline:var(--medo-space-4) var(--medo-space-2);display:flex}.medo-sheet__title{min-inline-size:0;font:var(--medo-typography-heading-sm);color:var(--medo-color-text-primary);flex:1;margin:0}.medo-sheet__content{overscroll-behavior:contain;flex:1;min-block-size:0;overflow:auto}.medo-sheet__content:last-child{padding-block-end:env(safe-area-inset-bottom)}.medo-sheet__footer{gap:var(--medo-space-2);padding:var(--medo-space-4);border-block-start:var(--medo-border-width-thin) solid var(--medo-color-border-default);padding-block-end:calc(var(--medo-space-4) + env(safe-area-inset-bottom));display:grid}.medo-sheet__footer .medo-button{inline-size:100%}.medo-sheet__count{font:var(--medo-typography-caption);color:var(--medo-color-text-secondary);margin:0}.medo-sheet__header:has(>.medo-button:first-child){padding-inline-start:var(--medo-space-1)}.medo-sheet__search{padding:var(--medo-space-2) var(--medo-space-4);flex:none}.medo-sheet .medo-listbox{max-block-size:none;padding-inline:var(--medo-space-1)}@media (forced-colors:active){.medo-sheet{border:1px solid canvastext}}@media (prefers-reduced-motion:reduce){.medo-sheet-overlay,.medo-sheet{transition:opacity var(--medo-motion-duration-fast) var(--medo-motion-easing-standard)}.medo-sheet:is([data-entering],[data-exiting]),.medo-sheet-overlay:is([data-entering],[data-exiting]) .medo-sheet{opacity:0;transform:none}}.medo-menu-popover{box-sizing:border-box;inline-size:15rem;min-inline-size:11.25rem;max-inline-size:min(20rem, calc(100vw - 2 * var(--medo-space-4)));border:var(--medo-border-width-thin) solid var(--medo-color-border-default);border-radius:var(--medo-radius-md);background-color:var(--medo-color-surface-raised);box-shadow:var(--medo-shadow-elevation-2);z-index:var(--medo-layer-dropdown);transform-origin:var(--trigger-anchor-point,top);transition:opacity var(--medo-motion-duration-normal) var(--medo-motion-easing-enter), scale var(--medo-motion-spring-snappy-duration) var(--medo-motion-spring-snappy);outline:none;overflow:auto}.medo-menu-popover[data-entering]{opacity:0;scale:.96}.medo-menu-popover[data-exiting]{opacity:0;transition:opacity var(--medo-motion-duration-fast) var(--medo-motion-easing-exit), scale var(--medo-motion-duration-fast) var(--medo-motion-easing-exit);scale:.98}.medo-menu{--_pad:var(--medo-space-2);--_label:var(--medo-typography-body-sm);--_icon:var(--medo-size-icon-sm);gap:var(--medo-space-1);padding:var(--medo-space-1);outline:none;flex-direction:column;display:flex}.medo-menu--lg{--_pad:var(--medo-space-3);--_label:var(--medo-typography-body-md);--_icon:var(--medo-size-icon-md)}.medo-menu__section{gap:var(--medo-space-1);flex-direction:column;display:flex}.medo-menu__section+.medo-menu__section,.medo-menu__section+.medo-menu-item,.medo-menu-item+.medo-menu__section{border-block-start:var(--medo-border-width-thin) solid var(--medo-color-border-default);margin-block-start:var(--medo-space-1);padding-block-start:var(--medo-space-1)}.medo-menu-item{--_fg:var(--medo-color-text-primary);--_icon-fg:var(--medo-color-text-secondary);--_hover:var(--medo-color-state-hover);box-sizing:border-box;align-items:center;gap:var(--medo-space-2);padding:var(--_pad);border-radius:var(--medo-radius-sm);font:var(--_label);color:var(--_fg);cursor:pointer;-webkit-tap-highlight-color:transparent;outline:none;display:flex}.medo-menu-item:is([data-focused],[data-hovered],[data-open]){background-color:var(--_hover)}.medo-menu-item[data-pressed]{background-color:var(--medo-color-state-pressed)}.medo-menu-item--danger{--_fg:var(--medo-color-feedback-danger-text);--_icon-fg:var(--medo-color-feedback-danger-text);--_hover:var(--medo-color-feedback-danger-surface)}.medo-menu-item--danger[data-pressed]{background-image:linear-gradient(var(--medo-color-state-pressed), var(--medo-color-state-pressed));background-color:var(--medo-color-feedback-danger-surface)}.medo-menu-item[data-disabled]{--_fg:var(--medo-color-text-disabled);--_icon-fg:var(--medo-color-text-disabled);cursor:not-allowed;background:0 0}.medo-menu-item__icon,.medo-menu-item__chevron{inline-size:var(--_icon);block-size:var(--_icon);color:var(--_icon-fg);flex:none;display:inline-flex}.medo-menu-item__icon>svg,.medo-menu-item__chevron>svg{block-size:100%;inline-size:100%}.medo-menu-item__label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-inline-size:0;overflow:hidden}.medo-menu-item__shortcut{font:var(--medo-typography-caption);color:var(--medo-color-text-secondary);flex:none}.medo-menu-item[data-disabled] .medo-menu-item__shortcut{color:var(--medo-color-text-disabled)}@media (forced-colors:active){.medo-menu-item:is([data-focused],[data-hovered]){forced-color-adjust:none;color:highlighttext;background-color:highlight}}@media (prefers-reduced-motion:reduce){.medo-menu-popover{transition:opacity var(--medo-motion-duration-fast) var(--medo-motion-easing-standard)}.medo-menu-popover:is([data-entering],[data-exiting]){scale:none}}.medo-dialog-overlay{z-index:var(--medo-layer-modal);padding:var(--medo-space-8);background-color:var(--medo-color-overlay-scrim);place-items:center;display:grid;position:fixed;inset:0}.medo-dialog{--_width:35rem;box-sizing:border-box;inline-size:min(var(--_width), 100%);border:var(--medo-border-width-thin) solid var(--medo-color-border-default);border-radius:var(--medo-radius-lg);background-color:var(--medo-color-surface-raised);max-block-size:100%;box-shadow:var(--medo-shadow-elevation-4);color:var(--medo-color-text-primary);outline:none;flex-direction:column;display:flex;overflow:hidden}.medo-dialog--sm,.medo-alert-dialog{--_width:25rem}.medo-dialog--lg{--_width:45rem}.medo-dialog-overlay{transition:opacity var(--medo-motion-duration-normal) var(--medo-motion-easing-enter)}.medo-dialog-overlay[data-entering]{opacity:0}.medo-dialog-overlay[data-exiting]{opacity:0;transition:opacity var(--medo-motion-duration-normal) var(--medo-motion-easing-exit)}.medo-dialog{transition:scale var(--medo-motion-spring-smooth-duration) var(--medo-motion-spring-smooth), translate var(--medo-motion-spring-smooth-duration) var(--medo-motion-spring-smooth)}.medo-dialog-overlay[data-entering] .medo-dialog{scale:.96}.medo-dialog-overlay[data-entering] .medo-dialog--fullscreen{translate:0 100%;scale:none}.medo-dialog-overlay[data-exiting] .medo-dialog{transition:scale var(--medo-motion-duration-normal) var(--medo-motion-easing-exit), translate var(--medo-motion-duration-normal) var(--medo-motion-easing-exit);scale:.98}.medo-dialog-overlay[data-exiting] .medo-dialog--fullscreen{translate:0 100%;scale:none}.medo-dialog__dialog{outline:none;flex-direction:column;flex:1;min-block-size:0;display:flex}.medo-dialog__header{align-items:flex-start;gap:var(--medo-space-4);padding:var(--medo-space-6) var(--medo-space-4) var(--medo-space-4) var(--medo-space-6);display:flex}.medo-dialog__heading{gap:var(--medo-space-1);flex:1;min-inline-size:0;display:grid}.medo-dialog__title{font:var(--medo-typography-heading-md);color:var(--medo-color-text-primary);margin:0}.medo-dialog__description{font:var(--medo-typography-body-sm);color:var(--medo-color-text-secondary);margin:0}.medo-dialog__body{overscroll-behavior:contain;min-block-size:0;padding-inline:var(--medo-space-6);font:var(--medo-typography-body-sm);outline:none;flex:1;overflow:auto}.medo-dialog__body:focus-visible{box-shadow:var(--medo-shadow-focus-ring-inset)}.medo-dialog__body:last-child{padding-block-end:var(--medo-space-6)}.medo-dialog__footer{padding:var(--medo-space-6)}.medo-dialog__dialog[data-scrolled] .medo-dialog__header{border-block-end:var(--medo-border-width-thin) solid var(--medo-color-border-default)}.medo-dialog__dialog[data-scrolled] .medo-dialog__body{padding-block:var(--medo-space-4)}.medo-dialog__dialog[data-scrolled] .medo-dialog__footer{border-block-start:var(--medo-border-width-thin) solid var(--medo-color-border-default);padding-block-start:var(--medo-space-4)}.medo-dialog-overlay--fullscreen{padding:0}.medo-dialog--fullscreen{block-size:100%;inline-size:100%;box-shadow:none;border:0;border-radius:0;padding-block-start:env(safe-area-inset-top);padding-block-end:env(safe-area-inset-bottom)}.medo-dialog__bar{align-items:center;gap:var(--medo-space-2);min-block-size:calc(var(--medo-size-control-md) + 2 * var(--medo-space-2));padding-inline:var(--medo-space-2);border-block-end:var(--medo-border-width-thin) solid var(--medo-color-border-default);grid-template-columns:1fr auto 1fr;display:grid}.medo-dialog__bar>:first-child{justify-self:start}.medo-dialog__bar>:last-child{justify-self:end}.medo-dialog__bar-title{min-inline-size:0;font:var(--medo-typography-label-lg);text-align:center;text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.medo-dialog--fullscreen .medo-dialog__body,.medo-dialog--fullscreen .medo-dialog__dialog[data-scrolled] .medo-dialog__body{padding:var(--medo-space-4)}.medo-dialog--fullscreen .medo-dialog__body-inner,.medo-dialog__sheet-body{gap:var(--medo-space-4);display:grid}.medo-dialog__sheet-body{padding:var(--medo-space-2) var(--medo-space-4) var(--medo-space-4);font:var(--medo-typography-body-sm)}.medo-alert-dialog{--_tone-bg:var(--medo-color-feedback-danger-surface);--_tone-fg:var(--medo-color-feedback-danger-text)}.medo-alert-dialog--warning{--_tone-bg:var(--medo-color-feedback-warning-surface);--_tone-fg:var(--medo-color-feedback-warning-text)}.medo-alert-dialog--info{--_tone-bg:var(--medo-color-feedback-info-surface);--_tone-fg:var(--medo-color-feedback-info-text)}.medo-alert-dialog .medo-dialog__dialog{gap:var(--medo-space-6);padding:var(--medo-space-6)}.medo-alert-dialog__content{align-items:flex-start;gap:var(--medo-space-4);display:flex}.medo-alert-dialog__icon{inline-size:var(--medo-space-10);block-size:var(--medo-space-10);border-radius:var(--medo-radius-full);background-color:var(--_tone-bg);color:var(--_tone-fg);flex:none;place-items:center;display:inline-grid}.medo-alert-dialog__icon>svg{inline-size:var(--medo-size-icon-md);block-size:var(--medo-size-icon-md)}.medo-alert-dialog__text{gap:var(--medo-space-2);flex:1;min-inline-size:0;display:grid}.medo-alert-dialog__title{font:var(--medo-typography-heading-sm);color:var(--medo-color-text-primary);margin:0}.medo-alert-dialog__description{font:var(--medo-typography-body-sm);color:var(--medo-color-text-secondary)}@media (width<=639.98px){.medo-dialog-overlay{padding:var(--medo-space-4)}.medo-dialog-overlay--fullscreen{padding:0}.medo-alert-dialog__content{flex-direction:column}}@media (forced-colors:active){.medo-dialog,.medo-alert-dialog__icon{border:1px solid canvastext}}@media (prefers-reduced-motion:reduce){.medo-dialog-overlay{transition:opacity var(--medo-motion-duration-fast) var(--medo-motion-easing-standard)}.medo-dialog-overlay:is([data-entering],[data-exiting]) .medo-dialog{translate:none;scale:none}}.medo-drawer-overlay{z-index:var(--medo-layer-modal);background-color:var(--medo-color-overlay-scrim);justify-content:flex-end;display:flex;position:fixed;inset:0}.medo-drawer-overlay--left{justify-content:flex-start}.medo-drawer{--_width:20rem;--_from:100%;box-sizing:border-box;inline-size:min(var(--_width), 100vw - (var(--medo-space-12) + var(--medo-space-2)));border-inline-start:var(--medo-border-width-thin) solid var(--medo-color-border-default);background-color:var(--medo-color-surface-raised);block-size:100%;box-shadow:var(--medo-shadow-elevation-4);color:var(--medo-color-text-primary);touch-action:pan-y;transition:transform var(--medo-motion-spring-smooth-duration) var(--medo-motion-spring-smooth);border-start-start-radius:var(--medo-radius-lg);border-end-start-radius:var(--medo-radius-lg);outline:none;display:flex}.medo-drawer--left{--_from:-100%;border-radius:0;border-inline-start:0;border-inline-end:var(--medo-border-width-thin) solid var(--medo-color-border-default);border-start-end-radius:var(--medo-radius-lg);border-end-end-radius:var(--medo-radius-lg)}.medo-drawer--md{--_width:25rem}.medo-drawer--lg{--_width:35rem}.medo-drawer[data-dragging]{transition:none}.medo-drawer-overlay{transition:opacity var(--medo-motion-duration-normal) var(--medo-motion-easing-enter)}.medo-drawer-overlay[data-entering]{opacity:0}.medo-drawer-overlay[data-exiting]{opacity:0;transition:opacity var(--medo-motion-duration-normal) var(--medo-motion-easing-exit)}.medo-drawer-overlay[data-entering] .medo-drawer{transform:translateX(var(--_from))}.medo-drawer-overlay[data-exiting] .medo-drawer{transform:translateX(var(--_from));transition:transform var(--medo-motion-duration-normal) var(--medo-motion-easing-exit)}.medo-drawer__dialog{outline:none;flex-direction:column;flex:1;min-inline-size:0;display:flex}.medo-drawer__header{justify-content:space-between;align-items:center;gap:var(--medo-space-2);padding:var(--medo-space-4) var(--medo-space-3) var(--medo-space-4) var(--medo-space-6);flex:none;display:flex}.medo-drawer__title{min-inline-size:0;font:var(--medo-typography-heading-md);color:var(--medo-color-text-primary);flex:1;align-items:center;margin:0;display:flex}.medo-drawer__body{overscroll-behavior:contain;touch-action:pan-y;min-block-size:0;padding:var(--medo-space-2) var(--medo-space-4) var(--medo-space-4);font:var(--medo-typography-body-sm);flex:1;overflow:auto}.medo-drawer__footer{padding:var(--medo-space-4) var(--medo-space-6) var(--medo-space-6);border-block-start:var(--medo-border-width-thin) solid var(--medo-color-border-default);flex:none;padding-block-end:calc(var(--medo-space-6) + env(safe-area-inset-bottom))}@media (forced-colors:active){.medo-drawer{border:1px solid canvastext}}@media (prefers-reduced-motion:reduce){.medo-drawer-overlay{transition:opacity var(--medo-motion-duration-fast) var(--medo-motion-easing-standard)}.medo-drawer{transition:none}.medo-drawer-overlay:is([data-entering],[data-exiting]) .medo-drawer{transform:none}}.medo-link{--_fg:var(--medo-color-text-brand);--_underline:1px;color:var(--_fg);font:inherit;text-decoration-line:underline;text-decoration-thickness:var(--_underline);text-underline-offset:.2em;border-radius:var(--medo-radius-sm);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color var(--medo-motion-duration-fast) var(--medo-motion-easing-standard);outline:none}.medo-link:is([data-hovered],:not([data-rac]):hover){--_fg:var(--medo-color-text-brand-hover);--_underline:2px}.medo-link:is([data-pressed],:not([data-rac]):active){--_fg:var(--medo-color-text-brand-pressed);--_underline:2px}.medo-link:is([data-focus-visible],:not([data-rac]):focus-visible){outline:var(--medo-focus-ring-width) solid var(--medo-color-focus-ring);outline-offset:2px}.medo-link--standalone{align-items:center;gap:var(--medo-space-1);min-block-size:var(--medo-space-6);font:var(--medo-typography-label-md);text-decoration-line:none;display:inline-flex}.medo-link--standalone.medo-link--sm{font:var(--medo-typography-label-sm)}.medo-link--standalone:is([data-hovered],[data-pressed],:not([data-rac]):hover,:not([data-rac]):active){--_underline:1px;text-decoration-line:underline}.medo-link__icon{block-size:1em;inline-size:1em;vertical-align:-.125em;stroke-width:2.5px;margin-inline-start:var(--medo-space-1);display:inline-block}.medo-link--standalone .medo-link__icon{vertical-align:baseline;inline-size:var(--medo-space-4);block-size:var(--medo-space-4);margin-inline-start:0}.medo-link--standalone.medo-link--sm .medo-link__icon{inline-size:var(--medo-space-3);block-size:var(--medo-space-3);stroke-width:3px}.medo-link[data-disabled]{--_fg:var(--medo-color-text-disabled);cursor:not-allowed}@media (forced-colors:active){.medo-link{color:linktext}.medo-link:is([data-focus-visible],:not([data-rac]):focus-visible){outline-color:highlight}}.medo-alert{--_bg:var(--medo-color-feedback-info-surface);--_border:var(--medo-color-feedback-info-border);--_icon:var(--medo-color-feedback-info-text);box-sizing:border-box;align-items:flex-start;gap:var(--medo-space-3);padding:var(--medo-space-4);border:var(--medo-border-width-thin) solid var(--_border);border-radius:var(--medo-radius-md);background-color:var(--_bg);color:var(--medo-color-text-primary);padding-inline-end:var(--medo-space-3);display:flex}.medo-alert--success{--_bg:var(--medo-color-feedback-success-surface);--_border:var(--medo-color-feedback-success-border);--_icon:var(--medo-color-feedback-success-text)}.medo-alert--warning{--_bg:var(--medo-color-feedback-warning-surface);--_border:var(--medo-color-feedback-warning-border);--_icon:var(--medo-color-feedback-warning-text)}.medo-alert--danger{--_bg:var(--medo-color-feedback-danger-surface);--_border:var(--medo-color-feedback-danger-border);--_icon:var(--medo-color-feedback-danger-text)}.medo-alert__icon{inline-size:var(--medo-size-icon-md);block-size:var(--medo-size-icon-md);color:var(--_icon);stroke-width:2px;flex-shrink:0}.medo-alert__content{gap:var(--medo-space-1);flex:1;min-inline-size:0;padding-block-start:0;display:grid}.medo-alert__title{font:var(--medo-typography-label-md);color:var(--medo-color-text-primary);margin:0}.medo-alert__description{font:var(--medo-typography-body-sm);color:var(--medo-color-text-secondary)}.medo-alert__description>:first-child{margin-block-start:0}.medo-alert__description>:last-child{margin-block-end:0}.medo-alert__actions{gap:var(--medo-space-4);flex-wrap:wrap;margin-block-start:var(--medo-space-2);display:flex}.medo-alert__close{margin-block:calc(-1 * var(--medo-space-1-5));flex-shrink:0}.medo-alert--banner{padding:var(--medo-space-2) var(--medo-space-6);border-width:0 0 var(--medo-border-width-thin);border-radius:0;align-items:center}.medo-alert--banner .medo-alert__content{align-items:baseline;column-gap:var(--medo-space-3);flex-wrap:wrap;display:flex}.medo-alert--banner .medo-alert__actions{margin-block-start:0}.medo-alert--banner .medo-alert__close{margin-block:0}@media (forced-colors:active){.medo-alert{border-color:canvastext}}.medo-alert{transition:opacity var(--medo-motion-duration-normal) var(--medo-motion-easing-enter), translate var(--medo-motion-spring-smooth-duration) var(--medo-motion-spring-smooth)}@starting-style{.medo-alert{opacity:0;translate:0 calc(-1 * var(--medo-space-1))}}@media (prefers-reduced-motion:reduce){@starting-style{.medo-alert{translate:none}}}.medo-toast-region{--medo-toast-offset:0px;z-index:var(--medo-layer-toast);gap:var(--medo-space-2);outline:none;flex-direction:column-reverse;display:flex;position:fixed;inset-block-end:calc(var(--medo-space-6) + var(--medo-toast-offset));inset-inline-end:var(--medo-space-6)}.medo-toast-region[data-focus-visible]{border-radius:var(--medo-radius-md);box-shadow:var(--medo-shadow-focus-ring)}.medo-toast{box-sizing:border-box;align-items:center;gap:var(--medo-space-2);inline-size:25rem;min-inline-size:18rem;max-inline-size:min(35rem, 100vw - 2 * var(--medo-space-6));min-block-size:var(--medo-size-control-lg);padding:var(--medo-space-2);border-radius:var(--medo-radius-md);background-color:var(--medo-color-surface-inverse);box-shadow:var(--medo-shadow-elevation-3);color:var(--medo-color-text-inverse);view-transition-class:medo-toast;outline:none;padding-inline-start:var(--medo-space-4);display:flex}.medo-toast[data-focus-visible]{box-shadow:var(--medo-shadow-focus-ring), var(--medo-shadow-elevation-3)}.medo-toast__content{flex:1;min-inline-size:0}.medo-toast__message{font:var(--medo-typography-body-sm);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.medo-toast__button{block-size:var(--medo-size-control-sm);border-radius:var(--medo-radius-sm);color:var(--medo-color-text-inverse);font:var(--medo-typography-label-md);cursor:pointer;-webkit-tap-highlight-color:transparent;background-color:#0000;border:0;outline:none;flex:none;justify-content:center;align-items:center;display:inline-flex}.medo-toast__action{padding-inline:var(--medo-space-3)}.medo-toast__close{inline-size:var(--medo-size-control-sm);color:var(--medo-color-text-inverse-secondary)}.medo-toast__close>svg{inline-size:var(--medo-size-icon-sm);block-size:var(--medo-size-icon-sm)}.medo-toast__button[data-hovered]{background-color:var(--medo-color-state-hover-inverse)}.medo-toast__button[data-pressed]{background-color:var(--medo-color-state-pressed-inverse)}.medo-toast__button[data-focus-visible]{box-shadow:var(--medo-shadow-focus-ring)}@media (width<=639.98px){.medo-toast-region{inset-inline:var(--medo-space-4);inset-block-end:calc(var(--medo-space-4) + var(--medo-toast-offset) + env(safe-area-inset-bottom))}.medo-toast{inline-size:100%;min-inline-size:0;max-inline-size:none}}::view-transition-group(.medo-toast){animation-duration:var(--medo-motion-spring-smooth-duration);animation-timing-function:var(--medo-motion-spring-smooth)}::view-transition-new(.medo-toast):only-child{animation:medo-toast-in var(--medo-motion-spring-smooth-duration) var(--medo-motion-spring-smooth)}::view-transition-old(.medo-toast):only-child{animation:medo-toast-out var(--medo-motion-duration-fast) var(--medo-motion-easing-exit) forwards}@keyframes medo-toast-in{0%{opacity:0;transform:translateY(var(--medo-space-6)) scale(.96)}}@keyframes medo-toast-out{to{opacity:0;transform:scale(.96)}}@keyframes medo-toast-fade{0%{opacity:0}}@media (prefers-reduced-motion:reduce){::view-transition-group(.medo-toast){animation-duration:var(--medo-motion-duration-fast)}::view-transition-new(.medo-toast):only-child{animation:medo-toast-fade var(--medo-motion-duration-fast) var(--medo-motion-easing-standard)}::view-transition-old(.medo-toast):only-child{animation:medo-toast-fade var(--medo-motion-duration-fast) var(--medo-motion-easing-standard) reverse forwards}}@media (forced-colors:active){.medo-toast{border:1px solid canvastext}.medo-toast__button[data-focus-visible]{outline:2px solid highlight}}.medo-tabs{--_tab-h:var(--medo-size-control-sm);--_tab-pad:var(--medo-space-3);--_label:var(--medo-typography-label-md);--_icon:var(--medo-size-icon-sm);gap:var(--medo-space-4);min-inline-size:0;display:grid}.medo-tabs--lg{--_tab-h:var(--medo-size-control-md);--_tab-pad:var(--medo-space-4);--_label:var(--medo-typography-label-lg);--_icon:var(--medo-size-icon-md)}.medo-tabs__list{gap:var(--medo-space-1);max-inline-size:100%;padding:var(--medo-space-1);border-radius:var(--medo-radius-md);background-color:var(--medo-color-surface-subtle);scrollbar-width:none;outline:none;justify-self:start;display:flex;overflow-x:auto}.medo-tabs__list::-webkit-scrollbar{display:none}.medo-tabs--full .medo-tabs__list{justify-self:stretch}.medo-tabs--full .medo-tab{flex:1}.medo-tabs__list[data-scroll-end]{mask-image:linear-gradient(to right, #000 calc(100% - var(--medo-space-8)), transparent)}.medo-tabs__list[data-scroll-start]{mask-image:linear-gradient(to left, #000 calc(100% - var(--medo-space-8)), transparent)}.medo-tabs__list[data-scroll-start][data-scroll-end]{mask-image:linear-gradient(to right, transparent, #000 var(--medo-space-8), #000 calc(100% - var(--medo-space-8)), transparent)}.medo-tab{box-sizing:border-box;justify-content:center;align-items:center;gap:var(--medo-space-2);block-size:var(--_tab-h);padding-inline:var(--_tab-pad);border-radius:var(--medo-radius-sm);font:var(--_label);color:var(--medo-color-text-secondary);white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;outline:none;flex:none;display:inline-flex;position:relative}.medo-tab>:not(.medo-tab__thumb){z-index:1;position:relative}.medo-tab:not([data-selected])[data-hovered]{background-color:var(--medo-color-state-hover);color:var(--medo-color-text-primary)}.medo-tab:not([data-selected])[data-pressed]{background-color:var(--medo-color-state-pressed);color:var(--medo-color-text-primary)}.medo-tab[data-selected]{color:var(--medo-color-text-primary);cursor:default}.medo-tab[data-disabled]{color:var(--medo-color-text-disabled);cursor:not-allowed}.medo-tab:after{content:"";z-index:2;border-radius:inherit;pointer-events:none;position:absolute;inset:0}.medo-tab[data-focus-visible]:after{box-shadow:var(--medo-shadow-focus-ring-inset)}.medo-tab__thumb{border-radius:inherit;background-color:var(--medo-color-surface-thumb);box-shadow:var(--medo-shadow-elevation-1);transition:translate var(--medo-motion-spring-snappy-duration) var(--medo-motion-spring-snappy), width var(--medo-motion-spring-snappy-duration) var(--medo-motion-spring-snappy);position:absolute;inset:0}.medo-tab__icon{inline-size:var(--_icon);block-size:var(--_icon);display:inline-flex}.medo-tab__icon>svg{block-size:100%;inline-size:100%}.medo-tabs__panel{border-radius:var(--medo-radius-sm);outline:none;min-inline-size:0}.medo-tabs__panel[data-focus-visible]{box-shadow:var(--medo-shadow-focus-ring)}.medo-tabs__panel[data-inert]{display:none}@media (width<=639.98px){.medo-tabs{--_tab-h:var(--medo-size-control-md);--_tab-pad:var(--medo-space-4);--_label:var(--medo-typography-label-lg);--_icon:var(--medo-size-icon-md)}.medo-tabs__list:not(:has(>.medo-tab:nth-child(4))){justify-self:stretch}.medo-tabs__list:not(:has(>.medo-tab:nth-child(4)))>.medo-tab{flex:1}}@media (forced-colors:active){.medo-tabs__list{border:1px solid canvastext}.medo-tab[data-selected] .medo-tab__thumb{border:2px solid highlight}.medo-tab[data-focus-visible]:after{outline-offset:-2px;outline:2px solid highlight}}@media (prefers-reduced-motion:reduce){.medo-tab__thumb{transition:none}}.medo-popover{--_width:20rem;--_pad:var(--medo-space-4);box-sizing:border-box;inline-size:min(var(--_width), 100vw - 2 * var(--medo-space-4));border:var(--medo-border-width-thin) solid var(--medo-color-border-default);border-radius:var(--medo-radius-md);background-color:var(--medo-color-surface-raised);box-shadow:var(--medo-shadow-elevation-2);color:var(--medo-color-text-primary);z-index:var(--medo-layer-popover);transform-origin:var(--trigger-anchor-point);outline:none;display:flex}.medo-popover--sm{--_width:15rem}.medo-popover--lg{--_width:25rem}.medo-popover--auto{--_pad:0px;inline-size:auto}.medo-popover{transform-origin:var(--trigger-anchor-point,top);transition:opacity var(--medo-motion-duration-normal) var(--medo-motion-easing-enter), scale var(--medo-motion-spring-snappy-duration) var(--medo-motion-spring-snappy)}.medo-popover[data-entering]{opacity:0;scale:.96}.medo-popover[data-exiting]{opacity:0;transition:opacity var(--medo-motion-duration-fast) var(--medo-motion-easing-exit), scale var(--medo-motion-duration-fast) var(--medo-motion-easing-exit);scale:.98}.medo-popover__dialog{gap:var(--medo-space-3);min-block-size:0;padding:var(--_pad);outline:none;flex-direction:column;flex:1;display:flex}.medo-popover__header{justify-content:space-between;align-items:center;gap:var(--medo-space-2);display:flex}.medo-popover__title{font:var(--medo-typography-label-md);color:var(--medo-color-text-primary);margin:0}.medo-popover__body{overscroll-behavior:contain;min-block-size:0;font:var(--medo-typography-body-sm);margin:calc(-1 * var(--medo-space-1));padding:var(--medo-space-1);flex:1;overflow:auto}.medo-popover--auto .medo-popover__body{margin:0;padding:0}.medo-popover__footer{padding-block-start:var(--medo-space-1)}.medo-popover--auto .medo-popover__dialog{gap:0}.medo-popover--auto .medo-popover__header,.medo-popover--auto .medo-popover__footer{padding:var(--medo-space-4)}.medo-toggletip{--_width:15rem;--_pad:var(--medo-space-3)}.medo-toggletip__dialog{justify-items:start;gap:var(--medo-space-1);display:grid}.medo-toggletip__text{font:var(--medo-typography-body-sm);color:var(--medo-color-text-primary)}.medo-toggletip__text>p{margin:0}.medo-popover__sheet-body{padding:var(--medo-space-2) var(--medo-space-4) var(--medo-space-4);font:var(--medo-typography-body-sm)}@media (width<=639.98px){.medo-toggletip{inline-size:calc(100vw - 2 * var(--medo-space-4))}}@media (forced-colors:active){.medo-popover{border-color:canvastext}}@media (prefers-reduced-motion:reduce){.medo-popover{transition:opacity var(--medo-motion-duration-fast) var(--medo-motion-easing-standard)}.medo-popover:is([data-entering],[data-exiting]){scale:none}}.medo-nav__list{gap:var(--medo-space-0-5);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.medo-nav__list--row{align-items:center;gap:var(--medo-space-1);flex-direction:row}.medo-nav__list--rail{align-items:center}.medo-nav__entry{display:block}.medo-nav-item{--_h:2.25rem;--_label:var(--medo-typography-label-md);--_label-current:var(--medo-typography-label-md-strong);--_icon:var(--medo-size-icon-sm);box-sizing:border-box;align-items:center;gap:var(--medo-space-3);inline-size:100%;min-block-size:var(--_h);padding-inline:var(--medo-space-3);border-radius:var(--medo-radius-sm);font:var(--_label);color:var(--medo-color-text-secondary);text-align:start;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;outline:none;text-decoration:none;display:flex;position:relative}.medo-nav-item--header{white-space:nowrap;inline-size:auto}.medo-nav-item--sheet{--_h:var(--medo-size-control-lg);--_label:var(--medo-typography-label-lg);--_label-current:var(--medo-typography-label-lg-strong);--_icon:var(--medo-size-icon-md)}.medo-nav-item--rail{--_icon:var(--medo-size-icon-md);inline-size:var(--medo-size-control-md);block-size:var(--medo-size-control-md);justify-content:center;padding:0}.medo-nav-item[data-hovered]{background-color:var(--medo-color-state-hover);color:var(--medo-color-text-primary)}.medo-nav-item[data-pressed]{background-color:var(--medo-color-state-pressed);color:var(--medo-color-text-primary)}.medo-nav-item:is([aria-current=page],[data-current]){background-color:var(--medo-color-action-selected);font:var(--_label-current);color:var(--medo-color-text-primary)}.medo-nav-item:is([aria-current=page],[data-current])[data-hovered]{background-color:var(--medo-color-action-selected-hover)}.medo-nav-item[data-focus-visible]{box-shadow:var(--medo-shadow-focus-ring-inset)}.medo-nav-item__icon{inline-size:var(--_icon);block-size:var(--_icon);flex:none;display:inline-flex}.medo-nav-item__icon>svg{block-size:100%;inline-size:100%}.medo-nav-item__label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-inline-size:0;overflow:hidden}.medo-nav-item--header .medo-nav-item__label{flex:none}.medo-nav-item__dot{position:absolute;inset-block-start:var(--medo-space-2);inset-inline-end:var(--medo-space-2)}.medo-nav-group{position:relative}.medo-nav-group__chevron{inline-size:var(--medo-size-icon-sm);block-size:var(--medo-size-icon-sm);transition:rotate var(--medo-motion-spring-snappy-duration) var(--medo-motion-spring-snappy);flex:none}.medo-nav-group__button[aria-expanded=true] .medo-nav-group__chevron{rotate:180deg}.medo-nav-group--floating>.medo-nav-group__button[aria-expanded=true]{background-color:var(--medo-color-state-hover);color:var(--medo-color-text-primary)}.medo-nav-group__list{margin-block-start:var(--medo-space-0-5);padding-inline-start:var(--medo-space-4)}.medo-nav-item--sidebar+.medo-nav-group__list{padding-inline-start:calc(var(--medo-size-icon-sm) + var(--medo-space-3))}.medo-nav-group__panel{z-index:var(--medo-layer-dropdown);box-sizing:border-box;inline-size:17.5rem;padding:var(--medo-space-2);border:var(--medo-border-width-thin) solid var(--medo-color-border-default);border-radius:var(--medo-radius-md);background-color:var(--medo-color-surface-raised);box-shadow:var(--medo-shadow-elevation-2);position:absolute;inset-block-start:calc(100% + var(--medo-space-2));inset-inline-start:0}.medo-nav-group__panel[hidden],.medo-nav-group__list[hidden]{display:none}.medo-nav-section__title{padding:var(--medo-space-2) var(--medo-space-2) var(--medo-space-1);font:var(--medo-typography-overline);color:var(--medo-color-text-secondary);display:block}.medo-nav-section__divider{margin:var(--medo-space-1) var(--medo-space-1);border-block-start:var(--medo-border-width-thin) solid var(--medo-color-border-default);display:block}.medo-skip-link{z-index:var(--medo-layer-tooltip);padding:var(--medo-space-2) var(--medo-space-4);border-radius:var(--medo-radius-md);background-color:var(--medo-color-surface-raised);box-shadow:var(--medo-shadow-elevation-2);font:var(--medo-typography-label-md);color:var(--medo-color-text-primary);translate:0 calc(-100% - var(--medo-space-4));text-decoration:none;position:fixed;inset-block-start:var(--medo-space-2);inset-inline-start:var(--medo-space-2)}.medo-skip-link:focus-visible{box-shadow:var(--medo-shadow-focus-ring), var(--medo-shadow-elevation-2);outline:none;translate:0}.medo-site-header,.medo-app-header{z-index:var(--medo-layer-sticky);box-sizing:border-box;align-items:center;gap:var(--medo-space-8);block-size:var(--medo-space-16);padding-inline:var(--medo-space-8);border-block-end:var(--medo-border-width-thin) solid transparent;background-color:var(--medo-color-surface-default);display:flex;position:sticky;inset-block-start:0}.medo-app-header{padding-inline:var(--medo-space-6)}.medo-site-header[data-scrolled],.medo-app-header[data-scrolled]{border-block-end-color:var(--medo-color-border-default)}.medo-site-header__logo,.medo-app-header__logo{flex:none;align-items:center;display:flex}.medo-site-header__nav{flex:1;min-inline-size:0}.medo-site-header__actions,.medo-app-header__actions{align-items:center;gap:var(--medo-space-2);flex:none;margin-inline-start:auto;display:flex}.medo-app-header__actions{margin-inline-start:0}.medo-app-header__title{min-inline-size:0;font:var(--medo-typography-heading-md);color:var(--medo-color-text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;overflow:hidden}.medo-app-header__search{flex:0 17.5rem;min-inline-size:0}.medo-nav-fullscreen-overlay{z-index:var(--medo-layer-modal);position:fixed;inset:0}.medo-nav-fullscreen{box-sizing:border-box;block-size:100dvh;padding-block:env(safe-area-inset-top) env(safe-area-inset-bottom);background-color:var(--medo-color-surface-default);color:var(--medo-color-text-primary);outline:none;display:flex}.medo-nav-fullscreen-overlay{transition:opacity var(--medo-motion-duration-normal) var(--medo-motion-easing-enter)}.medo-nav-fullscreen-overlay[data-entering]{opacity:0}.medo-nav-fullscreen-overlay[data-exiting]{opacity:0;transition:opacity var(--medo-motion-duration-fast) var(--medo-motion-easing-exit)}.medo-nav-fullscreen{transition:translate var(--medo-motion-spring-smooth-duration) var(--medo-motion-spring-smooth)}.medo-nav-fullscreen-overlay[data-entering] .medo-nav-fullscreen{translate:0 calc(-1 * var(--medo-space-2))}.medo-nav-fullscreen__dialog{outline:none;flex-direction:column;flex:1;min-block-size:0;display:flex}.medo-nav-fullscreen__header{block-size:calc(var(--medo-size-control-md) + 2 * var(--medo-space-2));padding-inline:var(--medo-space-4) var(--medo-space-2);flex:none;justify-content:space-between;align-items:center;display:flex}.medo-nav-fullscreen__nav{min-block-size:0;padding:var(--medo-space-4);flex:1;overflow:auto}.medo-nav-fullscreen__nav .medo-nav__list{gap:var(--medo-space-1)}.medo-nav-fullscreen__actions{gap:var(--medo-space-2);padding:var(--medo-space-4);border-block-start:var(--medo-border-width-thin) solid var(--medo-color-border-default);flex:none;display:grid}.medo-nav-fullscreen__actions .medo-button{inline-size:100%}.medo-sidenav{box-sizing:border-box;block-size:100%;inline-size:16rem;transition:inline-size var(--medo-motion-spring-smooth-duration) var(--medo-motion-spring-smooth);flex:none;position:relative}.medo-sidenav--collapsed{inline-size:var(--medo-space-16)}.medo-sidenav__panel{box-sizing:border-box;border-inline-end:var(--medo-border-width-thin) solid var(--medo-color-border-default);background-color:var(--medo-color-surface-default);flex-direction:column;block-size:100%;inline-size:100%;display:flex}.medo-sidenav__top{justify-content:space-between;align-items:center;gap:var(--medo-space-2);block-size:var(--medo-space-16);padding-inline:var(--medo-space-4) var(--medo-space-3);flex:none;display:flex}.medo-sidenav--collapsed .medo-sidenav__top{justify-content:center;padding-inline:0}.medo-sidenav__nav{min-block-size:0;padding:var(--medo-space-2) var(--medo-space-3);flex:1;overflow:hidden auto}.medo-sidenav--collapsed .medo-nav__list{align-items:center}.medo-sidenav__bottom{align-items:center;gap:var(--medo-space-2);padding:var(--medo-space-3) var(--medo-space-4) var(--medo-space-4);border-block-start:var(--medo-border-width-thin) solid var(--medo-color-border-default);flex-direction:column;flex:none;display:flex}.medo-sidenav__bottom:empty{display:none}.medo-sidenav__user{align-items:center;gap:var(--medo-space-3);align-self:stretch;min-inline-size:0;display:flex}.medo-sidenav--collapsed .medo-sidenav__user{justify-content:center}.medo-sidenav__user-text{min-inline-size:0;display:grid}.medo-sidenav__user-name,.medo-sidenav__user-email{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.medo-sidenav__user-name{font:var(--medo-typography-label-md);color:var(--medo-color-text-primary)}.medo-sidenav__user-email{font:var(--medo-typography-caption);color:var(--medo-color-text-secondary)}.medo-tab-bar{z-index:var(--medo-layer-sticky);border-block-start:var(--medo-border-width-thin) solid var(--medo-color-border-default);background-color:var(--medo-color-surface-default);padding-block-end:env(safe-area-inset-bottom);position:fixed;inset-block-end:0;inset-inline:0}.medo-tab-bar__list{padding:var(--medo-space-1) var(--medo-space-2);margin:0;list-style:none;display:flex}.medo-tab-bar__entry{flex:1;display:flex}.medo-tab-bar-item{align-items:center;gap:var(--medo-space-1);min-block-size:3.5rem;padding:var(--medo-space-1) 0;border-radius:var(--medo-radius-sm);font:var(--medo-typography-caption);color:var(--medo-color-text-secondary);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;outline:none;flex-direction:column;flex:1;text-decoration:none;display:flex}.medo-tab-bar-item__indicator{border-radius:var(--medo-radius-full);place-items:center;block-size:1.75rem;inline-size:3.5rem;display:grid;position:relative}.medo-tab-bar-item__icon{inline-size:var(--medo-size-icon-md);block-size:var(--medo-size-icon-md);display:inline-flex}.medo-tab-bar-item__icon>svg{block-size:100%;inline-size:100%}.medo-tab-bar-item__dot{position:absolute;inset-block-start:var(--medo-space-0-5);inset-inline-start:calc(50% + var(--medo-space-1))}.medo-tab-bar-item[data-pressed] .medo-tab-bar-item__indicator{background-color:var(--medo-color-state-pressed)}.medo-tab-bar-item:is([aria-current=page],[data-current]){font:var(--medo-typography-label-sm-strong);color:var(--medo-color-text-primary)}.medo-tab-bar-item:is([aria-current=page],[data-current]) .medo-tab-bar-item__indicator{background-color:var(--medo-color-action-selected)}.medo-tab-bar-item[data-focus-visible]{box-shadow:var(--medo-shadow-focus-ring-inset)}@media (width>=640px){.medo-tab-bar:not(.medo-tab-bar--always){display:none}}.medo-site-header--compact{gap:var(--medo-space-2);block-size:calc(var(--medo-size-control-md) + 2 * var(--medo-space-2));padding-inline:var(--medo-space-4) var(--medo-space-2)}@media (width<=639.98px){.medo-sidenav{display:none}.medo-app-header{gap:var(--medo-space-2);block-size:calc(var(--medo-size-control-md) + 2 * var(--medo-space-2));padding-inline:var(--medo-space-4) var(--medo-space-2)}.medo-app-header__title{font:var(--medo-typography-label-lg)}.medo-app-header__search{display:none}}.medo-nav-sheet{padding:0 var(--medo-space-2) var(--medo-space-4)}@media (width>=640px){.medo-app-header__logo{display:none}}@media (forced-colors:active){.medo-nav-item:is([aria-current=page],[data-current]),.medo-tab-bar-item:is([aria-current=page],[data-current]) .medo-tab-bar-item__indicator{outline-offset:-2px;outline:2px solid highlight}.medo-nav-group__panel{border-color:canvastext}}@media (prefers-reduced-motion:reduce){.medo-sidenav{transition:none}.medo-nav-group__chevron{transition:rotate var(--medo-motion-duration-fast) var(--medo-motion-easing-standard)}.medo-nav-fullscreen{transition:none;translate:none!important}}.medo-card{--_pad:var(--medo-space-6);--_bg:var(--medo-color-surface-default);--_border:var(--medo-color-border-default);box-sizing:border-box;border:var(--medo-border-width-thin) solid var(--_border);border-radius:var(--medo-radius-lg);background-color:var(--_bg);color:var(--medo-color-text-primary);isolation:isolate;flex-direction:column;display:flex;position:relative;overflow:hidden}.medo-card--compact{--_pad:var(--medo-space-4)}.medo-card--elevated{box-shadow:var(--medo-shadow-elevation-1)}.medo-card--filled{--_bg:var(--medo-color-surface-subtle);--_border:transparent}.medo-card--brand{--_bg:var(--medo-color-surface-brand-subtle);--_border:var(--medo-color-border-brand)}.medo-card--plain{--_bg:transparent;--_border:transparent;--_pad:0;overflow:visible}.medo-card__media{aspect-ratio:16/9;background-color:var(--medo-color-surface-subtle);overflow:hidden}.medo-card__media>:is(img,video,picture,.medo-image){object-fit:cover;block-size:100%;inline-size:100%;display:block}.medo-card--plain .medo-card__media{border-radius:var(--medo-radius-lg);margin-block-end:var(--medo-space-4)}.medo-card__main{gap:var(--medo-space-4);padding:var(--_pad);flex-direction:column;flex:1;display:flex}.medo-card__header{justify-content:space-between;align-items:flex-start;gap:var(--medo-space-4);display:flex}.medo-card__heading{gap:var(--medo-space-1);min-inline-size:0;display:grid}.medo-card__title{font:var(--medo-typography-heading-sm);color:var(--medo-color-text-primary);margin:0}.medo-card__subtitle{font:var(--medo-typography-body-sm);color:var(--medo-color-text-secondary);margin:0}.medo-card__body{font:var(--medo-typography-body-sm);color:var(--medo-color-text-secondary)}.medo-card__body>:first-child{margin-block-start:0}.medo-card__body>:last-child{margin-block-end:0}.medo-card__footer{margin-block-start:auto}.medo-card--horizontal{flex-direction:row}.medo-card--horizontal .medo-card__media{aspect-ratio:auto;flex:0 0 11.25rem}.medo-card__link{color:inherit;outline:none;text-decoration:none}.medo-card__link:after{content:"";z-index:0;position:absolute;inset:0}.medo-card :is(.medo-card__header-actions,.medo-card__footer,.medo-card__body) :is(a,button,input,select,textarea,[tabindex]){z-index:1;position:relative}.medo-card--interactive{cursor:pointer}.medo-card--interactive:before{content:"";border-radius:inherit;pointer-events:none;z-index:0;transition:background-color var(--medo-motion-duration-fast) var(--medo-motion-easing-standard);background-color:#0000;position:absolute;inset:0}.medo-card--interactive:has(.medo-card__link[data-hovered]):before{background-color:var(--medo-color-state-hover)}.medo-card--interactive:has(.medo-card__link[data-pressed]):before{background-color:var(--medo-color-state-pressed)}.medo-card--interactive:has(.medo-card__link[data-focus-visible]){box-shadow:var(--medo-shadow-focus-ring)}.medo-card--interactive.medo-card--elevated:has(.medo-card__link[data-focus-visible]){box-shadow:var(--medo-shadow-focus-ring), var(--medo-shadow-elevation-1)}@media (forced-colors:active){.medo-card{border-color:canvastext}.medo-card--interactive:has(.medo-card__link[data-focus-visible]){outline:var(--medo-focus-ring-width) solid Highlight;outline-offset:2px}}.medo-card--interactive{transition:scale var(--medo-motion-spring-snappy-duration) var(--medo-motion-spring-snappy)}.medo-card--interactive:has(.medo-card__link[data-pressed]){transition-duration:var(--medo-motion-duration-fast);scale:.98}@media (prefers-reduced-motion:reduce){.medo-card--interactive:has(.medo-card__link[data-pressed]){scale:none}}.medo-table-container{box-sizing:border-box;border:var(--medo-border-width-thin) solid var(--medo-color-border-default);border-radius:var(--medo-radius-lg);background-color:var(--medo-color-surface-default);inline-size:100%;overflow:auto}.medo-table-container:focus-visible{box-shadow:var(--medo-shadow-focus-ring);outline:none}.medo-table-container--plain{background-color:#0000;border:0;border-radius:0}.medo-table{--_row:var(--medo-space-12);--_head:var(--medo-space-10);--_pad:var(--medo-space-4);border-collapse:separate;border-spacing:0;inline-size:100%;font:var(--medo-typography-body-sm);color:var(--medo-color-text-primary);text-align:start}.medo-table--compact{--_row:var(--medo-space-10);--_head:calc(var(--medo-space-8) + var(--medo-space-1));--_pad:var(--medo-space-3)}.medo-table caption{padding:var(--medo-space-3) var(--_pad);font:var(--medo-typography-label-md);text-align:start}.medo-table__column,.medo-table thead th{z-index:1;block-size:var(--_head);padding:0 var(--_pad);border-block-end:var(--medo-border-width-thin) solid var(--medo-color-border-default);background-color:var(--medo-color-surface-subtle);font:var(--medo-typography-label-sm);color:var(--medo-color-text-secondary);text-align:start;vertical-align:middle;white-space:nowrap;outline:none;position:sticky;inset-block-start:0}.medo-table__column[data-allows-sorting]{cursor:pointer;user-select:none}.medo-table__column{transition:color var(--medo-motion-duration-fast) var(--medo-motion-easing-standard)}.medo-table__column[data-hovered]{color:var(--medo-color-text-primary)}.medo-table__column[data-focus-visible]{box-shadow:var(--medo-shadow-focus-ring-inset)}.medo-table__column[aria-sort=ascending],.medo-table__column[aria-sort=descending]{font:var(--medo-typography-label-sm-strong);color:var(--medo-color-text-primary)}.medo-table__column-inner{vertical-align:middle;align-items:center;gap:var(--medo-space-1);display:inline-flex}.medo-table__sort{inline-size:calc(var(--medo-space-3) + var(--medo-space-0-5));block-size:calc(var(--medo-space-3) + var(--medo-space-0-5));stroke-width:2.5px;transition:opacity var(--medo-motion-duration-fast) var(--medo-motion-easing-standard)}.medo-table__column:not([aria-sort=ascending],[aria-sort=descending]) .medo-table__sort{opacity:0}.medo-table__column:is([data-hovered],[data-focus-visible]) .medo-table__sort{opacity:1}.medo-table__row,.medo-table tbody tr{outline:none}.medo-table__cell,.medo-table tbody :is(td,th){block-size:var(--_row);padding:var(--medo-space-2) var(--_pad);border-block-end:var(--medo-border-width-thin) solid var(--medo-color-border-default);vertical-align:middle;text-align:start;outline:none}.medo-table tbody th{font-weight:var(--medo-font-weight-medium)}.medo-table tbody tr:last-child>*,.medo-table__row:last-child>.medo-table__cell{border-block-end:0}.medo-table :is(th,td,.medo-table__column,.medo-table__cell):is(.medo-table__cell--number,[data-align=end]){text-align:end;font-variant-numeric:tabular-nums;white-space:nowrap}.medo-table__column[data-align=end] .medo-table__column-inner{flex-direction:row-reverse}.medo-table :is(.medo-table__cell--number,[data-align=end]) .medo-skeleton{margin-inline-start:auto}.medo-table :is(.medo-table__cell--utility,.medo-table__column--utility){inline-size:var(--medo-space-12);padding-inline:var(--medo-space-4) 0}.medo-table__row>.medo-table__cell{transition:background-color var(--medo-motion-duration-fast) var(--medo-motion-easing-standard)}.medo-table__row[data-pressed]>.medo-table__cell{transition-duration:0s}.medo-table__row[data-hovered]>.medo-table__cell{background-color:var(--medo-color-state-hover)}.medo-table__row[data-pressed]>.medo-table__cell{background-color:var(--medo-color-state-pressed)}.medo-table__row[data-selected]>.medo-table__cell{background-color:var(--medo-color-action-selected)}.medo-table__row[data-selected][data-hovered]>.medo-table__cell{background-color:var(--medo-color-action-selected-hover)}.medo-table__row[data-focus-visible]>.medo-table__cell:first-child{box-shadow:inset var(--medo-focus-ring-width) 0 0 var(--medo-color-focus-ring)}.medo-table__row[data-focus-visible]{outline:var(--medo-focus-ring-width) solid var(--medo-color-focus-ring);outline-offset:calc(-1 * var(--medo-focus-ring-width))}.medo-table__cell[data-focus-visible]{box-shadow:var(--medo-shadow-focus-ring-inset)}.medo-table__row[data-disabled]{color:var(--medo-color-text-disabled)}.medo-table__row[data-href],.medo-table__row[data-selection-mode]{cursor:pointer}.medo-table--striped tbody tr:nth-child(2n)>*,.medo-table--striped .medo-table__row:nth-child(2n)>.medo-table__cell{background-color:var(--medo-color-surface-subtle)}.medo-table__empty{padding:var(--medo-space-12) var(--_pad);text-align:center;color:var(--medo-color-text-secondary)}@media (forced-colors:active){.medo-table__row[data-selected]>.medo-table__cell{forced-color-adjust:none;color:highlighttext;background-color:highlight}.medo-table__row[data-focus-visible]{outline-color:highlight}.medo-table-container:focus-visible{outline-offset:2px;outline:2px solid highlight}}.medo-table-frame{box-sizing:border-box;border:var(--medo-border-width-thin) solid var(--medo-color-border-default);border-radius:var(--medo-radius-lg);background-color:var(--medo-color-surface-default);flex-direction:column;inline-size:100%;display:flex;overflow:hidden}.medo-table-frame--plain{background-color:#0000;border:0;border-radius:0}.medo-table__toolbar{align-items:center;gap:var(--medo-space-2);padding:var(--medo-space-3) var(--medo-space-4);flex-wrap:wrap;display:flex}.medo-table__footer{padding:var(--medo-space-3) var(--medo-space-4);border-block-start:var(--medo-border-width-thin) solid var(--medo-color-border-default)}.medo-table-frame .medo-table__row:last-child>.medo-table__cell{border-block-end:0}.medo-upload{gap:var(--medo-space-2);min-inline-size:0;display:grid}.medo-upload--compact{gap:var(--medo-space-3)}.medo-upload__list{gap:var(--medo-space-2);margin:0;padding:0;list-style:none;display:grid}.medo-upload__list--grid{grid-template-columns:repeat(auto-fill, calc(2 * var(--medo-space-16) + var(--medo-space-2)))}.medo-upload__item{min-inline-size:0}.medo-dropzone{box-sizing:border-box;align-items:center;gap:var(--medo-space-3);padding:var(--medo-space-8);border:var(--medo-border-width-thin) dashed var(--medo-color-border-strong);border-radius:var(--medo-radius-lg);background-color:var(--medo-color-surface-default);text-align:center;transition:background-color var(--medo-motion-duration-fast) var(--medo-motion-easing-standard), border-color var(--medo-motion-duration-fast) var(--medo-motion-easing-standard);flex-direction:column;display:flex}.medo-dropzone__title{font:var(--medo-typography-label-md);color:var(--medo-color-text-primary)}.medo-dropzone__hint{font:var(--medo-typography-caption);color:var(--medo-color-text-secondary)}.medo-dropzone__error{font:var(--medo-typography-body-sm);text-align:start;justify-content:center}.medo-dropzone[data-drop-target]{border-style:solid;border-color:var(--medo-color-action-primary);box-shadow:inset 0 0 0 var(--medo-border-width-thin) var(--medo-color-action-primary);background-color:var(--medo-color-surface-brand-subtle)}.medo-dropzone[data-drop-target] .medo-icon-tile{background-color:var(--medo-color-surface-default);color:var(--medo-color-text-brand)}.medo-dropzone[data-drop-target] .medo-dropzone__button{display:none}.medo-dropzone[data-focus-visible]{border-style:solid;border-color:var(--medo-color-focus-ring);box-shadow:inset 0 0 0 var(--medo-border-width-thin) var(--medo-color-focus-ring)}.medo-dropzone--invalid:not([data-drop-target],[data-focus-visible]){border-color:var(--medo-color-border-danger)}.medo-dropzone[data-disabled]{opacity:.5}.medo-file-trigger{gap:var(--medo-space-2)}.medo-file-name{min-inline-size:0;display:block}.medo-file-name__visual{white-space:nowrap;min-inline-size:0;display:flex}.medo-file-name__start{text-overflow:ellipsis;min-inline-size:0;overflow:hidden}.medo-file-name__end{flex:none}.medo-file-item{box-sizing:border-box;align-items:center;gap:var(--medo-space-3);padding:var(--medo-space-3);border:var(--medo-border-width-thin) solid var(--medo-color-border-default);border-radius:var(--medo-radius-md);background-color:var(--medo-color-surface-default);display:flex}.medo-file-item--error{border-color:var(--medo-color-border-danger)}.medo-file-item__icon,.medo-file-item__thumb{inline-size:var(--medo-size-control-md);block-size:var(--medo-size-control-md);border-radius:var(--medo-radius-sm);flex:none}.medo-file-item__icon{background-color:var(--medo-color-surface-subtle);color:var(--medo-color-text-secondary);place-items:center;display:grid}.medo-file-item__icon>svg{inline-size:var(--medo-size-icon-md);block-size:var(--medo-size-icon-md)}.medo-file-item__thumb{object-fit:cover}.medo-file-item__content{gap:var(--medo-space-0-5);flex:1;min-inline-size:0;display:grid}.medo-file-item__name{font:var(--medo-typography-label-md);color:var(--medo-color-text-primary)}.medo-file-item__meta{align-items:flex-start;gap:var(--medo-space-1);font:var(--medo-typography-caption);font-variant-numeric:tabular-nums;color:var(--medo-color-text-secondary);display:flex}.medo-file-item__meta>svg{inline-size:calc(var(--medo-space-3) + var(--medo-space-0-5));block-size:calc(var(--medo-space-3) + var(--medo-space-0-5));flex:none;margin-block-start:calc(var(--medo-space-0-5) / 2)}.medo-file-item__done{color:var(--medo-color-feedback-success-text)}.medo-file-item__meta--error{color:var(--medo-color-feedback-danger-text)}.medo-file-item__progress{margin-block-start:var(--medo-space-1)}.medo-file-item__actions{gap:var(--medo-space-1);flex:none;display:flex}@media (width<=639.98px){.medo-file-item__actions .medo-button--icon-only{inline-size:calc(var(--medo-space-10) + var(--medo-space-1));block-size:calc(var(--medo-space-10) + var(--medo-space-1))}}.medo-file-tile{gap:var(--medo-space-2);inline-size:calc(2 * var(--medo-space-16) + var(--medo-space-2));display:grid}.medo-file-tile__media{aspect-ratio:1;border-radius:var(--medo-radius-md);background-color:var(--medo-color-surface-subtle);position:relative;overflow:hidden}.medo-file-tile--error .medo-file-tile__media{box-shadow:inset 0 0 0 var(--medo-border-width-thick) var(--medo-color-border-danger)}.medo-file-tile__image{object-fit:cover;block-size:100%;inline-size:100%;display:block}.medo-file-tile__placeholder{block-size:100%;color:var(--medo-color-text-secondary);place-items:center;display:grid}.medo-file-tile__placeholder>svg{inline-size:var(--medo-size-icon-lg);block-size:var(--medo-size-icon-lg)}.medo-file-tile__overlay{box-sizing:border-box;justify-content:center;align-items:center;gap:var(--medo-space-2);padding-inline:var(--medo-space-6);background-color:var(--medo-color-overlay-media);color:var(--medo-color-text-on-media);font:var(--medo-typography-label-md);border:0;flex-direction:column;display:flex;position:absolute;inset:0}.medo-file-tile--error .medo-file-tile__overlay{border:var(--medo-border-width-thick) solid var(--medo-color-border-danger);border-radius:inherit}.medo-file-tile__overlay>svg{inline-size:var(--medo-size-icon-lg);block-size:var(--medo-size-icon-lg)}.medo-file-tile__retry{cursor:pointer;background-image:linear-gradient(var(--_tint,transparent), var(--_tint,transparent))}.medo-file-tile__retry[data-hovered]{--_tint:var(--medo-color-state-hover-on-media)}.medo-file-tile__retry[data-pressed]{--_tint:var(--medo-color-state-pressed-on-media)}.medo-file-tile__retry[data-focus-visible]{box-shadow:var(--medo-shadow-focus-ring-inset);outline:none}.medo-file-tile__percent{font-variant-numeric:tabular-nums}.medo-file-tile__progress{--_fill:var(--medo-color-text-on-media);inline-size:100%}.medo-file-tile__progress .medo-progress__track{background-color:var(--medo-color-surface-on-media)}.medo-file-tile__remove{position:absolute;inset-block-start:var(--medo-space-2);inset-inline-end:var(--medo-space-2)}.medo-file-tile__caption{font:var(--medo-typography-caption);color:var(--medo-color-text-secondary)}.medo-file-tile__caption--error{color:var(--medo-color-feedback-danger-text)}.medo-upload__item{transition:opacity var(--medo-motion-duration-normal) var(--medo-motion-easing-enter), translate var(--medo-motion-spring-smooth-duration) var(--medo-motion-spring-smooth)}@starting-style{.medo-upload__item{opacity:0;translate:0 var(--medo-space-2)}}@media (prefers-reduced-motion:reduce){.medo-upload__item{transition:opacity var(--medo-motion-duration-fast) var(--medo-motion-easing-standard)}@starting-style{.medo-upload__item{translate:none}}}@media (forced-colors:active){.medo-dropzone[data-drop-target],.medo-dropzone[data-focus-visible]{border-color:highlight}.medo-file-item--error,.medo-file-tile--error .medo-file-tile__overlay{border-color:mark}}.medo-date-field{align-items:flex-start}.medo-date-field>.medo-field__footer{align-self:stretch}.medo-date-box{--_min:12.5rem;inline-size:auto;min-inline-size:var(--_min);max-inline-size:100%}.medo-time-field .medo-date-box{--_min:7.5rem}.medo-date-picker--time .medo-date-box{--_min:15rem}.medo-date-picker--range .medo-date-box{--_min:18.75rem}.medo-date-input{white-space:nowrap;font-variant-numeric:tabular-nums;outline:none;align-items:center;display:inline-flex}.medo-date-box__dash{color:var(--medo-color-text-secondary)}.medo-date-box>.medo-input__action{margin-inline-start:auto}.medo-date-segment{border-radius:var(--medo-radius-sm);caret-color:#0000;outline:none}.medo-date-segment[data-type=literal],.medo-date-segment[data-placeholder]{color:var(--medo-color-text-secondary)}.medo-date-segment[data-placeholder]{text-transform:uppercase}.medo-date-segment:not([data-type=literal]){box-sizing:border-box;min-inline-size:var(--medo-space-6);padding-inline:var(--medo-space-1);line-height:var(--medo-space-6);text-align:center;display:inline-block}.medo-date-segment[data-focused]{background-color:var(--medo-color-action-primary);color:var(--medo-color-text-on-action)}.medo-input.medo-date-box:has(.medo-date-input[data-focus-within]){--_border:var(--medo-color-focus-ring);box-shadow:inset 0 0 0 var(--medo-border-width-thin) var(--medo-color-focus-ring)}.medo-input.medo-date-box:has(.medo-date-input[data-invalid]){--_border:var(--medo-color-border-danger)}.medo-input.medo-date-box:has(.medo-date-input[data-disabled]){--_border:var(--medo-color-border-default);background-color:var(--medo-color-action-disabled);color:var(--medo-color-text-disabled);cursor:not-allowed}.medo-date-box:has(.medo-date-input[data-disabled]) :is(.medo-date-segment,.medo-date-box__dash){color:var(--medo-color-text-disabled)}@media (forced-colors:active){.medo-date-box:has(.medo-date-input[data-focus-within]){outline:var(--medo-focus-ring-width) solid Highlight}.medo-date-segment[data-focused]{forced-color-adjust:none;color:highlighttext;background-color:highlight}}.medo-calendar{--_cell:var(--medo-size-control-md);--_day:calc(var(--medo-size-control-md) - var(--medo-space-1));--_gap:var(--medo-space-2);--_strong:var(--medo-typography-label-md-strong);box-sizing:border-box;inline-size:max-content;padding:var(--medo-space-4);color:var(--medo-color-text-primary)}.medo-calendar--lg{--_cell:var(--medo-size-control-lg);--_day:calc(var(--medo-size-control-lg) - var(--medo-space-1));--_gap:var(--medo-space-3);--_strong:var(--medo-typography-label-lg-strong)}.medo-calendar__body{gap:var(--_gap);display:grid}.medo-calendar__headers,.medo-calendar__months{column-gap:var(--medo-space-8);display:grid}.medo-calendar__header{justify-content:space-between;align-items:center;gap:var(--medo-space-2);display:flex}.medo-calendar__title--static{padding-inline:var(--medo-space-3);font:var(--medo-typography-label-md)}.medo-calendar__nav{gap:var(--medo-space-1);display:flex}.medo-calendar__month{position:relative}.medo-calendar__grid{border-collapse:collapse;border-spacing:0}.medo-calendar__grid td{padding:0}.medo-calendar__weekday{block-size:var(--medo-space-6);font:var(--medo-typography-caption);color:var(--medo-color-text-secondary);padding:0}.medo-calendar__cell{inline-size:var(--_cell);block-size:var(--_cell);font:var(--medo-typography-label-md);cursor:pointer;outline:none;place-items:center;display:grid;position:relative}.medo-calendar--lg .medo-calendar__cell{font:var(--medo-typography-label-lg)}.medo-calendar__day{z-index:1;inline-size:var(--_day);block-size:var(--_day);border-radius:var(--medo-radius-full);transition:background-color var(--medo-motion-duration-fast) var(--medo-motion-easing-standard);place-items:center;display:grid;position:relative}.medo-calendar__cell[data-hovered] .medo-calendar__day{background-color:var(--medo-color-state-hover)}.medo-calendar__cell[data-pressed] .medo-calendar__day{background-color:var(--medo-color-state-pressed)}.medo-calendar__cell[data-focus-visible] .medo-calendar__day{outline:var(--medo-focus-ring-width) solid var(--medo-color-focus-ring)}.medo-calendar__cell[data-today] .medo-calendar__day{box-shadow:inset 0 0 0 var(--medo-border-width-thin) var(--medo-color-action-primary);color:var(--medo-color-text-brand);font:var(--_strong)}.medo-calendar:not(.medo-calendar--range) .medo-calendar__cell[data-selected] .medo-calendar__day,.medo-calendar__cell:is([data-selection-start],[data-selection-end]) .medo-calendar__day{background-color:var(--medo-color-action-primary);box-shadow:none;color:var(--medo-color-text-on-action);font:var(--_strong)}.medo-calendar:not(.medo-calendar--range) .medo-calendar__cell[data-selected][data-hovered] .medo-calendar__day,.medo-calendar__cell:is([data-selection-start],[data-selection-end])[data-hovered] .medo-calendar__day{background-color:var(--medo-color-action-primary-hover)}.medo-calendar:not(.medo-calendar--range) .medo-calendar__cell[data-selected][data-pressed] .medo-calendar__day,.medo-calendar__cell:is([data-selection-start],[data-selection-end])[data-pressed] .medo-calendar__day{background-color:var(--medo-color-action-primary-pressed)}.medo-calendar--range .medo-calendar__cell[data-selected]:not([data-outside-month]):before{content:"";inset-inline:0;inset-block:calc((var(--_cell) - var(--_day)) / 2);background-color:var(--medo-color-surface-brand-subtle);position:absolute}.medo-calendar--range .medo-calendar__cell[data-selection-start]:not([data-outside-month]):before{inset-inline-start:50%}.medo-calendar--range .medo-calendar__cell[data-selection-end]:not([data-outside-month]):before{inset-inline-end:50%}.medo-calendar--range .medo-calendar__cell[data-selection-start][data-selection-end]:before{content:none}.medo-calendar__cell:is([data-disabled],[data-unavailable],[data-outside-month]){color:var(--medo-color-text-disabled);cursor:default}.medo-calendar__cell:is([data-disabled],[data-outside-month]) .medo-calendar__day{background-color:#0000}.medo-calendar__cell[data-outside-month]{pointer-events:none}.medo-calendar .medo-calendar__cell[data-outside-month] .medo-calendar__day{box-shadow:none;color:var(--medo-color-text-disabled);font:inherit;background-color:#0000}.medo-calendar__cell[data-invalid] .medo-calendar__day{background-color:var(--medo-color-feedback-danger-solid);color:var(--medo-color-feedback-danger-on-solid)}.medo-calendar__month--weeks{padding-inline-start:var(--medo-space-8)}.medo-calendar__weeks-label,.medo-calendar__day[data-week]:before{inline-size:var(--medo-space-8);font:var(--medo-typography-caption);color:var(--medo-color-text-secondary);pointer-events:none;place-items:center;display:grid;position:absolute}.medo-calendar__weeks-label{block-size:var(--medo-space-6);inset-block-start:0;inset-inline-start:0}.medo-calendar__day[data-week]:before{content:attr(data-week);inset-block:0;inset-inline-start:calc(-1 * var(--medo-space-8) - (var(--_cell) - var(--_day)) / 2)}.medo-calendar__periods{gap:var(--medo-space-2);min-inline-size:calc(7 * var(--_cell));grid-template-columns:repeat(3,1fr);display:grid}.medo-calendar__period{block-size:var(--_cell);border-radius:var(--medo-radius-full);color:var(--medo-color-text-primary);font:var(--medo-typography-label-md);cursor:pointer;background-color:#0000;border:0;outline:none;padding:0}.medo-calendar--lg .medo-calendar__period{font:var(--medo-typography-label-lg)}.medo-calendar__period[data-hovered]{background-color:var(--medo-color-state-hover)}.medo-calendar__period[data-pressed]{background-color:var(--medo-color-state-pressed)}.medo-calendar__period[data-current]{box-shadow:inset 0 0 0 var(--medo-border-width-thin) var(--medo-color-action-primary);color:var(--medo-color-text-brand);font:var(--_strong)}.medo-calendar__period[data-selected]{background-color:var(--medo-color-action-primary);box-shadow:none;color:var(--medo-color-text-on-action);font:var(--_strong)}.medo-calendar__period[data-selected][data-hovered]{background-color:var(--medo-color-action-primary-hover)}.medo-calendar__period[data-focus-visible]{outline:var(--medo-focus-ring-width) solid var(--medo-color-focus-ring)}.medo-calendar__period[data-disabled]{color:var(--medo-color-text-disabled);cursor:default;background-color:#0000}.medo-calendar__months,.medo-calendar__periods{transition:opacity var(--medo-motion-duration-normal) var(--medo-motion-easing-enter)}@starting-style{.medo-calendar__months,.medo-calendar__periods{opacity:0}}@media (forced-colors:active){.medo-calendar__cell:is([data-selected],[data-selection-start],[data-selection-end]) .medo-calendar__day,.medo-calendar__period[data-selected]{forced-color-adjust:none;color:highlighttext;background-color:highlight}.medo-calendar__cell[data-focus-visible] .medo-calendar__day,.medo-calendar__period[data-focus-visible]{outline-color:canvastext}}.medo-date-popover{max-inline-size:calc(100vw - 2 * var(--medo-space-4))}.medo-date-panel{display:grid}.medo-date-panel__range--presets{grid-template-columns:10.5rem auto;display:grid}.medo-date-panel__presets{max-block-size:none;padding:var(--medo-space-2);border-inline-end:var(--medo-border-width-thin) solid var(--medo-color-border-default)}.medo-date-panel__time{padding:var(--medo-space-4);border-block-start:var(--medo-border-width-thin) solid var(--medo-color-border-default)}.medo-date-panel__time .medo-field{justify-content:space-between;align-items:center;gap:var(--medo-space-4);flex-direction:row}.medo-date-sheet .medo-calendar{inline-size:100%;padding-inline:var(--medo-space-2)}.medo-date-sheet .medo-calendar__grid{margin-inline:auto}.medo-date-sheet .medo-date-panel__range--presets{grid-template-columns:1fr}.medo-date-sheet .medo-date-panel__presets{border-inline-end:0;border-block-end:var(--medo-border-width-thin) solid var(--medo-color-border-default)}.medo-time-slots .medo-listbox{min-inline-size:12.5rem}.medo-image{background-color:var(--medo-color-surface-subtle);isolation:isolate;inline-size:100%;min-inline-size:0;position:relative;overflow:hidden}.medo-image--radius-none{border-radius:0}.medo-image--radius-sm{border-radius:var(--medo-radius-sm)}.medo-image--radius-md{border-radius:var(--medo-radius-md)}.medo-image--radius-lg{border-radius:var(--medo-radius-lg)}.medo-image__img{object-fit:cover;opacity:1;block-size:100%;inline-size:100%;transition:opacity var(--medo-motion-duration-normal) var(--medo-motion-easing-standard);display:block}.medo-image--contain .medo-image__img{object-fit:contain}.medo-image[data-state=loading] .medo-image__img{opacity:0}.medo-image__skeleton,.medo-image__preview,.medo-image__error{block-size:100%;inline-size:100%;position:absolute;inset:0}.medo-image__skeleton{border-radius:0}.medo-image__preview{inset:calc(-2 * var(--medo-space-6));inline-size:calc(100% + 4 * var(--medo-space-6));block-size:calc(100% + 4 * var(--medo-space-6));object-fit:cover;max-inline-size:none;filter:blur(var(--medo-space-6))}.medo-image__error{color:var(--medo-color-text-secondary);place-items:center;display:grid}.medo-image__error>svg{inline-size:var(--medo-size-icon-lg);block-size:var(--medo-size-icon-lg)}.medo-image--bordered:after{content:"";z-index:2;border:var(--medo-border-width-thin) solid var(--medo-color-border-media);border-radius:inherit;pointer-events:none;position:absolute;inset:0}.medo-image__overlay{z-index:1;box-sizing:border-box;gap:var(--medo-space-0-5);block-size:55%;min-block-size:var(--medo-space-24);padding:var(--medo-space-4);color:var(--medo-color-text-on-media);flex-direction:column;display:flex;position:absolute;inset-inline:0}.medo-image__overlay--bottom{background-image:linear-gradient(to bottom, transparent, var(--medo-color-overlay-media));justify-content:flex-end;inset-block-end:0}.medo-image__overlay--top{background-image:linear-gradient(to top, transparent, var(--medo-color-overlay-media));justify-content:flex-start;inset-block-start:0}.medo-image__title{font:var(--medo-typography-heading-sm)}.medo-image__meta{font:var(--medo-typography-caption)}.medo-image__badge{z-index:1;display:flex;position:absolute;inset-block-start:var(--medo-space-3);inset-inline-start:var(--medo-space-3)}.medo-image__play{z-index:1;position:absolute;inset:50% auto auto 50%;translate:-50% -50%}.medo-media-play{transition:background-color var(--medo-motion-duration-fast) var(--medo-motion-easing-standard), box-shadow var(--medo-motion-duration-fast) var(--medo-motion-easing-standard)}@media (prefers-reduced-motion:reduce){.medo-image__img{transition-duration:var(--medo-motion-duration-fast)}}.medo-media-play{--_tint:transparent;inline-size:var(--medo-size-control-lg);block-size:var(--medo-size-control-lg);border-radius:var(--medo-radius-full);background-color:var(--medo-color-overlay-media);background-image:linear-gradient(var(--_tint), var(--_tint));color:var(--medo-color-text-on-media);place-items:center;display:inline-grid}.medo-media-play>svg{inline-size:var(--medo-size-icon-md);block-size:var(--medo-size-icon-md);margin-inline-start:var(--medo-space-0-5)}.medo-media-play--lg{inline-size:var(--medo-space-16);block-size:var(--medo-space-16)}.medo-media-play--lg>svg{inline-size:calc(var(--medo-size-icon-lg) + var(--medo-space-1));block-size:calc(var(--medo-size-icon-lg) + var(--medo-space-1))}:is(a,button,[role=link],[role=button]):is(:hover,[data-hovered]) .medo-media-play{--_tint:var(--medo-color-state-hover-on-media)}:is(a,button,[role=link],[role=button]):is(:active,[data-pressed]) .medo-media-play{--_tint:var(--medo-color-state-pressed-on-media)}:is(a,button,[role=link],[role=button]):is(:focus-visible,[data-focus-visible]) .medo-media-play{box-shadow:var(--medo-shadow-focus-ring)}.medo-figure{gap:var(--medo-space-2);margin:0;display:grid}.medo-figure__caption{gap:var(--medo-space-0-5);font:var(--medo-typography-body-sm);color:var(--medo-color-text-secondary);display:grid}.medo-figure__credit{font:var(--medo-typography-caption)}.medo-embed{box-sizing:border-box;justify-content:center;align-items:center;gap:var(--medo-space-4);inline-size:100%;min-inline-size:0;padding:var(--medo-space-8);border:var(--medo-border-width-thin) solid var(--medo-color-border-default);border-radius:var(--medo-radius-md);background-color:var(--medo-color-surface-subtle);text-align:center;flex-direction:column;display:flex}.medo-embed--compact{gap:var(--medo-space-3);padding:var(--medo-space-4)}.medo-embed__content{gap:var(--medo-space-1);max-inline-size:27.5rem;display:grid}.medo-embed__title,.medo-embed__body{margin:0}.medo-embed__title{font:var(--medo-typography-label-lg);color:var(--medo-color-text-primary)}.medo-embed--compact .medo-embed__title{font:var(--medo-typography-label-md)}.medo-embed__body{font:var(--medo-typography-body-sm);color:var(--medo-color-text-secondary)}.medo-embed__actions{justify-content:center;align-items:center;gap:var(--medo-space-2) var(--medo-space-4);flex-wrap:wrap;display:flex}.medo-embed--loaded{background-color:var(--medo-color-surface-subtle);padding:0;overflow:hidden}.medo-embed__frame{border:0;block-size:100%;inline-size:100%;display:block}.medo-embed__frame:focus-visible{outline:var(--medo-focus-ring-width) solid var(--medo-color-focus-ring);outline-offset:calc(-1 * var(--medo-focus-ring-width))}}@layer utilities;
package/package.json CHANGED
@@ -1,6 +1,79 @@
1
1
  {
2
2
  "name": "@med-o/ui",
3
- "version": "0.0.0-stage",
4
- "stub": true,
5
- "description": "Temporary package placeholder for staged publishing"
6
- }
3
+ "version": "0.3.0",
4
+ "description": "React components of the med.o Design System. Styles are plain CSS on top of @med-o/design-tokens and can be reused by other frameworks.",
5
+ "type": "module",
6
+ "license": "MIT",
7
+ "main": "./dist/index.js",
8
+ "types": "./dist/index.d.ts",
9
+ "exports": {
10
+ ".": {
11
+ "@med-o/source": "./src/index.ts",
12
+ "types": "./dist/index.d.ts",
13
+ "default": "./dist/index.js"
14
+ },
15
+ "./styles.css": "./src/styles.css",
16
+ "./styles.min.css": "./dist/styles.css",
17
+ "./package.json": "./package.json"
18
+ },
19
+ "files": [
20
+ "dist",
21
+ "src/**/*.css"
22
+ ],
23
+ "sideEffects": [
24
+ "*.css"
25
+ ],
26
+ "dependencies": {
27
+ "@internationalized/date": "^3.12.4",
28
+ "@med-o/design-tokens": "0.3.0",
29
+ "lucide-react": "^1.59.0",
30
+ "react-aria-components": "^1.22.1"
31
+ },
32
+ "peerDependencies": {
33
+ "react": "^19.0.0",
34
+ "react-dom": "^19.0.0"
35
+ },
36
+ "devDependencies": {
37
+ "tsup": "^8.5.1",
38
+ "lightningcss": "^1.32.0"
39
+ },
40
+ "scripts": {
41
+ "build": "tsup && node build-css.mjs",
42
+ "prepack": "npm run build"
43
+ },
44
+ "repository": {
45
+ "type": "git",
46
+ "url": "git+https://github.com/ahmeeedo/medo-design_system.git",
47
+ "directory": "packages/ui"
48
+ },
49
+ "homepage": "https://design.med-o.de",
50
+ "bugs": {
51
+ "url": "https://github.com/ahmeeedo/medo-design_system/issues"
52
+ },
53
+ "keywords": [
54
+ "design-system",
55
+ "react",
56
+ "react-aria",
57
+ "components",
58
+ "accessibility",
59
+ "wcag"
60
+ ],
61
+ "publishConfig": {
62
+ "access": "public"
63
+ },
64
+ "tsup": {
65
+ "entry": [
66
+ "src/index.ts"
67
+ ],
68
+ "format": [
69
+ "esm"
70
+ ],
71
+ "target": "es2022",
72
+ "dts": true,
73
+ "sourcemap": true,
74
+ "clean": true,
75
+ "banner": {
76
+ "js": "\"use client\";"
77
+ }
78
+ }
79
+ }
package/src/accordion/accordion.css ADDED
@@ -0,0 +1,184 @@
1
+ /**
2
+ * Accordion – med.o Design System
3
+ *
4
+ * <div class="medo-accordion medo-accordion--md"> surface/default · border/default · radius/lg · clips
5
+ * <div class="medo-accordion__item" [data-expanded] [data-disabled]> 1 px divider between items, none after the last
6
+ * <h3 class="medo-accordion__heading"><button class="medo-accordion__trigger" aria-expanded>icon · title/description · badge · chevron</button></h3>
7
+ * <div class="medo-accordion__panel" role="group"><div class="medo-accordion__content">…</div></div>
8
+ * </div>
9
+ * </div>
10
+ * md: header min 48 · padding 12/16 · title label/md · icon 20 · panel padding 12 16 16
11
+ * lg: header min 64 · padding 20/24 · title heading/sm · icon 24 · panel padding 16 24 24
12
+ * Motion: height + chevron with spring/smooth, the content fades; reduced motion: content cross-fade only. Closed panels: hidden="until-found" (React Aria).
13
+ */
14
+
15
+ .medo-accordion-wrap {
16
+ display: grid;
17
+ gap: var(--medo-space-2);
18
+ }
19
+
20
+ .medo-accordion__toolbar {
21
+ display: flex;
22
+ justify-content: flex-end;
23
+ }
24
+
25
+ .medo-accordion {
26
+ --_pad-y: var(--medo-space-3);
27
+ --_pad-x: var(--medo-space-4);
28
+ --_min: var(--medo-space-12); /* 48 */
29
+ --_icon: var(--medo-size-icon-md);
30
+ --_title: var(--medo-typography-label-md);
31
+ --_desc: var(--medo-typography-body-sm);
32
+ --_panel: var(--medo-space-3) var(--medo-space-4) var(--medo-space-4);
33
+
34
+ overflow: hidden;
35
+ border: var(--medo-border-width-thin) solid var(--medo-color-border-default);
36
+ border-radius: var(--medo-radius-lg);
37
+ background-color: var(--medo-color-surface-default);
38
+ color: var(--medo-color-text-primary);
39
+ }
40
+
41
+ .medo-accordion--lg {
42
+ --_pad-y: var(--medo-space-5);
43
+ --_pad-x: var(--medo-space-6);
44
+ --_min: var(--medo-space-16); /* 64 */
45
+ --_icon: var(--medo-size-icon-lg);
46
+ --_title: var(--medo-typography-heading-sm);
47
+ --_desc: var(--medo-typography-body-md);
48
+ --_panel: var(--medo-space-4) var(--medo-space-6) var(--medo-space-6);
49
+ }
50
+
51
+ .medo-accordion__item + .medo-accordion__item {
52
+ border-block-start: var(--medo-border-width-thin) solid var(--medo-color-border-default);
53
+ }
54
+
55
+ .medo-accordion__heading {
56
+ margin: 0;
57
+ font: inherit;
58
+ }
59
+
60
+ /* The whole header is the target. */
61
+ .medo-accordion__trigger {
62
+ box-sizing: border-box;
63
+ display: flex;
64
+ align-items: center;
65
+ gap: var(--medo-space-3);
66
+ inline-size: 100%;
67
+ min-block-size: var(--_min);
68
+ padding: var(--_pad-y) var(--_pad-x);
69
+ border: 0;
70
+ background: none;
71
+ color: inherit;
72
+ font: inherit;
73
+ text-align: start;
74
+ cursor: pointer;
75
+ outline: none;
76
+ -webkit-tap-highlight-color: transparent;
77
+ }
78
+
79
+ .medo-accordion__trigger[data-hovered] {
80
+ background-color: var(--medo-color-state-hover);
81
+ }
82
+
83
+ .medo-accordion__trigger[data-pressed] {
84
+ background-color: var(--medo-color-state-pressed);
85
+ }
86
+
87
+ .medo-accordion__trigger[data-focus-visible] {
88
+ box-shadow: inset 0 0 0 var(--medo-focus-ring-width) var(--medo-color-focus-ring);
89
+ }
90
+
91
+ .medo-accordion__item[data-disabled] .medo-accordion__trigger {
92
+ opacity: 0.5;
93
+ cursor: not-allowed;
94
+ }
95
+
96
+ .medo-accordion__icon {
97
+ display: inline-flex;
98
+ flex: none;
99
+ align-self: flex-start;
100
+ /* Centred on the title's first line. */
101
+ margin-block-start: calc((1lh - var(--_icon)) / 2);
102
+ color: var(--medo-color-text-secondary);
103
+ font: var(--_title);
104
+ }
105
+
106
+ .medo-accordion__icon > svg {
107
+ inline-size: var(--_icon);
108
+ block-size: var(--_icon);
109
+ }
110
+
111
+ .medo-accordion__text {
112
+ display: grid;
113
+ flex: 1;
114
+ min-inline-size: 0;
115
+ }
116
+
117
+ .medo-accordion__title {
118
+ font: var(--_title);
119
+ color: var(--medo-color-text-primary);
120
+ }
121
+
122
+ .medo-accordion__description {
123
+ font: var(--_desc);
124
+ color: var(--medo-color-text-secondary);
125
+ }
126
+
127
+ .medo-accordion__badge {
128
+ display: inline-flex;
129
+ flex: none;
130
+ }
131
+
132
+ .medo-accordion__chevron {
133
+ flex: none;
134
+ inline-size: var(--_icon);
135
+ block-size: var(--_icon);
136
+ color: var(--medo-color-text-secondary);
137
+ transition: rotate var(--medo-motion-spring-smooth-duration) var(--medo-motion-spring-smooth);
138
+ }
139
+
140
+ .medo-accordion__item[data-expanded] .medo-accordion__chevron {
141
+ rotate: 180deg;
142
+ }
143
+
144
+ /* Panel: React Aria measures the height into --disclosure-panel-height, so it can animate. */
145
+ .medo-accordion__panel {
146
+ block-size: var(--disclosure-panel-height);
147
+ overflow: clip;
148
+ transition: block-size var(--medo-motion-spring-smooth-duration) var(--medo-motion-spring-smooth);
149
+ }
150
+
151
+ /* The content fades with the height, so it never pops in or is cut off hard. */
152
+ .medo-accordion__content {
153
+ padding: var(--_panel);
154
+ transition: opacity var(--medo-motion-duration-normal) var(--medo-motion-easing-standard);
155
+ }
156
+
157
+ .medo-accordion__item:not([data-expanded]) .medo-accordion__content {
158
+ opacity: 0;
159
+ }
160
+
161
+ /* The content lines up with the title when an icon is shown. */
162
+ .medo-accordion__item--icon .medo-accordion__content {
163
+ padding-inline-start: calc(var(--_pad-x) + var(--_icon) + var(--medo-space-3));
164
+ }
165
+
166
+ @media (prefers-reduced-motion: reduce) {
167
+ /* Reduced motion: no growing height – the content cross-fades. */
168
+ .medo-accordion__panel {
169
+ transition: none;
170
+ }
171
+ .medo-accordion__chevron {
172
+ transition: rotate var(--medo-motion-duration-fast) var(--medo-motion-easing-standard);
173
+ }
174
+ .medo-accordion__content {
175
+ transition-duration: var(--medo-motion-duration-fast);
176
+ }
177
+ }
178
+
179
+ @media (forced-colors: active) {
180
+ .medo-accordion__trigger[data-focus-visible] {
181
+ outline: 2px solid Highlight;
182
+ outline-offset: -2px;
183
+ }
184
+ }