.ui-dialog.dialog-change-region {
    font-family: var(--font-family);
}

.ui-dialog.dialog-change-region .ui-dialog-content {
    padding: 4.8rem 0 !important;
    border-top: solid 0.1rem var(--bg-color-darken-info);
}

.ui-dialog.dialog-change-region .change-region-container {
    display: flex;
    align-items: center;
    justify-content: center;
}

.ui-dialog.dialog-change-region .region-button {
    border: solid 0.2rem var(--text-color-lighten);
    border-radius: 0.5rem;
    background: var(--bg-color-lighten);
    padding: 1.2rem 1.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0.8rem;
}

.ui-dialog.dialog-change-region .region-button.selected {
    background: var(--color-secondary);
    border-color: var(--color-secondary);
    cursor: default;
}

.ui-dialog.dialog-change-region .region-button span {
    font-size: 1.4rem;
    line-height: 1.8rem;
    color: var(--text-color-lighten);
    margin-left: 1rem;
    font-weight: var(--font-weight-semibold);
    font-family: var(--font-family);
}

.ui-dialog.dialog-change-region .region-button.selected span {
    color: var(--bg-color-lighten);
}

.ui-dialog.dialog-change-region .region-icon {
    width: 2.5rem;
    height: 1.3rem;
}

.ui-dialog.dialog-change-region .region-icon.us-icon {
    background: url("/templates/images/icons/region_us_icon.png") no-repeat;
    background-size: 100% 100%;
}

.ui-dialog.dialog-change-region .region-icon.uk-icon {
    background: url("/templates/images/icons/region_uk_icon.png") no-repeat;
    background-size: 100% 100%;
}