[data-v-da6ab235]{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.button[data-v-da6ab235]{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-da6ab235]{flex-direction:row-reverse}.button .icon[data-v-da6ab235]{background-color:var(--gray-96);border-radius:var(--radius-large);width:2.5rem;height:2.5rem;color:var(--text-gray);justify-content:center;align-items:center;transition:background-color .1s ease-in-out;display:flex}.button .text[data-v-da6ab235]{white-space:nowrap;padding:0 var(--spacing-100);color:var(--text-gray);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-da6ab235]:is(.button .text){padding-left:var(--spacing-50)}.icon-right[data-v-da6ab235]:is(.button .text){padding-right:var(--spacing-50)}.button[data-v-da6ab235]:hover,.button[data-focus-visible-added][data-v-da6ab235]:focus{background-color:var(--gray-96)}.button[data-v-da6ab235]:not(.active,.disabled,.text-only){background:radial-gradient(farthest-side, var(--gray-96) 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-da6ab235]:not(.active,.disabled,.text-only){background-position:0}.button[data-v-da6ab235]:not(.active,.disabled,.text-only):hover,.button[data-focus-visible-added][data-v-da6ab235]:not(.active,.disabled,.text-only):focus{background-position:50%}.button.disabled[data-v-da6ab235]{cursor:not-allowed;background-color:#0000}.button.disabled[data-v-da6ab235]:hover{background-color:#0000}.button.disabled .text[data-v-da6ab235]{color:var(--gray-80)}.button.disabled .icon[data-v-da6ab235]{background-color:var(--gray-96);color:var(--gray-80)}.button.active[data-v-da6ab235],.button.active .icon[data-v-da6ab235]{background:var(--gray-94)}.button.active[data-v-da6ab235]:hover,.button.active[data-focus-visible-added][data-v-da6ab235]:focus,:is(.button.active:hover,.button.active[data-focus-visible-added]:focus) .icon[data-v-da6ab235]{background:var(--gray-89)}.button[data-v-da6ab235]:focus:not([data-focus-visible-added]){outline:none}