@layer components.button{:host{contain:layout style;background-color:var(--button-background-color,transparent);display:inline-block}ec-fa-icon.spinner{display:none}:host([loading]){pointer-events:none}:host([loading]) [part=button]{opacity:.7}:host([loading]) ec-fa-icon.spinner{display:inline-flex}:host([loading]) ::slotted(ec-fa-icon){display:none}:host([full]){display:block}:host([full]) [part=button]{width:100%}:host([small]) [part=button]{font-size:var(--s-1);padding:var(--s-3) var(--s-1);min-height:auto}[part=button]{box-sizing:border-box;font-size:var(--s0);font-family:var(--font-family);padding:var(--s-1);border-radius:var(--button-border-radius);cursor:pointer;font-weight:var(--font-weight-button,400);transition:var(--interactive-transition);min-height:var(--button-min-height,2.75rem);color:var(--color-primary);background-color:#0000;border:1px solid;justify-content:center;align-items:center;gap:.5em;display:inline-flex;position:relative;overflow:hidden;transform:translate(0,0)}[part=button]:hover:not(:disabled):not([contained]):not([ghost]){background-color:color-mix(in srgb, currentColor 10%, transparent)}[part=button]:focus-visible{box-shadow:0 0 0 2px var(--color-background,white), 0 0 0 4px var(--color-primary);border-radius:var(--button-border-radius);outline:none}:host-context(html[data-theme="dark"]) [part=button]:focus-visible{box-shadow:0 0 0 2px var(--color-background,#121212), 0 0 0 4px var(--color-primary)}:host-context(html[data-theme="rainbow"]) [part=button]:focus-visible{box-shadow:0 0 0 2px var(--color-background,white), 0 0 0 4px #a73cdd}[part=button]:active{transform:scale(var(--interactive-scale))}[part=button]:disabled{opacity:.5;cursor:not-allowed}[part=button]:after{content:"";pointer-events:none;background-image:radial-gradient(circle,#fff 10%,#0000 10.01%);background-repeat:no-repeat;background-position:var(--ripple-x,50%) var(--ripple-y,50%);opacity:0;width:100%;height:100%;transition:transform .4s ease-out,opacity .5s ease-out;display:block;position:absolute;top:0;left:0;transform:scale(10)}[part=button]:active:after{opacity:.3;transition:all;transform:scale(0)}:host([contained]){--color-icon:var(--color-primary-contrast)}[part=button][contained]{background-color:var(--color-primary);color:var(--color-primary-contrast);border:none}[part=button][contained]:hover:not(:disabled){background-color:color-mix(in srgb, var(--color-primary) 90%, transparent)}[part=button][contained] ec-fa-icon.spinner{color:var(--color-primary-contrast)}[part=button][ghost]{all:unset;cursor:pointer;width:100%;height:100%;color:inherit;justify-content:center;align-items:center;display:flex}[part=button][ghost]:after{display:none}@media (prefers-reduced-motion:reduce){[part=button],[part=button]:after{transition:none}[part=button]:active{transform:none}}@media (forced-colors:active){[part=button]{border:1px solid}}}