.udit-button{--button-fg:var(--udit-button-primary-fg,#fff);--button-bg:var(--udit-button-primary-bg,var(--udit-primary));position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;gap:8px;max-width:100%;min-height:36px;padding:6px 18px;border:0 solid transparent;border-radius:var(--udit-button-radius,10px);font-family:inherit;font-size:14px;line-height:20px;font-weight:600;color:var(--button-fg);background:var(--button-bg);text-decoration:none;cursor:pointer;overflow:hidden;isolation:isolate;white-space:pre-wrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:transform .1s ease-out,background-color .1s ease-in-out,opacity .1s ease-in-out}.udit-button[data-color=danger]{--button-bg:var(--udit-danger);--button-fg:#fff}.udit-button[data-color=dark]{--button-bg:#191f28;--button-fg:#fff}.udit-button[data-color=light]{--button-bg:#fff;--button-fg:#191f28;border-color:var(--udit-border)}.udit-button[data-variant=weak]{--button-bg:var(--udit-button-secondary-bg,var(--udit-blue50));--button-fg:var(--udit-button-secondary-fg,var(--udit-primary))}.udit-button[data-variant=weak][data-color=danger]{--button-bg:var(--udit-red50);--button-fg:var(--udit-danger)}.udit-button[data-variant=weak][data-color=dark]{--button-bg:var(--udit-grey100);--button-fg:var(--udit-text)}.udit-button[data-variant=weak][data-color=light]{--button-bg:#ffffff26;--button-fg:#fff}.udit-button[data-size=small]{min-width:52px;min-height:32px;padding:2px 10px;font-size:13px;--udit-button-radius:8px;--loader-gap:3px}.udit-button[data-size=large]{min-width:80px;min-height:48px;padding:2px 16px;font-size:17px;line-height:25.5px;--udit-button-radius:14px;--loader-size:8px;--loader-gap:5px}.udit-button[data-size=xlarge]{min-width:96px;min-height:56px;padding:15px 28px;font-size:17px;line-height:25.5px;--udit-button-radius:16px;--loader-size:8px;--loader-gap:7px}.udit-button[data-display=block],.udit-button[data-display=full]{display:flex;width:100%}.udit-button[aria-disabled=true]{cursor:not-allowed}.udit-button:disabled:not([data-loading]),.udit-button[aria-disabled=true]:not([data-loading]){opacity:.3}.udit-button[data-variant=weak]:disabled:not([data-loading]){opacity:1}.udit-button[data-variant=weak]:disabled:not([data-loading]) .udit-button-label{opacity:.3}.udit-button:not([aria-disabled=true]):active{transform:scale(.96)}.udit-button-label{min-width:0;word-break:keep-all;overflow-wrap:anywhere}.udit-button:focus-visible{outline:var(--udit-control-ring-width) solid var(--udit-control-focus-color);outline-offset:var(--udit-control-ring-offset)}.udit-button[data-loading] .udit-button-label{opacity:0}.udit-button-loader{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;gap:var(--loader-gap,4px)}.udit-button-loader i{width:var(--loader-size,5px);height:var(--loader-size,5px);border-radius:50%;background:currentColor;animation:udit-dot .3s ease-in-out infinite alternate}.udit-button-loader i:nth-child(2){animation-delay:.1s}.udit-button-loader i:nth-child(3){animation-delay:.2s}@keyframes udit-dot{0%{opacity:.2;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@supports (corner-shape:squircle){.udit-button{corner-shape:squircle;border-radius:calc(var(--udit-button-radius, 10px) * var(--udit-squircle-radius-scale, 2))}}@media (prefers-reduced-motion:reduce){.udit-button{transition:none}.udit-button:not([aria-disabled=true]):active{transform:none}.udit-button-loader i{animation:none}}.udit-button:after{content:"";position:absolute;inset:0;pointer-events:none;background:#000;opacity:0;transition:opacity .1s ease-out}.udit-button:not([aria-disabled=true]):active:after{opacity:.26}.udit-button[data-loading]:after{opacity:.13}.udit-button[data-display=full]:active{transform:none}@media (prefers-reduced-motion:reduce){.udit-button:after{transition:none}}.udit-button[data-size=medium]{min-width:64px}.udit-button[data-size=xlarge][data-display=block],.udit-button[data-size=xlarge][data-display=full]{padding:2px 28px}.udit-button[data-loading][data-disabled][data-variant=fill]{opacity:.3}.udit-button[data-loading][data-disabled][data-variant=weak] .udit-button-loader{opacity:.4}@supports (transition-timing-function:linear(0,1)){.udit-button{transition:transform var(--udit-motion-quick-duration) var(--udit-motion-quick-easing),background-color .1s,opacity .1s}.udit-button:active{transition:transform var(--udit-motion-rapid-duration) var(--udit-motion-rapid-easing)}}.udit-button{--button-gradient:rgba(255,255,255,.7)}.udit-button[data-loading]:before{content:"";position:absolute;inset:-50%;background:radial-gradient(closest-side,var(--button-gradient),transparent);animation:udit-loading-glow .6s ease-out infinite alternate;pointer-events:none}.udit-button[data-variant=weak][data-loading]:before{opacity:.24}@keyframes udit-loading-glow{0%{opacity:0}to{opacity:.7}}@media(prefers-reduced-motion:reduce){.udit-button[data-loading]:before{animation:none;opacity:.13}.udit-button,.udit-button:active{transition:none}}.udit-button{--button-gradient:var(--udit-blue800);--button-dimmer:#000;--button-loader-color:var(--button-fg)}.udit-button[data-color=danger]{--button-bg:#f04452;--button-gradient:#a41926}.udit-button[data-color=dark]{--button-gradient:#000}.udit-button[data-color=light]{--button-gradient:#d1d6db}.udit-button[data-variant=weak]{--button-bg:var(--udit-button-secondary-bg,color-mix(in srgb,var(--udit-blue300) 15%,transparent));--button-fg:var(--udit-button-secondary-fg,var(--udit-blue600));--button-gradient:var(--udit-blue500);--button-dimmer:color-mix(in srgb,var(--udit-blue500) 26%,transparent);--button-loader-color:var(--udit-blue500)}.udit-button[data-variant=weak][data-color=danger]{--button-bg:rgba(251,136,144,.15);--button-fg:#e42939;--button-gradient:#f04452;--button-dimmer:rgba(240,68,82,.26);--button-loader-color:#f04452}.udit-button[data-variant=weak][data-color=dark]{--button-bg:var(--udit-grey-opacity100);--button-fg:var(--udit-grey700);--button-gradient:var(--udit-grey700);--button-dimmer:var(--udit-grey-opacity200);--button-loader-color:var(--udit-grey700)}.udit-button[data-variant=weak][data-color=light]{--button-bg:rgba(255,255,255,.15);--button-fg:white;--button-gradient:white;--button-dimmer:rgba(255,255,255,.26);--button-loader-color:white}.udit-button:after{background:var(--button-dimmer)}.udit-button-loader i{background:var(--button-loader-color)}.udit-button[data-variant=weak][data-loading]:before{opacity:1}