:root{--second:#222;--primary:#47b5ff;--light:#dff6ff;--medium:#1363df;--dark:#06283d}html{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;font-family:Open,sans-serif;font-size:16px;text-align:center}*,:after,:before{box-sizing:inherit;margin:0;padding:0}body{background-color:#06283d;background-color:var(--dark);color:#dff6ff;color:var(--light);margin:0;padding-top:2rem}header{max-width:450px;min-width:100%}header h1{color:#47b5ff;color:var(--primary);font-size:2rem;font-weight:700;margin:0 2rem 2rem}hr{border:1px solid #1363df;border:1px solid var(--medium);margin:.5rem;opacity:.2}nav{display:flex;justify-content:space-evenly;margin-bottom:3rem}a{color:#1363df;color:var(--medium);font-weight:700;text-decoration:none}main{align-items:center;display:flex;flex-direction:column;justify-content:center}.radius-container{height:auto;width:300px}.radius-example{background-color:#1363df;background-color:var(--medium);background-image:linear-gradient(45deg,#47b5ff,#1363df);background-image:linear-gradient(45deg,var(--primary),var(--medium));border-radius:50% 50% 50% 50%/50% 50% 50% 50%;height:300px;margin-bottom:2rem;width:300px}.output{margin-bottom:1rem;margin-top:2rem}.output,.output span{align-items:center;display:flex;justify-content:center}.output span{border:1px solid #1363df;border:1px solid var(--medium);font-weight:900;padding:.5rem 1rem}.output button{background-color:#1363df;background-color:var(--medium);border:none;color:#fff;cursor:pointer;font-size:bold;margin-right:1rem;padding:.5rem 1rem}.output button:active{background-color:#47b5ff;background-color:var(--primary)}.more{margin:2rem 0}footer{margin-bottom:.5rem}input[type=range]{-webkit-appearance:none;background:transparent;margin-bottom:2rem;width:100%}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border:1px solid #000;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;cursor:pointer;height:36px;margin-top:-14px;width:16px}input[type=range]::-moz-range-thumb{background:#fff;border:1px solid #000;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;cursor:pointer;height:36px;width:16px}input[type=range]::-ms-thumb{background:#fff;border:1px solid #000;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;cursor:pointer;height:36px;width:16px}input[type=range]::-webkit-slider-runnable-track{background:#3071a9;border:.2px solid #010101;border-radius:1.3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;cursor:pointer;height:8.4px;width:100%}input[type=range]:focus::-webkit-slider-runnable-track{background:#367ebd}input[type=range]::-moz-range-track{background:#3071a9;border:.2px solid #010101;border-radius:1.3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;cursor:pointer;height:8.4px;width:100%}input[type=range]::-ms-track{background:transparent;border-color:transparent;border-width:16px 0;color:transparent;cursor:pointer;height:8.4px;width:100%}input[type=range]::-ms-fill-lower{background:#2a6495;border:.2px solid #010101;border-radius:2.6px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]:focus::-ms-fill-lower{background:#3071a9}input[type=range]::-ms-fill-upper{background:#3071a9;border:.2px solid #010101;border-radius:2.6px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]:focus::-ms-fill-upper{background:#367ebd}
/*# sourceMappingURL=main.464cd6ef.css.map*/