.ui-close[data-v-0d0c8e51]{width:var(--width);height:var(--height);background-color:var(--background-color);border-radius:var(--radius-close-button);justify-content:center;align-items:center;display:flex}.ui-close__icon[data-v-0d0c8e51]{width:var(--icon-width);height:var(--icon-height);color:var(--icon-color)}.ui-close--primary[data-v-0d0c8e51]{--background-color:var(--close-button-primary-bg-color-default);--icon-color:var(--close-button-primary-icon-color-default)}@media (hover:hover) and (pointer:fine){.ui-close--primary[data-v-0d0c8e51]:hover{background-color:var(--close-button-primary-bg-color-hover)}.ui-close--primary:hover .ui-close__icon[data-v-0d0c8e51]{color:var(--close-button-primary-icon-color-hover)}.ui-close--primary[data-v-0d0c8e51]:focus{background-color:var(--close-button-primary-bg-color-focused)}.ui-close--primary:focus .ui-close__icon[data-v-0d0c8e51]{color:var(--close-button-primary-icon-color-focused)}.ui-close--secondary[data-v-0d0c8e51]:hover{background-color:var(--close-button-secondary-bg-color-hover)}.ui-close--secondary:hover .ui-close__icon[data-v-0d0c8e51]{color:var(--close-button-secondary-icon-color-hover)}.ui-close--secondary[data-v-0d0c8e51]:focus{background-color:var(--close-button-secondary-bg-color-focused)}.ui-close--secondary:focus .ui-close__icon[data-v-0d0c8e51]{color:var(--close-button-secondary-icon-color-focused)}}.ui-close--secondary[data-v-0d0c8e51]{--background-color:var(--close-button-secondary-bg-color-default);--icon-color:var(--close-button-secondary-icon-color-default)}.ui-close--large[data-v-0d0c8e51]{--width:48px;--height:48px}.ui-close--large .ui-close__icon[data-v-0d0c8e51]{--icon-width:24px;--icon-height:24px}.ui-close--large.ui-close--square[data-v-0d0c8e51],.ui-close--medium.ui-close--square[data-v-0d0c8e51]{--radius-close-button:12px}.ui-close--medium[data-v-0d0c8e51]{--width:36px;--height:36px}.ui-close--medium .ui-close__icon[data-v-0d0c8e51]{--icon-width:20px;--icon-height:20px}.ui-close--small[data-v-0d0c8e51]{--width:24px;--height:24px}.ui-close--small .ui-close__icon[data-v-0d0c8e51]{--icon-width:16px;--icon-height:16px}.ui-close--small.ui-close--square[data-v-0d0c8e51]{--radius-close-button:8px}.ui-close--round[data-v-0d0c8e51]{--radius-close-button:var(--values-radius-close-button)}