/* file-upload.css - .file-attach: drop zone, file list, progress bar, paperclip animation */

/* File Attachment Styles */
.file-attach {
    }

.file-attach__controls {
    }

.file-attach__btn {
    }

.file-attach__btn:not(.file-attach__btn--camera) .file-attach__title,
.file-attach__btn:not(.file-attach__btn--camera) .file-attach__icon,
.file-attach__btn:not(.file-attach__btn--camera) .file-attach__icon-svg,
.file-attach__btn:not(.file-attach__btn--camera):hover .file-attach__title,
.file-attach__btn:not(.file-attach__btn--camera):hover .file-attach__icon,
.file-attach__btn:not(.file-attach__btn--camera):hover .file-attach__icon-svg,
.file-attach__btn:not(.file-attach__btn--camera):focus-visible .file-attach__title,
.file-attach__btn:not(.file-attach__btn--camera):focus-visible .file-attach__icon,
.file-attach__btn:not(.file-attach__btn--camera):focus-visible .file-attach__icon-svg {
    }

.file-attach__btn:not(.file-attach__btn--camera):hover,
.file-attach__btn:not(.file-attach__btn--camera):focus-visible {
    }

.file-attach__btn--camera {
    }

.file-attach__btn--camera .file-attach__title {
    }

.file-attach__btn--camera .file-attach__icon {
    }

.file-attach__btn--camera .file-attach__icon-svg,
.file-attach__icon-svg--camera {
    }

.file-attach__btn--camera .file-attach__icon-svg,
.file-attach__btn--camera .file-attach__icon-svg--camera {
    }

.file-attach__btn--camera:hover .file-attach__icon-svg,
.file-attach__btn--camera:hover .file-attach__icon-svg--camera,
.file-attach__btn--camera:focus-visible .file-attach__icon-svg,
.file-attach__btn--camera:focus-visible .file-attach__icon-svg--camera {
    }

.file-attach__btn--camera:hover,
.file-attach__btn--camera:focus-visible {
    }

.file-attach__btn:hover,
.file-attach__btn:focus-visible {
    }



.file-attach__drop-zone-file--drag-over {
    }

.file-attach.file-attach--drag-over .file-attach__drop-zone-file {
    }

.file-attach__drop-zone-file--drag-over .file-attach__btn {
    }

.file-attach.file-attach--drag-over .file-attach__drop-zone-file .file-attach__btn {
    }

.file-attach__drop-zone-file--drag-over .file-attach__title,
.file-attach__drop-zone-file--drag-over .file-attach__icon,
.file-attach__drop-zone-file--drag-over .file-attach__icon-svg,
.file-attach__drop-zone-file--drag-over p {
    }

.file-attach.file-attach--drag-over .file-attach__drop-zone-file .file-attach__title,
.file-attach.file-attach--drag-over .file-attach__drop-zone-file .file-attach__icon,
.file-attach.file-attach--drag-over .file-attach__drop-zone-file .file-attach__icon-svg,
.file-attach.file-attach--drag-over .file-attach__drop-zone-file p {
    }

.file-attach__title {
    }

/* Paperclip Attention Animation */
@keyframes paperclipAttention {

    0%,
    90%,
    100% {
        transform: rotate(0deg) scale(1);
    }

    92% {
        transform: rotate(5deg) scale(1.05);
    }

    94% {
        transform: rotate(-5deg) scale(1.05);
    }

    96% {
        transform: rotate(5deg) scale(1.05);
    }

    98% {
        transform: rotate(-2deg) scale(1.02);
    }
}

.file-attach__icon-svg {
    }

.file-attach__icon-svg--paperclip {
    }

.file-attach__icon {
    }

.file-attach__terms {
    }

.file-attach__list {
    }

.file-attach__list:empty {
    }

.file-attach__item {
    }

.file-attach__summary {
    }

.file-attach__name {
    }

.file-attach__check {
    }

.file-attach__check::before {
    }

.file-attach__item[data-upload-visual-complete="true"] .file-attach__check,
.file-attach__item[data-temp-synced="true"] .file-attach__check {
    }

.file-attach__item[data-upload-sync-state="failed"] .file-attach__check {
    }

.file-attach__item[data-upload-sync-state="failed"] .file-attach__check::before {
    }

.file-attach__item[data-upload-visual-bounce="true"] {
    }

.file-attach__item[data-upload-visual-bounce="true"] .file-attach__check {
    }

@keyframes fileAttachItemHop {
    0% {
        transform: translateY(0);
    }

    28% {
        transform: translateY(-0.28rem);
    }

    58% {
        transform: translateY(0.06rem);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes fileAttachCheckPop {
    0% {
        opacity: 0;
        transform: translateY(0.16rem) scale(0.56);
        filter: drop-shadow(0 0 0 rgba(168, 239, 114, 0));
    }

    56% {
        opacity: 1;
        transform: translateY(-0.12rem) scale(1.22);
        filter: drop-shadow(0 0 0.72rem rgba(168, 239, 114, 0.5));
    }

    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
        filter: drop-shadow(0 0 0.45rem rgba(168, 239, 114, 0.38));
    }
}

.file-attach__remove {
    }

.file-attach__remove:hover {
    }

.file-attach__progress {
    }

.file-attach__progress[data-progress-state="loading"],
.file-attach__progress[data-progress-state="complete"] {
    }

.file-attach__progress::before {
    }

.file-attach__progress[data-progress-state="loading"]::before {
    }

.file-attach__progress[data-progress-state="complete"] {
    }

.file-attach__progress[data-progress-state="complete"]::before {
    }

@keyframes fileAttachProgressSheen {
    from {
        background-position: 0% 50%;
    }

    to {
        background-position: 200% 50%;
    }
}

@keyframes fileAttachProgressComplete {
    0% {
        opacity: 0.9;
        transform: scaleX(var(--file-progress-complete-from));
        filter: brightness(1);
    }

    68% {
        opacity: 1;
        transform: scaleX(1);
        filter: brightness(1.08);
    }

    100% {
        opacity: 0;
        transform: scaleX(1);
        filter: brightness(1.14);
    }
}

@media (prefers-reduced-motion: reduce) {
    .file-attach__item[data-upload-visual-bounce="true"],
    .file-attach__item[data-upload-visual-bounce="true"] .file-attach__check {
        }

    .file-attach__progress[data-progress-state="loading"]::before {
        }

    .file-attach__progress[data-progress-state="complete"]::before {
        }
}