[data-v-aba3fc2a]{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.button[data-v-aba3fc2a]{margin-block:0;border-radius:var(--radius-large);cursor:pointer;background:0 0;border:none;align-items:center;height:2.5rem;margin:0;padding:0;transition:background-color .1s ease-in-out;display:flex}.button.icon-right[data-v-aba3fc2a]{flex-direction:row-reverse}.button .icon[data-v-aba3fc2a]{background-color:var(--bg-subtle);border-radius:var(--radius-large);width:2.5rem;height:2.5rem;color:var(--fg-secondary);justify-content:center;align-items:center;transition:background-color .1s ease-in-out;display:flex}.button .text[data-v-aba3fc2a]{white-space:nowrap;padding:0 var(--spacing-100);color:var(--fg-secondary);font-family:var(--default-font-family);font-weight:var(--h4-font-weight);font-size:var(--h4-font-size);line-height:var(--h4-line-height);letter-spacing:var(--h4-letter-spacing);margin-block:0}.icon-left[data-v-aba3fc2a]:is(.button .text){padding-left:var(--spacing-50)}.icon-right[data-v-aba3fc2a]:is(.button .text){padding-right:var(--spacing-50)}.button[data-v-aba3fc2a]:hover,.button[data-focus-visible-added][data-v-aba3fc2a]:focus{background-color:var(--bg-subtle)}.button[data-v-aba3fc2a]:not(.active,.disabled,.text-only){background:radial-gradient(farthest-side, var(--bg-subtle) 48%, transparent 50%) no-repeat, transparent;background-position:100%;background-size:400% 600%;transition:background-position .2s ease-in-out}.button.icon-right[data-v-aba3fc2a]:not(.active,.disabled,.text-only){background-position:0}.button[data-v-aba3fc2a]:not(.active,.disabled,.text-only):hover,.button[data-focus-visible-added][data-v-aba3fc2a]:not(.active,.disabled,.text-only):focus{background-position:50%}.button.disabled[data-v-aba3fc2a]{cursor:not-allowed;background-color:#0000}.button.disabled[data-v-aba3fc2a]:hover{background-color:#0000}.button.disabled .text[data-v-aba3fc2a]{color:var(--fg-muted)}.button.disabled .icon[data-v-aba3fc2a]{background-color:var(--bg-subtle);color:var(--fg-muted)}.button.active[data-v-aba3fc2a],.button.active .icon[data-v-aba3fc2a],.button.active[data-v-aba3fc2a]:hover,.button.active[data-focus-visible-added][data-v-aba3fc2a]:focus,:is(.button.active:hover,.button.active[data-focus-visible-added]:focus) .icon[data-v-aba3fc2a]{background:var(--bg-hover)}.button[data-v-aba3fc2a]:focus:not([data-focus-visible-added]){outline:none}