.react-aria-Button{--button-height:var(--input-height);position:relative;color:var(--text-color);background:var(--button-background);border-radius:calc(var(--button-height) / 2);-webkit-appearance:none;-moz-appearance:none;appearance:none;vertical-align:middle;font-size:1rem;font-weight:700;text-align:center;margin:0;outline:none;border:none;padding:6px 16px;text-decoration:none;cursor:pointer;min-height:var(--button-height);min-width:var(--button-height);display:flex;align-items:center;justify-content:center;&[data-pressed],&[data-toggled=true]{box-shadow:inset 0 1px 2px rgb(0 0 0/.1);background:var(--button-background-pressed);border-color:var(--color-border-pressed)}&[data-focus-visible]{outline:2px solid var(--focus-ring-color);outline-offset:-1px}&[data-disabled],&[data-pending]{border-color:var(--color-border-disabled);color:var(--text-color-disabled)}&[data-variant=primary]{color:var(--highlight-foreground);background:var(--highlight-background);&[data-pressed],&[data-toggled=true]{color:var(--highlight-foreground-pressed);background:var(--highlight-background-pressed)}}&[data-variant=danger]{color:var(--highlight-foreground);background:var(--highlight-background-invalid);&[data-pressed],&[data-toggled=true]{color:var(--highlight-foreground-pressed);background:var(--button-background-invalid-pressed)}}&[data-variant=flat]{border:none;background:none;text-decoration:underline;padding:8px;&[data-pressed],&[data-toggled=true]{color:var(--highlight-foreground-pressed);background:var(--button-background-pressed)}}.corner-indicator{position:absolute;top:14px;right:6px;width:8px;height:8px;border-radius:50%;transform:translate(50%,-50%)}.corner-indicator-error{background-color:var(--highlight-background-invalid)}}.react-aria-TextField{display:flex;flex-direction:column;width:-moz-fit-content;width:fit-content;color:var(--text-color);.react-aria-Input,.react-aria-TextArea{padding:.286rem;margin:0;border:1px solid var(--color-border);border-radius:6px;background:var(--field-background);font-size:1.143rem;color:var(--field-text-color);min-height:var(--input-height);&[data-focused]{outline:2px solid var(--focus-ring-color);outline-offset:-1px}}.react-aria-Input,.react-aria-TextArea{&[data-invalid]{border-color:var(--invalid-color)}}.react-aria-FieldError{font-size:12px;color:var(--invalid-color)}[slot=description]{font-size:12px}.react-aria-Input,.react-aria-TextArea{&[data-disabled]{border-color:var(--color-border-disabled);color:var(--text-color-disabled)}}}.react-aria-ModalOverlay{position:fixed;top:0;left:0;width:100vw;height:var(--visual-viewport-height);background:rgba(0 0 0/.5);display:flex;align-items:center;justify-content:center;z-index:100;&[data-entering]{animation:modal-fade .2s}&[data-exiting]{animation:modal-fade .15s ease-in reverse}}.react-aria-Modal{box-shadow:var(--shadow-raised);border-radius:6px;background:var(--background-raised);color:var(--text-color);border:1px solid var(--gray-400);outline:none;width:400px;max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);&[data-entering]{animation:modal-zoom .3s cubic-bezier(.175,.885,.32,1.275)}.react-aria-TextField{margin-bottom:8px}}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-zoom{0%{transform:scale(.8)}to{transform:scale(1)}}@keyframes mymodal-blur{0%{background:rgba(45 0 0/0);-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{background:rgba(45 0 0/.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}@keyframes mymodal-slide{0%{transform:translateX(100%)}to{transform:translateX(0)}}.react-aria-Dialog{outline:none;padding:30px;max-height:inherit;box-sizing:border-box;overflow:auto;.react-aria-Heading[slot=title]{line-height:1em;margin-top:0}}