.icon-button[data-v-527bc4df]{width:calc(var(--v0f67b7eb) + 8px);height:calc(var(--v0f67b7eb) + 8px);border-radius:var(--border-radius-circle);color:inherit;border:none;flex-shrink:0;justify-content:center;align-items:center;line-height:1;transition:background-color .2s;display:inline-flex}.icon-button[data-v-527bc4df]:disabled{cursor:not-allowed}.icon-button.primary[data-v-527bc4df]{--icon-btn-brand:var(--brand-primary)}.icon-button.secondary[data-v-527bc4df]{--icon-btn-brand:var(--brand-secondary)}.icon-button.tertiary[data-v-527bc4df]{--icon-btn-brand:var(--brand-tertiary)}.icon-button.primary[data-v-527bc4df],.icon-button.secondary[data-v-527bc4df],.icon-button.tertiary[data-v-527bc4df]{background-color:var(--icon-btn-brand);color:var(--white)}@media (hover:hover){.icon-button.primary[data-v-527bc4df]:hover:not(:disabled),.icon-button.secondary[data-v-527bc4df]:hover:not(:disabled),.icon-button.tertiary[data-v-527bc4df]:hover:not(:disabled){background-color:color-mix(in srgb,var(--icon-btn-brand) 30%,#fff 70%)}}.icon-button.primary[data-v-527bc4df]:focus-visible:not(:disabled),.icon-button.secondary[data-v-527bc4df]:focus-visible:not(:disabled),.icon-button.tertiary[data-v-527bc4df]:focus-visible:not(:disabled){box-shadow:inset 0 0 0 4px var(--color-focus);background-color:color-mix(in srgb,var(--icon-btn-brand) 30%,#fff 70%);outline:none}.icon-button.primary[data-v-527bc4df]:active:not(:disabled),.icon-button.secondary[data-v-527bc4df]:active:not(:disabled),.icon-button.tertiary[data-v-527bc4df]:active:not(:disabled){background-color:color-mix(in srgb,var(--icon-btn-brand) 70%,#fff 30%)}.icon-button.primary[data-v-527bc4df]:disabled,.icon-button.secondary[data-v-527bc4df]:disabled,.icon-button.tertiary[data-v-527bc4df]:disabled{background-color:rgb(from var(--icon-btn-brand) r g b/.5)}.icon-button.ghost[data-v-527bc4df]{color:var(--button-color);background-color:#0000}@media (hover:hover){.icon-button.ghost[data-v-527bc4df]:hover:not(:disabled){background-color:var(--ghost-hover-color)}}.icon-button.ghost[data-v-527bc4df]:focus-visible:not(:disabled){box-shadow:inset 0 0 0 4px var(--color-focus);background-color:var(--ghost-hover-color);outline:none}.icon-button.ghost[data-v-527bc4df]:active:not(:disabled){background-color:color-mix(in srgb,var(--ghost-hover-color) 85%,#000 15%)}.icon-button.ghost[data-v-527bc4df]:disabled{color:var(--button-disabled-color)}.icon-button.white[data-v-527bc4df]{background-color:var(--white);color:var(--button-color)}@media (hover:hover){.icon-button.white[data-v-527bc4df]:hover:not(:disabled){background-color:color-mix(in srgb,var(--white) 30%,transparent 70%)}}.icon-button.white[data-v-527bc4df]:focus-visible:not(:disabled){box-shadow:inset 0 0 0 4px var(--color-focus);background-color:color-mix(in srgb,var(--white) 30%,transparent 70%);outline:none}.icon-button.white[data-v-527bc4df]:active:not(:disabled){background-color:color-mix(in srgb,var(--white) 70%,transparent 30%)}.icon-button.white[data-v-527bc4df]:disabled{background-color:rgb(from var(--white) r g b/.5)}.icon-button.black[data-v-527bc4df]{background-color:var(--black);color:var(--white)}@media (hover:hover){.icon-button.black[data-v-527bc4df]:hover:not(:disabled){background-color:color-mix(in srgb,var(--black) 30%,transparent 70%)}}.icon-button.black[data-v-527bc4df]:focus-visible:not(:disabled){box-shadow:inset 0 0 0 4px var(--color-focus);background-color:color-mix(in srgb,var(--black) 30%,transparent 70%);outline:none}.icon-button.black[data-v-527bc4df]:active:not(:disabled){background-color:color-mix(in srgb,var(--black) 70%,transparent 30%)}.icon-button.black[data-v-527bc4df]:disabled{background-color:rgb(from var(--black) r g b/.5)}.icon-button[data-v-527bc4df] span.iconify{color:inherit}