.filepond--image-preview-overlay.idle,
.filepond--image-preview-overlay.filepond--image-preview-overlay-idle {
    background: none !important;
    box-shadow: none !important;
    opacity: 0 !important;
}

.feedback-container {
    position: fixed;
    cursor: pointer;
    z-index: 2147483000;
    display: flex;
    flex-direction: column;
    gap: .5rem;
    max-width: 600px;
    width: calc(100% - 1rem);
    pointer-events: none;
}

.feedback-container.top-right { 
    top: .75rem; 
    right: .75rem; 
    align-items: flex-end; 
}

.feedback-container.top-left { 
    top: .75rem; 
    left: .75rem; 
}

.feedback-container.bottom-right { 
    bottom: .75rem; 
    right: .75rem; 
    align-items: flex-end; 
}

.feedback-container.bottom-left { 
    bottom: .75rem; 
    left: .75rem; 
}

.feedback-container.top-center {
    top: .75rem;
    left: 50%;
    transform: translateX(-50%);
    align-items: center;
}

.feedback-container.bottom-center {
    bottom: .75rem;
    left: 50%;
    transform: translateX(-50%);
    align-items: center;
}

.feedback-container.center {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    align-items: center;
}

.feedback-toast {
    --fb-bg: #222;
    --fb-fg: #fff;
    --fb-border: rgba(255,255,255,.15);
    --fb-accent: #0d6efd;
    background: var(--fb-bg);
    color: var(--fb-fg);
    border: 1px solid var(--fb-border);
    border-radius: .75rem;
    padding: 0.8rem 1rem 0.8rem 0.8rem;
    box-shadow: 0 8px 24px -8px rgba(0,0,0,.4), 0 2px 6px rgba(0,0,0,.25);
    font: 500 25.2px/2.52;
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: .75rem;
    width: 100%;
    pointer-events: auto;
    animation: fb-slide-in .45s cubic-bezier(.65,.05,.36,1);
}

.feedback-toast.fb-exit {
    animation: fb-slide-out .35s cubic-bezier(.55,.08,.37,.99) forwards;
}

.feedback-toast .fb-body {
    min-width: 0;
    margin-right: 1.2rem;
}

.feedback-toast .fb-title {
    font-weight: 600;
    font-size: 1.656rem;
}

.feedback-toast .fb-message {
    margin: 0;
    font-weight: 400;
    font-size: 1.4rem;
}

.feedback-toast .fb-icon {
    display: flex;
    font: 500 25.2px/2.52;
    align-items: center;
    opacity: .9;
    vertical-align: baseline;
    padding-top: .2rem;
}

.feedback-toast .fb-close {
    position: absolute;
    top: 0.3rem;
    right: 0.45rem;
    border: 0;
    color: #fff;
    font-size: 2.2rem;
    font-weight: bold;
    width: 2.6rem;
    height: 2.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 2;
    vertical-align: baseline;
    background: transparent;
}

.feedback-toast .fb-close:hover  {
    color: #a1a1a1;
}


.feedback-toast .fb-actions {
    grid-column: 2 / span 2;
    display: flex;
    gap: .5rem;
    margin-top: .55rem;
    flex-wrap: wrap;
}

.feedback-toast .fb-action-btn {
    --btn-bg: rgba(255,255,255,.1);
    --btn-bg-h: rgba(255,255,255,.18);
    border: 0;
    background: var(--btn-bg);
    color: inherit;
    padding: .35rem .75rem;
    font: 500 21.6px/1.8;
    border-radius: .45rem;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    letter-spacing: .3px;
    transition: background .18s, transform .18s;
}

.feedback-toast .fb-action-btn:hover,
.feedback-toast .fb-action-btn:focus-visible {
    background: var(--btn-bg-h);
    outline: none;
}

.feedback-toast .fb-action-btn:active {
    transform: translateY(1px);
}

.feedback-toast .fb-progress {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 3px;
    width: 100%;
    background: linear-gradient(90deg,var(--fb-accent),var(--fb-accent));
    transform-origin: left;
    animation: fb-progress linear forwards;
}

.feedback-toast.type-success { 
    --fb-bg:#122e1c; 
    --fb-border:#1c6b3d; 
    --fb-accent:#28c76f; 
}

.feedback-toast.type-error { 
    --fb-bg:#301717; 
    --fb-border:#793434; 
    --fb-accent:#ff4d4f; 
}

.feedback-toast.type-warning { 
    --fb-bg:#33260d; 
    --fb-border:#816022; 
    --fb-accent:#ffb341; 
}

.feedback-toast.type-info { 
    --fb-bg:#122b38; 
    --fb-border:#1d5d78; 
    --fb-accent:#31c3ff; 
}

.feedback-toast.type-neutral { 
    --fb-bg:#222; 
    --fb-border:#3a3a3a; 
    --fb-accent:#888; 
}

.feedback-toast:focus-within {
    outline: 2px solid var(--fb-accent);
    outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
    .feedback-toast,
    .feedback-toast.fb-exit { animation-duration: .01ms; animation-iteration-count: 1; }
    .feedback-toast .fb-progress { animation: none; }
}

@keyframes fb-progress {
    from { transform: scaleX(1); }
    to { transform: scaleX(0); }
}

@keyframes fb-slide-in {
    0% { transform: translateY(10px) scale(.95); opacity: 0; }
    60% { transform: translateY(-2px) scale(1); opacity: 1; }
    100% { transform: translateY(0); opacity: 1; }
}
@keyframes fb-slide-out {
    to { transform: translateY(-6px); opacity: 0; }
}