#top-panel{background:#fff;width:100%;height:auto;position:fixed;overflow:hidden;transition:.3s margin-top;box-shadow:0 1px 2px 0 rgba(0,0,0,.1);border-bottom:1px solid #ccc;z-index:11;opacity:0;margin-top:-100%}#top-panel .scrollable{max-height:calc(100vh - 6.8rem)}#top-panel.active{top:90px;margin-top:0;opacity:1}#top-panel .btn-cancel{right:1rem;top:.2rem}@media(max-width: 768px){#top-panel{align-items:baseline;opacity:0;margin-top:100%}#top-panel .scrollable{max-height:calc(100vh - 6.8rem)}#top-panel.active{height:calc(100vh - var(--bottom-bar-height, 3.4rem) - 3.5rem);height:calc(100dvh - var(--bottom-bar-height, 3.4rem) - 3.5rem);opacity:1;margin-top:0}#top-panel .btn-cancel{right:.5rem;top:.25rem}}#top-panel h2{font-size:1.1rem;margin-top:1rem;border-bottom:1px solid;padding-bottom:.5rem}.dark #top-panel{background:#262626;border-bottom:1px solid #404040;box-shadow:none}.dark #top-panel .btn-cancel{color:#e6e6e6}@media(max-width: 768px){.dark #top-panel{background:#262626}}