.socket{width:200px;height:200px;position:absolute;left:50%;margin-left:-100px;top:50%;margin-top:-100px}.hex-brick{background:#000;width:30px;height:17px;position:absolute;top:5px;animation-name:fade00;animation-duration:2s;animation-iteration-count:infinite;-webkit-animation-name:fade00;-webkit-animation-duration:2s;-webkit-animation-iteration-count:infinite}.h2{transform:rotate(60deg);-webkit-transform:rotate(60deg)}.h3{transform:rotate(-60deg);-webkit-transform:rotate(-60deg)}.gel{height:30px;width:30px;transition:all .3s;-webkit-transition:all .3s;position:absolute;top:50%;left:50%}.center-gel{margin-left:-15px;margin-top:-15px;animation-name:pulse00;animation-duration:2s;animation-iteration-count:infinite;-webkit-animation-name:pulse00;-webkit-animation-duration:2s;-webkit-animation-iteration-count:infinite}.c1{margin-left:-47px;margin-top:-15px}.c2{margin-left:-31px;margin-top:-43px}.c3{margin-left:1px;margin-top:-43px}.c4{margin-left:17px;margin-top:-15px}.c5{margin-left:-31px;margin-top:13px}.c6{margin-left:1px;margin-top:13px}.c7{margin-left:-63px;margin-top:-43px}.c8{margin-left:33px;margin-top:-43px}.c9{margin-left:-15px;margin-top:41px}.c10{margin-left:-63px;margin-top:13px}.c11{margin-left:33px;margin-top:13px}.c12{margin-left:-15px;margin-top:-71px}.c13{margin-left:-47px;margin-top:-71px}.c14{margin-left:17px;margin-top:-71px}.c15{margin-left:-47px;margin-top:41px}.c16{margin-left:17px;margin-top:41px}.c17{margin-left:-79px;margin-top:-15px}.c18{margin-left:49px;margin-top:-15px}.c19{margin-left:-63px;margin-top:-99px}.c20{margin-left:33px;margin-top:-99px}.c21{margin-left:1px;margin-top:-99px}.c22{margin-left:-31px;margin-top:-99px}.c23{margin-left:-63px;margin-top:69px}.c24{margin-left:33px;margin-top:69px}.c25{margin-left:1px;margin-top:69px}.c26{margin-left:-31px;margin-top:69px}.c27{margin-left:-79px;margin-top:-15px}.c28{margin-left:-95px;margin-top:-43px}.c29{margin-left:-95px;margin-top:13px}.c30{margin-left:49px;margin-top:41px}.c31{margin-left:-79px;margin-top:-71px}.c32{margin-left:-111px;margin-top:-15px}.c33{margin-left:65px;margin-top:-43px}.c34{margin-left:65px;margin-top:13px}.c35{margin-left:-79px;margin-top:41px}.c36{margin-left:49px;margin-top:-71px}.c37{margin-left:81px;margin-top:-15px}.r1{animation-name:pulse00;animation-duration:2s;animation-iteration-count:infinite;animation-delay:.2s;-webkit-animation-name:pulse00;-webkit-animation-duration:2s;-webkit-animation-iteration-count:infinite;-webkit-animation-delay:.2s}.r2{animation-name:pulse00;animation-duration:2s;animation-iteration-count:infinite;animation-delay:.4s;-webkit-animation-name:pulse00;-webkit-animation-duration:2s;-webkit-animation-iteration-count:infinite;-webkit-animation-delay:.4s}.r3{animation-name:pulse00;animation-duration:2s;animation-iteration-count:infinite;animation-delay:.6s;-webkit-animation-name:pulse00;-webkit-animation-duration:2s;-webkit-animation-iteration-count:infinite;-webkit-animation-delay:.6s}.r1>.hex-brick{animation-name:fade00;animation-duration:2s;animation-iteration-count:infinite;animation-delay:.2s;-webkit-animation-name:fade00;-webkit-animation-duration:2s;-webkit-animation-iteration-count:infinite;-webkit-animation-delay:.2s}.r2>.hex-brick{animation-name:fade00;animation-duration:2s;animation-iteration-count:infinite;animation-delay:.4s;-webkit-animation-name:fade00;-webkit-animation-duration:2s;-webkit-animation-iteration-count:infinite;-webkit-animation-delay:.4s}.r3>.hex-brick{animation-name:fade00;animation-duration:2s;animation-iteration-count:infinite;animation-delay:.6s;-webkit-animation-name:fade00;-webkit-animation-duration:2s;-webkit-animation-iteration-count:infinite;-webkit-animation-delay:.6s}@keyframes pulse00{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(.01);transform:scale(.01)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes fade00{0%{background:#252525}50%{background:#000}to{background:#353535}}#root{max-width:100%;margin:0;text-align:center;background-color:#000}.card{padding:.2em;top:auto}.card button{margin-left:1em}:root{font-family:SFProDisplay,sans-serif;line-height:1.5;font-weight:400;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@font-face{font-family:SFProDisplay;src:url(/assets/fonts/fuente-sf-pro/Peso-100/SFProDisplay-Ultralight.woff2) format("woff2"),url(/assets/fonts/fuente-sf-pro/Peso-100/SFProDisplay-Ultralight.woff) format("woff"),url(/assets/fonts/fuente-sf-pro/Peso-100/SFProDisplay-Ultralight.woff) format("eot"),url(/assets/fonts/fuente-sf-pro/Peso-100/SFProDisplay-Ultralight.woff) format("ttf");font-weight:100;font-style:normal}@font-face{font-family:SFProDisplay;src:url(/assets/fonts/fuente-sf-pro/Peso-200/SFProDisplay-Thin.woff2) format("woff2"),url(/assets/fonts/fuente-sf-pro/Peso-200/SFProDisplay-Thin.woff) format("woff"),url(/assets/fonts/fuente-sf-pro/Peso-200/SFProDisplay-Thin.woff) format("eot"),url(/assets/fonts/fuente-sf-pro/Peso-200/SFProDisplay-Thin.woff) format("ttf");font-weight:200;font-style:normal}@font-face{font-family:SFProDisplay;src:url(/assets/fonts/fuente-sf-pro/Peso-300/SFProDisplay-Light.woff2) format("woff2"),url(/assets/fonts/fuente-sf-pro/Peso-300/SFProDisplay-Light.woff) format("woff"),url(/assets/fonts/fuente-sf-pro/Peso-300/SFProDisplay-Light.woff) format("eot"),url(/assets/fonts/fuente-sf-pro/Peso-300/SFProDisplay-Light.woff) format("ttf");font-weight:300;font-style:normal}@font-face{font-family:SFProDisplay;src:url(/assets/fonts/fuente-sf-pro/Peso-400/SFProDisplay-Regular.woff2) format("woff2"),url(/assets/fonts/fuente-sf-pro/Peso-400/SFProDisplay-Regular.woff) format("woff"),url(/assets/fonts/fuente-sf-pro/Peso-400/SFProDisplay-Regular.woff) format("eot"),url(/assets/fonts/fuente-sf-pro/Peso-400/SFProDisplay-Regular.woff) format("ttf");font-weight:400;font-style:normal}@font-face{font-family:SFProDisplay;src:url(/assets/fonts/fuente-sf-pro/Peso-500/SFProDisplay-Medium.woff2) format("woff2"),url(/assets/fonts/fuente-sf-pro/Peso-500/SFProDisplay-Medium.woff) format("woff"),url(/assets/fonts/fuente-sf-pro/Peso-500/SFProDisplay-Medium.woff) format("eot"),url(/assets/fonts/fuente-sf-pro/Peso-500/SFProDisplay-Medium.woff) format("ttf");font-weight:500;font-style:normal}@font-face{font-family:SFProDisplay;src:url(/assets/fonts/fuente-sf-pro/Peso-600/SFProDisplay-Semibold.woff2) format("woff2"),url(/assets/fonts/fuente-sf-pro/Peso-600/SFProDisplay-Semibold.woff) format("woff"),url(/assets/fonts/fuente-sf-pro/Peso-600/SFProDisplay-Semibold.woff) format("eot"),url(/assets/fonts/fuente-sf-pro/Peso-600/SFProDisplay-Semibold.woff) format("ttf");font-weight:600;font-style:normal}@font-face{font-family:SFProDisplay;src:url(/assets/fonts/fuente-sf-pro/Peso-700/SFProDisplay-Bold.woff2) format("woff2"),url(/assets/fonts/fuente-sf-pro/Peso-700/SFProDisplay-Bold.woff) format("woff"),url(/assets/fonts/fuente-sf-pro/Peso-700/SFProDisplay-Bold.woff) format("eot"),url(/assets/fonts/fuente-sf-pro/Peso-700/SFProDisplay-Bold.woff) format("ttf");font-weight:700;font-style:normal}@font-face{font-family:SFProDisplay;src:url(/assets/fonts/fuente-sf-pro/Peso-800/SFProDisplay-Heavy.woff2) format("woff2"),url(/assets/fonts/fuente-sf-pro/Peso-800/SFProDisplay-Heavy.woff) format("woff"),url(/assets/fonts/fuente-sf-pro/Peso-800/SFProDisplay-Heavy.woff) format("eot"),url(/assets/fonts/fuente-sf-pro/Peso-800/SFProDisplay-Heavy.woff) format("ttf");font-weight:800;font-style:normal}@font-face{font-family:SFProDisplay;src:url(/assets/fonts/fuente-sf-pro/Peso-900/SFProDisplay-Black.woff2) format("woff2"),url(/assets/fonts/fuente-sf-pro/Peso-900/SFProDisplay-Black.woff) format("woff"),url(/assets/fonts/fuente-sf-pro/Peso-900/SFProDisplay-Black.woff) format("eot"),url(/assets/fonts/fuente-sf-pro/Peso-900/SFProDisplay-Black.woff) format("ttf");font-weight:900;font-style:normal}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}