:root{--ios-spring:cubic-bezier(.2,.82,.2,1);--ios-snap:cubic-bezier(.22,1,.36,1)}
@keyframes ios-rise{from{opacity:0;transform:translate3d(0,14px,0) scale(.985)}to{opacity:1;transform:none}}
@keyframes ios-slide-in{from{opacity:.55;transform:translate3d(24px,0,0)}to{opacity:1;transform:none}}
@keyframes ios-sheet-up{from{opacity:0;transform:translate3d(-50%,18px,0) scale(.97)}to{opacity:1;transform:translate3d(-50%,0,0) scale(1)}}
@keyframes ios-float-up{from{opacity:0;transform:translate3d(0,18px,0) scale(.97)}to{opacity:1;transform:translate3d(0,0,0) scale(1)}}
@keyframes ios-pop{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}
.motion-ready #app:not([hidden])>header,.motion-ready #app:not([hidden])>.storage,.motion-ready #app:not([hidden])>.search,.motion-ready #app:not([hidden])>section{animation:ios-rise .46s var(--ios-snap) both}.motion-ready #app:not([hidden])>.storage{animation-delay:.035s}.motion-ready #app:not([hidden])>.search{animation-delay:.07s}.motion-ready #app:not([hidden])>section{animation-delay:.1s}.motion-ready #app:not([hidden])>.latest{animation-delay:.14s}
.tiles button{transform:translateZ(0);transition:transform .34s var(--ios-spring),box-shadow .34s var(--ios-spring)}.tiles button.is-pressing{transform:scale(.955);transition-duration:.12s;will-change:transform}.round,.nav button,.title button,.category-back,.category-select,.selection-bar button,.upload-item__action{transform:translateZ(0);transition:transform .3s var(--ios-spring),opacity .2s ease}.round.is-pressing,.nav button.is-pressing,.title button.is-pressing,.category-back.is-pressing,.category-select.is-pressing,.selection-bar button.is-pressing,.upload-item__action.is-pressing{transform:scale(.88);transition-duration:.1s;will-change:transform}.nav .upload.is-pressing{transform:scale(.9) rotate(-4deg)}
.category-screen.motion-enter,.trash-screen.motion-enter{animation:ios-slide-in .38s var(--ios-snap) both}.category-screen.motion-leave,.trash-screen.motion-leave{opacity:0;transform:translate3d(18px,0,0);transition:opacity .18s ease,transform .18s ease}.media-item,.trash-item,.file-row{animation:ios-rise .34s var(--ios-snap) both}.media-grid .media-item:nth-child(2),.trash-item:nth-child(2),.file-row:nth-child(2){animation-delay:.025s}.media-grid .media-item:nth-child(3),.trash-item:nth-child(3),.file-row:nth-child(3){animation-delay:.05s}.media-grid .media-item:nth-child(4),.trash-item:nth-child(4),.file-row:nth-child(4){animation-delay:.075s}.media-grid .media-item:nth-child(n+5),.trash-item:nth-child(n+5),.file-row:nth-child(n+5){animation-delay:.1s}
.upload-queue:not([hidden]){animation:ios-float-up .42s var(--ios-snap) both}.upload-item{animation:ios-rise .3s var(--ios-snap) both}.selection-bar:not([hidden]){animation:ios-sheet-up .32s var(--ios-snap) both}.preview-modal[open]{animation:ios-pop .3s var(--ios-snap) both}.preview-modal::backdrop{animation:ios-fade .25s ease both}@keyframes ios-fade{from{opacity:0}to{opacity:1}}
.tile-icon{transition:transform .4s var(--ios-spring)}.tiles button:hover .tile-icon{transform:translate3d(0,-2px,0) scale(1.035)}#theme.motion-spin{animation:theme-spin .42s var(--ios-snap)}@keyframes theme-spin{to{transform:rotate(180deg)}}
.media-grid,.file-list,.trash-list{contain:layout paint}.media-item img{transform:translateZ(0);backface-visibility:hidden}.upload-item__bar span{will-change:transform}
@media(prefers-reduced-motion:reduce){.motion-ready #app:not([hidden])>*,.category-screen.motion-enter,.trash-screen.motion-enter,.media-item,.trash-item,.file-row,.upload-queue:not([hidden]),.upload-item,.selection-bar:not([hidden]),.preview-modal[open],.preview-modal::backdrop,#theme.motion-spin{animation:none!important}.category-screen.motion-leave,.trash-screen.motion-leave,.tiles button,.round,.nav button,.title button,.category-back,.category-select,.selection-bar button,.upload-item__action,.tile-icon{transition:none!important}}