.icon-sidebar-button{transition:all .2s ease-in-out;transform:scale(1);-webkit-tap-highlight-color:transparent}.icon-sidebar-button:active{transform:scale(.95)}.icon-sidebar-button:hover{transform:scale(1.05)}.icon-sidebar-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .3s ease-out}.icon-sidebar{will-change:transform;transition:transform .3s cubic-bezier(.4,0,.2,1)}.icon-sidebar.open{transform:translate(0)}.icon-sidebar.closed{transform:translate(-100%)}.upload-progress-fill{width:var(--upload-progress, 0%)}.animate-ping-delay-1{animation:ping 2s cubic-bezier(0,0,.2,1) infinite;animation-delay:.5s}.animate-ping-delay-2{animation:ping 2s cubic-bezier(0,0,.2,1) infinite;animation-delay:1s}.animate-ping-delay-3{animation:ping 2s cubic-bezier(0,0,.2,1) infinite;animation-delay:1.5s}.animate-bounce-delay-1{animation:bounce 1s infinite;animation-delay:.2s}.animate-bounce-delay-2{animation:bounce 1s infinite;animation-delay:.4s}@media(max-width:768px)and (orientation:portrait){.icon-sidebar{z-index:9999}.icon-sidebar-button{min-height:48px;min-width:48px}}@supports (padding-top: env(safe-area-inset-top)){.icon-sidebar{padding-top:calc(1rem + env(safe-area-inset-top));padding-bottom:calc(1rem + env(safe-area-inset-bottom))}}@media(prefers-color-scheme:dark){.icon-sidebar-backdrop{background-color:#0000004d}}@media(prefers-reduced-motion:reduce){.icon-sidebar,.icon-sidebar-button,.icon-sidebar-backdrop{transition:none;animation:none}}