@import url("https://fonts.googleapis.com/css2?family=Public+Sans:wght@100;200;300&display=swap");@import url("https://fonts.googleapis.com/css2?family=Concert+One&family=Indie+Flower&display=swap");@import url("https://fonts.googleapis.com/css2?family=Concert+One&family=Indie+Flower&family=Yatra+One&display=swap");@import url("https://fonts.googleapis.com/css2?family=Caprasimo&display=swap");:root{--background:#ffffff;--foreground:#171717}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}}body,html{max-width:100vw;overflow-x:hidden}body{color:var(--foreground);background:var(--background);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;padding:0;margin:0}a{color:inherit;text-decoration:none}@media (prefers-color-scheme:dark){html{color-scheme:dark}}.fill-height{height:100%;width:100%;padding:0 .3rem .7rem .6rem;color:var(--foreground)}#hand{position:absolute;top:50px;left:50px;background:transparent;color:#fff;width:50px;height:50px;border-radius:50%;text-align:center;line-height:50px;transition:all .4s ease-in-out;z-index:99;pointer-events:none;visibility:hidden}#hand:before{position:relative;box-sizing:border-box;border-radius:45px;background-color:rgba(255,255,255,.7);animation:pulse-ring 1.25s cubic-bezier(.215,.61,.355,1) infinite}#hand:after,#hand:before{content:"";display:block;width:100%;height:100%;pointer-events:none}#hand:after{position:absolute;left:0;top:0;border-radius:15px;box-shadow:0 0 8px rgba(0,0,0,.3);animation:pulse-dot 1.25s cubic-bezier(.455,.03,.515,.955) -.4s infinite}@keyframes pulse-ring{0%{transform:scale(.33)}80%,to{opacity:0}}@keyframes pulse-dot{0%{transform:scale(.8)}50%{transform:scale(1)}to{transform:scale(.8)}}#pycode{min-height:calc(93vh - 500px);width:100%}@media screen and (max-width:360px){#pycode{min-height:calc(100vh - 188px)}}.zoomScreen{position:fixed;z-index:10000;animation-duration:2s;top:0;left:0;background:#161c24;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center}.zoomScreen canvas{width:80%!important}@media screen and (max-width:600px){.zoomScreen{width:100vw}.zoomScreen canvas{width:100%!important}}img.responsive-img,video.responsive-video{max-width:100%;height:auto}.output{max-height:12rem;overflow-y:auto;max-width:100%}