:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{display:flex;width:100dvw}aside{padding:12px;background-color:#fff;flex:1;max-width:528px;height:100dvh;margin:0;box-sizing:border-box;display:flex;flex-direction:column;gap:16px;justify-content:space-between}aside>*{display:flex;flex-direction:column;gap:16px}p{margin:0}main{background-color:#87919d;flex:1;height:100dvh;position:relative;display:flex;justify-content:center;align-items:center}#container{width:700px;height:700px;position:relative;overflow:hidden;border-radius:50%;background-size:cover}body{padding:0;margin:0;background-color:grain}.teste{width:20px;height:20px;border-radius:50%;background-color:#8b0000}.ball{background:#fff;background:radial-gradient(at left top,#fff,#898989)}.image-upload-btn{border:1px dashed #87919d;width:100%;height:200px;background-color:#f4f3f3;cursor:pointer}.image-upload-btn:hover{background-color:#ecebeb}.image-upload-btn:active{background-color:#e7e7e7}.continue-btn{cursor:pointer;border-radius:8px;padding:0 12px;height:50px;background:#2ea44f;outline:0;border:0;font-weight:700;color:#fff;text-wrap:balance}.continue-btn:hover{background:#278f45}.continue-btn:active{background:#227e3c}.info{padding:12px;background:#e1e1e1;display:flex;flex-direction:column;gap:16px;border-radius:8px}.btns{display:flex;gap:16px}h1{margin:0}h2{margin:0;font-size:1.25rem;font-weight:400}.image-upload-input{display:none}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}