::selection{background:var(--selection-bg);color:var(--selection-color)}::selection{background:var(--selection-bg);color:var(--selection-color)}:root{--frame:18px;--border:3px;--breakpoint-md:768px;--base-font-size:12px}@media (max-width:768px){:root{--base-font-size:10px}}html{font-size:var(--base-font-size)}#stage{width:calc(100vw - 2*var(--frame) - 2*var(--border));height:calc(100vh - 2*var(--frame) - 2*var(--border));box-sizing:border-box;inset:calc(var(--frame) + var(--border));position:relative}#stage:before{content:"";pointer-events:none;border:var(--border)solid transparent;background:linear-gradient(var(--angle),var(--stage-frame-color-grad),var(--stage-frame-color))border-box;animation:8s linear infinite rotate;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes rotate{to{--angle:360deg}}@property --angle{syntax:"<angle>";inherits:false;initial-value:0deg}