/*hss 1.0*/@font-face{font-family:body;font-style:normal;font-weight:400;src:url(/assets/opensans.woff2) format('woff2');}:root{--blue:#29728a;--green:#3bb162;--purple:#663366;--red:#d82f19;--yellow:#fbb220;--zehuti:#336666;}*{box-sizing:border-box;}body{--acti:var(--green);align-items:center;--back:rgba(41,114,138,0.90);--canc:var(--yellow);display:flex;font-family:body;font-size:15px;--grey:#333;--high:var(--purple);margin:0;min-height:100vh;min-width:100%;--null:#666;--p38:38%;--p62:62%;--pane:rgba(255,255,255,0.90);--text:#fff;--warn:var(--red);}body::-webkit-scrollbar,.scrollbars::-webkit-scrollbar{height:8px;width:8px;}body::-webkit-scrollbar-track,.scrollbars::-webkit-scrollbar-track{background:none;}body::-webkit-scrollbar-thumb,.scrollbars::-webkit-scrollbar-thumb{background:var(--purple);border:none;transition:background ease 0.38s;}input,textarea{font-family:body;}.shadow{box-shadow:4px 4px 4px 0px rgba(0,0,0,0.38);}.shadown{box-shadow:2px 2px 2px 0px rgba(0,0,0,0.38);}a{color:var(--purple);text-decoration:none;}div#back{align-items:center;background:#666;bottom:0;display:flex;justify-content:center;left:0;opacity:0;padding-top:64px;position:fixed;right:0;top:0;transition:opacity ease 3.8s;}div#back>svg{fill:#999;max-height:64%;max-width:64%;}div#back.show,.modal>div>div>div>button.on{opacity:1;}.modal{align-items:center;backdrop-filter:blur(0px);background:rgba(0,0,0,0);bottom:0;display:flex;justify-content:stretch;left:0;padding:32px 0px;position:fixed;right:0;top:0;transition:background ease 0.38s,backdrop-filter ease 0.38s;z-index:3;}.modal.on{backdrop-filter:blur(2px);background:rgba(0,0,0,0.38);transition:background ease 10s,backdrop-filter ease 10s;}.modal.on>div{opacity:1;top:0px;}.modal>div{background:var(--back);border:solid #fff;border-width:2px 0 2px 0;box-shadow:0px 4px 4px 0px rgba(0,0,0,0.38);color:var(--text);display:flex;flex:1;flex-direction:column;opacity:0;position:relative;top:-100px;transition:opacity ease 0.38s,top ease 1s;}.modal>div>div{margin:0 auto;max-width:100% !important;padding:16px 16px 64px 16px;position:relative;width:38%;}.modal>div>div>p{line-height:1.38em;margin:0;}.modal>div>div>p+p{margin:1em 0 0 0;}.modal>div>div>p:first-child{font-size:24px;text-align:center;}.modal>div>div>p.icon{align-items:flex-start;display:flex;}.modal>div>div>p.icon>svg{fill:#fff;height:41px;}.modal>div>div>p.icon>span{flex:1;padding:0 0 0 16px;}.modal>div>div button{align-items:center;background:var(--acti);border:none;box-shadow:4px 4px 4px 0px rgba(0,0,0,0.38);color:#fff;cursor:pointer;display:flex;font-size:15px;justify-content:flex-start;margin:1em 0 0 0;padding:16px;transition:background ease 0.38s,box-shadow ease 0.38s;}.modal>div>div button:hover,nav > button:hover{background:var(--high);box-shadow:2px 2px 2px 0px rgba(0,0,0,0.38);}.modal>div>div button>svg{fill:#fff;flex-shrink:0;width:48px;}.modal>div>div button>span{flex:1;padding-left:16px;text-align:left;}.modal>div>div>div{align-items:center;bottom:-48px;display:flex;position:absolute;right:16px;}.modal>div>div>div>button{align-items:center;border:2px solid #fff;border-radius:24px;box-shadow:4px 4px 4px 0px rgba(0,0,0,0.38);cursor:pointer;display:flex;height:48px;justify-content:center;opacity:0;padding:0;transition:background ease 0.38s,box-shadow ease 0.38s,opacity ease 0.38s;width:48px;}.modal>div>div>div>button>svg{fill:#fff;height:24px;}.modal>div>div>div>button:hover{background:var(--high) !important;box-shadow:2px 2px 2px 0px rgba(0,0,0,0.38);}.modal>div>div>div>button>canvas{left:0;position:absolute;top:0;}.modal>div>div>div>button.large,.modal>div>div>div>button:last-child{border-radius:48px;height:96px;margin-left:16px;width:96px;}.modal>div>div>div>button.large>svg,.modal>div>div>div>button:last-child > svg{height:48px;}.modal>div>div>div>button.cancel{background:var(--canc);}.modal>div>div>div>button.activity{background:var(--acti);}.modal>div>div>div>button.warn{background:var(--warn);}nav{background:var(--back);border:solid #fff;border-width:0 0 2px 0;box-shadow:4px 4px 4px 0px rgba(0,0,0,0.38);display:flex;height:64px;left:0;opacity:0;padding:0 32px 0 0;position:fixed;right:0;top:-32px;transition:top ease 1s,opacity ease 1s;z-index:2;}nav.show{opacity:1;top:0;}nav>button{align-items:center;background:var(--acti);border:2px solid #fff;border-radius:32px;box-shadow:4px 4px 4px 0px rgba(0,0,0,0.38);cursor:pointer;display:flex;flex-direction:column;height:64px;margin:0 0 0 32px;min-height:64px;min-width:64px;opacity:0;padding:8px;position:relative;top:-32px;transition:background ease 0.38s,box-shadow ease 0.38s,top ease 1s,opacity ease 1s;width:64px;}nav>button>svg{fill:#fff;}nav>button>span{background:var(--high);border:2px solid #fff;border-radius:16px;box-shadow:4px 4px 4px 0px rgba(0,0,0,0.38);color:#fff;font-size:13px;opacity:0;padding:6px 8px;pointer-events:none;position:absolute;top:0;transition:opacity ease 0.38s,box-shadow ease 0.38s,top ease 0.38s;z-index:-1;}nav>button.gap{margin-left:auto;}nav>button.show{opacity:1;top:16px;}nav>button:hover > span{box-shadow:2px 2px 2px 0px rgba(0,0,0,0.38);opacity:1;top:68px;}.pane{background:var(--pane);border:2px solid var(--blue);bottom:96px;box-shadow:4px 4px 4px 0px rgba(0,0,0,0.38);left:32px;opacity:0;position:fixed;right:32px;top:32px;transition:opacity ease 1s,top ease 1s,bottom ease 1s;z-index:1;}.pane.show{bottom:32px;opacity:1;top:96px;}.pane.leave{bottom:-32px;opacity:0;top:128px;}@media screen and (max-width:512px){.modal > div > div{width:100%;}}