*{margin:0;padding:0}html,body{width:100%;height:100%}canvas{display:block;position:fixed;top:0;left:0;z-index:2}.unvisible{filter:opacity(0);-webkit-backdrop-filter:blur(0px)!important;backdrop-filter:blur(0px)!important;animation:fade .25s ease-in-out}.hidden{display:none!important}.loading,.tip{display:flex;flex-direction:column;align-items:center;justify-content:center;position:fixed;gap:12px;top:0;left:0;right:0;bottom:0;z-index:4;-webkit-backdrop-filter:blur(48px);backdrop-filter:blur(48px)}.loading:after{content:attr(data-text);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:sans-serif;font-size:32px;line-height:42px;font-weight:300;text-transform:uppercase}.loading svg{position:relative;z-index:6}.loading path{stroke-dasharray:320px;stroke-dashoffset:0;animation:dash 2.5s linear infinite}.tip .text{font-family:sans-serif;font-size:32px;line-height:42px;font-weight:300;text-transform:uppercase;text-align:center}@keyframes dash{0%{stroke-dashoffset:320px}to{stroke-dashoffset:0}}@keyframes fade{0%{filter:opacity(1);-webkit-backdrop-filter:blur(48px)!important;backdrop-filter:blur(48px)!important}to{filter:opacity(0);-webkit-backdrop-filter:blur(0px)!important;backdrop-filter:blur(0px)!important}}