: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}@media screen and (max-width:680px){#root{flex-direction:column}}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;overflow:auto}@media screen and (max-width:680px){aside{max-width:initial}}aside>*{display:flex;flex-direction:column;gap:16px}p{margin:0}main{position:relative;flex:1}.preview{background-color:#546982;flex:1;height:100dvh;position:relative;display:flex;flex-direction:column;gap:40px;justify-content:center;align-items:center}@media screen and (max-width:680px){.preview{height:fit-content}}#container{width:min(80%,700px);aspect-ratio:1/1;position:relative;overflow:hidden;border-radius:50%;background-size:cover}@media screen and (max-width:680px){#container{width:min(80%,300px)}}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}@media screen and (max-width:680px){.image-upload-btn{display:none}}.image-upload-btn--mobile{flex:1}@media screen and (min-width:681px){.image-upload-btn--mobile{display:none}}.image-upload-btn:hover{background-color:#ecebeb}.image-upload-btn:active{background-color:#e7e7e7}@media screen and (max-width:680px){.payment-btn:not(.payment-btn--mobile){display:none}}.payment-btn--mobile{margin:40px 12px 12px}@media screen and (min-width:681px){.payment-btn--mobile{display:none}}.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}@media screen and (max-width:680px){.info{height:120px;overflow:auto}}.btns{display:flex;width:100%;gap:16px}h1{margin:0}h2{margin:0;font-size:1.25rem;font-weight:400}.image-upload-input{display:none}.bottom-selector{width:calc(100% - 24px);display:flex;gap:12px;position:absolute;bottom:20px;left:20px}.bottom-selector-entry{width:50px;height:50px;border-radius:5px;background-color:#d3d3d3;display:flex;justify-content:center;align-items:center;outline:none;box-shadow:none;border:0;cursor:pointer;background-size:cover}#target{position:absolute;background-size:100% 100%}#target-outline{position:absolute;border:1px solid crimson}.zoom-anchor{position:absolute;width:20px;height:20px;border-radius:50%;background-color:#dc143c}.product-picture-render-area{position:absolute;top:0;left:0;width:100%;height:100%;display:none}