@layer components{.pending-effect{--pending-line-color:var(--theme-button-primary-border);--pending-line-thickness:.1rem;--pending-line-length:2rem;--pending-blur-color:var(--theme-button-primary-border);--pending-blur-size:0rem;--pending-offset:1rem;--animation-speed:3s;--container-offset:10rem;position:relative}.pending-effect .pending-container{pointer-events:none;position:absolute;inset:calc(var(--container-offset)/-2);width:calc(100% + var(--container-offset));height:calc(100% + var(--container-offset));opacity:0}.pending-effect .pending-container .pending-blur,.pending-effect .pending-container .pending-line{width:calc(100% - var(--container-offset) + var(--pending-offset));height:calc(100% - var(--container-offset) + var(--pending-offset));x:calc(var(--container-offset)/2 + var(--pending-offset)/-2);y:calc(var(--container-offset)/2 + var(--pending-offset)/-2);rx:.8rem;fill:transparent;stroke:#000;stroke-width:.5rem;stroke-dasharray:var(--pending-line-length) calc(5rem - var(--pending-line-length))}.pending-effect .pending-container .pending-line{stroke:var(--pending-line-color);stroke-width:var(--pending-line-thickness)}.pending-effect .pending-container .pending-blur{filter:blur(var(--pending-blur-size));stroke:var(--pending-blur-color);stroke-width:var(--pending-blur-size)}.pending-effect:is(.icon-only) .pending-container .pending-blur,.pending-effect:is(.icon-only) .pending-container .pending-line{rx:100vw}.pending-effect:is(.is-pending){pointer-events:none;cursor:wait}@media(prefers-reduced-motion:no-preference){.pending-effect:is(.is-pending){animation:stroke-dashoffset var(--animation-speed) infinite linear}.pending-effect:is(.is-pending) .pending-container{opacity:1}}@keyframes stroke-dashoffset{0%{stroke-dashoffset:0}to{stroke-dashoffset:-10rem}}}@layer components{.input-button-core{all:unset;display:grid;grid-auto-flow:column;gap:var(--button-icon-gap);justify-content:center;align-items:center;box-sizing:content-box;border-radius:var(--button-border-radius);font-family:var(--font-family);padding-inline:var(--button-padding-inline);padding-block:var(--button-padding-block);touch-action:manipulation;overflow:hidden;transition:all var(--control-transition-duration) var(--control-transition-ease)}.input-button-core.is-link{display:inline-grid}.input-button-core.primary{background-color:var(--theme-button-primary-surface);color:var(--theme-button-primary-text);border:var(--button-border-width) solid var(--theme-button-primary-border);outline:var(--button-outline-width) solid var(--theme-button-primary-outline)}.input-button-core.primary:focus-visible,.input-button-core.primary:hover{background-color:var(--theme-button-secondary-surface);color:var(--theme-button-secondary-text);border-color:var(--theme-button-primary-border-active);outline-color:var(--theme-button-primary-outline-active)}.input-button-core.primary.is-pending{background-color:color-mix(in oklab,var(--theme-button-primary-surface) 50%,transparent)}.input-button-core.secondary{background-color:var(--theme-button-secondary-surface);border:var(--button-border-width) solid var(--theme-button-secondary-border);color:var(--theme-button-secondary-text);outline:var(--button-outline-width) solid var(--theme-button-secondary-outline)}.input-button-core.secondary:focus-visible,.input-button-core.secondary:hover{background-color:var(--theme-button-primary-surface);color:var(--theme-button-primary-text);border-color:var(--theme-button-secondary-border-active);outline-color:var(--theme-button-secondary-outline-active)}.input-button-core.tertiary{background-color:var(--theme-button-tertiary-surface);border:var(--button-border-width) solid transparent;color:var(--theme-button-tertiary-text);text-decoration:underline;outline:var(--button-outline-width) solid transparent}.input-button-core.tertiary:focus-visible,.input-button-core.tertiary:hover{border-color:var(--theme-button-tertiary-border-active);outline-color:var(--theme-button-tertiary-outline-active)}:is(.input-button-core.primary,.input-button-core.secondary,.input-button-core.tertiary).pill{border-radius:100vw}.input-button-core:hover{cursor:pointer}.input-button-core:focus-visible{outline-width:var(--button-focus-ring-width);outline-offset:var(--button-focus-ring-offset)}.input-button-core[readonly]{opacity:.5}.input-button-core[readonly]:focus-visible,.input-button-core[readonly]:hover{cursor:not-allowed;pointer-events:none}.input-button-core .button-text{display:inline-block;white-space:nowrap;font-size:var(--button-font-size);line-height:var(--button-line-height);font-weight:var(--button-font-weight);text-transform:var(--button-text-transform)}.input-button-core .btn-icon{display:flex}.input-button-core .btn-icon .icon{aspect-ratio:1;display:inline-block;height:var(--input-icon-size);width:var(--input-icon-size)}.input-button-core.icon-only{aspect-ratio:1;border-radius:var(--button-border-radius-icon-only);margin:0;padding:0}.input-button-core.icon-only .btn-icon{margin:1.2rem}}