@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.bottom-sheet-enter{animation:.3s ease-out forwards slideUp}.bottom-sheet-exit{animation:.3s ease-in forwards slideDown}.overlay-enter{animation:.3s ease-out forwards fadeIn}.overlay-exit{animation:.3s ease-in forwards fadeOut}.bottom-sheet-content{scrollbar-width:thin;scrollbar-color:#d1d5db transparent}.bottom-sheet-content::-webkit-scrollbar{width:4px}.bottom-sheet-content::-webkit-scrollbar-track{background:0 0}.bottom-sheet-content::-webkit-scrollbar-thumb{background-color:#d1d5db;border-radius:2px}.bottom-sheet-content::-webkit-scrollbar-thumb:hover{background-color:#9ca3af}@keyframes highlight{0%{background-color:#ecfdf5;transform:scale(1)}50%{background-color:#d1fae5;transform:scale(1.02)}to{background-color:#ecfdf5;transform:scale(1)}}.newly-added-item{animation:1s ease-in-out highlight}@media (max-width:640px){.bottom-sheet-mobile{border-radius:20px 20px 0 0;max-height:80vh}}@media (min-width:641px){.bottom-sheet-desktop{border-radius:24px 24px 0 0;max-width:500px;max-height:70vh;margin:0 auto}}body.bottom-sheet-open{height:100vh;overflow:hidden}