.fabrico-checkout-choice-popup {
    .modal-inner-wrap {
        max-width: 520px;
    }
}

.fabrico-checkout-choice-modal__title {
    margin: 0 0 12px;
    font-size: 2.2rem;
    font-weight: 600;
}

.fabrico-checkout-choice-modal__intro {
    margin: 0 0 20px;
}

.fabrico-checkout-choice-modal__separator {
    margin: 20px 0;
    text-align: center;
    position: relative;

    span {
        background: #fff;
        display: inline-block;
        padding: 0 12px;
        position: relative;
        z-index: 1;
    }

    &:before {
        background: #e5e5e5;
        content: '';
        height: 1px;
        left: 0;
        position: absolute;
        right: 0;
        top: 50%;
    }
}

.fabrico-checkout-choice-modal__section--register,
.fabrico-checkout-choice-modal__section--guest {
    text-align: center;
}

.fabrico-checkout-choice-modal__register {
    margin-top: 20px;
    background: #fff;
    border: #525659 solid 1px;
    min-width: 170px;
    border-radius: 6px;
    font-size: 20px;
    line-height: 24px;
    color: #525659;
    text-align: center;
    padding: 10px;
    display: inline-block;
    text-decoration: none;
    font-family: 'proxima_novasemibold', 'Proxima Nova', sans-serif;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    height: auto;
    box-sizing: border-box;

    &:hover,
    &:focus {
        background: #fff;
        border-color: #525659;
        color: #525659;
        text-decoration: none;
    }
}

.fabrico-checkout-choice-modal__guest.action.primary {
    margin-top: 20px;
    background: #fff;
    border: #525659 solid 1px;
    min-width: 170px;
    border-radius: 6px;
    font-size: 20px;
    line-height: 24px;
    color: #525659;
    text-align: center;
    padding: 10px;
    display: inline-block;
    text-decoration: none;
    font-family: 'proxima_novasemibold', 'Proxima Nova', sans-serif;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    height: auto;
    width: auto;
    box-sizing: border-box;

    &:hover,
    &:focus,
    &:active {
        background: #fff;
        border-color: #525659;
        color: #525659;
    }

    &:disabled {
        opacity: 0.6;
        cursor: not-allowed;
    }
}

.fabrico-checkout-choice-modal__messages {
    margin-top: 16px;
}

.fabrico-checkout-choice-login .actions-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
}

@media (max-width: 767px) {
    .fabrico-checkout-choice-popup .modal-inner-wrap {
        width: calc(100% - 24px);
        margin: 12px auto;
    }
}