.customer-type-select-popup {
    position: fixed;
    z-index: 9999999;
    background: #fff;
    padding: 1em 1.2em;
    width: 25em;
    border-radius: .3em;
    display: flex;
    flex-direction: column;
    gap: .8em;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

body:not(.modal-open) .customer-type-select-popup {
    visibility: hidden;
}

.customer-type-select-popup h3 {
    font-size: 1.3em;
    font-weight: 500;
}

.customer-type-select-popup button {
    cursor: pointer;
}

.customer-type-select-popup button.customer-type {
    padding: .7em;
    border: .1em solid #c6c6c6;
    background: #e6e6e6;
    font-weight: 600;
}

.customer-type-select-popup button.close-popup {
    width: 1.5em;
    height: 1.5em;
    background: none;
    border: none;
    padding: 0;
    position: absolute;
    right: 1em;
    top: 1em;
}

.customer-type-select-popup button.close-popup::before,
.customer-type-select-popup button.close-popup::after {
    content: '';
    left: 0;
    top: 50%;
    border-top: .2em solid;
    right: 0;
    position: absolute;
    transform: rotate(45deg);
}

.customer-type-select-popup button.close-popup::after {
    transform: rotate(-45deg);
}