.wrapper[data-open="1"][data-v-ce7213ba]{position:fixed;top:0;left:0}.wrapper[data-open="1"] .bg[data-v-ce7213ba]{display:block;-webkit-transition:all .3s;transition:all .3s;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.3)}.card[data-v-ce7213ba]{width:100%;height:100vh;position:fixed;background:#fff;border-radius:10px 10px 0 0;-webkit-box-shadow:0 -3px 4px rgba(0,0,0,.1);box-shadow:0 -3px 4px rgba(0,0,0,.1);left:0}.card[data-state=close][data-v-ce7213ba],.card[data-state=half][data-v-ce7213ba],.card[data-state=open][data-v-ce7213ba]{-webkit-transition:top .3s ease-out;transition:top .3s ease-out}.bar[data-v-ce7213ba]{width:45px;height:8px;border-radius:14px;margin:0 auto;cursor:pointer}.pan-area[data-v-ce7213ba]{top:0;right:0;left:0;padding:8px 0}.pan-area .close-btn[data-v-ce7213ba]{position:absolute;left:0;margin:-.5rem 1rem;font-size:16px;border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;height:36px;width:36px;background-color:rgba(0,0,0,.6);color:#fff}.pan-area .bar[data-v-ce7213ba]:hover{cursor:-webkit-grab;cursor:grab}.pan-area .bar[data-v-ce7213ba]:active{cursor:-webkit-grabbing;cursor:grabbing}.card[data-state=close] .pan-area[data-v-ce7213ba]{top:-28px}.contents[data-v-ce7213ba]{overflow-y:scroll;max-height:100%;padding-bottom:20vh;-webkit-box-sizing:border-box;box-sizing:border-box;padding:1rem}.filter-cog-btn{position:absolute;right:0;width:35px;height:35px;font-size:16px;border-radius:50%;margin:14px 10px;-webkit-box-shadow:0 1px 1px 1px rgba(0,0,0,.2);box-shadow:0 1px 1px 1px rgba(0,0,0,.2);z-index:1}