*{box-sizing:border-box;margin:0;padding:0}html{color:#f0f0f0;background:#1e1e1e;overflow:hidden}body{place-items:center;height:100svh;display:grid;position:relative}main{max-width:100%;position:absolute}@media (width<750px){main section{width:314px}}main section+section{margin-top:20px}main section h2{font-size:20px;font-weight:350}main section h2+*{margin-top:10px}main section .radio-inputs{flex-wrap:wrap;gap:10px;font-size:15px;display:flex}main section .radio-inputs .radio-item{place-items:center;width:150px;height:50px;display:grid;position:relative}main section .radio-inputs .radio-item input[type=radio]{appearance:none;border-radius:unset;background:#ffffff05;border:1px solid #fff3;width:100%;height:100%;position:absolute;top:0;left:0}main section .radio-inputs .radio-item input[type=radio]:checked{background:#ffffff12;border-color:#fffc}main section .radio-inputs .radio-item input[type=radio]:hover{cursor:pointer}main section .radio-inputs .radio-item label{pointer-events:none;place-items:center;font-weight:350;display:grid;position:absolute}main section .radio-inputs .radio-item label span{opacity:.6;font-size:12px;font-weight:300}main a{color:#72d1e9;width:fit-content;margin-top:30px;font-weight:300;text-decoration:none;display:block}main a:hover{text-decoration:underline}