.public-form-validation-message {
    margin-top: 6px;
    color: #b91c1c;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 13px;
    font-weight: 650;
    line-height: 1.4;
}

form[data-public-validation-ready] input.is-invalid:not([type="checkbox"]):not([type="radio"]),
form[data-public-validation-ready] select.is-invalid,
form[data-public-validation-ready] textarea.is-invalid {
    border-color: #dc2626 !important;
    box-shadow: 0 0 0 3px rgba(220, 38, 38, .14) !important;
}

form[data-public-validation-ready] input.is-invalid[type="checkbox"],
form[data-public-validation-ready] input.is-invalid[type="radio"] {
    outline: 2px solid #dc2626;
    outline-offset: 2px;
}

.public-form-live-region {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

@keyframes websaas-public-toast-in {
    0% {
        opacity: 0;
        transform: translate3d(20px, -4px, 0) scale(.98);
    }

    70% {
        opacity: 1;
    }

    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1);
    }
}

@keyframes websaas-public-toast-out {
    0% {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1);
    }

    100% {
        opacity: 0;
        transform: translate3d(16px, -4px, 0) scale(.985);
    }
}

@keyframes websaas-public-toast-icon-in {
    0% {
        opacity: 0;
        transform: scale(.6) rotate(-10deg);
    }

    70% {
        opacity: 1;
        transform: scale(1.08) rotate(2deg);
    }

    100% {
        opacity: 1;
        transform: scale(1) rotate(0);
    }
}

@keyframes websaas-public-toast-content-in {
    0% {
        opacity: 0;
        transform: translate3d(6px, 0, 0);
    }

    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

@keyframes websaas-public-toast-content-out {
    0% {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }

    100% {
        opacity: 0;
        transform: translate3d(5px, 0, 0);
    }
}

@keyframes websaas-public-toast-fade-in {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes websaas-public-toast-fade-out {
    from { opacity: 1; }
    to { opacity: 0; }
}

.notyf {
    top: max(14px, env(safe-area-inset-top));
    right: max(14px, env(safe-area-inset-right));
    bottom: auto;
    left: auto;
    z-index: 1350;
    height: auto;
    width: min(340px, calc(100vw - 28px));
    padding: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.notyf .notyf__toast {
    width: 100%;
    max-width: 100%;
    padding: 0 !important;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    background: #ffffff !important;
    color: #172033 !important;
    box-shadow: 0 10px 30px rgba(15, 23, 42, .13);
    animation: websaas-public-toast-in 320ms cubic-bezier(.22, 1, .36, 1) forwards !important;
    will-change: transform, opacity;
}

.notyf .notyf__toast--disappear {
    animation: websaas-public-toast-out 200ms cubic-bezier(.4, 0, 1, 1) forwards !important;
    animation-delay: 0ms !important;
}

.notyf__toast--success {
    border-left: 4px solid #16a34a;
}

.notyf__toast--error {
    border-left: 4px solid #dc2626;
}

.notyf__wrapper {
    min-height: 52px;
    padding: 10px 12px;
}

.notyf__toast--dismissible .notyf__wrapper {
    padding-right: 38px;
}

.notyf .notyf__message {
    color: #1e293b !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    opacity: 0;
    animation: websaas-public-toast-content-in 240ms ease-out 70ms forwards !important;
}

.notyf .notyf__icon {
    flex: 0 0 21px;
    margin-right: 10px;
    opacity: 0;
    animation: websaas-public-toast-icon-in 300ms cubic-bezier(.22, 1, .36, 1) 90ms forwards !important;
}

.notyf__toast--success .notyf__icon--success {
    background: #16a34a !important;
    color: #ffffff !important;
}

.notyf__toast--success .notyf__icon--success::before,
.notyf__toast--success .notyf__icon--success::after,
.notyf__toast--error .notyf__icon--error::before,
.notyf__toast--error .notyf__icon--error::after {
    background: #ffffff !important;
}

.notyf__toast--error .notyf__icon--error {
    background: #dc2626 !important;
    color: #ffffff !important;
}

.notyf__dismiss-btn {
    background: transparent !important;
    color: #64748b !important;
    opacity: .55;
}

.notyf .notyf__dismiss {
    width: 32px;
    margin-right: 0;
    opacity: 0;
    animation: websaas-public-toast-content-in 190ms ease-out 120ms forwards !important;
}

.notyf .notyf__toast--disappear .notyf__icon,
.notyf .notyf__toast--disappear .notyf__message,
.notyf .notyf__toast--disappear .notyf__dismiss {
    animation: websaas-public-toast-content-out 120ms ease-in forwards !important;
    animation-delay: 0ms !important;
}

.notyf__dismiss-btn::before,
.notyf__dismiss-btn::after {
    background: currentColor !important;
}

.notyf__dismiss-btn:hover,
.notyf__dismiss-btn:focus-visible {
    background: rgba(15, 23, 42, .06) !important;
    opacity: 1;
}

.theme-public-flashes--noscript {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 8px;
    margin: 16px auto;
    width: min(1200px, calc(100% - 32px));
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.theme-public-flashes--noscript .theme-public-flash {
    padding: 14px 16px;
    border: 1px solid #d5dde8;
    border-radius: 12px;
    background: #ffffff;
    color: #172033;
    font-size: 14px;
    font-weight: 650;
    line-height: 1.45;
}

.theme-public-flashes--noscript .theme-public-flash.is-success {
    border-color: #86efac;
    border-left: 5px solid #16a34a;
    background: #f0fdf4;
    color: #14532d;
}

.theme-public-flashes--noscript .theme-public-flash.is-error {
    border-color: #fecaca;
    border-left: 5px solid #dc2626;
    background: #fef2f2;
    color: #7f1d1d;
}

@media (max-width: 640px) {
    .notyf {
        right: max(12px, env(safe-area-inset-right));
        left: auto;
        width: min(340px, calc(100vw - 24px));
    }
}

@media (prefers-reduced-motion: reduce) {
    .notyf .notyf__toast {
        animation: websaas-public-toast-fade-in 140ms ease-out forwards !important;
    }

    .notyf .notyf__toast--disappear {
        animation: websaas-public-toast-fade-out 100ms ease-in forwards !important;
    }

    .notyf .notyf__toast--disappear .notyf__icon,
    .notyf .notyf__toast--disappear .notyf__message,
    .notyf .notyf__toast--disappear .notyf__dismiss,
    .notyf .notyf__icon,
    .notyf .notyf__message,
    .notyf .notyf__dismiss {
        animation-duration: 1ms !important;
        animation-delay: 0ms !important;
        transition-duration: 1ms !important;
    }
}




