.document-icon-swap[data-v-52c19389] { display: inline-grid; }
.document-icon[data-v-52c19389] { opacity: 0; filter: blur(4px); grid-area: 1 / 1; transition: opacity 0.3s cubic-bezier(0.2, 0, 0, 1), filter 0.3s cubic-bezier(0.2, 0, 0, 1), transform 0.3s cubic-bezier(0.2, 0, 0, 1); transform: scale(0.25); }
.document-icon--active[data-v-52c19389] { opacity: 1; filter: blur(); transform: scale(1); }
.document-card-arrived[data-v-52c19389] { animation: 2.4s cubic-bezier(0.16, 1, 0.3, 1) 0s 1 normal none running documentCardArrived-52c19389; }
@keyframes documentCardArrived-52c19389 { 
  0% { background-color: rgb(236, 253, 245); box-shadow: rgba(16, 185, 129, 0.35) 0px 0px 0px 3px, rgba(0, 0, 0, 0.1) 0px 1px 3px, rgba(0, 0, 0, 0.1) 0px 1px 2px -1px; }
  60%, 100% { background-color: var(--color-card,#fff); box-shadow: rgba(16, 185, 129, 0) 0px 0px, rgba(0, 0, 0, 0.1) 0px 1px 3px, rgba(0, 0, 0, 0.1) 0px 1px 2px -1px; }
}
@media (prefers-reduced-motion: reduce) {
  .document-icon[data-v-52c19389] { transition: none !important; }
  .document-card-arrived[data-v-52c19389] { animation: auto ease 0s 1 normal none running none !important; }
}
@media print {
  .document-card-arrived[data-v-52c19389] { animation: auto ease 0s 1 normal none running none !important; }
}
@media screen {
  .dark .document-card-arrived[data-v-52c19389] { animation-name: documentCardArrivedDark-52c19389; }
  @keyframes documentCardArrivedDark-52c19389 { 
  0% { background-color: color-mix(in srgb, #4ade9b 12%, var(--color-card)); box-shadow: rgba(74, 222, 155, 0.3) 0px 0px 0px 3px; }
  60%, 100% { background-color: var(--color-card); box-shadow: rgba(74, 222, 155, 0) 0px 0px; }
}
}