@scope(elena-button){:scope,:where(:not(img,svg):not(svg *)),:before,:after{all:unset;display:revert;box-sizing:border-box}:scope{--_elena-button-bg:var(--elena-button-bg,#eaecf0);--_elena-button-text:var(--elena-button-text,#172b4d);--_elena-button-border:var(--elena-button-border,#eaecf0);--_elena-button-font:var(--elena-button-font,system-ui, sans-serif);--_elena-button-font-size:var(--elena-button-font-size,15px);--_elena-button-font-weight:var(--elena-button-font-weight,500);--_elena-button-radius:var(--elena-button-radius,6px);--_elena-button-focus:var(--elena-button-focus,#5a44d4);all:unset;border-radius:var(--_elena-button-radius);transition:background-color .2s,filter .2s;display:inline-block}:scope:not([hydrated]),.elena-button:is(button,a){-webkit-user-select:none;user-select:none;cursor:pointer;box-sizing:border-box;touch-action:manipulation;font-family:inherit;font-weight:var(--_elena-button-font-weight);font-family:var(--_elena-button-font);font-size:var(--_elena-button-font-size);block-size:calc(var(--_elena-button-font) * 4);min-block-size:calc(var(--_elena-button-font) * 4);color:var(--_elena-button-text);background:var(--_elena-button-bg);border:2px solid var(--_elena-button-border);border-radius:var(--_elena-button-radius);text-align:center;justify-content:center;align-items:center;gap:.375rem;padding:.5em 1.1em .55em;line-height:1.3;text-decoration:none;transition:none;display:inline-flex;position:relative}.elena-icon{inline-size:var(--_elena-button-font-size);block-size:var(--_elena-button-font-size);fill:currentColor;margin-block:.15rem;margin-inline:-.3rem;display:inline-flex;transform:translateZ(0)}span+.elena-icon{margin-inline:0 -.3rem}svg{block-size:100%;inline-size:100%;display:block}:scope[icon]:not([hydrated]):after{content:"";background:var(--_elena-button-text);border-radius:var(--_elena-button-radius);opacity:.2;inline-size:var(--_elena-button-font-size);block-size:var(--_elena-button-font-size);margin-block:.15rem;margin-inline:0 -.3rem;display:inline-block}:scope[icon]:not([hydrated]):empty:after{margin-inline:-.3rem}:scope:hover{filter:brightness(.9)}.elena-button:is(button,a):hover{color:var(--_elena-button-text)}:scope:active{opacity:.9;transition:none;transform:translateY(1px)}:scope:focus-within{box-shadow:0 0 0 1px #fff, 0 0 0 3px var(--_elena-button-focus);outline:none;transition:none}.elena-button:focus{outline:none}:scope[disabled]{--elena-button-text:#a8b0bd;--elena-button-bg:#f3f4f6;--elena-button-border:#f3f4f6;pointer-events:none}:scope[variant=primary]{--elena-button-bg:#5a44d4;--elena-button-border:#5a44d4;--elena-button-text:#fff}:scope[variant=danger]{--elena-button-bg:#d44444;--elena-button-border:#d44444;--elena-button-text:#fff}:scope[variant=danger]:focus-within{--elena-button-focus:#d44444}:scope[variant=outline]{--elena-button-bg:transparent;--elena-button-text:#172b4d;--elena-button-border:#172b4d}:scope[size=sm]{--elena-button-font-size:12px}:scope:not([hydrated])[size=sm],:scope[size=sm] .elena-button{padding-block:.3em .35em}:scope[size=lg]{--elena-button-font-size:18px}:scope:not([hydrated])[size=lg],:scope[size=lg] .elena-button{padding-block:.6em .65em}:scope[expand],:scope[expand] .elena-button{inline-size:100%}:scope elena-spinner{margin:0;padding:0;position:absolute;inset-block-start:50%;inset-inline-start:50%;translate:-50% -50%}:scope[loading]{pointer-events:none}:scope:not([hydrated])[loading]{color:#0000}:scope[loading] :is(span,.elena-icon){opacity:0}}@scope(elena-spinner){:scope,:where(:not(img,svg):not(svg *)),:before,:after{all:unset;display:revert;box-sizing:border-box}:scope{--_elena-spinner-size:var(--elena-spinner-size,20px);--_elena-spinner-border:var(--elena-spinner-border,2px);inline-size:var(--_elena-spinner-size);block-size:var(--_elena-spinner-size);color:inherit;animation:.5s linear infinite elenaRotate;display:inline-flex;position:relative;inset:0}:scope,:scope:after{border:var(--_elena-spinner-border) solid transparent;border-radius:50%}:scope{border-block-end-color:currentColor}:scope:after{content:"";inset:calc(var(--_elena-spinner-border) * -1);opacity:.2;border-color:currentColor;border-block-end-color:#0000;position:absolute}@keyframes elenaRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}}@scope(elena-stack){:scope{flex-flow:column wrap;justify-content:flex-start;align-items:flex-start;gap:.5rem;display:flex}:scope[direction=row]{flex-direction:row}}@scope(elena-visually-hidden){:scope{clip:rect(1px, 1px, 1px, 1px)!important;border:0!important;block-size:1px!important;inline-size:1px!important;padding:0!important;position:absolute!important;inset-block-start:0!important;overflow:hidden!important}}