.ngps-alert,
.ngps-form-message {
    margin: 14px 0;
    padding: 13px 16px;
    border: 1px solid;
    border-radius: 15px;
    font-size: 12.5px;
    font-weight: 700;
    line-height: 1.55;
}

.ngps-shell [data-ngps-options-status],
.ngps-shell [data-ngps-form-message],
.ngps-shell [data-ngps-step-one-status],
.ngps-shell [data-ngps-map-status] {
    display: none !important;
}

.ngps-alert {
    transition:
            background-color var(--ngps-transition),
            border-color var(--ngps-transition),
            color var(--ngps-transition);
}

.ngps-alert--info,
.ngps-form-message.is-info {
    border-color: var(--ngps-info-line);
    background: var(--ngps-info-bg);
    color: var(--ngps-info-dark);
}

.ngps-alert--success,
.ngps-form-message.is-success {
    border-color: var(--ngps-success-line);
    background: var(--ngps-success-bg);
    color: var(--ngps-success);
}

.ngps-alert--error,
.ngps-form-message.is-error {
    border-color: var(--ngps-danger-line);
    background: var(--ngps-danger-bg);
    color: var(--ngps-danger);
}

.ngps-form-message.is-success {
    position: relative;
    padding-left: 42px;
}

.ngps-form-message.is-success::before {
    position: absolute;
    top: 50%;
    left: 16px;
    display: grid;
    place-items: center;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: var(--ngps-success);
    color: #ffffff;
    content: "✓";
    font-size: 11px;
    transform: translateY(-50%);
}