@layer components{.icon-button[data-v-be9eceb9]{cursor:pointer;background-color:#0000;border:none;outline:none;place-items:center;padding:0;display:inline-grid;position:relative}.icon-button--small[data-v-be9eceb9]{width:1.5rem;height:1.5rem}}.icon-button__icon[data-v-be9eceb9]{-webkit-text-fill-color:transparent;font-size:1.5625rem;transition:opacity .25s ease-in-out;-webkit-background-clip:text!important;background-clip:text!important}.icon-button--small .icon-button__icon[data-v-be9eceb9]{font-size:1.125rem}.icon-button__icon[data-v-be9eceb9]{grid-area:1/1}.icon-button__hover[data-v-be9eceb9]{opacity:0}.icon-button[data-v-be9eceb9]:disabled{opacity:.4;cursor:not-allowed}.icon-button:hover:not(:disabled) .icon-button__gradient[data-v-be9eceb9],.icon-button:focus-visible .icon-button__gradient[data-v-be9eceb9]{opacity:0}.icon-button:hover:not(:disabled) .icon-button__hover[data-v-be9eceb9],.icon-button:focus-visible .icon-button__hover[data-v-be9eceb9]{opacity:1}.icon-button[data-v-be9eceb9]:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px;border-radius:.375rem}.light .icon-button__gradient[data-v-be9eceb9]{background:linear-gradient(92deg, var(--color-brand-text-from) 0.58%, var(--color-brand-text-to) 97.78%)}.light .icon-button__hover[data-v-be9eceb9]{background:var(--color-link-hover,#0ac8f4)}.light .icon-button--muted .icon-button__gradient[data-v-be9eceb9]{-webkit-text-fill-color:var(--color-ink,#0d0f11);color:var(--color-ink,#0d0f11);background:0 0}.light .icon-button--success .icon-button__hover[data-v-be9eceb9]{background:var(--color-success-ink)}.light .icon-button--danger:not(.icon-button--muted) .icon-button__gradient[data-v-be9eceb9]{-webkit-text-fill-color:var(--color-error-ink);color:var(--color-error-ink);background:0 0}.light .icon-button--danger .icon-button__hover[data-v-be9eceb9]{background:var(--color-error-ink)}