/*hss 1.0*/@import url('/assets/fontawesome/css/all.min.css');*{box-sizing:border-box;outline:none;}body{background:rgb(30,30,30);color:#fff;display:flex;font-family:Arial,Helvetica,sans-serif;font-size:13px;margin:0;overflow-y:scroll;padding:0;}input,textarea,select,button{font-family:Arial,Helvetica,sans-serif;font-size:13px;}nav{align-items:flex-end;background:linear-gradient(180deg,rgba(30,30,30,100),rgba(30,30,30,100),rgba(30,30,30,0));display:flex;flex-direction:column;height:64px;left:0;padding:16px;position:fixed;right:0;top:0;z-index:5;}nav>img{height:32px;}#browse{align-items:flex-start;display:flex;margin-top:64px;width:100%;z-index:1;}#browse #tags{flex:0;left:0;margin:32px 0 32px 32px;position:absolute;top:48px;width:128px;}#browse #tags.stick{bottom:0;position:fixed;top:auto;}#browse #tags.fix{position:fixed;}#browse #tags>ul{list-style:none;padding:0;}#browse #tags li{align-items:center;background:none;border-radius:8px;cursor:pointer;display:none;justify-content:space-between;opacity:1;padding:4px 8px;transition:background ease 0.38s,opacity ease 0.38s;}#browse #tags li[preload="1"],#browse #previews>li[preload='1']{opacity:0;}#browse #tags li:hover,#auth>div>div{background:#455e77;}#browse #tags li.show,#browse #previews>li.show{display:flex;}#browse #tags li span+span{margin-left:1em;}#browse #tags li>span:nth-child(3){color:#f00;}#browse #tags li+li{margin-top:4px;}#browse #tags-active li>span:nth-child(2),#browse #tags-option li>span:nth-child(3){display:none;}#browse #previews{align-items:flex-start;display:flex;flex:1;flex-wrap:wrap;left:160px;list-style:none;margin:16px;padding:0 0 32px 0;position:absolute;right:0;top:48px;}#browse #previews>li{align-items:center;border-radius:16px;cursor:pointer;display:none;flex-direction:column;opacity:1;padding:16px;position:relative;transition:background ease 0.38s,opacity ease 0.1s;width:20%;}#browse #previews>li>img{border-radius:8px;width:100%;}#browse #previews>li>span{font-size:11px;margin-top:8px;max-width:100%;overflow:hidden;}#browse #previews>li:hover{background:#455e77;color:#fff;}#preview{align-items:center;background:rgba(0,0,0,0);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;transition:background ease 0.38s;z-index:3;}#preview.fade,#preview.loaded,#auth.load{background:rgba(0,0,0,0.62);}#preview.loaded>div,#auth.load>div{opacity:1;top:0;}#preview>div{display:block;max-width:62%;opacity:0;position:relative;top:-600px;transition:opacity ease 0.38s,top ease 0.38s;}#preview>div>*{display:block;}#preview>div>div:first-child,#auth>div>div:first-child{background:#455e77;border-radius:8px 8px 0 0;display:flex;}#preview>div>div:first-child>span,#auth>div>div:first-child>span{padding:8px 12px;vertical-align:middle;}#preview>div>div:first-child>span:first-child,#auth>div>div:first-child>span:first-child{flex:1;}#preview>div>div:first-child>span:first-child+span{background:#455e77;border-radius:0 8px 0 0;cursor:pointer;transition:background ease 0.38s;}#preview>div>div:first-child>span:first-child+span:hover,#preview>div>div:last-child:hover,#auth>div>div:first-child>span:first-child+span:hover,#auth>div>div:nth-child(3):hover{background:#514e80;}#preview>div video+div{background:#455e77;color:#fff;padding:8px 12px;text-align:right;}#preview>div video+div span+span,#preview>div>div:last-child>span+span,#auth>div>div:nth-child(3) span+span{margin-left:8px;}#preview>div>div:last-child{background:#455e77;border-radius:0 0 8px 8px;cursor:pointer;margin-top:-2px;padding:8px 12px;text-align:center;transition:background ease 0.38s;}#preview video{display:block;width:100%;}#auth{align-items:center;background:rgba(0,0,0,0);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;transition:background ease 0.38s;z-index:4;}#auth>div{opacity:0;position:relative;top:256px;transition:top 0.38s ease,opacity 0.38s ease;}#auth>div>div:first-child>span:first-child+span{background:#455e77;border-radius:0 8px 0 8px;cursor:pointer;transition:background ease 0.38s;}#auth>div>div:nth-child(2){display:flex;flex-direction:column;}#auth>div>div:nth-child(2) input{border:none;border-radius:8px;margin:8px 8px 0 8px;padding:8px;}#auth>div>div:nth-child(2) input+input{margin-bottom:8px;}#auth>div>div:nth-child(3){border-radius:0 0 8px 8px;cursor:pointer;padding:8px 12px;text-align:center;transition:background ease 0.38s;}#auth>div.wobble{animation-duration:1s;animation-name:wobble;}@keyframes wobble{0%,100%{transform:translateX(0%);}15%{transform:translateX(-25%) rotate(-5deg);}30%{transform:translateX(20%) rotate(3deg);}45%{transform:translateX(-15%) rotate(-3deg);}60%{transform:translateX(10%) rotate(2deg);}75%{transform:translateX(-5%) rotate(-1deg);}}