@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;800&display=swap);.filter[data-v-ed5c1be4]{padding:.5em;position:relative}.filter label[data-v-ed5c1be4]{border-bottom:1px solid #666;width:100%;display:inline-block;margin-bottom:.25em;cursor:pointer}.filter label[data-v-ed5c1be4]:hover{background-color:hsla(0,0%,100%,.1)}.filter>div[data-v-ed5c1be4]{display:none}.filter[data-v-ed5c1be4]:before{content:"off";position:absolute;top:.5em;right:.5em}.filter.active[data-v-ed5c1be4]:before{content:"on";color:#0f0}.filter.active>div[data-v-ed5c1be4]{display:block}.datepick{width:100%}h3{text-align:left;font-weight:400;padding:.5em;margin:0;margin-top:1em;color:#bbb}.info{padding:.5em 1em .5em .5em;color:#666;text-align:center}.filter{position:relative}.filter>label{border-bottom:1px solid #666;width:100%;display:inline-block;margin-bottom:.25em}.filter>div{display:none}.filter:before{content:"+";position:absolute;top:.5em;right:.5em}.filter.active:before{content:"-"}.filter.active>div{display:block}.filter input{background:transparent;color:#fff;border:1px solid #fff;border-radius:5px;padding:.25em}.preview-pane[data-v-42d24572]{display:inline-block;box-shadow:0 0 15px rgba(0,0,0,.1);margin:.5em}.preview-pane .info[data-v-42d24572]{font-size:10px;padding:1em;position:relative;flex:1;word-break:break-word;overflow:hidden}.preview-pane .info a[data-v-42d24572]{color:#000;text-decoration:none;display:inline-block;min-height:5em}.preview-pane .info .replay[data-v-42d24572]{position:absolute;top:.5em;right:.5em;width:2em;cursor:pointer}.preview-pane .preview[data-v-42d24572]{background-color:#d3d3d3}.preview-pane.social .preview iframe[data-v-42d24572]{transform-origin:0 0;transform:scale(.5)}body,html{position:relative;margin:0;padding:0;height:100%;background-color:#fafafa;font-family:Poppins,sans-serif}*{box-sizing:border-box}.auth-screen{position:relative;display:flex;align-content:center;justify-content:center}.auth-screen form{background:#fff;box-shadow:0 0 15px rgba(0,0,0,.1);padding:1em}.auth-screen form h3{color:#000;margin:0}nav{background:#333;position:fixed;top:0;left:0;bottom:0;width:280px;color:#fff;transform:translateX(-280px);z-index:2;box-shadow:inset -6px 0 6px rgba(0,0,0,.3);padding:.5em}nav .tabs{width:100%}nav .tabs .tab{background:transparent;border:1px solid #fff;width:50%;display:inline-block;text-align:center;cursor:pointer}nav .tabs .tab.active{background:#000}nav .action{background-color:#000;border:none;margin:.5em 0;padding:.5em;width:100%;color:#fff;cursor:pointer}nav .action:hover{background-color:#fff;color:#000}nav .preview-buttons{position:absolute;top:0;right:0;text-align:center;transform-origin:100% 0;transform:translateX(100%)}nav .preview-buttons button{width:3rem;height:3rem;padding:.2rem;background-color:#333;border-left:1px solid #bbb;display:block;border-radius:0 3px 3px 0;transition:background-color .2s ease-in-out;cursor:pointer}nav .preview-buttons button.toggle span{width:1rem;height:1rem;border-top:.2rem solid #fff;border-left:.2rem solid #fff;display:inline-block;transform:translateX(-.2rem) scaleX(-1) rotate(-45deg);transition:transform .2s ease-in-out}section{padding:75px 1em 1em 1em}section .logo{position:absolute;top:1em;right:1em;max-width:50vw}nav{transition:transform .3s ease-in-out}.nav-open{max-width:100vw;min-height:100vh;overflow:hidden}.nav-open nav{transform:translateX(0)}.nav-open nav .preview-buttons .toggle span{transform:translateX(.2rem) scaleY(-1) rotate(-45deg)}@media(min-width:1024px){nav .preview-buttons{display:none}.nav-open section{margin-left:270px}}