/*hss 1.0*/@font-face{font-family:body;font-style:normal;font-weight:400;src:url(/assets/body.woff2) format('woff2');}@font-face{font-family:code;font-style:normal;font-weight:400;src:url(/assets/code.woff2) format('woff2');}:root{--blue:#29728a;--green:#3bb162;--purple:#663366;--red:#d82f19;--yellow:#fbb220;--zehuti:#336666;}*{box-sizing:border-box;}html{scroll-behavior:smooth;}body{--acti:var(--green);--brad:8px;--canc:var(--yellow);color:var(--text);font-family:body;font-size:15px;--furn:var(--blue);--grey:#333;height:100%;--high:var(--purple);line-height:1.38em;margin:0;--null:#666;--text:#fff;--warn:var(--red);}input,textarea,select,option{font-family:body;font-size:15px;}a{color:var(--acti);text-decoration:none;}#back{background:url('/assets/back.jpg');background-position:fixed;background-size:cover;bottom:0;left:0;position:fixed;right:0;top:0;z-index:0;}div.pane{min-height:100vh;padding:112px 32px 32px 32px;position:relative;z-index:1;}div.pane>h2{font-family:code;font-size:48px;font-weight:normal;margin:0 0 48px 0;text-align:center;}.home{align-items:center;display:flex;flex-direction:column;justify-content:space-around;position:relative;}.home>*,#implement-slide>ul:nth-child(2) > li > *{margin:0;}.home h1{font-family:code;font-weight:normal;text-align:center;z-index:2;}.home h1>span{display:block;line-height:1.32em;}.home h1>span:nth-child(1),.home h1 > span:nth-child(3){font-size:72px;}.home h1>span:nth-child(2){font-size:32px;}.home h1 .appear{filter:blur(8px);opacity:0;transition:filter ease 0.38s,opacity ease 0.38s;}.home h1 .appear.on{filter:blur();opacity:1;}.home div.logo{bottom:0;display:flex;filter:blur(32px);justify-content:center;left:0;opacity:0;padding:112px 0 32px 0;position:absolute;right:0;top:0;transition:filter ease 6.2s,opacity ease 6.2s;z-index:1;}.home div.logo.on{filter:blur(8px);opacity:1;}.home div.logo>svg{fill:var(--high);height:100%;}#implement-slide{justify-self:center;max-width:1080px;}#implement-slide>ul{list-style:none;margin:0;padding:0;position:relative;}#implement-slide>ul:nth-child(1){display:flex;}#implement-slide>ul:nth-child(1) > li{align-items:center;background:#000;border:2px solid #fff;border-radius:var(--brad);color:#fff;cursor:pointer;display:flex;flex:1;flex-direction:column;font-family:code;margin:0 32px;padding:12px 16px;transition:background ease 0.38s;user-select:none;z-index:2;}#implement-slide>ul:nth-child(1) > li > span:nth-child(1){font-size:24px;}#implement-slide>ul:nth-child(1) > li:hover,#implement-slide > ul:nth-child(1) > li.on,nav ul > li:hover,nav ul > li.on,#notify:hover,#notify:hover > span:nth-child(2){background:var(--high);}#implement-slide>ul:nth-child(1)::after{background:#000;border:solid #fff;border-radius:var(--brad) var(--brad) 0 0;border-width:2px 2px 0 2px;content:'';height:50%;left:0;position:absolute;right:0;top:50%;z-index:1;}#implement-slide>ul:nth-child(2){background:#000;border:solid #fff;border-radius:0 0 var(--brad) var(--brad);border-width:0 2px 2px 2px;display:flex;overflow-x:hidden;position:relative;width:100%;}#implement-slide>ul:nth-child(2) > li{min-width:100%;padding:32px;}#implement-slide>ul:nth-child(2) > li:nth-child(1){transition:margin-left ease 0.38s;}#implement-slide>ul:nth-child(2) > li > * + *{margin-top:16px;}#implement-slide>ul:nth-child(2) > li > h3{font-family:code;font-size:24px;font-weight:normal;margin:0 0 16px 0;text-align:center;}#implement-slide code{background:#000;border:2px solid var(--high);border-radius:var(--brad);display:block;font-family:code;font-size:15px;justify-self:center;margin-top:32px !important;padding:16px;position:relative;}#implement-slide code span{display:block;}#implement-slide code span.tab{padding-left:2em;}#implement-slide code i{background:var(--high);color:#fff;font-family:code;font-size:15px;font-style:normal;padding:0 4px;}#implement-slide code::after{background:repeating-linear-gradient(0deg,rgb(0,0,0,0.2),rgb(0,0,0,0.2) 1px,transparent 1px,transparent 2px) !important;content:'';height:100%;left:0;pointer-events:none;position:absolute;right:0;top:0;}nav{display:flex;height:112px;left:0;position:fixed;right:0;top:0;z-index:16;}nav ul{align-items:stretch;display:flex;flex:1;list-style:none;margin:0;padding:32px;position:relative;}nav ul>li{align-items:center;background:#000;border:2px solid #fff;border-radius:var(--brad);color:#fff;cursor:pointer;display:flex;flex-direction:column;font-family:code;margin:0 16px;transition:background ease 0.38s;user-select:none;z-index:3;}nav ul>li a{color:#fff;padding:11px 16px;}nav ul::after{border:solid #fff;border-width:2px 0 0 0;content:'';height:50%;left:0;position:absolute;right:0;top:50%;z-index:2;}nav::after{backdrop-filter:blur(8px);--background:#f00;bottom:0;content:'';left:0;mask:linear-gradient(black,black,transparent);position:absolute;right:0;top:0;z-index:1;}#notify{background:var(--notc);border:2px solid #fff;border-radius:var(--brad);bottom:32px;color:#fff;cursor:pointer;left:-32px;line-height:1.38em;min-width:322px;opacity:0;padding:16px;position:fixed;transition:opacity ease 0.38s,bottom ease 0.38s,left ease 0.38s,right ease 0.38s,background ease 0.38s;user-select:none;width:25%;z-index:5;}#notify>span:nth-child(2){background:var(--notc);border:2px solid #fff;border-radius:16px;height:32px;position:absolute;right:-12px;top:-12px;transition:background ease 0.38s;width:32px;}#notify>span:nth-child(2) canvas{border-radius:16px;left:-2px;position:absolute;top:-2px;}#notify.show{left:32px;opacity:1;}#notify.leave{bottom:-32px;opacity:0;}#notify.defa{--notc:var(--high);}#notify.warn{--notc:var(--warn);}#notify span.brk{font-family:code;font-size:13px;word-break:break-all;}@media (max-width:386px){#notify{min-width:unset;right:96px;width:unset;}#notify.show{right:32px;}}