.file[data-v-3ee66726]{border-radius:.375rem;flex-direction:column;overflow:hidden;position:relative;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));padding:0;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(var(--color-gray-200)/var(--tw-ring-opacity,1));transition:all .3s}.file[data-v-3ee66726],.file-top[data-v-3ee66726]{display:flex}.file-top[data-v-3ee66726]{gap:.5rem;position:absolute;right:.5rem;top:.5rem;z-index:3}.group:hover .file-top[data-v-3ee66726]{opacity:1}@media (min-width:768px){.file-top[data-v-3ee66726]{opacity:0}}.file-top[data-v-3ee66726]{transition:all .3s}.file-top__btn[data-v-3ee66726]{background-color:rgb(51 51 51/var(--tw-bg-opacity,1));border-radius:.25rem;cursor:pointer;--tw-bg-opacity:.5;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.file-top__btn[data-v-3ee66726]:hover{--tw-bg-opacity:.7}.file-top__btn[data-v-3ee66726]{transition:all .3s}.file-video-preview[data-v-3ee66726]{align-items:center;display:flex;flex-grow:1;justify-content:center;overflow:hidden;position:relative;--tw-bg-opacity:1;aspect-ratio:1/1;background-color:rgb(var(--color-gray-950)/var(--tw-bg-opacity,1))}.file-video-preview[data-v-3ee66726],.file-video-preview__media[data-v-3ee66726]{width:100%}.file-video-preview__media[data-v-3ee66726]{height:100%;-o-object-fit:cover;object-fit:cover}.file-video-preview__fallback[data-v-3ee66726],.file-video-preview__loader[data-v-3ee66726],.file-video-preview__overlay[data-v-3ee66726]{align-items:center;display:flex;flex-direction:column;gap:.5rem;top:0;right:0;bottom:0;left:0;justify-content:center;position:absolute}.file-video-preview__fallback[data-v-3ee66726]{--tw-bg-opacity:1;background-color:rgb(var(--color-gray-300)/var(--tw-bg-opacity,1))}.file-video-preview__loader[data-v-3ee66726]{background-color:#ffffffb3}.file-video-preview__overlay[data-v-3ee66726]{background-color:#3336}.file-video-preview__duration[data-v-3ee66726]{background-color:#333333a6;border-radius:.25rem;bottom:.5rem;font-size:11px;font-weight:600;line-height:1;padding:.25rem .5rem;position:absolute;right:.5rem;z-index:2;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.file-video-info[data-v-3ee66726]{display:flex;flex-direction:column;font-size:.875rem;line-height:1.25rem;min-height:118px;min-width:0;padding-bottom:.5rem;padding-left:.5rem;padding-right:.5rem}.file-video-info__name[data-v-3ee66726]{color:rgb(var(--color-gray-800)/var(--tw-text-opacity,1));display:block;font-size:.875rem;font-weight:700;line-height:1.25rem;padding-bottom:.375rem;padding-top:.375rem}.file-video-info__format[data-v-3ee66726],.file-video-info__name[data-v-3ee66726]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;--tw-text-opacity:1}.file-video-info__format[data-v-3ee66726]{color:rgb(var(--color-gray-500)/var(--tw-text-opacity,1));font-size:.75rem;line-height:1rem}.file-video-info__duration[data-v-3ee66726]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-video-info__details[data-v-3ee66726],.file-video-info__duration[data-v-3ee66726]{font-size:.75rem;line-height:1rem;padding-top:.25rem;--tw-text-opacity:1;color:rgb(var(--color-gray-500)/var(--tw-text-opacity,1))}.file-video-info__details[data-v-3ee66726]{align-items:center;display:flex;gap:.5rem;justify-content:space-between;margin-top:auto;min-width:0}.file-video-info__details-left[data-v-3ee66726],.file-video-info__details-right[data-v-3ee66726]{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-video-info__details-right[data-v-3ee66726]{flex-shrink:0;margin-left:auto;text-align:right}.file-video-info__bottom[data-v-3ee66726]{align-items:center;display:flex;gap:.5rem;justify-content:flex-end;min-width:0}.file-error[data-v-3ee66726]{--tw-ring-opacity:1;--tw-ring-color:rgb(241 174 181/var(--tw-ring-opacity,1))}.file-video-item[data-v-3ee66726]{flex-shrink:0;width:100%}@media not all and (min-width:768px){.file-video-item[data-v-3ee66726]{width:calc(33.33333% - 11px)}}@media not all and (min-width:640px){.file-video-item[data-v-3ee66726]{width:calc(50% - 8px)}}@media not all and (min-width:490px){.file-video-item[data-v-3ee66726]{width:220px}}@media (min-width:768px){.file-video-item[data-v-3ee66726]{width:190px}}@media screen and (max-width:380px){.file-video-item[data-v-3ee66726]{width:100%}}