.icon-button[data-v-50a3fed5]{isolation:isolate;cursor:pointer;background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;margin:0;padding:0;display:flex;position:relative}.icon-button[data-v-50a3fed5]:before{z-index:-1;content:"";border-radius:12px;transition:background .15s;position:absolute;inset:0}.icon-button[data-v-50a3fed5]:focus-visible{outline:none}.icon-button[data-v-50a3fed5]:focus-visible:before{outline:2px solid var(--color-primary-500);outline-offset:2px}.icon-button svg[data-v-50a3fed5-s]{width:24px;height:24px;display:block}.icon-button--circle[data-v-50a3fed5]:before{border-radius:50%;inset:10px}.icon-button--circle svg[data-v-50a3fed5-s]{width:12px;height:12px}.icon-button--soft[data-v-50a3fed5]{color:var(--color-text-900)}.icon-button--soft[data-v-50a3fed5]:before{background:var(--color-primary-50)}.icon-button--soft[data-v-50a3fed5]:hover:before{background:var(--color-primary-100)}.icon-button--inverse[data-v-50a3fed5]{color:var(--color-text-inverse)}.icon-button--inverse[data-v-50a3fed5]:hover:before{background:#ffffff1a}.icon-button--inverse[data-v-50a3fed5]:focus-visible:before{outline-offset:-2px}.icon-button--surface[data-v-50a3fed5]{color:var(--color-text-900)}.icon-button--surface[data-v-50a3fed5]:before{background:var(--color-surface);box-shadow:0 0 0 1px var(--color-border),0 4px 10px -4px #0000004d}.icon-button--surface[data-v-50a3fed5]:hover:before{background:var(--color-primary-100)}@media (prefers-reduced-motion:reduce){.icon-button[data-v-50a3fed5]:before{transition:none}}